/*********************/ /* 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:#A7A8AA; font-weight:bold;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{ color:#E95E0F} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:14px; color:#F29400; font-weight:bold; text-transform:uppercase} .vertical_menu ul li a{ text-decoration:none; color:#F8BE8B} .vertical_menu ul li a:hover{ color:#FFFFFF;} .vertical_menu ul li li a{ text-decoration: none; color:#F29400;} .vertical_menu ul li li a:hover{ color:#FFFFFF;} .menuContent *{ font-size:11px; color:#F8BE8B;} .menuContent a{ text-decoration:none; color:#F29400} .menuContent a:hover{ color:#FFFFFF;} .menuContent b{} .menuContent input{ color:black;} .menuContent select {color:black;} .menuContent option {color:black;} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:12px; color:#F8BE8B;} #middleContent a{ font-weight:bold; color:#F29400; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#FFFFFF; font-weight:bold;} #middleContent h1{font-size:26px; clear:both; color:#FFFFFF; background:url(../misc/h1.jpg) 0 2px no-repeat; font-weight:bold; height:31px; padding:5px 0 0 40px; } #middleContent h2{ font-size:16px; color:#FFFFFF;font-weight:normal;background:url(../misc/h2.jpg) 0 2px no-repeat;height:23px; padding:5px 0 0 6px;} #middleContent h3{margin-top:10px; color:#FFFFFF;font-weight:normal;} #middleContent h4{margin-top:10px; color:#FFFFFF;font-weight:normal;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#000000;} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#F29400 ;} #footer a { font-size:10px; text-decoration:none; color:#F29400} #footer a:hover { color:#FFFFFF ;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ background:url(../misc/bg_sample.jpg) repeat; 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:1121px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:113px; left:423px;} #search_input{background:none;border:none;height:16px;left:267px;position:absolute;top:111px;width:145px; padding:0; font-size:11px; color:#FFFFFF} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:114px; } #link_basket{left:845px;} #link_home{left:703px;} #link_orders{left:795px;} #link_logout{left:747px;} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:461px; width:1121px;} #logo { position:absolute; display:block; left:59px; top:8px;} #link_one, #link_two,#link_three,#link_four,#link_five,#link_six,#link_seven{ position:absolute; top:0px; height:102px} #link_one{left:251px; background:url(../misc/roll1A.jpg) no-repeat;width:89px;} #link_two{left:338px;background:url(../misc/roll2A.jpg) no-repeat;width:106px;} #link_three{left:443px;background:url(../misc/roll3A.jpg) no-repeat;width:83px;} #link_four{left:525px;background:url(../misc/roll4A.jpg) no-repeat;width:118px;} #link_five{left:646px;background:url(../misc/roll5A.jpg) no-repeat;width:163px;} #link_six{left:810px;background:url(../misc/roll6A.jpg) no-repeat;width:145px;} #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;} #side_one, #side_two,#side_three,#side_four,#side_five{ position:absolute; right:14px; width:76px; display:block; z-index:10} #side_one{top:137px; background:url(../misc/side1A.jpg) no-repeat;height:25px; } #side_two{top:162px;background:url(../misc/side2A.jpg) no-repeat;height:25px;} #side_three{top:191px;background:url(../misc/side3A.jpg) no-repeat;height:25px;} #side_four{top:220px;background:url(../misc/side4A.jpg) no-repeat;height:27px;} #side_five{top:250px;background:url(../misc/side5A.jpg) no-repeat;height:25px;} #side_one:hover, #side_two:hover,#side_three:hover,#side_four:hover,#side_five:hover{ top:1px; right:16px; height:286px; width:132px; z-index:5} #side_one:hover{background:url(../misc/side1B.jpg) no-repeat; } #side_two:hover{background:url(../misc/side2B.jpg) no-repeat;} #side_three:hover{background:url(../misc/side3B.jpg) no-repeat;} #side_four:hover{background:url(../misc/side4B.jpg) no-repeat;} #side_five:hover{background:url(../misc/side5B.jpg) no-repeat;} #follow { position:absolute; top:5px; right:40px;} #face { position:absolute; top:36px; right:39px;z-index:10} #twit { position:absolute; top:120px; right:37px;z-index:10} #content{position:relative; float:left; width:1121px;} #menu1{ position:relative; left:50px;float:left; width:190px;margin-top:-227px; z-index:100;padding-bottom:106px;} #middleContent{position:relative;float:left; left:62px; width:700px; margin-top:-320px; z-index:100;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:11px; padding:1px 0 5px 24px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px 20px; } .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.png) 0 4px no-repeat; padding-left:13px; line-height:20px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none; margin:0 15px;} #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:136px;width:1121px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #logo2 { position:absolute; display:block; left:99px; bottom:137px;} #fadeup { position:absolute; position:absolute; bottom:136px; left:50px;} #foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; top:82px;} #foot1 { left:56px;} #foot2 { left:100px;} #foot3 { left:166px;} #foot4 { left:277px;} #foot5 { left:360px;} #foot6 { left:424px;} #mistore{ position:absolute; float:left; top:72px; left:843px; } div#preload { display: none; }