html {
	font-size: 62.5%;
	background: #d7ecfa;
}
body {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	color: #fff;
	background: #d7ecfa;
	min-width:1000px;
}
img {border: none;}
a{
	text-decoration:none;
	color: #d7ecfa;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* home page */
.container{
	width:100%;
	background:#d7ecfa url('images/bg-body2.gif') no-repeat 50% 0;
}
/* wrapper */
#wrapper {
	width: 902px;
	margin: 0 auto;
	position: relative;
	padding-top: 127px;
}
#wrapper:after {
	content:"";
	display:block;
	clear:both;
}
/* logo */
.logo{
	position: absolute;
	left:49px;
	top:33px;
	width: 124px;
	height: 124px;
	margin:0;
	text-indent:-9999px;
	z-index:50;
}
.logo a {
	display:block;
	overflow:hidden;
	height:100%;
	background:url(images/logo2.png) no-repeat;
}
/* navigation */
.navigation {
	overflow: hidden;
	width:650px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 206px;
	top: 80px;
}
.navigation li {
	float: left;
	background: url(images/separator.gif) no-repeat 0 7px;
	padding: 0 26px 0 17px;
	margin-left: -6px;
	display: inline;
	font-size: 28px;
	line-height:28px;
}
.navigation li a {
	color: #71c8f1;
	letter-spacing:1px;
	white-space:nowrap;
}
.navigation li a:hover {
	color: #f57e20;
	text-decoration: none;
}
.navigation li a.active {
	color: #f89838;
}
/* visual */
.visual {
	width: 100%;
	position: relative;
	height: 247px;
}
.visual-img {
	overflow: hidden;
	height: 100%;
	position: relative;
}
.visual-img img {
	display: block;
}
.vis-text {
	width: 175px;
	position: absolute;
	top:43px;
	left:37px;
	z-index: 100;
}
.vis-text h2{
	margin: 0;
	font-size: 26px;
	line-height:25px;
	color: #f89838;
	letter-spacing:-1px;
	font-weight:normal !important;
	overflow:hidden;
}
* html .vis-text h2{
	margin-bottom:-10px;
}
.cufon-active .vis-text h2 strong{
	display:block;
	font-size:27px;
	padding-bottom:3px;
	width:100%;
	overflow:hidden;
	font-weight:normal;
}
.cufon-active .vis-text strong.cufon{float:left;}
.vis-text p {
	margin: 6px 0 0;
	font-size:1.3em;
	line-height: 1.231em;
	color: #71c8f1;
}
.vis-text p a {
	color: #71c8f1;
}
/* main */
#main {
	width: 100%;
	background: #99ca3c;
	margin-top: 11px;
	position: relative;
}
.main-holder {
	overflow: hidden;
	width: 100%;
	background: url(images/bg-main-t.gif) no-repeat;
}
.main-frame {
	overflow: hidden;
	height:1%;
	padding: 35px 44px 35px;
	background: url(images/bg-main-h-b.gif) no-repeat 0 100%;
	position:relative;
}
/* items */
.items {
	overflow: hidden;
	width: 100%;
	padding:0 0 13px;
}
.center-box1 {
	width: 822px;
	overflow: hidden;
	position: relative;
}
.center-box2 {
	left: 50%;
	float: left;
	position: relative;
}
.items .holder {
	left: -50%;
	float: left;
	position: relative;
}
.item {
	float: left;
	width: 121px;
	height: 135px;
	padding: 19px 23px 12px;
	background-repeat: no-repeat !important;
	margin: 0 3px 0 2px;
	display: inline;
	position: relative;
}
.item .mask {
	position: absolute;
	display: block;
	width: 167px;
	height: 100%;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 100;
	background: url(images/none.gif);
}
.item.box1 {
	background: url(images/bg-foot-box1.gif);
}
.item.box2 {
	background: url(images/bg-foot-box2.gif);
}
.item.box3 {
	background: url(images/bg-foot-box3.gif);
}
.item.box4 {
	background: url(images/bg-foot-box4.gif);
}
.items .item.hover,
.items .item:hover {
	background-position: 0 -166px;
}
.item h3 {
	margin: 0;
	text-align:center;
	font-size: 23px;
}
.item p {
	margin: 7px 0 0;
	font-size:1.3em;
	line-height: 1.154em;
}
.item a {
	color: #fff;
}
.item a:hover{
	text-decoration:none;
}
.btn {
	position: absolute;
	left: 50%;
	top: 110px;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
	background-repeat:  no-repeat !important;
}
.items .item.hover .btn,
.items .item:hover .btn {
	background-position: 0 -30px;
}
.btn1 {
	width: 28px;
	background: url(images/icon1.gif);
	margin-left: -14px;
}
.btn2 {
	width: 38px;
	background: url(images/icon2.gif);
	margin-left: -19px;
}
.btn3 {
	width: 33px;
	background: url(images/icon3.gif);
	margin-left: -17px;
}
.btn4 {
	width: 31px;
	background: url(images/icon4.gif);
	margin-left: -16px;
}
/* footer */
#footer {
	overflow: hidden;
	width: 100%;
	padding: 7px 0 50px;
}
#footer span {
	color: #71c8f1;
	font-size: 1.1em;
	margin-left: 8px;
}
#footer span a {
	color: #71c8f1;
}
/* product page */
.vis-text.color{
	top:32px;
	left:30px;
}
.color h2{
	color:#f37324;
}
.logo-mouse{
	padding:0 0 0 4px;
	height:1%;
}
* html .logo-mouse{padding-top:4px;}
*+html .logo-mouse{padding-top:4px;}
.logo-mouse span{
	display:block;
	background:url(images/logo-mouse.png) no-repeat;
	width:177px;
	height:146px;
	text-indent:-9999px;
}
/* columns */
.columns{
	width:856px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	overflow:hidden;
}
.column{
	float:left;
	width:380px;
	padding:0 0 65px 48px;
	position:relative;
	font-size:1.4em;
	line-height:1.5em;
}
.column h2{
	font-size:25px;
	margin:0;
	line-height:30px;
}
.column .heading strong{
	font-size:1.071em;
}
.column .heading{
	padding:0 0 5px;
}
.column .buybutton {
	padding: 10px 0 0 0;
	text-align:left
}
.column p{
	margin:0 0 21px;
}
.content-list{
	list-style:none;
	padding:0;
	margin:0;
}
.content-list li{
	background:url(images/bullet.gif) no-repeat 0 10px;
	padding:0 0 0 18px;
	height:1%;
	vertical-align:top;
}
/* slide */
.slide {
	overflow: hidden;
	width: 100%;
}
.slide-img {
	overflow: hidden;
	width: 380px;
	height: 273px;
	position: relative;
}
.slide-img img {
	display: block;
	margin: 4px 0 0 4px;
}
.slide-img .border {
	position: absolute;
	left: 0;
	top: 0;
	width: 380px;
	height: 273px;
	background: url(images/bg-img-border2.gif) no-repeat;
}
.slider {
	overflow: hidden;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	position: relative;
}
.slider li {
	display: inline;
	margin: 0 4px;
}
.slider li img {
	vertical-align: top;
	border: 2px solid #fff;
}
.slider li a:hover img,
.slider li a.active img {
	border: 2px solid #f6eb13;
}
.enlarge {
	position: absolute;
	height:1%;
	left: 42%;
	top: 370px;
	text-align: center !important;
	font-size:.929em;
}
.enlarge a {
	color: #fff;
}
.slide-holder{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	position:relative;
	height:277px;
}
.slide-holder li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.slide-holder li.active{
	z-index:100;
}
.row-block{
	background:url(images/divider-visual.gif) no-repeat 50% 0;
	width:100%;
	padding:33px 0 0;
	overflow:hidden;
	clear:both;
}
/* stores page */
#content{
	padding:18px 20px 0;
	font-size:1.4em;
	line-height:1.286em;
}
#content h2{
	font-size:25px;
	margin:0 0 8px;
}
.form-location{
	width:100%;
	overflow:hidden;
	padding:0 0 32px;
}
.form-location label{
	display:block;
	padding:0 0 3px;
}
.form-location select{
	width:180px;
	font-size:12px;
}
.location{
	list-style:none;	padding:0;	margin:0 0 -15px -114px;
	width:870px;
	overflow:hidden;
}
.location li{
	float:left;
	width:176px;
	padding:0 0 43px 114px;
}
.location li address{
	font-style:normal;
}
#content p{
	margin:0 0 16px;
}
/* contact page */
#content .contact h2{
	margin:0 0 21px;
}
.contact{
	width:100%;
	overflow:hidden;
	padding:0 0 26px;
	margin:-6px 0 0;
}
.contact .address{
	list-style:none;	margin:0;
	padding:9px 0 16px;
}
.contact dl{
	width:100%;
	overflow:hidden;
	margin:0;
}
.contact dt,
.contact dd{
	float:left;
	margin:0 2px 0 0;
}
.contact .address a,
.contact dd a{
	color:#fff;
}
/* assembly page */
.assembly{
	padding:0 14px 65px 0;
	height:1%;
}
.assembly:after{	clear: both;	content:"";	display: block;}
.description{
	float:left;
	width:360px;
	margin:0 0 0 -4px;
	position:relative;
}
#content .description h2{
	margin:0;
}
.product-list{
	list-style:none;	padding:0;	margin:0;
}
.product-list li{
	padding:0 0 10px;
}
.product-list li a{
	color:#fff;
}
.description h3{
	margin:0;
	font-size:1em;
}
.video{
	float:right;
	width:377px;
	height:285px;
	padding:13px 0 0 13px;
	margin:20px 0 0;
	position:relative;
	z-index:2;
}
.border{
	position:absolute;
	width:390px;
	height:298px;
	background:url(images/bg-video.gif) no-repeat;
	top:0;
	left:0;
	z-index:100;
}
/* videos page */
.video-list{
	list-style:none;	padding:4px 0 3px;	margin:0 0 0 -28px;
	width:820px;
	overflow:hidden;
}
.video-list li{
	float:left;
	padding:0 0 24px 24px;
}
.video-list li img{
	float:left;
}
/* news page */
.news{
	padding:0 15px 6px 0;
}
#content .news h2{
	margin:0 0 20px;
}
.article-block{
	margin:40px 0 0;
}
.articles-list{
	list-style:none;	padding:0;	margin:0 0 -5px;
}
.articles-list li{
	margin:0 0 20px;
}
#content .articles-list p{
	margin:0;
	font-weight:bold;
}
#content .articles-list p a{
	color:#fff;
}
/* wholesale-v4 page */
.resourse h3{
	font-size:1em;
	margin:0;
}
#content .resourse p{
	margin:0;
}
#content .resourse a{
	color:#fff;
}
/* tamplate page */
.tamplate-block{
	min-height:276px;
}
* html .tamplate-block{
	height:276px;
}
/* wholesale-v1 page */
#content.application{
	padding:17px 18px 14px;
}
#content.application h2{
	margin:0;
}
.application form{
	height:1%;
	margin:0 0 0 -18px;
}
.row{
	width:100%;
	overflow:hidden;
	padding:0 0 4px;
}
.row label{
	float:left;
	width:253px;
	padding:5px 4px 0 0;
	text-align:right;
	font-size:.857em;
	font-weight:bold;
}
.inpt-block{
	float:left;
	width:302px;
	background:url(images/bg-inpt.gif) no-repeat;
	height:32px;
}
.inpt-block input{
	margin:7px 11px 0;
	width:280px;
	background:none;
	border:none;
	font-size:12px;
	line-height:14px;
}
.check-block{
	float:left;
	padding:12px 0 0 29px;
	width:273px;
	margin:0 0 -3px;
}
.check-block .row{
	padding:0 0 6px;
}
.check-block .row label{
	width:235px;
	padding:2px 0 0 14px;
	text-align:left;
	line-height:1em;
	position:relative;
}
.check-block input{
	float:left;
	width:15px;
	height:16px;
	margin:0;
	padding:0;
}
.other{
	float:left;
	width:247px;
}
.other .inpt-block{
	background:url(images/bg-inpt-short.gif) no-repeat;
	width:250px;
	margin:-3px 0 0 8px;
	display:inline;
}
.check-block .other .inpt-block input{
	width:228px;
	margin:7px 11px 0;
}
.tarea-block{
	float:left;
	width:302px;
	background:url(images/bg-tarea.gif) no-repeat;
	height:85px;
}
.tarea-block textarea{
	margin:12px 11px;
	width:280px;
	height:61px;
	max-width:280px;
	max-height:61px;
	background:none;
	border:none;
	overflow:auto;
}
.btn-submit{
	display:block;
	background:url(images/btn-submit.gif) no-repeat;
	border:none;
	width:77px;
	height:42px;
	text-indent:-9999px;
	padding:42px 0 0;
	overflow:hidden;
	margin:-4px 0 0 257px;
	cursor:pointer;
}
