* {
	margin:0;
	padding:0;
}

body {
  font-family:verdana,arial,helvetica, sans-serif;
	font-size:62.5%;
}

ol, ul {
  position:relative;
}

a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

/****************
HEADER
****************/
#header {
	background:#01175f url(img/header_bg.gif) repeat-x top left;
	margin:0 0 27px 0;
	width:100%;
}
  #header #helpline {
    color:#FFFFFF;
    font-weight:bold;
    padding:12px 0 0 250px;
  }
#free_delivery {
  display:none;
	position:absolute;
	right:0;
	top:0;
}
#logo {
  border:0;
	float:left;
}

/****************
INFO LINKS
****************/
#info_links {
  display:none;
	color:#FFFFFF;
	font-size:1em;
	float:right;
	list-style:none;
	margin:12px 140px 0 0;
}
  #info_links li {
  	display:inline;
  }
  #info_links a {
  	color:#FFFFFF;
  	text-decoration:none;
  }
    #info_links a:hover {
    	color:#FF0000;
    }

/****************
MAIN TABS
****************/
#main_tabs {
  display:none;
	font-family:"Trebuchet MS";
	font-size:1.1em;
	font-weight:bold;
	list-style-type:none;
	margin:0 auto;
	width:725px;
}

  #main_tabs li {
  	background:url(img/tab_left.gif) no-repeat top left;
  	display:inline;
  	float:left;
  }
  #main_tabs a {
    background:url(img/tab_right.gif) no-repeat top right;
  	color:#000000; 
    display:block;
    padding:6px 32px;
  	text-align:center;
    text-decoration:none;
  	text-transform:uppercase;
  }
    #main_tabs a:hover {
      color:#FFFFFF; 
    }
  /*
  Change selected tab graphics
  */
  #index #main_tabs li#tab1 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #index #main_tabs li#tab1 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }
  #marine #main_tabs li#tab2 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #marine #main_tabs li#tab2 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }
  #tropical #main_tabs li#tab3 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #tropical #main_tabs li#tab3 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }
  #pond #main_tabs li#tab4 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #pond #main_tabs li#tab4 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }
  #books #main_tabs li#tab6 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #books #main_tabs li#tab6 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }
  #livestock #main_tabs li#tab5 {
  	background:url(img/tab_left_selected.gif) no-repeat top left;
  }
  #livestock #main_tabs li#tab5 a {
  	background:url(img/tab_right_selected.gif) no-repeat top right;
  }

/****************
MASTHEAD
****************/
#masthead {
  display:none;
	background:url(img/masthead_bg.gif) repeat-x top left;
	height:35px;
	width:100%;
}
  #masthead ul {
  	list-style:none;
  	margin:0 auto;
  	padding:12px 0 5px 0;
  	width:550px;
  }
  #masthead li {
  	display:inline;
  	margin:0px 8px;
  }
    #masthead li a {
    	color:#00122f;
    	font-family:verdana;
    	font-size:1em;
    	text-decoration:none;
    }
    #masthead li a#bargain_offer {
      background:url(img/icon_poundbubble.gif) no-repeat center left;
      padding:10px 0 10px 26px;
    }
    #masthead li a#top_products {
      background:url(img/icon_pinkstar.gif) no-repeat center left;
      padding:5px 0 5px 20px;
    }
    #masthead li a#aquatic_books {
      background:url(img/icon_greenbook.gif) no-repeat center left;
      padding:5px 0 5px 18px;
    }
    #masthead li a#reptiles {
      background:url(img/icon_reptiles.gif) no-repeat center left;
      padding:5px 0 5px 18px;
    }
      #masthead a:hover {
      	color:#FF0000;
      }
      
/****************
CRUMBTRAIL
****************/
#crumb_trail {
  background:url(img/crumb_gradient_bg.gif) repeat-x top left;
  padding:12px 8px;
}  
  #crumb_trail ul {
    list-style:none;
  }
    #crumb_trail ul li {
      display:inline;
    }
    
      #crumb_trail ul li a {
        color:#012765;
        font-weight:bold;
      }
  
/****************
WRAPPER (MAIN WINDOW HOLDER)
****************/
#wrapper {
  margin:0 16px 0 17px;
}
    
/****************
LEFT COLUMN (NAVIGATION)
****************/
#navigation_column {
display:none;
	float:left;
	width:21%;
}

/****************
CENTRE COLUMN (MAIN CONTENT)
****************/
#main_content {
	float: left;
	padding:3px 15px 0 15px;
	width:100%;
}

/****************
RIGHT COLUMN
****************/
#third_column {
display:none;
	float:left;
	width:21%;
}

/****************
SEARCH BOX
****************/
#search_box {
  background:url(img/module_search_heading_left.gif) no-repeat top left;
  margin:0 0 16px 0;
}
  #search_box h2 {
    background:url(img/module_search_heading_right.gif) no-repeat top right;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding:10px 0 0 40px;
  }
  #search_box #search_contents {
    background:#bbd4e0 url(img/module_search_gradient.gif) repeat-x top left;
    border:1px solid #013f98;
    border-top:none;
    padding:12px;
  }
    #search_box #search_contents #search_input {
      margin:0 0 9px 0;
      width:95%;
    }

/****************
MENU BOX
****************/
#menu {
  background:url(img/module_menu_heading_left.gif) no-repeat top left;
  margin:0 0 13px 0;
}
  #menu h2 {
    background:url(img/module_menu_heading_right.gif) no-repeat top right;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding:10px 0 0 40px;
  }
  #menu #menu_contents {
    border:1px solid #013f98;
    border-top:none;
  }
    #menu #menu_contents h3 {
      background:#c9e7f5;
      color:#012765;
      font-size:1.1em;
      padding:6px 10px;
    }
      #menu #menu_contents h3 a {
        color:#012765;
      }
    #menu #menu_contents ul {
      background:#f2f9fc;
      list-style:none;
      padding:6px 12px;
    }
      #menu #menu_contents ul li {
        border-bottom:1px solid #acdde9;
        padding:4px 0px;
      }
        #menu #menu_contents ul li a {
          color:#112242;
        }
    

/****************
NEWS SUMMARY
****************/
#news_summary {
  background:url(img/module_news_heading_left.gif) no-repeat top left;
}
  #news_summary h2 {
    background:url(img/module_news_heading_right.gif) no-repeat top right;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding:10px 0 0 40px;
  }
  #news_summary #news_contents {
    border:1px solid #2f7603;
    border-top:none;
  }
    #news_summary #news_contents ul {
      list-style:none;
      padding:6px 12px;
    }
      #news_summary #news_contents ul li {
        padding:5px 0px;
      }
        #news_summary #news_contents ul li h3 {
          background:url(img/icon_latest_news.gif) no-repeat center left;
          font-size:1em;
          margin:0 0 3px 0;
          padding:0 0 0 15px;
        }
          #news_summary #news_contents ul li h3 a {
            color:#113467;
            font-weight:bold;
          }
    #news_summary #news_contents #newsletter_signup {
      background:#eef9e0 url(img/module_news_signup_bg.gif) repeat-x top left;
      color:#207100;
      font-size:1.1em;
      font-weight:bold;
      padding:12px;
    }    
      #news_summary #news_contents #newsletter_signup #newsletter_input {
        color:#484848;
        margin:6px 0px;
        width:95%;
      }
    
/****************
BASkET
****************/
#basket {
  background:url(img/module_basket_heading_left.gif) no-repeat top left;
  margin:0 0 15px 0;
}
  #basket h2 {
    background:url(img/module_basket_heading_right.gif) no-repeat top right;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding:10px 0 0 40px;
  }
  #basket h2 #processing_icon {
    display:none;
    float:right;
    padding:0 12px 0 0;
  }
  #basket #basket_contents {
    background:#f2f9fc url(img/module_basket_gradient.gif) repeat-x bottom left;
    border:1px solid #013f98;
    border-top:none;
  }
    #basket #basket_contents #basket_heading {
      background:#c9e7f5;
      color:#323232;
      font-weight:bold;
      padding:4px 12px;
    }
    #basket #basket_contents ul {
      border-bottom:1px solid #a9dce9;
      color:#012765;
      padding:6px 12px;
      list-style:none;
    }
      #basket #basket_contents ul li {
        font-weight:bold;
        margin:5px 0 5px 0;
      }
        #basket #basket_contents ul li .basket_content {
          float:left;
          width:80%;
        }
        #basket #basket_contents ul li .basket_price {
          color:#323232;
          font-weight:normal;
        }
        #basket #basket_contents ul li .basket_button {
          border:0;
        }
  #basket #basket_contents .basket_float_left {
    float:left;
    font-weight:bold;
    margin:0 6px 0 0;
  }
  #basket #basket_contents .basket_float_right {
    float:left;
    margin:0 2px 0 0;
  }
  #basket #basket_contents .basket_float_right {
    float:right;
    font-weight:bold;
    margin:0 0 0 2px;
  }
  #basket #basket_contents #basket_total_holder {
    color:#000000;
    border-bottom:1px solid #009abc;
    font-size:1.2em;
  }
  #basket #basket_contents #basket_total {
    color:#009abc;
  }
  #basket #basket_contents #checkout_button {
    border:0;
    float:right;
    margin:10px 5px;
  }

/****************
CUSTOMER PROMISE
****************/
#customer_promise {
  border:1px solid #013f98;
  margin:0 0 18px 0;
}
  #customer_promise h2 {
    background:url(img/module_cp_heading_gradient.gif) repeat-x top left;
    color:#FFFFFF;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
    font-size:1.3em;
    font-weight:bold;
    height:21px;
    padding:6px 0 0 12px;
    text-transform:uppercase;
  }
  #customer_promise #customer_promise_contents {
    background:#011f67 url(img/module_cp_content_gradient.gif) repeat-x top left;
    color:#79bcfe;
    font-size:1.1em;
    font-weight:bold;
    padding:12px;
  }
    #customer_promise #customer_promise_contents ul {
      list-style:none;
      padding:0 0 0 17px;
    }
      #customer_promise #customer_promise_contents li {
        padding:0 0 0 3px;
      }
      #customer_promise #customer_promise_contents li#secure_ordering {
        list-style-image:url(img/icon_secure_ordering.gif);
      }
      #customer_promise #customer_promise_contents li#free_del {
        list-style-image:url(img/icon_free_delivery.gif);
      }
      #customer_promise #customer_promise_contents li#compet_prices {
        list-style-image:url(img/icon_competitive_prices.gif);
      }
  

/****************
TOP SELLERS
****************/
#top_sellers {
  background:url(img/module_tsell_heading_left.gif) no-repeat top left;
  margin:0 0 15px 0;
}
  #top_sellers h2 {
    background:url(img/module_tsell_heading_right.gif) no-repeat top right;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding:10px 0 0 40px;
  }
  #top_sellers #top_sellers_contents {
    border:1px solid #013f98;
    border-top:none;
    padding:12px;
  }
		#top_sellers #top_sellers_contents ul {
			list-style:none;
		}
			#top_sellers #top_sellers_contents ul li {
				margin:0 0 12px 0;
			}
				#top_sellers #top_sellers_contents ul li a {
					color:#012765;
					font-weight:bold;
				}
				#top_sellers #top_sellers_contents ul li img {
					border:1px solid #888888;
					float:left;
					margin:0 5px 0 0;
				}
				#top_sellers #top_sellers_contents ul li .top_seller_item {
					float:left;
					width:70%;
				}
				
/****************
PRODUCT HOLDERS (CENTRE COLUMN)
****************/
.product_offer_holder {
  margin:0;
  padding:10px 0px;
}
.featured_product {
  padding:0px 10px;
}
  .featured_product #product_image {
    border:0;
   float:left;
   margin:0 10px 0 0;
  }
  .featured_product #featured_product_text {
    float:left;
    width:65%;
  }
    .featured_product #featured_product_text h4 {
      font-size:1.4em;
      font-weight:bold;
      margin:0 0 10px 0;
    }
      .featured_product #featured_product_text h4 a {
        color:#00265c;
      }
    .featured_product #featured_product_text p {
      margin:0 0 10px 0;
    }
      .featured_product #featured_product_text p a {
        color:#00265c;
        font-weight:bold;
      }
      .featured_product #featured_product_text p #featured_product_price {
        color:#088377;
        font-family:arial,verdana,helvetica, sans-serif;
        font-size:2.2em;
      }
    .featured_product #featured_product_text p#featured_product_rating {
      color:#1c252d;
      font-size:0.9em;
    }
/*
Little product offer boxes
*/   
.product_offer_box {
  padding:10px;
  width:43%;
}
  .product_offer_box .offer_image {
    border:0;
    float:left;
    margin:0 10px 0 0;
  }
  .product_offer_box .offer_text {
    float:left;
    width:55%;
  }
    .product_offer_box .offer_text h5 {
      font-size:1.1em;
      font-weight:bold;
    }
      .product_offer_box .offer_text h5 a {
        color:#113467;
      }
    .product_offer_box .offer_text .offer_price {
      color:#088377;
      font-family:arial,verdana,helvetica, sans-serif;
      font-size:1.4em;
      font-weight:bold;
      margin:4px 0;
    }
      .product_offer_box .offer_text .offer_price .offer_saving {
        color:#34afd6;
        font-family:arial,verdana,helvetica, sans-serif;
        font-size:0.8em;
      }
/*
Floats for the little product offer boxes
*/
.offer_box_left {
  float:left;
}
.offer_box_right {
  float:right;
}

/****************
EMAIL A FRIEND
****************/
#emailfriend_product {
  font-size:1.1em;
  font-weight:bold;
}
  #emailfriend_product #product_name a {
    color:#FF0000;
  }


/****************
FOOTER
****************/
#footer {
display:none;
  background:url(img/footer_bg.gif) repeat-x top left;
  color:#FFFFFF;
  font-size:1.1em;
  font-weight:bold;
  height:44px;
  margin:20px 0 20px 0;
  width:100%;
}
  #footer ul {
    list-style:none;
    padding:15px 0 0 15px;
  }
    #footer ul li {
      display:inline;
      margin:0 0 0 5px;
    }
      #footer ul li a {
        color:#FFFFFF;
      }
    #footer ul li#webx_link a {
      color:#bbe3f5;
    }
  #footer #delivery_fineprint {
    float:right;
    font-size:0.9em;
    margin:15px 15px 0 0;
  }
  
/****************
CARDS ACCEPTED
****************/
#cards_accepted {
display:none;
  width:600px;
  margin:0 auto;
  text-align:center;
}
  #cards_accepted img {
    border:0;
  }
/****************
GENERAL USEFUL STYLES
****************/
.user_messages {
  background:#5f92cc;
  border:1px solid #F1FFFF;
  color:#333333;
	list-style:none;
	margin:0 0 8px 0;
	padding: 10px 36px;
}
  .user_messages li {
    font-size:1.4em;
  	font-weight:bold;
  	margin:5px;
  }
.add_to_basket {
  border:0;
}
.bubble_banner {
  background:url(img/banner_gradient.gif) repeat-x top left;
  margin:0px 0 0px 0;
  padding:0px 8px;
}
  .bubble_banner h3 {
    color:#012862;
    font-size:1.2em;
    font-weight:bold;
    padding:8px 0px 7px 0;
  }
  .bubble_banner .bubbles {
    float:right;
    margin:2px 0 0 0;
  }
.right_arrow_link {
  background:url(img/icon_rightarrow.gif) no-repeat center right;
  color:#012765;
  padding:0px 13px 3px 0;
}
.red_bold {
  font-weight:bold;
}
#blurb_holder {}
  #blurb_holder h4 {
    font-size:1.1em;
    margin:5px 0;
  }
  #blurb_holder p {
    margin:5px 0;
  }

/****************
AJAX FORM VALIDATION
****************/
.fieldWithoutErrors,
.fieldWithErrors
{
    outline-width: 1px;
    outline-color: white;
    outline-style: solid;

    /* !!HACK!! IE will not use this because it does not understand !important.  Border is not needed for firefox, so make it 0px!*/
    border-width: 0px !important;    
    /*for IE!*/
    border-width: 1px;
    border-color: white;
    border-style: solid;
}

.fieldWithErrors
{}

/* Browser support may be limited here...*/
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea
{
	background: pink;
	background-color: pink;
}
/****************
HELPERS
****************/
.cb {
	clear:both;
	font-size:0px;
	line-height:0px;
}
.info_holder {
  background:#F5FFFF;
  border:1px solid #DDFFFF;
  margin: 10px 0 0 0;
  padding:10px;
}
  .info_holder p {
    margin:5px 0px;
  }
  .info_holder label {
    float:left;
    margin:4px 0 0 0;
    width:150px;
  }
  .info_holder input {
    float:left;
  }
  .info_holder strong {
    font-size:1.1em;
  }