*{font-size:100.01%} html { font-size:62.5%; height:100%; background:#abaaa5; } body { color:#333; font:1.1em arial, helvetica, sans-serif; margin:0; background:#abaaa5 url('body-bg.jpg') repeat-x 0 100%; min-height:100%; min-width:760px; } * html body {height:100%;} /* Common Parts */ a {color:#333;} a:hover {text-decoration:none;} p { margin:0 0 15px; line-height:1.455em; } img {border-style:none;} form, fieldset { margin:0; padding:0; border-style:none; } input, select, label, textarea {vertical-align:middle;} input.text, select, textarea { font:100% arial, helvetica, sans-serif; color:#333; } ul { margin:0 0 15px 15px; padding:0; } ul ul {margin:2px 0 2px 15px;} /* Main Blocks */ #conianer { background:#fff url('body-top-bg.jpg') repeat-x; } #inner { background:url('header-bg.jpg') no-repeat 50% 52px; width:100%; overflow:hidden; } #main { width:760px; margin:0 auto; position:relative; padding-top:272px; } /* heading */ #heading { position:absolute; width:100%; height:260px; top:0; left:0; } /* top panel */ .top-panel { position:relative; height:52px; width:100%; overflow:hidden; } /* login */ .login { float:right; font-weight:bold; font-size:1.091em; } .login a { float:left; background:url('btn-login-left-bg.gif') no-repeat; color:#000; text-decoration:none; } .login span { float:left; background:url('btn-login-right-bg.gif') no-repeat 100% 0; line-height:12px; height:17px; overflow:hidden; padding:1px 10px 0 25px; cursor:pointer; } * html .login span { height:16px; padding-top:2px; } .login a:hover {background-position:0 -18px;} .login a:hover span {background-position:100% -18px;} /* navigation */ .nav { overflow:hidden; margin:0; list-style:none; bottom:0; right:0; position:absolute; font-weight:bold; font-size:1.091em; padding-right:1px; } .nav li { float:left; margin-right:-2px; display:inline; background:url('split.gif') no-repeat 0 50%; padding-right:2px; } .nav li:first-child {background:none;} .nav a { display:block; margin:0 0 0 1px; padding:1px 0 0; color:#333; text-decoration:none; } .nav a span { display:block; margin:0 -1px; padding:2px 10px; color:#333; } .nav li a:hover, .nav li.active a { position:relative; background:#600000; color:#fff; } .nav li a:hover span, .nav li.active a span { background:#600000; color:#fff; } /* main info */ .main-info { position:absolute; top:52px; left:0; width:100%; height:208px; color:#fff; } .main-info a {color:#fff;} /* logo */ .logo { float:left; background:url('logo.gif') no-repeat; width:215px; height:75px; overflow:hidden; text-indent:-9999em; margin:40px 0 0 34px; } .logo a { display:block; height:100%; } /* order box */ .order-box { width:158px; padding:10px 0 0 0; float:right; } .order-box strong { display:block; margin:0 0 7px; width:119px; height:22px; overflow:hidden; background:url('title-order.gif') no-repeat; text-indent:-9999em; } .order-box ul { margin:0 0 10px 17px; list-style:none; font-size:1.091em; } .order-box li { padding:5px 0 2px 37px; background-repeat:no-repeat; } .order-box li.item { background-image:url('ico-item.gif'); } .order-box li.price { background-image:url('ico-price.gif'); background-position:6px 0; } .order-box ul.buttons { margin:0 auto; width:108px; } .order-box ul.buttons li { padding:0; margin-bottom:8px; } .order-box a { display:block; text-indent:-9999em; overflow:hidden; background:url('buttons-order.gif') no-repeat 0 23px; width:108px; height:23px; font-size:1px; } .order-box .view-order a {background-position:0 0;} .order-box .view-order a:hover {background-position:100% 0;} .order-box .checkout a {background-position:0 100%;} .order-box .checkout a:hover {background-position:100% 100%;} .main-info p { color:#fff; position:absolute; margin:0; bottom:52px; left:20px; font:.909em Verdana, Arial, Helvetica, sans-serif; } .bottom-panel { position:absolute; width:100%; height:47px; left:0; bottom:0; } .bottom-panel ul { margin:15px 0 0 11px; list-style:none; color:#333; /*font:bold 1.091em Verdana, Arial, Helvetica, sans-serif;*/ font:bold 0.86em Verdana, Arial, Helvetica, sans-serif; float:left; width:571px; } .bottom-panel li { float:left; margin:0 10px 0 0; } .bottom-panel li a { color:#333; text-decoration:none; } .bottom-panel li a:hover {text-decoration:underline;} .btn-store { float:right; width:166px; height:47px; overflow:hidden; text-indent:-9999em; background:url('btn-store.gif') no-repeat; } .btn-store:hover {background-position:0 100%;} /* container */ #container { width:100%; overflow:auto; } /* main content */ #main-content { float:left; width:584px; } /* general box */ .general-box { margin:0 0 14px; /*background:url('mask.gif') no-repeat;*/ height:199px; width:100%; overflow:hidden; position:relative; } .general-box span { position:absolute; top:0; left:0; width:100%; height:100%; /*background:url('mask.png') no-repeat;*/ z-index:1; } .general-box img {display:block;} .general-box h1 { font-size:1.5em; margin:0 0 3px; } .general-box .text { position:absolute; z-index:2; color:#fff; font:.909em Verdana, Arial, Helvetica, sans-serif; top:15px; left:1px; width:580px; } #content_overlay{ width:  572px; color:#fff; font:.909em Verdana, Arial, Helvetica, sans-serif; margin-top:15px; left:1px; background:url(../images/text-box-bg.png) repeat-y; } #content_overlay p{ padding: 5px 10px; } #content_overlay h1{ padding: 5px 0px 0 10px; margin:  0px; } .general-box .text .content { width:560px; background:url('text-box-bg.png') repeat-y; padding:10px; } .general-box .text .btm { height:5px; width:580px; overflow:hidden; background:url('text-box-btm-bg.png') no-repeat; } .general-box .text p {margin:0;} /* boxes row */  .boxes-row { width:100%; margin:0 0 21px; overflow:hidden; background:url('box-bg.gif') repeat-y; } .main-content { width: 100%; margin: 0 0 21px; overflow: hidden; } .boxes-row .inner { width:100%; overflow:hidden; background:url('box-btm-bg.gif') no-repeat 0 100%; } .box { float:left; margin:0 12px 0 0; width:152px; background:url('box-top-bg.jpg') no-repeat; padding:15px; min-height:120px; } * html .box {height:120px;} .box p {margin:0;} .box h2 { color:#a0002d; font-weight:normal; font-size:1.455em; margin:0 -10px 4px 0; padding-right:20px; min-height:40px; } * html .box h2 {height:40px;} .stock h2 {background:url('ico-stock.gif') no-repeat 100% 50%;} .service h2 {background:url('ico-service.gif') no-repeat 100% 50%;} .shopping h2 {background:url('ico-shopping.gif') no-repeat 100% 100%;} .ordering h2 {background:url('ico-register.gif') no-repeat 100% 100%;} .discounts h2 {background:url('ico-discounts.gif') no-repeat 100% 50%;} .support h2 {background:url('ico-support.gif') no-repeat 100% 50%;} /* sidebar */ #sidebar { width:167px; float:right; } /* contact box */ .contact-box { background:url('contact-box.gif') no-repeat; width:100%; height:117px; margin:0 0 10px; position:relative; } .contact-box strong, .contact-box label { display:block; text-indent:-9999em; } .contact-box div { position:absolute; bottom:14px; left:22px; width:123px; } .contact-box input { float:left; margin:3px 5px 0 0; } .contact-box input.text { width:97px; padding:1px 0; margin:-1px 0 0 -1px; font-size:11px; border:1px solid #fff; } .contact-box span { float:left; width:95px; height:17px; overflow:hidden; } /* add navigation */ .add-nav { width:164px; border:1px solid #ccc; background:url('add-nav-bg.gif') repeat-x 0 100%; position:relative; font-size:1.091em; } .add-nav ul { margin:0 -1px -1px; list-style:none; width:166px; background:url('add-nav-btm-bg.gif') no-repeat 0 100%; position:relative; padding-bottom:10px; } .add-nav ul:after { content:""; clear:both; display:block; } .add-nav li { float:left; width:100%; } .add-nav strong { display:block; background:#a52c25 url('title-bg.gif') repeat-x; color:#fff; padding:3px 10px 3px 20px; } .add-nav ul ul { margin:0; background:none; padding:0; } .add-nav ul ul a { display:block; padding:3px 10px 3px 20px; text-decoration:none; } .add-nav ul ul a:hover { background:#222636; color:#fff; } .add-nav span { background:url('add-top-bg.gif') no-repeat; width:166px; height:6px; overflow:hidden; position:absolute; top:-1px; left:-1px; } /* footer */ #footer { background:url('dash.gif') repeat-x; padding:25px 0 120px; } /* ordering steps */ .ordering-steps { background:url('shadow.gif') no-repeat 50% 0; margin-bottom:10px; width:100%; overflow:hidden; } .ordering-steps .inner { width:760px; margin:0 auto; min-height:144px; background:#93b8d3 url('ordering-steps-btm-bg.gif') no-repeat 0 100%; } * html .ordering-steps .inner {height:144px;} .ordering-steps h3 { background:url('title-ordering-steps.gif') no-repeat; height:32px; overflow:hidden; text-indent:-9999em; margin:0; } .ordering-steps ol { width:584px; overflow:hidden; margin:0; list-style:none; padding:0; color:#333; font-size:.909em; } .ordering-steps li { float:left; width:116px; padding:10px 15px; } .ordering-steps ol span { display:block; width:37px; height:46px; overflow:hidden; margin:0 auto 10px; text-indent:-9999em; background:url('num.gif') no-repeat; } .ordering-steps ol .two span {background-position:-37px 0;} .ordering-steps ol .three span {background-position:-74px 0;} .ordering-steps ol .four span {background-position:-111px 0;} /* getting around */ .getting-around { background:url('getting-around-shadow.jpg') no-repeat 50% 0; margin-bottom:20px; width:100%; overflow:hidden; } .getting-around .inner { width:760px; margin:0 auto; min-height:208px; background:#fff url('getting-around-btm-bg.gif') no-repeat 0 100%; } * html .getting-around .inner {height:208px;} .getting-around h3 { background:url('title-getting-around.gif') no-repeat; height:38px; overflow:hidden; text-indent:-9999em; margin:0 0 20px; } .getting-around ul { width:100%; overflow:hidden; margin:0 0 10px; list-style:none; color:#888483; } .getting-around li { float:left; padding:0 15px; background:url('border.gif') no-repeat; margin:0 1px 0 -1px; min-height:121px; } * html .getting-around li {height:121px;} .about {width:94px;} .resources {width:80px;} .delivery {width:60px;} .shopping-with-us {width:140px;} .terms {width:112px;} .contacts {width:70px;} .getting-around ul ul { width:auto; } .getting-around li li { float:none; padding:0; margin:3px 0 0; background:none; min-height:1px; width:auto !important; } * html .getting-around li li {height:auto;} .getting-around a { color:#888483; text-decoration:none; } .getting-around a:hover { text-decoration:none; color:#0f0f0f; } /* bottom part */ .bottom-part {	 width:760px; margin:0 auto; color:#ccc; font:bold 1.091em Verdana, Arial, Helvetica, sans-serif; text-align:center; } .bottom-part address { font-style:normal; line-height:1.333em; } .bottom-part a { color:#ccc; text-decoration:none; } .bottom-part a:hover{text-decoration:underline;} .bottom-part ul { margin:0 0 15px; list-style:none; } .bottom-part li { display:inline; margin:0 5px; } .bottom-part img {vertical-align:middle;} .slideshow_wrap {height:199px; width:584px;}