html{ margin: 0; padding: 0; height: 100%; min-height: 100%; }
body {margin: 0; padding: 0; background-color: white; height: 100%; min-height: 100%; color: #333333; font-size: 10pt; font-family: 'Open Sans',Arial,Helvetica,sans-serif; }
form { padding: 0; margin: 0px; width:100%;	height:100%; min-height:100%; }

img { margin: 0; padding: 0; }
a img { border: 0;  }
table { border-collapse: collapse; empty-cells:show; }
p { text-indent: 1cm;}

h1 {font-size: 13pt; font-weight: bold; text-align: left; padding: 10px 0; margin:0px; margin-right: 20px;}
h2 {font-size: 12pt; font-weight: bold; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia,serif; }

a { text-decoration: underline; cursor: pointer; color: #333;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
	}
a:hover { color: #00eeee; text-decoration:none;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in; }
p { text-indent: 11pt; text-align: justify; }

div#wrapper { border:0px black solid; height:100%; min-height:100%; position:relative; width:1180px; max-width:1180px; margin:0 auto; 
	background: url(../ii/logo3.png) left top no-repeat; }
div#header {height:92px; width:100%; xborder-bottom: 1px solid #DDDDDD; margin-top: 1em; }
div#logo { float: left; width: 368px; height: 80px; }
div#phone { font-size: 18px; color: #87cdcb; padding-left: 40px; width: 320px; background: url(../ii/phone.png) no-repeat left top; }
#callme { border-bottom: dotted 1px #777; font-size: 14px; cursor: pointer; text-decoration: none; }
div#cart { text-align: right; width: 405px; }
div#cart a { color: #000; }
.topBlock { float: right; white-space:nowrap; overflow: hidden;}
span.mphone { color: #87cdcb; font-size: 15px;  padding-right: 2px; }
span.bphone { font-size: 18px; font-weight: bold; }
div#top-menu { clear: both; overflow: auto; border-bottom: solid 2px #77bdbb; width:auto; display: inline-block; }
div#top-menu .item { padding: 16px; padding-top: 5px; padding-bottom: 5px; width:auto; float: left; margin-right: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; 
    background-color: #77bdbb; font-size: 15px; border: solid 1px #559999; border-bottom: none; }
div#top-menu .item:last-child { margin-right: 0px; }
div#top-menu .item a { color: #fff; text-decoration: none;  }
div#top-menu .item a:hover { color: #eee; }
table#top-cats { border-collapse: collapse; clear: both;  margin-top: 2px;}
table#top-cats td { width: 90px; padding: 4px; text-align: center; vertical-align: top; border-width: 0px; font-size: 12px; line-height: 14px; }
table#top-cats td:hover, table#top-cats td.hover { background-color: #77bdbb; }
table#top-cats td:hover a, table#top-cats td.hover a { color: #fff; }
table#top-cats td img { width: 90px; height: 60px; }
table#top-cats td a { color: #333; text-decoration: none;  }

#slides { position: relative; width: 960px; height:330px;}
#slides img { position: absolute; left:0px; top:0px; display: none; }

div#slider { width:100%; height:375px;	border:0px black solid;	border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px; }
div#content { border:0px black solid; padding:15px 0; }
div#rcontent { border:0px black solid; padding:15px 0; }
div#footer { margin: 10px; margin-left: 220px; overflow: auto;}
ul#nav-foot { padding:0; margin:10px; }
ul#nav-foot li { float:left; list-style-type:none; padding:0; margin:0; }
ul#nav-foot li a { display:block; padding:0px 10px; text-decoration:none; xcolor: #87cdcb; text-transform:uppercase; font-size:85%; border-right:1px #D9D9D9 solid; }
ul#nav-foot li a.last { border-right:0px #D9D9D9 solid !important; }
ul#nav-foot li a:hover { color:#333333; }
div.copy { font-size:85%; clear: both; }
div.news div.item div.title { font-size:120%; padding-bottom:10px; }
div .news div.item div.title a { text-decoration:none; padding-bottom:10px; }
div.price { text-align: center; }
div.price strong { font-size: 110%; }
div.price strong.red { color: #aa0000; }
.strikeout { color: #aaa; text-decoration: line-through; font-size: 90%;  }

.view { display: none; }

.clear { clear: both; }
.small { font-size: 80% !important; }
.large { font-size: 125% !important; }
.bold { font-weight: bold; }
.gray { color: #999 !important; }
.bordeaux { color: #8b0101 !important; }
.floatleft { float: left; margin-right: 10px; }
.hidden { display: none; }

#content { overflow: auto; }

#choose { float: right; cursor: pointer; }
#rcontent div.selector { width: 210px; background-color: #f0f0f0; float: left; position: absolute; xtop: 355px; }
#content div.selector { width: 210px; background-color: #f0f0f0; float: left; position: absolute; xtop: 205px; }
table.selector { width: 210px; }
table.selector td { vertical-align: top; padding: 2px; font-size: 95%; }
table.selector td td { padding: 1px; }
div.selHead { padding: 5px; background-color: #ccc; text-align: right; } 
div.selHead a { color: #000; text-decoration: none; }
div.selGroup { font-weight: bold; padding: 5px; margin-bottom: 3px; margin-top: 6px; background-color: #e7e7e7; xborder-bottom: dotted 1px #000; cursor: pointer; }
div.selTarget div.onethird { width: 33%; float: left; }
div.selTarget div.filtered { display: none; }
div.unfilter { font-weight: normal; font-style: italic; font-size: 10px; border-bottom: dotted 1px #777; float: right; cursor: pointer; margin-left: 5px; }
div.cleanf { display: none; font-weight: normal; font-style: italic; font-size: 10px; color: #666; border-bottom: dotted 1px #777; float: right; cursor: pointer;  margin-left: 5px;}
div.selTarget.opened { display: block; }
div.selTarget.closed { display: none; }

#art { width: 140px; float: right; color: #666; }
.pagerInfo { padding-left: 220px; width: 170px; }
#products { width: 960px; float: right; overflow: auto; }
div.products { clear: both; }
div.products .item { width: 238px; float: left; height: 280px; border: solid 1px #fff; padding-top:2px; text-align: center; }
div.products .item:hover { border: solid 1px #ff7f00; border-radius: 8px; }
div.products .item .image { text-align: center; }
div.products .item .image img { width: 220px; height: 220px; }
div.products .item .articul { float: left; font-size: 12px; color: #666; }
div.products .item img.spec { left: 166px; top: 5px; position: absolute; z-index: 100; }
div.products .item img.top { left: 188px; top: 5px; position: absolute; z-index: 100; }
div.products .item img.new { left: 210px; top: 5px; position: absolute; z-index: 100; }
div.products .item .buy { visibility: hidden; }
span.price { font-size: 16px; font-family: 'Roboto', Verdana, cursive, Sans-Serif; font-weight: bold; color: Red; }
img.zoom { position: absolute; left: 220px; top: 220px; }
div.size { background-color: #87cdcb; border: solid 1px #009999; border-radius: 3px; width: 24px; height:14px; padding: 3px; color:White; margin-right: 2px; margin-bottom: 2px; font-size: 90%; font-weight: bold; float:left; cursor: pointer; text-align: center; }
div.size:hover { background-color: #00dddd; }
div.size.selected { background-color: #ff0000 !important; }

.product { padding: 20px; }

div#foo { background-color: #000; padding: 5px; padding-top: 15px; padding-bottom: 10px; color: #ccc; text-align: center; font-size: 80%;}
div#foo a { color: #eee; }

.image_carousel { padding: 0px; }
.image_carousel img { border: 1px solid #ccc; background-color: white; padding: 2px; margin: 3px; display: block; float: left; }

table.pinfo { float: right; width: 480px; border-collapse: collapse; }
table.pinfo tr.data td { border-bottom: solid #ddd 1px; }
table.pinfo tr.data:hover td { background-color: #f4f4f4; }
table.pinfo td { padding:2px; margin: 0px; vertical-align: top; font-size: 85%; }
table.pinfo td.ilink { line-height: 16px; white-space: nowrap; width: 50%; }
table.pinfo td.ilink img { float: left; margin-right: 8px; width: 16px; height: 16px; }

table.cart { width: 100%; border-collapse: collapse; }
table.cart thead td { font-weight: bold; border: solid 1px black; background-color: #eee; color: #000; text-align: center;}
table.cart tbody td { border: solid 1px #999999;  }
table.cart td {padding: 3px; vertical-align: top; }
table.cart td div.description { font-size: 80%; color:#666666; }

table.orders { xwidth: 100%; border-collapse: collapse; }
table.orders th { background-color: #87cdcb; }
table.orders td, table.orders th { padding: 3px; border: solid 1px #87cdcb; }

table.xsltPager { width: 100%; margin-bottom: 10px; background: #a7edeb }
table.xsltPager td { font-size: 9pt; padding: 3px; }
table.xsltPager td b.selected { background-color: #87cdcb; color:#333 !important; display: inline-block; padding: 3px; }
table.xsltPager td a { color: #000;  display: inline-block; padding: 3px; }

div.page { font-size: 9pt; padding: 3px; display: inline-block; cursor: pointer; }
div.page.selected { background-color: #87cdcb; color:#333 !important; padding: 3px; color: #000;}

input.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1.5em .45em;
	margin:5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .6em; 
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #fff;
	border: solid 1px #009999;
	background: #87cdcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#77bdbb), to(#97dddb));
	background: -moz-linear-gradient(top,  #77bdbb,  #97dddb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bdbb', endColorstr='#97dddb');
}
input.button.orange 
{
	background: #ff7f00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee6f00), to(#ff8f11));
	background: -moz-linear-gradient(top,  #ee6f00,  #ff8f11);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6f00', endColorstr='#ff8f11');
}
input.button.red
{
	background: #ff0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#ff3333));
	background: -moz-linear-gradient(top,  #cc0000,  #ff3333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#ff3333');
}
input.button:hover 
{
	text-decoration: none; 
	background: #97dddb;
	background: -webkit-gradient(linear, left top, left bottom, from(#87cdcb), to(#a7edeb));
	background: -moz-linear-gradient(top,  #87cdcb,  #a7edeb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cdcb', endColorstr='#a7edeb');
}
input.button.orange:hover 
{
	background: #ff8f11;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7f00), to(#ff9f22));
	background: -moz-linear-gradient(top,  #ff7f00,  #ff9f22);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f00', endColorstr='#ff9f22');
}
input.button.red:hover 
{
	background: #ff1111;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd0000), to(#ff4444));
	background: -moz-linear-gradient(top,  #dd0000,  #ff4444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#ff4444');
}
input.button:active { position: relative; top: 1px; }
#addCart { display: none; }
#addWish { display: none; }

.cart .item { width: 45%; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9; border: solid 1px #eee; border-radius: 10px; }
.cart .item .image { float: left; margin-right: 10px; border: solid 1px #eee; }
.cart .item .name { font-size: 140%; font-weight: bold; }
.cart .item .price { font-size: 120%; font-weight: bold; color: Red; }
.cart .item .remove { text-align: right; margin-right: 30px; line-height: 16px;}
.cart .item .remove a { color: #666 !important; font-style: italic; }
.cart .item .remove img { width: 16px; height: 16px; float: right; margin-left: 4px; }

#price-range-l { width: 90px; float: left; text-align: left; font-size: 12px; }
#price-range-r { width: 90px; float: right; text-align: right; font-size: 12px; }
#price-range { width: 180px; clear: both; margin-left: 10px; }
#price-range .ui-slider-range { background-color: #87cdcb !important; background-image: none; }

#divPH { height: 232px; margin-left: 226px; border-radius: 10px; background-color: #fff; border: solid 1px #999; text-align: center; overflow: auto; clear: both; }
#divPH img { width: 110px; height: 110px; }

div.digit2 { width: 58px; height: 36px; margin-right: 10px; font-size: 36px; line-height: 36px; font-weight: bold; display: inline; display: inline-block; background: url(../ii/dbg.png) no-repeat; color: #fff !important; margin-top: 10px; }
div.digitmark { width: 58px; height: 20px; margin-right: 10px; font-size: 110%; font-weight: bold; display: inline; display: inline-block; color: #fff; margin-top: 10px; }