/* Haws Watering cans CSS Stylesheet */ /* General Formatting */ body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 62.5%; line-height: 100%; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/bground_page.gif); } a:link, a:visited { color: #642b2b; text-decoration: underline; } a:hover, a:active { color: #597E40; text-decoration: underline; } /******* Layout Elements *******/ #container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_container.gif) repeat-y center;} .clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } /****** Header ******/ #header_container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #header_wrapper { width: 980px; height: 120px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #accessibility_controls { display: none; visibility: hidden; } #header { width: 980px; height: 85px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; background: url(images/bground_header.jpg) no-repeat center top; } #header a { width: 980px; height: 85px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #header a img { display: none; visibility: hidden; } #header_navigation { width: 980px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } * html #header_navigation { display: inline; } /****** Content ******/ #content_wrapper { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: #d8f0cc; } #content_wrapper_front { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } /*** Content Left ***/ #content_left { width: 180px; margin: 20px 20px 0px 15px; padding: 0px 0px 0px 0px; float: left; } * html #content_left { display: inline; } /*** Content Right ***/ #content_right { width: 750px; margin: 20px 15px 0px 0px; padding: 0px 0px 3em 0px; float: left; } * html #content_right { display: inline; } /****** Footer ******/ #footer_container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_footer.gif) no-repeat center top;} #footer_wrapper { width: 980px; margin: 0px auto 0px auto; padding: 14px 0px 10px 0px; clear: both; } #footer_wrapper_front { width: 980px; margin: 0px auto 0px auto; padding: 10px 0px 10px 0px; background: url(images/bground_footer.gif) no-repeat center top; clear: both; } #footer { width: 960px; margin: 0px 10px 0px 10px; padding: 10px 0px 0px 0px; } #footer_front { width: 960px; margin: 0px 10px 0px 10px; padding: 10px 0px 0px 0px; } /****** Navigation ******/ #menu_top { width: 980px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; z-index: 10; overflow: visible; } #menu_top ul, #menu_top ul.sf-menu { width: 980px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; list-style-type: none; background: url(images/bground_menutop.gif) no-repeat 0px 0px; z-index: 200; overflow: visible; } #menu_top ul li, #menu_top ul.sf-menu li { height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: visible; } #menu_top ul li a, #menu_top ul.sf-menu li a { height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .products { width: 101px; margin: 0px 0px 0px 0px; } .products a:hover, .products:hover, .products.sfhover { background: url(images/bground_menutop.gif) no-repeat -0px -25px; } .stockists { width: 106px; margin: 0px 0px 0px 0px; } .stockists a:hover { background: url(images/bground_menutop.gif) no-repeat -101px -25px; } .usefulinformation { width: 197px; margin: 0px 0px 0px 0px; } .usefulinformation a:hover { background: url(images/bground_menutop.gif) no-repeat -207px -25px; } .retailers { width: 257px; margin: 0px 0px 0px 0px; } .retailers a:hover { background: url(images/bground_menutop.gif) no-repeat -404px -25px; } .buyonline { width: 250px; margin: 0px 0px 0px 0px; } .buyonline a:hover { background: url(images/bground_menutop.gif) no-repeat -661px -25px; } .home { width: 69px; margin: 0px 0px 0px 0px; } .home a:hover { background: url(images/bground_menutop.gif) no-repeat -911px -25px; } #menu_top ul.sf-menu li ul { width: 15em; height: auto; margin: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1em; text-indent: 0px; list-style-type: none; left: -999em; position: absolute; } #menu_top ul.sf-menu li ul li { height: auto; margin: 0px 0px 0px 0px; padding: 0.5em 10px 0.5em 10px; background: #531414; float: none; } #menu_top ul.sf-menu li:hover ul, #menu_top ul.sf-menu li.sfhover ul { left: auto; } #menu_top ul.sf-menu li ul li a { height: auto; display: block; } #menu_top ul.sf-menu li ul li a:link, #menu_top ul.sf-menu ul li a:visited { text-decoration: none; color: #ffffff; } #menu_top ul.sf-menu li ul li a:hover, #menu_top ul.sf-menu ul li a:active { text-decoration: none; color: #FFC000; background: none; } #menu_top ul.sf-menu li li { border-top: 0; } .sf-shadow ul { background: url(images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } #menu_left { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #menu__left { display: inline; } #menu_left_header_products { width: 180px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/header_menuleft_products.gif) no-repeat center top; } #menu_left_header_stockists { width: 180px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/header_menuleft_stockists.gif) no-repeat center top; } #menu_left_header_useful { width: 180px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/header_menuleft_useful.gif) no-repeat center top; } #menu_left_header_retailers { width: 180px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/header_menuleft_retailers.gif) no-repeat center top; } #menu_left_body { width: 160px; margin: 0px 0px 0px 0px; padding: 2px 10px 15px 10px; background: #cde4c2; } #menu_left_body ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; font-style: normal; line-height: 1em; font-weight: normal; text-transform: capitalize; color: #597e40; text-decoration: none; list-style: none; text-align: left; } #menu_left_body li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #c39f93; display: block; } #menu_left_body li a { margin: 0px 0px 0px 0px; padding: 7px 0px 7px 0px; display: block;} #menu_left_body a:link, #menu_left_body a:visited { color: #642b2b; text-decoration: none; } #menu_left_body a:hover, #menu_left_body a:active { color: #597e40; text-decoration: none; } .products_active { width: 101px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -0px -25px; } .stockists_active { width: 106px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -101px -25px; } .usefulinformation_active { width: 197px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -207px -25px; } .retailers_active { width: 257px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -404px -25px; } .buyonline_active { width: 250px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -661px -25px; } .home_active { width: 69px; margin: 0px 0px 0px 0px; background: url(images/bground_menutop.gif) no-repeat -911px -25px; } /*** Content Elements ***/ #stockists { width: 750px; margin: 30px 0px 0px 0px; padding: 15px 0px 10px 0px; border-top: 1px solid #43602e; float: left; clear: both; } #stockists p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; color: #444444; text-decoration: none; } #disclaimer-accessibility { display: none; } /* Product Listing */ #productlist_wrapper { width: 750px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; } #productlist_wrapper img { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; border: 1px solid #8eab8a; float: right; } #productlist_wrapper h2 { width: 750px; margin: 2em 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; } #productlist_wrapper p { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 1.4em; font-style: normal; line-height: 1.286em; } .product_wrapper { width: 725px; margin: 15px 0px 0px 0px; padding: 10px 10px 15px 15px; font-size: 1em; line-height: 1em; font-weight: normal; color: #333333; background: #CDE4C2; border-bottom: 1px solid #bdd2b2; float: left; clear: both; } * html .product_wrapper { display: inline; } .product_wrapper .product_image { width: 142px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; float: left; } * html .product_wrapper .product_image { display: inline; } #productlist_wrapper .product_wrapper .product_image img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #8eab8a; float: none; } .product_wrapper .product_details { width: 362px; margin: 0px 15px 0px 15px; padding: 5px 0px 0px 0px; float: left; } * html .product_wrapper .product_details { display: inline; width: 357px; } #productlist_wrapper .product_wrapper .product_details p { margin: 4px 0px 0px 0px; padding: 4px 0px 0px 0px; color: #333333; font-size: 1.2em; font-style: normal; line-height: 1.3em; font-weight: normal; border-top: 1px dotted #43602e; } .product_buyoptions { width: 190px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html .product_buyoptions { display: inline; } .product_buyoptions a.button_viewmoredetails { width: 190px; height: 30px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_viewmoredetails.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .product_buyoptions a.button_viewmoredetails:hover, .product_buyoptions a.button_viewmoredetails:active { background: url(images/button_viewmoredetails.gif) no-repeat -190px 0px; } .product_buyoptions a.button_findastockist { width: 190px; height: 30px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_findastockist.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .product_buyoptions a.button_findastockist:hover, .product_buyoptions a.button_findastockist:active { background: url(images/button_findastockist.gif) no-repeat -190px 0px; } .product_buyoptions a.button_buyonline { width: 190px; height: 30px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_buyonline.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .product_buyoptions a.button_buyonline:hover, .product_buyoptions a.button_buyonline:active { background: url(images/button_buyonline.gif) no-repeat -190px 0px; } .product_buyoptions .text_reference { width: 190px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font-size: 0.8em; color: #333333; } .chooseanduse { width: 750px; margin: 45px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; } .chooseanduse h5 { margin: 0px 0px 1em 0px; padding: 0px 0px 0.3em 0px; font-size: 2.1em; line-height: 1em; font-weight: normal; color: #642b2b; text-decoration: none; text-align: left; border-bottom: 1px solid #8eab8a; } .table_chooseanduse { width: 750px; margin: 0px 0px 0px 0px; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; font-weight: normal; color: #000000; text-decoration: none; text-align: center; border: 0px none; border-collapse: collapse; background: #D3E7C9; } .table_chooseanduse td { padding: 9px 5px; border-right: 1px solid #D8F0CC; } .table_chooseanduse-alt { background: #CDE4C2; } .table_chooseanduse th { padding: 5px 2px 3px 2px; font-size: 9px; font-weight: bold; font-style: normal; line-height: 10px; vertical-align: bottom; color: #000000; border-right: 1px solid #CDE4C2; background: #D8F0CC; } /* Product Page */ #productdetail_wrapper { width: 750px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; } #productdetail_wrapper img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; } #productdetail_wrapper .product_buyoptions { width: 190px; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; background: #CDE4C2; border-right: 1px solid #bdd2b2; border-bottom: 1px solid #bdd2b2; float: right; } #productdetail_wrapper .product_text { width: 750px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; } #topicaltips_wrapper { width: 720px; margin: 0px 0px 0px 0px; padding: 100px 0px 0px 0px; background: url(images/bground_topicaltips.gif) no-repeat 0px 0px; float: left;} #topicaltips_menu { width: 130px; height: 30px; margin: 0px 0px 0px 10px; padding: 170px 0px 0px 0px; display: block; float: right; } .image_wrapper_itsinthecan { width: 750px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } /* Product Index Page */ #content_product_home { width: 748px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; } .content_product_home_item { width: 172px; margin: 0px 15px 15px 0px; padding: 0px 0px 0px 0px; float: left; } .content_product_home_item h2 { height: 2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 16px; font-style: normal; line-height: 17px; font-weight: normal; color: #642b2b; text-decoration: none; text-align: left; background: none; display: table-cell; vertical-align: bottom; } .content_product_home_item h2 a:link, .content_product_home_item h2 a:visited { color: #642b2b; text-decoration: none; } .content_product_home_item h2 a:hover, .content_product_home_item h2 a:active { color: #597E40; text-decoration: underline; } .content_product_home_item img { margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; border: 1px solid #8eab8a; float: none; } .content_product_home_item p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.286em; color: #333333; font-weight: bold; } .content_product_home_item p a:link, .content_product_home_item p a:visited { color: #597E40; text-decoration: none; } .content_product_home_item p a:hover, .content_product_home_item p a:active { color: #476533; text-decoration: none; } /* Front Page formatting */ #content_homepage { width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_homepage_year { width: 980px; height: 95px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_content_homepage_year.gif) no-repeat; } #content_homepage_image { width: 980px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } #content_homepage_logos { width: 980px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:url(images/bground_content_homepage_logos.gif) no-repeat; } #content_homepage_news { width: 287px; height: 243px; margin: 0px 0px 15px 15px; padding: 0px 10px 0px 10px; background: #cde4c2; float: left; } #content_homepage_news h2 { width: 287px; height: 35px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; background: url(images/bground_content_homepage_h2.gif) no-repeat; } #content_homepage_news ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; list-style: none; color: #333333; } #content_homepage_news li { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; } #content_homepage_news li span { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; colour: #642b2b; float: right; } #content_homepage_toolsfurnitureadvert { width: 307px; height: 243px; margin: 0px 0px 15px 15px; padding: 0px 0px 0px 0px; float: left; } #content_homepage_toolsfurnitureadvert a.tools { width: 120px; height: 243px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #content_homepage_toolsfurnitureadvert a.tools { width: 123px; height: 243px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #content_homepage_toolsfurnitureadvert h3 { display: none; visibility: hidden; } #content_homepage_brochure { width: 307px; height: 243px; margin: 0px 0px 15px 15px; padding: 0px 0px 0px 0px; background: #cde4c2; float: left; } #content_homepage_welcome { width: 950px; margin: 20px 15px 10px 15px; padding: 0px 0px 0px 0px; float: left; } #content_homepage_welcome p { font-size: 1.6em; color: #8EAB8C; text-align: center; } #content_homepage_welcome h1 { display: none; visibility: hidden; } #content_homepage_ggdadvert { width: 950px; height: 70px; margin: 0px 15px 30px 15px; padding: 0px 0px 0px 0px; background: url(images/advert_front_gardengiftsdirect.gif) no-repeat; float: left; } #content_homepage_ggdadvert h3 { display: none; visibility: hidden; } #content_homepage_ggdadvert a { width: 950px; height: 70px; text-indent: -9999px; display: block; cursor: pointer; } #box_front_hawsprofessional { width: 325px; height: 220px; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 0px; background: url(images/advert_front_hawsprof.jpg) no-repeat; float: left; } #box_front_haws { width: 325px; height: 220px; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_front_haws.jpg) no-repeat; float: left; } #box_front_fineasrain { width: 324px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_front_fineasrain.jpg) no-repeat; float: left; } #box_front_jugsvases { width: 325px; height: 180px; margin: 3px 3px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_front_jugsvases.jpg) no-repeat; float: left; } #box_front_watering { width: 324px; height: 180px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_front_watering.jpg) no-repeat; float: left; } #box_front_gardengifts { width: 325px; height: 180px; margin: 3px 0px 0px 3px; padding: 0px 0px 0px 0px; background: url(images/advert_front_gardengifts.jpg) no-repeat; float: left; } #box_front_haws img, #box_front_hawsprofessional img { width: 325px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #box_front_fineasrain img { width: 324px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #box_front_jugsvases img, #box_front_gardengifts img { width: 325px; height: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #box_front_watering img { width: 324px; height: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #box_front_extra_wrapper { width: 980px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_front_extra.gif) repeat-x #597E40; clear: both; float: left; } #box_front_extra_welcome { width: 450px; margin: 0px 20px 10px 20px; padding: 0px 0px 0px 0px; float: left; } * html #box_front_extra_welcome { display: inline; } #box_front_extra_topicaltips_wrapper { width: 490px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; background: url(images/bground_front_topicaltips.gif) no-repeat 0px 0px; float: left; } * html #box_front_extra_topicaltips_wrapper { display: inline; } #box_front_extra_topicaltips { width: 340px; margin: 0px 0px 0px 0px; padding: 60px 130px 0px 19px; border-left: 1px solid #e7dcc8; float: left; } * html #box_front_extra_topicaltips { display: inline; } /* Text Formatting */ .sifr-active h1 { margin: 0px 0px 1em 0px; padding: 0px 0px 0.3em 0px; font-size: 2.4em; line-height: 1em; font-weight: normal; color: #642b2b; text-decoration: none; text-align: left; border-bottom: 1px solid #8eab8a; } h1 { margin: 0px 0px 1em 0px; padding: 0px 0px 0.3em 0px; font-size: 2.4em; line-height: 1em; font-weight: normal; color: #642b2b; text-decoration: none; text-align: left; border-bottom: 1px solid #8eab8a; } #productdetail_wrapper h2 { margin: -1em 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1em; font-weight: bold; color: #333333; text-decoration: none; text-align: left; } h2 { margin: 2em 0px 0.2em 0px; font-size: 1.6em; font-style: normal; line-height: 1em; color: #642b2b; text-decoration: none; text-align: left; } h2.h2_news { margin: 2em 0px 0.2em 0px; font-size: 1.8em; font-style: normal; line-height: 1em; font-weight: bold; color: #642b2b; text-decoration: none; text-align: left; border-bottom: none; } #topicaltips_wrapper h2 { margin: 2em 0px 0.5em 0px; padding: 0em 0px 0px 0px; font-size: 1.7em; font-style: normal; line-height: 1em; font-weight: bold; color: #597E40; text-decoration: none; text-align: left; background: none; border-bottom: none; } #productdetail_wrapper .product_quickreference h3 { margin: 1em 0px 0px 0px; padding: 0px 0px 0.5em 0px; font-size: 1.4em; font-weight: normal; color: #642b2b; text-decoration: none; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; } #box_front_extra_topicaltips h3 { margin: 1em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.7em; font-style: normal; line-height: 1em; font-weight: bold; color: #FCE79C; text-decoration: none; text-align: left; background: none; } .product_wrapper h3 { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 16px; font-style: normal; line-height: 17px; font-weight: bold; color: #642b2b; text-decoration: none; text-align: left; background: none; } .product_wrapper h3 a:link, .product_wrapper h3 a:visited { color: #642b2b; text-decoration: none; } .product_wrapper h3 a:hover, .product_wrapper h3 a:active { color: #597E40; text-decoration: underline; } h3.h3_news { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #666666; } h4 { margin: 5px 0px 15px 0px; padding: 0px 0px 0px 8px; font-size: 14px; font-style: italic; line-height: 28px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: left; background: url(images/background-h4.gif) no-repeat left top; } .product_wrapper h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; font-style: italic; line-height: 16px; font-weight: normal; color: #000000; text-decoration: none; text-align: left; background: none; } /* Paragraph

Formatting */ p { margin: 0px 0px 1.286em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; color: #333333; } p span { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } #footer p.main, #footer_front p.main { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; line-height: 1.2em; text-align: center; color: #597E40; } #footer p.secondary, #footer_front p.secondary { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1em; font-weight: normal; line-height: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; } #box_front_extra_welcome p, #box_front_extra_topicaltips p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1.385em; color: #ffffff; text-decoration: none; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; } #box_front_extra_topicaltips p.text_topicaltips_description { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.167em; font-style: italic; } #topicaltips_wrapper p.text_topicaltips_description { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.143em; font-style: italic; font-weight: bold; color: #642b2b; } /* List Styling */ #content_right ul { margin: 0px 0px 1.286em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; list-style-type: disc; list-style-position: inside; color: #333333; } #content_right li { padding-bottom: 0.5em; } #content_right ol { list-style-type: decimal; list-style-position: outside; text-align: left; font-size: 1.4em; font-style: normal; line-height: 1.286em; font-weight: normal; color: #333333; text-decoration: none; padding-left: 0px; margin-left: 15px; margin-bottom: 17px; margin-right: 20px; } /* Other Text Styling */ blockquote { margin: 0px 55px 1.286em 35px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em;font-style: italic; font-weight: normal; color: #444444; text-decoration: none; } .link_readmore { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; } #box_front_extra_topicaltips .text_topicaltips_date { font-size: 0.7em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #9BB28C; } #topicaltips_wrapper .text_topicaltips_date { font-size: 0.7em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #AC7968; } #box_front_extra_topicaltips .text_archivelink { margin: 1em 0px 0px 0px; padding: 0.7em 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.1em; border-top: 1px dotted #e7dcc8; } #box_front_extra_topicaltips p a:link, #box_front_extra_topicaltips a:visited { color: #FAD03A; text-decoration: underline; } #box_front_extra_topicaltips p a:hover, #box_front_extra_topicaltips a:active { color: #9BB28C; text-decoration: underline; } #topicaltips_wrapper .text_archivelink { margin: 1em 0px 0px 0px; padding: 0.7em 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.1em; border-top: 1px dotted #597E40; } .text_stockists-heading { font-weight: bold; margin-top: 32px; margin-bottom: 4px; } .text_productcode-green { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #2b6e30; } .text_productcode-red { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #cc1014; } .text_productcode-silver { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #aaaab4; } .text_productcode-blue { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #3c3867; } .text_productcode-skyblue { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #bddbff; } .text_productcode-pink { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #fbaeff; } .text_productcode-copper { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #CD854C; } .text_productcode-brass { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #d1cb7e; } .text_productcode-yellow { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #ffff3e; } .text_productcode-lilac { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #aa79a9; } .text_productcode-cream { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #ebe0bc; } .text_productcode-graphite { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #4d4d58; } .text_productcode-aqua { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #ace6ca; } .text_productcode-ruby { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #7d1014; } .text_productcode-sage { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #80a66c; } .text_productcode-green-far { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #45a83b; } .text_productcode-black { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #000000; } .text_productcode-gold { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #a48d00; } .text_productcode-titanium { padding: 1px 0px 0px 1.05em; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; border-left: 2.334em solid #aaaab4; } .text_productcode-mix { padding: 1px 0px 0px 0px; font-size: 1.2em; font-style: normal; line-height: 1.167em; font-weight: normal; text-decoration: none; text-align: left; } /* Image Formatting */ img { border: 0px none; } .image_left { margin: 0px 2em 1em 0px; padding: 0px 0px 0px 0px; float: left; } .image_right { margin: 0px 0px 1em 2em; padding: 0px 0px 0px 0px; float: right; } #flash_right { float: right; margin-left: 15px; } .image_right-border { float: right; margin-left: 15px; border: 1px solid #000000; } .image_general {float: left; margin-right: 7px; margin-bottom: 16px; margin-top: 8px; border: 1px solid #752200; } /* Table Formatting */ .table_products { text-align: left; margin-bottom: 30px; border: 0px none; font-size: 11px; font-style: italic; line-height: 13px; font-weight: normal; text-decoration: none; text-align: left; } .table_products td { text-align: left; padding-right: 40px; width: 140px; } .table_products p { font-size: 14px; font-style: italic; line-height: 16px; font-weight: bold; color: #333333; text-decoration: none; text-align: left; margin-top: 0px; margin-bottom: 5px; } * html .table_products td { padding-right: 36px; } .table_quickreference { width: 180px; margin: 5px 5px 10px 5px; font-size: 1em; font-style: normal; line-height: 1.125em; font-weight: normal; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; border-collapse: collapse; border: 0; background: #D3E7C9; } .table_quickreference td { padding: 4px 2px; } .table_quickreference-alt { background-color: #DBECD3; } .table_quickreference-column1 { font-weight: bold; border-right-width: 1px; border-right-style: solid; border-right-color: #888888; } .table_products a:link { color: #43602e; text-decoration: underline; } .table_products a:visited { color: #43602e; text-decoration: underline; } .table_products a:hover { color: #752200; text-decoration: underline; } .table_products a:active { color: #752200; text-decoration: underline; } /* Form Elements */ .form_contactus, .form_tradeenquiries { width: 400px; } .form_contactus h2, .form_tradeenquiries h2 { font-size: 1.6em; color: #642b2b; } .form_label { float: left; width: 110px; height: 20px; clear: left; margin-top: 10px; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; text-decoration: none; text-align: left; } .form_input { float: left; height: 20px; width: 288px; background-color: #F7F4E1; border: 1px solid #94d27d; text-align: left; margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } .form_textarea { float: left; height: 80px; width: 288px; background-color: #F7F4E1; border: 1px solid #94d27d; text-align: left; margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; } .form_submit { height: 20px; width: 100px; margin-top: 20px; margin-bottom: 10px; margin-left: 110px; position: relative; clear: both; float: none; display: block; } /****** SIFR ******/ .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }