html, body {font-family: Arial, Helvetica, sans-serif;height:100%;font-size: 12px;color: #000000;text-align: center;margin: 0px;padding: 0px;background-color: #77C8E5;background-image: url(/images/bg.gif);background-repeat: repeat-x;}

h1,h2,h3,h4,h5 {margin: 0px;padding: 0px;}
h1 {font-size: 28px;font-weight: normal;color: #0b445b;margin: 0px;}
.home-h2 {font-size: 20px;font-weight: normal;color: #0b445b;background-image: url(images/h2_bullet.gif);background-repeat: no-repeat;background-position: left;padding-left: 35px;}
h2 {font-size: 20px;font-weight: normal;color: #0b445b;	}
h3 {font-size: 20px;font-weight: normal;color: #C70000;	}
h4 {font-size: 14px;color: #C70000;	}

a:link, a:visited {font-size: 12px;color: #227199;text-decoration: underline;}
a:hover {color: #0B445B;}

img {border:0px;display: block;}
form {border:0px;margin: 0px;}

.bold {font-weight: bold;color: #07344a;}
.clear {clear:both;height:1px;font-size:1px;margin:0;padding:0;line-height: 1px;display: block;}

#wrapper {text-align: left;width: 1000px;position: relative;margin-left: auto;margin-right: auto;}
#content {position:absolute;text-align: left;width: 1000px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-color: #FFFFFF;}



/*------------ header */


#header{position:relative;width:1000px;padding:0px;margin:0px;background-image: url(images/header.jpg);background-repeat: no-repeat;height: 170px;}
#header h1 {font-size:9px; text-align: right; margin-right: 4px;}

#logo {display: block;position: absolute;left: 12px;top: 25px;}
#phone-no {display: block;position: absolute;right: 12px;top: 89px;}

#top-bar{position: absolute;bottom: 0px;left: 1px;right: 1px;background-image: url(images/top_nav_bg.gif);width: 998px;padding-top: 6px;}
#top-bar ul {list-style:none;padding: 0px;margin: 0px 0px 0px 15px;}
#top-bar li {float:left;}
#top-bar li.keyword-search img {float:left;}
#top-bar li.keyword-search {height: 46px;float:right;margin: 0px 15px 0px 0px;}
.keywordsearch {font-size:11px;float:left;margin:10px 10px 0px 0px;width:140px;padding: 0px 0px 0px 2px;}

#go {float:left;margin-top:10px;}

.XXkeyword-search {background-image: url(images/keyword_search_bg.gif);background-repeat: no-repeat;height: 46px;padding-left: 115px;margin-left: 133px;}
.XXkeywordsearch {font-size:11px;float:left;margin:10px 5px 0px 0px;width:140px;padding: 0px 0px 0px 2px;}

#bct {height: 30px;line-height: 30px;clear: both;padding-left: 20px;color: #227199;}



/*------------ left */

#left {position:relative;float: left;width: 210px;clear:both;margin-bottom:15px;}

/*------------ nav styles */

#left ul, #left div{margin-left: 15px;}

.left_nav, .left_nav2, .right_nav {list-style-type:none;padding:0px;margin:0px;}

.left_nav li, .left_nav2 li, .right_nav li {position:relative;list-style-type: none;text-indent:6px;}

.water-features-top, .outdoor-features-top, .guides-top, .site-info-top {display: block;height: 31px;width: 180px;}
.water-features-top {background-image: url(images/water_features_top.gif);background-repeat: no-repeat;}	
.outdoor-features-top {background-image: url(images/outdoor_features_top.gif);background-repeat: no-repeat;}
.guides-top {background-image: url(images/guides_top.gif);background-repeat: no-repeat;}
.site-info-top {background-image: url(images/site_info_top.gif);background-repeat: no-repeat;}
   
.left_nav li a, .left_nav li a:visited, .left_nav2 li a, .left_nav2 li a:visited, .right_nav li a, .right_nav li a:visited  {font-size:11px;font-weight:bold;padding:0px;width:178px;height:27px;text-decoration:none;background-repeat:no-repeat;line-height:27px;display:block;border: 1px solid #CECECE;margin: 1px 0px 0px 0px;}
.left_nav li a, .left_nav li a:visited, .right_nav li a, .right_nav li a:visited {color:#000000;background-image: url(images/left_nav_bg_1.gif);}
.left_nav li a:hover, .right_nav li a:hover{color:#2889C2; text-decoration:none;}
.left_nav2 li a, .left_nav2 li a:visited {color:#000000;background-image: url(images/left_nav_bg_2.gif);}
.left_nav2 li a:hover{color:#338600; text-decoration:none;}		

.shadow {width:180px;display: block;padding: 0px;height: 17px;background-image: url(images/shadow.gif);background-repeat: no-repeat;margin: -1px 0px 0px 0px;}



/*------------ column product boxes */

.column-products {position:relative;list-style-type: none;padding:0px;width:178px;height:88px;display:block;border: 1px solid #CECECE;margin: 1px 0px 0px 0px;background-color: #f0f0f0;background-image: url(images/most_popular_bg.gif);background-repeat: repeat-y;}
.cp-image{float: right;margin: 7px 0px 0px 0px;}
.column-products p {font-size:11px;float: left;padding-left: 5px;width: 95px;margin: 3px 0px 0px 0px;}
.column-products a, .column-products a:visited  {font-size:11px;text-decoration: none;color: #000000;}
.column-products a:hover {text-decoration: underline;}
.cp-price {font-weight: bold;color: #07354b;display: block;}
.cp-view {position: absolute;left: 4px;bottom: 5px;}
.cp-buy{position: absolute;left: 51px;bottom: 5px;} 
.cp-shadow {width:180px;display: block;padding: 0px;height: 17px;background-image: url(images/shadow.gif);background-repeat: no-repeat;margin: 1px 0px 0px 0px;}

/*------------ middle */

#middle {position:relative;float:left;width:580px;margin-bottom: 15px;}

#home-banner {margin-bottom: 15px;}
#why-us {margin-bottom: 12px;}
#text-box {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #0a4258;margin-bottom: 12px;padding-right: 3px;padding-left: 3px;}

/*------------ right */

#right {position:relative;float: right;width:195px;margin-bottom: 15px;}
#onscreen-basket {width:180px;height: 135px;display: block;background-image: url(images/onscreen_basket_bg.gif);background-repeat: no-repeat;position: relative;}
#osb-info {font-size: 11px;font-weight: bold;color: #FFFFFF;position: absolute;left: 19px;top: 47px;right: 21px;}
.osb-info {float: left;width: 72px;line-height: 16px;}
.osb-calculation {float: right;width: 55px;text-align: right;line-height: 16px;}
#osb-checkout {position: absolute;bottom: 8px;right: 11px;}

#newsletter {background-image: url(images/garden_tips.gif);background-repeat: no-repeat;height: 151px;width: 183px;display: block;position: relative;margin-bottom: 13px;font-size: 11px;color: #FFFFFF;}
#newsletter-in {position: absolute;left: 12px;top: 35px;}
#newsletter-in a, #newsletter-in a:visited {font-size: 11px;color: #fedb2b;}
#newsletter-in a:hover  {font-size: 11px;color: #FFFFFF;}

.newsletter-box {font-size:11px;float:left;width:140px;color: #000000;margin-top: 4px;margin-bottom: 6px;padding-left: 2px;}
#sign-up {position: absolute;left: 13px;bottom: 12px;}
#newsletter-image {background-image: url(images/sven.gif);background-repeat: no-repeat;position: absolute;right: -2px;bottom: 0px;z-index: 99;height: 103px;width: 69px;}


#free-delivery {background-image: url(images/free_delivery.gif);background-repeat: no-repeat;height: 139px;width: 180px;display: block;position: relative;font-size: 11px;margin-bottom: 4px;}
#free-delivery-in a, #free-delivery-in a:visited, .free-delivery-in a, .free-delivery-in a:visited   {font-size: 11px;}
#free-delivery-in, .free-delivery-in {position: absolute;right: 18px;left: 18px;top: 63px;}
#free-delivery p {margin: 0px;}
#secure-ordering, #credit-cards, #need-help {margin-bottom: 15px;}



/*------------ footer */
#footer {width: 970px;position: relative;bottom: 0px;clear:both;margin-right: auto;margin-left: auto;}

#footer-box {background-image:url(images/footer_mid.gif);background-repeat:repeat-y;width: auto;text-align: center;font-size: 11px;}
#basket-footer-box {background-image:url(images/footer_bg.gif);background-repeat:no-repeat;width: auto;text-align: center;font-size: 11px;height: 73px;}
#basket-footer-box-pad {height: 20px;display: block;}
.footer-box-top {background-image:url(images/footer_top.gif);background-repeat:no-repeat;display: block;height: 10px;margin: 0px;}
.footer-box-bot {background-image:url(images/footer_bot.gif);background-repeat:no-repeat;display: block;height: 10px;margin: 0px;font-size: 1px;line-height: 1px;}
#footer-cat-links ul {margin: 0px; padding:0px;}
#footer-cat-links  {padding:0px;margin-left:15px;margin-right:15px;text-align:center;position:relative;margin-top: 0px;margin-bottom: 8px;}
#footer-cat-links  li{display:inline;list-style-type: none;margin: 0px 5px 0px 5px; padding:0px;text-align:center; }
#footer-cat-links a,#footer-cat-links  a:visited{font-size:11px;color:#383838; text-decoration:none}
#footer-cat-links  a:hover{font-size:11px;color: #0B445B;text-decoration:underline}

#footer-links ul {margin: 0px;padding:0px;}

#footer-links  {padding:0px;text-align:center;margin-top: 0px;margin-right: 150px;margin-bottom: 0px;margin-left: 150px;}
#footer-links  li {display:inline;list-style-type: none;margin: 0px 5px 0px 5px;padding:0px;text-align:center; }
#footer-links a, #footer-links a:hover, #footer-links a:visited{font-size:11px;}



#sub-footer {font-size: 11px;height: 95px;width:950px;position:relative;margin-left:auto;margin-right:auto;}
#sub-footer ul {margin: 0px; padding:0px;}
#sub-footer li{display:inline;list-style-type: none;padding:0px;margin: 10px 0px 0px 0px;} 
#sub-footer a, #sub-footer a:visited {font-size: 11px;}
.copyright {float: left;}
.e2e-link {float: right;text-indent: 1px;}
.payment-methods {position: absolute;left: 350px;top: -10px;}
.footer-logos {position: absolute;left: 304px;top: -5px;}

.footerlogos {text-align: center;clear: both;margin: 10px 0px 7px 0px;}



/*------------ get inspired box */
.get-inspired-box {position:relative;left:0px;width:282px;height:141px;margin-left:0px;margin-right:15px;float:left;list-style-type:none;padding:0px;margin-top:15px;background-image: url(images/get_inspired_box.gif);background-repeat: no-repeat;font-size: 11px;margin-bottom: 0px;}
.get-inspired-box p {height: 100px;margin: 0px;overflow: hidden;width: 132px;}
.get-inspired-box a, .get-inspired-box a:visited {font-size: 11px;font-weight: bold;color: #07354b;text-decoration: none;}
.last {margin-right:0px;}
#gi-image {padding-top:8px;padding-left:8px;float:left;}
.gi-right {padding-top:8px;padding-left:7px;float:left;font-size: 11px;}
#gi-button {float:left;margin-top: 5px;}

/*------------ category page box */

.category-box {position:relative;left:0px;width:282px;height:170px;float:left;list-style-type:none;padding:0px;background-image: url(images/category_box.gif);background-repeat: no-repeat;font-size: 11px;margin:15px 15px 0px 0px;}
.category-box p {height: 125px;margin: 0px;overflow: hidden;width: 137px;}
.category-box a, .category-box a:visited   {font-size: 11px;font-weight: bold;color: #07354b;text-decoration: none;}
.last {margin-right:0px;}
#cb-image {float:left;border-right-width: 1px;border-right-style: solid;border-right-color: #cecece;margin-top: 9px;margin-left: 1px;}
.cb-right {padding-top:8px;padding-left:7px;float:left;font-size: 11px;}
.cb-bottom {display: block;position: absolute;bottom: 0px;width: 282px;clear: both;background-image: url(images/category_box_bottom.gif);height: 30px;line-height: 30px;}
.cb-rrp {color: #7dc7e0;text-decoration: line-through;margin-left: 7px;}
.cb-price {color: #FFFFFF;font-weight: bold;margin-left: 10px;}
.cb-view {position: absolute;bottom: 5px;right: 55px;}
.cb-buy{position: absolute;bottom: 5px;right: 7px;} 

/*------------ product-detail box */


#product-detail-box {position:relative;left:0px;width:580px;float:left;padding:0px;background-image: url(images/product_box_bg.gif);background-repeat: repeat-y;margin-bottom: 15px;}
#product-detail-box p {}

#pdb-top {margin-bottom: 8px;}
.rrp {text-decoration: line-through;}
.bold-red {font-size: 14px;color: #C70000;font-weight: bold;}
#pdb-bottom {margin-top: 8px;clear: both;}


.product-detail a, .product-detail a:visited   {font-size: 11px;font-weight: bold;color: #07354b;text-decoration: none;}
#pdb-left {float:left;width: 230px;margin-left: 10px;border-right-width: 1px;border-right-style: solid;border-right-color: #cecece;}
#pdb-left img {border: 1px solid #d0d0d0;}

#pdb-image{position:relative; top:0px; left:0px;z-index:4; width:220px; height:220px; margin:0px; padding:0px;}
#pdb-overlay{position:absolute; bottom:-1px; right:-1px;z-index:5; width:22px; height:22px; margin:0px; padding:0px;}
#pdb-overlay img{filter: Alpha(Opacity=70);opacity:0.7;border: 0 none;}



#thumbs {margin-top: 5px;width: 230px;}
#thumbs img {display: inline;}
.thumb {margin-right: 3px;}

#pdb-right {float:left;width: 320px;padding-left: 8px;}


.product-detail-bottom {display: block;position: absolute;bottom: 0px;width: 282px;clear: both;background-image: url(images/category_box_bottom.gif);height: 30px;line-height: 30px;}
.product-detail-rrp {color: #7dc7e0;text-decoration: line-through;}
.product-detail-price {color: #FFFFFF;font-weight: bold;}

#product-detail-button {float:left;margin-top: 5px;}
#product-detail ul, #product-detail li  {list-style-type: none;margin: 0px;padding: 0px;}

#product-detail ul {width: 580px;float: left;margin-top: 15px;position: relative;}
.product-detail-top {height: 31px;background-image: url(images/product_box_top.gif);background-repeat: no-repeat;width: 580px;}
#add-to-basket {display: block;margin-bottom: 10px;}

/*------------ product description box */
#product-description {list-style-type: none;width: 580px;float: left;margin-bottom: 15px;background-image: url(images/pd_info_bg.gif);background-repeat: repeat-y;}

.pd-menu {width:580px;margin:0px;position:relative;z-index:99;background-image: url(images/pd_menu_bg.gif);height: 32px;display: block;background-repeat: no-repeat;}
.pd-menu ul {padding:0; margin:0;list-style-type: none;border:0;}
.pd-menu ul li {float:left;display: inline;}
.pd-menu ul li a, .pd-menu ul li a:visited {display: inline;text-decoration:none;font-weight: bold;height:32px;color:#FFFFFF;line-height:32px;font-size:12px;padding-right: 16px;padding-left: 17px;}
.pd-menu ul li a:hover, .pd-menu ul li a:active {color:#7dc7e0;}

.line{background-image: url(images/pd_menu_line.gif);background-repeat: no-repeat;background-position: left;}
.pb-manu-right {padding-right: 0px;}
.pd-info {color:#000000;width:578px;}
.pd-info-in {padding: 10px;}
.pd-info-in ul, .pd-info-in p  {margin-top: 10px;margin-bottom: 10px;}
.pd-info-in li {list-style-image: url(images/tick.gif);	}

.info-box, .contact-box {position:relative;width:580px;background-image: url(/Page/images/info_box_bg.gif);background-repeat: repeat-y;margin-bottom: 15px;}
.box-pad {padding:0px 15px 0px 15px}
.box-top {margin-bottom:8px;}
.box-bot {margin-top:8px;clear: both;}

#box-top {margin-bottom:5px;}
#box-bot {margin-top:5px;}

.info-box div, .contact-box div  {display: block;margin-top: 1px;padding-top: 1px;padding-bottom: 1px;}
.info-box div {clear: both;}
.info-box div label, .contact-box div label {display: block;float: left;width: 100px;margin: 0 0 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 3px;}
.contact-box-left{float:left;width: 270px;margin-right: 12px;}
.contact-box-left div {clear: left;}
.contact-box-right{float:left;width: 245px;}
.contact-box-right p {margin:0px;}

.text-box {font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 135px;padding-left: 3px;}