html { background: #202020; }
body { margin: 0; color: #fff; background: #202020 url(../img/body.gif) repeat-x; }
body, input, textarea, select { font: 11px/1.5em Tahoma, Arial, sans-serif; }
a { color: #fb2c44; text-decoration: none; border-bottom: solid 1px #5c0b14; }
a:hover { text-decoration: none; border-bottom-color: #fb2c44; }
img { border: none; }
p { margin: 1em 0; }
ul { padding: 0; margin: 0; list-style: none; }
form { margin: 0; }
hr { height: 0; border: none; border-bottom: solid 1px #efefef; }
div.hr { margin: 15px 0; border-bottom: solid 1px #efefef; width: 100%; clear: both; }
div.hr hr { display: none; } 


#wrapper { width: 970px; margin: 0 auto; }

#top { height: 174px; position: relative; background: url(../img/top.jpg); z-index: 10; }
#top h1 { position: absolute; top: 45px; left: 29px; margin: 0; }
#top h1 a { border-bottom: none; }
#top form.newsletter { position: absolute; top: 73px; right: 0; }
#top form.newsletter span.form { display: inline-block; width: 143px; height: 28px; padding: 6px 0 0 6px; background: url(../img/newsletter.bg.gif); }
#top form.newsletter label { display: inline-block; height: 40px; line-height: 38px; vertical-align: top; color: #bdb7b8; width: 190px; text-align: right; }
#top form.newsletter input.text { width: 104px; height: 16px; padding: 6px 5px 6px 10px; border: none; background: url(../img/newsletter.text.gif); vertical-align: top; color: #fff; }
#top form.newsletter input.submit { margin: 4px 4px 0 0; }
#top .lang { position: absolute; top: 17px; right: 190px; border: none; color: #fff; }
#top .lang a { border-bottom: none; }
#top .lang img { margin: 0 4px 0 0; }
#top #google_translate_element { position: absolute; top: 10px; right: 0; text-align: right; }
#top #google_translate_element a { border: none; }

#menu { position: absolute; top: 132px; right: 21px; z-index: 10; }
#menu li.lvl1 { float: left; display: inline; padding: 0 0 2px 0; margin: 0 0 0 12px; position: relative; }
#menu li.lvl1 a { border-bottom: none; }
#menu li.lvl1 a.lvl1 { float: left; height: 19px; padding: 9px 6px 0 6px; border-bottom: none; color: #fff; font: bold 12px/12px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#menu li.lvl1 ul.lvl2 { display: none; width: 170px; padding: 5px 10px; background: #000 url(../img/menu.ul-lvl2.jpg) no-repeat; position: absolute; top: 29px; left: 0; }
#menu li.lvl1 ul.lvl2 li.lvl2 { padding: 5px 0; }
#menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2 { color: #fff; text-decoration: none; }
#menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2:hover { color: #fb2c44; }
#menu li.lvl1:hover a.lvl1,
#menu li.lvl1-hover a.lvl1,
#menu li.lvl1 a.lvl1-current { background: #000; color: #e3001a; }
#menu li.lvl1:hover ul.lvl2,
#menu li.lvl1-hover ul.lvl2 { display: block; } 
#menu li.lvl1-parent:hover a.lvl1,
#menu li.lvl1-parent-hover a.lvl1 { border-bottom: solid 1px #5d5d5d; }

#main { float: right; width: 646px; height: 184px; position: relative; background: url(../img/main.jpg) -324px 0 no-repeat;  display: inline; }
#main img.price { position: absolute; top: 101px; left: 0; }
#main div.price-note { position: absolute; top: 157px; left: 126px; font-size: 10px; line-height: 14px; }
#main img.slogan { position: absolute; top: 101px; left: 177px; }
#main div.slogan { position: absolute; top: 101px; right: 25px; font: bold 22px/22px "Trebuchet MS", Arial, sans-serif; letter-spacing: 1px; text-shadow: 1px 1px 0 #000; }
#main div.slogan2 { position: absolute; top: 130px; right: 25px; color: #DB374A; text-shadow: 1px 1px 0 #000; font-size: 13px; }
#main img.payment { position: absolute; top: 226px; left: 438px; }
#main div.shipping { position: absolute; top: 157px; right: 26px; text-align: right; font-size: 10px; line-height: 14px; color: #b3adad; }
#main img.price { position: absolute; top: px; left: px; }

#content { width: 588px; min-height: 600px; padding: 0 29px 20px 29px; margin: 0 0 -1px 0; float: right; background: #fff url(../img/content.gif) 0 41px repeat-x; color: #494848; display: inline; }
#content a { border-bottom-color: #ffdbdf; }
#content a:hover { border-bottom-color: #fb2c44; }
#content h2 { height: 29px; padding: 12px 0 0 29px; margin: 0 -29px 20px -29px; background: #000; color: #D5D1D1; font: bold 16px/16px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#content h3 { font-size: 15px; color: #e3001a; font-weight: normal; }
#content h4 { font-size: 13px; color: #e3001a; font-weight: normal; }
#content h5 { font-size: 11px; font-weight: bold; }
#content ul { margin: 1em 0; }
#content ul li { background: url(../img/bullet.gif) 0 7px no-repeat; padding: 0 0 0 8px; }
#content p.intro { font-size: 13px; color: #222222; }
#content div.photo { margin: 1em -5px; }
#content div.video { padding: 3px 0; margin: 1em -29px; border: solid 1px #dedede; border-width: 1px 0; text-align: center; }
#content div.video * { vertical-align: bottom; }
#content table { border-collapse: collapse; }
#content table tr { }
#content table tr th,
#content table tr td { padding: 5px 9px; vertical-align: top; }
#content table tr th { background: #404040; color: #fff; text-align: left; font-size: 1em; }
#content table tr td { border-bottom: solid 1px #dedede; }
#content span.border { display: inline-block; padding: 0 0 0 0; background: url(../img/border1a.gif) 0 0 no-repeat; }
#content span.border span.border { padding: 6px 0 0 0; background: url(../img/border1b.gif) 100% 0 no-repeat; }
#content span.border span.border span.border { padding: 0 6px 0 0; background: url(../img/border1c.gif) 100% 100% no-repeat; }
#content span.border span.border span.border span.border { padding: 0 0 6px 6px; background: url(../img/border1d.gif) 0 100% no-repeat; }
#content span.border span.border span.border span.border img { vertical-align: bottom; }
#content div.news { }
#content div.news h3 { margin: 30px 0 4px 0; }
#content div.news div.text p { margin-top: 2px; }
#content div.news-list div.news div.text p a { border-bottom: none; color: #494848; }
#content div.pagination { margin: 20px 0; text-align: center; }
#content div.pagination a { margin: 0 3px; }
#content div.pagination a.current { border-bottom: none; color: #494848; }
#content div.pagination ul { display: inline; }
#content div.pagination ul li { display: inline; padding: 0; background: none; }
#content div.box { background: #f6f5f5; border: solid 1px #dedede; margin: 20px -29px; padding: 0 29px 10px 29px; }
#content div.box h4 { color: #494848; }
#content div.box p { margin: 5px 0; }
#content form { }
#content form input.text,
#content form textarea { padding: 5px; background: #f6f5f5; border: solid 1px #e8e6e6; }
#content form input.text { height: 16px; }
#content form textarea { }
#content form input.button { height: 28px; background: #8cae77; border: solid 1px #7ca365; color: #fff; font-weight: bold; }
#content form div.f { padding: 0 0 4px 0; }
#content form div.f label { display: inline-block; width: 100px; padding: 5px 0 0 0; line-height: 14px; vertical-align: top; }
#content form div.f input.text { width: 210px; }
#content form div.f textarea { width: 470px; height: 110px; vertical-align: bottom; }
#content form div.f span.messages { display: inline-block; padding: 0 0 0 5px; color: #e3001a; }
#content form div.error input.text,
#content form div.error textarea { border-color: #e3001a; }
#content form div.btn { padding: 0 0 0 100px; }
#content form.order { }
#content form.order h4 { color: #494848; float: left; margin-top: 0; }
#content form.order div.f { }
#content form.order div.f label { width: 170px; }
#content form.order div.f textarea { width: 210px; height: 80px; }
#content form.order div.btn { padding: 10px 0 0 170px; }
#content form.order div.info { padding: 1px 0 0 173px; }
#content form.order div.checkbox { padding: 0 0 0 173px; line-height: 20px; }
#content form.order div.checkbox label { width: 380px; padding: 3px 0 0 5px; line-height: 16px; }
#content form.order div.checkbox input.checkbox { margin: 0; }
#content form.order div.checkbox span.messages { padding-left: 0; }
#content form.order div.products { height: 286px; background: url(../img/products.gif) 0 100% no-repeat; margin: 0 0 12px 0; }
#content form.order div.products div.product { width: 195px; height: 282px; margin: 0 1px 0 0; float: left; text-align: center; }
#content form.order div.products div.product img.photo { display: block; margin: 0 0 -13px 0; }
#content form.order div.products div.product div.name { font-size: 13px; margin: 0 0 5px 0; }
#content form.order div.products div.product div.f { height: 27px; }
#content form.order div.products div.product div.f label { width: auto; line-height: 20px; padding: 0 5px 0 0; }
#content form.order div.products div.product div.product-total { }
#content form.order div.products div.product div.product-total strong { color: #e3001a; }
#content form.order div.delivery { clear: both; }
#content form.order div.f-order-firstName { clear: both; }
#content form.order div.f-order-subscribe { padding-top: 10px; }
#content form.order div.f-order-paymentMethodId {  }
#content form.order div.f-order-paymentMethodId label { width: auto; padding-right: 10px; padding-left: 173px; }
#content form.order div.total { background: #585858 url(../img/order.total.gif) repeat-x; line-height: 36px; color: #fff; text-align: center; font-size: 13px; margin: 5px 0 12px 0; }

#sidebar { width: 324px; float: left; display: inline; }
#sidebar a { border-bottom: none; }
#sidebar div.tested-on { }
#sidebar div.tested-on div.text { height: 76px; color: #c0bbbb; background: #000; padding: 25px 25px 0 30px; font-size: 16px; line-height: 1.3em; }
#sidebar div.tested-on div.text strong { font-weight: normal; color: #ff4655; }
#sidebar div.tested-on ul { line-height: 16px; width: 230px; padding: 6px 0 25px 29px; }
#sidebar div.tested-on ul li { padding: 4px 0; }
#sidebar div.box { width: 235px; background: #e70923 url(../img/sidebar.box.gif) no-repeat; border-bottom: solid 6px #000; padding: 15px 30px; line-height: 18px; font-size: 12px; }
#sidebar div.box big { font-size: 12px; }
#sidebar div.info { width: 265px; min-height: 93px; background: #dddb49 url(../img/sidebar.info.gif); padding: 7px 15px 3px 15px; font-size: 12px; line-height: 1.2em; color: #000; margin: 30px 0; }
#sidebar div.info p { margin: 5px 0; }

#bottom { clear: both; width: 100%; background: url(../img/line.gif) repeat-x; }
#bottom div.wrapper { width: 970px; margin: 0 auto; background: #fff url(../img/bottom.gif) no-repeat; color: #494848; overflow: hidden; }
#bottom a { border-bottom-color: #ffdbdf; }
#bottom a:hover { border-bottom-color: #fb2c44; }
#bottom h2 { height: 41px; line-height: 41px; font-weight: normal; padding: 0 0 0 30px; }
#bottom h2 a { border-bottom: none; color: #D5D1D1; }
#bottom h2 a:hover { border-bottom: none; }
#bottom h2 img { vertical-align: bottom; }
#bottom div.news { width: 324px; float: left; }
#bottom div.news h2 { margin: 0; }
#bottom div.news div.text { padding: 10px 29px; }
#bottom div.news div.text div.date { margin: 1em 0 0 0; }
#bottom div.news div.text h3 { font-size: 1em; margin: 0; }
#bottom div.news div.text h3 a { border-bottom: none; color: #494848; }
#bottom div.news div.text p { margin-top: 0; }
#bottom div.news div.text p a { border-bottom: none; color: #494848; }
#bottom div.how-it-works { width: 322px; float: left; }
#bottom div.how-it-works h2 { margin: 0; }
#bottom div.how-it-works div.text { padding: 10px 29px; }
#bottom div.photo { padding: 41px 0 0 0; float: left; width: 324px; margin: 0 -3px 0 0; }
#bottom div.photo img { vertical-align: bottom; }

#ft { background: url(../img/line.gif) repeat-x; width: 100%; clear: both; }
#ft div.wrapper { padding: 20px 0 20px 29px; line-height: 20px; width: 970px; margin: 0 auto; }
#ft ul.menu { }
#ft ul.menu li { display: inline; border-left: solid 1px #585858; padding: 0 0 0 10px; margin: 0 0 0 7px; }
#ft ul.menu li.first { border-left: none; padding-left: 0; margin-left: 0; }
#ft ul.menu li a { color: #fff; border-bottom: none; }
#ft ul.menu li a:hover { text-decoration: underline; }
#ft ul.menu li a.current { color: #fb2c44; }
#ft div.copyright { color: #868282; }
#ft div.copyright a { color: #fff; border-bottom: none; }
#ft div.copyright a:hover { text-decoration: underline; }
#ft div.copyright strong { color: #fff; font-weight: normal; }

body.home #main { height: 369px; }
body.home #main div.price-note { top: 200px; left: 81px; }
body.home #main div.shipping { top: 300px; width: 180px; }
body.home #sidebar { height: 369px; background: url(../img/main.jpg) 0 0 no-repeat; }
body.home #ft { background: none; }
