/***************************** * F O N T S ******************************/ /* Apply a font set to all */ *{ font-family:Arial, Helvetica, sans-serif;} #header_top{ font-size: 12px;} /* The customer logged in links - top left */ #loggedin_links a{ color:#5C5C5C; text-decoration:none; font-weight:bold;} #loggedin_links a:hover{color:#9D933A;} /* The shopping basket link - top right */ #basket_link{ float:right; background:url(../misc/mybasket_bg.gif) no-repeat top left; padding-left:15px; color:#5C5C5C; text-decoration:none; font-weight:bold;} #basket_link:hover{ color:#9D933A;} /* The links to content pages on the header */ #header_general_links a{ color:#9D933A;font-size:11px; font-weight:bold; text-decoration:none} #header_general_links a:hover{ color:#5C5C5C;} /* default font for text in vertical menus */ .menuContent *{ font-size:12px; color:#9D933A;} /* normal link in vertical menu */ .menuContent a{ color:#5C5C5C;text-decoration:none; font-weight:normal;} .menuContent a:hover{text-decoration:underline;} .menuContent b{color:#666668;} /* vertical menu heading */ .vertical_menu h1{ font-size:16px; color:#656567; text-align:left; font-weight:bold; border-bottom:1px solid #D8D8D8;} /* navigation links in the vertical menu */ .vertical_menu ul li a{ text-decoration: none; color:#5C5C5C;} .vertical_menu ul li a:hover{text-decoration:underline;} /* main content area */ #middleContent{ font-size: 12px;color:#333333; } #middleContent a{ font-weight:bold; color:#BC121F; text-decoration:none; } #middleContent a:hover{ text-decoration:underline; } #middleContent legend{ font-size: 15px;color:#9D933A; font-weight:bold;} #middleContent h1{ font-size:18px;clear:both; padding:8px 0 8px 4px; color:#9D933A; font-weight:normal; border-bottom:1px solid #D8D8D8;} #middleContent h2{ font-size:16px; clear:both; padding:8px 0 4px 0; color:#9D933A;} #middleContent h3{ font-size:14px; clear:both; padding:8px 0 4px 0; color:#9D933A;} #middleContent h4{ font-size:12px; clear:both; padding:8px 0 4px 0; color:#9D933A;} #middleContent .specialoffer{ color:red; font-weight:bold; } #middleContent select{font-size:11px; } /* Footer sections */ #footer_left{ font-style:italic; font-weight:bold; } /************************** * * L A Y O U T *****************************/ body{background:url(../misc/plan_BG_grey.jpg) repeat-x top center white; padding:0; margin:0;} /* div.innerBG{ margin: 0; padding:0; width:100%; overflow:hidden; position:relative; min-width:848px;}*/ .outer{ margin:0 auto 5px auto; padding: 0; width:864px;} .inner{ margin:0 auto; padding:0; width:865px; position:relative; background:url(../misc/inner_bg.jpg) top no-repeat;} #seachcallback{position:absolute; background:url(../misc/search_callback2.jpg) no-repeat left; height:204px; z-index:100; width:218px; top:130px; left:1px; margin:0px; padding:0px; } #searchbox,#name,#telephone,#email { font-size:12px; color:#656567; border:1px solid white; } #searchbox { position:absolute; width:113px; height:11px; top:9px; left:72px; font-size:9px;} #go_arrow { position:absolute; top:6px; left: 198px} #name { position:absolute; margin:0px; padding:0px; top:81px; left:80px; height:16px; width:114px;} #telephone { position:absolute; margin:0px; padding:0px; top:109px; left:80px; height:15px; width:114px;} #email { position:absolute; margin:0px; padding:0px; top:137px; left:80px; height:16px; width:114px;} #request { position:absolute; top:164px; left:120px;} #header_telephone{ background:url('../misc/tel.jpg') 0px -7px no-repeat; position:absolute; top:80px; left:613px; color:#9D943A; margin:0px; padding:0px 0px 0px 40px; display:block; font-size:22px; font-weight:bold; text-decoration:none; } /* The main content areas */ #content{position:relative; height:1%; background:url(../misc/middle_bg.jpg) repeat-y; top:130px; left:1px; margin:0; padding:0; } #menu1{ float:left; margin:0 0 0 0px; padding:0;} #middleContent{ float:left; margin:0px; padding: 0px 0px 10px 0px; position:relative; vertical-align:top; /*width:640px;*/ width:630px; left:12px; } /*#borderedarea{ border-bottom:1px solid #5D6974; border-left:1px solid #5D6974; border-right:1px solid #5D6974; margin:0; padding:0;}*/ /* The top of the header */ #header_top{ height:20px; } #loggedin_links{ margin:0; padding:0;float:left;width:250px;list-style:none;} #loggedin_links li{ padding:0; margin:0; float:left; width: 33%; /* border-left:1px solid #fff;*/ /* For adding a list icon image */ /*padding-left:10px; background-image:(../misc/list_icon.gif); background-repeat:no-repeat; background-position: 0 .5em; */} /* The page header */ #headerr{ padding:0; margin:0; background: url(../misc/top_banner_bg.jpg) no-repeat; height:137px; position:relative;} #logo { position:absolute; top:60px; left:28px; width:133px; height:61px; display:block; text-indent:-99999px; } #header_link_one, #header_link_two,#header_link_three,#header_link_four,#header_link_five{color:#9D933A; font-size:12px; text-decoration:none; font-weight:bold; top:52px;} #header_link_one:hover, #header_link_two:hover,#header_link_three:hover,#header_link_four:hover,#header_link_five:hover{text-decoration:underline;} #header_link_one{position:absolute;left:220px;} #header_link_two{position:absolute;left:351px;} #header_link_three{position:absolute;left:472px;} #header_link_four{position:absolute;left:603px;} #header_link_five{position:absolute;left:732px;} /* The statis links in the header (contact us etc */ #header_general_links{ float:right; margin:100px 0 0 0 ; padding-right:65px; position:relative; width:600px;} #header_general_links li{ padding:0 100px 0 0; margin:0; float:left; /*border-left:1px solid #fff;*/ list-style-type:none;} /* The vertical navigation menus */ .vertical_menu{ margin:0px 0px 15px 0; padding:230px 0 0 0 ; } /* The vertical menu heading */ .vertical_menu h1{ width:192px; height:22px; margin:0 0 0 10px; padding:4px 0px 2px 8px; } /* The vertcal menu main content */ .menuContent{ width:198px; margin: 0 0 12px 0; padding:10px 0 5px 9px; /*background:url(../misc/menuContent_bg.jpg) bottom left no-repeat #FFFFFF;*/ /*border:2px solid #19171A; */} .menuContent ul{ margin:0px; /* changes the amount the list image is from the left */ padding:0;} .menuContent li{ line-height:16px; margin-right:3px; padding:0 0 0 15px; list-style-type:none; margin-bottom:5px; } .menuContact { text-align:center} #mistore_link{position:absolute; left:670px; top:50px; display:none; width:185px; height:30px;} #footer_contact{position:absolute; top:26px; right:20px; color:#646567; font-size:12px; text-decoration:none; } /* Main content list image */ #middleContent li{ list-style-image:url(../misc/list_icon.gif); padding:0 0 0 20px; /* indentation of text */ margin-bottom:5px;} #footer { clear:both; margin:0; padding:0; height:88px; color:#fff; background: url(../misc/footer_bg.jpg) center bottom no-repeat; position:relative; width:867px;} #footer_link_one, #footer_link_two,#footer_link_three,#footer_link_four,#footer_link_five{color:#656567; font-size:11px; text-decoration:none; font-weight:normal; top:64px;} #footer_link_one:hover, #footer_link_two:hover,#footer_link_three:hover,#footer_link_four:hover,#footer_link_five:hover{text-decoration:underline;} #footer_link_one{position:absolute;left:33px;} #footer_link_two{position:absolute;left:86px;} #footer_link_three{position:absolute;left:142px;} #footer_link_four{position:absolute;left:208px;} #footer_link_five{position:absolute;left:273px;}