* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline; list-style: none; }
body { margin:0; background:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }
.main { position:relative; margin:0 auto; width:100%; max-width:940px; padding: 0 12px; }
div.top { position: relative; width: 940px; height: 54px; display: block; background: url(images/top-bg.jpg) no-repeat top center; }
div.top .lang { position: relative; float: right; margin: 8px 20px 0 0; }
div.top .lang a { color: #FFF; text-decoration: none; padding-left: 4px; }
div.top .lang p { font-size: 12px; line-height: 15px; color: #FFF; font-weight: bold; padding-bottom: 10px; float: left; padding-top: 10px; }
div.top .lang p a { color: #FFF; }
div.top .lang dl { position: absolute; right: 0; top: 33px; z-index: 1000; width: 124px; background: #999; width:311px;}
div.top .lang dl dd { float: left; }
div.top .lang dl dd a { display: block; padding: 4px 7px; }
div.top .lang dl dd a img { border: 1px solid #FFF; }
div.top .lang dl dd a:hover img { border: 1px solid #999; }
div.menu { position: relative; margin-left: 10px; float: left; }
ul#menu{margin:0; padding:0; list-style:none; clear:both;}
#menu li { overflow:hidden; text-indent:-9999px; display:inline; float:left; margin: 0; }
#menu li a { background: url('images/menu.jpg') no-repeat; width:100%; height:100%; display:block;}
/* home Button */
#menu li.home { width: 71px; height:46px;}
#menu li.home a { background-position:0 0;}
#menu li.home a:hover { background-position:0 -46px;}
#menu li.home a.selected { background-position:0 -92px;}
/* formula Button */
#menu li.formula { width:173px; height:46px;}
#menu li.formula a { background-position:-71px 0;}
#menu li.formula a:hover { background-position:-71px -46px;}
#menu li.formula a.selected { background-position:-71px -92px;}
/* howitworks Button */
#menu li.howitworks { width:106px; height:46px;}
#menu li.howitworks a { background-position:-244px 0;}
#menu li.howitworks a:hover { background-position:-244px -46px;}
#menu li.howitworks a.selected { background-position:-244px -92px;}
/* faq Button */
#menu li.faq { width:46px; height:46px;}
#menu li.faq a { background-position:-350px 0;}
#menu li.faq a:hover { background-position:-350px -46px;}
#menu li.faq a.selected { background-position:-350px -92px;}
/* guarantee Button */
#menu li.guarantee { width:92px; height:46px;}
#menu li.guarantee a { background-position:-396px 0;}
#menu li.guarantee a:hover { background-position:-396px -46px;}
#menu li.guarantee a.selected { background-position:-396px -92px;}
/* testimonial Button */
#menu li.testimonial { width:88px; height:46px;}
#menu li.testimonial a { background-position:-488px 0;}
#menu li.testimonial a:hover { background-position:-488px -46px;}
#menu li.testimonial a.selected { background-position:-488px -92px;}
/* getnow Button */
#menu li.getnow { width:99px; height:46px;}
#menu li.getnow a { background-position:-576px 0;}
#menu li.getnow a:hover { background-position:-576px -46px;}
#menu li.getnow a.selected { background-position:-576px -92px;}
.home_header { position: relative; height: 480px; background: url(images/home_cta1.png) no-repeat top center; padding-bottom: 80px; }
.home_header .logo { position: relative; float: left; margin-top: 24px; margin-bottom: 42px; }
.home_header h2.top { position: relative; float: right; font-size: 35px; line-height: 38px; color: #2d4467; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; margin: 52px 0; text-transform: uppercase; }
.home_header h2.top span { display: block; font-size: 19px; line-height: 26px; }
.home_header .flash { position: relative; float: left; }
.home_header .addupto { position: relative; float: right; top:130px}
.home_header .addupto a.order { position: absolute; top: 270px; right: 0; }
.header { position: relative; height: 236px; background: url(images/header-bg.jpg) no-repeat top center; padding-bottom: 20px; }
.header .logo { position: relative; float: left; margin-top: 24px; margin-bottom: 42px; }
.header h2.top { position: relative; float: right; font-size: 35px; line-height: 38px; color: #2d4467; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; margin: 52px 0; text-transform: uppercase; }
.header h2.top span { display: block; font-size: 19px; line-height: 26px; }
.header1 {
background: url("images/tlo-blu.jpg") no-repeat scroll center top transparent;
height: 193px;
padding-bottom: 20px;
position: relative;
}
.header2 {
background: url("images/tlo-blu.jpg") no-repeat scroll center top transparent;
height: 193px;
padding-bottom: 20px;
position: relative;
}
.header1 .logo { position: relative; float: left; margin-top: 24px; margin-bottom: 42px; }
.header1 h2.top { position: relative; float: right; font-size: 35px; line-height: 38px; color: #2d4467; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; margin: 52px 0; text-transform: uppercase; }
.header1 h2.top span { display: block; font-size: 19px; line-height: 26px; }
.header2 .logo { position: relative; float: left; margin-top: 24px; margin-bottom: 42px; }
.header2 h2.top { position: relative; float: right; font-size: 35px; line-height: 38px; color: #2d4467; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; margin: 52px 0; text-transform: uppercase; }
.header2 h2.top span { display: block; font-size: 19px; line-height: 26px; }
div.colA { position: relative; width:57%;max-width: 540px; float: left;padding:0 0 0 1%}
div.colB { position: relative; width:36%;max-width: 380px; float: right;margin:7% 0 0 0;}
h2.content { position: relative; font-size: 24px; line-height: 32px; color: #59b1b6; font-weight: bold; letter-spacing:-0.08em; padding: 0px 0 20px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
h2.content { letter-spacing:-0.12em; }
}
h2.content span { font-size: 24px; line-height: 26px; color: #10768c; display: block; }
h2.content span.small { font-size: 20px; line-height: 23px; letter-spacing:-0.08em; }
h3 { font-size: 20px; line-height: 23px; letter-spacing:-0.06em; color: #10768c; display: block; font-weight: bold; padding-bottom: 20px; }
h3 span { font-size: 34px; line-height: 39px; color: #2d4467; font-style: italic; }
p { font-size: 13px; line-height: 18px; }
span.box { float: right; width: 152px; height: 193px; display: block; background: url(images/home-box_xtrasize.jpg) no-repeat; }
span.box2 { float: right; width: 130px; height: 130px; display: block; background: url(images/guarantee-box_xtrasize.jpg) no-repeat; }
span.graphic { float: left; width: 264px; height: 172px; display: block; background: url(images/home-graphic.jpg) no-repeat; padding-right: 20px; padding-bottom: 15px; }
#home { position: relative; }
#home div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#home div.p2 { position: relative; }
#home div.p2 p { padding-bottom: 20px; line-height: 20px; }
#formula { position: relative; }
#formula div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#formula div.ingredients { position: relative; }
#formula div.ingredients .item { position: relative; padding-bottom: 20px; }
#formula div.ingredients .item .img { float: left; width: 170px; height: 171px; }
#formula div.ingredients .item .text { float: left; width: 325px; padding-left: 10px; }
#formula div.ingredients .item .text h3 { font-size: 14px; line-height: 16px; font-weight: bold; color: #509aab; font-style: italic; padding-bottom: 10px; text-transform: uppercase; }
#formula div.ingredients .item .text p { line-height: 16px; }
#formula div.other { position: relative; margin-bottom: 20px; }
#formula div.other .p2 { background: url(images/ico-xtra.jpg) no-repeat top left; padding-left: 20px; padding-bottom: 10px; }
#formula div.other .p2 p { font-size: 12px; border-bottom: 3px double #cad0d9; padding-bottom: 10px; }
#formula div.other .p2 p a { text-decoration: none; color: #10768c; font-weight: bold; }
#formula div.box1 { position: relative; margin-bottom: 30px; }
#formula div.box1 p { position: absolute; top: 70px; left: 16px; font-size: 13px; line-height: 15px; width: 312px; text-align:justify; }
#formula div.box1 h3.box { position: absolute; top: 145px; left: 15px; font-size: 19px; line-height: 20px; width: 276px; color: #2d4467; }
#formula div.box1 h3.box span { font-size: 24px; line-height: 24px; }
#formula div.box1 h3.box a{color: #2d4467;}
#howitworks { position: relative; }
#howitworks div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#howitworks div.box1 { position: relative; margin-bottom: 30px; }
#howitworks div.box1 p { position: absolute; top: 70px; left: 16px; font-size: 13px; line-height: 15px; width: 312px; text-align:justify; }
#howitworks div.box1 h3.box { position: absolute; top: 145px; left: 15px; font-size: 19px; line-height: 20px; width: 276px; color: #2d4467; }
#howitworks div.box1 h3.box span { font-size: 24px; line-height: 24px; }
#howitworks div.box1 h3.box a{color: #2d4467;}
#faq { position: relative; }
#faq div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#faq div.questions { position: relative; }
#faq div.questions ul li { position: relative; display: block; padding: 4px 0; }
#faq div.questions ul li a { font-size: 14px; line-height: 17px; color: #2d4467; font-weight: bold; }
#faq div.questions ul li a span { background: url(images/ico-xtra.jpg) no-repeat left top; float: left; width: 13px; height: 17px; display: block; padding-right: 5px; padding-bottom: 15px; }
#faq div.questions ul li p.reply1,
#faq div.questions ul li p.reply2,
#faq div.questions ul li p.reply3,
#faq div.questions ul li p.reply4,
#faq div.questions ul li p.reply5,
#faq div.questions ul li p.reply6,
#faq div.questions ul li p.reply7,
#faq div.questions ul li p.reply { position: relative; font-size: 13px; line-height: 16px; color: #000; background: #cdeced; padding: 16px 16px 25px 16px; margin-top: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#faq div.questions ul li a.close { position: absolute; bottom: 8px; right: 8px; font-size: 11px; line-height: 13px; color: #000; font-weight: normal; padding: 0; background: none; }
#faq div.box1 { position: relative; margin-bottom: 30px; }
#faq div.box1 p { position: absolute; top: 70px; left: 16px; font-size: 13px; line-height: 15px; width: 312px; text-align:justify; }
#faq div.box1 h3.box { position: absolute; top: 145px; left: 15px; font-size: 19px; line-height: 20px; width: 276px; color: #2d4467; }
#faq div.box1 h3.box span { font-size: 24px; line-height: 24px; }
#faq div.box1 h3.box a{color: #2d4467;}
#guarantee { position: relative; }
#guarantee div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#guarantee div.doctorapproved { position: relative; background: url(images/guarantee-img.jpg) no-repeat left top; padding-left: 206px; margin-bottom: 30px; min-height: 337px; display: block; }
#guarantee div.doctorapproved p.doctor { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #475b7a; font-style: italic; letter-spacing:-0.08em; }
#guarantee div.doctorapproved p { font-size: 13px; line-height: 22px; }
#guarantee div.box1 { position: relative; margin-bottom: 30px; }
#guarantee div.box1 p { position: absolute; top: 70px; left: 16px; font-size: 13px; line-height: 15px; width: 312px; text-align:justify; }
#guarantee div.box1 h3.box { position: absolute; top: 145px; left: 15px; font-size: 19px; line-height: 20px; width: 276px; color: #2d4467; }
#guarantee div.box1 h3.box span { font-size: 24px; line-height: 24px; }
#guarantee div.box1 h3.box a{color: #2d4467;}
#testimonials { position: relative; }
#testimonials div.p1 { position: relative; width: 518px; margin-bottom: 30px; }
#testimonials div.testimony { position: relative; margin-bottom: 30px; width: 490px; }
#testimonials div.testimony h3 { font-family: Arial, Helvetica, sans-serif; font-size: 29px; line-height: 36px; font-style: italic; color: #2d4467; font-weight: normal; letter-spacing:0; text-transform: none; }
#testimonials div.testimony img.prove { float: left; border: 4px solid #86cfd3; }
#testimonials div.testimony img.depo { border: 4px solid #86cfd3; }
#testimonials div.testimony p { font-size: 13px; line-height: 22px; color: #000; padding: 20px 0 30px 0; text-align: justify; border-bottom: 3px double #cad0d9; }
#testimonials div.testimony p span {position: absolute; bottom: 0; right: 0; display: block; font-size: 14px; line-height: 36px; color: #10768c; font-weight: bold; font-style: italic; }
#testimonials div.testimony p a {text-decoration: underline; color: #10768c;}
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
/* To create the 'shadow' effect over the page */
#overlay{ background-image: url(images/overlay.png); }
* html #overlay{ background-color: #000; background-color: transparent; background-image: url(https://xtrasize.nl/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }
#lightbox img{ border: none; }
#overlay img{ border: none; }
#page_navigation a { font-size: 14px; line-height: 40px; color: #5d8dab; text-transform: uppercase; font-weight: bold; margin-left: 8px; padding: 4px 10px; }
#page_navigation a:hover { background: #d0dee7; }
#page_navigation a.previous_link { font-style: italic; margin-right: 24px; margin-left:0; }
#page_navigation a.next_link { font-style: italic; margin-left: 24px; }
#page_navigation a.active_page { background: #d0dee7; }
#ordernow { position: relative; }
#ordernow div.p1 { position: relative; width: 530px; margin-bottom: 30px; background: url(https://xtrasize.nl/images/satisfaction_seal.jpg) no-repeat right top; }
#ordernow div.p1 p { padding-right: 140px; }
div.orderpack { position: relative; float: left; z-index:1000; margin-bottom: 40px; }
ul#orderpack{margin:0; padding:0; list-style:none; clear:both;}
div.orderpack ul li { display:inline; float:left; margin: 0; position: relative; }
div.orderpack ul li a { background: url('images/promotional-pack.jpg') no-repeat; width:100%; height:100%; display:block; text-decoration: none; cursor:pointer;}
div.orderpack ul li a p.desc { position:absolute; top: 17px; left: 54px; font-size: 16px; line-height: 16px; color: #FFF; font-weight: bold; display: block; width: 80px; }
div.orderpack ul li a p.price { position:absolute; top: 65px; left: 15px; font-size: 25px; line-height: 27px; font-weight: bold; letter-spacing:-0.08em; color: #FFF; }
div.orderpack ul li a:hover p { color: #2d4467; }
div.orderpack ul li a.selected p { color: #2d4467; }
div.orderpack ul li a p small { font-size: 8px; line-height: 10px; display: block; text-transform: uppercase; }
div.orderpack ul li a span { position: absolute; top:80px; right:-10px; }
div.orderpack ul li a span img { display: block; }
div.orderpack ul li a span.save { position: absolute; top: 95px; left: 16px; background: url(images/sprite-price.png) no-repeat; width: 37px; height: 33px; display: block; }
div.orderpack ul li a span.save1 { background-position: 0 0; }
div.orderpack ul li a span.save2 { background-position: 0 -33px; }
div.orderpack ul li a span.save3 { background-position: 0 -66px; }
/* PACK1 */
div.orderpack li.pack1 { width: 135px; height:110px;}
div.orderpack li.pack1 a { background-position:0 0;}
div.orderpack li.pack1 a:hover { background-position:0 -110px;}
div.orderpack li.pack1 a.selected { background-position:0 -110px;}
/* PACK2 */
div.orderpack li.pack2 { width:132px; height:110px;}
div.orderpack li.pack2 a { background-position:-135px 0;}
div.orderpack li.pack2 a:hover { background-position:-135px -110px;}
div.orderpack li.pack2 a.selected { background-position:-135px -110px;}
/* PACK3 */
div.orderpack li.pack3 { width:137px; height:110px;}
div.orderpack li.pack3 a { background-position:-267px 0;}
div.orderpack li.pack3 a:hover { background-position:-267px -110px;}
div.orderpack li.pack3 a.selected { background-position:-267px -110px;}
/* PACK4 */
div.orderpack li.pack4 { width:135px; height:110px;}
div.orderpack li.pack4 a { background-position:-404px 0;}
div.orderpack li.pack4 a:hover { background-position:-404px -110px;}
div.orderpack li.pack4 a.selected { background-position:-404px -110px;}
div.orderform { position: relative; }
div.orderform .box { background: #ebebeb; padding: 28px 40px; margin-bottom: 20px; }
div.orderform .form { background: #ebebeb; padding: 28px 40px; margin-bottom: 0px; }
div.orderform ul li { position: relative; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
div.orderform ul li label { font-size: 12px; line-height: 20px; width: 90px; text-align: right; padding-right: 5px; float: left; }
div.orderform ul li input { width: 340px; height: 17px; border: 1px solid #939393; float: left; }
div.orderform ul li select { width: 342px; height: 20px; border: 1px solid #939393; float: left; }
div.orderform ul li ol#card { display: block; }
div.orderform ul li ol#card li { float: left; padding-top: 28px; margin-right: 30px; width: 41px; height: 10px; }
div.orderform ul li ol#card li input { width: 41px; height: 12px; border: none; }
div.orderform ul li ol#card li.american { background: url(images/card-americanexpress.jpg) no-repeat center top; display: block; }
div.orderform ul li ol#card li.dinners { background: url(images/card-dinners.jpg) no-repeat center top; display: block; }
div.orderform ul li ol#card li.mastercard { background: url(images/card-mastercard.jpg) no-repeat center top; display: block; }
div.orderform ul li ol#card li.visa { background: url(images/card-visa.jpg) no-repeat center top; display: block; }
div.orderform ul li.small { width: 260px; float: left; }
div.orderform ul li.small2 { width: 168px; float: left; }
div.orderform ul li input.small { width: 70px; }
div.orderform ul li input.check { width: 12px; margin-left: 4px; border:none;}
div.orderform ul li label.color { color: #0f768b; }
div.orderform ul li label.large { width: 90px;}
div.orderform ul li.discountCode { /*background: #79c9cd;*/ width: 427px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 0; }
div.orderform ul li.discountCode label { width: 140px; padding-right: 10px;/* color: #FFF;*/ font-weight: bold; text-transform: uppercase; }
div.orderform ul li.discountCode input { width: 250px; }
div.orderform .bt { width: 470px; margin: 20px 0 20px 70px; text-align: center; }
div.orderform .bt input.bt { width: 239px; height: 49px; border: none; margin-left: 85px; margin-top: 20px; }
div.orderform .boxPromotional { display: block; position: relative; background: #79c9cd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 30px 0 0 0; }
div.orderform .boxPromotional .sel { background: #2b628d; width: 90px; float: left; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
div.orderform .boxPromotional .sel span.check .checkbox { position: relative; width: 33px; height: 41px; background: url(images/checkbox.png) no-repeat; display: block; clear: left; margin: 30px auto; }
div.orderform .boxPromotional .promo { position: relative; float: left; }
div.orderform .boxPromotional span.promotion { position: absolute; top: 0; right: 0; width: 87px; height: 87px; display: block; background: url(images/span-promotion.png) no-repeat top center; }
div.orderform p.desc { position: relative; font-size: 12px; line-height: 16px; padding-top: 20px; }
div.order_promotional { position: relative; }
div.order_promotional span.img { float: left; width: 180px; height: 182px; }
div.order_promotional ul { float: left; }
div.order_promotional ul li { background: url(images/ico-xtra.jpg) no-repeat left; padding-left: 20px; margin: 10px 0; }
div.order_promotional ul li label { font-size: 14px; line-height: 25px; color: #2d4467; }
div.order_promotional ul li label.best { background: url(images/ordernow-best-bg.jpg) no-repeat bottom right; padding-right: 100px; padding-bottom: 14px; font-weight: bold; }
div.order_promotional input.bt { margin: 20px 100px; }
div.order_promotional-list { position: relative; }
div.order_promotional-list ul { margin-bottom: 30px; }
div.order_promotional-list ul li { padding-bottom: 20px;}
div.order_promotional-list ul li span.img { width: 115px; float: left; }
div.order_promotional-list ul li .infos { width: 420px; float: left; border-bottom: 3px double #c0c7d1; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
div.order_promotional-list ul li .infos p.p1 { font-size: 27px; line-height: 28px; font-weight: bold; color: #59b1b6; letter-spacing:-0.08em; text-transform: uppercase; float: left; width: 190px; }
div.order_promotional-list ul li .infos p.p1 span { font-size: 18px; line-height: 20px; color: #10768c; letter-spacing:-0.06em; display: block; }
div.order_promotional-list ul li .infos p.p2 { position: relative; width: 130px; float: left; font-size: 50px; line-height: 52px; color: #008bac; font-weight: bold; letter-spacing:-0.04em; }
div.order_promotional-list ul li .infos p.p2 sup,
div.order_promotional-list ul li .infos p.p2 sub { color: #000; font-size: 20px; line-height: 22px; font-weight: bold; }
div.order_promotional-list ul li .infos p.p2 sub { position: relative; top: -10px;}
div.order_promotional-list ul li .infos a.bt { position: relative; margin-top: 15px; width: 87px; float: left; }
div.side_testimonial { position: relative; padding-bottom: 20px; width: 350px;}
div.side_testimonial ul li { position: relative; display: block; margin-bottom: 20px;
font-family: "Arial", "Helvetica", "sans-serif"; }
div.side_testimonial ul li p { padding: 0px 0 0 0px; font-size: 13px; line-height: 18px; font-style: italic; }
@media screen and (-webkit-min-device-pixel-ratio:0){
div.side_testimonial ul li p { width: 350px; letter-spacing:-0.1em; padding: 0px 0 0 0px; }
}
div.side_testimonial ul li a { letter-spacing: -0.08em; color: #10768c; text-decoration: none; font-style: italic; }
div.side_guarantee { position: relative; background: url(images/side_guarantee-bg.jpg) no-repeat right; padding-right: 170px; margin-bottom: 40px; }
div.side_guarantee h2 { padding: 12px 0 12px 2px; }
div.side_guarantee p { font-family: Arial, Helvetica, sans-serif; }
div.side_guarantee a.readmore { font-size: 15px; line-height: 20px; text-decoration: none; color: #10768c; font-weight: bold; float: right; font-style: italic; }
div.side_ourformula { position: relative; background: url(images/side_ourformula-bg.jpg) no-repeat right; padding-right: 170px; margin-bottom: 40px; }
div.side_ourformula h2 { padding: 12px 0 12px 2px; }
div.side_ourformula p { font-family: Arial, Helvetica, sans-serif; }
div.side_ourformula a.readmore { font-size: 15px; line-height: 20px; text-decoration: none; color: #10768c; font-weight: bold; float: right; font-style: italic; }
div.side_xtrasizewill { position: relative; margin-bottom: 30px; }
div.side_addupto { position: relative; margin-bottom: 30px; }
div.side_addupto a.bt { position: absolute; top: 120px; left: 163px; width: 195px; height: 40px; display: block; background: url(images/side-addupto-btorder.jpg) no-repeat; }
div.side_nosideeffects { position: relative; margin-bottom: 30px; }
div.side_nosideeffects h2 { padding-bottom: 10px;}
div.side_nosideeffects p { font-size: 13px; line-height: 17px; font-family: Arial, Helvetica, sans-serif; }
div.side_nosideeffects p span { width: 98px; height: 102px; float: left; display: block; padding-right: 10px; padding-bottom: 10px; }
div.side_safeenvironment { position: relative; margin-bottom: 30px; }
div.side_safeenvironment h2 { padding-bottom: 10px;}
div.side_safeenvironment p { font-size: 13px; line-height: 17px; font-family: Arial, Helvetica, sans-serif; }
div.side_safeenvironment p span { width: 98px; height: 102px; float: left; display: block; padding-right: 10px; padding-bottom: 10px; }
div.bigbts { position: relative; margin: 20px 0; }
div.bigbts a.bt1 { position: relative; float: left; }
div.bigbts a.bt2 { position: relative; float: left; margin-left: 10px; }
div.bigbts a.bt_order { position: relative; width: 540px; margin: 0 auto; display: block; }
.footer { position: relative; background: #2d4467; display: block; }
div.f_menu { position: relative; background: url(images/f_menu-bg.jpg) no-repeat top center; width: 940px; padding-bottom: 10px; }
ul#f_menu{margin:0 auto; padding:0; list-style:none; clear:both; width: 810px;}
#f_menu li { overflow:hidden; text-indent:-9999px; display:inline; float:left; margin: 0; }
#f_menu li a { background: url('images/footer-menu.jpg') no-repeat; width:100%; height:100%; display:block;}
/* home Button */
#f_menu li.home { width: 72px; height:48px;}
#f_menu li.home a { background-position:0 0;}
#f_menu li.home a:hover { background-position:0 -48px;}
#f_menu li.home a.selected { background-position:0 -96px;}
/* formula Button */
#f_menu li.formula { width:210px; height:48px;}
#f_menu li.formula a { background-position:-72px 0;}
#f_menu li.formula a:hover { background-position:-72px -48px;}
#f_menu li.formula a.selected { background-position:-72px -96px;}
/* howitworks Button */
#f_menu li.howitworks { width:127px; height:48px;}
#f_menu li.howitworks a { background-position:-282px 0;}
#f_menu li.howitworks a:hover { background-position:-282px -48px;}
#f_menu li.howitworks a.selected { background-position:-282px -96px;}
/* faq Button */
#f_menu li.faq { width:58px; height:48px;}
#f_menu li.faq a { background-position:-409px 0;}
#f_menu li.faq a:hover { background-position:-409px -48px;}
#f_menu li.faq a.selected { background-position:-409px -96px;}
/* guarantee Button */
#f_menu li.guarantee { width:113px; height:48px;}
#f_menu li.guarantee a { background-position:-467px 0;}
#f_menu li.guarantee a:hover { background-position:-467px -48px;}
#f_menu li.guarantee a.selected { background-position:-467px -96px;}
/* testimonial Button */
#f_menu li.testimonial { width:114px; height:48px;}
#f_menu li.testimonial a { background-position:-580px 0;}
#f_menu li.testimonial a:hover { background-position:-580px -48px;}
#f_menu li.testimonial a.selected { background-position:-580px -96px;}
/* getnow Button */
#f_menu li.getnow { width:116px; height:48px;}
#f_menu li.getnow a { background-position:-694px 0;}
#f_menu li.getnow a:hover { background-position:-694px -48px;}
#f_menu li.getnow a.selected { background-position:-694px -96px;}
.footer div.f_logo { position: relative; padding: 10px 0; width: 208px; float: left; }
.footer div.copy { position: relative; float: right; width: 685px; margin-top: 10px; }
.footer div.copy p { font-size: 11px; line-height: 13px; color: #FFF; text-align: right; font-family: Arial, Helvetica, sans-serif; }
.footer div.copy p.p1 { color: #c8eff0; }
.footer .contactUs { position: relative; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 6px; padding: 5px; background: #ffff00; margin: 0 0 30px 0; }
.footer .contactUs p { font-size: 15px; line-height: 20px; color: #2d4467; text-transform: uppercase; background: url(images/icon-tel.jpg) no-repeat; padding: 5px 5px 5px 30px; }
/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */
div.total { background: #ebebeb; padding: 28px 40px; margin-bottom: 20px; padding-top:0px; }
div.total { position: relative; font-family: Arial, Helvetica, sans-serif; }
div.total label { font-size: 12px; line-height: 20px; width: 80px; text-align: right; padding-right: 5px; float: left; }
div.total input { width: 340px; height: 17px; border: 1px solid #939393; float: left; }
.contact textarea{
width: 340px;
}
.sendbt{
text-align: center;
padding-top: 20px;
}
.sendbt input{
font-size: 18px;
background-color: #FFFD2C;
border:1px solid #C4CB1B;
padding: 4px 40px;
text-transform: uppercase;
-moz-border-radius:6px;
font-weight: bold;
}
#satysfakcja {
position:relative;
}
#satysfakcja p {
position: absolute;
top: 90px;
left:0;
width: 350px;
}
div.discount_txt{ padding-left:10px;}
.certyfikaty img {
float: left;
width: 260px;
}
.side_testimonial p.txt_bezp {
font-size: 12px;
padding-top:60px;
}
.massCollectDisallowed{
color:red;
font-weight: bold;
font-size: 14px;
}
a.readmore {
color: #10768C;
font-style: italic;
font-weight: bold;
text-decoration: none;
}
div.side_jakdziala {
background: url("images/home-box_xtrasize.jpg") no-repeat scroll right center transparent;
margin-bottom: 40px;
padding-right: 170px;
position: relative;
}
div.side_jakdziala a.readmore {
color: #10768C;
float: right;
font-size: 15px;
font-style: italic;
font-weight: bold;
line-height: 20px;
text-decoration: none;
}
.zolty{ background-color: #FFFF2F;
margin-bottom: 10px;
padding: 0 0 7px 0;
width: 280px;}
.zolty1{ background-color: #FFFF2F;
margin-bottom: 10px;
padding: 0 0 7px 0;
width: 400px;}
div.orderpack ul li {
display: block;
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 15px;
position: relative;
}
div.orderpack {
float: left;
margin-bottom: 0px;
position: relative;
z-index: 1000;
}
ul.packedOrder{
list-style: none;
}
ul.packedOrder li{
margin:5px;
border: 2px solid #F8F8F8;
background-color: #F9F9F9;
display: block;
width:100%;
max-width:460px;
position: relative;
margin-bottom: 15px;
padding: 10px;
cursor: pointer;
}
ul.packedOrder li.disabled{
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3;
}
ul.packedOrder li p{
padding-right: 10px;
}
ul.packedOrder li.recommended
{
border: 2px solid #96DCFF;
background-color: #D4EEEF;
}
ul.packedOrder li .foto{
top: 35px;
position: absolute;
right: -55px;
}
ul.packedOrder li .foto.masscollect{
background: url(images/form/auto2.png) no-repeat top left;
width:79px;
height: 60px;
}
ul.packedOrder li.disabled .foto.masscollect{
background: url(images/form/auto.png) no-repeat top left;
width:79px;
height: 60px;
}
ul.packedOrder li .result li{
border: none;
width: 130px;
background: none;
padding: 0px;
margin:0px;
font-size:14px;
padding-top: 10px;
}
ul.packedOrder li div.select{
float: left;
width:50px;
padding:10px;
padding-top: 20px;
}
ul.packedOrder li div.information{
float: left;
width:80%;
max-width:390px;
}
ul.packedOrder h3{
display: block;
font-size: 20px;
font-weight: bolder;
letter-spacing: -0.06em;
line-height: 23px;
padding-bottom: 10px;
text-transform: none;
color:#3B3B3B;
margin:0px;
}
ul.packedOrder h3 span{
font-size: 20px;
font-weight: normal;
letter-spacing: -0.06em;
line-height: 23px;
padding-bottom: 20px;
text-transform: none;
font-style:normal;
color:#10768C;
}
div.orderform ul li input.error,div.orderform ul li select.error{
border: 1px solid red;
}
span.reguired{
color:red;
font-weight: bold;
display: inline;
}
/*Formularz*/
div.orderform ul li label {
float: left;
font-size: 12px;
line-height: 20px;
padding-right: 5px;
text-align: right;
width: 150px;
padding-top: 3px;
}
div.orderform h3{
margin-bottom: 0px;
padding-bottom: 0px;
}
.boxinfo h3{
font-size: 18px;
text-transform: none;
padding: 0px;
letter-spacing: normal;
}
.boxinfo li{
padding-left:58px;
padding-bottom: 20px;
}
.boxinfo li.s1{ background: url(images/form/1icon.gif) no-repeat left 20px;}
.boxinfo li.s2{ background: url(images/form/3icon.gif) no-repeat left 20px;}
.boxinfo li.s3{ background: url(images/form/4icon.gif) no-repeat left 20px;}
.boxinfo li.s4{ background: url(images/form/7icon.gif) no-repeat left 20px;}
.boxinfo li.s5{ background: url(images/form/5icon.gif) no-repeat left 20px;}
.boxinfo li.s6{ background: url(images/form/6icon.gif) no-repeat left 20px;}
div.orderform ul li div.input{
float: left;
}
div.orderform ul li input { width: 210px; height:auto; border: 1px solid #939393; float: left; padding: 3px;}
div.orderform ul li select { width: 218px;height:25px; border: 1px solid #939393; float: left;padding: 3x; }
.inputdesc{
margin-top:6px;
display: block;
color:#237666;
cursor:pointer;
width:70%
}
.inputdesc span{
display: none;
}
div.summary{
border:1px solid #000;
padding: 20px;
margin-bottom: 20px;
line-height: 22px;
width:445px;
}
div.summary big{
padding-top: 10px;
display: block;
}
div.summary big span{
color:#2D4467;
font-weight: bold;
}
ul.packedOrder .checkbox { position: relative; width: 33px; height: 41px; background: url(images/form/checkbox.png) no-repeat; display: block; clear: left; margin: auto auto;}
ul.packedOrder .radio { position: relative; width: 33px; height: 41px; background: url(images/form/radio.png) no-repeat; display: block; clear: left; margin: auto auto; }
div.error{
color:red;
clear: both;
}
/*order button*/
#order_it{
cursor:pointer;
display:block;
width:220px;
height:48px;
background: #fcfb6b; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGVjMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fcfb6b 0%, #f4ec0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfb6b), color-stop(100%,#f4ec0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfb6b 0%,#f4ec0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfb6b 0%,#f4ec0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfb6b 0%,#f4ec0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfb6b 0%,#f4ec0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfb6b', endColorstr='#f4ec0d',GradientType=0 ); /* IE6-8 */
border-top:2px solid #d9d9d9;
border-right:2px solid #d9d9d9;
border-bottom:2px solid #A9A40A;
border-left:2px solid #d9d9d9;
border-radius:2px;
color:#00437E;
font-size:16px;
font-weight:bold;
}
#order_it:hover{
background: #f4ec0d; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZWMwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f4ec0d 0%, #fcfb6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ec0d), color-stop(100%,#fcfb6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4ec0d 0%,#fcfb6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4ec0d 0%,#fcfb6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4ec0d 0%,#fcfb6b 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4ec0d 0%,#fcfb6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ec0d', endColorstr='#fcfb6b',GradientType=0 ); /* IE6-8 */
}
/*order button*/
@media handheld,only screen and (max-width:767px){
/*rwd magic*/
div.colA {
width: 92%;
margin:0px auto;
float:none
}
.main{
padding:0
}
.colB{
display:none
}
ul.packedOrder li{
padding:10px 0px 10px 0
}
ul.packedOrder li div.information {
float: left;
width: 70%;
max-width: 390px;
}
ul.packedOrder li div.select {
float: left;
width: 40px;
padding: 32px 3px 3px 3px;
}
ul.packedOrder li p{
line-height: 16px;
font-size:12px
}
ul.packedOrder li .result li{
padding-top: 3px;
}
ul.packedOrder li .foto {
top: 35px;
position: absolute;
right: 2%;
}
ul.packedOrder h3{
font-size: 16px;
}
div.orderform ul li label{
text-align:left
}
div.summary{
width:85%;
max-width: 445px;
}
div.orderform .input{
width:100%
}
}
@media handheld,only screen and (max-width:400px){
.orderpack ul.packedOrder li .foto{
right: -2%;
width:68px
}
}
@media handheld,only screen and (min-width:768px) and (max-width:866px){
.main{
padding:0
}
div.colB{
margin:7% 0 0 0;
width: 31%;
padding: 0 1% 0 0;
}
}
@media handheld,only screen and (min-width:768px) and (max-width:1024px){
.main{
padding:0
}
}
/*rwd magic*/