/* STRUCTURE STYLES. 

Might be best to leave these alone */
* {
margin:0;
padding:0;
}

.validate_error {
font-size:0.8em;
width:215px;
height:8px;
margin-left:182px;
color:red;
}

@media print {
div#header {
display:none;
}

div#right {
display:none;
}

div#left {
display:none;
}
}

html,body {
font-family:arial, helvetica, verdana, sans-serif;
font-size:0.9em;
text-align:center;
margin:0;
padding:0;
background:#cbc7aa url(../site-bg.jpg) repeat-y top center;
}

#wrapper {
float:left;
width:100%;
padding:0;
}

#container {
width:990px;
margin:auto;
text-align:left;
background-color:#FFF;
}

#content {
margin:0 0 0 0px;
padding:0;
}

#content-wide {
margin:0;
padding:0;
}

#left {
display: none;
}

#default_left {
float:left;
width:180px;
margin:0 0 0 -990px;
display:inline;
}

#right {
display:none;
}

#footer {
font-size:0.9em;
line-height:1.4em;
color:#333;
clear:left;
padding-top:30px;
}

.footerline {
border-top:1px solid #ccc
}

table {
font-size:1em;
}

.clear {
clear:both;
}

img {
border:0;
}

a img {
vertical-align:bottom;
}

/* GENERAL TEXT STYLES

The following styles appear throughout the site */
a:link {
color:#333;
outline:none;
/* @ Firefox 1.5, remove ugly dotted border */
}

a:visited {
color:#444;
outline:none;
}

a:hover {
color:#f30;
outline:none;
}

a:active {
color:#666;
outline:none;
}

h1 {
font-size:17px;
font-weight:700;
padding-bottom:10px;
}

h1.sectionTitle {
font-weight:400;
color:#999;
display:inline;
}

h1.sectionSubTitle {
font-size:17px;
font-weight:400;
color:#333;
display:inline;
}

h1.sectionCrossSell {
font-size:14px;
font-weight:400;
color:#333;
display:inline;
margin-top:10px;
}

h1.bigger {
font-size:17px;
}

h2 {
margin-bottom:10px;
}

h3 {
margin-bottom:5px;
font-weight:400;
font-size:13px;
}

h4 {
font-size:22px;
font-weight:400;
}

p {
line-height:1.4em;
margin:5px 0;
}

.tiny {
font-size:0.8em;
}

.tinybold {
font-size:0.8em;
font-weight:700;
}

.smallText {
font-size:0.9em;
}

.small {
font-size:0.9em;
}

.smallbold {
font-size:0.9em;
font-weight:700;
}

.financesmallbold {
font-size:0.9em;
font-weight:700;
color:#01A1C8;
}

.main {
font-size:1em;
}

.mainbold {
font-size:1em;
font-weight:700;
}

.biggrey {
font-size:1.4em;
color:#333;
}

.bigbold {
font-size:1.4em;
font-weight:700;
}

.price {
font-size:1em;
font-weight:700;
color:#f30;
}

.pricetitle {
font-size:1em;
font-weight:700;
}

.bigprice {
font-size:2em;
font-weight:700;
}

.deliveryprice {
font-size:0.9em;
font-weight:700;
color:red;
}

.deliverybigprice {
font-size:1.1em;
font-weight:700;
color:#f00;
}

.redBold {
color:red;
font-weight:700;
}

.red {
color:#f00;
}

.breadcrumb {
font-size:0.9em;
margin-bottom:10px;
}

.breadcrumb a {
font-weight:700;
}

.breadcrumb a:link {
text-decoration:none;
}

.breadcrumb a:visited {
text-decoration:none;
}

.breadcrumb a:hover {
text-decoration:underline;
}

.breadcrumb a:active {
text-decoration:underline;
}

.general_blurb {
font-size:0.85em;
float:right;
}

/* Forms and drop down menus */
select {
background-color:#fff;
color:#333;
font-size:0.9em;
border:#999 1px solid;
}

textarea {
border-color:#999;
border-style:solid;
border-width:1px;
}

.keywordinput {
font-size:0.9em;
border:#999 1px solid;
padding:1px;
}

.headerinput {
font-size:0.9em;
border:#999 1px solid;
padding:1px;
width:349px;
}

/* HEADER STYLES.  */
#header {
height:130px;
width:990px;
background:url("../header_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
}
 
#header_logo {
float:left;
margin:20px 0 20px 15px;
}

.header_links{
width: 200px;
font-size: 10px;
text-align: center;
float: right;
margin-top:5px;
}

#searchmousezone {
    float:right;
    margin:2px 5px 0 0;
}

.nav {
width:990px;
}                        

/* HOMEPAGE 2012 */

    #home_testimonial_scroller{
        margin:10px 0;
        background:url(../testimonial-scroll-background.jpg);
        width:988px;
        height:40px;
        overflow:hidden;
        border: 1px solid #CCCCCC;
        position:relative;
    }
    #home_testimonial_scrolltext_box{
        position:relative;
        margin-left:280px;
        height:16px;
        font-size:14px;
        color:black;
        margin-top:8px;
        overflow:hidden;
    }
    .home_testimonial_fadeleft{
        position:absolute;top:0px;left:250px;height:32px;width:31px;
    }
    .home_testimonial_faderight{
        position:absolute;top:0px;left:960px;height:32px;width:31px;
    }
#wrapper2012 {
float:left;
width:100%;
padding:0;
}

#content2012 {
margin:0 0 0 0px;
padding:0;
}

#content-wide2012 {
margin:0;
padding:0;
}

.hpcatbox2012b {
margin-left:5px;
}

.hpcatbox2012 {
width:100px;
float:left;
margin:0 10px 10px 0;
height:150px;
text-align:center;
font-size:0.8em;
}

.hpcatbox2012 img {
margin:0 0px 5px 0;
}

.hpcatbox2012 a {
color:#333;
}


#hp-info-area2012 {
    width:330px;
    margin:0px 10px 10px 0px;
    float:left;
}

#hp-info-area2012 h3 {
    font-size:1.1em;
    margin:5px 0 9px;
}

#hp-info-area2012 h4, #general_info_area h4 {
    font-size:0.9em;
    padding:2px 10px 2px 18px;
    margin-left:10px;
    font-weight:bold;
    background: transparent url(../reasons-tick.png) no-repeat 0 0;
    }

#hp-info-area2012 p, #general_info_area p {
    font-size:0.8em;
    padding:0px 10px 15px;
    line-height:1.4em;
    }
    
.social2012 {
  width:296px;
  border:1px solid #ccc;
  padding:5px;
  float:left;
  margin-bottom:10px;
  padding: 5px, 2px, 5 px, 10px;
}    
    
.hp-staff2012 {
margin-bottom:30px;
}

#hp-info-area2012 .hp-sign-up p {
    font-size:0.9em;
    padding:0px;
}

.hp-sign-up2012 img {
    margin:10px 0 0 52px;
}

#hp-info-area2012 p {
    width:150px;
    }
    
.hp2012 {
  width:308px;
  border:1px solid #ccc;
  padding:5px;
  float:left;
  margin-bottom:10px;
}    

.hp2012 .product {
  width:202px;
  height:203px;
  float:left;
  margin-right:5px;
}   

.hp2012 p {
  font-size:0.85em;
  margin-top:5px;
  text-align:center;
}   

.bottom_text2012, .animal_bottom_text2012 {
        font-size:11px;
        margin-top:10px;
    }
    
.bottom_text2012 div{
        float:left;
        width:313px;
        margin-right:10px;
        text-align:justify;
        padding:0 5px;
    }
    
.bottom_text2012 div p{
        margin-bottom:10px;
    }
    
.stocklist {
width:650px;
}
    
.team2012 {
padding:0px 0 0 90px;
}


/* HOMEPAGE FEATURES. */
.hpcatbox {
border:1px solid #ccc;
width:215px;
float:left;
margin:5px;
color:#333;
padding-bottom:10px;
height:250px;
}

.hpcatbox h2 {
font-size:0.9em;
padding:8px 5px;
}

.hpcatbox p {
font-size:0.9em;
padding:5px 5px 0;
}

.hpcatbox a {
color:#f30;
}

#hp-info-area {
    width:265px;
    margin:5px 25px 5px 15px;
    float:left;
}

#hp-info-area h3 {
    font-size:1.1em;
    margin:5px 0 9px;
}

#hp-info-area h4, #general_info_area h4 {
    font-size:0.9em;
    padding:2px 10px 2px 18px;
    margin-left:10px;
    font-weight:bold;
    background: transparent url(../reasons-tick.png) no-repeat 0 0;
    }

#hp-info-area p, #general_info_area p {
    font-size:0.8em;
    padding:0px 10px 15px;
    line-height:1.4em;
    }
    
.hp-staff {
margin-bottom:30px;
}

#hp-info-area .hp-sign-up p {
    font-size:0.9em;
    padding:0px;
}

.hp-sign-up img {
    margin:10px 0 0 52px;
}

/* 2010 Default */
#default-content {
margin:0 0 0 200px;
padding:0;
}

#category_head div {
width:365px;
height:190px;
margin-bottom:10px;
padding:0px 0 0 425px;
}

#category_head div h1 {
font-size:2.7em;
font-weight:normal;
padding-top:50px;
padding-bottom:2px;
}

#category_head div h2 {
font-size:1.5em;
font-weight:normal;
margin-bottom:15px;
color:#333;
}

#category_head div div {
padding:30px 0 0 0;
}

.product_description {
height:32px;
padding: 0 10px 2px;
}

.cat-item {
width:187px;
float:left;
background:#ebebeb url(../cat-item-bg.jpg) repeat-x 0 157px ;
margin:0 5px 10px;
text-align:center;
font-size:0.8em;
}

.cat-item img {
margin-bottom:10px;
} 

.cat-item a:link {
color:#333;
text-decoration:none;
}

.cat-item a:visited {
color:#777;
text-decoration:none;
}

.cat-item a:hover {
color:#f30;
text-decoration:underline;
}

.cat-item a:active {
color:#777;
text-decoration:none;
}

.team .cat-item, .team2012 .cat-item {
background:#ebebeb  ;
padding-top:10px;
}

.item-price {
margin-top:10px;
}

.cat-price {
font-weight:700;
color:#f30;
font-size:1.3em;
}

.cat-item .gallery_stock_report { 
height:25px;
}

#category_foot {
clear:both;
}

#category_foot .features {
width:167px;
padding:10px;
margin:5px;
font-size:0.9em;
float:left;
line-height:1.5em;
}

#category_foot .features h1 {
margin-top:15px;
font-size:1.2em;
}

#category_foot .features p {
margin-bottom:10px;
}

/* Category advice */

#category_foot h5 {
background-color:#ddd;
color:#930;
font-size:12px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
margin:15px 0 2px;
}

/* MENU */
#default_left h4 {
width:170px;
background:#f3f3f3 url(../browse-bg.jpg) repeat-x bottom left;
padding:5px;
font-size:0.9em;
color:#666;
font-weight:700;
}

#default_left ul {
list-style-type:none;
font-size:0.8em;
line-height:1.8em;
margin:10px 0 0 5px;
}

#default_left ul a:link {
text-decoration:none;
}

#default_left ul a:visited {
text-decoration:none;
}

#default_left ul a:hover {
text-decoration:underline;
}

#default_left ul a:active {
text-decoration:;
}

  /* ANIMAL PAGE 2012 */
  
.animal-content{
width:650px;
float:right;
}

.animal_banner{
position:relative;
float:left;
}

.other_animals{
margin-top:30px;
}
  
#default_left ul.animal_menu {
  width:330px;
  font-size:1.2em;
  margin-left: 0px;
  }
  
#default_left ul.animal_menu a{ 
  color: #FFFFFF;
  background-color:#2B343C;
  padding: 5px 0 5px 40px;
  display:block;
}

#default_left ul.animal_menu li {  
  margin-bottom:2px;
  color: #FFFFFF;
}
  
#default_left ul.animal-submenu {
  margin:2px 0 0 0;
}
  
#default_left ul.animal-submenu li a{
  background-color:#5C7183;
  padding: 0 0 0 70px;
}

  
#default_left ul.animal_menu li.animal-menu-school a{ 
  background-color:#B7B691;
}
 
 #default_left ul.animal_menu li.animal-menu-bottom a{ 
  background-color:#336633;
 }
  
.animal_bottom_text2012 div{
        float:left;
        width:320px;
        margin-right:10px;
        text-align:justify;
        padding:0 5px;
    }
  
.animal-content .animal_bottom_text2012 div{
        padding:0;
    }

    .animal_banner{
background: url("../animal-banner.jpg") no-repeat;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif; 
margin:0px 0 10px 0px; 
width:990px;
height:130px;
position:relative;
}

.animal_banner h2{
font-size:38px;
font-weight:normal;
margin:7px 0 0 20px;
}    
       
.animal_banner h3{
font-size:22px;
margin: 5px 0 0 20px;
letter-spacing:-0.5px;
}
 
.animal-page-offer{
margin-top:10px;
}

/* Footer */
#footer h2 {
width:174px;
margin:20px 12px 15px;
float:left;
font-size:3em;
line-height:0.9em;
font-weight:normal;
color:#ccc;
}

#footer p {
width:174px;
font-size:0.9em;
float:left;
margin:10px 12px 40px;
line-height:1.7em;
}

#footer p span {
font-weight:700;
text-transform:uppercase;
display:block;
margin:10px 0 5px 0;
border-bottom:1px solid #ddd;
}

#footer a:link {
text-decoration:none;
}

#footer a:visited {
text-decoration:none;
}

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

#footer a:active {
text-decoration:underline;
}

/*  Tool Tip   */

.footertip {
    width: 200px;
}

.footertip h2 {
    margin-bottom:7px;
}

.footertip p {
    margin-bottom:5px;
}

.floatingTooltip{
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 16777215;
    font-size:0.8em;
    line-height:1.3em;
    text-align:left;
}
.tooltip{ cursor: pointer; }

/* Default page   */
.breadcrumb_back {
display:none;
}

.breadcrumb_divider {
font-size:10px;
}


/* CONTACT DETAILS.

These styles are for every Contact Us, About Us & Customer Service page. There are somethings here that you may want hidden*/
.contactBox {
border:1px #ccc solid;
margin-top:10px;
margin-bottom:20px;
}

.contactItem {
float:left;
width:210px;
padding:20px 6px;
}

.contactDetails {
float:right;
width:140px;
}

.contactIcon {
width:60px;
font-size:0.8em;
font-weight:700;
text-align:center;
}

.phoneNo {
font-size:1.1em;
font-weight:700;
}

.contactVerticalLine {
float:left;
border-left:1px #ccc solid;
height:60px;
margin:20px 0;
}

.customerServiceLinks,.popularLinks {
font-size:0.8em;
line-height:1.8em;
color:#000;
margin-top:10px;
}

.popularLinks {
float:left;
width:330px;
}

.customerServiceLinks,.popularLinks a {
font-size:1.1em;
font-weight:700;
}

.customerServiceCopy {
color:#000;
margin:10px 0 20px;
line-height:1.4em;
}

.customerServiceCopy li {
margin-left:20px;
}

.customerServicePhotos {
padding:5px;
font-size:0.8em;
width:200px;
margin:0 0 10px 10px;
border:1px #ccc solid;
}

#customiseproperties ul {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

.fragment ul {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

.rangetitle {
display:block;
}

.ProductResult{
float: left;
font-size: 0.8em;
margin: 5px 3px 10px 20px;
text-align: center;
width: 120px;
height:110px;
padding:5px;
}

.option {
display:none;
}

/*  POTN Only - hidden on other sites   */
.potnonly {
display:none;
}

#contentOther {
    position: relative;
}

.success_text {
    margin:50px;
    display:block;
}


.needitfast_header {
margin-top:10px;
margin-left:65px;
float:left;
position:relative;
width:400px;
}
.needitfast_header_subtext{
position:absolute;
font-weight:bold;
left:220px;
top:10px
}

/*   Files pages       */

table.gallery img {
margin:3px
}

#content h5 {
background-color:#ddd;
color:#930;
font-size:12px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
margin:15px 0 2px;
}

#careintro {
margin-left:30px;
float:left;
width:300px;
}

#careintro h5 {
margin-top:0;
width:250px;
padding:0;
}

#careintro p {
font-size:0.9em;
margin-bottom:10px;
}

#carecontents {
border:1px solid #ddd;
padding:5px;
margin-top:10px;
}

.contentscolumn {
width:154px;
font-size:0.8em;
float:left;
margin:0 10px 5px 0;
line-height:1.5em;
}

    .contentscolumn{
        float: left;
        font-size: 0.8em;
        line-height: 1.5em;
        margin: 0 10px 5px 0;
        width: 154px;
    }

.contentscolumn a {
color:#587d02;
}

.careproduct {
width:321px;
margin:2px;
padding:3px;
float:left;
border:2px solid #ddd;
height:160px;
}

.careproduct p {
width:170px;
margin:0 5px;
float:right;
}

/* Animal Set Up pages */

.setuplist {
font-size:0.8em
}

.setuplist td {
padding:1px
}

.setuplist td.mainbold{
width:45px
}

/* Animals in the shop */

.stocklistheader {
font-family:times;
color:#526D10;
font-size:24px;
padding-top:10px;
}

.stocktype {
font-size:11px;
white-space:nowrap;
vertical-align:top;
font-weight:700;
padding-top:5px;
padding-bottom:5px;
}

span.stocklatin {
font-size:9px;
font-weight:400;
font-style:italic;
}

.stockdesc {
vertical-align:top;
font-size:11px;
}

.stockprice {
text-align:right;
vertical-align:top;
font-size:11px;
}

.stockroweven {
background-color:#eee;
}

/* New style, old content Fixes - should eventually be deleted */

#category_head  {
text-align:center;
}

/*Say No Campaign File*/
 .campaign_image {
 padding-top:10px;
 }



 /* New 2011 Homepage */

.new_topbanner{
width:990px;
margin-bottom:5px;
}

.new_mainhp1{
background:url(../main-hp2.jpg) no-repeat 0 0;
height:320px;
width:990px;
margin-bottom:10px;
}

    #home_testimonial_scroller2011{
        width:988px;
        height:32px;
        border:solid 1px #999999;
        margin:5px 0;
        overflow:hidden;
        position:relative;
    }
    .home_testimonial_scrolltext_box2011{
        position:relative;
        margin-left:220px;
        height:14px;
        font-size:14px;
        color:black;
        margin-top:8px;
        overflow:hidden;
    }
    .home_testimonial_fadeleft2011{
        position:absolute;top:0px;left:220px;height:32px;width:31px;
    }
    .home_testimonial_faderight2011{
        position:absolute;top:0px;left:960px;height:32px;width:31px;
    }


.new_hpbox{
width:321px;
height:320px;
border:solid 1px #999999;
float:left;
margin:5px 10px 0 0;
}

.new_hpbox h1{
margin-top:10px;
text-align:center;
}

.new_hpbox h2{
text-align:center;
font-size:13px;
}

.new_hpbox img{
float:right;
margin:200px 10px 0 0;
}

.new_hpbox_no_margin{
width:321px;
height:320px;
border:solid 1px #999999;
float:left;
margin-top:5px;
}

.new_hpbox_no_margin h1{
margin-top:10px;
text-align:center;
}

.new_hpbox_no_margin p{
padding:0 5px 20px 10px;
}

.new_hpbox_bottom{
width:321px;
height:260px;
border:solid 1px #999999;
float:left;
margin:10px 10px 0 0;
}

.new_hpbox_bottom h1{
margin-top:10px;
text-align:center;
}

.new_hpbox_bottom p{
padding:0 5px 0 10px;
}

.new_hpbox_bottom img{
float:right;
margin:115px 8px 0 0;
}

.new_hpbox_no_margin_bottom{
width:321px;
height:260px;
border:solid 1px #999999;
float:left;
margin-top:10px;
}

.new_hpbox_no_margin_bottom h1{
margin-top:10px;
text-align:center;
}

.new_hpbox_no_margin_bottom p{
padding:0 5px 0 10px;
}

.new_hpbox_no_margin_bottom img{
padding:5px;
margin:5px 0 0 20px;
}

.social_network_videos img{
padding:0px;
margin:10px 0 0 10px;
}

.social_network_videos p{
float:left;
font-size:12px;
}

.new_email_signup{
border:solid 1px #999999;
width:987px;
height:30px;
float:left;
margin-top:10px;
background:#333333;
}

.new_email_signup p{
color:#FFFFFF;
float:left;
font-size:15px;
padding-left:10px;
}

.new_email_signup p2{
color:#FFFFFF;
float:right;
font-size:15px;
text-decoration:underline;
padding:5px 10px 0 0;
}

.new_quick_search {
font-variant:small-caps;
margin:10px 0;
text-align:center;
}

#new_quick_search_input {
color:#AAAAAA;
font-style:italic;
font-variant:small-caps;
width:143px;
}

.new_search_column h1{
height:13px;
width:97px;
background:#333333;
color:#FFFFFF;
float:left;
margin:-3px 5px 10px 0;
padding-top:2px;
font-size:15px;
}

.by_reptile_column {
width:50px;
float:left;
text-align:center;
margin-left:35px;
}

.by_diet_column {
width:70px;
float:left;
text-align:center;
margin-left:41px;
}

.by_setup_column {
width:78px;
float:left;
text-align:center;
margin:0 0 15px 30px;
}

.search_have_question h1{
text-align:center;
}

.search_have_question p{
text-align:center;
margin-top:-5px;
}

/*Reviews and guarantees page */

.reviews_gary {
width:167px;
height:295px;
background-color:#EBEBEB;
float:right;
padding:10px;
margin:0 -90px 0 0;
}

.reviews_gary img{
margin-bottom: 10px;
}

.reviews_gary p{
text-align:left;
line-height:1.4em;
}

.reviews_text{
width:400px;
}

.reviews_text p{
margin:15px 0 10px 0;
}

.reviews_text h3{
font-size:20px;
margin:20px 0 20px 0;
}