@charset "utf-8";
/* CSS Document */

body { margin:auto; color:#4a4c4b; background:#dcdcd9 url(../images/background.gif) repeat-x top; text-align:center; font:0.75em/1.4em Arial, Helvetica, sans-serif; }
a img { border:none; }
a { color:#275171; }
a:link, a:visited, a:active {text-decoration: underline; }
a:hover {text-decoration: underline; }

#container { margin:0 auto; width:900px; background:url(../images/body_background.gif) top repeat-y; text-align:left; padding-top:10px; }
#logo { width:320px; margin-left:4px; }
#toplinks { float:right; text-align:right; margin-top:16px; margin-right:24px; }
#toplinks a { font:0.8em Verdana, Arial, Helvetica, sans-serif; }
#toplinks img { vertical-align:middle; padding-right:4px; }

#header { float:right; width:662px; height:266px; margin-right:4px;  }

#navigation { float:left; width:230px; height:236px; background:url(../images/nav_bg.gif) repeat-x top left; margin:30px 0 0 4px; }
#navigation ul { margin-left:20px; padding-left:4px; margin-top:6px; }
#navigation li { color:#ac0001; }
#navigation a { text-indent:4px; font:bold 1.0em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#navigation a:hover { text-decoration:none; color:#ac0001; }
#navigation .stylized, #navigation .last { list-style-type:none; list-style-image:url(../images/dogs_dna.gif); padding:7px 0; }
#navigation .stylized { background:url(../images/bullet_btm.gif) left bottom no-repeat;  }

#nav, #nav ul { padding:0; margin:0; list-style:none; }
#nav li { float:left; width:225px; padding:3px 0; } 
#nav a { display:block; text-decoration:none; }
#nav li ul { position:absolute; left:-999em; } 
#nav li ul ul { margin: -1em 0 0 150px; } 
#nav li:hover ul { left:auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; padding:12px; background:#d3d2cd; border:1px solid #1e5862; margin:0 0 0 180px; }
#nav li:hover ul ul, #nav li:hover ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; padding:6px; width:225px; background:#d3d2cd; border:1px solid #1e5862; margin:-24px 0 0 180px; }

#subpage { float:right; width:662px; background:url(../images/breadcrumb_bg.gif) left top repeat-x; margin:6px 4px 0 0; padding:0; }
#subpage p.breadcrumbs { font:0.8em Verdana, Arial, Helvetica, sans-serif; height:10px; }

#lower_half { clear:both; margin:0; padding:0; }

#leftcol { float:left; clear:left; width:230px; background:#edead7; color:#4a4c4b; padding-top:16px; margin-left:4px; }
#leftcol h3, #rightcol h3 { margin:6px 0px; padding:0 16px; font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#ac0001; }
#leftcol p, #leftcol ul { margin:0 0 12px 0; padding:0 16px; font:normal 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;}
#leftcol li { margin-left:10px; list-style-type:square; }
#leftcol img { margin-left:20px; }

#rightcol { float:right; width:250px; padding-top:16px; }
#rightcol p { margin:0 0 12px 0; padding:0 6px;  }
#rightcol img { padding:6px; border:1px solid #999; }
#rightcol blockquote { background: transparent url(../images/leftquote.gif) left top no-repeat; width:220px; padding:0; margin:0; }
#rightcol blockquote div { padding:0 30px; background: transparent url(../images/rightquote.gif) right bottom no-repeat; font:italic 1.5em/1.5em Georgia, "Times New Roman", Times, serif;color:#999;  }
.small { font:italic 0.9em Georgia, "Times New Roman", Times, serif;color:#999; }
.labels { font:normal 1.0em Georgia, "Times New Roman", Times, serif;color:#999; }


#buynow a { text-align:center; width:120px; background-color:#909da0; font:bold 1.3em Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:8px 32px; text-decoration:none }
#buynow a:hover { background-color:#d72514; }

#cart { width:210px; background-color:#F2F2F2; border:1px solid #617377; font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:3px; }
#cart tr { margin:18px 0; height:2em; }
#cart th { background-color:#617377; font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#cart input { padding:2px; }
#cart .submit {  font-weight:bold; width:194px; }
#cart em { background-color:#FFFF99; margin:4px 0px; padding:2px; }
.order { margin-left:32px; font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:3px; }
.order tr { height:2.4em; }
.order input { background-color:#f2f2f2; border:1px solid #999; padding:2px; }

#submitted b { width:100px; }

#midcol { width:400px; float:left; padding-top:8px; }
#midcol p, #subpage p { margin:0 0 12px 0; padding:8px 16px 0 16px; }
#midcol h1, #subpage h1 { margin:6px 0px; padding:0 16px; color:#ac0001; font:bold 1.6em Arial,Helvetica; }
#midcol h2, #subpage h2 { margin:6px 0px; padding:0 16px; color:#275171; font:italic 1.4em "Times New Roman", Times, serif; font-weight:bold }
#midcol ul li, #subpage ul li { line-height:1.4em; }
#midcol blockquote { border-left:2px solid #275171; padding-left:8px; font-style:italic; }
.feature a { font:1.2em Arial, Helvetica, sans-serif; font-weight:bold; }


#page_bottom { height:150px; background:#617377; margin:0 4px 0 4px; clear:both; border-bottom:6px solid #ac0001; }
#page_bottom p { color:#fff; font:0.8em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-left:140px; }
#page_bottom a { font-weight:bold; color:#fce595; font-size:1.2em  }
#page_bottom a:hover { color:#fce595; text-decoration:underline; }
#page_bottom img { float:left; }
.bottom_story { margin:16px 32px; width:374px; float:left; }

#page_footer { height:70px; clear:both; background:#d2d3ce; margin:0px 4px; padding:6px 0; }
#page_footer p { padding:6px; text-align:center; font:0.8em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#617377; }
#page_footer a { color:#617377; text-decoration:none; }
#page_footer a:hover { text-decoration:underline; }

.breed_photo img { border:0; padding:3px; }
.error { color:#ac0001; font-weight:bold; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.new-OLD { background-color:#275171 ; font-size:9px; padding:2px; vertical-align:top; color:white; }
.new { background-color:#FF6; font-size:11px; padding:2px; vertical-align:top; color:#275171; }

.accent { background-color:#DAFEDF; text-align:center; font-weight:bold; font-size:1.2em; margin-right:24px; padding:10px; border:1px solid #028A6F; }
.yellow { background-color:#FFFF66; }
