/* styles reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* sticky footer */
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 141px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -141px; /* negative value of footer height */
	height: 141px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}



/* fonts */
font-face {
	font-family: "Helvetica Neue Roman";
	src: url('fonts/HelveticaNeueCyr-Roman_0.otf');
}
font-face {
	font-family: "Helvetica Neue Bold";
	src: url('fonts/HelveticaNeueCyr-Bold_0.otf');
}

/*
* tags
*/
body {
color:#555;
background-color:#ffffff;
font-family:Arial;
font-size:16px;
background-image:url('images/bg-header-tile.gif');
background-position:0 0;
background-repeat:repeat-x;
}
pre, code {
font-family:consolas, monospace;
font-size:14px;
}
pre { /* disable additional style if one inside another */
padding:15px 15px 15px 30px;
margin:0 0 18px 10px;
border-style:dotted;
border-color:#7f7f7f;
border-width:1px 1px 1px 5px;
}
hr {
border-width:0 0 1px 0;
border-color:#d2d2d2;
border-style:none none solid;
height:0px;
}
hr.thick {
border-bottom-width: 2px;
}
hr.cart-delimiter {
border-color: #d2d2d2;
margin-top: 14px;
margin-bottom: 24px;
}
a:link, a:visited {
color:#cc0000;
text-decoration:underline;
}
a:hover {
text-decoration:none;
cursor:pointer;
}
h1, h2, h3 {
font-family:"Helvetica Neue Bold", Helvetica;
font-weight:bold;
}
h3 { font-size:30px; font-weight:bold; margin-bottom: 15px; }
h4 { font-size:16px; font-weight:bold; }
h5 { font-size:14px; font-weight:bold; }
h6 { font-size:12px; font-weight:bold; }
h3 a:link, h3 a:visited, h3 a:hover,
h4 a:link, h4 a:visited, h4 a:hover,
h5 a:link, h5 a:visited, h5 a:hover,
h6 a:link, h6 a:visited, h6 a:hover {
text-decoration:none;
color:inherit;
display:inline-block;
/*border-bottom-style:solid;
border-color:#767676;
border-bottom-width:2px;*/
font-weight: bold;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
}
strong { font-weight:bold; }
em { font-style:italic; }
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {
line-height:1;
border:0 none;
background-color:transparent;
background-position:0 50%;
background-repeat:no-repeat;
font-family: Arial;
}
input[type="text"], input[type="password"] {
height:25px;
font-size:11px;
width:240px;
padding-left:15px;
padding-right:15px;
background-image:url('images/bg-normal-input.gif');
}
input[type="text"].normal, input[type="password"].normal {
background-image: none;
background-position: 0% 50%;
background-repeat: no-repeat;
border-width: 2px;
border-style: solid;
border-color: #e7e7e7;
margin: 0;
margin-bottom: 4px;
width: 370px;
height: 33px;
line-height: 29px;
padding: 0 21px;
font-size: 15px;
color: #555555;
}
input[type="text"].strict {
background-image: none;
border-width: 2px;
border-color: #cecece;
border-style: solid;
width: auto;
height: auto;
padding: 3px;
color: #555555;
border-radius: 2px;
}
input[type="text"].normal:focus,
input[type="password"].normal:focus,
input[type="text"].strict:focus {
border-color: #76aa00;
}
input.normal.error {
border-color:#f67700;
}
input[type="text"].disabled { color: #cecece; }
input[type="submit"],
input[type="button"] {
height:27px;
width:150px;
cursor:pointer;
color:#ffffff;
background-image:url('images/bg-normal-submit.gif');
}
input[type="button"].simple {
background-image: none;
border-style: solid;
border-width: 2px;
border-color: #e7e7e7;
width: auto;
height: 37px;
background-color: #e7e7e7;
color: #555555;
font-size: 15px;
line-height: 33px;
}
input[type="button"].simple:hover {
border-color: #76aa00;
background-color: #76aa00;
}
input[type="button"].normal,
input[type="submit"].register,
input[type="submit"].login,
input[type="submit"].normal,
input[type="button"].normal {
padding: 0;
height: 55px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
input[type="submit"].register {
width: 250px;
background-image: url('images/register-button-ani.gif');
float: right;
}
input[type="submit"].login {
width: 162px;
background-image: url('images/bg-input-login.gif');
}
input[type="submit"].register:hover,
input[type="submit"].login:hover,
input[type="submit"].normal:hover,
input[type="button"].normal:hover {
background-position: 0px -55px;
}
input[type="submit"].normal, input[type="button"].normal {
width: 200px;
border-style: none;
border-width: 0px;
padding-bottom: 14px;
background-image: url('images/bg-input-submit.gif');
font-size: 18px;
font-weight: bold;
font-family: "Helvetica Neue Bold", Helvetica;
line-height: 41px;
}
input[type="submit"].save {
width: 170px;
background-image: url('images/bg-input-save.gif');
}
input[type="submit"].cart-submit {
width: 200px;
background-image: url('images/bg-input-cart-submit.jpg');
}
input[type="button"].view-as {
padding: 0;
margin: 0;
border: 0 none;
width: 36px;
height: 24px;
background-image: url('images/view-type.gif');
background-repeat: no-repeat;
float: right;
margin-left: 12px;
}
input[type="button"].view-as.tile {
background-position: 0px 0px;
}
input[type="button"].view-as.list {
background-position: -36px 0px;
}
input[type="button"].view-as.tile.on,
input[type="button"].view-as.tile:hover {
background-position: 0px -24px;
}
input[type="button"].view-as.list.on,
input[type="button"].view-as.list:hover {
background-position: -36px -24px;
}
input[type="button"].view-as.dev-view {
background-position: -72px 0px;
}
input[type="button"].view-as.dev-view.on,
input[type="button"].view-as.dev-view:hover {
background-position: -72px -24px;
}
input[type="radio"],
input[type="checkbox"] {
width: 20px;
padding: 0px;
margin: 0px 5px 0px 0px;
}


textarea {
line-height: 1.5em;
//width: 637px;
//height: 100px;
padding: 15px;
border-style: solid;
border-width: 2px;
border-color: #e7e7e7;
margin: 0;
margin-bottom: 4px;
font-size: 15px;
color: #555555;
clear: both;
display: block;
}
textarea:focus {
border-color: #76aa00;
}
label {
display:block;
clear:both;
line-height:27px;
overflow:hidden;
padding-top:2px;
padding-bottom:2px;
}
label input {
margin-right:10px;
}
label.normal {
display: block;
background-color:#e7e7e7;
width: 230px;
height:33px;
line-height:33px;
margin-bottom:4px;
margin-right:4px;
padding-left: 21px;
overflow: hidden;
clear: left;
float: left;
}
table {
width:100%;
font-size:13px;
}
thead {}
tbody {}
tfoot {}
th {
font-style:italic;
font-weight:bold;
}
td {}
table.bordered th, table.bordered td {
border: 1px solid #eee;
padding: 3px;
}
h3.header {
display: block;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 25px;
margin-right: 5px;
border-bottom: 1px solid #898989;
}
h3.header a:link, h3.header a:visited {
color: #f67700;
border: none;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-decoration: underline;
line-height: 15px;
margin-top: 15px;
}
ul.marked {
list-style-type: none;
list-style-position: inside;
list-style-image: url('images/ul-img.gif');
}

#wrap {
background-image:url('images/bg-header-image_bm.jpg');
background-position:50% 0;
background-repeat:no-repeat;
}
#main {
width:960px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
#footer {
background-color:#003c8c;
background-image:url('images/bg-footer-image.jpg');
background-position:50% 0;
background-repeat:no-repeat;
overflow:hidden;
}
.index-header, .index-content {
margin-left:5px;
}

.index-mini_main {
width:960px;
height:25px;
position:relative;
margin-bottom: 10px;
font-weight: bold;
}
.index-mini_main  nav a{
color:#0d0d0d;
display:inline-block;
height:22px;
margin-right:20px;
padding: 5px 8px;
border-radius: 8px;
}
.index-mini_main  nav a.active {
background-color: #f67700;
color: #ffffff;
text-decoration: none;

}
.index-header {
width:960px;
height:127px;
position:relative;
margin-bottom: 15px;
}
.index-header a.logo-link {
display:inline-block;
width:198px;
height:127px;
float:left;
margin-left:0px;
}
.index-header nav {
font-size:14px;
line-height:24px;
padding-top: 31px;
}
.index-header nav a, .index-header nav a:visited {
color:#0d0d0d;
display:inline-block;
height:25px;
margin-right:18px;
padding: 0px 11px;
border-radius: 8px;
}
.index-header nav a.active {
background-color: #0064bf;
color: #ffffff;
text-decoration: none;
}
.index-header nav a:link:hover {
background-color: #e2e2e2;
}
.index-header .fast-search {
display: inline-block;
padding: 20px 0px 0px 6px;
}
.index-header input[type="text"], .index-header input[type="submit"] {
display:inline-block;
float:left;
}
.index-header input[type="text"] {
width:216px;
background-image:url('images/bg-header-input.gif');
color: #686868;
font-style: oblique;
}
.index-header div.cart {
position: absolute;
top: 0px;
right: 10px;
padding: 7px 22px 7px 22px;
width:180px;
min-height: 38px;
border-radius: 0px 0px 6px 6px;
background-color: #3567a5;
font-size: 11px;
line-height: 18px;
color: #ffffff;
}
.index-header div.cart a,
.index-header div.cart a:visited {
font-size: 13px;
color: #ffffff;
font-weight: bold;
}
.index-header div.cart p#myCart {
font-style: oblique;
}
.index-header div.login {
position:absolute;
top: 78px;
right: 10px;
border-radius:6px;
width:223px;
height:22px;
line-height:22px;
text-align:center;
background-color: #e2e2e2;
/*overflow:hidden;*/
}
/*.index-header div.login input[type="submit"] {
display: inline;
height: 10px;
line-height: 10px;
font-size: 10px;
float: none;
width: auto;
background: none;
}*/
.index-header div.login, .index-header div.login * { color:#545454; }
.index-header div.login a {
margin:0 18px;
}
.index-footer {
width:960px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
.footer-content {
width:1000px;
font-size:12px;
line-height:15px;
color:#ffffff;
padding-top:25px;
margin-left:5px;
}
.footer-content a:link, .footer-content a:visited {
display:block;
color:#ffffff;
text-decoration:none;
}
.footer-content a:hover {
text-decoration:underline;
}

.index-content {
width:960px;
position: relative;
}
.index-content div.fast-nav {
padding-top:35px;
height:103px;
padding-left: 60px;
width: 170px;
margin-right:10px;
background-position:0% -10px;
background-repeat:no-repeat;
font-size:14px;
overflow:hidden;
line-height: 20px;
}
.index-content div.fast-nav.calculator {
background-image:url('images/icon-small-calculator.jpg');
width: 209px;
}
.index-content div.fast-nav.clock {
background-image:url('images/icon-small-clock.jpg');
width: 131px;
}
.index-content div.fast-nav.phones {
background-image:url('images/icon-small-phones.jpg');
}
.index-content div.fast-nav.kanc {
background-image:url('images/icon-small-kanc.jpg');
}
.index-content div.fast-nav h3 {
font-size: 20px;
display:inline-block;
float:left;
clear:both;
margin-bottom:5px;
border-width:2px;
border-bottom-style:solid;
border-color:#767676;
}
.index-content div.fast-nav h3:hover {
border-color: #91bb33;
}
.index-content div.fast-nav a {
display:inline-block;
margin-right:17px;
}
.index-content div.fast-nav a:link,
.index-content div.fast-nav a:visited { color: #545454; }
.index-content div.fast-nav a:hover { color: #91bb33; }

.col-110 {
width:110px;
margin-right:10px;
}
td.col-110 { margin: 0; }
.col-150 {
width:150px;
margin-right:10px;
}
td.col-150 { margin: 0; }
.col-190 {
width:190px;
margin-right:10px;
}
td.col-190 { margin: 0; }
.col-230 {
width:230px;
margin-right:10px;
}
.col-270 {
width:270px;
margin-right:10px;
}
td.col-270 { margin: 0; }
.col-310 {
width:310px;
margin-right:10px;
}
td.col-310 { margin: 0; }
.col-470 {
width:470px;
margin-right:10px;
}
td.col-470 { margin: 0; }
.col-630 {
width:630px;
margin-right:10px;
}
td.col-630 { margin: 0; }
.col-710 {
width:710px;
margin-right:10px;
}

.news {
margin-right: 0px;
margin-left: 40px;
}
.news h5 {
margin-bottom:1em;
}
.news .timestamp {
display:inline-block;
padding-left:12px;
padding-right:12px;
margin-left:-12px;
margin-bottom:15px;
height:20px;
line-height:20px;
font-size:12px;
font-style:italic;
color:#ffffff;
background-color:#c7c7c7;
border-radius:4px;
}
.news .header-img {
overflow: hidden;
display: block;
position: relative;
}
.news .header-img img {
width: 100%;
height: auto;
}
.news p {
font-size:13px;
margin-bottom:13px;
line-height: 1.25em;
}
.news h5 a:link, .news h5 a:visited, .news h5 a:hover {
border-color: #76aa00;
}
.news a, .news a:visited {
color:inherit;
font-weight:bold;
}
.news-fullsize {
position: relative;
}
.news-fullsize .header-img {
position: absolute;
right: 5px;
top: 0;
}
.news-fullsize .timestamp {
display:inline-block;
padding-left:12px;
padding-right:12px;
margin-left:40px;
margin-bottom:15px;
height:20px;
line-height:20px;
font-size:12px;
font-style:italic;
color:#ffffff;
background-color:#545454;
border-radius:4px;
}
.news-fullsize h4 {
margin-bottom: 35px;
}
.news-fullsize p {
margin-bottom: 16px;
}
.welcome {
position: relative;
left:-40px;
}
.welcome .header-img {
display: none;
}
.brands {
width: 950px;
height: 100px;
overflow: hidden;
/*background-image: url('images/brands.gif');*/
}
.brands a {
display: block;
float: left;
clear: none;
margin: 0;
padding: 0;
height: 100px;
background-color: rgba(0,0,0,.1);
background-image: url('images/brands.gif');
color: transparent;
}
.brands a.brilliant {
width: 120px;
margin-right: 40px;
background-position: 0px 0px;
}
.brands a.brilliant:hover { background-position: 0px -100px; }
.brands a.citizen {
width: 105px;
margin-right: 45px;
background-position: -160px 0px;
}
.brands a.citizen:hover { background-position: -160px -100px; }
.brands a.skainer {
width: 100px;
margin-right: 45px;
background-position: -310px 0px;
}
.brands a.skainer:hover { background-position: -310px -100px; }
.brands a.fuda {
width: 75px;
margin-right: 60px;
background-position: -455px 0px;
}
.brands a.fuda:hover { background-position: -455px -100px; }
.brands a.jibo {
width: 70px;
margin-right: 60px;
background-position: -590px 0px;
}
.brands a.jibo:hover { background-position: -590px -100px; }
.brands a.kronos {
width: 95px;
margin-right: 45px;
background-position: -720px 0px;
}
.brands a.kronos:hover { background-position: -720px -100px; }
.brands a.rikon {
width: 90px;
background-position: -860px 0px;
}
.brands a.rikon:hover { background-position: -860px -100px; }

.product {
position:relative;
width:310px;
height:310px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
overflow:hidden;
}
.product a:link, .product a:visited {
display:block;
width:310px;
height:310px;
background-color:#3466a5;
/*background-image:url('images/no-product-icon.jpg');
background-position:0 0;
background-repeat:no-repeat;*/
border-radius:9px;
overflow:hidden;
}
.product a:hover {
background-color:#fa9b39;
}
.product h4 {
top:262px;
left:10px;
width:290px;
height:40px;
overflow:hidden;
position:absolute;
color:#ffffff;
border:0 none;
line-height:20px;
}
input.cart-add {
display: block;
position: absolute;
background-image: url('images/cart-icon-add.png');
background-repeat: no-repeat;
background-position: 0px 0px;
width: 29px;
height: 29px;
top: 8px;
right: 8px;
}
input.cart-add.selected {
background-position: 0px -29px;
}

.product-view {
width: 386px;
height: 386px;
border-width: 2px;
border-color: #f0f0f0;
border-style: solid;
overflow: hidden;
border-radius: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.product-view img {
width: 100%;
height: auto;
}
.product-description {
width: 515px;
}
.product-description h3.header {
line-height: 1em;
padding-bottom: 10px;
padding-top: 0;
}
.product-description h4 {
line-height: 1em;
padding-top: 0;
padding-bottom: 14px;
}
.product-description .buy-panel {
width: 127px;
}
.product-description .buy-panel span.price {
width: 114px;
margin-left: 4px;
margin-bottom: 20px;
}
.product-description .buy-panel input[type="text"] {
background-image: url('images/bg-buy-panel-input.gif');
text-align: center;
width: 90px;
margin-left: 4px;
margin-bottom: 16px;
}
.product-description .buy-panel input[type="submit"],
.product-description .buy-panel input[type="button"] {
background-image: url('images/bg-buy-panel-submit.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
width: 126px;
}
.product-description .buy-panel input[type="submit"]:hover,
.product-description .buy-panel input[type="button"]:hover {
background-position: 0px -55px;
}
.product-description ul {
font-size: 12px;
line-height: 18px;
}

div.cart-product {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
border-radius: 10px;
border-style: solid;
border-color: #f0f0f0;
border-width: 1px;
}
div.cart-product.header {
border: 0 none;
float: none;
clear: both;
line-height: 20px;
padding: 0 20px;
}
div.cart-product.tile {
width:228px;
height: 348px;
text-align: center;
}
div.cart-product.list {
height: 40px;
padding: 10px 20px;
width: 913px;
clear: both;
}
.cart-product img.product-icon {
height: auto;
width: 100%;
}
.cart-product .content {
width: 208px;
height: 148px;
position: absolute;
top:200px;
left: 10px;
}
.cart-product.tile .content h4 {
margin-bottom: 14px;
white-space: nowrap;
width: 100%;
overflow: hidden;
}
.cart-product input[type="text"] {
width: 84px;
height: 26px;
background-image: url('images/bg-cart-product-input-ani.gif');
background-position: 0px 0px;
text-align: center;
margin-bottom: 14px;
padding-right: 51px;
}
.cart-product input[type="text"].submitted {
background-position: 0px -28px;
}
span.price {
display: block;
line-height: 29px;
border-width: 2px;
border-color: #76aa00;
border-style: solid;
color: #76aa00;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
height: 29px;
}
.cart-product.tile .content span.price {
float: none;
margin-right: auto;
margin-left: auto;
width: 146px;
}
.cart-product.list div {
display: block;
height: 40px;
line-height: 29px;
margin-top: 5px;
}
.cart-product.list span.price {
width: 150px;
}
.cart-product a.delete {
display: block;
width: 150px;
margin-right: auto;
margin-left: auto;
text-align: left;
font-size: 13px;
background-image: url('images/cart-icon-delete.gif');
background-repeat: no-repeat;
background-position: 100% 50%;
}
.cart-product.tile a.delete {
height: 15px;
line-height: 15px;
}
.cart-product a, .cart-product a:visited {
color: #545454;
}
.cart-product.more {
border-style: none;
width:230px;
height: 350px;
}
.cart-product.more a.more {
line-height: 127px;
display: block;
width: 127px;
height: 127px;
margin: 111px auto 0px auto;
background-image: url('images/bg-search-for-more.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
}

.cart-footer {
background-image: url('images/bg-cart-footer.gif');
background-position: 0% 0%;
background-repeat: no-repeat;
font-size: 16px;
width: 950px;
margin-top: 40px;
margin-bottom: 10px;
padding: 36px 0;
border-bottom: 1px solid #8e8e8e;
}
.cart-footer * {
font-size: 16px;
line-height: 20px;
}
.cart-footer table {
margin-left: 200px;
width: auto;
}
.cart-footer td {
padding-right: 40px;
width: 200px;
}
.cart-footer a {
padding: 0;
margin-right: 15px;
margin-top: 15px;
width:200px;
height: 55px;
background-image: url('images/bg-input-cart-submit.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
.cart-footer a:hover {
background-position: 0px -55px;
}

.col-special {
padding-left:240px;
padding-bottom: 70px;
background-position:0 50%;
background-repeat:no-repeat;
width: 671px;
}
.col-special hr {
border-color: #cecece;
}
div.register {
/*font-family:"Helvetica Neue Roman", Helvetica;*/
background-image:url('images/bg-register.jpg');
min-height: 300px;
}

.contacts {
position: relative;
width: 970px;
height: 717px;
overflow: hidden;
background-image: url('images/bg-contacts.jpg');
background-position: 0% 0%;
background-repeat: no-repeat;
margin-bottom: 50px;
}
.contacts .font-15 * { font-size: 15px; line-height: 20px; }
.contacts .font-13 * { font-size: 13px; line-height: 20px; }
.contacts hr {
border-color: #d1d2d4;
border-width: 2px;
margin-top: 23px;
margin-bottom: 23px;
}
.contacts div {
position: absolute;
width: 300px;
left: 602px;
}
.contacts a:link, .contacts a:visited, .contacts a:hover {
color: #f66e00;
}

.google-map {
width: auto;
overflow: hidden;
margin-bottom: 50px;
padding-top: 7px;
}
.google-map, .google-map table {
font-size: 15px;
line-height: 20px;
}
.google-map iframe {
margin-top: 7px;
margin-bottom: 15px;
}
.google-map p {
padding-right: 5px;
}
.google-map a:link, .google-map a:visited, .google-map a:hover {
color: #f66e00;
}

nav.pages {
float:right;
clear:right;
margin-bottom:15px;
margin-right:10px;
height:18px;
background-color:#e4e4e4;
border-radius:10px;
padding:3px 10px;
height:18px;
font-size:12px;
line-height:18px;
}
nav.pages .content {
display:block;
float:left;
border-radius:8px;
background-color:#f2f2f2;
}
nav.pages a:link, nav.pages a:visited {
display:block;
float: left;
text-align:center;
text-decoration:none;
}
nav.pages .content a:link, nav.pages .content a:visited {
width:25px;
color:#4f4f4f;
text-decoration:none;
}
nav.pages .content a.active {
color:#ffffff;
background-color:#ee6c20;
border-radius:8px;
}
nav.strict {
font-size: 18px;
line-height: 1em;
padding-bottom: 25px;
}
nav.strict a {
padding-right: 20px;
}
nav.strict a:link, nav.strict a:visited {
color: #cecece;
text-decoration: none;
}
nav.strict a:hover {
text-decoration: underline;
}
nav.strict a.active {
color: #76aa00;
}

.filters {
}
.filters.left-filter {
border-style: none;
border-radius: 10px 10px 10px 0px;
background-color:#9acc11;
background-image:url('images/bg-filter-top.gif');
background-position:0 0;
background-repeat:repeat-x;
}
.filters table {
width:100%;
color:#ffffff;
border-radius: 10px 10px 10px 0px;
border-width: 0px;
border-collapse: separate;
}
.filters tr.header {
background-image:url('images/bg-filter-th.gif');
background-position:0 0;
background-repeat:repeat-x;
}
.filters th {
height:40px;
line-height:40px;
vertical-align: top;
padding-bottom: 15px;
padding-left: 60px;
text-align: left;
background-image:url('images/bg-filter-th-arrow.gif');
background-position:38px 0px;
background-repeat:no-repeat;
}
.filters td {
padding-left: 35px;
padding-bottom: 15px;
white-space: nowrap;
}
.filters td .categories-container {
position: relative;
display: block;
border: 1px solid #9acc11;
}
.filters td div.categories {
height: 120px;
overflow: hidden;
position: absolute;
top: -3px;
left: -1px;
background-color:#9acc11;
z-index: 100;
}
.filters td div.categories:hover {
height: auto;
overflow: auto;
padding: 12px 30px 17px 20px;
top: -15px;
left: -22px;
border-color: #73990d #73990d #73990d #c2e070;
border-width: 1px;
border-style: none solid solid solid;
border-radius: 10px;
}
.filters td div.categories .more {
width: 220px;
height: 20px;
line-height: 20px;
background-image: url('images/filters-more.png');
background-repeat: no-repeat;
background-position: 0% 0%;
position: absolute;
top: 100px;
color: #73990d;
padding-left: 25px;
}
.filters td div.categories:hover .more {
display: none;
top:-20px;
}
.filters label {
line-height:20px;
height:20px;
padding-right: 0px;
white-space: nowrap;
padding-bottom: 0px;
padding-top: 0px;
display: inline-block;
}
.filters input.search-button {
width:100%;
height:58px;
background-image: url('images/bg-filter-button.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
}
.filters input:hover.search-button {
background-position: 0px -58px;
}
.filters ul {
padding-top: 0px;
padding-bottom: 3px;
border-radius: 10px;
overflow: hidden;
font-size: 14px;
}
.filters li {
}
.filters a:link, .filters a:visited {
color:#ffffff;
text-decoration: none;
height: 48px;
display: block;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url('images/bg-filter-as-button.gif');
line-height: 40px;
text-align: center;
font-weight: bold;
}
.filters a:hover {
color: #ffffff;
text-decoration: none;
background-position: 0 -48px;
}
.filters a:link.filter-close, .filters a:visited.filter-close {
width: 21px;
height: 21px;
display: block;
float: right;
clear: right;
background-position: 0 0;
background-image: url('images/filter-close-img.gif');
margin: 9px 9px 0 9px;
}
.filters a:hover.filter-close {
background-position: 0 -21px;
}
.filters label.checkbox-color {
}
/*label.checkbox-color.red { background-color: #ff0000; }
label.checkbox-color.orange { background-color: #f67700; }
label.checkbox-color.yellow { background-color: #ffcc00; }
label.checkbox-color.green { background-color: #00ff00; }
label.checkbox-color.blue { background-color: #0000ff; }
label.checkbox-color.violet { background-color: #8400ff; }
label.checkbox-color.brown { background-color: #852600; }
label.checkbox-color.pink { background-color: #ff1bd1; }
label.checkbox-color.white { background-color: #ffffff; }
label.checkbox-color.gray { background-color: #cccccc; }
label.checkbox-color.black { background-color: #000000; }*/
.filters .info {
height: 60px;
padding: 15px 15px 0;
background-image: url('images/bg-filter-info.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
border-radius: 10px;
margin-bottom: 11px;
line-height: 14px;
}
#ExtendedFiltersLink {
clear: left;
width: auto;
height:24px;
line-height:24px;
}
#ExtendedFiltersLink a {
display: block;
font-size: 12px;
border-radius:10px;
background-color:#f2f2f2;
background-color:#9acc11;
background-color:#8bb80f;
padding: 0 35px;
color: #4f4f4f;
color: #ffffff;
}
#ExtendedFiltersLink a:hover {
/*background-color: #ffffff;*/
}

.error-container {
position: absolute;
top: -100px;
left: 136px;
z-index: 100;
width: 600px;
min-height: 300px;
font-size: 16px;
background-color: #ffffff;
border-style: solid;
border-width: 4px;
border-color: #f67700;
border-radius: 20px;
padding: 40px;
opacity: .96;
}
dt {
padding: 0 0 10px 0;
font-size: 21px;
color: #f67700;
}
dd {
padding: 15px 0px 0px 20px;
}
.error-container pre {
overflow: auto;
}

input[type="submit"].css3,
input[type="button"].css3 {
display: inline-block;
width: auto;
min-width: 200px;
height: 42px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
line-height: 18px;
margin: 10px 0;
padding: 0px 15px 5px 15px;
background: #f67700;
border-radius: 6px;
box-shadow:
    inset 0 -4px 2px rgba(0,0,0,.1),
    inset 0 -5px 0px rgba(255,255,255,1),
    0 8px 6px -5px rgba(0,0,0,0.2);
/* Font styles */
text-decoration: none;
}
input[type="submit"].css3:hover,
input[type="button"].css3:hover {
	background: #f8a700;
}

/*
 * dev-mode
*/
.product-dev {
padding: 10px 20px;
width: 913px;
min-height: 160px;
clear: both;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0;
border-radius: 10px;
margin-bottom: 15px;
}
.product-dev table {
margin: 5px 0px;
width: auto;
line-height: 1em;
}
.product-dev table td {
padding: 3px 5px;
}
.product-dev .image {
height: 160px;
vertical-align: top;
border-width: 1px;
border-color: #f0f0f0;
border-style: none none solid solid;
}
.product-dev .image .icon,
.product-dev .image .preview {
position: relative;
width: 150px;
margin-left: 10px;
display: inline-block;
}
.product-dev .image .title {
position: absolute;
left: 4px;
top: 4px;
font-size: 10px;
line-height: 10px;
z-index: 2;
}
.product-dev .image img {
position: relative;
width: 150px;
height: auto;
vertical-align: top;
z-index: 1;
}
.product-dev .image img:hover {
position: absolute;
width: auto;
z-index: 3;
right: 0px;
top: -14px;
border:2px solid rgba(0,0,0,.5);
}

/*
* common styles
*/
.green, a:link.green, a:visited.green, a:hover.green { color: #76aa00 !important; }
.orange, a:link.orange, a:visited.orange, a:hover.orange { color: #f67700 !important; }
.gray { color: #acacac; }
.strong { font-weight:bold; }
.float-right { float:right; }
.float-left { float:left; }
.right { text-align:right; }
.center { text-align: center; }
.v-top, table.v-top th, table.v-top td { vertical-align: top; }
.block { display:block; }
.inline-block { display:inline-block; }
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.mrgn-r-10 { margin-right:10px; }
.mrgn-b-0 { margin-bottom: 0px; }
.mrgn-b-15 { margin-bottom: 15px; }
.i { font-style:italic; }
.small { font-size: 11px; }
.medium { font-size: 13px; }
.normal { font-size: 16px; }
.large { font-size: 20px; }
.line-15 { line-height: 1.5em; }
.nowrap { white-space: nowrap; }
.pointer:hover { cursor: pointer; }




/* BEGIN Style for pop-up window - image zooming */

/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 800px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 800px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 800px){
  .modal-content {
    width: 100%;
  }
}

/* ENDf Style for pop-up window - image zooming */