/***************************** * F O N T S ******************************/ /* Apply a font set to the all */ *{ font-family:Arial, Helvetica, sans-serif;} /* Apply a font set to headings */ .vertical_menu h1, #middleContent h1, #middleContent h2,#middleContent h3,#middleContent h4,legend{ font-family: Trebuchet MS; color:#33CC00; font-weight:300; } /*-------------------- The Header links ---------------------*/ /* The home, services, about us and contact us links across the top (horizontal)*/ #link_one, #link_two,#link_three,#link_four { color:#009EE0; text-decoration:none; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; z-index:100;} #link_one:hover, #link_two:hover,#link_three:hover,#link_four:hover{ text-decoration:underline;} /* Te ecommerce links - top of page on right */ #link_basket,#link_home,#link_orders,#link_logout{text-decoration:none;font-size:11px;color:#009EE0; z-index:100;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;} #searchtext { color:#009EE0; font-size:12px; font-weight:bold;} /*----------------------- The vertical menu -------------------------* /* vertical menu heading */ .vertical_menu h1{ color:#009EE0; text-align:left; border-top:2px solid #009932; border-bottom:2px solid #009932; font-size:17px; font-weight:normal;padding-bottom:15px;padding-top:6px; } /* default font for text in vertical menus */ .menuContent *{ font-size:12px; color:#666666;} /* normal link in vertical menu */ .menuContent a{ color:#666666; text-decoration:none; font-weight:normal;} .menuContent a:hover{text-decoration:underline;} /* bold text in menu*/ .menuContent b{ color:#636466; } /* navigation links in the vertical menu */ .vertical_menu ul li a{ text-decoration: none; font-size:13px; font-weight:400;} .vertical_menu ul li a:hover{text-decoration:underline;} /*----------------------- The Main Content -------------------------* /* main content area */ #middleContent{ font-size: 12px;color:#666666; margin:0px; padding:0px; } #middleContent a{ color:#719915; text-decoration:none; } #middleContent a:hover{ text-decoration:underline; } #middleContent legend{ font-size: 15px;color:#009EE0; font-weight:bold;} #middleContent h1{ font-size:23px;clear:both; padding:0px 0 0px 4px; color:#009EE0; font-weight:bold; margin-bottom: -5px;} #middleContent h2{ font-size:15px; clear:both; padding:0px 0 0px 0; color:#009EE0; font-weight:bold;margin-bottom: -5px;} #middleContent h3{ font-size:16px; clear:both; padding:8px 0 4px 0; color:#009EE0;} #middleContent h4{ font-size:20px; clear:both; padding:8px 0 4px 0; color:#009EE0;} #middleContent .specialoffer{ color:red; font-weight:bold; } #middleContent select{font-size:11px; } /************************** * * L A Y O U T *****************************/ /* Dont change this */ a{outline: none;} /* The body - with repeating image*/ body{background:white; margin:0; background: url(../misc/bg_repeat.jpg) repeat-x} /* The overall containers for the page, outer just centers the content within it */ .outer{ margin:0 auto 5px auto; padding: 0; position:relative; } .inner{ margin:0 auto; padding:0; width:922px; position:relative; } /* The main content area - Within this are the menu and main content*/ #content{position:relative; background:url(../misc/main_bg_centre.jpg) no-repeat center top; margin:0px; padding:0px;width:1000px; float:left; } /* The home, services, aboout us and contact us links accross the top (horizontal)*/ #link_one, #link_two,#link_three,#link_four{ position:absolute; top:77px;} #link_one{left:427px;} #link_two{left:566px;} #link_three{left:698px;} #link_four{left:830px;} /* The my basket and logged in linksin header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:10px; } #link_basket{left:875px;} #link_home{left:10px;} #link_orders{left:80px;} #link_logout{left:155px;} /* The left vertical menu */ #menu1{ float:left; margin-left:0px; padding-left:80px; margin-top:400px; } /* The main content */ #middleContent{ margin-top:134px; margin-left:78px; float:left; padding:0px; position:relative; vertical-align:top; width:550px} /* The vertical navigation menus */ .vertical_menu{ margin:0 0 20px 0; padding:5px; } /* The vertical menu heading */ .vertical_menu h1{ width:175px; height:26px; margin:0 15px 0 5px; padding:7px 0 2px 20px; text-align:left; } /* The vertcal menu main content */ .menuContent{ width:200px; margin: 0 15px 5px 3px; padding:10px 0 5px 0;} .menuContent ul{ margin:0 0 0 4px; padding:0;} .menuContent li{ line-height:16px; margin-right:3px; padding:0 0 0 28px; list-style-type:none;background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-bottom:5px;} /* 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:58px; background: url(../misc/footer.jpg) no-repeat center; position:relative; width:1000px; } #checkatrade { position: absolute; float:left; top:20px; left:80px; display:block; } #wallbros {position:absolute; float:left; top:20px; left:250px; display:block;} #dome {position:absolute; float:left; top:15px; left:419px; display:block;} #lions {position:absolute; float:left; top:14px; left:629px; display:block;} #purple {position:absolute; float:left; top:11px; left:584px; display:block;} #mistore_link {position:absolute; height:30px; float:left; width:183px; top:14px; left: 805px;} /* The search at the top of the page */ #search_form { padding:0px; margin:0px;} #searchtext { position:absolute; top:78px; left:52px;} #search_submit{ position:absolute;top:73px; left:232px; height:25px; width:25px; padding:0px; margin:0px;} #search_input{position:absolute;width: 108px; height: 20px;left:120px; top:74px; border:1px solid #009EE0;}