/* layout */ /* general */ * { margin:0; padding:0;} a { outline: none; } body { text-align:center; font-family:Arial, Helvetica, sans-serif;background: #000000 } #container { width:940px; margin:0 auto; text-align:left; z-index: 0; clear:both; padding: 120px 0 0 0} .row1 { position: fixed; *left: 0; background: url(../../../images/main-bg.jpg) repeat-x top;z-index: 1; width: 100%;} .row1c { margin: 0 auto; text-align: center; width: 940px; } .top { height:50px; padding-top:20px; padding-bottom:10px; clear:both; overflow:hidden; text-align: right; } .checkout { float:left; color: #ffffff;font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; } .checkout a { color: #ffffff; text-decoration: none; } .logo { float:left; } img { border: 0 } code { padding: 5px; border: 1px dashed #ffffff; clear: both; } #cart_status { float: right; background: url(images/shoppingCart.png) no-repeat; padding:12px 0 0 50px; width:190px; height: 54px;} #cart_status ul { list-style: none; text-align: left; margin: 0 0 5px 0; } #cart_status ul li { display: inline; border-right: 1px solid #ffffff; padding: 0 7px 0 3px; } #cart_status ul li.last { border: none; } /* home */ .row2 { clear:both; overflow:hidden;} .row3 { clear:both; overflow:hidden;} .row4 { clear:both; overflow:hidden;} .menu { height:32px; background: url(../../../images/menu-bg.png) no-repeat right; margin-bottom: 10px;} .flash { width:748px; height:324px; float:left; z-index: 1; border: 1px solid #25242c;} .flash2 { width:748px; height:324px; float:left; border: 1px solid #25242c; z-index: -1;} .cartFix { margin-top: -5px; margin-bottom: -10px; padding-right: 15px; } .colright { width:180px; float:right; text-align:center; float:right;} .relatedcolright { width:180px; padding-top:10px; float:right; text-align:center; float:right; margin-top: -10px;} .colright1 { width:180px; height:128px; margin-bottom:10px; padding-top:10px; background: url(../../../images/box-bg.jpg) repeat-x; color:#FFFFFF; color:#999999;} .colright2 { width:180px; height:168px; padding-top:10px; background: url(../../../images/box-bg.jpg) repeat; color:#999999; } .productbox h1, .colright2 h1, .colright1 h1 { text-transform: capitalize; } .productbox { width:180px; padding: 10px 0; background: url(../../../images/box-bg.jpg) repeat; color:#999999; float:left; margin-right:10px; margin-top:10px; padding-top:10px;} .productbox2 { width:180px; height:155px; background: url(../../../images/box-bg.jpg) repeat; color:#999999; float:left; margin-right:10px; margin-top:10px; padding-top:10px;} .productbox2 img { border: 1px solid #343340; } .productbox img { border: 1px solid #343340; } .productboxlast { width:180px; height:200px; background: url(../../../images/box-bg.jpg) repeat; color:#999999; float:left; margin-right:0px; margin-top:10px; padding-top:10px;} .productboxlast img { border: 1px solid #343340; } .spotlight { width:370px; height:200px; background: url(../../../images/box-bg.jpg) repeat; color:#FFFFFF; margin-right: 10px; margin-top:10px; float:left; padding-top:10px;} .spotlightleft { width:178px; float:left; overflow:hidden; margin-bottom: 5px;} .spotlightright { width:162px; float:right; margin-right:10px; overflow:hidden;} .news {width:370px; height:200px; background: url(../../../images/box-bg.jpg) repeat; color:#ffffff; margin-top:10px; float:right; padding-top:10px; margin-bottom: 5px;} .news p {font-size: 11px; } .news table { margin: 10px 10px 0 10px } .morenews { padding: 10px 10px 0 10px; font-size: 11px;} .morenews a { text-decoration: none; color: #e9000f; } .moewsnews a:hover { text-decoration: underline; } /* general */ .delivery .left { float: left; text-align: left; margin: 0 0 8px 8px; } .delivery .bold { font-weight: bold; clear: both; margin: 4px 0 3px 0; } .delivery .right { float: right; text-align: left; margin: 0 8px 0 0; } .delivery p { padding: 0 0 0 8px; } .delivery ul { list-style: none; margin: 0; padding: 0; } .delivery ul li { font-size: 10px; line-height: 16px; } .delivery .buy8 { width:85px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center; margin: 7px 8px 0 0; } .row5 { clear:both; overflow:hidden;} .notification-body-n h1 { border: 1px solid #25242c; font-size: 12px; padding: 5px; } .contentboxtop { width: 454px; background:url(../../../images/large-top.jpg) no-repeat; height: 14px; margin-top: 10px; } .contentboxmain { width: 454px; background:url(../../../images/large-content.jpg) repeat-y; padding: 0 5px 0 5px; } .contentboxbottom { width: 454px; background:url(../../../images/large-bottom.jpg) no-repeat; height: 14px; margin-bottom: 6px; } .contentleft { width:454px; float: left; color: #ffffff; padding-right: 5px; padding-left: 10px; } .contentright { width:450px; float:right;} .contentleftimg { width:190px; float:left; margin-left: 65px;} .contentleftimg p { font-size: 11px; padding-top: 10px; } .contentrightimg { width:203px; float:right;margin-right: 20px;} .contentrightimg p { font-size: 11px; padding-top: 10px;} .contentlefttxt { width:160px; float:left; padding-left: 20px;} .contentrighttxt { width:180px; float:left;} .eco img { border: 1px solid #343340; margin: 9px 9px 0 9px; height: 78px; width: 61px; background: #000000; float: right; } .eco p { padding: 0 0 0 6px; float: left; width: 88px; } .ecoBox { float: left; margin-top: 10px; margin-bottom: 0; } .ecoBoxHomepage { height: 191px; } .ecoBoxHomepage .ecoBox { margin-top: 10px; } .ecoBoxHomepage .eco img { border: 1px solid #343340; margin: 9px 9px 0 9px; height: 78px; width: 61px; background: #000000; float: right; } .ecoBoxHomepage .eco p { padding: 0 0 0 6px; float: left; width: 88px !important; font-size:10px; margin:5px 0 5px 5px; text-align:left; } .buy6 { text-transform: capitalize; } .homeAbout p { padding: 0 5px; } .footer { margin-top:15px; border-top:1px solid #343340; clear:both; text-align:left; color: #FFFFFF;} .footerleft { width:755px; float:left;} .footerright { width:175px; float:right;} /* config */ /* general */ .top h1 {font-size:11px; font-weight:bold; color: #999999; margin-bottom: 5px;} .top h1 a {font-size:11px; font-weight:bold; color: #ffffff; text-decoration:underline;} .top h1 a:hover {font-size:11px; font-weight:bold; color: #ffffff; text-decoration:none;} .top h1 a.noneStyle { color: #999999; text-decoration: none; } .top img { float:left;} h2 a { font-size: 12px; font-weight: bold; color: #999999; text-decoration: none; } h2 a:hover {font-size: 12px; font-weight: bold; color: #999999; text-decoration: none; } h3 { font-size: 13px; font-weight: bold; color: #e9000f; text-decoration: none; } h3 a { font-size: 13px; font-weight: bold; color: #e9000f; text-decoration: none; } h3 a:hover {font-size: 13px; font-weight: bold; color: #e9000f; text-decoration: underline; } .menu ul { list-style:none; margin-left:5px; margin-right:7px; } .menu ul li { display:inline; font-size:11px; font-weight:bold; } .menu ul li a:hover, .menu ul li a:hover span, .menu ul li a:active, .menu ul li a:active span { background:url(../../../images/menu-hover.gif) no-repeat; } .menu ul li a { padding:4px 10px 6px 9px; background-position:right 0; position:relative; color: #999999; text-decoration: none; } .menu ul ul li a { color: #999999; } .menu ul li a span { background-position:left top; width:5px; height:20px; position:absolute; top:0px; left:0px; display:block; cursor:pointer; /* mostly needed for internet explorer */ } .menu ul li a:hover, .menu ul ul li a:hover, .menu ul ul li a:hover { background-position:right 1px; color:#ffffff; text-decoration: none; } .menu ul li a:hover span, .menu ul ul li a:hover span, .menu ul ul ul li a:hover span { background-position:left 1px; } .menuleft {float:left; line-height:30px;} .menuright {float:left; line-height:30px; padding: 0 0 0 189px;} .footer img { float: left; width: 21px; margin: 0 5px 0 0;} .footerleft p {text-align:left; font-size:10px; line-height:30px; color:#ffffff;} .footerright p {text-align:right; font-size:10px; line-height:30px; color:#ffffff;} .footer ul { list-style:none; overflow:auto;} .footer li { display:inline; font-size:10px; line-height:30px; color:#999999;} .footerlist { color:#ffffff; text-decoration:none; font-size:10px; padding-right:1.0em; padding-left:0.5em; border-right:1px #ffffff solid;} .footerlistitem { color:#ffffff; text-decoration:none; font-size:10px; padding-right:1.0em; padding-left:0.5em;} .footerlist:hover { color:#ffffff; text-decoration:underline; font-size:10px; padding-right:1.0em; padding-left:0.5em; border-right:1px #ffffff solid;} .footerlistitem:hover { color:#ffffff; text-decoration:underline; font-size:10px; padding-right:1.0em; padding-left:0.5em;} /* home */ .colright1 h1 {width:160px; height:25px; background:#000000; border: 1px solid #343340; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; margin:0 auto;} .colright2 h1 {width:160px; height:25px; margin: 0 auto 4px auto; background:#000000; border: 1px solid #343340; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; } .colright1 p {margin:0 auto; margin: 5px 0 5px 5px; font-size:10px; text-align:left;} .colright2 p { margin:0 auto; font-size:10px; text-align:left;} .shop { width:120px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; margin:0 auto; line-height:20px; text-align:center;} .shopnow { width:75px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left;text-align:center; margin: 0 8px 0 0;} .shopnow2 { width:85px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right;text-align:center; margin: 0 0 0 0;} .more { width:75px; height:20px; background:#000000; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left;text-align:center;} .more2 { width:90px; height:20px; background:#000000; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left;text-align:center;} .buy { width:70px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .buycont { width:150px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .updatebtn { width:195px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .buy5 { width:70px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left; text-align:center;} .buy6 { width:70px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .buy7 { width:100px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .buy8 { width:85px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .qmark { height:20px; background:#000000; color:#FFFFFF; border:1px solid #33323F; display:block; font-size:11px; font-weight:bold; text-transform:lowercase; text-decoration:none; line-height:20px; text-align:center; padding: 0 5px 0 5px; margin: 5px 0 0 7px; width: 70px; } .buy2 { height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; text-align:center; padding: 0 10px 0 10px; width: 120px; margin: 0 auto; } .centerbut { margin: 0 auto; text-align: center; } .productbox2 h1, .productbox h1, .productboxlast h1 {width:160px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; margin:0 auto; border: 1px solid #343340;} #mainproductpage .productbox h1 { margin: 0 0 0 10px; padding: 5px; width: 150px; line-height: 15px; } .productbox2 p, .productbox p, .productboxlast p {width:160px; margin:0 auto; margin-top:10px; margin-bottom:10px; font-size:10px; text-align:left; color:#FFFFFF; } .productbox2 h1 a, .productbox h1 a, .productboxlast h1 a {width:160px; height:25px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; margin:0 auto; text-decoration:none;} .productbox2 h1 a:hover, .productbox h1 a:hover, .productboxlast h1 a:hover {width:160px; height:25px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; margin:0 auto; text-decoration:underline;} .darkgrey { color:#333333;} .spotlight .buy8 { margin: 5px 0 0 0; width:85px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .spotlight h1 {width:351px; height:25px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:left; margin:0 auto; padding: 0 2px 0 5px;border: 1px solid #343340;} .spotlightright p { text-align:right; padding-top:15px;} .spotlightleft p { text-align:left; margin-top:10px; padding-left:10px; font-size:11px;} .spotlightmore { width:80px; height:20px; background:#000000; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left;text-align:center;} .news h1 {width:340px; height:25px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:left; margin:0 auto; padding-left:10px;border: 1px solid #343340;} .news p { text-align:left; margin-top:10px; margin-left:10px; font-size:11px; color:#ffffff;} .newsmore { width:80px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right;text-align:center; margin-right:10px;} #mainproductpage { overflow:hidden;} .mainproductleft { width:752px; float:left; overflow:hidden;} .mainproductright{ width:180px; float:right;} .colours { float:left; width:751px; clear:both; margin-top:7px;} .help { float:right; width:160px; height:20px; padding:15px 10px 15px 10px; background:#C2B698; margin-top:10px;} .productcontent { width:751px; float:left; overflow:hidden;} .productcontentleft { width:285px; float:left; margin-top:20px;} .productHeading { float: left; width: 320px; margin: 0 0 20px 0; } .productInfo { clear: both; } .productInfo p { padding: 0 0 10px 0; } .productInfo ul { margin: 0 0 0 15px; } .shareIt { float: right; } .productbox2 .more2 { width: 75px; } #carousel-wrapper { width: 750px; height: 170px; overflow: hidden; } #carousel-content { width: 5000px; } #carousel-content .slide { float: left; width: 190px; height: 155px; } .faqNum { list-style: inside decimal !important; } .faqNum li { padding: 0 0 5px 0; } .formbox { width:280px; padding:10px 0px 0px 0px; background:url(../../../images/form-content.jpg) repeat-y; color:#FFFFFF; overflow:hidden;} .formbox h1 {width:255px; height:25px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; margin:0 auto; border: 1px solid #343340; margin-top: -10px;} .formbox p {width:100px; margin:0 auto; margin-top:10px; margin-bottom:10px; font-size:10px; text-align:left; color:#FFFFFF; line-height:1;} .formboxtop { width: 280px; background:url(../../../images/form-top.jpg) no-repeat; height: 14px; } .formboxbottom { width: 280px; background:url(../../../images/form-bottom.jpg) no-repeat; height: 14px; } .ordertable { margin: 10px 40px 0 40px; width: 60px; } .ordertable .qmark { height:20px; background:#000000; color:#FFFFFF; border:1px solid #33323F; display:block; font-size:11px; font-weight:bold; text-transform:lowercase; text-decoration:none; line-height:20px; text-align:center; padding: 0 5px 0 5px; margin: 5px 0 0 0px; width: 70px; } .ordertable select { width: 100px; background:#000000; color: #ffffff; border: 1px solid #33323F; height: 20px; } .ordertable .buy { width:70px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left; text-align:center; margin: 10px 0 0 0px;} .formboxleft { width:80px; float:left; text-align:right;font-size:11px; font-weight:bold; margin:5px 0 0 20px;} .label { font-weight: bold; } .formboxleft .label2 { width: 80px; margin: 6px 0 1px 0; } .formboxright { width:175px; float:right; text-align:left; font-size:10px; margin:0px 0px; color: #666666;} .formboxright input { margin:1px 0 0 8px; height:17px; background:#000000; color:#FFFFFF; border:1px solid #33323F; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; text-align:center; padding: 3px 3px 0 0; margin: width: 25px;} .productdetail { width:280px; padding:10px 2px 0 2px; background:#000000; color:#FFFFFF;} .formboxright select { width: 100px; background:#000000; color: #ffffff; border: 1px solid #33323F; height: 20px; } .formboxright .buy { width:70px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left; text-align:center; margin: 10px 0 0 7px;} .productdetail ul { list-style:none; margin:0; padding:0; list-style-position:inside; } .productdetail ul li { display:inline; margin:0; padding:0;} .productdetailthumbfirst { border:1px solid #343340; margin-right:3px; margin-left:1px;} .productdetailthumb { border:1px solid #343340; margin-right:2px;} .banner { padding: 5px 0 0 0; width: 748px; height: 24px; float: left; text-align: center; border-top: 1px solid #25242c; color: #ffffff; font-size:11px; font-weight:bold;} .banner span { color: #999999; } .productdetailthumblast { border:1px solid #FFFFFF; margin-right:0px;} .productcontentright { width:450px; float:right; margin-top:20px; color: #666666; padding-right: 5px; color: #ffffff; font-size: 12px; } .productcontentright h1 { font-size: 14px; } .productcontentright a { color: #e9000f; } .productcontentright a:hover { text-decoration: none; } .maincheckout {width:930px; float:left; overflow:hidden; margin-top: 10px; background:#000000; color:#FFFFFF; padding: 0 0 0 5px;} /* checkout bar */ #barContainer { width: 757px; height: 32px; background: url(../../../images/cart-bar-bg.png) no-repeat; overflow: hidden; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 3px;} #barContainer ul { list-style-type: none; margin: 6px 0 0 0; padding: 0 0 0 10px; } #barContainer ul li { display: inline; color: #999999; margin-left: 125px } #barContainer .selected { color: #ffffff; } #barContainer .first { margin-left: -10px; } /* checkout cart */ .cartTop { background: url(../../../images/cart-top.gif) no-repeat; width: 930px; height: 12px; } .cartContent { background: url(../../../images/cart-bg.gif) repeat-y; width: 930px; } .cartContent table { margin: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } .cartContent input, .cartContent select { margin-left: 10px; } .cartBottom { background: url(../../../images/cart-bottom.gif) no-repeat; width: 930px; height: 12px; } .cartMargin { margin-top: 2px; } .styletop { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; } .clear { clear: both; } .pageTop { background: url(../../../images/cart-top.gif) no-repeat; width: 930px; height: 12px; margin-left: 5px; } .pageContent { background: url(../../../images/cart-bg.gif) repeat-y; width: 930px; color: #ffffff; padding: 0 20px 0 20px;font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 5px; } .pageContent p { padding-right: 35px; } .pageContent .hr { border: 1px solid #000000; } .pageContent h3 { clear: both; } .pageContent ul { list-style: none; margin: 10px 0; clear: both; } .pageContent ul.productList li { display: inline-block; float: left; width: 200px; margin: 0 40px 20px 0; } .pageContent ul.productList li .productTitle { padding: 5px; border: 1px solid #2a2933; margin: 0 0 2px 0; text-align: center; } .pageContent ul.productList li .productPhoto { border: 1px solid #2a2933; margin: 0 0 2px 0; } .pageContent ul.productList li a.moreInfo { width:100px; height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:right; text-align:center;} .pageContent ul.productList li .price { width:94px; height:20px; background:#000000; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; float:left;text-align:center;} h6 { padding-right: 35px; font-family: Arial; font-size: 10px; font-style:normal;} .h6 { padding-right: 35px; font-family: Arial; font-size: 10px; font-style:normal;} .pageContent a { color: #ffffff; text-decoration: underline; } .pageContent hr { padding-bottom: 10px; } .pageContent textarea { margin-left: 10px; } .pageContent table { margin: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } .pageContent input, .cartContent select { margin-left: 10px; } .pageBottom { background: url(../../../images/cart-bottom.gif) no-repeat; width: 930px; height: 12px; margin-left: 5px; } div.wrapper {float: left; width: 205px;font-size:12px; margin: 10px 10px 10px 0; } div.wrapper2 {float: left; width: 410px;font-size:12px; margin: 10px 10px 10px 0; } div.wrapper3 {float: left; font-size:12px; margin: 10px 10px 10px 0; } div.wrapper ol, div.wrapper2 ol, div.wrapper3 ol { list-style:square; margin-left:15px; margin-top:3px;} .butfix { margin: 0 10px 0 10px; } /* Begin GLOBAL NAVIGATION ---------------------------------- */ .menu {position:relative; z-index:100;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;position:relative; margin: 2px 0 0 0; } /* style the links for the top level */ /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; padding: 0 0 5px 10px; position:absolute;top:29px;left:0; width:200px;border-left:1px solid #343340; border-right: 1px solid #343340; border-bottom: 1px solid #343340; background: #000000;} /* another hack for IE5.5 */ * html .menu ul ul {top:28px;t\op:29px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:200px; border: 1px solid #343340; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a {color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:200px;border-width:0 1px 1px 1px;} .menu ul ul li { text-align:left; width:200px; } /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:200px;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} .menu ul li a strong { color: #E9000F; } .menu ul li a:hover strong { color: #FFFFFF; } .relatedControls { width: 750px; } .relatedControls .relatedPrev { float: left; } .relatedControls .relatedNext { float: right; } .relatedControls .relatedPrev a, .relatedControls .relatedNext a { height:20px; background:#e9000f; color:#FFFFFF; border:1px solid #999898; display:block; font-size:11px; font-weight:bold; text-decoration:none; line-height:20px; text-align:center; padding: 0 10px; margin: 10px 0 0 0; } .relatedControls .relatedPrev a:hover, .relatedControls .relatedNext a:hover { background: #000000; } .relatedControls .relatedDisabled { display: none; } .width220 { width: 220px !important; } .height210 { height: 228px !important; } .height200 { height: 218px !important; } .height192 { height: 204px !important; } .height180 { height: 214px !important; } .deliveryHeader { color:#FFFFFF; float:left; margin:8px 0 0 105px; text-align:center; } .categoryDescription { float: left; width: 730px; color: #ffffff; margin: 0 0 0 10px;} .categoryDescription h1 { font-size: 17px; margin: 0 0 10px 0; } .categoryDescription p { font-size: 12px; } .categoryDelivery { width:180px; float: right; color: #ffffff; padding-right: 5px; padding-left: 10px; }