@charset "utf-8";
/* ------ CSS RESET ------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
    font: 11px/1.5 Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

fieldset,img { 
    border:0;
}

address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:normal;
}

ul {
    list-style:none;
    padding:0;
    margin:0;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
    line-height:normal;
}

q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

/* ------ CSS RESET END ------ */

/* ------ CSS COMMON ELEMENTS ------ */

html, body {
    height: 100%;

}


body {
    margin:0;
    padding:0;
    color:#333333;

}

a {
    outline:none;
    color:#007dc6;
    text-decoration:underline;
}

a:hover {
    text-decoration:underline;
}

input { 
    padding:2px;
    margin:1px;
    font-size: 10px;
}

select { margin:2px; font-size:10px;}

h2 {
    font-weight:bold;
    color:#868585;
    font-size:16px;
    border-bottom: 11px solid #e6e6e6;
    padding:10px 0 10px 20px;
    margin-bottom: 15px;
    background: #f4f4f5;
}

h3 {
    font-weight:bold;
}

/* ------ CSS COMMON ELEMENTS END ------ */

/* ------ CSS MAIN DIVS START ------ */

#container {
    background: url(../images/background.jpg) repeat-x top left #0a1823;
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;

}


#pagewidth {
    width: 992px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding-bottom: 65px;
}

#header {
    width:996px;
    height:160px;
    border-bottom:solid 8px #fe6100;
    background: url(../images/header.jpg) no-repeat left top;
}

#menu {
    height: 54px;
    width: 992px;
}

#menu ul {
    float: right;
    width: 672px;
    padding:0;
    margin:0;
}

#menu ul li {
    float: left;
}

#menu ul li a{
    width: 112px;
    height:46px;
    display: block;
    text-align: center;
    line-height: 46px;
    font-size:13px;
    color:#d2d3d4;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    background: none;
}

#menu ul li a.selected{
    background: url(../images/menu_btn.gif) no-repeat top left;
    color:#fff;
}

#menu ul li a:hover{
    color:#fff;
}

#maincont{
    width: 986px;
    padding:0 0 20px 6px;
    float:left;
    background: url(../images/main_cont.gif) repeat-y top left #fff;
}

#left {
    float:left;
    width: 274px;
    color:#585858;
}

#main {
    float:right;
    width: 712px;
}

#mainfoot{
    clear: both;
    width: 100%;
    height: 14px;
    background: url(../images/cont_footer.gif);
}

#footer {
    height: 36px;
    width: 100%;
    background: #5e0101;
    border-top:#ababab;
    color: #e0e0e0;
    position: absolute;
    bottom: 0;
}

#footer div.border {
    margin-top:1px;
    background: #fe6200;
    height: 8px;
}

#footer p {
    width: 980px;
    margin:2px auto 0 auto;
}

#footer p a{
    color:#fff;
    text-decoration: none;
}

#search {
    float:left;
    width: 300px;
    padding:10px 0 0 6px;;
}

#search .for {
    background: url(../images/search_text.jpg) no-repeat top right;
    border:0;
    width: 161px;
    height: 16px;
    padding:7px 5px 5px 5px;
    color: #4f4f4f;
    margin:0;
    float:left;
}

#search .btn {
    width: 98px;
    height: 28px;
    border:0;
    margin:0;
    padding:0;
    background: url(../images/search_btn.jpg) no-repeat top right;
    float:left;
    cursor: pointer;
} 

#cats p {
    height: 128px;
    overflow: hidden;
    border:solid 6px #b1b1b1;
    margin-left:1px;
    width: 258px;
}

#cats p img{
    width:258px;
    display: block;
}

#cats ul {
    width: 100%;
}

#cats ul li {
    background: none;

}

#cats ul li a{
    display: block;
    border-bottom: 1px solid #7c8a95;
    margin:0 2px 0 1px;
    background: #273540 url(../images/cats_menu.gif)  top left repeat-x;
    height: 30px;
    line-height: 30px;
    color:#7c8a95;
    text-decoration: none;
    padding: 0 0 0 20px;
    font-weight: bold;
}

#cats ul li a:hover{
    color:#fff;
}

#cats ul li a.selected, #cats ul li.collapsable a{
    background: url(../images/cat_menu_sel.gif) no-repeat 7px 10px #0a1823;
    color:#fff;
    margin:0 1px 0 0;
}

#cats ul {
    width: 100%;
}
/* 2ND LEVEL */
#cats ul li ul{
    background: none;
}

#cats ul li ul li{
    background: none;
}

#cats ul li ul li a, #cats ul li.collapsable ul li a{
    display: block;
    border-bottom: 1px solid #7c8a95;
    margin:0 2px 0 1px;
    background: #273540;
    height: 20px;
    line-height: 20px;
    color:#7c8a95;
    text-decoration: none;
    padding: 0 0 0 35px;
    font-weight: normal;
}

#cats ul li ul li a.selected{
    font-weight: bold;
    background: #273540;
    margin:0 2px 0 1px;
    color:#fff;
}

/*  3TH LEVEL */
#cats ul li ul li ul{
    background: none;
}

#cats ul li ul li ul li{
    background: none;
}

#cats ul li ul li ul.treeview li a{
    padding: 0 0 0 55px !important;
    background: #273540;
}

#cats ul li ul li ul.treeview li a.selected{
    font-weight: bold;
    background: #273540;
    margin:0 2px 0 1px;
    color:#fff;
}

#manufacturer {
    width:271px;
    height:60px;
    background:#273540 url(../images/cats_menu.gif) 0 0 repeat-x;
    margin:0 0 0 1px;
}

#manufacturer select {
    width:235px;
    font-size:11px;
    padding:2px;
    margin:18px;
    background:#eee;
    border:none;
}

.leftInMain {
    width: 356px;
    float:left;
}

.rightInMain {
    width: 356px;
    float:right;
}

.rightInMain .in, .leftInMain .in{
    padding:0 20px 0 20px;
}

#products {
    width: 700px;
    padding: 0 0 0 10px;
}

#products li{
    float:left;
    width: 305px;
    height: 135px;
    margin-bottom: 20px;
    padding:5px 15px 5px 25px;
}

#products li a img{
    float:right;
    border:3px solid #e6e6e6;
}

#products li a:hover img{
    float:right;
    border:3px solid #fe6000;
}

#products li h3 {
    display: inline;
}

#products li h3 a{
    text-decoration:none;
    color:#fe6000;
    font-size:12px;
    font-weight: bold;
    padding: 5px 0 0 0;
    display: inline;
    background: none;
    width: auto;
    height: auto;
}

#products_cat {
    width: 700px;
    padding: 0 0 0 10px;
}

#products_cat li{
    float:left;
    width: 203px;
    height: 140px;
    margin-bottom: 10px;
    padding:5px 15px 5px 15px;
}

#products_cat li h3 {
    display: inline;
}

#products_cat li h3 a{
    text-decoration:none;
    color:#fe6000;
    font-size:12px;
    font-weight: bold;
    padding: 5px 0 0 0;
    display: inline;
    background: none;
    width: auto;
    height: auto;
}

#products_cat li a img {
    border:3px solid #e6e6e6;
}

#products_cat li a:hover img{
    border:3px solid #fe6000;
}

.price {
    color: #d90100;
    font-size: 16px;
    font-weight: bold;
}

#new {
    width: 300px;
    padding:0 20px 0 30px;
}

#new li {
    border-bottom: 1px solid #e6e6e6;
    height: 36px;
    line-height: 34px;
    padding: 0 0 0 15px;
}

#new li a {
    font-weight: bold;
    color:#34434e;
    text-decoration: none;
    float: left;
}

#new li span {
    float:right;
    color: #d90100;
    font-weight: bold;
}

#oneProduct {
    padding:0 20px 0 20px;
    border-bottom: solid 10px #e6e6e6;
}

#oneProduct h3{
    color:#0a1823;
    font-size:14px;
}

#oneProduct div {
    padding:20px 0 0 0;
}

#productImages {
	padding:0 !important;
	float: right;
	width: 196px;
	margin-bottom: 5px;
}

#productImages img{
	float: right;
	
}

a.lightbox img {
    border: 3px solid #e6e6e6;
    margin-left:4px;
    margin-bottom:4px;
}

a.lightbox:hover img {
    border: 3px solid #fe6000;
}

div.in {
    padding:10px;
}

/* CONTACT FORM CSS */
form.cf {
    clear:both;
}

form.cf input {
    border:1px solid #767676;
    height:16px;
    width:200px;
}

form.cf label{
    display:block;
    margin-bottom:3px;
}

form.cf label span{
    display:inline-block;
    float:left;
    padding-right:6px;
    width:100px;
    text-align:left;
    font-weight:bold;
}

form.cf .captcha{
    width: 50px;
}

form.cf textarea{
    width: 312px;
    border:1px solid #767676;
    height: 80px;
}

form.cf .submit{
    width: 154px;
    height: 24px;
    text-transform: uppercase;
    background: url(../images/cats_menu.gif) 0 50%;
    color:#fff;
    border:0;
    font-weight: bold;
}

p.success {
    border:solid 1px #088f41;
    color: #088f41;
    padding:2px 5px 2px 5px;
    background: #dfffe9;
}

p.error {
    border:solid 1px #d6191f;
    color: #d6191f;
    padding:2px 5px 2px 5px;
    background: #ffdfe1;
}
/* END CONTACT FORM CSS */

/* pagination */

.pagination {
    padding: 3px;
    margin: 3px;
    text-align:center;
    clear: both;
}

.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #ffa56f;
    text-decoration: none;
    color: #5e0101;
}

.pagination a:hover, .pagination a:active {
    border: 1px solid #999;
    color: #666;
}
.pagination .current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #036CB4;
    font-weight: bold;
    background-color: #06a;
    color: #FFF;
}
.pagination .disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}

.similar{
    margin:0;
}

.similar li {
    padding: 2px 2px 2px 15px;;
    background: url(../images/bullet.gif) no-repeat 0 5px;
}

.contacts img{
    margin-right: 10px;
}

.contacts h3{
    padding-bottom: 5px;
}

#list_product{
    width: 100%;
    padding:0 20px 0 20px;
}

#list_product tr th {
    background: #e6e6e6;
    padding:4px;
    font-weight: bold;
}

#list_product tr td {
    padding:3px 4px 3px 4px;;
}

#list_product tr td span.price {
    font-size: 11px !important;
    text-align: right;
}

#list_product tr td a{
    text-decoration: none;
}

#list_product tr.odd {
    background: #efefef;
}

#list_product tr.even {
    background: red;
}

a.thumb img{
    border:3px solid #e6e6e6;
    margin-right: 10px;
}

a.thumb:hover img{
    border:3px solid #fe6000;
}

#prevNext{
    clear: both;
    padding:4px 20px 4px 20px;
}

#prevNext a{
    padding:1px 4px 1px 4px;
    background: #e6e6e6;
    text-decoration: none;
}

#prevNext .prev{
    float:left;
}

#prevNext .next{
    float:right;
}



.border{
    background:#E6E6E6;;
    border-spacing:1px;

}
.border th{
    background:#EFEFEF;
}

.border td,th{
    background:#fff;
    padding:4px;
}

.one td {
    border:1px solid #E6E6E6;
    margin-bottom:10px;
    background-color:#EFEFEF;
}

#str h3 {
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #E6E6E6;
    padding:4px 0 4px 0;
}

#str h4 {
    font-weight: bold;
    font-size: 12px;
    padding:4px 0 4px 5px;

}

.pdf{
    border:1px solid #E6E6E6;
    background-color:#F4F4F5;
    padding:4px;
    font-weight:bold;
    float:left;
    margin:2px 8px 2px 8px;
    *margin:2px 2px 2px 2px;
}

.pdf span{
    float:left;
    width:440px;
}

.pdf a{
    float:right;
    width:100px;
    text-align:right;
}

.pdf img{
    margin:4px 4px 0 2px;
}