@charset "utf-8";
/*Main*/
h2.products {color:blue;}
body {background:url(images/background.gif) repeat-x;text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#wrap{margin-left:auto; margin-right:auto; width:983px; position:relative; text-align:left; }
* {padding:0; margin:0;}
/*Menu*/
#menu {float:left; height:50px; width:950px; padding:0;}
/*Login Top Right*/
#login {float:right; height:35px; margin-top:15px;}
/*Left Column*/
#left-bar {width:210px; float:left; margin-top:5px; margin-left:5px;}
#left-bar-links a {display:block; border-top:2px solid #f3f3f3; height:21px; color:#53b533; padding-top:5px; text-decoration:none; width:176px; padding-left:15px;}
#left-bar-links a:hover{text-decoration:underline; color:#262684}
/*All Main Content*/
#content {width:981px; float:left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-top:15px; margin-top:2px;}
/*Middle Column*/
#middle {width:555px;float:left;}
/*Right Hand Column*/
#right-bar{float:right; width:199px;margin-right:5px;}
/*Links Sections*/
.links {background:url(images/right-links-background.gif) no-repeat; float:left; width:199px;margin-top:5px;}
.links h2, #top-five h2, #featured-products h2, #reptile-news h2, #categories h2{font-size:12px; color:#ffffff; font-weight:normal; padding:12px; padding-left:13px; padding-right:0; padding-bottom:0; }
.links a {padding:6px; display:block; padding-left:15px; padding-bottom:4px; color:#636363; font-size:11px; padding-top:15px;} 
#left-bar.links a {text-deoraction:underline; color:#636363;}
/*Top Five Products (Right Hand Side)*/
#top-five{float:left; background:url(images/top-five.gif) no-repeat; width:197px; margin-top:5px;}
#top-five-content{border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; margin-left:1px; padding-right:5px; padding-top:6px; padding-left:5px; text-align:right;}
#top-five-content h2{color:#636363; font-weight:bold; font-size:14px; text-align:left; border-top:1px solid #e6e6e6;}
#top-five-content p {font-weight:bold; color:#8e8e8e; font-size:13px; padding-right:25px; padding-bottom:10px;}
#top-five-content p span {color:red;}
#top-five-content img {display:block; float:left; margin-right:10px; margin-top:5px;}
#top-five-bottom {background:url(images/featured-bottom.gif) no-repeat; height:8px; width:199px;}
/*Newsletter*/
#newsletter{background:url(images/newsletter.gif) no-repeat; width:179px; height:136px; float:left; margin-top:5px; padding-top:105px; padding-left:20px;}
#newsletter input{ font-size:11px; color:#464646; height:12px; padding:5px; ;}
/*Quick Links (Bottom)*/
#quick-links{width:950px; float:left; padding-top:10px; overflow:hidden;
padding-bottom:15px;}
#quick-links p, table { padding-left:17px; padding-top:15px;}
#quick-links a{display:block; padding-bottom:12px; color:#636363; font-size:11px;}
/*Breadcrumbs*/
#breadcrumbs{background:url(images/breadcrumbs.gif) no-repeat; height:16px; width:541px; padding:5px; padding-left:10px;}
#breadcrumbs a {color:#262684;}
#breadcrumbs span a{color:#53b533; text-decoration:none;}
/*Top Links and Welcome*/
#top input {font-size:11px; color:#464646;}
#top {float:left; width:550px; margin-top:5px;}
#top h1 {color:#262684; font-size:22px; font-weight:normal; }
#top h1 span {color:#53b533;}
#top p {color:#939393; padding-top:10px; padding-bottom:10px;}
#top-quick-links {background:url(images/quick-links.gif); width:326px; height:174px;}
#top-quick-links h2{padding:15px; color:#262684; font-size:16px;}
#top-quick-links p{ padding-left:16px; padding-top:15px; float:left; width:147px;}
#top-quick-links a{color:#262684; text-decoration:none; display:block; background:url(images/tick.gif) no-repeat; padding-left:18px; margin-top:5px;}
#top-quick-links a:hover{text-decoration:underline;}
/*Featured Products Hover Tabs*/
#featured-products, #categories{background:url(images/featured.gif) no-repeat #f3f3f4; width:545px; margin-top:10px; float:left; height:625px; margin-bottom:10px;}
#featured-products a{color:#262684; font-weight:bold; text-decoration:none; display:block; background:url(images/featured-tab.gif) no-repeat; width:103px; height:28px; padding-top:18px; padding-left:10px; margin-left:14px; position:relative;}
#featured-products a.active, #featured-products a:hover{color:#53b533; background:url(images/featured-tab-active.gif) no-repeat; z-index:1000;}

/*Categories*/
#categories {height:580px;}
#categories p {display:block; width:138px; height:154px; background:url(images/category.gif) no-repeat; float:left; margin:7px; padding-top:10px; padding-left:30px;}
#categories h2 {padding-bottom:12px;}
#categories a {color:#53b533;}
#categories a:hover {text-decoration:underline; color:#262684}
#categories img {margin-top:15px; margin-left:14px;}
/*News Posts*/
#reptile-news {height:438px; width:549px; background:url(images/featured-products.gif) no-repeat #f3f3f4; float:left;}
#reptile-news p{padding-left:18px; padding-right:18px; padding-top:20px; font-size:11px; color:#939393;}
#reptile-news a{color:red; font-size:11px;}
#reptile-news p span{color:#262684; font-size:13px; font-weight:bold;}
/*Footer*/
#footer{float:left; background:url(images/footer.gif)  #fff no-repeat; width:983px; margin-left:-1px;padding-top:12px; }
#footer h2, #quick-links h2 {color:#262684; font-size:16px; padding-left:17px; padding-bottom:10px; padding-top:15px;}
#footer p a {color:#53b533; text-decoration:none; padding-right:5px; padding-left:5px;}
#footer p{color:#53b533; padding-left:17px;padding-right:5px; text-align:center;}
#footer p span a, #footer p span {color:#FFFFFF; font-size:10px;}
/*Special Offer Bar*/
#special-offers{background:url(images/special-offers.gif) no-repeat; width:375px; height:225px; float:left;margin-right:5px;}
#special-offers h2 {font-size:12px; color:#ffffff; font-weight:normal; padding-top:25px; padding-left:20px; padding-right:0; padding-bottom:0;}
#monthly-hover, #coloured-hover, #soft-hover {width:406px; height:570px; background:#fff; position:relative; top:-777px; left:117px;z-index:1000; display:none; padding-left:15px;}
#foods {position:relative;top:-200px; left:111px; border:6px solid #e6e6e6; width:413px; height:570px;background:#ffffff; z-index:1; padding-left:8px;}
#foods h2, #monthly-hover h2, #coloured-hover h2, #soft-hover h2 {color:green; padding:5px; font-weight:bold;}
#foods p strong, #monthly-hover p strong, #coloured-hover p strong, #soft-hover p strong, #foods p strong {color:#000066;}