/* Global Styles */

body, td, p, h1, h2, input, option, textarea, div
{
font-family : Arial, Helvetica, sans-serif;
}

a:link						{color : #c10077; text-decoration : none;}
a:visited					{color : #c10077; text-decoration : none;}
a:hover						{color : #c10077; text-decoration : underline;}

body
{
background : #f8f8f8 url(../images/bg-body-breed.png) top center repeat-x;
margin : 0px;
color : #666;
font-size : small;
letter-spacing : normal;
line-height : normal;
}

#container 
{
background : #f8f8f8 url(../images/bg-container-breed.jpg) top center no-repeat;
border : solid 0px #CCCCCC;
margin: 0 auto;
padding: 0px 24px 0px 24px;
width : 918px;
}

.alignleft
{text-align : left;}

.floatleft
{float : left;}

.alignright
{text-align : right;}

.floatright
{float : right;}

.aligncenter
{text-align : center;}

.hide
{display : none;}

.clear
{clear : both;}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : #EEEEEE solid 1px;
height : 1px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #EEEEEE solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 12px 3px 12px;
background : #FFFFFF;
}

/* TOP NAVI START *********/


#top
{
width : 100%;
border : #CC0000 0px solid;
background : url(../images/bg-top-breed-film.gif) top center no-repeat;
margin : 0px auto;
}

#topsitenavi
{
float : right;
padding : 18px 9px 159px 6px;
margin : 0px 24px 0px 0px;
}

#topsitenavi a
{padding : 0px 6px 0px 6px; border-right : #EEEEEE 1px solid;}

#topsitenavi img
{border : 0px;}

#topnavi
{
/*background : #00CC00;*/
color : #000000;
float : right;
padding : 17px 32px 9px 6px;
margin : 0px;
vertical-align : top;
}

#topnavi a
{padding : 0px 3px 0px 3px; color : #FFFFFF;}

#topnavi span
{display : none;}

#topsubnavi
{
/* background : #CC0000; */
clear : both;
color : #dd00ad;
float : right;
padding : 0px 24px 0px 6px;
margin : 0px;
width : 800px;
}

#topsubnavilinks
{
float : right;
font-size : 0.85em;
padding : 7px 12px 0px 0px;
color : #000000;
}

#topsubnavilinks a
{padding : 0px 3px 0px 0px; color : #666666;}

#toptelephone
{
font-size : 0.85em;
/* background : url(../images/bg-telephone-breed-group.gif) top center no-repeat; */
background : url(../images/bg-telephone-breed-film.gif) top center no-repeat;
width : 203px;
text-align : center;
padding : 7px 0px 7px 0px;
float : right;
color : #FFFFFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#toptelephone { margin : 2px 0px 0px 0px; padding : 7px 0px 9px 0px;}
}

/* TOP NAVI END */


/* MAIN START *********/

#main
{
background : #FFFFFF;
margin : 0px;
padding : 0px;
vertical-align : top;
width : 528px;
}

#main h1, h1
{
background : url(../images/bg-hd-breed.gif) top center no-repeat;
border-bottom : #EEEEEE 1px solid;
clear : both;
font-weight : normal;
font-size : 1.2em;
padding : 31px 3px 6px 3px;
margin : 0px 12px 9px 12px;
color : #666666;
}

#main h1 strong, #main h2 strong
{font-weight : normal;}

#main h2
{
font-size : small;
margin : 6px 0px 6px 0px;
padding : 6px 12px;
background : #FFFFFF;
color : #666666;
clear : both;
font-weight : normal;
}

#main p, #main p.intro
{
padding : 6px 15px 6px 15px;
margin : 0px;
font-size : 1.00em;
}

#main p.news
{
clear : both;
font-size : 0.85em; 
padding : 4px 9px 6px 9px; 
border-bottom : #363636 1px solid;
}

#main div.box
{
background : url(../images/bg-lines.png) top left repeat;
border : #FFFFFF 3px solid;
}

#main address
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #000000;
font-style: normal;
}

#main fieldset
{
border : solid 0px #CCCCCC;
margin : 12px;
padding : 12px;
}

#main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#main legend
{
display : none;
border : solid 1px #CCCCCC;
border-bottom : 0px;
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
font-weight : bold;
}

#main img
{border : solid 0px #EEEEEE;}

#main fieldset.news
{
border : #303030 solid 1px;
margin : 3px;
padding : 12px;
background : #303030;
font-size : x-small;
color : #666666;
text-align : center;
}

#main fieldset.news strong
{color : #999999;}
#main ul
{
/*
background : #CCCCCC;
border : #000000 1px solid;
*/
display : block;
padding : 6px 12px;
margin : 0px 12px;
}

#main li
{
margin : 0px 6px;
padding : 1px 6px;
}

#main td a
{color : #666;}

/* MAIN END */


/* NAVI START *********/

#leftnavi
{
vertical-align : top;
margin : 0px;
padding : 0px;
width : 230px;
}

#leftnavi p
{
font-size : 0.7em;
color : #666666;
padding : 6px 9px 6px 9px;
margin : 0px 12px 0px 30px;
}
/*
#leftnavi ul
{
background : #FFFFFF;
display : block;
margin : 0px 0px 0px 6px;
padding : 0px 3px 0px 3px;
}

#leftnavi li
{
text-align : right;
border-top : #EEEEEE 1px solid;
display : block;
list-style-type : none;
margin : 0px;
padding : 0px;
}

#leftnavi ul li a
{
font-size : 1.15em;
display : block;
margin : 0px;
padding : 6px 12px 6px 12px;
color : #666666; 
}

#leftnavi ul li a:hover
{
background : #F8F8F8;
color : #666666; 
text-decoration : none;
}
*/
#navi a.button, #navi a.buttoncyan, #navi a.buttonmagenta, #navi a.buttongreen, #navi a.buttonwhite
{
display : block;
background : #303030;
color : #999999;
padding : 9px 6px 9px 6px;
margin : 0px;
font-size : 1.2em;
}

#navi a.button:hover, #navi a.buttoncyan:hover, #navi a.buttonmagenta:hover, #navi a.buttongreen:hover, #navi a.buttonwhite:hover
{
background : #292929;
text-decoration : none;
color : #CCCCCC;
}

#navi a.buttoncyan
{background : #36a7e9; color : #FFFFFF;}
#navi a.buttoncyan:hover
{color : #36a7e9;}

#navi a.buttonmagenta
{background : #c10077; color : #FFFFFF;}
#navi a.buttonmagenta:hover
{color : #c10077;}

#navi a.buttongreen
{background : #bdd732; color : #FFFFFF;}
#navi a.buttongreen:hover
{color : #bdd732;}

#navi a.buttonwhite
{background : #FFFFFF; color : #36a7e9;}
#navi a.buttonwhite:hover
{color : #FFFFFF;}

#navi a.button2
{

display : block;
background : #393939;
color : #999999;
padding : 3px 6px 3px 12px;
margin : 0px 0px 1px 0px;
font-size : 1.0em;
}

#navi a.button2:hover
{
background : #292929;
text-decoration : none;
color : #CCCCCC;
}
/*
#navi ul
{
margin : 3px 0px 0px 0px;
padding : 0px 0px 0px 0px;
display : block;
}

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
border : #FFFFFF solid 0px;
border-top : #CCCCCC dotted 1px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{background : #EEEEEE;}

#navi li a.subsection
{
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 24px;
display : block;
}

#navi li a.subsection:hover
{background : #F8F8F8;}
*/
#navi p, #navi ul
{
margin : 9px;
font-size : xx-small;
}

#navi fieldset
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

div.itunesbg
{
background : url(../images/ass-itunes.png) top left repeat;
width : 189px;
height : 109px;
margin : 0px 0px 6px 24px;
padding : 14px 0px 0px 0px;
text-align : center;
}

#rightnavi
{
vertical-align : top;
margin : 0px;
padding : 0px 0px 0px 0px;
width : 154px;
/*background : #CC0000;*/
}

#rightnavi h2
{
font-size : 1.2em;
font-weight : normal;
color : #666666;
padding : 7px 6px 6px 6px;
border-bottom : #EEEEEE 1px solid;
margin : 0px 3px 6px 3px;
}

#rightnavi div.quickquote
{ 
padding : 0px 3px 0px 3px; 
background : #FFFFFF;
margin : 0px 9px 0px 0px;
}

#rightnavi div.quickquote input.qqform, #rightnavi div.quickquote textarea
{
color : #333333; 
border : #F8F8F8 1px solid; 
background : #F8F8F8; 
width : 126px; 
font-size : 0.75em; 
margin : 0px 0px 3px 0px;
}

#rightnavi div.quickquote h2
{
padding : 5px 3px 6px 3px;
margin : 0px 0px 6px 0px;
}

#rightnavi h3
{
font-size : 0.85em;
font-weight : normal;
color : #666666;
padding : 6px 9px 0px 9px;
margin : 0px;
}

#rightnavi p
{
font-size : 0.7em;
color : #666666;
padding : 6px 9px 6px 9px;
margin : 0px;
}

#rightnavi img
{margin : 0px; vertical-align : top;}

#rightnavi a
{color : #36a7e9;}

#main #twitter_div li
{padding-bottom : 12px;}

#rightnavi #twitter_div li
{list-style-type : none;}

#rightnavi #twitter_update_list
{padding : 6px 12px; margin : 0px; color : #c10077; font-size : 0.85em;}

/* NAVI END */

/* BASE START ***********/

#base
{
vertical-align : top;
background : url(../images/bg-base-breed.gif) bottom center no-repeat;
border : solid 0px #666666;
padding : 0px;
margin : 0px;
}


#base p
{
border-top : #eeeeee 1px solid;
padding : 9px 6px 6px 6px;
margin : 6px;
font-size : 0.7em;
line-height : normal;
color : #999999;
}

#base a:link					{color : #999999; text-decoration : none;}
#base a:visited					{color : #999999; text-decoration : none;}
#base a:hover					{color : #999999; text-decoration : underline;}

/* BASE END */


/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{font-weight : normal;}

label.formleft, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 6px 6px 0px 0px;
}

label.labelright, label.labelrightproblems
{
display : block;
float : left;
margin-right : 6px;
text-align : left;
font-size : xx-small;
font-weight : bolder;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 5px;}

label.formleftproblems, label.labelrightproblems
{color: #CC0000;}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
margin : 0px 0px 0px 152px;
width : 20px;
float : left;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{width : 200px; background : #F8F8F8; border : 0px;}

textarea
{font-size : 12px; background : #F8F8F8; border : 0px;}

input, textarea, select, radio
{margin : 3px 0px 0px 0px;}

input.button
{background : #303030; border : 0px; color : #666666; padding : 3px 6px 3px 6px; font-size : x-small;}

/* FORM STYLES - END */

caption
{text-align : left;}

th
{
background-color : #CCCCCC;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

td
{vertical-align : top;}

td.right, td.data, td.center
{
background-color : #EEEEEE;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{text-align : right;}

td.center
{text-align : center;}

td.smalltext p
{font-size : xx-small; color : #999999;}

input:focus, select:focus, textarea:focus
{background: #EEEEEE;}

td div.overflow
{
padding : 0px 6px 0px 6px;
margin : 0px;
overflow : auto;
scrollbar-3dlight-color:#393939;
scrollbar-arrow-color:#393939;
scrollbar-track-color: #303030;
scrollbar-darkshadow-color:#292929; /*F8F8F8*/
scrollbar-face-color: #333333; /*F8F8F8*/
scrollbar-highlight-color:#303030; /*F8F8F8*/
scrollbar-shadow-color:#303030; /*F8F8F8*/
}

td.tdhighlight, td.tdhighlight2
{
vertical-align : top;
width : 166px; 
background :  url(../images/bg-td-highlight.gif) bottom center no-repeat;
margin : 0px;
padding : 0px 0px 9px 0px;
}

td.tdhighlight2
{background :  url(../images/bg-td-highlight2.gif) bottom center no-repeat;}

#main td.tdhighlight p, #main div.highlight p, #main td.tdhighlight2 p, #main div.highlight2 p
{
font-size : 0.7em;
padding : 0px 14px 6px 14px;
margin : 0px;
}

#main td.tdhighlight a, #main td.tdhighlight2 a
{text-decoration : none;}

#main td.tdhighlight a p span
{color : #ffffff;}

#main td.tdhighlight2 a p span
{color : #c10077;}

#main div.highlight
{
margin : 0px auto;
width : 510px;
padding : 0px 0px 15px 0px;
background : url(../images/bg-div-highlight.gif) bottom center no-repeat;
}

#main div.highlight h2
{
clear : none;
padding : 0px 14px 6px 14px;
background : none;
margin : 0px;
color : #333333;
font-size : 0.8em;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu 
/*{font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}*/
{margin : 0px; background: url(../images/bg-left-navi-fix.png) top right repeat-y;}

.menu ul li a, .menu ul li a:visited {font-size : 1.15em; padding : 6px 13px 7px 11px; display:block; text-decoration:none; color:#666; width:199px; text-align:right; background: #FFFFFF url(../images/bg-leftnavi-bt-1.gif) bottom right no-repeat;}
.menu ul {padding:0px; margin : 0px 0px 0px 6px; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#666; background: #FFFFFF url(../images/bg-leftnavi-bt-2.gif) bottom right no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:219px; width:150px;}
.menu ul li:hover ul li a.hide {background:#36a7e9; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:150px;background:#36a7e9; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#fff; width:150px; font-size : 0.85em; text-align : left; padding : 7px 12px;}
.menu ul li:hover ul li a:hover {background:#c10077; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:168px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:150px; background:#36a7e9; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#36a7e9; color:#fff;}