body { margin:0; padding:0; color: #000; font: 75%/1.5 Verdana, Tahoma, sans-serif; background: #000 url(images/bg-page.jpg) no-repeat left top; }
img,
fieldset,
legend { border:0; margin: 0px; padding: 0px; }
hr { display:none }
form { margin:0; padding: 0px; }
input,
select,
textarea { font: 100% Verdana, Geneva, sans-serif; border: 1px solid #c9c9c9; color: #333; padding-right: 5px; padding-left: 10px; }
select { border:1px solid #c9c9c9 }
table { font-size:100%; margin:0.5em 0; padding:0; border:0; border-collapse:collapse; }
h1,
h2,
h3,
h4,
h5,
h6 { margin:5px 0; color: #000; font-size: 200%; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; }
h1 { font-size: 164.25%; margin: 0px; padding: 0px; }
p,
div,
hr,
form { padding: 0px; margin: 0px; }
a { color: #000; }
a:hover { text-decoration: none; }
.cleaner { margin: 0px auto; width: 100%; visibility: hidden; clear: both; font-size: 0%; display: block; }
.leftcolumn .cleaner { width: 95%; }

.button { background: url(images/button.png) no-repeat right 0px; text-align: center; height: 25px; width: auto; display: block; padding-right: 25px; line-height: 25px; color: #FFF; text-decoration: none; font-size: 1em; padding-left: 18px; }
.button:hover { background-position: right -25px; }
input.button { width: auto; border-style: none; cursor: pointer; font-weight: bold; padding-right: 37px; padding-left: 28px; }
input.submit { background: url(images/bg-button-long.png) no-repeat; height: 25px; width: 196px; text-transform: uppercase; color: #FFF; font-weight: bold; line-height: 25px; border-style: none; cursor: pointer; }
.button.btop { font-size: 1em; line-height: 38px; font-weight: bold; background: url(images/bt-top.gif) no-repeat 0px 0px; height: 32px; width: 130px; padding-right: 25px; padding-left: 25px; }
.button.btop:hover { background: url(images/bt-top.gif) no-repeat; }
.button.bnext { margin-top: 7px; }
#buttons { clear: both; float: left; width: 100%; height: 35px; margin: 0px; padding: 0px; }

#buttons .button { float: left; margin-right: 40px; font-size: 1em; font-weight: bold; margin-left: 0px; width: auto; text-align: center; } 
#buttons .button.breg { width: 200px; }


#header,
.content,
#footer { margin: 0px auto 0px 180px; clear: both; }
#header { width: 990px; height: 319px; background: url(images/bg-header.png) no-repeat 0px 0px; }

#menu { display: block; list-style: none; margin: 55px 0px 0px; padding: 0px; width: 70%; float: left; height: 38px; line-height: 38px; }
#menu li { display: block; float: left; height: 38px; width: auto; padding-left: 1px; background: url(images/bg-topmenu.gif) no-repeat; position: relative; }

#menu li a { display: block; height: 38px; width: auto; padding-right: 14px; padding-left: 13px; color: #ffffff !important; text-decoration: none; float: left; }
#menu li a:hover,#menu li a.hovered { background: url(images/bg-topmenu-hover.png) repeat-x; }
#menu li.home a { width: 37px; display: block; background: url(images/home.png) no-repeat 0px 0px; }
#menu li.home a:hover { background-position: 0px -38px; }
.hovered{/*background:#ffffff;padding:0 19px 0 19px !important;color:#1b77c9 !important;border:1px solid #b9b9b9;border-bottom:none;border-top:none;*/ cursor: default; }
#menu ul{ width:auto; height:auto; position:absolute; left:0; top:38px; width:153px; border-top:0 solid #ba1000; display:none; z-index:500; margin: 0px; padding: 0px; border-right: 1px solid #ba1000; border-bottom: 1px solid #ba1000; border-left: 1px solid #ba1000; }
#menu ul li{ float:none; background: url(images/bg-li-hovered.png) no-repeat center bottom; margin: 0px; padding: 0px; }
#menu ul li a{ display:block; width:143px; text-align:center; padding:0px 5px; margin:0px; background: #b30f00 url(images/bg-li-hovered.png) no-repeat center bottom; }
#menu ul li a:hover{color:#ffffff !important;background:#9d0c00;}
#langmenu { display: block; margin: 55px 0px 0px; padding: 0px; float: right; height: 38px; width: 23%; list-style: none; text-align: right; line-height: 38px; font-size: 0.9em; }
ul#langmenu li { display: inline-block; padding-right: 13px; padding-left: 14px; height: 38px; background: url(images/bg-topmenu.gif) no-repeat left top; float: right; }
#langmenu li a { color: #FFF; }
#menu li.first,
#langmenu li.first ,#menu li.home{ background: none; }
#slogan,
#slogan a { display: block; float: left; height: 175px; width: 635px; overflow: hidden; }
#slogan a { width: 210px; padding-left: 425px; color: #FFF; text-decoration: none; font: italic 32px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 90px; padding-top: 85px; }
#slogan a em { font-size: 21px; display: block; text-align: right; line-height: 20px; }
#searchform { clear: both; float: left; margin-top: 7px; padding-left: 34px; }
input#searchinput { line-height: 22px; background: url(images/bg-search.png) repeat-x; height: 20px; color: #DF3333; font-size: 10px; border: 1px solid #7F0A00; width: 154px; float: left; margin-right: 7px; }
input#searchsubmit { color: #DF3333; font-size: 10px; background: url(images/bt-search.gif); height: 25px; width: 64px; cursor: pointer; border-style: none; float: left; text-align: center; text-indent: 5; padding: 0px 11px 2px 0px; }

.content { width: 990px; background: #e8e8e8 url(images/savekey.jpg) no-repeat 200px 0px; position: relative; }
.content.nob { background: #E8E8E8; }
.secondmenu { display: block; list-style: none; margin: 0px; padding: 0px; height: 90px; width: 577px; position: absolute; left: 389px; top: -50px; z-index: 500; }
#home .secondmenu { height: 310px; }
.secondmenu li { display: block; float: left; height: 90px; width: 190px; margin-right: 2px; }
#home .secondmenu li { height: 310px; }
.secondmenu li a { display: block; height: 30px; width: 185px; background: #FFF; padding-top: 60px; padding-left: 5px; }
#home .secondmenu li a { height: 310px; padding: 0px; width: 190px; }
.secondmenu #m1 a { background: url(images/m1.png) no-repeat 0px 0px; }
.secondmenu #m2 a { background: url(images/m2.png) no-repeat 0px 0px; }
.secondmenu #m3 a { background: url(images/m3.png) no-repeat 0px 0px; }
.secondmenu a { text-decoration: none; font-size: 14px; }
.secondmenu a span { color: #c00; }
.secondmenu a:hover { text-decoration: underline; }
#home .secondmenu #m1 a { background: url(images/bm1.jpg) no-repeat 0px 0px; }
#home .secondmenu #m2 a { background: url(images/bm2.jpg) no-repeat 0px 0px; }
#home .secondmenu #m3 a { background: url(images/bm3.jpg) no-repeat 0px 0px; }
.secondmenu #m1 a:hover,
.secondmenu #m2 a:hover,
.secondmenu #m3 a:hover { background-position: -190px 0px; }
#home .secondmenu #m1 a:hover,
#home .secondmenu #m2 a:hover,
#home .secondmenu #m3 a:hover { background-position: -190px 0px; }

.leftcolumn { float: left; width: 338px; padding: 25px 10px 30px 30px; }
.company { font-size: 1.4em; width: 52%; display: block; height: 200px; padding-top: 0px; line-height: 1.2em; margin-bottom: 10px; float: left; }
.leftcolumn #leftform { padding-top: 20px; }
#leftform p { font-size: 17px; color: #C00; text-indent: 0; margin: 0px; padding: 0px; clear: both; display: block; width: 98%; }
#leftform .input  { background: url(images/bg-inputform.gif) repeat-x; height: 32px; width: 224px; color: #666; line-height: 32px; clear: both; }
#leftform label { clear: both; display: block; font-size: 0.8em; color: #666; padding: 3px 0px 0px; float: left; width: 98%; }
#leftform .check { float: left; }
#leftform span { display: block; float: left; padding-left: 3px; padding-top: 3px; }
#leftform label a { color: #666; }
#leftform .button { clear: both; margin-top: 10px; float: left; }

.rightcolumn { float: right; width: 575px; margin-top: 70px; padding-left: 10px; padding-right: 25px; padding-bottom: 45px; }
#home .rightcolumn { margin-top: 261px; padding-left: 10px; width: 600px; padding-bottom: 45px; padding-right: 0px; }
.hbox { float: left; width: 187px; padding-left: 5px; }
.hbox h2,
.content h1 { font-size: 30px; color: #CC0000; }
.hbox h2 span,
.content h1 span { font-size: 20px; color: #000; line-height: 20px; display: block; clear: both; }
.hbox p { margin-top: 10px; margin-bottom: 10px; }

.content table { border: 1px solid #c9c9c9; margin-top: 25px; }
.content table tr th { color: #FFF; background: #c00; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 14px; border-style: none; }
.content table tr td { font-size: 90%; background: #FFF; padding: 15px; vertical-align: top; }
.content h1 { font-size: 45px; line-height: 45px; }
.content h1 span,
.content h3 { font-size: 30px; } 
.content h2,
#shop .content h2 { font-size: 20px; display: block; padding-left: 22px; line-height: 22px; background: url(images/bg-h3.png) no-repeat 0px 3px; margin-top: 30px; padding-bottom: 10px; width: 94%; clear: both; }
#shop .content h2{ margin-top: 10px; }
.hbox h2 { padding: 0px; margin: 10px 0px 0px; width: 180px; background: none; font-size: 30px; }
.hbox .button.bnext { width: 120px; padding-right: 10px; padding-left: 0px; }
.content h4 { font-size: 1em; font-weight: bold; color: #C00; }
.content h5 { font-size: 1em; font-weight: bold; color: #000; }
.content p { margin-top: 15px; margin-bottom: 10px; }
#shop .content h2 { margin-top: 30px; }
.product { clear: both; float: left; width: 100%; }
.product img { float: left; margin-right: 20px; }
.content .product h3 { float: left; background: none; margin: 0px; padding: 20px 0px 0px; font-size: 1.2em; font-weight: bold; width: 70%; }
.product .action { display: block; float: left; width: 70%; color: #c00; font-size: 1.2em; font-weight: bold; margin-top: 5px; }
.product table { float: left; margin: 0px; border-style: none; }
.product table tr td { background: none; border-style: none; padding: 0px; font-size: 1em; }
.product table td strong { font-weight: normal; color: #c00; }
.product .prodPrice { font-weight: bold; text-align: right; padding-right: 15px; }
input.count { height: 18px; width: 33px; background: url(images/bg-input-count.gif) repeat-x; text-align: center; padding: 0px; margin-top: 1px; margin-bottom: 1px; }
input.btnBasket { float: left; color: #FFF; background: url(images/bt-basket.png); height: 32px; width: 130px; padding-bottom: 12px; padding-right: 0px; padding-left: 0px; margin-top: 10px; border-style: none; cursor: pointer; }
.content .table1 ,.content .table2{ margin-top: 0px; border-style: none; }
.content .table1 tr th { color: #000; font-size: 0.8em; font-weight: normal; background: #D1D1D1; padding: 5px 5px 5px 10px; text-align: right; }
.content .table1 tr .aLeft { text-align: left; }
.content .table1 tr .aCenter { text-align: center; padding-left: 5px; }
.content .table1 tr .aRight { text-align: right; }
.content .table1 tr td { background: none; font-size: 1em; padding: 3px 5px 3px 0px; font-weight: bold; border-top: 1px solid #D1D1D1; }
.content .table1 tr .separator { padding: 0px; border-style: none; height: 10px; }
.content .table1 tr .allPrices { font-size: 0.9em; text-align: right; font-weight: normal; padding-top: 10px; padding-bottom: 10px; }
.content .table1 tr .finalPrice { font-size: 1.2em; color: #C00; text-align: right; border-style: none; } 
.content .table1 tr .pName { padding-left: 10px; }
.content .table1 tr .pCount { padding-left: 9px; }
.table1 input.count { float: left; margin-right: 2px; }
.table1 a.recount { background: url(images/bt-recount.gif) no-repeat 0px 0px; display: block; height: 21px; width: 21px; float: left; }
.table1 a.recount:hover {background-position: -21px 0px;}
.content .table1.shipping tr td { font-size: 0.9em; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
.content .table1.shipping .first td { border-style: none; } 
.content .table1.shipping tr td input { height: auto; width: auto; border-style: none; }
#shop .content .table2 { margin-top: 12px; margin-bottom: 30px; }
.content .table2 tr td { background: none; padding: 0px; font-size: 1em; vertical-align: middle; } 
.content .table2 tr td.pRight { padding-right: 10px; }    
.content .table2 input { background: url(images/bg-input-count.gif) repeat-x; height: 18px; width: 210px; margin-top: 2px; margin-bottom: 1px; margin-left: 8px; color: #333; padding-left: 5px; }
.content .table2 input.longinput{ width: 508px; }
.content .table2 input.shortinput { width: 70px; }
.table2 tr td a { color: #C00; }
.content .table2 tr td .ph1 { width: 35px; float: left; }
.content .table2 tr td .ph2 { width: 155px; float: left; }  
.table2.registration { margin-top: 20px; }
.content .table2 tr .radiob{ padding-top: 3px; padding-bottom: 3px; }
.table2 tr .radiob input,
.table2 tr .radiob label { display: block; float: left; }
.table2 tr .radiob label { padding-right: 30px; padding-left: 8px; }
.table2 tr #serial { padding-top: 10px; padding-bottom: 20px; }
.table2 #serial label { font-weight: bold; color: #C00; }
.table2 #serial input { height: 28px; width: 21px; text-align: center; font-size: 20px; padding-right: 0px; padding-left: 0px; margin-left: 3px; }
.content .table1.finalTable tr th { background: none; border-bottom: 2px solid #D1D1D1; padding-bottom: 1px; }
.content .table1.finalTable .pCount { font-weight: normal; text-align: center; }
.addressType { float: left; width: 50%; margin: 0px 0px 30px; color: #333; }
#shop input.submit { margin-top: 30px; }
.captcha { clear: both; width: 100%; float: left; margin-bottom: 15px; margin-top: 15px; }
.captcha #captcha { display: block; float: left; height: 57px; width: 162px; margin-right: 11px; }
.captcha #captcha img { float: left; height: 55px; width: 160px; border: 1px solid #C9C9C9; }
.captcha strong { display: block; float: left; width: 65%; height: 39px; }
.captcha .captchaInput { background: url(images/bg-input-count.gif) repeat-x; text-transform: uppercase; float: left; width: 90px; text-align: center; padding-right: 5px; padding-left: 5px; }

.red { color: #C00; }
.small { font-size: 95%; }
.check ,.content .table2 input.check{ height: auto; width: auto; border-style: none; background: none; }
small { font-size: 85%; }

#footer { height: 241px; width: 990px; background: #222 url(images/bg-footer.png) repeat-x; position: relative; }
#footer * { color: #CCC; font-style: normal; }
#footer a { color: #FF0000; }
#footer address { display: block; float: left; padding-left: 30px; background: url(images/bg-address.png) no-repeat 30px 0px; padding-top: 80px; font-size: 11px; line-height: 1.5em; }
#footer ul { display: block; list-style: none; margin: 21px 0px 0px; padding: 0px; float: right; height: 23px; width: 50%; line-height: 23px; }
#footer ul li { display: block; float: left; padding-right: 14px; padding-left: 15px; background: url(images/bg-li-footer.png) no-repeat; }
#footer ul .first { background: none; }
#footer ul li a { color: #CCC; text-decoration: none; }
#footer p { display: block; float: right; width: 30%; text-align: right; padding-right: 25px; margin-top: 80px; font-size: 11px; }
#footer p a { color: #CCC; text-decoration: none; }
#footer ul li a:hover,
#footer p a:hover { color: #F00; text-decoration: underline; }
#moo { display: block; height: 18px; width: 16px; position: absolute; top: 0px; right: 16px; background: url(images/bg-moo.png) no-repeat; }
.hidden { display:none; }