html {margin: 0;overflow-x: hidden;overflow-y: scroll;padding: 0;}
body {background: url("../images/bg.png") repeat scroll 0 0 transparent;color: #000000;font-family: Arial,Helvetica,sans-serif;margin: 0;padding: 0;font-family: 'Calibri',Arial,sans-serif;font-size: 12px;}
body, td, th, input, textarea, select, a {}

.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

/* layout */
.hide {display:none;}
.clear {clear:both;}
.message {line-height: 150%;margin: 0 0 20px;padding: 10px;}
#content {width:988px; margin-left: auto; margin-right: auto; background: url("../images/bg-container.png") repeat-y; }
.container {width:940px; margin-left: auto; margin-right: auto; }
.container:before, .container:after {content: ""; display: table;}
.container:after {clear: both;}
.row {margin-left: -20px;*zoom: 1;}
.row:before, .row:after {display: table;line-height: 0;content: "";}
.row:after {clear: both;}

[class*="span"] {float: left;min-height: 1px;margin-left: 20px;}
.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 220px;}
.span2 {width: 140px;}
.span1 {width: 60px;}

/* typography */
h1 {font-family:"Calibri", Arial, sans-serif; margin-top: 0px; margin-bottom: 10px; font-size: 20px; font-weight: normal; text-shadow: 0 0 1px rgba(0, 0, 0, .01); color:#343434;text-transform:uppercase; }
h2 {font-family: "Calibri", Arial, sans-serif; color: #333333; font-size: 18px; font-weight: normal; margin-top: 0px; margin-bottom: 5px; text-transform:uppercase; }
p {margin-top: 0px; margin-bottom: 20px;}
a, a:visited, a b {color: #999; text-decoration: underline; cursor: pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition:  all 0.2s ease-out;}
a:hover {text-decoration: none; color:#3d3d3d;}
a img {border: none;}

/* header and menu */
#top-bar {background:none; height:35px; padding-top:7px; border-bottom:1px solid #dfe1e3; }
#top-bar .links {font-size: 10px; text-transform: uppercase; color:#828282; float: left; margin-top: 10px; margin-left: -12px; padding-left: 6px; right: 0px; bottom: 3px;}
#top-bar .links a {float: left;display: block;padding: 0px 0px 0px 7px;color: #828282;text-decoration: none;font-size: 1.3em;line-height: 1.3em;}
#top-bar .links a:hover {color:#61dcff;}
#top-bar .links a {margin-left: 8px;border-left: 1px solid #CCC;}
#top-bar .links a:first-child {border-left:0; margin-left:0;}
#aShoppingCart {white-space:nowrap;}

#header {height: 90px; margin-bottom: 10px; padding-bottom: 4px; position: relative;}
#header #logo {position: relative; float: left; margin-top: 20px;}
#header #logo img {max-height:90px;}
#header #contact-phone {float: left; font-size: 12px; background: url(../images/phone-icon.png) top left no-repeat; margin: 55px 0 0 30px; padding-left:20px;}
#header #contact-phone #phone-no {font-size: 14px; color: #3A3E42;}

#menu {clear:both; background: #3f464c;height: 42px;padding: 0px 5px 2px 5px; margin:0 0 20px 0; position: relative; z-index:10000;}

/* content */
#content_center {width:940px; padding-bottom:20px;}
.two-column-left #content_left {width:220px; float:left;}
.two-column-left #content_center {width:700px;float:left; margin-left:20px;}

.two-column-right #content_center {width:700px;float:left; }
.two-column-right #content_right {width:220px; float:left;margin-left:20px;}

.three-column #content_left {width:220px; float:left;}
.three-column #content_center {width:460px; float:left;margin-left:20px;}
.three-column #content_right {width:220px; float:left;margin-left:20px;}

#content_left p, #content_right p {margin:0;}
#content_left h2 {border-bottom: 1px solid #E0DCD7; color: #333333; font-size: 18px; font-weight: normal; line-height: 14px; margin-right: 0; padding: 8px 10px 10px 2px; text-transform: uppercase;}

/* shop - cateogories */
.product-categories {margin:0; padding:0; font-family: "Calibri", Arial, sans-serif; }
.product-categories a {color:#333333; text-decoration:none;}
.product-categories ul { margin-left:10px; padding:0;}
.product-categories li {list-style-type:none;}
.product-categories li:before {content:"-"; display:inline-block; padding-right:5px;}

.product-categories > li {border-top: 1px solid #EEEEEE; padding:10px 0 10px 0;}
.product-categories > li:first-child {border:none;}
.product-categories li.selected > a {font-weight:bold; color:#333 !important;}

.product-categories li.level-0:before {display:none;}
.product-categories li.level-0 {padding-left:16px;background: url("../images/menu-arrow.gif") no-repeat 0px 13px;}
.product-categories li.level-0 > a {font-size:14px;}
.product-categories li.level-1 > a {color: #999999;}
.product-categories li.level-1 > a:hover {color: #333333;}

/* shop - products */
.shop .browser {margin-right:-12px;}
.shop.featured .browser {margin-right:-25px;}
.shop .browser:after {content: ""; display: table; clear:both;}
.shop .browser .item {border: 1px solid #F4F4F4; float: left; font-size: 12px;margin: 0 12px 30px 0; padding: 2px 2px 5px 2px; width: 160px;}
.shop.featured .browser .item {margin-right:25px;}
.shop .browser .item:hover {border-color:#fff;}
.shop .browser .item .image {background-position: center center;background-repeat: no-repeat;height: 197px;margin: 2px auto 4px;width: 150px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition:  all 0.2s ease-out;}
.shop .browser .item:hover .image {opacity:0.8;}
.shop .browser .item .image a {display: block;height: 197px;width: 150px;}
.shop .browser .item .name {height: 40px;margin: 0 auto;overflow: hidden;text-align: center;width: 150px;}
.shop .browser .item .name a {text-decoration: none;}
.shop .browser .item .name a:hover {text-decoration: underline;}
.shop .browser .item .price {color: #CC0000;font-weight: bold;margin: 0 auto;text-align: center;width: 150px;}

.shop .pager {font-size:12px; height:18px; margin:-18px 30px 10px 0;}
.shop .pager:after {content: ""; display: table; clear:both; }
.shop .pager ul {padding:0; margin:0; float:right; list-style-type:none;}
.shop .pager ul li {float:left; margin-left:5px;}
.shop .pager ul li.all {margin-left:10px;}
.shop .pager ul li a {text-decoration:none;}
.shop .pager ul li a:hover {text-decoration:underline;}
.shop .pager ul li.selected a {font-weight:bold; color:#666666; text-decoration:none;}
.shop .pager ul li.selected a:hover {color:#666666; text-decoration:none;}

.shop .product {float:left; width: 700px; margin-bottom:20px; }
.shop .product h1 {margin:0 0 3px 0;}
.shop .product .images {float:left; }
.shop .product .summary {float:left; width:400px; margin-left:20px;}

.shop .product .images .image {width:280px; min-height:100px; border:0px solid #E7E7E7; margin-bottom:10px; }
.shop .product .images .image img {width: 280px;}
.shop .product .images .thumbs {}
.shop .product .images .thumbs a {float:left; margin-right:7px;}
.shop .product .images .thumbs img {width:50px; }
.shop .product .status {font-size:11px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DDDDDD;}
.shop .product .status.status-0 {color:#038e00;}
.shop .product .values-set {padding-bottom:0px; margin-bottom:10px; border-bottom:1px solid #DDDDDD;}
.shop .product .values {margin-bottom:10px;}
.shop .product .values:after {display: table;line-height: 0;content: ""; clear:both;}
.shop .product .values label {float:left; width:70px;}
.shop .product .values ul {margin:0; padding:0; float:left; list-style-type:none;}
.shop .product .values ul li {float:left; background: #DDDDDD; padding:2px 7px 2px 7px; margin-right:5px; font-size:12px; -moz-border-radius: 3px;  -webkit-border-radius:3px; border-radius:3px; cursor:pointer;}
.shop .product .values ul li.selected {background: #20789E; color:#fff;}
.shop .product .order {clear:both; background:none; margin-top:20px;}
.shop .product .order:after {display: table;line-height: 0;content: ""; clear:both;}
.shop .product .order .quantity {float:left; width:70px; margin-left:5px;}
.shop .product .order .quantity label {display:block;}
.shop .product .order .quantity input {width:40px;}
.shop .product .order .price {float:left; width:100px; font-size:16px; margin:15px 0 0 0; font-weight:bold; color:#CC0000;}
.shop .product .order .old-price {text-decoration: line-through; color:#444444; padding-right:2px;}
.shop .product .order div.button {float:right; margin:5px 5px 5px 2px; }
.shop .product .order div.button .loading {background: white url('../images/loading2.gif') right center no-repeat; width:16px; height:32px; float:left; margin-right:3px;}
.shop .product .order div.button a.button {padding:7px 15px 7px 15px;}
.shop .product .order div.button a.button.cart span {background:url(../images/cart-white.gif) no-repeat 0px 2px; padding-left:20px;}
.shop .product .description {clear:both;}
.shop .product .description h2 {font-size:12px; font-weight:bold; margin:20px 0 5px 0;}
.cloud-zoom-lens { border: 4px solid #888; margin:-4px;	 background-color:#fff;	 cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;	font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}


/* forms */
input[type="text"], input[type="password"], select, textarea {padding:2px; border-color: #CCCCCC; border-style:solid; border-width:1px; width:260px; margin-bottom:2px; font-family:Arial, Sans-Serif; font-size:12px; }
input[type="text"], input[type="password"] {padding:4px 3px 4px 3px;}
select {width:268px;}
input[type="text"].shortest {width:80px;}

ul.form {margin: 0 0 0 0px;padding: 0;}
ul.form li {margin: 0 0 15px 0;padding: 0;list-style: none; clear:both; font-size:12px;}
ul.form li label {float:left; width: 160px; line-height:20px; padding-top:3px; margin-left:5px;}
ul.form li label.skype {padding-left:20px; width:140px; background:url(Images/Icons/skype.png) no-repeat 0px 5px;}
ul.form li div.value {float:left; margin-bottom:15px;}
ul.form li div.value .phone {} 
ul.form li div.value .phone span {width:32px; min-height:15px; display:inline-block;background-color: #E8EDF9; -moz-border-radius: 5px;  -webkit-border-radius:5px; border-radius:5px; padding:5px 5px 3px 0px; text-align:right;}
ul.form li div.value .phone input[type="text"] {width:220px;}
ul.form li .checkbox {display:block; margin-bottom:5px; padding-top:3px;}
ul.form li .checkbox label {float:none; width:auto; margin-right: 10px; padding-left:0px;}
ul.form li.buttons {margin:20px 0 0 165px;} 
ul.form .note {font-size:10px; color:#777; margin-top:3px;}
ul.form .action {margin:5px 0 5px 0;} 
ul.form .validators {clear:both;}
ul.form .valid {display:block; width:120px; height:24px; background:url(Images/Icons/icon-check.png) no-repeat top left; margin-left:10px; padding:2px 0 0 30px;font-size:11px;}
ul.form .invalid {display:block; width:120px; height:24px; background:url(Images/Icons/icon-no.png) no-repeat top left; margin-left:10px; padding:2px 0 0 30px;font-size:11px; color:#fff;}
ul.form span.error {color:#C40000; font-size:11px; padding-top:5px;}
ul.form input.error, input.error {border:1px solid #C40000;}
ul.form .forgotPassword {display:inline-block; padding:8px 10px 0 25px;}
ul.form.login {margin-bottom:40px;}

.watermark {color: #bbbbbb !important;}
.req {color:#D40000; font-size:15px; line-height:12px;}
.error, .errors {color:#C40000;}
.errors {margin:5px 0 10px 0;}

a.button {-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);cursor: pointer;display: inline-block;font: 14px Arial, Helvetica, sans-serif;padding: 7px 20px 7px 20px;outline: none !important;text-align: center;text-decoration: none;-moz-box-sizing: border-box !important;line-height: 16px;}
a.button.smaller {padding: 4px 10px 4px 10px; font-size:12px;}
a.button.small {padding: 2px 4px 2px 4px; min-width:20px; display:inline-block; font-size:10px; font-family:'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;}
a.button.orange {color: #fff;border: 1px solid #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');text-shadow: 0 1px 1px rgba(0,0,0,0.25);}
a.button.orange:hover, a.button.orange:focus {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
a.button.orange:active, a.button.orange.active {background: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

a.button.gray {color: #777;border: 1px solid #ccc;background: #f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');text-shadow: 0 1px 0 #fff;}
a.button.gray:hover, a.button.gray:focus {border: 1px solid #aaa;background: #ececec;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));background: -moz-linear-gradient(top,  #f1f1f1,  #ccc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc');}
a.button.gray:active, a.button.gray.active {background: #ddd;background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f1f1f1));background: -moz-linear-gradient(top,  #ccc,  #f1f1f1);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f1f1f1');}

/* web-order */
.order {background-color: #EEE; -moz-border-radius: 5px;  -webkit-border-radius:5px; border-radius:5px; padding:20px 0px 10px 0px;}
.order .container {width:auto; margin:0;}
.order .container:before, .order .container:after {content: ""; display: none; clear:none;}
.order .item {margin-bottom:20px; padding:5px 10px 10px 10px; border-bottom:2px dotted white; }
.order .item.has-substitutions {margin-bottom:0px;}
.order .item.substitution {background:#e3e3e3; padding-top:15px; margin-bottom:0px; border-left:7px solid white;}
.order .item.substitution.last {margin-bottom:20px;}
.order .item .substitution-note {display:none;}
.order .item.substitution .substitution-note {display:block; padding-left:20px;}

.order .item .number {float:left; width:12px; min-height:16px; padding-top:23px; text-align:right; padding-right:8px; }
.order .item.substitution .number {background:url(../images/subst.png) no-repeat top left;}
.order .item .image {width:80px; height:105px; background:#fff; padding:2px; margin-right:20px; float:left; overflow:hidden; }
.order .item .image img {width:80px; height:105px;}
.order .item .main {float:left; width:870px;}
.order .item .info {float:left; width:760px;}
.order .item .info .product-name {margin-bottom:10px; font-size:16px;}
.order .item .info .product-price {clear:both; }
.order .item .control {float:right; width:20px; padding:20px 0px 0 0;}
.order .item .control a.delete {background:url(../images/icon-no.png) no-repeat top left; display:block; width:22px; height:22px;}
.order .item .field {float:left; margin-right:20px; _margin-right:0px; padding-right:10px;}
.order .item .field input, .order .item .field select {margin-bottom:10px; width:100%;}
.order .item .field label {font-size:12px; display:block; position:relative; }
.order .item .field .value {padding-top:3px; }

.order .item .field.name {width:300px;}
.order .item .field.name.with-article {width:190px;}
.order .item .field.article {width:80px;}
.order .item .field.url {width:290px;}
.order .item .field.url input {width:290px;}
.order .item .field.color {width:90px;}
.order .item .field.size {width:90px; margin-right:0px;}
.order .item .field.price {width:200px; padding-right:0px; }
.order .item .field.price select {width:70px; margin-right:5px;}
.order .item .field.price input {width:110px;}
.order .item .field.price.has-delivery-price input {width:50px;}
.order .item .field.quantity {width:80px;}
.order .item .field.weight select { width:60px; margin-right:5px; }
.order .item .field.weight input { width:70px; }
.order .item .field.controls {padding-top:25px;}
.order .item .field.comment {clear:both; width:870px;}
.order .item .field.comment input {width:860px;}
.order .cart.item .field.comment {clear:both; width:760px;}
.order .cart.item .field.comment input {width:750px;}
.order .item .checkboxes {margin-top:3px; font-size:12px;}
.order .item .checkboxes input {margin-top:0px; margin-left:0px;}
.order .item .checkboxes span {margin-right:10px;}

.order .extra label {padding-left:25px; width:135px;}
.order .extra .price select {margin-right: 5px;width: 60px;}
.order .extra .price input {width: 70px;}

.order .footer {padding-bottom:10px;}
.order .footer .controls {padding-left:20px; float:left }
.order .footer .controls a {font-size:16px;}
.order .footer .totals {float:right; width:260px; font-size:16px;}
.order .footer .comments {clear:both; padding:30px 0 0 20px;}
.order .footer .comments label {font-size:12px;}
.order .footer .comments textarea {width:870px; height:70px;}

ul.form.order {background:#fff;}
ul.form.order li.buttons {margin:20px 0 0 30px; } 

/* tables */
table {border:3px solid #D8D8D8;border-collapse:collapse;margin-bottom:30px;margin-top:20px;width: 100%;}
table th, tfoot td {padding:5px;color: #555;padding: 10px 13px;text-align: left;background: #f1f2f4;border-right:1px solid #D8D8D8;font-size:14px;font-weight: 700;}
table td {border:1px solid #D8D8D8;padding:5px;padding-left:13px;text-align: left;background: #fff;}
table td:hover {background-color:#F6F7F9;}

/* etc */
.contact-map {border:1px solid #DFE1E3;}
.qtip {z-index:20000 !important;}

/* footer */
#footer {background: #F8F8F8; border-bottom: 1px solid #DBDEE1; border-top: 1px solid #DBDEE1; margin: 5px 5px 0 5px; min-height: 40px; padding:20px 0;}
#footer h3 {color: #555;margin-top: 0px;margin-bottom: 8px;border-bottom: 1px solid #E0DCD7;text-transform:uppercase;font-size: 13px;font-family: 'Droid Sans';font-weight: normal;padding-bottom:5px;}
#footer ul {margin-top: 0px;margin-left: 1px;padding-left: 0px;color: #676767;}
#footer ul li {margin-bottom: 3px;list-style-type:none;}
#footer a {text-decoration: none;color: #676767;line-height:1.5em;}
#footer a:hover {color: #000;}

#subfooter {background: #3F464C; border-top: 1px solid black; color: #878787; height: 20px; margin: 0 5px 5px 5px; text-align: right;padding:20px 0;}