/* Over-ride styles for animal design */

body { background: #a5def2 url(/_img/animal/body-bg.jpg) top left repeat-x; }

th{background: #11b6f1;color: #fff;border-left: solid 1px #fff;padding: 5px;}
th.first{background: #11b6f1;}
th.second{background: #11b6f1;}
th.third{background: #11b6f1;}
th.fourth{background: #11b6f1;}
th.fith{background: #11b6f1;}

#gradient { background: none; }
#wrapper { margin: 0 auto; background: url("../_img/animal/animal-logo.jpg") no-repeat scroll 0 0; text-align: left; height: 153px; width: 974px; }
#wrapper .main { background: url("/_img/main-top.gif") no-repeat scroll left top transparent; float: right; margin: 0; width: 940px; }
#wrapper .main .inner { background: url("/_img/main-mid.gif") repeat-y scroll left top transparent; float: left; margin: 6px 0 0; width: 940px; }
#wrapper .main .leftCol .titleBarNavy { background: url("/_img/animal/title-navy-bg.jpg") repeat-x scroll left top transparent; float: left; width: 668px; height: 46px; }
#wrapper .main .leftCol .titleBarNavy .left { font-size: 16px; background:url("/_img/animal/title-navy-left.jpg") no-repeat scroll left top transparent; }
#wrapper .main .leftCol .titleBarNavy .right { background:url("/_img/animal/title-navy-right.jpg") no-repeat scroll right top transparent; }
#wrapper .main .rightCol .quickbasket ul li a { color: #006394; }

#wrapper .foot { float: right; margin: 10px 0 0; width: 940px; }

#wrapper .header { background: none; float: left; height: 110px; width: 974px; }
#wrapper .header .tools { float: left; height: 29px; width: 100%; }
#wrapper .header .tools ul { display: inline; float: right; list-style: none outside none; margin: 0; padding: 0; width: 300px; }
#wrapper .header .tools ul li { background: none; float: left; }

.wantpernamax { display: none; }

.navy { color: #199bd7; }
.maxavitaLogo { margin: 0 0 0 44px; }

#wrapper .main .leftCol .intNav { background: none repeat scroll 0 0 #11b6f1; border-top: none; }
#wrapper .main .leftCol .intNav li a { background: url("/_img/animal/bullet_white.gif") no-repeat scroll left center transparent; color: #ffffff; margin: 0 12px 0 0; padding: 3px 5px 3px 10px; }
#wrapper .main .leftCol .intNav li a:hover { background: url("/_img/animal/bullet_white.gif") no-repeat scroll left center transparent; text-decoration: underline; }

#wrapper .main .leftCol .holder .section{float: left;background:url(/_img/animal/bg-white.gif) no-repeat;margin-right: 5px;margin-bottom: 10px;width:322px;height:197px;}
#wrapper .main .leftCol .holder .dark{background:url(/_img/animal/bg-dark.gif) no-repeat; color: #fff;}
#wrapper .main .leftCol .holder .section img{float:left;}
#wrapper .main .leftCol .holder .section img.margin{margin:15px 0 0 10px;}
#wrapper .main .leftCol .holder .section .sectionInner{background:none;float:right;width:190px;min-height:0px;height:190px;padding-bottom:0;}

#wrapper .main .leftCol .holder .section .sectionInner h2{font-size:125%;}
#wrapper .main .leftCol .holder .dark .sectionInner h2{color: #fff;}
#wrapper .main .leftCol .holder .dark .sectionInner .title{color: #fff; background: #3b3939;}
#wrapper .main .leftCol .holder .dark .sectionInner a{color: #fff;}
#wrapper .main .leftCol .holder .dark .sectionInner ul li{list-style-image: url(/_img/bullet-dark.gif);}
#wrapper .main .leftCol .holder .dark .sectionInner ul li a{color:#fff !important;}
#wrapper .main .leftCol .holder .section .sectionInner ul li{margin: 0;line-height:13px;}
#wrapper .main .leftCol .holder .section .sectionInner ul li a{text-decoration: none;font-size: 95%;color:#1C9AD5;font-weight:bold;}
#wrapper .main .leftCol .holder .section .sectionInner ul li a:hover{text-decoration: underline;}
#wrapper .main .leftCol .holder .section .sectionInner ul.maxaRange li{float:left;width:85px;}
#wrapper .main .leftCol .holder .sectionSml{float: left;width: 203px; padding: 6px; min-height: 88px; height: auto !important; height: 88px;background: url(/_img/section-small.gif) top left no-repeat;margin-right:5px;}

#wrapper .main .rightCol .quickbasket{border: dashed 2px #8ab4ca /*bd1550*/;}
#wrapper .main .rightCol .quickbasket ul{list-style-image: url(/_img/bullet.gif)}
#wrapper .main .rightCol .livePromo ul{list-style-image: url(/_img/bullet.gif);}
#wrapper .main .rightCol .register p{color: #609db9/*#bc134e*/;}
#wrapper .main .rightCol .callback a{color: #302F8E/*#bc134e*/;}

.btn { background: url(/_img/animal/btn-bg-blue.jpg) top left repeat-x; border: none; color: #ffffff; padding: 2px 3px; width: auto; cursor: pointer; text-decoration: none; }

#wrapper .header ul.priNav { background: none; clear: both; display: inline; float: left; list-style: none outside none; margin: 5px 0 0 349px; padding: 0; width: 710px; height: 42px; }

#wrapper .header ul.priNav li { background: none; }
#wrapper .header ul.priNav li a { background: none; color: #ffffff; }
#wrapper .header ul.priNav li.on { background: none; }
#wrapper .header ul.priNav li.on a { background: none; color: #ffffff; }

#wrapper .header .tools ul li a { background: none; float: left; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 95%; height: 30px; line-height: 30px; padding: 0 5px 0 5px; text-align: center; }
#wrapper .header .tools ul li a:hover { color: #ffffff; }

#wrapper .main .rightCol .register input.btn{border: none;}
#wrapper .main .rightCol .holder { background: none; float: right; border-bottom: 1px solid #e0e0e0; }
.mainBottom { float: right; }
#footerGradient { display: none; }

.dropMenu { width: 665px; padding: 5px 0 0 0; background: #ffffff; }
.dropMenu ul { background: url(/_img/animal/dropdown-bg.jpg) top left no-repeat; width: 665px; padding: 0; }
.dropMenu li { float: left; position: relative; margin: 0; height: 30px; }

.dropMenu a, .dropMenu a:visited { color: #ffffff; height: 16px; border-width: 0; padding: 5px 0 0 5px; line-height: 16px; width: 216px; }
.dropMenu ul ul { margin-top: 4px; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .dropMenu a, * html .dropMenu a:visited 
{
width:216px;
}


.dropMenu a:hover{ color: #ffffff; background: none; text-decoration: none; }
.dropMenu :hover > a, .dropMenu ul ul :hover > a { color: #ffffff; background: none; }
.dropMenu ul ul :hover > a { background: #fff url(/_img/animal/dropdown-hover-bg.jpg) top left no-repeat; color: #666; text-decoration: none; }

.dropMenu ul ul a:hover, * html .dropMenu ul ul a:hover { color: #666; background: #fff url(/_img/animal/dropdown-hover-bg.jpg) top left no-repeat; text-decoration: none; }

/* make the second level visible when hover on first level list OR link */
.dropMenu ul li:hover ul,
.dropMenu ul a:hover ul { visibility: visible; }

.newsItem .more{background: url(/_img/animal/btn-bg-blue.jpg) repeat-x top left; color: #fff;border:none;}