html,body {height: 100%}
body, a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; border:0; padding:0; margin:0 }
body {background: #fff url(../backgrounds/main-gradient.png) top repeat-x; color:#000}
/*
@font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
span.rur span:before { content: '\2013'; }
*/
a {font-size:100%}
a, input {outline:none}
h1, h2 {margin-top:0}

input.button {background:#ddd; font-size:90%; font-weight:bold; padding:2px 10px 3px 10px; letter-spacing:0.05em; margin-left:10px; color:#06c; border:none; cursor:pointer}
input.button:hover{color:#999}

#container, #title, #submenu, #main-menu, #content, #footer {width:1000px; left:50%; margin-left:-500px; position:relative; background:#fff; border-left: 1px #ccc solid; border-right: 1px #ccc solid; clear:both}
#title {height:120px; background:url(../backgrounds/top.jpg) left top no-repeat}
#title a.logo { display:block; position:relative; left: 170px; top:40px; width:225px; height:45px}
#title img {border:none}

#login-box {width:170px; height:75px; left:820px; top:-20px; background: url(../backgrounds/gray-transparent.png); border: #ccc 1px solid; position:relative; font-size:90%; text-align:right; padding:3px 5px 0 0}
#login-box input {width:80px; font-size:90%; margin-top:3px; padding:2px; border: #ccc 1px solid; background:#fff}
#login-box input.button {width:85px; border: #fff 2px solid; font-weight:normal; letter-spacing:normal; background:#ddd; font-size:110%; padding:0 0 2px 0; color:#06c; margin:2px 0 0 0}

#main-menu {background:url(../backgrounds/menu-bg.png) center repeat-x; text-align:left; height:24px}
#main-menu a, #main-menu span {display: inline-block; padding:5px 40px 5px 40px; color:#000; font-weight:bold; text-decoration:none}
#main-menu span {color:#666}
#main-menu a:hover {background: url(../backgrounds/menu-bg-hover.png) center repeat-x;}

#submenu {height:15px; padding-top:2px; text-align:right; font-size:80%}
#submenu a, #submenu span {padding: 0 5px 0 5px; text-decoration:none; font-weight:bold; color:#000}
#submenu a:hover {text-decoration:underline}
#submenu span {color:#666}

#breadCrumps {float:left; text-align:left; width:800px; overflow:hidden; font-stretch:narrower}

#content {min-height:400px; padding-bottom:20px}
#content-table {border:none; width:100%}
#content-table td {vertical-align:top}
#content-table td.left-panel {width:200px}
#content-table td.content {padding:15px 15px 0 25px}

#catalogue {width:100%; background:#bbb; border:#aaa 1px solid; margin:15px 0 0 10px}
#catalogue a, #catalogue div {display:block; padding:5px; border-bottom: #eee 1px solid; text-decoration:none; color:#000; font-size:110%; font-weight:bold}
#catalogue a:hover {color: #666}
#catalogue a.level2, #catalogue div.level2 {background:#ddd; padding-left:9px; font-size:105%; font-weight:bold}

#shopingCart {width:100%; background:#ddd url(../backgrounds/shoping-cart.png) bottom left no-repeat; height:120px; border:#aaa 1px solid; margin:15px 0px 0 10px;}
#shopingCart div.cart-content {margin: 5px 5px 5px 85px; font-size:110%}

.cart_contents td { border-bottom: 1px solid #DBDBDB; padding: 5px; }
.cart_contents .name, .cart_contents .qty { text-align: left }
.cart_contents .qty input { text-align: center; white-space: nowrap }
.cart_contents th { background: #DBDBDB; font-size: 80%; font-weight: normal; 
    color: #595959; padding: 5px; }
.cart_contents .cart_buttons { padding: 10px 0px; }
.cart_contents .totals {font-weight: bold }
.cart_contents .totals td { border-top: 1px solid #DBDBDB; border-bottom: none }
.cart_contents .cart_discount td { border-top: 1px solid #DBDBDB }
#netshop_discount_div { margin: 10px 0px; padding: 4px 10px; border: 1px solid #FFDBA8; 
    background: #FFFCF3; color: #595959; font-size:8pt; width: 250px }
#netshop_discount_div p { margin: 5px }

.cart_total {font-size: 130%}

#footer {height:60px; font-size:80%; border-bottom: 1px #ccc solid}
#footer div.divider { height:7px; background: #ddd; margin: 0 10px 10px 10px}
#footer-menu {float:left; padding-left: 15px}
#footer-menu a, #footer-menu span { font-weight:bold; text-decoration:none; padding: 0 5px 0 5px; text-transform:lowercase; color:#000}
#footer-menu a:hover {text-decoration:underline}
#footer-menu span {color:#666}
#footer div.copyright {float:right; width:300px; height:20px; background: url(../symbols/sto-slogan.png) right -3px no-repeat; margin-right:15px; color:#666}

p.absatz {}
h2.block-title {background:url(../backgrounds/menu-bg.png) top repeat-x; padding:5px 0 5px 7px; margin:0 -5px 5px -7px; font-size:110%}
div.block {background:#ddd; border:#aaa 1px solid; padding: 0 5px 5px 5px}

div.gray-block {border:#ddd 4px solid; padding: 0 5px 5px 0; margin:0 10px 5px 3px}
h2.gray-block {background:#ddd; margin:0 15px 0 0; padding: 0 25px 5px 20px; float:left; font-size:110%; text-align:center; text-transform:uppercase}

#product-groups-start img{border: #ddd 4px solid; margin:3px}
#product-groups img{border: #ddd 4px solid; margin:3px; float:left}

#newsMainPage {padding: 0 10px 5px 10px}
#newsMainPage h3, #newsBlock h3 {margin:0; font-size:110%}
#newsMainPage ol, #newsMainPage li, #newsBlock ol, #newsBlock li {margin:0 0 0 10px; padding:0}

#goodsAnounce {margin: 5px 0 0 0; padding:0; text-align:left; vertical-align:top}
#goodsAnounce div.goodsAnounceElement {border:#ddd 2px solid; width:166px; height:265px; display:inline-block; $float:left; padding:5px; margin:0 3px 8px 2px; vertical-align:top}
#goodsAnounce div.categoryName {margin-top:10px; white-space:nowrap;  font-weight:bold; overflow:hidden}
#goodsAnounce div.description {padding:10px 0 0 0; height:60px; overflow:hidden}
#goodsAnounce img.goodsImg {margin-right:10px; height:120px; border:none}
#goodsAnounce h2 {font-size: 110%; margin:3px 10px 10px 3px}
#goodsAnounce h3 {font-size: 110%; margin:0; font-size:130%; height:30px}
#goodsAnounce a.button {width:100%; display:block; text-align:center; text-decoration:none; font-weight:bold; background:#ddd; font-size:100%; padding:2px 0 3px 0; color:#06c; margin-top:5px}
#goodsAnounce a.button:hover{color:#999}

#goodsList {text-align:left; vertical-align:top}
#goodsList a{color:#06c}
#goodsList a:hover{color:#999}
#goodsList table.goodsElement {border:#ddd 2px solid; margin:0 2px 8px 2px; width:370px; height:170px; display:inline-block; $float:left; vertical-align:top}
#goodsList td {vertical-align:top; text-align:left; padding:5px}
#goodsList td.bottom {vertical-align:bottom}
#goodsList div.description {padding:10px 0px; height:50px; overflow:hidden}
#goodsList div.oldPrice {font-size:105%; font-weight:bold; text-decoration:line-through}
#goodsList div.price {font-size:120%; font-weight:bold}
#goodsList div.unitPrice {font-size:130%; font-weight:bold}
#goodsList td.goodsImg {width:150px; text-align:center; padding: 10px 0 0 0}
#goodsList img.goodsImg {margin-right:10px; height:120px; border:none}
#goodsList h2 {font-size: 120%; margin:3px 10px 10px 3px}
#goodsList h3 {font-size: 120%; margin:5px 0 0 0}
#goodsList a.button {width:150px; display:block; text-align:center; text-decoration:none; font-weight:bold; background:#ddd; font-size:100%; padding:2px 0 3px 0}

#specials {width:100%; background:#ddd; border:#aaa 1px solid; margin:15px 0px 0 10px; padding:0 0 5px 0; text-align:center}
#specials h2.oldPrice {font-family: "Rubl Sign"; text-decoration:line-through; text-align:center; font-size: 170%}
#specials h2.newPrice {font-family: "Rubl Sign"; text-align:center; font-size: 210%; margin-top:-15px}
#specials a.button {width:92%; margin-left:3%; display:block; text-align:center; text-decoration:none; font-weight:bold; border:#fff 2px solid; font-size:100%; padding:2px 0 3px 0; color:#06c; margin-top:5px}
#specials a.button:hover{color:#999}

#goodsSpecials {width:100%; margin-top:10px}
#goodsSpecials img {width:130px; background:#fff; padding:7px; border:#333 1px solid}

#goodsDetails {width:100%}
#goodsDetails td {vertical-align:top; font-size:110%}
#goodsDetails td.goodsImg {vertical-align:top; padding-top:10px; width:200px; text-align:center}
#goodsDetails img.goodsImg {border:none; width:150px}
#goodsDetails h3 {border-bottom: 1px solid; margin: 5px 0 0 0; padding:0}
#goodsDetails p {padding:0 5px 5px 5px}

#goodsVariants {width:96%; margin:20px 2% 0 2%}
#goodsVariants th, #goodsVariants td {text-align:left; border-bottom: #ddd 1px solid; vertical-align:middle}
#goodsVariants th {background:#ddd}
#goodsVariants td {font-size:110%; padding:5px}

#goodsVariants input.button:hover {color:#999}

#orderList {width:100%}
#orderList th, #orderList td {text-align:left; border-bottom: #ddd 1px solid; vertical-align:middle; padding:5px}
#orderList th {background:#ddd}
#orderList td {font-size:110%}
#orderList tr:hover {background:#f5f5f5}