/* Style File for Main Content */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: none; color: #333333; outline: none;}
a:hover {text-decoration: underline;}
p {padding: 5px 0;}

h1 {font-size: 1.3em; line-height: 2.5em; padding-bottom:18px; font-weight: normal; text-transform:uppercase;}
h2 {font-size: 1.1em; line-height: 1.5em; padding:0.5em 0 1em 0; font-weight: bold; color: #000;}
h3 {font-size: 1.1em; padding:0.5em 0  0.2em 0;}
h4 {font-size: 1em; padding:0.5em 0  0.2em 0;}

/* TABLES 
table {border-collapse: collapse; margin: 1em 0; width: 100%;}
td, .desc th {border: 1px solid #000; padding: 1px 3px; vertical-align: top;}
th {text-align: center; vertical-align: top;}
*/

/* list default settings */
ul, ol {margin:6px 0 6px 30px;}
li {margin:2px 0;}
.active {font-weight: bold;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

html, body {width:100%;}
#page {min-width: 996px; color: #333333; font-family: Tahoma, Arial; font-size:11px; text-align:left; background: #FFF; margin:0 auto;}

#header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header div.menu {height: 90px; position:relative;}
#header div.menu .logo {z-index: 10; position: absolute; bottom: 0; left: 10px; height: 90px; padding: 0 13px; text-align:center; float: left; background: url(../images/logo_bg.gif) no-repeat left bottom;}
#header div.menu .logo a {display: block; width:217px; height: 40px; padding: 24px 0; background-color: #FFFFFF;}
#header div.menu .global {position: relative; padding: 53px 40px 0 260px; z-index: 5;}
#header div.menu .global ul {width: 100%; list-style-type: none; margin: 0;}
#header div.menu .global ul li {font-size: 11px; text-align: center; text-transform: uppercase; float: left; width: 20%; margin-right: -1px; background: url(../images/menu_spec.gif) repeat-y right top;}
#header div.menu .global ul li a {padding: 5px; display:block;}
#header div.menu .global ul li a:hover {color: #CFA011;}
#header div.menu .global ul li.active a {color: #CFA011;}
#header div.menu .global ul li.clear {background: none;}
#header div.menu .nav {position: absolute; top: 20px; right: 30px; z-index:10;}
#header div.menu .nav a {float: left; margin: 0 10px;}
#header div.menu .phones {color:#DA2128;font-size:20px;position:absolute;right:176px;top:17px;}
#header div.s {line-height: 1px; font-size: 1px; height: 7px; width: 100%; background-color: #E3E3E3; position: absolute; top: 0; left: 0;}
#header div.head {background:url(../images/header_bg.jpg) repeat-x right top transparent; margin-right:162px; height: 172px; position: relative;}
#header div.head .cart {line-height: 1.2em; text-align: center; width: 142px; padding: 10px; height: 152px; background: #FFF url(../images/cart_top.gif) no-repeat center top; position: absolute; top:0; right: -162px;}
#header div.head .cart img {padding: 15px 0 10px 0;}
#header div.head .cart div {font-size: 10px; padding: 8px 0; text-transform: uppercase;}
#header div.head .cart div span {font-weight: bold; color: #CC9900; text-transform: none;}
#header div.head .cart a {text-decoration: underline;}
#header div.head .cart a:hover {text-decoration: none;}
#header div.head .text {background:url(../images/header_vs.jpg) no-repeat scroll right top transparent; height:172px; color: #FFF; font-size: 14px;}

#discount {left:170px; top:142px; position:absolute; z-index:1000;}

#container {padding-left:263px; position:relative;}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .buttons {padding:4px;border:#959595 solid 1px;margin:20px;background-color:#dfdfdf;margin-bottom:0;}
#container .center {margin-left:auto;margin-right:auto;}

#container.full {padding-left:0px;}

#content {margin-left:0; width:100%; float:left;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#primary {float:none; min-height:17em;}
.dual  #primary {float:left; width:66%;}
.dual  #secondary {float:left; width:34%;}

#primary .breadcrumb {list-style-type: none; margin: 0; font-size: 12px; padding: 10px 10px 10px 0;}
#primary .breadcrumb:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#primary .breadcrumb li {float: left; padding: 0 15px; background: url(../images/br.gif) no-repeat center left;}
#primary .breadcrumb li.act a {color: #D3A722;}
#primary h1 {font-size: 13px; font-weight: bold; text-transform: none; margin: 0 0 20px -20px; padding: 11px 20px; line-height: 1em; color: #da2128; background: url(../images/h1_bg.jpg) no-repeat left top; position: static; z-index: 100;}
/* Main - products */
#primary .items {line-height: 1.4em; margin: 0; padding-bottom:10px; list-style-type: none;}
#primary .items li {width: 24%; float: left; text-align: center;}
#primary .items li .item {text-align: left; margin: 0 auto 15px; padding: 0 0 15px 0; width: 165px; height: 180px; border-bottom: 1px solid #E5E5E5;}
#primary .items li.clear .item {border-bottom: none; margin-bottom: 0;}
#primary .items li .item .img {display: inline-block; height: 105px; line-height: 105px; overflow: hidden;}
#primary .items li .item .img img {vertical-align: middle;}
#primary .items li .item .descr {padding: 4px 0; overflow: hidden; height: 43px; margin: 5px 0 3px 0;}
#primary .items li .item .money {text-align: center; width: 128px; height: 15px; padding: 3px; background: url(../images/money.gif) no-repeat left top;}
#primary .items li .item .money_red {text-align: center; width: 128px; height: 15px; padding: 3px; background: url(../images/money.gif) no-repeat left -21px;}

/* News */
#primary .news {padding-bottom: 20px;}
#primary .news .item {float: left; width: 49%; padding-bottom: 20px;}
#primary .news .item h3 {margin-bottom: 0.6em;}
#primary .news .item h3 a {text-decoration: underline;}
#primary .news .item h3 a:hover {text-decoration: none;}
#primary .news .item .img {float: left; width: 130px; height: 111px; overflow: hidden;}
#primary .news .item .right {padding: 0 20px 0 150px;}
#primary .news .item p {text-align: justify;}

/* Cat view - list products for sale */
/*#primary.cat a {text-decoration: underline;}
#primary.cat a:hover {text-decoration: none;}*/
#primary.cat .filter {background-color: #EBEBEB; font-size: 13px; padding: 10px 20px; margin: 0 30px 0 -20px;}
#primary.cat .filter .left {float: left; width: 100px; text-align: right;}
#primary.cat .filter .list {padding: 0 20px 0 110px;}
#primary.cat .sort {font-size: 13px; padding: 10px 20px; margin: 0 30px 0 -20px;}
#primary.cat .sort .left {float: left; width: 100px; text-align: right;}
#primary.cat .sort .list {padding-left: 110px;}
#primary.cat .list a {text-decoration: underline;}
#primary.cat .list a:hover {text-decoration: none;}
#primary.cat .list a.active {font-weight: bold;}
#primary.cat .products {padding: 20px 30px 25px 0;}
#primary.cat .products .entry {border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
#primary.cat .products .entry .img {float: left; width: 130px; height: 111px; overflow: hidden;}
#primary.cat .products .entry .descr {padding: 0 150px;}
#primary.cat .products .entry .descr h2 {padding: 0 0 3px 0; position: relative;}
#primary.cat .products .entry .descr h2 span {color:#777777; font-size:10px; font-weight:normal; padding-left: 5px; font-family:arial; white-space:nowrap;}
#primary.cat .products .entry .descr .details {float: right;}
#primary.cat .products .entry p {text-align: justify;}
#primary.cat .products .entry .nav {width: 130px; position: absolute; top: 10px; right: 0;}
#primary.cat .products .entry .nav .money {text-align: center; width: 128px; height: 15px; padding: 3px; background: url(../images/money.gif) no-repeat left top;}
#primary.cat .products .entry .nav a.cart {text-transform: lowercase; margin: 20px 0 10px 0; padding: 3px 0 3px 20px; width: 108px; height: 15px; background: url(../images/cart_add.gif) no-repeat left top; display: block; cursor: pointer;}
#primary.cat .products .entry .nav label {padding-left: 10px; display: block;}
#primary.cat .products .entry .nav label input {margin-right: 5px; vertical-align: middle;}
#primary.cat .products .clear {border-bottom: none; margin-bottom: 0px;}
#primary.cat .products .pending .nav .money {background:#F2F2F2;}
#primary.cat .products .pending .nav a.cart {color: #AAAAAA;}
#primary.cat .products .pending .not {color:#FF0000;margin: 5px 0 -12px;text-align: center;}
#primary .paginate {font-size: 12px; text-align: center; padding: 3px 80px 3px 0; position: relative; background: url(../images/h1_bg.jpg) no-repeat left top;}
#primary .paginate p strong {color: #cc9900; padding: 0 2px;}
#primary .paginate p a {padding: 0 2px;}
#primary .paginate .compare_link {text-align: left; display: block; padding: 1px 0 0 41px; width: 70px; height: 35px; font-size: 11px; right: 10px; top: -3px; position: absolute; background: url(../images/compare_link.gif) no-repeat left top;}

/* Details tovar */
#primary.details .tit {font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0px; padding: 11px 20px; line-height: 1em; color: #da2128; background: url(../images/h1_bg.jpg) no-repeat left top; position: static; z-index: 100;}
#primary.details .tabs {margin: 0 30px 0 200px; list-style-type: none; border-bottom: 1px solid #F5EBCC;}
#primary.details .tabs li {float: left; margin: 0 3px 0 0; position: relative; background-color: #ECECEC;}
#primary.details .tabs li a {display: block; padding:7px 35px; font-size: 12px; font-weight: bold; color: #666666; text-decoration: underline;}
#primary.details .tabs li a:hover {text-decoration: none;}
#primary.details .tabs li .lt {width: 9px; height: 28px; position: absolute; top: 0; left: 0; background: url(../images/tabs-lt.gif) no-repeat left top;}
#primary.details .tabs li .rt {width: 9px; height: 28px; position: absolute; top: 0; right: 0; background: url(../images/tabs-rt.gif) no-repeat left top;}
#primary.details .tabs li.active {background-color: #F5EBCC;}
#primary.details .tabs li.active a {color: #333333; text-decoration: none;}
#primary.details .tabs li.active .lt {background: url(../images/tabs-lt.gif) no-repeat left -28px;}
#primary.details .tabs li.active .rt {background: url(../images/tabs-rt.gif) no-repeat left -28px;}
#primary.details .left {float: left; width: 174px; color: #666666;}
#primary.details .left .minigall {list-style-type: none; margin: 5px 0 0 0; width:178px;}
#primary.details .left .minigall li {float: left; width: 20%;}
#primary.details .left .minigall li a img {border: 1px solid #DFDFDF;}
#primary.details .left .minigall li a:hover img {border: 1px solid #FFA6A6;}
#primary.details .left p {text-align: center; padding: 13px 0;}
#primary.details .left .money {margin:0; width: 145px; height: 15px; padding: 7px 10px 6px 20px; background: url(../images/money_w.gif) no-repeat left top;}
#primary.details .left .money .doll {float: right; padding-right: 5px; color: #990000;}
#primary.details .left a.cart {text-transform: lowercase; margin:0 auto; padding: 3px 0 3px 20px; width: 108px; height: 15px; background: url(../images/cart_add.gif) no-repeat left top; display: block; cursor: pointer;}
#primary.details .left label {display: block; text-align: center; padding-bottom:10px;}
#primary.details .left label input {margin-right: 5px; vertical-align: middle;}
#primary.details .left .compare_link {margin:0 auto; text-align: left; display: block; padding: 4px 0 0 41px; width: 90px; height: 32px; font-size: 11px; background: url(../images/compare_link_w.gif) no-repeat left top;}
#primary.details .cont {padding: 8px 30px 30px 200px; line-height:1.5em;}
#primary.details .cont h1 {margin: 0; background: none; padding:6px 0px; font-size:17px; font-weight:bold;}
#primary.details .cont h3 {font-size: 13px; color: #CC9900; margin:15px 0 0; border-bottom: 1px solid #F5EBCC;}
#primary.details .cont h3 a {color:#CC9900;text-decoration: underline;}
#primary.details .cont h3 a:hover {text-decoration: none;}
#primary.details .cont .tehn {margin-top: 8px; font-size: 11px; line-height:1.5em;}
#primary.details .cont .tehn th {color: #666666; font-weight: normal; text-align: right; padding-left: 10px;}
#primary.details .cont .tehn td {padding:0 10px;}
#primary.details .cont .gallery {margin: 0 -15px 0 0; padding: 10px 0; list-style-type: none; display: inline-block;}
#primary.details .cont .gallery li {float: left; padding: 5px 15px; text-align: center;}
#primary.details .cont .gallery li a img {border: 1px solid #DFDFDF;}
#primary.details .cont .gallery li a:hover img {border: 1px solid #FFA6A6;}
#primary.details .pending  .left .money {background:#F2F2F2;}
#primary.details .pending  .left .not {color:#FF0000;margin:5px 0 -5px;text-align:center;}
#primary.details .pending  .left .cart {color:#AAAAAA;}
#primary.details .relcatalog {line-height: 1.4em; margin: 0 -25px 0 0; padding-bottom:10px; list-style-type: none;}
#primary.details .relcatalog li {width: 130px; float: left; text-align: center;}
#primary.details .relcatalog li .item {text-align: center; padding: 10px 0; width: 100px;}
#primary.details .relcatalog li .item .img {display: inline-block; height: 75px; line-height: 75px; overflow: hidden;}
#primary.details .relcatalog li .item .img img {vertical-align: middle;}
#primary.details .relcatalog li .item h4 {text-align: center;font-weight:normal;}

#sidebar {left:-263px; width:263px; position:relative; float:left; margin-left:-100%;}
#sidebar #menu {position: relative; margin: 0 0 -5px 10px; width: 217px; padding: 0 10px 20px; background: url(../images/menu_bg.png) repeat-y top left;}
#sidebar #menu .top {position: absolute; left: 0; top: -23px; float: left; width: 233px; height: 23px; background: url(../images/menu_top.gif) repeat-y top left;}
#sidebar #menu .bottom {/*position: absolute; left: 0; bottom: -18px;*/ margin:19px 0 -23px -10px; float: left; width: 239px; height: 19px; background: url(../images/menu_bottom.png) repeat-y top left;}
#sidebar #menu .search {padding: 10px 20px;}
#sidebar #menu .search h3 {color: #4e4e4e; font-size: 10px; padding: 0 0 0 20px; text-transform: uppercase; background: url(../images/search.gif) no-repeat top left;}
#sidebar #menu .search input {float: left;}
#sidebar #menu .search input.input {font-size: 12px; width: 114px; padding: 2px; margin-right: 5px; border: 1px solid #DDDDDD; background-color: #F5F5F5;}
#sidebar #menu .search input.button {font-size: 11px; padding-bottom: 0px; width: 48px; height: 21px; border: none; background: url(../images/search_btn.gif) no-repeat top left; cursor: pointer;}
#sidebar #menu .search input.button:hover {color: #CFA011;}

#sidebar #menu .parents {line-height: 1.5em; margin: 25px 20px 0 10px;}
#sidebar #menu .parents li {list-style-type: none; padding: 0 0 12px 0; margin: 0 0 12px 38px; border-bottom: 1px solid #E5E5E5;}
#sidebar #menu .parents li.clear {border-bottom: none;}
#sidebar #menu .parents li.active a {font-weight: bold; text-decoration: underline;}
#sidebar #menu .parents li.active li a {font-weight: normal; text-decoration: none;}
#sidebar #menu .parents li.active li.active a {font-weight: bold; text-decoration: underline;}
#sidebar #menu .parents li ul {margin: 0 0 0 -38px;}
#sidebar #menu .parents li ul.helicopters {background: url(../images/helicopters.gif) no-repeat center left;}
#sidebar #menu .parents li ul.air {background: url(../images/air.gif) no-repeat center left;}
#sidebar #menu .parents li ul.auto {background: url(../images/auto.gif) no-repeat center left;}
#sidebar #menu .parents li ul.sudo {background: url(../images/sudo.gif) no-repeat center left;}
#sidebar #menu .parents li ul.components {background: url(../images/components.gif) no-repeat center left;}
#sidebar #menu .parents li a {margin-left:15px; display: block; color: #CC9900; text-transform: uppercase;}
#sidebar #menu .parents li li {padding: 0 0 0 15px; margin-bottom: 0; border-bottom: none; position: relative; background: url(../images/arr.gif) no-repeat left 7px;}
#sidebar #menu .parents li li a {margin:0; text-transform: none; color: #333333; display: inline;}
#sidebar #menu .parents li li li {line-height: 1.2em; padding: 0 0 4px 15px; margin-bottom: 0; border-bottom: none; background: none;}
#sidebar #menu .parents li li .inshow {margin-left:5px; position:absolute; top:4px; cursor: pointer;}

#footer {padding:40px 30px; font-size: 11px; background-color: #EBEBEB;}
#footer .menu {float: right; font-size: 12px; margin-top:-15px; cursor:default;}
#footer .left {float: left; width: 200px; text-align:center; padding-top: 5px;}
#footer .text {padding-left: 230px;}

/* STATIC PAGES */
#container .static:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .static {padding:0 40px 20px 0; font-size:1.1em; line-height: 1.5em; text-align: justify;}
#container .static a {color:#0055BB;}
#container .static h1 {margin: 0 0 10px -20px;}

.updates #primary .items li .item {height:130px; position: relative;}
.updates #primary .items li .item h3 {text-align: center; font-weight:normal; width:165px; position: absolute; bottom: 0;}
.updates #primary .paginate {font-size: 12px; text-align: center; padding: 3px 80px 3px 0; position: relative; background: url(../images/h1_bg.jpg) no-repeat left top;}
.updates #primary .paginate p strong {color: #cc9900; padding: 0 2px;}
.updates #primary .paginate p a {padding: 0 2px;}
#primary.cat .cont .products {padding-right: 0px;}

/* CART */
#primary .cart {border-collapse:collapse; text-align:center; width:98%; background: #F0F0F0;}
#primary .cart th {font-weight:normal; padding:8px;}
#primary .cart td {border-top:1px solid #989898; font-weight:bold; padding:5px;}
#primary .cart td a.del {color:#FF0000; font-weight:normal;}
#primary .cart td .input_class {width:50px;}
#primary .cart tr.result th {background:#AAAAAA; color:#FFFFFF; font-weight:bold;}
#primary .cart_buttons {text-align:center;}
#primary .cart_buttons input {background:#D4D0C8; border:1px outset #D4D0C8; font-size:11px; margin:10px; padding:2px 30px;}
#primary .cart_buttons input.pay {background:#35559F; color:#FFFFFF;}

.cart_add_anim {background: url(../images/cart_add_anim.gif) no-repeat center center;}

/* FORMS */
#content .form {padding: 20px 30px 40px; margin:10px 40px 20px 20px; font-size:12px; position: relative; background: #F0F0F0;}
#content .form h3 {color:#D3A722; font-weight: normal; font-size:1.4em; padding:0 0 15px 0;}
#content .form fieldset {border:1px dashed;margin:0 -15px 10px;padding:10px 15px;}
#content .form .field {padding: 5px 0; display:inline-block; width:49%; min-width:225px; width:expression(document.body.clientWidth < 225? "225px": "auto" );}
#content .form .full {width: 99%;}
#content .form .field label {width: 130px; float: left; padding: 2px 0;}
#content .form .field label span.r {color:#AF9090;}
#content .form .field input {width: 210px; padding: 2px 5px; border: 1px solid #8C8C8C;}
#content .form .field select {width: 222px; padding: 2px 2px 2px 5px; border: 1px solid #8C8C8C;}
#content .form .field textarea{border:1px solid #8C8C8C; width:99%; height:80px;}
#content .form .field .descr {padding:5px 0;width: 222px;line-height:1.3em;text-align:justify;}
#content .form .form_submit {padding: 3px 12px; background-color: #707070; color: #FFF; border: 1px solid #8C8C8C; position: absolute; bottom: 0; left: 0;}
#content .form .req {font-weight: bold; color: #FF0000; padding: 5px;}
#content .info {margin:10px 20px 20px 0;padding:10px;font-size:14px;font-weight:bold;background-color:#FFF5E0;}