/*********************/ /* 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:#87888A; font-weight:bold;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{color:#0084A8;} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:25px; color:#F29400; font-weight:bold;} .vertical_menu ul li a{ text-decoration:none;font-size:14px; color:#646567} .vertical_menu ul li a:hover{ color:#F29400;} .vertical_menu ul li li a{ text-decoration: none;font-size:14px; color:#FDC300;} .vertical_menu ul li li a:hover{ color:#0084A8;} .menuContent *{ font-size:11px; color:#646567;} .menuContent a{ text-decoration:none; color:#F29400} .menuContent a:hover{ color:#0084A8;} .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:#0084A8; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#93117E; font-weight:bold;} #middleContent h1{font-size:28px; clear:both; color:#93117E; font-weight:bold; } #middleContent h2{ font-size:17px; color:#0084A8;font-weight:normal;} #middleContent h3{margin-top:13px; color:#E2007A;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;} #middleContent h4{margin-top:13px; color:#C05798;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#0084A8;} #footer a { font-size:12px; text-decoration:none; color:#87888A} #footer a:hover { color:#C05798 ;} /*********************/ /* 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%; background:url(../misc/header_repeat.jpg) top repeat-x; } .inner{ position:relative; width:1041px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:56px; right:20px;} #search_input{background:none;border:none;height:16px;right:53px;position:absolute;top:56px;width:120px; padding:0; font-size:12px; color:#0084A8; font-weight:bold;} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:105px; } #link_basket{left:800px;} #link_home{left:885px;} #link_orders{left:924px;} #link_logout{left:967px;} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:138px; width:1041px;} #logo { position:absolute; display:block; left:10px; top:45px;} #top_one, #top_two,#top_three,#top_four,#top_five,#top_six{ position:absolute; top:5px; height:28px} #top_one_mouseover, #top_two_mouseover,#top_three_mouseover,#top_four_mouseover, #top_five_mouseover,#top_six_mouseover{ position:absolute; top:5px; height:28px} #top_one{left:38px; background:url(../misc/top1A.jpg) no-repeat;width:70px;} #top_two{left:136px;background:url(../misc/top2A.jpg) no-repeat;width:114px;} #top_three{left:262px;background:url(../misc/top3A.jpg) no-repeat;width:107px;} #top_four{left:376px;background:url(../misc/top4A.jpg) no-repeat;width:107px;} #top_five{left:499px;background:url(../misc/top5A.jpg) no-repeat;width:107px;} #top_six{left:620px;background:url(../misc/top6A.jpg) no-repeat;width:69px;} #top_one:hover{background:url(../misc/top1B.jpg) no-repeat;} #top_two:hover{background:url(../misc/top2B.jpg) no-repeat;} #top_three:hover{background:url(../misc/top3B.jpg) no-repeat;} #top_four:hover{background:url(../misc/top4B.jpg) no-repeat;} #top_five:hover{background:url(../misc/top5B.jpg) no-repeat;} #top_six:hover{background:url(../misc/top6B.jpg) no-repeat;} #top_one_mouseover{background:url(../misc/top1B.jpg) no-repeat;left:38px;width:70px;} #top_two_mouseover{background:url(../misc/top2B.jpg) no-repeat;left:136px;width:114px;} #top_three_mouseover{background:url(../misc/top3B.jpg) no-repeat;left:262px;width:107px;} #top_four_mouseover{background:url(../misc/top4B.jpg) no-repeat;left:376px;width:107px;} #top_five_mouseover{background:url(../misc/top5B.jpg) no-repeat;left:499px;width:107px;} #top_six_mouseover{background:url(../misc/top6B.jpg) no-repeat;left:620px;width:69px;} #content{position:relative; float:left; width:1041px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:18px;float:left; width:212px;margin-top:30px; z-index:100;} #middleContent{position:relative;float:left; left:30px; width:786px; margin-top:-2px; z-index:100;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:26px; padding:3px 0 5px 30px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px 20px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none; padding-left:3px; 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:11px; line-height:20px; } .menuLogin { font-size:15px} /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none;background:url(../misc/bullet.jpg) 0 3px no-repeat; margin:0;padding-left:20px; line-height:22px;} #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:295px;width:1041px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #rss { position:absolute; display:block; left:10px; top:178px; width:213px} #twit { position:absolute; display:block; left:231px; top:178px; width:135px;} #foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; top:136px;} #foot1 { left:18px;} #foot2 { left:70px;} #foot3 { left:148px;} #foot4 { left:278px;} #foot5 { left:371px;} #mistore{ position:absolute; float:left; top:115px; left:833px; } div#preload { display: none; }