/* GENERAL */
html,body,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,img {margin: 0; padding: 0; border: 0;}
body {font: 400 14px Arial, Helvetica, sans-serif; background-color: #ffff; color: #000; background-image: url("/pic/bg_up.gif"); background-repeat: repeat-x; background-position: 0 0;}
table {border-spacing: 0; border-collapse: collapse;}
td {font: 400 14px Arial, Helvetica, sans-serif; color: #000; vertical-align: top; padding: 0; line-height:120%;}
a, a:hover {font: 400 Arial, Helvetica, sans-serif; color: #000;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
a.n {text-decoration: none;}
a.n:hover {text-decoration: underline;color:#000;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #9eddff; text-decoration: none; position: relative;}
h1 {font-size: 24px;}
h2 {font-size: 18px; padding-right: 6px;}
h3 {font-size: 13px; font-weight: 700; color: #000;}
h3 a, h3 a:hover, h3 a:visited {font-size:14px; font-weight:bold; }
#proto tr.highlight{
background-color: red;
}
.cto .tbl img {padding-top:10px;padding-right:5px;}
.cto{width: 100%}
.fr {float: right}
.fl {float: left}
.tl {text-align: left}
.tc {text-align: center}
.tr {text-align: right}
span {color: #f58220;}
.chet {font-size: 14px;}
/* TOP */
.up {height: 222px; background-image: url("/pic/bg_up_img.png"); background-repeat: no-repeat; background-position: 0 100%; margin-bottom: 23px;}
.logo {width: 204px; height: 147px; padding-top: 16px;}
.logo img {width: 204px; height: 83px;}
.maps {width: 62px; padding-top: 7px;}
.maps a img {width: 10px; height: 9px;}
.maps span {padding: 0 12px;}
.menu {width: 704px; background-image: url("/pic/bg_up_menu.png"); background-repeat: no-repeat; vertical-align: middle; padding: 0 0 22px 37px;}
.menu div {width: 215px; background-image: url("/pic/bg_up_head.gif"); background-repeat: no-repeat; background-position: 0 16px;}
.menu img {width: 650px; height: 1px;}
.menu div img {width: 155px; height: 14px; margin-bottom: 10px;}
.menu a {text-decoration: none; padding-left: 12px;}
.menu a:hover {text-decoration: underline;}
.menu .on {font-weight: 700;}
.menu a.on:hover{font-weight: 700;}
/* MENU */
#mmenu {margin: 0; padding: 0;}
#mmenu li {margin: 0; padding: 0; list-style: none; width: 143px; height: 22px; background: url("/pic/bg_left_menu.gif"); background-repeat: no-repeat;}
#mmenu li a {font: bold 12px Arial, Verdana, Tahoma; color: #f58220; text-decoration: none; width: 120px; height: 22px; display: inline-block; text-align: left; border: none; position: relative; padding-left: 20px;}
#mmenu li a:hover,
#mmenu li.on a {color: #9eddff; border: none; width: 120px; height: 22px; background: url("/pic/bg_left_menu.gif"); background-repeat: no-repeat; text-decoration: none;}
#mmenu li > a {display: block;}
/* MAIN */
.left {width: 177px; background-image: url("/pic/bg_cen_left.png"); background-repeat: no-repeat; background-position: 0 100%;}
.content {padding-bottom: 30px;}
.content p,.content p a,.content p a:hover {margin-top: 8px; text-align: justify; font-size:14px; line-height:120%;}
.sp {height: 66px;}
.sp span {width: 48%; padding: 20px 0; font: 700 12px Arial, Helvetica, sans-serif; color: #f58220;}
.prew a img {border: #9eddff 0px solid;}
.prew a:hover img {border: #f58220 0px solid;}
.ots {width: 100%;}
.ots td {padding-bottom: 30px}
.rasporka img {width: 1px; height: 516px;}
.right {width: 210px; padding-bottom: 10px;}
.title {width: 100%; padding-top:10px;}
.title div {height: 18px;}
.title .fl {background-color: #fff; border-bottom: #fff 1px solid; }
.title .cto {background-image: url("/pic/bg_title.gif"); background-repeat: repeat-x; background-position: 0 100%;}
.title .cto img {margin-top: 16px;}
.dve {margin-top: 10px;}
.r_vid {margin: 30 0 15 0; padding-left: 15px; background: url('/pic/r_vid.gif') repeat-y 0 0;}
.r_vid a {font-size:14px;}
input {width:90%}
textarea {width:90%}
/* RIGHT */
.ser_up {width: 210px; background-image: url("/pic/bg_right_up.gif"); background-repeat: no-repeat;}
.ser_ce {width: 210px; background-color: #f0f0f0;}
.ser_ce div {margin: 0 7px;}
.ser_ce div a{font-size:14px;}
.ser_dw {width: 210px; background-image: url("/pic/bg_right_down.gif"); background-repeat: no-repeat; background-position: 0 100%;}
.rblock {margin-top: 14px;}
.razdel {height: 2px; background-color: #9eddff; margin: 15px 0 7px 0;}
/* FOOTER */
.footer {height: 59px; color: #FFF; background-image: url("/pic/bg_footer.gif"); background-repeat: repeat-x;}
.footer div {padding: 16px 0 0 25px;}
.footer a {color: #FFF; text-decoration: none;}
.footer a:hover {color: #FFF; text-decoration: underline;}
.color_blue {color: #9eddff;}
.color_black{color: #000;}
/* SEARCH */
.search {width: 135px; height: 32px; margin-left: 7px;}
.l {width: 3px; background: url('/pic/search_l.png') no-repeat 0 1px;}
.b {width: 129px; background: url('/pic/search_foot.png') no-repeat 0 22px;}
.r {width: 3px; background: url('/pic/search_r.png') no-repeat 0 1px;}
.search input {width: 129px; height: 21px; font-size:12px; color: #cbcbcb; background: url('/pic/search.png') repeat-x; border: 0; padding-top: 3px;}
.form_s {padding-left: 65px;}
input.error {background: #FFE3E3; border: #D79999 1px solid;}
/* ??????????? TITLE */
#title_h2 table{
color:#9EDDFF;
border-collapse:collapse;
width:100%;
margin-bottom:8px;
}
#title_h2 td{
position:relative;
text-align:left;
border-bottom:1px dotted #9EDDFF;
vertical-align:bottom;
padding: 0 0;
}
* html #title_h2 td{
border:none;
background: url(/pic/bg_title.gif) repeat-x left bottom;
}
#title_h2 th{
vertical-align:bottom;
white-space:notitle_h2;
padding:0 0;
width: 23px;
background: url(/pic/bg_up_head_r.gif) no-repeat right bottom;
}
#title_h2 td em{
line-height:120%;
margin:0;
color:#9EDDFF;
position:relative;
top:2px;
padding:0 5px 0 0;
font-size: 18px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
background-color: #fff;
font-style: normal;
vertical-align:bottom;
}
#title_h2 th em{
position:relative;
width: 23px;
display: block;
}
#s3slider {
width: 600px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin: 0 auto;
}
#s3sliderContent {
width: 600px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 16px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 374px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.clear {
clear: both;
}
/************************/
/*510px*/
.pikachoose{width:100%;margin:0 auto 50px auto;text-align: center;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{border:0px solid #555;padding:2px;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption 506px*/
.pika_main{width:100%;display:block;position:relative;text-align: center;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;align: middle;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:0px solid #555;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;max-width:100%;}
.pika_caption{width:100%;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('/pic/black.png') top left;}
.pika_caption a{color:white;}
.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/pic/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/pic/pause.png') top center no-repeat;}
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}
/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/pic/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('/pic/fastf.png') top right no-repeat;}
.slide {
display:none;
z-index:100;
}
.slide2 {
/*display:none;*/
z-index:100;
}
.templates_dontchaknow { position:relative; font-size:12px; margin:0px auto; min-width:8em; /* based on image dimensions - not quite consistent with drip styles yet */ color:#000; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ }
.templates_dontchaknow .dcncontent, .templates_dontchaknow .dcnt, .templates_dontchaknow .dcnb, .templates_dontchaknow .dcnb div { background:transparent url(/pic/dontchaknow.gif) no-repeat top right; }
.templates_dontchaknow .dcncontent { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 0px; }
.templates_dontchaknow .dcnt { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; }
.templates_dontchaknow .dcnb { /* bottom */ position:relative; width:100%; }
.templates_dontchaknow .dcnb, .templates_dontchaknow .dcnb div { height:4px; /* height of bottom cap/shade */ font-size:1px; }
.templates_dontchaknow .dcnb { background-position:bottom right; }
.templates_dontchaknow .dcnb div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; }
.templates_dontchaknow .dcnbtext { padding:15px 15px 10px 15px; }
.templates_teaser { margin:20px 0 0 0; height:179px; background:url(/pic/templates_teaser.jpg) no-repeat center top; }
.templates-list { margin:0 0 0 -20px; }
.template-item { float:left; width:145px; text-align:center; height:188px; margin:20px; background:#9eddff; font-size:11px; color:#000; }
.template-item a { color:#000; font-size:11px; }
.template-item a:hover { color:#FFF; }
.template-img { display:block; width:145px; height:146px; margin:0 0 2px 0; background-position:center bottom; background-color:#FFF; background-repeat:no-repeat; }
.template-item .price { float:left; clear:left; margin:4px 0 0 7px; }
.template-item .i-want-it { dislpay:block; float:right; clear:right; margin:4px 7px 0 0; }
#slidedown { color:#f58220; cursor:pointer; display:block; padding:10px 0 0 20px; float:left; background:url(/pic/plus.gif) no-repeat; background-position:10px 16px; }
div.slide { background:url(/pic/slide_bg.gif) #f2f2f2 repeat-x bottom left; padding:2px 10px 10px 10px; }
.templates_templview { float:left; position:relative; font-size:12px; margin:0px auto; min-width:8em; /* based on image dimensions - not quite consistent with drip styles yet */ color:#000; z-index:1; margin-left:20px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ }
.templates_templview .dcncontent, .templates_templview .dcnt, .templates_templview .dcnb, .templates_templview .dcnb div { background:transparent url(/pic/template_img.gif) no-repeat top right; *background:none; }
.templates_templview .dcncontent { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 0px; }
.templates_templview .dcnt { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:20px; /* top slice width */ margin-left:-20px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; }
.templates_templview .dcnb { /* bottom */ position:relative; width:100%; }
.templates_templview .dcnb, .templates_templview .dcnb div { height:20px; /* height of bottom cap/shade */ font-size:1px; }
.templates_templview .dcnb { background-position:bottom right; }
.templates_templview .dcnb div { position:relative; width:20px; /* bottom corner width */ margin-left:-20px; background-position:bottom left; }
.templates_templview .dcnbtext { padding:10px 0 0 0; }
.templates_templview img { margin:0 -1px -10px -10px; position:relative; z-index:5; }
.template-title { text-align:center; font-size:18px; padding:35px 0 5px 0; }
.template-buttons { width:342px; margin:20px auto 10px auto; height:35px; font-size:18px; }
.template-buttons a { font-size:18px; }
.template-buttons .price { float:left; clear:left; color:#000; cursor:pointer; text-decoration:none; border-bottom:1px dashed #000; }
.template-buttons .price.highlighted { float:left; clear:left; color:#f58220; cursor:default; border:none; }
.template-buttons .price .number { font-size:24px; font-size:24px; font-weight:normal; }
.template-buttons .price .number { color:#000; }
.template-buttons .price .star { color:#f58220 !important; font-size:24px; }
.template-buttons .price.highlighted .number { color:#f58220; }
.template-buttons .price.highlighted .star { color:#f58220 !important; font-size:24px !important; }
.template-buttons .buy { height:18px; display:block; float:right; clear:right; cursor:pointer; text-decoration:none; border-bottom:1px dashed #000; }
.template-buttons .buy.highlighted { color:#f58220; cursor:default; border:none; }
.template-info { width:585px; height:221px; margin:auto; background:url(/pic/template_info.gif); font-size:12px; }
.template-info .includes { float:left; clear:left; width:245px; margin:45px 0 0 19px; }
.template-info .not-include { float:right; clear:right; width:245px; margin:45px 19px 0 0; }
.template-info ul { list-style:none; list-style-type:none; padding:10px 0 0 0; margin:0; }
.template-info .title { font-size:18px; font-weight:normal; color:#000; }
.template-info .may-be { float: left; color:#FFF; border-top:1px solid #FFF; padding:5px 0 0 0; margin:10px 0 0 0; }
.template-warning { padding:14px 0 0 20px; font-size:12px; text-indent:-20px; }
.template-warning .star { font-size:24px; color:#f58220; }
.on {
background-color:#9EDDFF;
font-weight:bold;
padding:5px;
}
.slide2 { width:585px; height:196px; margin:auto; background:url(/pic/template_buy.gif); padding:25px 0 0 0; }
.slide2 td { font-size:12px !important; vertical-align:middle; padding: 0 10px 6px 0; }
.slide2 td input { width:auto; }
.slide2 .inp { border:1px solid #FFF; background:#FFF; color:#000; width:250px; margin:0px; padding:0px; }
.slide2 .img_captcha { float:left; border:1px solid #FFF; }
.slide2 .inp_captcha { float:left; border:0px; width:100px; padding:10px 0 13px 0; font-size:25px; text-align:center; }
.slide2 .arrow { display:block; float:left; font-size:30px; line-height:50px; height:50px; color:#000; padding:0 9px 0 9px; }
.slide2 .subm { display:block; font-family:Arial,Helvetica,sans-serif; padding:3px 0 7px 0; margin:5px auto 0 auto; width:140px; background:url(/pic/template_order.gif) no-repeat; font-size:12px; border:0px; }
.slide2 .inp.error { background:#ff0c0c; border-color:#ff0c0c; color:#FFF; }
.slide2 .inp_captcha.error { background:#ff0c0c; border-color:#ff0c0c; color:#FFF; }
.purchase { margin:auto; }