/* RESET*/
*{margin:0; padding:0; outline:0;}
html, body{height:100%;	width:100%; text-align:center;}
table{border-collapse: collapse; border-spacing: 0;}
ul, ol{list-style-type:none;}
img{border:0;}
input, textarea, select{vertical-align:middle; font:12px Arial, Helvetica, sans-serif; color:#000;}
a{color:#fff; text-decoration:underline;}
a:hover{text-decoration:none;}

.btn{cursor:pointer; border:none;}
.btn:hover{position:relative; top:1px; left:1px;}
.selected a, .selected a:hover{cursor:text; text-decoration:none!important;}
.current, .current:hover{cursor:text; text-decoration:none!important;}

/* SETTINGS*/
body{font:11px Verdana; color:#fff; background:#fff url(images/body_bg.jpg) repeat-y;}
.main{width:950px; margin:0 auto; text-align:left; min-height:100%; _height:100%; position:relative;}

.orange_page .orange{z-index:10!important;}
.green_page .green{z-index:10!important;}
.blue_page .blue{z-index:10!important;}
.viola_page .viola{z-index:10!important;}

/* HEADER */
.header{height:85px; position:relative;}
.logo{position:absolute; top:20px; left:1px;}
.slogan{position:absolute; top:24px; right:0;}
/* navigation */
.navigation{height:23px; position:absolute; top:62px; left:134px;}
.navigation ul{position:absolute;}
.navigation li{height:23px; float:left;}
.navigation a{height:23px; float:left;}
.navigation .nav1 a{background:url(images/nav1.gif) no-repeat; width:139px; margin-right:18px;}
.navigation .nav1 a:hover, .navigation .nav2 a:hover, .navigation .nav3 a:hover, .navigation .nav4 a:hover {top:1px; left:1px;position:relative;}
.navigation .nav2 a{background:url(images/nav2.gif) no-repeat; width:139px; margin-right:0;}
.navigation .nav3 a{background:url(images/nav3.gif) no-repeat; width:139px; margin-right:6px;}
.navigation .nav4 a{background:url(images/nav4.gif) no-repeat; width:139px; margin-right:0;}
.navigation li .current{background-position:0 -23px!important;}

/* INTRO */

.intro{width:950px; height:250px; font-size:15px; position:relative; margin-bottom:50px; position:relative;}

.intro .button{position:absolute; width:236px; height:54px; background:url(images/intro_btn.png) no-repeat;}
.intro .button a{width:236px; height:54px; display:block; position:relative;}

.intro a{font-size:16px;}


.intro .orange{background:url(images/intro_orange.jpg) no-repeat #F5820F; width:950px; height:250px; position:absolute; z-index:4;}
.intro .orange ul{line-height:20px; position:absolute; top:117px; left:30px;}
.intro .orange li{background:url(images/intro_arr_orange.gif) no-repeat 0 10px; padding-left:15px;}
.intro .orange .button{top:187px; left:30px;}
.intro .orange .button:hover{top:188px; left:31px;}
.intro .orange .why{position:absolute; right:335px; bottom:13px; padding-right:15px; background:url(images/intro_arr_up.gif) no-repeat 100% 6px;}
.intro .orange #animBlock a {text-decoration:none;}

.intro .green{background:url(images/intro_green.jpg) no-repeat #80BA32; width:950px; height:250px; position:absolute; z-index:3;}
.intro .green .button{top:186px; left:356px;}
.intro .green .button:hover{top:187px; left:357px;}
.intro .green .button a {height:54px;}
.intro .green .img1{position:absolute; top:21px; left:62px; z-index:2;}
.intro .green .img2{position:absolute; top:22px; left:189px; z-index:1;}
.intro .green .img3{position:absolute; top:22px; left:310px;}
.intro .green .img4{position:absolute; top:22px; left:420px; z-index:1;}
.intro .green .img5{position:absolute; top:23px; left:562px;}
.intro .green .img6{position:absolute; top:22px; left:709px;}
.intro .green .what{position:absolute; left:31px; bottom:13px; padding-left:15px; background:url(images/intro_arr_down.gif) no-repeat 0 6px;}
.intro .green .price{position:absolute; right:31px; bottom:13px; padding-right:15px; background:url(images/intro_arr_up.gif) no-repeat 100% 6px;}
.intro .green div a{overflow:hidden; zoom:1; display:block; position:relative; height:175px;}
.intro .green div a{height:175px;}
.intro .green div a img:hover{margin-top:-175px;}



.intro .blue{background:url(images/intro_blue.jpg) no-repeat #4CB6E0; width:950px; height:250px; position:absolute; z-index:2;}
.intro .blue .button{top:186px; left:356px;}
.intro .blue .button:hover{top:187px; left:357px;}
.intro .blue .why{position:absolute; left:31px; bottom:13px; padding-left:15px; background:url(images/intro_arr_down.gif) no-repeat 0 6px;}
.intro .blue .price{position:absolute; right:31px; bottom:13px; padding-right:15px; background:url(images/intro_arr_up.gif) no-repeat 100% 6px;}
.intro .blue .text{position:absolute; top:40px; left:34px;}
.intro .blue .text li{padding:6px 0 5px 34px;}
.intro .blue .text .title{font:18px Tahoma; padding:0 0 10px 34px;}
.intro .blue .text .tick{background:url(images/intro_tick.gif) no-repeat;}
#white_span {color:#fff;}
.intro .blue .text p{font-size:11px; padding-left:20px;}
.intro .blue .text span{color:#fff799;}
.intro .blue .compare{width:145px; position:absolute; top:19px; left:753px;}
.intro .blue .compare label{display:block; padding:0 0 10px 8px; font-size:12px; color:#333;}
.intro .blue .compare p{font-size:12px; color:#333; padding-left:12px;}
.intro .blue .compare .quant{font:22px Verdana, Arial, Helvetica, sans-serif; color:#125c92; text-transform:uppercase; font-weight:bold;}
#popup_tip {display:none;}


.intro .viola{background:url(images/intro_viola.jpg) no-repeat #B078DD; width:950px; height:250px; position:absolute; z-index:1;}
.intro .viola .text{position:absolute; top:40px; left:71px; width:505px;}
.intro .viola h2{font:normal 22px Tahoma; padding-bottom:13px;}
.intro .viola .price{position:absolute; left:31px; bottom:13px; padding-left:15px; background:url(images/intro_arr_down.gif) no-repeat 0 6px;}
.intro .viola ol{padding-left:25px; }
.intro .viola ol li{padding-bottom:10px; list-style-type:decimal; position:relative;}
.intro .viola em{color:#fff799;}
.intro .viola p{text-align:center;}
.intro .viola .step{width:215px; position:absolute; top:35px; left:664px;}
.intro .viola .step h3{font:bold 24px Tahoma; color:#333; text-transform:uppercase; margin-bottom:15px; text-align:center;}
.intro .viola .step ul{border:1px solid #dedede; font-size:13px; text-transform:uppercase; color:#662d91; position:static; width:175px; padding:15px 20px 10px 20px; margin-bottom:20px; height:65px; overflow:hidden;}
.intro .viola .step ul li{padding-bottom:5px;}
.intro .viola .step ul span{color:#000;}
.intro .viola .step a{color:#333; font-size:13px;}
#showPriceTitle {display:none;}

/* CONTENT */
.outer{padding-bottom:37px; overflow:hidden; zoom:1;}
.site_content{height:251px; overflow:hidden; zoom:1; margin-bottom:40px;}
.context{position:relative; z-index:10; height:251px; overflow:hidden;}
/* left */
.left{width:202px; height:251px; float:left;}
.menu{height:162px; padding:11px 0 0 17px; font:bold 13px/30px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.menu li{height:30px; position:relative;}
.menu a{height:27px; overflow:hidden; zoom:1; display:block; position:relative;}
.menu a img{vertical-align:top;}
.menu a img:hover{margin-top:-27px;}
.timer p{font-size:9px; padding:0 16px 0 17px;}
.numbers{padding:3px 0 0 16px;}
.left .orange{background:url(images/left_orange.jpg) no-repeat #F5820F; position:absolute; width:202px; height:251px; z-index:4;}
.left .green{background:url(images/left_green.jpg) no-repeat #80BA32; position:absolute; width:202px; height:251px; z-index:3;}
.left .blue{background:url(images/left_blue.jpg) no-repeat #4CB6E0; position:absolute; width:202px; height:251px; z-index:2;}
.left .viola{background:url(images/left_viola.jpg) no-repeat #B078DD; position:absolute; width:202px; height:251px; z-index:1;}


/* right */
.right{width:203px; height:251px; float:right;}
.interesting{padding:8px 6px 0 14px;}
.interesting h3{font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:5px; color:#fff; text-transform:uppercase;}
.interesting li{padding-bottom:4px;}
.name{width:183px; background:url(images/name_arr.png) no-repeat; padding-left:11px;}
.name a:hover{text-decoration:none; color:#fff;}
.name a{text-decoration:underline; color:#fff;}
.time{width:183px; background:url(images/time_ico.png) no-repeat ; padding-left:10px; font-size:8px; color:#ffcb92;}
.right .orange{background:url(images/right_orange.jpg) no-repeat #F5820F; position:absolute; width:202px; height:251px; z-index:4;}
.right .green{background:url(images/right_green.jpg) no-repeat #80BA32; position:absolute; width:202px; height:251px; z-index:3;}
.right .blue{background:url(images/right_blue.jpg) no-repeat #4CB6E0; position:absolute; width:202px; height:251px; z-index:2;}
.right .viola{background:url(images/right_viola.jpg) no-repeat #B078DD; position:absolute; width:202px; height:251px; z-index:1;}
/* center */
.center{height:251px; overflow:hidden; zoom:1; background:url(images/center_bg.jpg) no-repeat;}
.flash{padding:14px 0 0 78px;}

/* FOOTER */
.footer{color:#363636; padding:0 0 0 7px;}
.footer span{text-transform:uppercase; margin-right:35px;}
.footer a{color:#cf1f26; margin-right:20px;}
.footer span sup {font-size: 8px;}
.footer span small{font-size:8px; padding-left:10px; font-size: 8px;}

#legal { float: left; width: 340px; font-size: 10px; color: #363636; margin-top: -10px; margin-right: 20px; padding: 5px;}
#legal a { color: #000000; }

/* CREATION */
#creation_contaner {display:block; height:72px; position:absolute; right:5px; width:227px; float: right; padding-top: 25px;} 
.creation {display:block;}
.creation .closed {text-align:center;}
.creation .closed a{background:url(images/creation_bg_close.gif) no-repeat; z-index:6; color: #808080;}
.creation #green_bottom, .creation #blue_bottom, .creation #viola_bottom {display:none;}
.creation a{height:51px; width:227px; display:block; position:absolute; bottom:0; right:5px; padding-top:21px;}
.creation .orange, .creation .green, .creation .blue, .creation .viola {text-align:center;}
.creation #orange_bottom .orange{background:url(images/creation_bg_orange.gif) no-repeat; z-index:4; background-position:0!important;}
.creation #green_bottom .green{background:url(images/creation_bg_green.gif) no-repeat; z-index:3; background-position:0!important}
.creation #blue_bottom .blue{background:url(images/creation_bg_blue.gif) no-repeat; z-index:2; background-position:0!important}
.creation #viola_bottom .viola{background:url(images/creation_bg_viola.gif) no-repeat; z-index:1; background-position:0!important}
.creation div a {text-decoration:none;}
.creation div a span {border-bottom:1px solid #fff;}
.creation .closed a span {border-bottom:1px solid #808080;}



/* SUBSCRIBE */
#subscribe { display:none; padding-left:30px;margin-bottom:10px; margin-right:10px; padding-right:10px;}
#subscribe input {margin-bottom: 3px;}
#subscribe .jqTransformInputWrapper {height:25px;}
#subscribe .jqTransformInputInner div {height:25px;}

/*#subscribe .jqTransformInputInner div input {height:25px;}*/
#subscribe .submit_links {clear:both; text-align:right}
#subscribe .submit_links a {padding-left:20px;}
#subscribe .form {padding-top:5px;}

/* WINDOW */
.window{width:599px; height:494px; top:75px; left:50%; margin:0 0 0 -300px; position:absolute; z-index:999; text-align:left;}
.window .bg{width:599px; height:469px; background:url(images/window_bg.png) no-repeat;}
.window .close{height:25px;}
.window .close img{cursor:pointer; float:right;}
.window .prev{position:absolute; top:224px; left:-20px; cursor:pointer;}
.window .next{position:absolute; top:224px; right:-20px; cursor:pointer;}
.window .image{width:579px; margin:0 auto; padding:10px 0;}
.window .description{overflow:hidden; zoom:1; width:579px; margin:0 auto;}
.window .description .title{width:132px; float:left; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#cf1f26; padding-right:10px; text-transform:uppercase; text-align:right;} 
.window .description .text{overflow:hidden; zoom:1; font-size:12px; color:#000;}

.starrequired {color:#F5820F;}
.errorMessage, .resultMessage {text-align:center; padding-top:50px; padding-left:11px; padding-right:20px;}
.errorMessage a, .resultMessage a {color:#000;}
.errorMessage {color:#f00;}
.resultMessage {color:#206699;}
#loadingImage {background-color:#FA8D0E; border:1px solid #fff;}

/* FORM */
.inputDescr {font-size:8px; clear:both;}

.photoDescr {display:none;}

.delimiterBlock {
clear:both;
margin:5px;
}
.successText, .errorText {
color:green;
font-size:11px;
margin-bottom:5px;
}
.errorText {
color:red;
}
.agreementBlock {
font-size:10px;
}
.intro .viola .step .agreementBlock a {
font-size:10px;
}
#subscribeIfree {
color:#662D91;
padding-left:15px;
}
.phoneDescription {
clear:both;
font-size:10px;
}
.instruñtions {
font-size:11px;
}
.submitBtn {
margin-top:24px;
padding-right:13px;
text-align:center;
}