/* Copyright 2008 Peblaco - http://www.peblaco.co.uk/ */ /* Includes old CSS Styles by Antony Dennis */ html,body { margin: 0px; padding: 0px; background-color:#d3c5c0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 76%; } form { margin : 0; padding : 0; } a img {border:none;} /* From Actinic stylesheet */ a:link { color: #000000; text-decoration: underline; } a:visited { color: #000000; text-decoration: underline; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #000000; text-decoration: underline; } ul { list-style-type: none; } .actCHECKOUTEM { background-color: #adaaa1; } .actCHECKOUTBG { background-color: #d2d2d2; } .actlarger { font-size: 1.4em; color: #333333; } .actsmaller{ font-size: 1.0em; color: #333333; } .actxxsmall { font-size: 1.0em; color: #333333; } .actxsmall { /*font-size: 1.3em;*/ color: #333333; } .actsmall { font-size: 1.3em; color: #333333; } .actregular { font-size: 1.4em; color: #333333; } .actlarge{ font-size: 1.6em; color: #333333; } .actxlarge { font-size: 2.0em; color: #333333; } .actxxlarge { font-size: 2.0em; color: #333333; } .actwarningcolor { color: #ff3300; } .actrequiredcolor { color: #ff3300; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff3300; } .actwarning { font-size: 1.3em; color: #ff3300; } .actwelcome { font-size: 1.3em; color: #333333; } .actlogotext { font-size: 1.3em; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 1.3em; color: #000000; } table.checkout td { background-color: #d2d2d2; } table.checkout th { background-color: #adaaa1; } .cart { background-color: #d2d2d2; } .cartheading { background-color: #adaaa1; font-weight: bold; } .dotted_line_blue	{ height: 1px; background-color: #333333; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #333333; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #99ccff; clear:both; } .dotted_outline_blue	{ border: 1px dotted #333333; padding: 8px; }		 .best_selling_items	{ padding: 10px; background-color: #d3c5c0; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* headings */ h1	{ font-size: 2.0em; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #333333; } h1.subheading	{ font-size: 1.4em; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #333333; } h2	{ font-size: 1.6em; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #333333; } h2.clearall	{ font-size: 1.6em; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #333333; clear:both; } h3	{ font-size: 1.4em; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #333333; } h3.product	{ font-size: 1.4em; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #333333; } h3.product_price	{ font-size: 1.0em; /* Deal with Actinic font size inheritance, was 1.3em */ font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; color: #333333; /* Additional colour for product price */ } .text_heading_left_column	{ margin: 0px; padding: 8px 0px 4px 0px; line-height:normal; color: #99ccff; font-weight: 900; font-size: 1.4em; } ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; color: #99ccff; /* Peblaco edit removed #ff3300 */ } .text_product_small_info	{ font-size: 1.0em; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #333333; font-weight: 900; font-size: 1.3em;} .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 1.3em; } .form_input_general	{ line-height: normal; font-size : 1.0em; /* Deal with Actinic font size inheritance, was 1.3em */ word-spacing: normal; } /* Peblaco styles */ #pagewrapper{width: 950px;margin-left: auto;margin-right: auto;}.skip{position: absolute;left: -9999px;width: 990px;}.clear{clear: both;height: 0;line-height: 0;font-size: 1px; margin: 0; padding: 0; border: 0;}#Bathroomcontainer,#Doorcontainer,#Entrancecontainer,#Contemporarycontainer,#Brandscontainer,#Defaultcontainer,#Checkoutcontainer,#main{width: 100%;padding: 0;}#LeftAndRightleftcontainer{width: 100%;float: left;margin-right: -239px;/*background-color: #99ccff; Main and Right if Left longest*/}#LeftAndRightleftcontainer .sub{width: 100%;float: right;margin-left: -150px;/*background-color: #99ccff; Left and Right if Main longest*/}#LeftAndRightmaincontainer{margin: 0 239px 0 150px;padding: 0;/*background-color: #d3c5c0;*/}#LeftAndRightleft{width: 150px;float: left;color: #333333;/*background-color: #99ccff;*/}#LeftAndRightright{width: 239px;float: right;/*background-color: #99ccff;*/}#LeftOnlyleftcontainer{width: 100%;/*background-color: #99ccff; Main and Right if Left longest*/}#LeftOnlyleftcontainer .sub{width: 100%;float: right;margin-left: -150px;/*background-color: #99ccff; Left and Right if Main longest*/}#LeftOnlymaincontainer{margin: 0 0 0 150px;padding: 10px;/*background-color: #d3c5c0;*/}#LeftOnlyleft{width: 150px;float: left;color: #333333;/*background-color: #99ccff;*/}#RightOnlyleftcontainer{width: 100%;float: left;margin-right: -239px;/*background-color: #99ccff; Main and Right if Left longest*/}#RightOnlyleftcontainer .sub{width: 100%;/*background-color: #99ccff; Left and Right if Main longest*/}#RightOnlymaincontainer{margin: 0 239px 0 0;padding: 10px;/*background-color: #d3c5c0;*/}#RightOnlyright{width: 239px;float: right;/*background-color: #99ccff;*/}#Noneleftcontainer, #Noneleftcontainer .sub{width: 100%;}#Nonemaincontainer{margin: 0;padding: 0;/*background-color: #d3c5c0;*/} /* Custom checkout properties */ #LeftAndRightCheckoutleftcontainer{width: 100%;float: left;margin-right: -150px;/*background-color: #99ccff; Main and Right if Left longest*/}#LeftAndRightCheckoutleftcontainer .sub{width: 100%;float: right;margin-left: -150px;/*background-color: #99ccff; Left and Right if Main longest*/}#LeftAndRightCheckoutmaincontainer{margin: 0 150px 0 150px;padding: 0;/*background-color: #d3c5c0;*/}#LeftAndRightCheckoutleft{width: 150px;float: left;color: #333333;/*background-color: #99ccff;*/}#LeftAndRightCheckoutright{width: 150px;float: right;/*background-color: #99ccff;*/}#LeftOnlyCheckoutleftcontainer{width: 100%;/*background-color: #99ccff; Main and Right if Left longest*/}#LeftOnlyCheckoutleftcontainer .sub{width: 100%;float: right;margin-left: -150px;/*background-color: #99ccff; Left and Right if Main longest*/}#LeftOnlyCheckoutmaincontainer{margin: 0 0 0 150px;padding: 10px;/*background-color: #d3c5c0;*/}#LeftOnlyCheckoutleft{width: 150px;float: left;color: #333333;/*background-color: #99ccff;*/}#RightOnlyCheckoutleftcontainer{width: 100%;float: left;margin-right: -150px;/*background-color: #99ccff; Main and Right if Left longest*/}#RightOnlyCheckoutleftcontainer .sub{width: 100%;/*background-color: #99ccff; Left and Right if Main longest*/}#RightOnlyCheckoutmaincontainer{margin: 0 150px 0 0;padding: 10px;/*background-color: #d3c5c0;*/}#RightOnlyCheckoutright{width: 150px;float: right;/*background-color: #99ccff;*/}#NoneCheckoutleftcontainer, #NoneCheckoutleftcontainer .sub{width: 100%;}#NoneCheckoutmaincontainer{margin: 0;padding: 0;/*background-color: #d3c5c0;*/} /* Workaround fix for Firefox/Opera right column clickable when before middle/left in code */ #Bathroomcontainer,#Doorcontainer,#Entrancecontainer,#Contemporarycontainer,#Brandscontainer,#Defaultcontainer,#Checkoutcontainer { position: relative; z-index:1; } #LeftAndRightright,#RightOnlyright,#LeftAndRightCheckoutright,#RightOnlyCheckoutright { position: relative; z-index:2; } /* General styles */ #pagewrapper { font-size: 1.3em; line-height: 1.4em; background-color: #CFBEBA; } #hometext { font-size: 1.3em; } /* Containers for centre of site */ #Defaultcontainer { background-color : #BDBAB3; background-image: url('homebits_default_container_bg.gif'); background-repeat: repeat-y; } #Bathroomcontainer { background-color : #BDBAB3; background-image: url('homebits_bathroom_container_bg.gif'); background-repeat: repeat-y; } #Doorcontainer { background-color : #B2BCD6; background-image: url('homebits_door_container_bg.gif'); background-repeat: repeat-y; } #Entrancecontainer { background-color : #DAC8B1; background-image: url('homebits_entrance_container_bg.gif'); background-repeat: repeat-y; } #Contemporarycontainer { background-color : #D2D2D2; background-image: url('homebits_contemporary_container_bg.gif'); background-repeat: repeat-y; } #Brandscontainer { background-color : #B2A5B2; background-image: url('homebits_brands_container_bg.gif'); background-repeat: repeat-y; } #Checkoutcontainer { background-color : #BDBAB3; background-image: url('homebits_checkout_container_bg.gif'); background-repeat: repeat-y; } #mainpad { padding: 10px; } /* Navigation */ #mainnavigationtop { height: 30px; font-weight: bold; } #mainnavigationtop, #footerlinks { color: #333333; } table td#logobg { } table td#logobg img, #logoside img { vertical-align: top; border: 0; } #logotop { float: left; } .separator { height: 1px; background-color: #333333; } #searchcart { background-color: #666666; font-size: 0.8em; padding: 5px 15px 5px 15px; margin: 0; } #carticon { vertical-align: text-top; } #quicksearchtop { float: left; padding-top: 2px; width: 200px; } #quicksearchtop #searchtitle { float: left; padding: 6px 9px 0px 0px; font-weight: bold; color: #333333; } #quicksearchtop #searchbox { float: left; padding: 3px 0px 3px 0px; } #quicksearchside { margin: 10px 5px 15px 5px; } #quicksearchside #searchbox { padding: 5px 5px 0px 5px; } .searchinput { width: 100px; height: 14px; border-width: 1px; border-color: #333333; background-color: #FFFFFF; border-style: solid; } .searchgo { background: url('search_button.gif'); border: none; width: 42px; height: 18px; color: #d3c5c0; font-size: 11px; } #shoppingcarttop { float: right; font-weight: bold; color: #FFFFFF; font-size: 1.2em; width: 700px; } #shoppingcartside { margin: 10px 5px 15px 5px; color: #333333; text-align: center; } #shoppingcartside .shoppingcarttitle, #quicksearchside #searchtitle, #sectionlistside .sectionlistheader, #brochurenavbarside .sectionlistheader { margin: 0px; padding: 0px 0px 5px 0px; line-height:normal; color: #333333; font-weight: 900; font-size: 1.4em; } #sectionlisttop .sectionlistheader, #brochurenavbartop .sectionlistheader { float: left; margin: 0px; padding: 5px 10px 2px 5px; line-height:normal; color: #333333; font-weight: 900; font-size: 1.4em; } #mainnavigationside, #sectionlistside, #brochurenavbarside { color: #333333; font-weight: bold; margin: 10px 0px 15px 0px; } #brochurenavbarside .actxxsmall { color: #333333; } #bestsellerslist, #newproductslist { margin: 10px 0px 15px 0px; color: #333333; } #bestsellerslist h2, #newproductslist h2 { margin-left : 8px; margin-right : 8px; text-align: center; } h2.newbesttitle { font-size: 1.3em; font-weight: bold; margin: 20px 0 14px 0; } .newbestbox { height: 65px; } h2.newbest { font-size: 0.9em; font-weight: normal; margin: 5px 0 0 0; } /* Home page */ .Bathroom, .Door, .Entrance, .Contemporary, .Brands { float: left; } .Bathroom       { width : 150px; background-color : #BDBAB3;} .Door           { width : 160px; background-color : #B2BCD6;} .Entrance           { width : 210px; background-color : #DAC8B1;} .Contemporary   { width : 190px; background-color : #D2D2D2;} .Brands     { width : 240px; background-color : #B2A5B2;} .Bathroomimage, .Doorimage, .Entranceimage, .Contemporaryimage, .Brandsimage {text-align: center;} .Bathroomtext, .Doortext, .Entrancetext, .Contemporarytext, .Brandstext {height: 115px;} .Bathroomtexthtmlshort, .Doortexthtmlshort, .Entrancetexthtmlshort, .Contemporarytexthtmlshort, .Brandstexthtmlshort {height: 95px; text-align: center;} .Bathroomtexthtmltall, .Doortexthtmltall, .Entrancetexthtmltall, .Contemporarytexthtmltall, .Brandstexthtmltall {height: 115px;  text-align: center;} .logos {width: 60px;float:left;} .Bathroom h2, .Door h2, .Entrance h2, .Contemporary h2, .Brands h2 { position: absolute;left: -9999px;width: 990px; } .Bathroomtext p      { padding :  10px 5px 0px 5px;} .Doortext p          { padding :  35px 5px 0px 5px;} .Entrancetext p          { padding :  10px 5px 0px 5px;} .Contemporarytext p  { padding : 35px 5px 0px 5px;} .Brandstext p    { padding :  10px 5px 0px 5px;} #hometextcontainer { width: 100%; text-align: center; } #hometext { width: 950px; height: 500px; margin-left: auto; margin-right: auto; text-align: left; } #hometext p { color : #777777; font-family: Arial, Helvetica, sans-serif; } /* Breadcrumbs and teasers */ #Bathroombreadcrumbs, #Doorbreadcrumbs, #Entrancebreadcrumbs, #Contemporarybreadcrumbs, #Brandsbreadcrumbs { height : 120px; } #Bathroomteasers, #Doorteasers, #Entranceteasers, #Contemporaryteasers, #Brandsteasers { height : 255px; } #Bathroombreadcrumbs, #Doorbreadcrumbs, #Entrancebreadcrumbs, #Contemporarybreadcrumbs, #Brandsbreadcrumbs { margin : 15px 0 0 0; } span.breadcrumb, span.breadcrumb_this, #Bathroombreadcrumbs p, #Doorbreadcrumbs p, #Entrancebreadcrumbs p, #Contemporarybreadcrumbs p, #Brandsbreadcrumbs p { display : block; text-align : right; font-size : 14px; margin: 0px 5px 5px 5px; line-height : 100%; padding : 0; text-decoration:underline; color: #333333; } #Bathroombreadcrumbs p, #Doorbreadcrumbs p, #Entrancebreadcrumbs p, #Contemporarybreadcrumbs p, #Brandsbreadcrumbs p { margin-right : 15px;  font-weight : bold; } span.breadcrumb_this { margin-right : 5px; font-weight: bold; text-decoration: none; } #Bathroombreadcrumbs a, #Doorbreadcrumbs a, #Entrancebreadcrumbs a, #Contemporarybreadcrumbs a, #Brandsbreadcrumbs a { text-decoration : none; display : block; } #teasers { margin : 0; padding : 0; text-align:left; } .teaser { margin : 0; padding : 0; } .teaser h1, .teaser h2, .teaser h3{	 padding: 2px 7px 0 8px; /* use padding to move relative to bgnd image */ font-size: 12px;	 font-weight:bold; line-height: 120%; letter-spacing : 1px; } .teaser p { margin : 0; padding: 5px 5px 0px 10px; font-size: 12px; line-height: 1.2em; font-weight:normal; } .teaser h1 a, .teaser h2 a, .teaser h3 a{ text-decoration: underline; } #teasers .teaser h3 a:hover{ background-color : #D9CCCA; /* brochure - hover purple */ } .teaser p a{ font-weight: normal; text-decoration:underline;  } .teaser img { margin : 0px; padding : 0; text-align: left; } .teaser a img { border : none; } /* Left and Right Columns */ #leftbox1, #rightbox1 { margin-top: 20px; } #leftbox1, #rightbox1, #leftbox2, #leftbox3, #rightbox2, #rightbox3 { height: 200px; } #Bathroomsectiontext, #Doorsectiontext, #Entrancesectiontext, #Contemporarysectiontext, #Brandssectiontext     { padding : 0px; /* put margin on the contents! */ margin  : 10px 0px 0px 0px;  /* margin top - bottom for border */ } #Bathroomsectiontext img, #Doorsectiontext img, #Entrancesectiontext img, #Contemporarysectiontext img, #Brandssectiontext img { /* want it to be in the centre, but FF doesn't support text-align for images */ margin-left : 15px; } p.preamble{ font-size : 14px; line-height: 1.2em; } #Bathroomsectiontext h1, #Bathroomsectiontext h2, #Bathroomsectiontext p, #Doorsectiontext h1, #Doorsectiontext h2, #Doorsectiontext p, #Entrancesectiontext h1, #Entrancesectiontext h2, #Entrancesectiontext p, #Contemporarysectiontext h1, #Contemporarysectiontext h2, #Contemporarysectiontext p, #Brandssectiontext h1, #Brandssectiontext h2, #Brandssectiontext p { margin-left : 10px; margin-right : 10px; } /* Sub sections, Also bought and Related Products 150x100 */ div.Bathroomsectionitem { background-image: url('section_background_bathroom.gif'); } div.Doorsectionitem { background-image: url('section_background_door.gif'); } div.Entrancesectionitem { background-image: url('section_background_entrance.gif'); } div.Contemporarysectionitem { background-image: url('section_background_contemporary.gif'); } div.Brandssectionitem { background-image: url('section_background_brands.gif'); } /* container - floated */ div.Bathroomsectionitem, div.Doorsectionitem, div.Entrancesectionitem, div.Contemporarysectionitem, div.Brandssectionitem { margin : 0 0 6px 0; float: left; width: 170px; height : 170px; padding-left: 12px;  /* background images set above */ background-repeat: no-repeat; background-position:15px 12px; /* horizontal offset, vertical offset */ } /* link containing image */ div.Bathroomsectionitem a.section_image, div.Doorsectionitem a.section_image, div.Entrancesectionitem a.section_image, div.Contemporarysectionitem a.section_image, div.section_item_Brands a.section_image { margin : 0px; padding:0px; } /* main image - remove border, use margin to position image wrt background image */ div.Bathroomsectionitem a.section_image img, div.Doorsectionitem a.section_image img, div.Entrancesectionitem a.section_image img, div.Contemporarysectionitem a.section_image img, div.Brandssectionitem a.section_image img { border : none; padding : 0; margin : 19px 0px 0px 0px; } /* link containing text */ div.Bathroomsectionitem a.section_name, div.Doorsectionitem a.section_name, div.Entrancesectionitem a.section_name, div.Contemporarysectionitem a.section_name, div.Brandssectionitem a.section_name { margin-top: 14px; padding : 2px; text-align : center; display : block; text-decoration:none; font-size : 1.2em; } /* Product pages */ img.Bathroomproductimage, img.Contemporaryproductimage, img.Doorproductimage, img.Entranceproductimage, img.Brandsproductimage { margin: 20px 0px 0px 0px; } img.Bathroomproductimage { border : 9px solid #DAC8B1; /* bathroom - fleshy pink */ } img.Contemporaryproductimage { border : 9px solid #DAC8B1; /* contemporary - fleshy pink */ } img.Doorproductimage { border : 9px solid #DAC8B1; /* door - fleshy pink */ } img.Entranceproductimage { border : 9px solid #C1A67D; /* entrance - brown */ } img.Brandsproductimage { border : 9px solid #D2D2D2; /* brands product border - mid grey */ } .Bathroomproduct, .Contemporaryproduct, .Doorproduct, .Entranceproduct, .Brandsproduct { padding: 7px 5px 7px 5px; margin: 0 1px 0 1px; } .Bathroomproduct { background-color:#9A9689; /* Bathroom price_buy - grey */ } div.Bathroomproduct a{color : white; } div.Bathroomproduct a:hover{color : white; background-color:#AEAB9F;} .Contemporaryproduct { background-color : #A0A0A0; /* contemporary - price_buy grey */ } div.Contemporaryproduct a{color : white; } div.Contemporaryproduct a:hover{color : white; background-color:#B6B6B6;} .Doorproduct { background-color:#8393BC; /* door - price_buy blue */ } div.Doorproduct a{color : white; } div.Doorproduct a:hover{color : white; background-color:#99A5C8;} .Entranceproduct { background-color:#C1A67D; /* entrance - price_buy brown */ } div.Entranceproduct a{color : white; } div.Entranceproduct a:hover{color : white; background-color:#CBB492;} .Brandsproduct { background-color : #806C80; /* brands - price_buy purple */ } div.Brandsproduct a{color : white; } div.Brandsproduct a:hover{color : white; background-color:#9A879A;} .Bathroomselect, .Contemporaryselect, .Doorselect, .Entranceselect, .Brandsselect { font-size: 0.9em; border: #FFFFFF 3px solid; color: #FFFFFF; } .Bathroomselect	 { background-color: #9A9689; } .Contemporaryselect	 { background-color : #A0A0A0; } .Doorselect	 { background-color:#8393BC; } .Entranceselect	 { background-color:#C1A67D; } .Brandsselect	 { background-color : #806C80; } /* Products with options */ .productoptionsname { float: left; width: 425px; color: #FFFFFF; font-size: 1.1em; text-align: left; } .productoptionsprice { float: right; width: 120px; color: #FFFFFF; text-align: right; } .productoptions { float: left; width: 445px; color: #FFFFFF; text-align: right; } .productoptionsbuy { float: right; width: 100px; text-align: right; } input.input_quantity_options { width: 25px; margin : 0 20px 0 0; /* Line up with price prompt */ padding : 0; font-size: 1.0em; } /* Products without options */ .productname { float: left; width: 340px; color: #FFFFFF; font-size: 1.1em; text-align: left; } .productprice { float: left; width: 120px; color: #FFFFFF; text-align: right; } .productbuy { float: left; width: 85px; text-align: right; } input.input_quantity { width: 25px; margin : 0; padding : 0; font-size: 1.0em; } /* Also bought and Related products */ .alsorelated a.section_name:link, .alsorelated a.section_name:visited, .alsorelated a.section_name:hover, .alsorelated a.section_name:active { font-size : 0.9em; /* 1.2em */ } /* Brochure pages */ div.brochure_product_thumbnail{ float:left; width:150px; /* border: 1px solid red; */ text-align:center; margin: 12px 10px 20px 10px; } div.brochure_product_thumbnail p{ text-align:center; margin: 2px 0px 0px 0px; line-height:120%; } div.brochure_product_thumbnail img{ border: 3px solid #B49A94; /* brochure - border purple */ } div.brochure_product_thumbnail p a{ color: #333333; font-weight:bold; } /* Shopping Cart */	 div#content_cart h1#cart_title, h1#cart_title { margin : 15px 10px 6px 10px; padding : 0; font-size : 14px; font-weight : bold; } /************ Shopping Cart - see Act_ShoppingCartXML.html ************/	 div#content_cart { padding-top : 15px; } div#content_cart h1 { font-size : 16px; margin-bottom : 10px; } div#content_cart th, div#content_cart td { font-size : 12px; } div#content_cart th { font-weight : bold; } div#content_cart td a { text-decoration : none; } div#content_cart td a:hover { background-color : #f8f8f8; text-decoration : underline; } div#cart_coupon { display : none; margin : 10px 0 10px 0; } div#cart_coupon input { margin-bottom : -2px; } div#cart_actions  { background-color : #BFA9A4; /* cart actions darker purple */ margin:3px; border:1px solid #B49A94; } div#cart_actions_left  { } div#cart_actions_right  { } span.cart_action_left, span.cart_action_right { margin : 0; padding-top : 4px; padding-bottom : 4px; } span.cart_action_left  {padding-left : 5px;} span.cart_action_right  {padding-left : 5px;} p#cart_actions_preamble { margin : 10px 0 0 0; font-weight : bold; padding-bottom : 6px; padding-top : 10px; } /************ Original form.css code... ************/	 table.formtable { padding-top: 0px; /* don't pad out the background colour at the top with this - it works in FF but not in IE - use class formtopleft on the first elements instead */ width: auto;  /* don't set the width - let it fill the available area - use auto as 100% goes across screen in IE5 */ margin: 0px; } table td.formleft, table td.formtopleft , table td.formbottomleft{ text-align: right; vertical-align:middle; /* ensures a single line is centred wrt input box */ line-height : 1.1em;   /* squashes up multi-line labels so they look like they belong together */ margin: 0; padding: 5px 8px 5px 8px; /* this ends up controlling how spaced out the form is */ } table td.formright, table td.formtopright, table td.formbottomright { vertical-align:middle; margin: 0; padding: 0 7px 0 0 ; } /* vertical alignment at top for tall for fields */ table td.formleft-aligntop{ text-align: right; vertical-align:top;  line-height : 1.1em;   /* squashes up multi-line labels so they look like they belong together */ margin: 0; padding: 5px 8px 5px 8px; /* bit more top padding than usual */ } /* set padding at top and bottom - make formtopleft 2px more than formtopright */ table td.formtopleft  {padding-top: 10px;} table td.formtopright {padding-top:  8px;} table td.formbottomleft  {padding-bottom: 10px;} table td.formbottomright {padding-bottom:  8px;} input.submit{ margin-bottom : 10px; /* creates padding at the bottom */ } p.submitbelowtable{ text-align:right; margin : 10px 0px 20px 0px; /* creates padding at the bottom */ } /* Bottom */ #utilities { background-color: #000000; margin : 0; } #navf { position:static; background-color: #CFBEBA; height : 30px; margin : 0; padding : 3px 0 0 0; } #navf img { display: inline; padding: 0 10px 0 10px; } #utilities ul { margin: 20px 0px 22px 37px; list-style-type: none; display:inline; /* was added so that the search box ended up on the same line... */ } #utilities li { margin: 0; display : inline; padding : 0 5px 0 5px; } #utilities ul li a, #utilities li#phone  {  text-decoration: none; padding: 0px; /* keep the underline just under the text */ margin : 0px 12px 0 12px; font-weight: bold; white-space: nowrap; font-size: 12px; letter-spacing: 0px; word-spacing : 0px; text-align: center; } #utilities li#phone { color: #FFFFFF; margin : 0px 5px 0 20px; } #utilities ul li a:link, #utilities ul li a:visited { color: #FFFFFF !important; text-decoration: none; } #utilities ul li a:hover, #utilities ul li a:active {  background-color: black; border-bottom : 2px solid #ffcc00; } #navf {height: 40px;} #navf ul {  margin: 0px; padding: 0px; display: inline; } #navf li{ display : inline; list-style-type: none; white-space: nowrap; font-size: 12px; text-align: center; padding: 3px 14px 3px 14px; border: 0; } #navf li a{ text-decoration:none; font-weight: bold; color: #333333; font-size: 12px; } #navf li a:hover{ text-decoration:none;  color: black; background-color:#CFBEBA; border-bottom : 2px solid black; } #last{  background-color:#D3C5C0; /* lighter light purple */ } #last p.credit {  float : right; color : #777777; /* medium grey */ padding-right : 3px; font-family: Arial, Helvetica, sans-serif; } #last p.security {  text-align : left; color : #777777; /* medium grey */ padding-left : 3px; font-family: Arial, Helvetica, sans-serif; } #last a{ text-decoration:underline; color : #777777; /* medium grey */ } #last a:hover{ text-decoration:underline; color : #777777; /* medium grey */ background-color: #D3C4C0; } /* Lists */ #mainnavigationtop ul, #shoppingcarttop ul, #sectionlisttop ul, #brochurenavbartop ul, #shoppingcartside ul, #mainnavigationside ul, #sectionlistside ul, #brochurenavbarside ul, #copyright ul, #topnav ul { list-style: none; margin: 0; padding: 0; } #shoppingcarttop ul { float: right; } #sectionlisttop ul, #brochurenavbartop ul { padding: 2px 5px 0px 5px; } #sitemap { padding: 20px; } #sitemap ul { list-style-type: disc; font-weight: bold; } #mainnavigationtop li { float: left; } #shoppingcarttop li, #sectionlisttop li, #brochurenavbartop li, #footernavigation li, #copyright li { border-left: 1px solid #333333; float: left; line-height: 1.2em; margin: .5em .5em .5em -.5em; padding: 0 .6em 0 .6em; white-space: nowrap; } #shoppingcarttop li { border-left: 1px solid #FFFFFF; } #shoppingcartside li.first { margin: 0px 0px 5px -5px; padding: 0px; } #sectionlisttop li, #brochurenavbartop li { border-left: 1px solid #d3c5c0; } #shoppingcarttop ul li.first, #shoppingcarttop ul li.second, #sectionlisttop ul li.first, #brochurenavbartop ul li.first, #footernavigation ul li.first, #copyright ul li.first { border-left: none; } #topnav { height : 40px; } #topnav ul li { float: left; list-style-type: none; } #topnav img { border: 0; } /* Links */ #topnav ul li a { display: block; height : 40px; text-align:left; float: left; } #header ul li a:link {color: #333333; font-weight: bold; text-decoration: none;} #header ul li a:visited {color: #333333; font-weight: bold; text-decoration: none;} #header ul li a:hover {color: #333333; font-weight: bold; text-decoration: underline;} #header ul li a:active {color: #333333; font-weight: bold; text-decoration: none;} #shoppingcarttop ul li a:link {color: #FFFFFF; text-decoration: underline;} #shoppingcarttop ul li a:visited {color: #FFFFFF; text-decoration: underline;} #shoppingcarttop ul li a:hover {color: #FFFFFF; text-decoration: underline;} #shoppingcarttop ul li a:active {color: #FFFFFF; text-decoration: underline;} #shoppingcartside ul li a:link {color: #333333; text-decoration: underline;} #shoppingcartside ul li a:visited {color: #333333; text-decoration: underline;} #shoppingcartside ul li a:hover {color: #333333; text-decoration: underline;} #shoppingcartside ul li a:active {color: #333333; text-decoration: underline;} #sectionlisttop a:link, #brochurenavbartop a:link, #bestsellerslist a:link, #newproductslist a:link { color: #333333; text-decoration: none; } #sectionlisttop a:visited, #brochurenavbartop a:visited, #bestsellerslist a:visited, #newproductslist a:visited { color: #333333; text-decoration: none; } #sectionlisttop a:hover, #brochurenavbartop a:hover, #bestsellerslist a:hover, #newproductslist a:hover { color: #333333; text-decoration: underline; } #sectionlisttop a:active, #brochurenavbartop a:active, #bestsellerslist a:active, #newproductslist a:active { color: #333333; text-decoration: none; } #mainnavigationtop a:link { color: #333333; text-decoration: none; padding: 8px; height: 30px; line-height: 30px; border-right: #d3c5c0 1px solid; } #mainnavigationtop a:visited { color: #333333; text-decoration: none; padding: 8px; height: 30px; line-height: 30px; border-right: #d3c5c0 1px solid; } #mainnavigationtop a:hover { color: #333333; text-decoration: underline; padding: 8px; height: 30px; line-height: 30px; background-color: #99ccff; border-right: #d3c5c0 1px solid; } #mainnavigationtop a:active { color: #333333; text-decoration: none; padding: 8px; height: 30px; line-height: 30px; border-right: #d3c5c0 1px solid; } #mainnavigationside a:link, #sectionlistside a:link, #brochurenavbarside a:link { color: #333333; text-decoration: none; display: block; padding: 6px; margin-bottom: 1px; } #mainnavigationside a:visited, #sectionlistside a:visited, #brochurenavbarside a:visited { color: #333333; text-decoration: none; display: block; padding: 6px; margin-bottom: 1px; } #mainnavigationside a:hover, #sectionlistside a:hover, #brochurenavbarside a:hover { color: #333333; text-decoration: underline; background-color: #333333; display: block; padding: 6px; margin-bottom: 1px; } #mainnavigationside a:active, #sectionlistside a:active, #brochurenavbarside a:active { color: #333333; text-decoration: none; display: block; padding: 6px; margin-bottom: 1px; } #Bathroomcontainer a:hover   {  background-color: #C6C4BD ; /* bathroom - hover grey */ } #Doorcontainer a:hover   {  background-color: #C5CCE0 ; /* door - hover blue */ } #Entrancecontainer  a:hover   {  background-color: #DFD0BD ; /* entrance - hover brown */ } #Contemporarycontainer  a:hover   {  background-color: #DBDBDB ; /* contemporary - hover grey */ } #Brandscontainer a:hover   {  background-color: #BCB1BC ; /* brands - hover purple */ } /* Search results text - Searchscript.pl uses Drillpine Search results in columns */ td.sresultentry { vertical-align: top; text-align: center; } td.sresultentry p a { font-size: 0.8em; } /* From Homebits original CSS by Antony Dennis */ /************ override font type for headings ******************/ h1, h2, h3, h4, h5, h6,  #nav_sections, #nav_sections li, #nav_sections li a,  #footerlinks, #footerlinks li, #footerlinks li a, .price_buy, .price_buy p #cart_checkout #cart_checkout p { font-family: Arial, Helvetica, sans-serif; }	 /*********** styles within paragraphs *****************/ h1, h2, h3, h4, h5, h6 {font-weight : bold; line-height: 1.4em;   letter-spacing: 0px;    word-spacing : 0px;} body, p, td, ol, ul, li, dl, dt, dd {letter-spacing: 0px; word-spacing : 1px;} /*********** styles between paragraphs *****************/ p, body {	margin: 0 0 1em 0;   padding: 0 0 0 0;} h1 {margin: 0 0 0 0;     padding: 0 0 0 0; clear:both;} /* remove top margin as it leave a gap at top of page */ h2 {margin: 1em 0 0 0;   padding: 0 0 0 0; clear:both;} h3 {margin: 1em 0 0 0;   padding: 0 0 0 0; clear:both;} h4 {margin: 1em 0 0 0;   padding: 0 0 0 0; clear:both;} h5 {margin: 1em 0 0 0;   padding: 0 0 0 0; clear:both;} h6 {margin: 1em 0 0 0;   padding: 0 0 0 0; clear:both;} /* Overwriting Actinic.css styles */ .text_heading_left_column { padding: 0px 0px 5px 0px; } #bestsellerslist p, #newproductslist p, #bestsellerslist td, #newproductslist td { color: #333333; } #bestsellerslist .solid_line_blue, #newproductslist .solid_line_blue, #bestsellerslist .dotted_line_blue, #newproductslist .dotted_line_blue { background-color: #333333; background-image: none; } #bestsellerslist .sidebox, #newproductslist .sidebox, #bestsellerslist .boxbody, #newproductslist .boxbody, #bestsellerslist .sidebox a, #newproductslist .sidebox a, #bestsellerslist .boxbody a, #newproductslist .boxbody a { color: #333333; } #brochurenavbarside .dotted_line_blue, #sectionlistside .dotted_line_blue { background: none; } /* IE5 Mac styles */ /*\*//*/ .skip { display: none; } .searchgo { background: url(search_button.gif); } .image_product, .product_image_cost { float: none; } #footerlinks { text-align: left; } #footerlinks li { float: left; } .product_list { overflow: auto; } #Defaultcontainer { background-image: url(homebits_default_container_bg.gif); } #Bathroomcontainer { background-image: url(homebits_bathroom_container_bg.gif); } #Doorcontainer { background-image: url(homebits_door_container_bg.gif); } #Entrancecontainer { background-image: url(homebits_entrance_container_bg.gif); } #Contemporarycontainer { background-image: url(homebits_contemporary_container_bg.gif); } #Brandscontainer { background-image: url(homebits_brands_container_bg.gif); } #Checkoutcontainer { background-image: url('homebits_checkout_container_bg.gif'); } div.Bathroomsectionitem { background-image: url(section_background_bathroom.gif); } div.Doorsectionitem { background-image: url(section_background_door.gif); } div.Entrancesectionitem { background-image: url(section_background_entrance.gif); } div.Contemporarysectionitem { background-image: url(section_background_contemporary.gif); } div.Brandssectionitem { background-image: url(section_background_brands.gif); } /**/ /* Codepath - Soapbox Styles */ #soapboxOuter, #soapboxInner { width: 442px; text-align:center; margin: 0px; padding: 3px; border: 1px solid #FFFFFF; } #soapboxInner { width: 434px; padding: 3px; background-color: #FFFFFF; } #soapboxembeddedreviewsInner { text-align:left; padding: 5px; margin: 0px; border: 1px Solid #909090; background-color: #FFFFFF; } a.soapbox { text-decoration: none; font-weight: bold;  } /* End of Soapbox Styles */