/*********************/ /* 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:#ffffff; font-weight:bold;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;}*/ /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:21px; color:#1A171B; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;} .vertical_menu ul li a{ font-size:12px;text-decoration:none; color:#1A171B} .vertical_menu ul li a:hover{ color:#9A141B;} .vertical_menu ul li li a{ font-size:12px;text-decoration: none; color:#1A171B;} .vertical_menu ul li li a:hover{ color:#9A141B;} .menuContent *{ font-size:11px; color:#1A171B;} .menuContent a{ text-decoration:none; color:#9A141B} .menuContent a:hover{ color:#1A171B;} .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:normal; color:#9A141B; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#1A171B; font-weight:bold;} #middleContent h1{font-size:26px; clear:both; color:#1A171B;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; } #middleContent h2{ font-size:18px; clear:both; color:#9A141B;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #middleContent h3{font-size:10px; color:#1A171B;font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} #middleContent h4{font-size:10px; color:#1A171B;font-weight:normal;font-style:italic ;font-family:Georgia, "Times New Roman", Times, serif;} #middleContent h5{font-size:13px; margin-top:10px; color:#1A171B;font-weight:normal; text-decoration:underline;} #middleContent h6{font-size:13px; margin-top:10px; color:#9A141B;font-weight:normal; } #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#1A171B;} /*********************/ /* 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:1030px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:362px; right:208px;} #search_input{background:none;border:none;height:16px;right:270px;position:absolute;top:367px;width:120px; padding:0; font-size:11px; color:#656467} /* The my basket and logged in links in header #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:12px; } #link_basket{left:767px;} #link_home{left:629px;} #link_orders{left:719px;} #link_logout{left:673px;}*/ #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:998px; width:1030px;} #logo { position:absolute; display:block; left:541px; top:31px;} #link_one{position:absolute;top:188px;left:469px; background:url(../misc/roll1A.jpg) no-repeat;width:153px;height:61px} #link_two{position:absolute;top:264px;left:470px;background:url(../misc/roll2A.jpg) no-repeat;width:159px;height:57px} #link_three{position:absolute;top:320px;left:409px;background:url(../misc/roll3A.jpg) no-repeat;width:166px;height:86px} #link_four{position:absolute;top:430px;left:73px;background:url(../misc/roll4A.jpg) no-repeat;width:154px;height:72px} #link_five{position:absolute;top:244px;left:665px;background:url(../misc/roll5A.jpg) no-repeat;width:124px;height:37px} #link_six{position:absolute;top:298px;left:666px;background:url(../misc/roll6A.jpg) no-repeat;width:124px;height:51px} #link_seven{position:absolute;top:245px;left:789px;background:url(../misc/roll7A.jpg) no-repeat;width:124px;height:37px} #link_eight{position:absolute;top:295px;left:823px;background:url(../misc/roll8A.jpg) no-repeat;width:99px;height:45px} #link_nine{position:absolute;top:363px;left:851px;background:url(../misc/roll9A.jpg) no-repeat;width:73px;height:59px} #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;} #content{position:relative; float:left; width:1030px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:40px;float:left; width:190px;margin-top:-3px; z-index:100;} #middleContent{position:relative;float:left; left:70px; width:703px; margin-top:-571px; z-index:100;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:26px; padding:6px 0 5px 25px; 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:none; 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 1px 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:17px; line-height:20px; } #footer {position:relative; clear:both; height:318px;width:1030px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #image { position:absolute; display:block; right:40px; top:0px;} #itunes,#facebook,#youtube,#rss,#spotify { position:absolute; top:151px; display:block;} #itunes {left:223px;} #facebook {left:362px;} #youtube {left:464px;} #rss {left:570px;} #spotify {left:670px;} #foot1 {position:absolute;top:109px;left:238px; background:url(../misc/foot1A.jpg) no-repeat;width:53px;height:28px} #foot2 {position:absolute;top:109px;left:291px; background:url(../misc/foot2A.jpg) no-repeat;width:55px;height:28px} #foot3 {position:absolute;top:109px;left:348px; background:url(../misc/foot3A.jpg) no-repeat;width:44px;height:28px} #foot4 {position:absolute;top:109px;left:397px; background:url(../misc/foot4A.jpg) no-repeat;width:41px;height:28px} #foot5 {position:absolute;top:109px;left:449px; background:url(../misc/foot5A.jpg) no-repeat;width:86px;height:28px} #foot6 {position:absolute;top:109px;left:549px; background:url(../misc/foot6A.jpg) no-repeat;width:114px;height:28px} #foot1:hover { background:url(../misc/foot1B.jpg) no-repeat;} #foot2:hover { background:url(../misc/foot2B.jpg) no-repeat;} #foot3:hover { background:url(../misc/foot3B.jpg) no-repeat;} #foot4:hover { background:url(../misc/foot4B.jpg) no-repeat;} #foot5:hover { background:url(../misc/foot5B.jpg) no-repeat;} #foot6:hover { background:url(../misc/foot6B.jpg) no-repeat;} #mistore{ position:absolute; float:left; top:154px; left:808px; } div#preload { display: none; }