/*
   __              __
  /\ \  __        /\ \
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com

*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
img { display: block; }
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: # url(images/bg.gif); font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
.main { position:relative; margin:0 auto; width:px; }

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(images/header_bg1.jpg) no-repeat top center; height: 185px; border-bottom: 3px solid #f27056; }
.header .inner { width: 960px; margin: 0 auto; position: relative; }
.header .inner .logo { position: absolute; top: 17px; left: 50px; }
.header .inner .menu { position: absolute; top: 145px; left: 0px; }
.header .inner .menu ul { position: absolute; top: 0px; left: 0px; }
.header .inner .menu ul li { float: left; }
.header .inner .menu ul li .hover img,
.header .inner .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.header .inner .lang { position: absolute; top: 0px; left: 725px; width: 228px; }
.header .inner .lang .b1 { position: absolute; top: 5px; left: 70px; color: #FFF; font-size: 13px; font-weight: bold; }
.header .inner .lang .b2 { position: absolute; top: 5px; right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; !font-size: 11px; }
.header .inner .lang .b2 p { padding: 2px 0 0 0; }
.header .inner .lang .b2 a { color: #fff; float: left; }
.header .inner .lang .b3 { position: absolute; top: 28px; right: 3px; z-index: 1000; background: #d8fbff; padding: 10px 10px 5px 10px; width: 203px; }
.header .inner .lang .b3 img,
.header .inner .lang .b3 p { float: left; }
.header .inner .lang .b3 p { padding: 0 0 0 5px; font-size: 13px; }
.header .inner .lang .b3 a { color: #f14e5c; }
.header .inner .lang .b3 li { height: 18px; float: left; padding: 0 5px 0 4px; }

/* BIGBOX
----------------------------------------------------------------------------- */
.bigbox { color: #118396; }
.bigbox .inner { width: 960px; margin: 0 auto; position: relative; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { background: url(images/content_bg2.jpg) repeat-y top center; }
.content .inner1 { background: url(images/content_bg1.jpg) no-repeat top center; }
.content .inner2 { width: 960px; margin: 0 auto; position: relative; }

.content .inner2 .infooter { background: #a5e3ea url(images/infooter_bg1.gif) repeat-y; }
.content .inner2 .infooter .col1 { float: left; padding: 10px 0 0 10px; }
.content .inner2 .infooter .col2 { float: right; padding: 10px 10px 0 0; }
.content .inner2 .infooter .col1 img,
.content .inner2 .infooter .col2 img { border: 7px solid #cbe9f1; }
.content .inner2 .infooter .menu { position: relative; }
.content .inner2 .infooter .menu ul { position: absolute; top: 0px; left: 0px; }
.content .inner2 .infooter .menu ul li { float: left; }
.content .inner2 .infooter .menu ul li .hover img,
.content .inner2 .infooter .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { background: url(images/footer_bg1.jpg) no-repeat top center; height: 171px; }
.footer .inner { width: 960px; margin: 0 auto; position: relative; padding: 30px 0 0 0; text-align: center; }
.footer .inner img { display: inline; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home .bigbox { background: url(images/home_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#home .bigbox .p1 { position: absolute; top: 146px; left: 9px; width: 375px; }
#home .bigbox .p2 { position: absolute; top: 285px; left: 123px; width: 270px; }
#home .bigbox .p2 h2 { font-size: 17px; line-height: 17px; display: block; padding: 0 0 10px 0; }
#home .grid1 { width: 463px; float: left; padding: 27px 0 15px 10px; }
#home .grid1 .box1 { position: relative; }
#home .grid1 .box1 .p1 { font-style: italic; color: #b6f8ff; position: absolute; top: 57px; left: 55px; width: 340px; line-height: 15px; }
#home .grid1 .box1 .p1 strong { color: #FFF; }
#home .grid1 .box1 .p2 { color: #fff; position: absolute; top: 153px; left: 25px; width: 420px; }
#home .grid1 .box1 .p2 strong { color: #38b3cd; background: #FFF; }
#home .grid1 .box2 { padding: 26px 0 0 0; position: relative; }
#home .grid1 .box2 .p2 { color: #2aadc9; position: absolute; top: 260px; left: 25px; width: 420px; }
#home .grid1 .box2 .p1 { color: #2aadc9; position: absolute; top: 140px; left: 25px; width: 420px; }
#home .grid1 .box2 .p2 h3,
#home .grid1 .box2 .p1 h3 { font-size: 14px; font-style: italic; }
#home .grid1 .box2 .p1 p { padding: 6px 0 0 0; width: 380px; height: 65px; }
#home .grid1 .box2 .p2 p { padding: 6px 0 0 0; width: 380px; height: 65px; }
#home .grid1 .box2 .p2 strong,
#home .grid1 .box2 .p1 strong { color: #ee401e; display: block; text-align: right; }
#home .grid1 .box2 .bt { position: absolute; top: 374px; left: 290px; }
#home .grid2 { width: 460px; float: right; padding: 16px 9px 15px 0; }
#home .grid2 .box1 { position: relative; }
#home .grid2 .box2 { padding: 26px 0 0 0; position: relative; }
#home .grid2 .box2 .p2 { position: absolute; top: 220px; left: 33px; width: 163px; }
#home .grid2 .box2 .p1 { position: absolute; top: 87px; left: 33px; width: 295px; }
#home .grid2 .box2 .p2 h3,
#home .grid2 .box2 .p1 h3 { font-size: 14px; color: #2aadc9; }
#home .grid2 .box2 .p2 strong,
#home .grid2 .box2 .p1 strong { color: #ee401e; display: block; text-align: right; }
#home .grid2 .box2 .p2 strong a,
#home .grid2 .box2 .p1 strong a { color: #ee401e; text-decoration: underline; }
#home .grid2 .box2 .p1 strong { padding: 0 127px 0 0; }
#home .grid2 .box2 .p2 strong { padding: 0 10px 0 0; }


/* -------------------------------------------------------------------------- */
/* QUALITY ERECTION
/* -------------------------------------------------------------------------- */

#qualityerection .bigbox { background: url(images/qualityerection_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#qualityerection .bigbox .menu { position: absolute; top: 99px; left: 420px; }
#qualityerection .bigbox .menu ul { position: absolute; top: 0px; left: 0px; }
#qualityerection .bigbox .menu ul li { float: left; }
#qualityerection .bigbox .menu ul li .hover img,
#qualityerection .bigbox .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
#qualityerection .bigbox .p1 { position: absolute; top: 150px; left: 430px; width: 510px; }
#qualityerection .bigbox .bt { position: absolute; top: 264px; left: 428px; }
#qualityerection .box1 { padding: 27px 0 0 10px; }
#qualityerection .box1 .p1 { color: #FFF; padding: 10px 8px 0 13px; line-height: 14px; position: absolute; top: 68px; left: 21px; width: 600px; }
#qualityerection .box1 .p1 h4 { font-size: 18px; line-height: 18px; display: block; text-align: center; padding: 10px 0; }
#qualityerection .box2 { width: 930px; margin: 0 auto; padding: 0 0 16px 0; }
#qualityerection .box2 .b1 { background: #FFF; padding: 7px 0 7px 7px; }
#qualityerection .box2 .col1 { float: left; width: 356px; position: relative; }
#qualityerection .box2 .col1 ul { position: absolute; top: 0px; left: 0px; }
#qualityerection .box2 .col1 ul li { padding: 0 0 7px 0; float: left; }
#qualityerection .box2 .col1 ul li .hover img,
#qualityerection .box2 .col1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
#qualityerection .box2 .col2 { float: left; width: 555px; padding: 5px 0 0 10px; }
#qualityerection .box2 .col2 .p1 { color: #2fb7ca; padding: 10px 8px 0 13px; line-height: 14px; }
#qualityerection .box2 .col2 .p1 h4 { font-size: 18px; line-height: 18px; display: block; text-align: center; padding: 10px 0; }

/* -------------------------------------------------------------------------- */
/* LONGER ERECTION
/* -------------------------------------------------------------------------- */

#longererection .bigbox { background: url(images/longererection_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#longererection .bigbox .menu { position: absolute; top: 118px; left: 463px; }
#longererection .bigbox .menu ul { position: absolute; top: 0px; left: 0px; }
#longererection .bigbox .menu ul li { float: left; }
#longererection .bigbox .menu ul li .hover img,
#longererection .bigbox .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
#longererection .bigbox .p1 { position: absolute; top: 170px; left: 492px; width: 455px; }
#longererection .bigbox .bt { position: absolute; top: 274px; left: 468px; }
#longererection .box1 { padding: 15px 0; }
#longererection .box2 { width: 960px; overflow: hidden; }
#longererection .box2 ul { width: 1100px; }
#longererection .box2 ul li { float: left; width: 470px; padding: 0 22px 22px 0; }
#longererection .box2 .module { background: #FFF; padding: 7px; color: #0e7d90; position: relative; }
#longererection .box2 .module p { position: absolute; top: 47px; left: 0px; display: block; width: 470px; text-align: center; color: #FFF; }
#longererection .box2 .module .p1 { padding: 15px 15px 0 15px; height: 130px; line-height: 14px; }
#longererection .box3{
	background: #96D8DE; padding: 8px;  color:#1592A8; margin-bottom: 15px;
}
#longererection .box3 p {padding:10px;}
#longererection .box3 div {padding:10px 0; background: #43C9DB;}
#longererection .box3 div p {padding:10px; display: block; background: #21A0B3; color:#96D8DE;}

/* -------------------------------------------------------------------------- */
/* SCIENCE
/* -------------------------------------------------------------------------- */

#science .bigbox { background: url(images/science_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#science .bigbox .p1 { position: absolute; top: 140px; left: 472px; width: 420px; }
#science .bigbox .p2 { position: absolute; top: 261px; left: 650px; width: 270px; }
#science .bigbox .p2 h2 { font-size: 17px; line-height: 17px; display: block; padding: 0 0 10px 0; }
#science .box1 { padding: 27px 0 0 0; }
#science .box1 .module { background: #FFF url(images/science_box1-bg1.jpg) no-repeat top right; border: 7px solid #FFF; line-height: 13px; }
#science .box1 .module h2 { padding: 10px 0 0 10px; }
#science .box1 .module .p1 { color: #ee401e; display: block; width: 590px; padding: 3px 0 10px 10px; }
#science .box1 .module .p2 { color: #0e7d90; width: 590px; padding: 0 0 10px 10px; }
#science .box1 { padding: 27px 0 0 0; }
#science .box2 { padding: 27px 0; }
#science .box3 .module { background: #FFF; border: 7px solid #FFF; line-height: 13px; height: 1%; }
#science .box3 .module .col1 { float: left; padding: 10px 0 0 10px; }
#science .box3 .module .col1 .p1 { color: #ee401e; display: block; width: 590px; padding: 3px 0 10px 0; }
#science .box3 .module .col1 .p2 { color: #0e7d90; width: 590px; }
#science .box3 .module .col2 { float: right; }
#science .box4 { padding: 27px 0 0 0; }
#science .box4 .module { border: 7px solid #cbe9f1; padding: 4px; background: #FFF; position: relative; }
#science .box4 .module .p1 { position: absolute; top: 100px; left: 22px; width: 900px; }

#science .box5 { padding: 27px 0; }
#science .box5 .module { height: 179px; background: #FFF url(images/box_badania.jpg) no-repeat top right; border: 7px solid #FFF; line-height: 13px; }
#science .box5 .module .p1 { color: #ee401e; display: block; width: 590px; padding: 42px 0 10px 10px; }
#science .box5 .module ul {  color: #0E7D90;    font-weight: bold;    line-height: 21px;    padding-left: 20px;}

/* -------------------------------------------------------------------------- */
/* COMMON QUESTIONS
/* -------------------------------------------------------------------------- */

#commonquestions .bigbox { background: url(images/commonquestions_bigbox-bg1.jpg) no-repeat top center; height: 370px; }
#commonquestions .bigbox ul { position: absolute; top: 104px; left: 31px; }
#commonquestions .bigbox ul li { padding: 0 0 6px 0; }
#commonquestions .bigbox ul li a { color: #118396; font-size: 13px; font-weight: bold; text-decoration: underline; }
#commonquestions .grid1 { padding: 27px 0; }
#commonquestions .grid1 .box1 { border: 7px solid #FFF; background: #FFF; height: 1%; }
#commonquestions .grid1 .box1 li { padding: 9px 12px; }
#commonquestions .grid1 .box1 .li1 { background: #f5fdfd; height: 1%; }
#commonquestions .grid1 .box1 .li1 h3 { font-size: 24px; line-height: 24px; color: #ee401e; background:url(images/commonquestions_s1.jpg) no-repeat 0 8px; padding: 0 0 0 15px; }
#commonquestions .grid1 .box1 .li2 h3 { font-size: 24px; line-height: 24px; color: #ee401e; background:url(images/commonquestions_s2.jpg) no-repeat 0 8px; padding: 0 0 0 15px; }
#commonquestions .grid1 .box1 .li2 .p1 { padding: 8px 8px 8px 15px; color:#FFF; }
#commonquestions .grid1 .box1 .li1 .p1 { padding: 8px 8px 8px 15px; }
#commonquestions .grid1 .box1 .li2 .bt,
#commonquestions .grid1 .box1 .li1 .bt { text-align: right; }
#commonquestions .grid1 .box1 .li2 .bt img,
#commonquestions .grid1 .box1 .li1 .bt img { display: inline; }
#commonquestions .grid1 .box1 .li2 { background: #2fb7ca; height: 1%; }

/* -------------------------------------------------------------------------- */
/* WHAT COUPLES HAVE TO SAY
/* -------------------------------------------------------------------------- */

#whatcoupleshavetosay .bigbox { background: url(images/whatcoupleshavetosay_bigbox-bg1.jpg) no-repeat top center; height: 323px; }
#whatcoupleshavetosay .bigbox .p1 { position: absolute; left: 30px; top: 42px; width: 495px; }
#whatcoupleshavetosay .bigbox .p1 h2 { font-size: 20px; line-height: 20px; color: #2aadc9; font-style: italic; padding: 28px 0 28px 28px; }
#whatcoupleshavetosay .bigbox .p1 p { display: block; color: #0e7d90; font-style: italic; height: 150px; padding: 0 28px; }
#whatcoupleshavetosay .bigbox .p1 strong { color: #ee401e; font-size: 16px; line-height: 16px; display: block; padding: 0 28px; }
#whatcoupleshavetosay .box2 { width: 980px; overflow: hidden; }
#whatcoupleshavetosay .box2 ul { width: 1100px; padding: 0 0 0 12px; }
#whatcoupleshavetosay .box2 ul li { width: 461px; height: 264px; background: url(images/whatcoupleshavetosay_box2-1.gif) no-repeat; padding: 0 17px 17px 0; float: left; }
#whatcoupleshavetosay .box2 ul li h2 { font-size: 20px; line-height: 20px; color: #2aadc9; font-style: italic; padding: 28px 0 15px 28px; }
#whatcoupleshavetosay .box2 ul li p { display: block; color: #0e7d90; font-style: italic; height: 165px; padding: 0 28px; }
#whatcoupleshavetosay .box2 ul li strong { color: #ee401e; font-size: 16px; line-height: 16px; display: block; padding: 0 28px; }

/* -------------------------------------------------------------------------- */
/* QUICK ORDER
/* -------------------------------------------------------------------------- */

#quickorder .bigbox { background: url(images/quickorder_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#quickorder .bigbox .p1 { position: absolute; left: 471px; top: 163px; width: 440px; }
#quickorder .grid1 { padding: 25px 0 0 0; }
#quickorder .box1 { padding: 10px 0 0 10px; background: #FFF; height: 1%; }
#quickorder .box1 ul { padding: 0 0 10px 0; height: 116px; }
#quickorder .box1 ul li { float: left; padding: 0 10px 0 0; position: relative; }
#quickorder .box1 ul li dl { position: absolute; top: 18px; left: 15px; font-size: 18px; line-height: 18px; color: #FFF; text-transform: uppercase; }
#quickorder .box1 ul li dl dt { height: 62px; }
#quickorder .box2 { padding: 23px 0; position: relative; }
#quickorder .box2 .module { position: absolute; top: 65px; left: 33px; }
#quickorder .box2 .p1 { color: #ee401e; display: block; padding: 0 0 10px 0; }
#quickorder .box2 .p2 { color: #0e7d90; width: 560px; }

/* -------------------------------------------------------------------------- */
/* ORDER FORM
/* -------------------------------------------------------------------------- */

#orderform .bigbox { background: url(images/quickorder_bigbox-bg1.jpg) no-repeat top center; height: 395px; }
#orderform .bigbox .p1 { position: absolute; left: 471px; top: 163px; width: 440px; }
#orderform .grid1 { float: left; width: 311px; background: #FFF; margin: 12px 0 0 0; }
#orderform .grid1 h1 { padding: 16px 0 4px 19px; }
#orderform .grid1 h1 img { float: left; }
#orderform .grid1 h1 p { font-size: 12px; font-weight: normal; color: #ee401e; float: left; padding: 16px 0 0 5px; }
#orderform .grid1 ul li { padding: 10px 12px; position: relative; }
#orderform .grid1 ul li p { position: absolute; top: 43px; left: 62px; font-size: 18px; color: #FFF; width: 198px; letter-spacing: -1px; text-transform: uppercase; }
#orderform .grid1 ul li .radio { position: absolute; top: 55px; left: 261px}
#orderform .grid2 { float: right; width: 637px; margin: 12px 0 0 0; background: #FFF; }
#orderform .grid2 h1 { padding: 16px 0 15px 19px; }
#orderform .grid2 h1 img { float: left; }
#orderform .grid2 h1 p { font-size: 12px; font-weight: normal; color: #ee401e; float: left; padding: 16px 0 0 5px; }
#orderform .box1 { padding: 23px 0; position: relative; }
#orderform .box1 dl { position: absolute; top: 58px; left: 327px; width: 900px;}
#orderform .box1 dl dt { float: left; }
#orderform .box1 dl dt input { float: left; }
#orderform .box1 dl dt label { float: left; font-size: 18px; color: #ffffff; line-height: 15px; padding: 0 0 0 80px; text-transform: uppercase; width: 219px; !width: 205px; display: block; }
#orderform .box1 dl dd { float: left; }
#orderform .box1 dl dd input { float: left; }
#orderform .box1 dl dd label { float: left; font-size: 18px; color: #ffffff; line-height: 15px; padding: 0 0 0 80px; text-transform: uppercase; }
#orderform .box2 { background: #d9f4f7; padding: 25px 15px; }
#orderform .box2 .form ul { }
#orderform .box2 .form li { height: 27px; !height: 24px; float: left; height: 1%; padding: 3px 0 1px 0; }
#orderform .box2 .form label { float: left; width: 100px; display: block; text-transform: uppercase; text-align: right; padding: 3px 5px 0 0; font-size: 10px; }
#orderform .box2 .form li input,
#orderform .box2 .form li select { float: left; }
#orderform .box2 .form li select { width: 156px; height: 23px; border: 1px solid #77979F; }
#orderform .box2 .form li input { border: 1px solid #77979F; padding: 2px; width: 150px; }
#orderform .box2 .bt { padding: 0 0 0 340px; }
#orderform .box2 .bt input { border: 1px solid #77979F; font-weight: bold; padding: 0px 10px; background: #FFFFFF; color: #77979F }
#orderform .box2 .bts ul li { float: left; padding: 35px 0 13px 14px; }

/*
#orderform .box1 .bt { padding: 0 0 0 220px; }
#orderform .box1 .bt input { display: inline; }
*/

/*
.box2 { padding: 0 0 0 220px; }
.box2 input { display: inline; }

.box2 .total { padding: 0 0 0 340px; height: 33px; }
*/

.box2 .total { padding: 0 0 0 340px; height: 33px; }

.buttons{
    background: 0;
    margin: 0;
    text-align:left;
}

.formSubmit {
    margin-bottom: 25px;
}

.total {margin-top: 15px; display:none;}
.buy {margin-bottom: 15px;}

.massCollectDisallowed {
    font-weight: bold;
    color: #FF3300;
    padding: 15px;
}

.messageContainer {
    color: #797979;
    font-family: Tahoma;
    font-size: 12px;
}

.promotion
{
	margin-top:20px;
	clear: both;
}

.promotion input
{
	margin-right:3px;
}

.promotion img
{
	margin-right:10px;
}
#orderform .box2 .form .contact li {
    clear:both;
    float:none;
}
.capcha{
    float:left;
}
#orderform .box2 .form .contact ul {
    clear:both;
    float:left;
    width:100%;
}

/******SATYSFAKCJA********/

#sat { width: 960px; margin: 0 auto; position: relative;padding-top:15px;}
#sat p {line-height: 28px;color: #118396;font-size: 16px;}
.sat1 {}
.sat2 {position:absolute;top: 160px;width: 620px;left:50px;color: #0282A5;}
#sat p strong {color:#ED4717;}
/*************************/


/*discount*/

#orderform .box2 .form li.discountCode{
	height: 110px;
	/*background: url(/images/promo.jpg) no-repeat top left ;
	background-position: right top;*/
	height: auto;
	color:#000;
	margin:0px 0px;
	position: relative;
	clear: both;
	width:530px;
	color:#FFF;
	 text-transform: uppercase;
}
.form li.discountCode div{
	/*padding-left:60px;*/
	clear: both;
	width:420px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFF;
	color:#000;
	/*font-weight: bold;*/
	
}
.form #discount_code.error{
	border: 1px solid red;
	background-color: #FFAAAA;
}
.form #discount_code.ok{
	border: 1px solid #00BC28;
	background-color: #BAFFCC;
}
#orderform .box2 .form li.discountCode label{
	/*width:150px;*/
}

.form li.discountCode #discount_code_txt{
    color: red;	
}