/*********************/ /* 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:9px;color:#C6C7C9; 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:15px; color:white; font-family:"trebuchet MS", Times;} .vertical_menu ul li a{ text-decoration:none; color:#632181} .vertical_menu ul li a:hover{ color:#E95E0F;} .vertical_menu ul li li a{text-decoration:none; color:#E95E0F} .vertical_menu ul li li a:hover{color:#632181;} .menuContent *{ font-size:11px; color:#646567;} .menuContent a{ text-decoration:none; color:#E95E0F} .menuContent a:hover{ color:#632181;} .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:#632181; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#632181; font-weight:bold;} #middleContent h1{font-size:17px; clear:both; color:#632181;border-bottom:1px solid #632181; font-weight:bold;} #middleContent h2{ font-size:14px; color:#632181;font-weight:bold; } #middleContent h3{margin-top:10px; color:#632181;} #middleContent h4{margin-top:10px; color:#632181;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px} #footer a { font-size:11px; text-decoration:none; color:white} #footer a:hover { color:#E95E0F;} #footer li {font-size:11px; text-decoration:none; color:white} /*********************/ /* 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 0 50px 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:1099px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:46px; left:447px;} #search_input{background:none;border:none;height:16px;left:300px;position:absolute;top:50px;width:130px; padding:0; font-size:12px; color:#} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:9px; } #link_basket{left:1015px;} #link_home{left:970px;} #link_orders{left:919px;} #link_logout{left:866px;} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:253px; width:1099px;} #logo { position:absolute; display:block; left:28px; top:4px;} #button { position:absolute; display:block; top:165px; left:893px} /* 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{ position:absolute;display:block; top:71px; height:41px} #link_one {left:265px;background:url(../misc/roll1A.jpg) no-repeat;width:88px;} #link_two {left:352px;background:url(../misc/roll2A.jpg) no-repeat;width:89px;} #link_three{left:440px;background:url(../misc/roll3A.jpg) no-repeat;width:88px;} #link_four {left:528px;background:url(../misc/roll4A.jpg) no-repeat;width:88px;} #link_five {left:615px;background:url(../misc/roll5A.jpg) no-repeat;width:89px;} #link_six {left:703px;background:url(../misc/roll6A.jpg) no-repeat;width:89px;} #link_seven{left:790px;background:url(../misc/roll7A.jpg) no-repeat;width:89px;} #link_eight{left:878px;background:url(../misc/roll8A.jpg) no-repeat;width:89px;} #link_nine {left:966px;background:url(../misc/roll9A.jpg) no-repeat;width:88px;} #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;} #top_one, #top_two,#top_three,#top_four,#top_five{ position:absolute;display:block; top:48px; height:15px} #top_one {left:616px;background:url(../misc/toproll1A.jpg) no-repeat;width:49px;} #top_two {left:680px;background:url(../misc/toproll2A.jpg) no-repeat;width:129px;} #top_three{left:823px;background:url(../misc/toproll3A.jpg) no-repeat;width:62px;} #top_four {left:899px;background:url(../misc/toproll4A.jpg) no-repeat;width:87px;} #top_five {left:997px;background:url(../misc/toproll5A.jpg) no-repeat;width:78px;} #top_one:hover {background:url(../misc/toproll1B.jpg) no-repeat;} #top_two:hover {background:url(../misc/toproll2B.jpg) no-repeat;} #top_three:hover{background:url(../misc/toproll3B.jpg) no-repeat;} #top_four:hover {background:url(../misc/toproll4B.jpg) no-repeat;} #top_five:hover {background:url(../misc/toproll5B.jpg) no-repeat;} #side_one, #side_two,#side_three,#side_four,#side_five{ position: relative; display:block; left:4px; width:194px} #side_one { bottom:3px;background:url(../misc/sideroll1A.jpg) no-repeat;height:37px;} #side_two { bottom:4px;background:url(../misc/sideroll2A.jpg) no-repeat;height:36px;} #side_three{ bottom:4px;background:url(../misc/sideroll3A.jpg) no-repeat;height:39px;} #side_one:hover {background:url(../misc/sideroll1B.jpg) no-repeat;} #side_two:hover {background:url(../misc/sideroll2B.jpg) no-repeat;} #side_three:hover{background:url(../misc/sideroll3B.jpg) no-repeat;} #content{position:relative; float:left; width:1099px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:48px;float:left; width:197px;margin-top:-45px;z-index:100} #middleContent{position:relative;float:left; left:57px; width:624px; margin-top:-130px; z-index:100 } #menu2{ position:relative; right:15px;float:right; width:197px;margin-top:1px;z-index:100;margin-bottom:105px;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:14px; padding:10px 10px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 18px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:disc; color:#E95E0F; padding-left:0px; padding-top:2px; margin-left:15px } .menuContent li li {position:relative; list-style-type: disc; color:#632181; padding-left:0px; padding-top:2px;} /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-image:url(../misc/list_icon.jpg); margin:0 15px;} #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:168px;width:1099px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #info1 { position:absolute; display:block; top:65px; left: 100px; list-style-type:none;} #info2 {position:absolute; display:block; top:65px; left: 242px;list-style-type:none;} #links {position:absolute; display:block; top:65px; left: 346px;list-style-type:none;} #footlogo{ position:absolute; display:block; left:952px; bottom: 137px;} #facebook { position:absolute; display:block; top: 68px; left: 484px;} #twitter{ position:absolute; display:block; top: 68px; left: 585px;} #rss { position:absolute; display:block; top: 68px; left: 690px;} #mistore{ position:absolute; float:left; top:38px; left:910px; } div#preload { display: none; }