/* structural */

body { 
padding: 0; 
margin: 0;
font-size:100%;
color:#444;
}


#topbanner {
clear:both;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
/* min-height hack for ie6 */
min-height: 100px;
height: auto !important;
height: 100px;
}

#content {
clear:both;
}

#leftnav {
display:none;
}

#text {
float:left;
width:600px;
padding: 13px 40px 0 40px;
}

#breadcrumbtrail {
display:none;
}

#rightcolumn {
display:none;
}

#sitetools {
display:none;
}

#footer {
display:none;
}

#access {display:none;}

#clear {clear:both;}









/* general styles */

img {border:none;}

.floatimgleft {
float: left;
font-size: 0.85em;
margin-right:10px;
margin-bottom:10px;
}

.floatimgright {
float: right;
font-size: 0.85em;
margin-left:20px;
margin-bottom:10px;
}

.floatimgleft img.small {
display: block;
margin-right:20px;
}

.floatimgright img.small {
display: block;
margin-left:0px;
}

#tooltip{
position:absolute;
border:3px solid #ddd;
width:300px;
font-family: Arial, Helvetica, Verdana, sans-serif;
background:#f1f1f1;
padding:15px;
color:#222;
font-size:1.0em;
display:none;
}

td {font-size:0.9em;}

.small {font-size:0.85em;}

.small_indent {font-size:0.85em;padding-left:20px;}

.green {color:#8CC63E;}

.blue {color:#005495;}

p.backtotop {
font-size:0.85em;
padding: 20px 0;
text-align:right;
width:480px;
clear:both;
}

h1,h2,h3,h4 { 
clear: both;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1 {
color:#005695;
font-size:1.8em;
margin:30px 0 0 0;
padding:0;
font-weight:lighter;
}

h2.strapline {
color:#777;
font-size:1.2em;
margin: 20px 0 25px 15px;
padding:0;
font-weight:lighter;
}

h2.navhead {
color:#888;
font-size:1.4em;
margin: 0 0 15px 20px;
padding:0;
font-weight:lighter;
}

h2.pagehead {
color:#666;
font-size:2.0em;
margin: 0 0 25px 0;
padding:0;
font-weight:lighter;
}

h3 {
color:#333;
font-size:1.0em;
margin: 0;
padding:0;
font-weight:bold;
}

h4 {
color:#555;
font-size:1.0em;
margin: 0;
padding:0;
font-weight:bold;
}

h3.greyline {background-color:#e1e1e1;padding:10px;}

.sitemap {padding-left:10px;}

#text ul { 
margin: 0;
padding: 5px 0 20px 30px;
list-style: none;
} 

#text ul li{
padding-left: 20px;
padding-bottom:5px;
background-image: url(../images/greendot_list.gif);
background-repeat: no-repeat;
background-position: 0.5em 0 0 0;
}

#text ul.sitemap li{
padding-left: 20px;
padding-bottom:5px;
background-image: url(../images/greendot_list.gif);
background-repeat: no-repeat;
background-position: 0.5em 0 0 0;
}

#rows .bg {background-color:#e1e1e1;}
#rows td {padding:3px;}
#rows th {text-align:left;}
#rows .bottomline {border-bottom: 1px solid #CCC;}





/* form styles */

form.login {margin: 0;padding: 0;}

form.login fieldset {
border:none;
padding: 0;    
margin: 0;
width: 250px;
}

form.login label { 
padding: 0; 
margin: 5px 0; 
}

form.login input{
width:auto;
margin:5px 5px 0 0; 
}


form.selftest {
font:100% arial, helvetica, verdana, sans-serif;
margin: 0;
padding: 0;
}

form.selftest fieldset {
border: 1px solid #ccc;
padding: 5px 0 0 10px;
margin: 0;
}

form.selftest legend { 
font-weight:bold;
color:#005695;
}

form.selftest td { 
margin: 0;
padding:5px;
}

form.selftest label { 
margin: 0 0 0 15px;
padding:0;
}

form.selftest td.label { 
margin: 0;
padding:5px;
font-weight:bold;
width:180px;
}

form input {
width:auto;
margin:5px 0 0 10px; 
}

form input.submit {
width:auto;
margin:10px;
background-color:#444;
border: 3px solid #999; 
color:#FFF;
}

form textarea {
width:auto;
margin:5px 0 0 10px; 
}

textarea { overflow: auto; }










/* link styles */

#text a.backtotop:link, #text a.backtotop:visited{
color:#999;
text-decoration:none;
font-weight:normal;
}

#text a.backtotop:hover {
color:#666;
text-decoration:underline;
}

#text a:link, #text a:visited{
color:#222;
font-weight:normal;
text-decoration:underline;
}

#text a:hover {
color:#666;
text-decoration:underline;
}

#breadcrumbtrail a:link, #breadcrumbtrail a:visited {
color:#999;
text-decoration:none;
}

#breadcrumbtrail a:hover {
color:#999;
text-decoration:underline;
}

#text a.snap:link, #text a.snap:visited{
color:#005695;
font-weight:bold;
text-decoration:none;
}

#text a.snap:hover {
color:#005695;
text-decoration:underline;
}

#text a.snapfaq:link, #text a.snapfaq:visited{
color:#005695;
text-decoration:none;
}

#text a.snapfaq:hover {
color:#005695;
text-decoration:underline;
}

#sitetools a:link, #sitetools a:visited{
color:#999;
text-decoration:none;
}

#sitetools a:hover {
color:#999;
text-decoration:underline;
}

#rightcolumn a:link, #rightcolumn a:visited{
color:#666;
text-decoration:underline;
}

#rightcolumn a:hover {
color:#999;
text-decoration:underline;
}

#footer a:link, #footer a:visited{
color:#999;
text-decoration:none;
}

#footer a:hover {
color:#999;
text-decoration:underline;
}








/* top nav styles */

#topnav ul { 
list-style-type: none; 
margin: 0;
padding:0;
font-size: 1em;

}

#topnav ul li {
display:inline;
margin: 0;
padding-right:7px;
float:right;
}

#topnav a {
display: block; 
padding: 0.2em 1.0em; 
color: #666; 
text-decoration: none; 
border-top: 7px solid #8CC63F;
border-left: 1px solid #999;
}








/* left nav styles */

#leftnav ul {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
list-style: none;
border-bottom: 7px solid #8CC63E;
}

#leftnav li {
padding-left: 20px;
}

#leftnav li.child {
padding-left: 50px;
background-image: url(../images/arrow_nav.gif);
background-repeat: no-repeat;
background-position: 2.8em 0.3em;
}

#leftnav li.child_on {
padding-left: 50px;
background-image: url(../images/arrow_nav_on.gif);
background-repeat: no-repeat;
background-position: 2.8em 0.3em;
}

#leftnav a:link, #leftnav a:visited {
color:#666;
text-decoration: none;
}

#leftnav a:hover {
text-decoration:underline;
color:#005495;
}


#leftnav a.on:link, #leftnav a.on:visited, #leftnav a.on:hover {
color:#005495;
text-decoration: none;
font-weight:bold;
}










/* FAQs page styles */

#snap dl {margin:0;}

#snap dt {
font-weight:normal;
margin:0;
padding:8px;
width:95%;
border-top:1px solid #CCC;
}

#snap dd {
margin:0;
padding:10px;
display:none;
width:95%;
}

#snap dt td {
padding:2px 0;
}











/* righthand column styles */


h3.darkgrey {
background-color:#777;
color:#FFF;
padding:10px 5px 10px 10px;
font-size:0.9em;
}

h3.grey {
color:#666;
padding:0 5px 10px 0;
font-size:1.5em;
font-weight:lighter;
}

#container_allergen {
padding:0 15px 20px 15px;
background-image: url(../images/bg_allergenbox.gif);
background-repeat: no-repeat;
}

#container_orange {
padding:0 15px 20px 15px;
background-image: url(../images/bg_orangeheadsmall.gif);
background-repeat: no-repeat;
}

#container_green {
padding:0 15px 20px 15px;
background-image: url(../images/bg_greenboxheadsmall.gif);
background-repeat: no-repeat;
}

#container_questionnaire {
padding:0 15px 20px 15px;
background-image: url(../images/bg_questionnairesmall.gif);
background-repeat: no-repeat;
}

#container_gallery {
padding:0 15px 20px 15px;
background-image: url(../images/bg_gallerysmall.gif);
background-repeat: no-repeat;
}

#rightcolumn a.noline:link, #rightcolumn a.noline:visited{
color:#444;
text-decoration:none;
}

#rightcolumn a.noline:hover {
color:#666;
text-decoration:none;
}






/* landing page styles */


#text_landing {
float:left;
width:720px;
padding: 7px 0 0 40px;
}

#box_puppy {
float:left;
width:228px;
padding:0 18px 0 0;
background-image: url(../images/bg_landing_puppy.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_adult {
float:left;
width:228px;
padding:0 18px 0 0;
background-image: url(../images/bg_landing_adult.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_senior {
float:left;
width:228px;
padding:0;
background-image: url(../images/bg_landing_senior.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#landing_category {
clear:both;
padding:130px 20px 30px 123px;
color:#005495;
}

#landing_link {
clear:both;
padding:20px 20px 20px 10px;
text-align:right;
color:#fff;
font-weight:bold;
}

.size_category1 {
font-size: 2.0em;
}

.size_category2 {
font-size: 1.1em;
}

#intro {
float:left;
font-size: 1.2em;
font-weight:lighter;
width:480px;
padding:0 20px 20px 0;
}

#selector {
float:left;
padding:8px;
width:200px;
background-color: #f2f2f2;
border: 1px solid #ddd;
}

#landing_category a:link, #landing_category a:visited{
color:#005495;
text-decoration:none;
}

#landing_category a:hover {
color:#005495;
text-decoration:underline;
}

#landing_link a:link, #landing_link a:visited{
color:#fff;
font-weight:bold;
text-decoration:none;
}

#landing_link a:hover {
color:#FFF;
text-decoration:underline;
}




/* age group landing pages */


#box_dog {
float:left;
width:228px;
padding:0 18px 0 0;
}

#landing_flavour {
clear:both;
padding:120px 20px 47px 127px;
color:#005495;
font-size:1.8em;
}

#box_pdr {
float:left;
width:228px;
padding:0 18px 0 0;
background-image: url(../images/bg_landing_pdr.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_ptr {
float:left;
width:228px;
padding:0;
background-image: url(../images/bg_landing_ptr.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_adr {
float:left;
width:228px;
padding:0 18px 0 0;
background-image: url(../images/bg_landing_adr.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_atr {
float:left;
width:228px;
padding:0;
background-image: url(../images/bg_landing_atr.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_sdr {
float:left;
width:228px;
padding:0 18px 0 0;
background-image: url(../images/bg_landing_sdr.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}

#box_str {
float:left;
width:228px;
padding:0;
background-image: url(../images/bg_landing_str.jpg);
background-repeat: no-repeat;
/* min-height hack for ie6 */
min-height: 275px;
height: auto !important;
height: 275px;
}


#landing_flavour a:link, #landing_flavour a:visited{
color:#005495;
text-decoration:none;
}

#landing_flavour a:hover {
color:#005495;
text-decoration:underline;
}