/*********************/ /* 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:10px;color:#646567; font-weight:bold;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;} #top_one, #top_two,#top_three,#top_four,#top_five { font-size:12px; color:#ffffff; text-decoration:none; font-weight:normal} #top_one:hover,#top_two:hover,#top_three:hover,#top_four:hover,#top_five:hover{ color:#3E3E40;} #top_one_mouseover, #top_two_mouseover,#top_three_mouseover,#top_four_mouseover, #top_five_mouseover{font-size:12px; color:#3E3E40; text-decoration:none; font-weight:normal} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:19px; color:#CF9F53; font-weight:bold;} .vertical_menu ul li a{ text-decoration:none;font-size:13px; color:#646567} .vertical_menu ul li a:hover{ color:#CF9F53;} .vertical_menu ul li li a{ text-decoration:font-size:13px; none; color:#646567;} .vertical_menu ul li li a:hover{ color:#573022;} .menuContent *{ font-size:11px; color:#646567;} .menuContent a{ text-decoration:none; color:#CF9F53} .menuContent a:hover{ color:#3E3E40;} .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:#573022; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#573022; font-weight:bold;} #middleContent h1{font-size:18px; clear:both; color:#573022;font-weight:bold; font-style:italic; padding-left:5px;} #middleContent h2{ font-size:16px; color:#3E3E40;font-weight:normal;font-weight:bold; font-style:italic; padding-left:5px;} #middleContent h3{margin-top:10px; color:#573022;font-weight:bold; font-style:italic;;font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;padding-left:5px;} #middleContent h4{margin-top:10px; color:#3E3E40;font-weight:normal;font-style:italic ;font-family:Georgia, "Times New Roman", Times, serif;padding-left:5px;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px;padding-left:5px;} #middleContent hr { height:1px; color:#1A171B;} #footer a { font-size:12px; text-decoration:none; color:white} #footer a:hover { color:#CF9F53 ;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ 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:1009px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:87px; right:53px;} #search_input{background:none;border:none;height:16px;right:109px;position:absolute;top:90px;width:140px; padding:0; font-size:12px; color:#656467; font-weight:bold;} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:140px; } #link_basket{left:883px;} #link_home{left:745px;} #link_orders{left:836px;} #link_logout{left:789px;} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:234px; width:1009px;} #logo { position:absolute; display:block; left:32px; top:11px;} #image { position:absolute; top:73px; right:-120px} #top_one, #top_two,#top_three,#top_four,#top_five{ position:absolute; top:11px;} #top_one_mouseover, #top_two_mouseover,#top_three_mouseover,#top_four_mouseover, #top_five_mouseover{ position:absolute; top:11px;} #top_one{left:379px;} #top_two{left:475px;} #top_three{left:588px;} #top_four{left:692px;} #top_five{left:794px;} #top_one_mouseover{left:379px;} #top_two_mouseover{left:475px;} #top_three_mouseover{left:588px;} #top_four_mouseover{left:692px;} #top_five_mouseover{left:794px;} #link_one, #link_two,#link_three,#link_four,#link_five,#link_six,#link_seven{ position:absolute; top:165px; height:39px} #link_one_mouseover, #link_two_mouseover,#link_three_mouseover,#link_four_mouseover, #link_five_mouseover,#link_six_mouseover,#link_seven_mouseover{ position:absolute; top:165px; height:39px} #link_one{left:40px; background:url(../misc/roll1A.jpg) no-repeat;width:111px;} #link_two{left:152px;background:url(../misc/roll2A.jpg) no-repeat;width:114px;} #link_three{left:267px;background:url(../misc/roll3A.jpg) no-repeat;width:147px;} #link_four{left:415px;background:url(../misc/roll4A.jpg) no-repeat;width:145px;} #link_five{left:560px;background:url(../misc/roll5A.jpg) no-repeat;width:162px;} #link_six{left:722px;background:url(../misc/roll6A.jpg) no-repeat;width:114px;} #link_seven{left:837px;background:url(../misc/roll7A.jpg) no-repeat;width:133px;} #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_one_mouseover{background:url(../misc/roll1B.jpg) no-repeat;left:40px;width:111px;} #link_two_mouseover{background:url(../misc/roll2B.jpg) no-repeat;left:152px;width:114px;} #link_three_mouseover{background:url(../misc/roll3B.jpg) no-repeat;left:267px;width:147px;} #link_four_mouseover{background:url(../misc/roll4B.jpg) no-repeat;left:415px;width:145px;} #link_five_mouseover{background:url(../misc/roll5B.jpg) no-repeat;left:560px;width:162px;} #link_six_mouseover{background:url(../misc/roll6B.jpg) no-repeat;left:722px;width:114px;} #link_seven_mouseover{background:url(../misc/roll7B.jpg) no-repeat;left:837px;width:133px;} #content{position:relative; float:left; width:1009px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:44px;float:left; width:200px;margin-top:-7px; z-index:100;} #middleContent{position:relative;float:left; left:59px; width:716px; margin-top:-19px; z-index:100;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:18px; padding:5px 0 5px 15px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px 10px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 5px no-repeat; padding-left:15px; line-height:20px; margin-left:1px; } .menuContent li li{ position:relative; list-style-type:none;background:url(../misc/list_icon2.jpg) 0 5px no-repeat; padding-left:15px; line-height:20px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none;background:url(../misc/bullet.jpg) 0 1px no-repeat; margin:0; padding-left:22px; line-height:20px; } #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:361px;width:1009px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #logo2 { position:absolute; display:block; left:42px; top:9px;} #footer ul li {list-style-type:none;background:url(../misc/list_foot.jpg) 0 5px no-repeat; margin:0; padding-left:15px; line-height:20px;} #list1 { position:absolute; top: 150px; left:3px;} #list2 { position:absolute; top: 150px; left:150px;} #list3 { position:absolute; top: 150px; left:320px;} div#preload { display: none; }