/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
html, body, div, span, 	h1, h2, h3, h4, h5, h6,	a, acronym,	font, img,	ul, li,	fieldset, form, label, legend, button {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100.01%; vertical-align: baseline;		background: transparent; }
p {padding-top:0; margin-top:0; }	   
ul { list-style: none; }
blockquote, q { quotes: none; }
textarea { overflow:auto; }

			
 /* site styling */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { 
	color: #2f2f2e; 
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:13px;
	background:#e1e0e0 url(/images/world_map.gif) top center no-repeat
}

textarea, select, input {	font-family: Arial, Verdana, Geneva, sans-serif;}

.t8 {font-size:8px}
.t9 {font-size:9px}
.t10 {font-size:10px}
.t11 {font-size:11px}
.t12 {font-size:12px}
.t13 {font-size:13px}
.t14 {font-size:14px}
.t15 {font-size:15px}
.t16 {font-size:16px}
.t18 {font-size:18px}
.t20 {font-size:20px}
.t24 {font-size:24px}

.white {color:#FFF}
.black { color:#000000; }
.red { color:#ca0332; }
.gray { color:#838282; }
.light_blue { color:#7fa4cc; }
.blue { color:#255b95; }
.orange {color:#F60}
.dark_gray { color:#363636; }
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}

.bold {font-weight:bold}
.underline {text-decoration:underline}
.no-underline {text-decoration:none}

h1 {font-size:17px; display:inline-block; font-weight:normal; text-transform:uppercase; margin-top:-5px;} 
h2 {font-size:14px; display:inline-block; font-weight:normal; text-transform:uppercase; margin: 10px 0 7px}
h3 {font-size:13px; display:inline-block; font-weight:normal; text-transform:uppercase; margin-bottom:5px; }
h4 {font-size:12px; display:inline-block; font-weight:normal; text-decoration:underline; margin-bottom:5px;}

.content ul li {list-style:inside; padding-left:20px; margin:3px;}
.content ul {margin-bottom:20px;}

.menu {font-size:20px; text-transform:uppercase;}

a {text-decoration:none; color:#2f2f2e}

img { border:0px; }
.img_b {border:1px solid #7fa4cc;}
.img_ico_b {border:1px solid #bbbaba;}

.img_b {border:1px solid #7fa4cc; margin-right:10px;}

.fildset { background-color:#FEFEFE;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #bbbbbb;	padding: 20px 10px; color:#58585a; width:430px;}

#contact_form .input {background-color:#f8f8f8; border:1px solid #cccccc; height:30px; color:#CCC; padding-left:5px; font-size:13px; }
#contact_form .input_select {background-color:#f8f8f8; border:1px solid #cccccc; height:30px; color:#424d39; padding-left:5px; font-size:13px;}
#contact_form .btn { border:0; font-size:12px; text-transform:uppercase; width:120px; height:30px; padding:5px 10px; color:#FFF; cursor:pointer; background-color:#255b95; }

#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #4c87c1; border-left:none; padding:5px; min-width:150px; max-width:250px}

.on {display:block }
.off {display:none }

.ok_mess { padding:5px 10px; margin:0 auto; background-color:#eceff4; border:1px solid #abc1d9; color:#777777; width:500px; text-align:center;}
.bad_mess { padding:5px 10px; margin:0 auto; background-color:#f2d7de; border:1px solid #7d0f36; color:#7d0f36; font-weight:bold; width:450px; text-align:center;}

.content { padding:0 }
.content table {background:#CCC; width:100%; margin:10px 0}
.content td { background-color: #FFF; padding:5px; text-align:center; vertical-align:top; text-align:left }
.content td p {padding:0; margin:0}

.clear{clear:both;}	

#wrapper {  position:relative; margin:0 auto; width:100%; background:url(/images/pattern.png) top center repeat}
header {	position:relative;	clear:both;	width:100%; background:url(/images/nav_back.png) top center no-repeat}
.header_content {	position:relative;	clear:both;	width:980px; height:245px; margin:0 auto;}
main {	position:relative; clear:both; width:980px;	padding-bottom:30px;	margin:0 auto; }
.main_content {position:relative; width:100%; background-color:#FFF; border:1px solid #bbbbbb; padding:20px 15px;  margin-bottom:30px; min-height:520px;}
.main_content.home {min-height:auto;}
.left_column {width:252px; background-color:#FFF; border:1px solid #bbbbbb; float:left; padding:20px 15px;}
.right_column {width:703px; background-color:#FFF; border:1px solid #bbbbbb; float:right; padding:20px 15px; margin-bottom:30px;}

.contact_form_container {position:relative; }
.contact_form_holder {position:relative; padding:0;}

.contact_form_table {margin:10px; width:440px}
#c_ime, #c_tel, #c_email {width:300px; padding:2px; margin-bottom:10px}
#c_notes {width:410px; padding:2px; margin-bottom:10px}

footer {	position:relative; clear:both; width:100%; background:url(/images/footer_back.jpg) top left repeat-x}
.footer_content { position:relative; width:980px; height:88px; margin:0 auto; padding-top:50px; text-align:center }

#logo { position:absolute; top:77px; left:65px;}


/*  ------------------------ MENUS ----------------------------- */
.user_menu {position:absolute; top:68px; left:380px; height:36px; width:600px; text-align:right;}
.user_menu ul li { list-style:none; float:right; display:inline; padding:0 10px; }
.user_menu ul li a { float:right; display:inline-block; color:#3a3a3a; font-size:13px; text-transform:uppercase; }
.user_menu_txt {height:36px; line-height:40px; float:right; padding:0 3px;}

.user_menu_user { width:36px; height:36px; background:url(/images/user_ico_2.png) no-repeat top left; background-position: 0 0; display:inline-block}
.user_menu_register { width:36px; height:36px; background:url(/images/user_ico_2.png) no-repeat top left; background-position: 0 -36px; display:inline-block}
.user_menu_basket { width:36px; height:36px; background:url(/images/user_ico_2.png) no-repeat top left; background-position: 0 -72px; display:inline-block}
.user_menu_logout { width:36px; height:36px; background:url(/images/user_ico_2.png) no-repeat top left; background-position: 0 -106px; display:inline-block}

.user_nav li {  padding:5px 0 ; }
.user_nav li a {  color:#3a3a3a; font-size:14px; }


.cat_menu {position:absolute; top:178px; left:0; height:40px; width:100%; background:url(/images/cat_menu_back.jpg) top center repeat-x; padding:7px 0; -webkit-box-shadow: 0px 3px 5px 0px rgba(150,149,149,1); -moz-box-shadow: 0px 3px 5px 0px rgba(150,149,149,1); box-shadow: 0px 3px 5px 0px rgba(150,149,149,1);}
	
.top_menu {position:absolute; top:117px; left:333px; height:40px; width:330px;}
.footer_menu { margin:0 auto; width:auto}

.top_menu ul li { list-style:none; float:left; display:inline; padding:7px 0;}
.cat_menu > ul li { list-style:none; float:left; display:inline; padding:5px;}
.footer_menu ul li { list-style:none; display:inline; padding:7px 0;}

.top_menu ul li a { text-transform:uppercase; color:#FFF; font-size:14px; padding:12px; }
.cat_menu ul li a  { text-transform:uppercase; color:#46433f; font-size:14px; padding:12px;}
.footer_menu ul li a { text-transform:uppercase; color:#FFF; font-size:12px; padding:12px; }

.cat_menu ul > li:last-child  { float:right; }
.cat_menu ul > li:last-child a  { text-transform:uppercase; color:#007799; font-weight:bold }

.top_menu ul li {border-right:1px solid #80bbcc}
.top_menu ul > li:last-child {border-right:none}

.cat_menu > ul > li {border-right:1px solid #a2a2a2}
.cat_menu ul>li:nth-last-child(-n+2) {border-right:none}

.cat_menu ul .sub_menu {display:none}
.cat_menu ul li:hover > .sub_menu {display: block; z-index:999; -webkit-box-shadow: 0px 0px 10px 1px rgba(184,184,184,1);
-moz-box-shadow: 0px 0px 10px 1px rgba(184,184,184,1); box-shadow: 0px 0px 10px 1px rgba(184,184,184,1); }
.cat_menu ul .sub_menu {background: #FFF; padding: 0;	position: absolute; top: 100%; width:200px}
.cat_menu ul .sub_menu li {float:left; width:100%;}
.cat_menu ul .sub_menu li a {padding: 5px;	color: #333; font-weight:normal; display:block}
.cat_menu ul .catalog {background: #FFF; padding: 0;	position: absolute; top: 100%; width:123px}

/*  ------------------------ END MENUS ----------------------------- */

.title{ height:41px; background:url(/images/title_back.jpg) right top no-repeat; text-align:left; text-transform:uppercase; padding: 10px 35px 5px 10px; font-size:15px; color:#FFF; margin-bottom:30px;}

.search { position:absolute; top:117px; left:700px; height:30px; width:280px; padding:0; margin:0; text-align:right; }
#search_form { display:block; height:31px }
#search_string { background-color:#FFF; border:1px solid #94b4d4; font-size:12px; height:30px; width:240px; padding:3px 0 3px 5px; float:left }
#search_btn { background:url(/images/search_btn.png) center center no-repeat;  border:0; height:30px; width:30px; cursor:pointer; padding:7px; margin:0 }

.filters {width:252px; height:380px; background-color:#FFF; border:1px solid #bbbbbb; float:left; padding:20px 15px;}
.banners {width:703px; height:380px; background-color:#007799; float:right; color:#FFF; font-size:14px; text-transform:uppercase; text-align:center; padding:7px}

.filters_label {color:#46433f; font-size:14px; text-transform:uppercase; width:100%; font-family:Verdana, Geneva, sans-serif}
.filters_input { padding:7px 0 18px 0; font-size:13px; color:#46433f;}
.filters_drop { background-color:#FFF; border:1px solid #b7b7b7; width:100%; height:32px; }
.year_label {width:auto; display:inline-block}
.filters_year { background-color:#FFF; border:1px solid #b7b7b7; width:38%; height:32px; padding:0 5px }
input::-webkit-input-placeholder {color:#FFF}
input:-moz-placeholder{color:#FFF}
input:-ms-input-placeholder{color:#FFF}
.filters_search { background-color:#FFF; border:1px solid #b7b7b7; width:38%; height:32px; float:right}
.filters_search_lc { background-color:#FFF; border:1px solid #b7b7b7; width:38%; height:32px;}

.filters_inside {width:100%; clear:both; margin:0 0 20px 0; padding:8px; background-color:#cedee7; border:1px solid #FFF}
.filters_inside .filters_label { display:none; width:auto}
.filters_inside .filters_input { padding:7px 5px; font-size:13px; color:#46433f; display:inline-block; float:left}
.filters_inside .filters_drop { background-color:#FFF; border:1px solid #b7b7b7; width:190px; height:32px; float:left}
.filters_inside .filters_year { background-color:#FFF; border:1px solid #b7b7b7; width:100px; height:32px; padding:0 5px}
.filters_inside input::-webkit-input-placeholder {color:#CCC}
.filters_inside input:-moz-placeholder{color:#CCC}
.filters_inside input:-ms-input-placeholder{color:#CCC}


.filters_inside .filters_search { background-color:#FFF; border:1px solid #b7b7b7; width:70px; height:32px;}
.filters_inside .year_label {display:none}

.login_btn {background-color:#007799; border:1px solid #b7b7b7; padding:10px 30px; height:36px; color:#FFF}
.hint {display:inline-block; vertical-align:top; margin-top: -2px;}

.login_form {width:55%;  display:inline-block}
.login_form .label, .login_form .label_blank {width:135px; display:inline-block; margin-right:10px; text-align:right}
.login_form .input, .login_form .input_select {width:320px; height:30px; display:inline-block; margin-bottom:10px;}

.register_form {width:55%;  display:inline-block}
.register_form .label, .register_form .label_blank {width:135px; display:inline-block; margin-right:10px; text-align:right}
.register_form .input, .register_form .input_select {width:310px; height:30px; display:inline-block; margin-bottom:10px;}

.userprofile_form {width:100%;  display:inline-block}
.userprofile_form .label, .userprofile_form .label_blank {width:135px; display:inline-block; margin-right:10px; text-align:right}
.userprofile_form .input, .userprofile_form .input_select {width:310px; height:30px; display:inline-block;  margin-bottom:10px;}

.other_choice {width:45%; text-align:center; float:right; display:inline-block; padding:50px 0; line-height:40px}

.carousel_container { width:100%; height:320px; border:1px solid #bbbbbb; padding:20px 31px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.carousel {margin:0 8px;}

.carousel .item { position:relative; width:209px; height:271px; background:url(/images/c_back.jpg) top center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; border:1px solid #c5c5c5; margin:0 4px; }
.carousel .item .avail { position:absolute; top:0; left:110px; width:95px;  height:44px; padding:4px 0 4px 11px;  font-size:14px;}
.carousel .item .avail .yes { width:11px; height:11px; background-color:#007799; float:left; margin:3px 5px 0 0; }
.carousel .item .avail .no { width:11px; height:11px; background-color:#F00;  padding:5px 4px; float:left; margin:3px 5px 0 0; }
.carousel .item .name {position:relative; float:left; width:100%; height:44px; padding:5px 0 5px 8px;}
.carousel .item .img { position:relative; clear:both; padding: 0 4px; text-align:center; margin:0 auto}
.carousel .item .price { position:relative; float:right; width:55%; text-align:right; padding: 17px 20px 17px 10px; font-size:16px; font-weight:bold; color:#fe366a;}
.carousel .item .label { position:relative; float:left; width:45%; padding:17px 10px 17px 25px; font-size:16px; font-weight:bold }
.carousel .item .parameter { padding:0 15px; height:20px}

.item { position:relative; width:209px; height:271px; background:url(/images/c_back.jpg) top left no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; border:1px solid #c5c5c5; margin:0 7px 14px 7px; }
.item .avail {  position:absolute; top:0; left:110px; width:95px; height:44px; padding:4px 0 4px 11px;  font-size:14px;}
.item .avail .yes { width:11px; height:11px; background-color:#007799; float:left; margin:3px 5px 0 0; }
.item .avail .no { width:11px; height:11px; background-color:#F00;  padding:5px 4px; float:left; margin:3px 5px 0 0; }
.item .name {position:relative; float:left; width:100%; height:44px; padding:5px 0 5px 8px;}
.item .img { position:relative; clear:both; padding:0 4px; text-align:center}
.item .price { position:relative; float:right; width:55%; text-align:right; padding: 17px 20px 17px 10px; font-size:16px; font-weight:bold; color:#fe366a;}
.item .label { position:relative; float:left; width:45%; padding:17px 10px 17px 25px; font-size:16px; font-weight:bold }
.item .parameter { padding:0 15px; height:20px}

.search_result {background-color:#FFF; border:1px solid #bbbbbb; padding:25px 15px;}
.search_result .item { width:209px; height:271px; background:url(/images/c_back.jpg) top left no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; border:1px solid #c5c5c5; margin:0 14px 28px 14px; }

.pr_header {width:100%; height:45px; background:url(/images/blue_line.jpg) center bottom no-repeat; margin-bottom:10px;}
.pr_sub_header {width:100%; height:45px; background:url(/images/blue_line_lc.jpg) center bottom no-repeat; margin-bottom:10px;}

.lc_delimiter {width:100%; height:18px; background:url(/images/blue_line_lc.jpg) center bottom no-repeat; margin-bottom:4px;}

.pr_title {width: 250px; float:left; padding-left:20px;}
.pr_avail {width:150px; float:left; padding-top:20px;}
.pr_avail .yes { width:11px; height:11px; background-color:#007799; float:left; margin:3px 5px 0 0; }
.pr_avail .no { width:11px; height:11px; background-color:#F00;  padding:5px 4px; float:left; margin:3px 5px 0 0; }

.pr_tt_title {width:250px; float:left; padding-top:20px;}
.pr_other_title {width:200px; float:left; padding-top:20px;}
.pr_images {width:400px; float:left}

.pr_tt_content { width:200px; float:left; margin-right:50px}
.pr_other_content {width:250px; float:left;}

.pr_cross { width:340px; float:left; padding-right:20px;}
.pr_app { width:580px; float:left}

.pr_cross_title { width:340px; float:left; padding-left:20px; padding-top:20px; font-size:14px; font-weight:bold; text-transform:uppercase}
.pr_app_title { width:580px; float:left;  padding-top:20px; font-size:14px; font-weight:bold; text-transform:uppercase }

.wieght {width:100px; float:left}
.old_price {text-align:left; position:absolute; left:0px; top:23px; font-size:16px; text-decoration:line-through;}
.price {text-align:right;}
.basket_container {padding-top:10px;}
.basket {display:block; background:url(/images/basket.jpg) top center no-repeat; width:196px; height:34px; padding:10px 0 0 40px; border:0; background-color:transparent; font-size:14px; font-weight:bold}

.product_details table {background:#CCC; width:100%; margin:10px 0;}
.product_details td {background-color: #FFF; padding:3px; text-align:center; vertical-align:top;}
.product_details th {background-color: #dedede; padding:3px; text-align:center; vertical-align:top;}
.product_details tr:nth-child(2n+1) td {background-color: #f3f3f3;}
.product_details td p {padding:0; margin:0; text-align:center}

.page {padding:5px 10px; background-color:#ececec; border-radius:5px;}
.a_page {padding:5px 10px; background-color:#007799; color:#FFF; border-radius:5px;}
.prev, .next {padding:5px 10px;}

.input {background-color:#FFF; border:1px solid #b7b7b7; margin:2px 0; padding:2px}
.input_select {background-color:#FFF; border:1px solid #b7b7b7; margin:2px 0; padding:2px}

.quantity{text-align:center; font-size:12px; width:50px;height:24px; background-color:#FFFFFF; border:1px solid #d3def2;}
.basket_btn {padding:10px 20px; background-color:#007799; color:#FFF; font-size:13px; text-transform:uppercase }
.basket_update {padding:10px; background-color:#e2c29c; color:#007799; font-size:13px; text-transform:uppercase }

.fcheck { margin:2px 0;}

.pr_tt_spareon { width:200px; float:left; margin-top:0px}
.pr_tt_spareon td {text-align:left;}

@media only screen and (min-width : 200px) and (max-width : 980px) {	
 header {background:url(/images/nav_back.png) top 0 left -477px no-repeat }
}