

body {
    background: #000;
    padding: 0px;
    margin: 0px;
}

body, td {
/*  font size and family  */
    font-size: 12px;
    color: #000;
    font-family: Tahoma;    
}

a,
a:visited {
    color: #c20000;
}

a,
a:visited {
    text-decoration: none
}

.attantion {
    color: #e40000;
}

.image-left {
    float: left;
    margin: 0px 10px 10px 0px;
}

.image-right {
    float: left;
    margin: 0px 0px 10px 10px;
}    

.imageborder {
    border: 1px solid #000;
    margin: 5px 10px 10px;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.grey {
    color: #c0c0c0;
}

.f10 {
    font-size: 10px
}

.black, .black:visited {
    color: #000;
}

.black:hover, .black:visited:hover {
    text-decoration: underline;
}

.w200 {
    width: 200px;
}

.w400 {
    width: 400px;
}

.w120 {
    width: 120px;
}

.w320 {
    width: 320px;
}

.w70 {
    width: 70px;
}

.h120 {
    height: 120px;
}

.red {
    color: #f00;
}

.wr {
    clear: left;
    width: 1000px;
    margin: 0 auto;
}

.wr2 {
    clear: left;
    width: 980px;
    margin: 0 auto;
}

.clear {
    clear: left;
    width: 100%;
}

.brd1 {
    background: url(/resources/images/layout/brd.gif) top repeat-x;
}

.brd2 {
    background: url(/resources/images/layout/brd2.gif) bottom repeat-x;
}

.text-right {
    text-align: right;
}

#root {
    width: 100%;
    background: url(/resources/images/layout/bg.gif) top center repeat-x;
    min-height: 500px;
}

#top {
    background: url(/resources/images/layout/tbg.png) center 9px no-repeat;
    width: 100%;
    margin: 0 auto;
    height: 147px;
}

#top #logo,
#top #logo img {
    width: 300px;
    height: 140px;
    border: 0px;
    float: left;
}

#top #logo {
    background: url(/resources/images/layout/logo.png) no-repeat;
}

#bottom {
    margin: 10px 0px 0px 0px;
}

#bottom .wr2 {                                                     
    background: url(/resources/images/layout/bottom.gif) no-repeat;
    height: 200px;
}

#menu {
    width: 670px;
    float: left;
    margin: 105px 0px 0px 30px;
}

#menu ul {
    list-style: none;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu ul li {
    float: left;
    margin: 1px 7px 0px;
}

#menu ul li div {
}

#menu ul li div div {
    padding: 14px 15px 10px;
}

#menu ul li a,
#menu ul li a:visited {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

#menu ul li a:hover {
    color: #a4a4a4;
}

#menu ul li.selected  {
    background: url(/resources/images/layout/mb.gif) top;
}

#menu ul li.selected div {
    background: url(/resources/images/layout/ml.gif) left top no-repeat;
}

#menu ul li.selected div div {
    background: url(/resources/images/layout/mr.gif) right top no-repeat;
    
}


#flash .wr2 {
    clear: left;   
}

#banners {
    margin: 10px 0px 0px 0px;
}

#banners .wr2 {
    height: 160px;
}

#banners img {
    border: 0px;
    float: left;
}

#banners .c2 img {
    margin: 0px 6px;
}

#action  {
    margin: 10px 0px 0px 0px;
}

#action .wr2 {
    height: 114px;
    /*background: url(/resources/images/temp/action.png) no-repeat;*/
}

#action .wr2 div {
    /*padding: 25px 0px 0px 100px;*/
}

#action .wr2 div img {
    border: 0px;
}

#changable { margin: 10px 0px 0px 0px; }
#changable .wr2 { height: 114px; overflow: hidden; }
#changable .wr2 .flayer {
    background: url(/resources/images/layout/chbg.png) no-repeat;
    width: 981px;
    height: 114px;
    position: absolute;
}
#changable .wr2 .flayer a {
    height: 114px;
    width: 100%;
    display: block;
}
#changable .wr2 img {
    margin-top: 3px;
    margin-left: 3px;
    width: 975px;
    height: 108px;
}
    
    

/*#action .wr2 div h2,
#action .wr2 div h4 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#action .wr2 div h2 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
}

#action .wr2 div h2 span {
    color: #810005;
}

#action .wr2 div h4 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
}

#action .wr2 div a,
#action .wr2 div a:visited {
    display: block;
    font-size: 18px;
    color: #ed1c24;
    text-decoration: none;
    padding: 2px 0px 0px 0px;
}
*/
#news {
    margin: 10px 0px 0px 0px;
    
}

.block {
    background: #b8b7b6 url(/resources/images/layout/b/b-bg.gif) top repeat-x !important;
}

.block .t,
.block .t div,
.block .t div div,
.block .b,
.block .b div,
.block .b div div {
    height: 8px !important;
    font-size: 1px;
}

.block .t { background: url(/resources/images/layout/b/b-t.gif) top repeat-x !important; }
.block .t div { background: url(/resources/images/layout/b/b-tl.gif) top left no-repeat !important; }
.block .t div div { background: url(/resources/images/layout/b/b-tr.gif) top right no-repeat !important; }
.block .b { background: url(/resources/images/layout/b/b-b.gif) top repeat-x !important; }
.block .b div { background: url(/resources/images/layout/b/b-bl.gif) top left no-repeat !important; }
.block .b div div { background: url(/resources/images/layout/b/b-br.gif) top right no-repeat !important; }

.block .c { background: url(/resources/images/layout/b/b-l.gif) left repeat-y !important; }
.block .cr { background: url(/resources/images/layout/b/b-r.gif) right repeat-y !important; }

.block .cr {
    min-height: 200px !important;
}


.block2 {
    background: #f1f1f1;
}

.block2 .t,
.block2 .t div,
.block2 .t div div,
.block2 .b,
.block2 .b div,
.block2 .b div div {
    height: 9px;
    font-size: 1px;    
}

.block2 .t { background: url(/resources/images/layout/b2/cb-t.gif) top repeat-x; }
.block2 .t div { background: url(/resources/images/layout/b2/cb-tl.gif) top left no-repeat; }
.block2 .t div div { background: url(/resources/images/layout/b2/cb-tr.gif) top right no-repeat; }
.block2 .b { background: url(/resources/images/layout/b2/cb-b.gif) top repeat-x; }
.block2 .b div { background: url(/resources/images/layout/b2/cb-bl.gif) top left no-repeat; }
.block2 .b div div { background: url(/resources/images/layout/b2/cb-br.gif) top right no-repeat; }

.block2 .c { background: url(/resources/images/layout/b2/cb-l.gif) left repeat-y; }


.block2 .cr {
    min-height: 200px;
}

.block3 {
    background: #fff !important;
}

.block3 .t,
.block3 .t div,
.block3 .t div div,
.block3 .b,
.block3 .b div,
.block3 .b div div {
    height: 5px !important;
    font-size: 1px;    
}

.block3 .t { background: url(/resources/images/layout/b3/b2-t.gif) top repeat-x !important; }
.block3 .t div { background: url(/resources/images/layout/b3/b2-tl.gif) top left no-repeat !important; }
.block3 .t div div { background: url(/resources/images/layout/b3/b2-tr.gif) top right no-repeat !important; }
.block3 .b { background: url(/resources/images/layout/b3/b2-b.gif) top repeat-x !important; }
.block3 .b div { background: url(/resources/images/layout/b3/b2-bl.gif) top left no-repeat !important; }
.block3 .b div div { background: url(/resources/images/layout/b3/b2-br.gif) top right no-repeat !important; }
      
.block3 .c { background: url(/resources/images/layout/b3/b2-l.gif) left repeat-y !important; }
.block3 .cr { background: url(/resources/images/layout/b3/b2-r.gif) right repeat-y !important; }

.block3 .cr {
    min-height: 0px !important;
    padding: 5px 10px;
}

.block4 {
    background: #fff !important;
}

.block4 .t,
.block4 .t div,
.block4 .t div div,
.block4 .b,
.block4 .b div,
.block4 .b div div {
    height: 7px !important;
    font-size: 1px;    
}

.block4 .t { background: url(/resources/images/layout/b4/b3-t.gif) top repeat-x !important; }
.block4 .t div { background: url(/resources/images/layout/b4/b3-tl.gif) top left no-repeat !important; }
.block4 .t div div { background: url(/resources/images/layout/b4/b3-tr.gif) top right no-repeat !important; }
.block4 .b { background: url(/resources/images/layout/b4/b3-b.gif) top repeat-x !important; }
.block4 .b div { background: url(/resources/images/layout/b4/b3-bl.gif) top left no-repeat !important; }
.block4 .b div div { background: url(/resources/images/layout/b4/b3-br.gif) top right no-repeat !important; }
      
.block4 .c { background: url(/resources/images/layout/b4/b3-l.gif) left repeat-y !important; }
.block4 .cr { background: url(/resources/images/layout/b4/b3-r.gif) right repeat-y !important; }

.block4 .cr {
    min-height: 0px !important;
    padding: 2px 4px;
}




#copy {
    float: left;
    display: block;
    margin: 30px 0px 0px 30px;
}

#copy img {
    border: 0px;
}

#counters {
    float: right;
    margin: 30px 30px 0px 0px;
}

#content {
    margin: 10px 0px 0px 0px;
}

#content .left {
    width: 259px;
    float: left;
}

#content .right {
    width: 720px;
    float: left;
}

#content .m {
    padding: 10px 20px 50px;
}

#content .lmenu {
    color: #686767;
}

#content .lmenu h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#content .lmenu h2 {
    font-size: 18px;
    color: #727272;
    font-weight: normal;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 10px 0px;
}

#content .lmenu h2 a,
#content .lmenu h2 a:visited {
    font-size: 18px;
    color: #727272;
    font-weight: normal;
}

#content .lmenu .desc { 
    padding: 0px 0px 10px 0px;
}

#content .lmenu .desc a {
    font-weight: bold;
    color: #f00;
}

#content p {
    line-height: 18px;
    font-size: 12px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

#content .lmenu p {
    padding: 10px 0px 10px 0px;    
}

#content .lmenu ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#content .lmenu ul li {
    padding: 5px 0px;
}

#content .lmenu ul li a,
#content .lmenu ul li a:visited {
    font-size: 12px;
    font-weight: bold;
    font-weight: bold;
    color: #000;
}

#content .lmenu ul li a:hover,
#content .lmenu ul li a:visited:hover {
    text-decoration: none;
    color: #f00;
}

#content .lmenu ul li.l2 {
    padding-left: 15px;
    background: url(/resources/images/layout/level.gif) left 2px no-repeat;
}

#content .lmenu ul li.l3 {
    padding-left: 30px;
    background: url(/resources/images/layout/level.gif) 15px 2px no-repeat;
}

#content .lmenu ul li.selected a {
    color: #909090;
}

#content #cnt {
    color: #323232;
    padding-bottom: 30px;
    /*width: 675px;*/
    overflow: hidden;
}

#content #cnt h2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    color: #323232;
    font-weight: normal;
}

#content #cnt ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 20px;
}

#content #cnt p,
#content #cnt ul {
    line-height: 18px;
}

#content .banner {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}

#content .banner p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#content .banner img {
    border: 0px;
}

#content .clmenu h2 {
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 18px;
    color: #727272;
    font-weight: normal;
}

#content .clmenu h2 a {
    font-size: 18px;
    color: #727272;
    font-weight: normal;
}

#content .clmenu h2 a.sel {
    color: #000;
    text-decoration: underline;
}

#content .clmenu ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
}

#content .clmenu ul li {
    padding: 6px 0px 8px 10px;
    margin-bottom: 1px;
}

#content .clmenu ul li:hover {
    background: url(/resources/images/layout/clm-h.gif) no-repeat;
}

#content .clmenu ul li.selected {
    background: url(/resources/images/layout/clm-s.gif) no-repeat;
}
    
#content .clmenu ul li.opened {
    background: url(/resources/images/layout/clm-o.gif) no-repeat;
}

#content .clmenu ul ul li:hover,
#content .clmenu ul ul li {
    background-image: url(/resources/images/layout/level.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 3px 0px 0px 20px;
    margin: 4px 0px 4px 0px;
}

#content .clmenu ul ul {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 15px;
}

#content .clmenu ul ul li.l2 {
    padding-left: 15px;
}

#content .clmenu ul ul li.l3 {
    padding-left: 30px;
    background-position: 15px top;
}
    
#content .clmenu ul li a,
#content .clmenu ul li a:visited {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

#content .clmenu ul li a:hover,
#content .clmenu ul li a:visited:hover {
    text-decoration: none;
    color: #f00;
}

#content .clmenu ul li img {
    border: 0px;
    vertical-align: middle;
    width: 25px;
    height: 15px;
    margin: 0px 5px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
}

#content .items {
    padding: 10px 10px 20px 20px;
    
}

#content .spareparts {
    padding: 10px 20px 20px 20px;
}

#content .items h3 {
    color: #7c0000;
    font-weight: normal;
    font-size: 24px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

#content .items .item {
    float: left;
    width: 33%;
    height: 70px;
    padding: 0px 0px 10px 0px;
}

#content .items .item table {
    border-collapse: collapse;
}

#content .items .item table tr td {
    vertical-align: top;
}

#content .items .item table tr td.info {
    padding-left: 5px;
}

#content .items .item table tr td img {
    width: 85px;
    height: 70px;
    border: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
}

#content .items .item table tr td a,
#content .items .item table tr td a:visited {
    font-size: 18px;
    color: #323232;
    text-decoration: none;
}

#content .items .item table tr td a:hover,
#content .items .item table tr td a:visited:hover {
    text-decoration: underline;
}

#content .items .item table tr td span {
    font-size: 10px;
    color: #323232;
    display: block;
}

#content .grey {
    background: #ececec;
}

#content form input.button {
    width: 107px;
    height: 28px;
    color: #fff;
    background: url(/resources/images/layout/buy.gif) no-repeat;
    border: 0px;
    padding: 0px 0px 5px 0px;
    display: block;
    float: left;
    
}

#content .table td.img {
    width: 40px;
}

#content .table tr td {
    color: #323232;
    font-size: 12px;
    vertical-align: top;
    width: 50%;
}

#content .table tr td {
    padding: 5px;
}

#content .table tr.g td {
    background: #eaeaea;
}


  
.pager {
    padding: 20px;
    color: #000;
    text-align: center;
}

.pager span,
.pager a {
    padding: 0px 2px;
}

.pager a {
    text-decoration: none;
}

.pager dd {
    display: inline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
}

.textbox {
    border: 1px solid #c0c0c0;;
}

.selectbox {
    border: 1px solid #c0c0c0;;
}

.checkbox {
    vertical-align: middle;
}

label {
    vertical-align: top;
    padding-left: 5px;
}

.small {
    font-size: 11px;
    color: #c0c0c0;
}

.discount2 {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url(/resources/images/layout/discount.png) no-repeat;
    margin: 40px 0px 0px 55px;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}    
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;    
}            
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;    
}
