/*********************/ /* F O N T S */ /*********************/ /*APPLIED TO ALL -----------------*/ *{ font-family:Arial, Helvetica, sans-serif;} /*-------------------- The Header links ---------------------*/ /* Te ecommerce links - top of page on right */ #link_basket,#link_home,#link_orders,#link_logout{text-decoration:none;font-size:11px;color:white;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:15px; color:white; background:url(../misc/menu_h1.jpg)} .vertical_menu ul li a{ text-decoration:none;} .vertical_menu ul li a:hover{ color:#F29400;} .menuContent *{ font-size:13px; color:#646567;} .menuContent a{ text-decoration:none;} .menuContent a:hover{ color:#F29400;} .menuContent b{} .menuContent input{ color:black;} .menuContent select {color:black;} .menuContent option {color:black;} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:12px; color:#646567;} #middleContent a{ font-weight:bold; color:#F29400; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#FFED00; font-weight:bold;} #middleContent h1{font-size:17px; clear:both; color:white; background:url(../misc/h1.jpg) no-repeat; padding-left:25px;} #middleContent h2{ font-size:15px; clear:both; color:#646567 } #middleContent h3{margin-top:10px; color:#646567} #middleContent h4{margin-top:10px; color:#646567} #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px} #footer a { font-size:10px; text-decoration:none; color:#646567;} #footer a:hover { color:#F29400;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{background:url(../misc/background2.jpg) top center no-repeat #C6C7C9; margin:0; padding:0} /* The overall containers for the page, outer just centers the content within it */ .outer{position:relative;width:100%;} .inner{ position:relative; width:935px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:-67px; left:878px;} #search_input{background:none;border:none;height:13px;left:754px;position:absolute;top:-64px;width:116px; padding:0; font-size:11px;} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:-34px; } #link_basket{left:843px;} #link_home{left:806px;} #link_orders{left:761px;} #link_logout{left:719px;} #headerr { position:relative; background:url() no-repeat; height:202px; width:1055px;} /* The home, services, about us and contact us links accross the top (horizontal)*/ #link_one, #link_two,#link_three,#link_four, #link_five,#link_six,#link_seven,#link_eight,#link_nine,#link_ten{ position:absolute; top:-40px; height:23px} #link_one{left:-28px; background:url(../misc/roll1A.jpg) no-repeat;width:53px;} #link_two{left:26px;background:url(../misc/roll2A.jpg) no-repeat;width:65px;} #link_three{left:95px;background:url(../misc/roll3A.jpg) no-repeat;width:107px;} #link_four{left:208px;background:url(../misc/roll4A.jpg) no-repeat;width:94px;} #link_five{left:309px;background:url(../misc/roll5A.jpg) no-repeat;width:98px;} #link_six{left:413px;background:url(../misc/roll6A.jpg) no-repeat;width:45px;} #link_seven{left:464px;background:url(../misc/roll7A.jpg) no-repeat;width:45px;} #link_eight{left:518px;background:url(../misc/roll8A.jpg) no-repeat;width:43px;} #link_nine{left:573px;background:url(../misc/roll9A.jpg) no-repeat;width:39px;} #link_ten{left:625px;background:url(../misc/roll10A.jpg) no-repeat;width:75px;} #link_one:hover{background:url(../misc/roll1B.jpg) no-repeat;} #link_two:hover{background:url(../misc/roll2B.jpg) no-repeat;} #link_three:hover{background:url(../misc/roll3B.jpg) no-repeat;} #link_four:hover{background:url(../misc/roll4B.jpg) no-repeat;} #link_five:hover{background:url(../misc/roll5B.jpg) no-repeat;} #link_six:hover{background:url(../misc/roll6B.jpg) no-repeat;} #link_seven:hover{background:url(../misc/roll7B.jpg) no-repeat;} #link_eight:hover{background:url(../misc/roll8B.jpg) no-repeat;} #link_nine:hover{background:url(../misc/roll9B.jpg) no-repeat;} #link_ten:hover{background:url(../misc/roll10B.jpg) no-repeat;} #content{position:relative; float:left; left:14px; width:935px; margin-top:117px} #menu1{ position:relative; left:-24px;float:left; width:219px;top:20px} #middleContent{position:relative;float:left; left:12px; width:695px; margin-top:10px; min-height:585px; } *html #middleContent { min-height:585px;height:auto !important;height:585px;} *html #menu1 { left:-27px; top:30px} #middlecontainer { position:relative; float:left; background:white repeat; margin-left:-10px;} *html #content {left:15px;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:18px; padding:3px 10px;} /* The vertcal menu main content */ .menuContent{ padding:0px 10px;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 2px no-repeat; padding-left:25px;margin-left:16px;} /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-image:url(); margin:0 15px;} #footer {position:relative; clear:both; height:24px;width:717px; background:url(../misc/footer.jpg) no-repeat} #foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; top:37px;} #foot1 { left:9px;} #foot2 { left:51px;} #foot3 { left:108px;} #foot4 { left:174px;} #foot5 { left:285px;} #foot6 { left:356px;} #mistore{ position:absolute; float:left; top:24px; left:540px; } div#preload { display: none; }