html,body{margin:0;padding:0}
body{font-size: 67.5%; font-family: "MS PGothic";text-align: center;color:#222;background: #bac6ed;padding-bottom:20px;letter-spacing:0.07em}
p{font-size:1.2em;margin-top:0px}
h1{font-size:1.9em}
h2{font-size:1.3em}
h3{font-size:1.5em}
form {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
input{border:1px solid #090909;color:#0F0F0F;padding:1px;}
a{color:#3355BB;}
a:hover{color:#ba1c1c;}
img.logo {border:none}
.right {text-align:right}
.center {text-align:center}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear:both;height:1px;overflow:hidden;}


div#header{width:100%;overflow:hidden;clear:both;background: #bac6ed}
div#header div#menu{width:990px;margin:0 auto;background: #000003 url(../images/navbar990b.png) left repeat-y;}

div#logocont {width:990px;vertical-align:bottom;margin:0 auto 0px;padding:0px 0 0px;background: #000002 url(../images/navbar990b.png) left repeat-y;}

ul#langsel {font-family: Arial,sans-serif;list-style-type:none;float:left;font-size:8pt;margin:0px 0px 0px 13px;padding:6px 0px 0px 0px;background:#000000;}
ul#langsel li{float:left;margin-left: 3px;text-align: center}
ul#langsel a{float:left;width:40px;color:#57D}
ul#langsel a:hover{color:#FFF}
ul#langsel a.activelang{color:#FFF}

ul#nav{list-style-type:none;float:right;font-size:1.3em; margin:0px 10px 0px 0px;padding:0px 10px 0px 0px;background:#000000}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #000000;text-decoration:none;font-weight:normal;color: #f2ab35;}
ul#nav a.store{color: #57D;font-weight:bold}
ul#nav a:hover{background: url(../images/navbut2.png) top left;color: #000;}
ul#nav a:hover.store{color: #57D;font-weight:bold}
ul#nav li.activelink a{background: url(../images/navbut2.png) top left;color: #000}
ul#nav li.activestore a{background: url(../images/navbut2.png) top left;color: #57D}

div#container{display:block;width:990px;margin:0px auto 10px auto;padding:0px 0px 0px 0px;text-align:left; background: url(../images/leftedge990b.png) left repeat-y;}
div#container span#bedge{display:block;vertical-align:bottom;height:21px;margin:0;padding:0;background: url(../images/bottom990b.png) bottom no-repeat;}
div#submenu{width:970px;height:27px;margin:0px 0px 0px 10px;border-top:2px solid #f2ab35;background:#EEE url(../images/whitenav.png) left top repeat-x;}
ul#subnav {list-style-type:none;float:left;font-size:1.2em;line-height:2.2em;margin:0px 0px 0px 10px;padding:0px 0px 0px 0px}
ul#subnav li{display:block;float:left;text-align:center;margin:0px 10px 0px 10px;padding:0px 0px 0px 0px}
ul#subnav a{float:left;padding:0;text-decoration:none;font-weight:normal;color:#000;padding:0px 3px 1px 3px;}
ul#subnav a:hover{font-weight:normal;color:#ba1c1c;border-bottom:1px solid #ba1c1c;padding-bottom:0px}
ul#subnav a.activesubnav{font-weight:normal;color:#3355BB;border-bottom:1px solid #3355BB;padding-bottom:0px}
div#content{clear:left;display:inline;float:left;width:750px;margin:10px 0px 0px 20px;background:#FFF}
div#fullcontent{clear:left;width:500px;margin:10px auto 0px auto;background:#FFF;}

div.titlebar{width:750px;border-top:1px solid #e6e6e6;vertical-align:bottom;height:20px;margin:0px 0px 10px 0px;padding:5px 0px 0px 0px;}
.boxbarb {background: #e8ecf9 url(../images/bluetop750.png) top left no-repeat;padding:5px 0px 0px 10px;font-size:1.4em;height:1.5em;font-weight:bold;}
.boxbodyb {background:#e8ecf9;border-left:1px solid #D8DFF9;border-bottom:1px solid #D8DFF9;border-right:1px solid #D8DFF9;}
.boxbarg {background: #e8ecf9 url(../images/graytop750.png) top left no-repeat;padding:5px 0px 0px 10px;font-size:1.4em;height:1.5em;font-weight:bold;}
.boxbodyg {background:#eee;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.prodback {background: #e8ecf9 url(../images/productback460b.png) bottom right no-repeat;}
.wbbar {color:#3355BB;background:url(../images/grayfade40.png) top left repeat-x;}
.wgbar {color:#518d3d;background:url(../images/grayfade40.png) top left repeat-x;}
.wobar {color:#f2ab35;background:url(../images/grayfade40.png) top left repeat-x;}
.wrbar {color:#ba1c1c;background:url(../images/grayfade40.png) top left repeat-x;}
span.title {display:block;vertical-align:bottom;font-size:1.7em;font-weight:bold;padding:0px 0px 0px 13px}

div.newsitem{display:block;width:720px;margin:0px 0px 0px 13px}
div.newsitem img{clear:right;margin:0px 0px 10px 15px;border:1px solid #EEE;padding:10px 10px 10px 10px;}
div.newsitem img.noborder{border:none;padding:0px 5px 0px 0px; margin:0px 0px 0px 10px}
div.newsitem li{margin:0px 0px 3px 13px;font-size:1.3em;color:#888;list-style-position:outside}
div.newsitem table{font-size:1.2em;}
.newstitle{clear:both;font-size:1.5em;font-weight:bold;padding:5px 0px 0px 0px}
.newsdate {font-size: 1.2em;color:#888;padding:3px 0px 10px 10px}

img.inlogonb{position:relative;float:right;padding: 5px 0;margin: 0px 2px 4px 0px}

div.newslink {font-size:1.4em;line-height:1.3em;padding-top:5px;}
div.newslink a{text-decoration:none;padding-bottom:0.5px;font-weight:bold;/* border-bottom:1px solid #3355BB */}
div.newslink a:hover{border-bottom:1px solid #ba1c1c;font-weight:bold}

div.linkdate {font-size:1.2em;color:#888;padding:3px 10px 5px 10px;margin-left:10px;border-bottom:1px dotted #CCC}
a.morenews{display:block;text-align:right;font-size:0.9em;font-weight:normal;margin:0px 10px 0px 0px;}
.newpic {background:url(../images/new48.png) top right no-repeat;}
.newsline {padding:3px 0px 3px 0px}
.newsline a{text-decoration:none;border-bottom:1px solid #3355BB}
.newsline a:hover{text-decoration:none;border-bottom:1px solid #ba1c1c}

div.newsbox {padding:4px 2px 0px 0px;margin:0px 4px 5px 0px}
div.newsbox p{font-size:1.3em;line-height:1.5em;color:#222;text-align:justify}
div.newsbox li{color:#222}
.newsnav {font-size:1.3em;margin:10px 0px 10px 10px;clear:both}
.navdate {font-style:italic;color:#888}

a.pdfbox{float:left;color:#3355BB;font-size:1.1em;line-height:1.2em;border:1px dashed #ddd;background:#f7f7f7 url(../images/pdf40.gif) 8px no-repeat;padding:15px 5px 15px 65px;margin:0px 0px 5px 0px;text-decoration:none}
a.pdfbox:hover{color:#ba1c1c;background:#f3f3f3 url(../images/pdf40.gif) 8px no-repeat;text-decoration:none}

div#blockspace {clear:both;height:93px;margin:0;padding:0;}
div.block {float:left;width:180px;height:93px;margin:0 10px 0 0;}
div.block1 {background: url( '../images/block1_jp.png' ) 0 -93px no-repeat;}
div.block2 {background: url( '../images/block2_jp.png' ) 0 -93px no-repeat;}
div.block3 {background: url( '../images/block3_jp.png' ) 0 -93px no-repeat;}
div.block4 {background: url( '../images/block4_jp.png' ) 0 -93px no-repeat;}
div.block a{display:block;width:100%;height:100%;overflow:hidden;font-weight:bold;text-decoration: none;color:#555}
div.block1 a{background: url( '../images/block1_jp.png') top left no-repeat;}
div.block2 a{background: url( '../images/block2_jp.png') top left no-repeat;}
div.block3 a{background: url( '../images/block3_jp.png') top left no-repeat;}
div.block4 a{background: url( '../images/block4_jp.png') top left no-repeat;}
div.block a:hover {background-image: none;color:#000}
div.blockadjust {margin-right:0}
div.block p{display:block;font-size:1.1em;margin:0;padding:6px 5px 3px 0px;}
span.btitle {display:block;font-weight:bold;font-size: 1.7em;width:10em;margin:0;padding:16px 5px 3px 0px;color:#222;text-align:center;}

div.date{float:left;width: 4em;padding: 5px 0;background: #000;color:#E0E0E0;
    text-align:center;margin: 0 4px 2px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}


.comments {margin-bottom:10px;padding:10px 10px 12px 10px}
.comments h3{text-transform:uppercase;color: #ba1c1c;font-weight:bold;margin:0px 0px 2px 0px;}
.comments h2{margin-bottom:10px;color: #000}
.comments p{margin:5px 0px 5px 0px;color:#000;text-align:justify;line-height:1.4em;font-size:1.2em;}
.comments a{text-decoration:none;color:#000;font-weight:normal;padding-bottom:0.5px;border-bottom:1px solid #000}
.comments a:hover{color:#ba1c1c;border-bottom:1px solid #ba1c1c}
.comments ul{color:#000;margin-bottom:12px;margin-top:0px;}
ul.indexlist {list-style-position:outside;list-style:none;margin-top:5px;color:#000}
.comments li{font-size:1.2em;margin-top:3px;line-height:1.4em;}
.comments img{border:none;vertical-align:bottom}

div.contbox div{background: #EEE;margin-bottom:10px}
div.contbox h2{margin: 10px 0;color: #000}
div.contbox h3{float:left;margin:0px 10px 0px 10px;padding: 0px 0px 0px 0px;color:#4550B4;font-weight:bold;text-transform: uppercase}
div.contbox p{padding: 0 10px;margin:0}

div.profile {clear:both;}
.profile p{font-size:1.3em;font-weight:normal;line-height:1.4em;text-align:justify;}
.profile ul{font-size:1.3em;color:#ba1c1c;}

.cface{float:left;text-align:center;width:140px}
.inlogo{border:1px solid #333;width:138px;text-align:center;padding: 5px 0;margin: 0 4px 2px 0;}
.cimg{margin:auto;border:none;}
.cname{font-size:1.3em;font-weight:bold;padding-bottom:20px}

.cdata{width:598px;float:right;margin:0px 0px 20px -148px;background:#EEE;border:1px solid #E9E9E9}
.cdesc{padding:5px 5px 5px 5px;background:#F7F7F7;}
.compcats {text-align:left;font-size:1.1em;margin:0px 0px 0px 3px;padding:0px 0px 0px 0px;}
.compcats td{padding:3px 5px 3px 0px;}
.compcats a{text-decoration:none;padding-bottom:1px;border-bottom:1px solid #4550B4}
.compcats a:hover{text-decoration:none;padding-bottom:1px;border-bottom:1px solid #ba1c1c}

div.vspace {display:inline;width:100%;height:20px}
div.bspace {display:block;width:740px;clear:both;text-align:right;height:20px;margin:10px 10px 10px 0px;padding-bottom:10px}
div.bspace a{text-decoration:none;color:#555;font-size:1.1em;}
div.bspace a:hover{color:#518d3d}
div.bspace img{border:none;vertical-align:bottom}

div.prodlogo {display:inline;float:right;padding:0px 10px 0px 0px;}
div.prodlogo img{text-decoration:none;border:0px}
div.prodface {display:inline;}
div.prodface img{margin-top:15px}
img.prodthumb {padding:4px;border:1px solid #999}
div.prodpics {width:100%;margin:20px 0px 20px 0px}
div.prodinfo {width:100%;margin:10px -225px 10px 0px;}
div.proddesc {margin:0px 225px 0px 0px;}
.proddesc p{font-size:1.3em;line-height:1.4em;text-align:justify;}
.proddesc ul{font-size:1.3em;color:#3355BB}
.proddesc li{line-height:1.4em;}

div.prodsbox {clear:both;float:right;width:195px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.pboxhead {width:195px;height:20px;background:url(../images/grayfade40.png) top left repeat-x;border-top:1px solid #e6e6e6;margin:0px 0px 10px 0px;padding-top:2px}
.pboxtitle {font-size:1.3em;font-weight:bold;color:#000;margin-left:4px;}
.pboxdata {font-size:1em;margin:0px 4px 10px 4px}

a.sdownbox{float:left;width:125px;color:#3355BB;font-size:1.1em;line-height:1.2em;text-decoration:none;border-bottom:1px dashed #ddd;padding:15px 5px 15px 65px;margin:0px 0px 5px 0px;}
a.spdf {background:url(../images/pdf40.gif) 8px no-repeat;}
a.spdf:hover{color:#ba1c1c;background:#f7f7f7 url(../images/pdf40.gif) 8px no-repeat;}
a.sexe {background:url(../images/exe40.gif) 8px no-repeat;}
a.sexe:hover{color:#ba1c1c;background:#f7f7f7 url(../images/exe40.gif) 8px no-repeat;}
a.sfile {background:url(../images/file40.gif) 8px no-repeat;}
a.sfile:hover{color:#ba1c1c;background:#f7f7f7 url(../images/file40.gif) 8px no-repeat;}

table.products {padding:0;width:100%;border-bottom:0px solid #c9c9c9;margin-bottom:0px;}
table.products a{text-decoration:none;color:#ba1c1c;font-weight:normal;border-bottom:1px solid #ba1c1c}
table.products a:hover{color:#4550B4;border-bottom:1px solid #4550B4}
table.products td{font-size:1.1em;padding:2px 2px 2px 2px;}
table.products th{background:#444444 url(../images/graynavlite3.png) left top repeat-x;color:#FFF;font-size:1.3em;font-weight:normal;text-align:center;text-transform:uppercase}
tr.odd {background:#fff;}
td.prod {width:17%;height:56px}
td.pic {width:25%;text-align:center;}
td.pic a{text-decoration:none;text-align:center;border-bottom:none;}
td.pic a:hover{border-bottom:none}
img.mover {border:1px solid #3355BB;padding:1px}
img.nomover {border:1px solid #fff /* #ba1c1c */;padding:1px}
td.desc {width:65%}
td.desc p{margin-top:10px}
td.rel {width:10%;text-align:center}
td.rel img{border:none}
td.rel a{text-decoration:none;text-align:center;border-bottom:none;}
td.rel a:hover{border-bottom:none}
td.dashtd {height:1px;border-top:1px dashed #ddd}

/* #b4f88b #9CF566 #ffe7b0 #f5bf66 #E3F8B0 #c3e890 */

div#side{display:inline;float:right;width: 190px;padding:0px 0px 10px 0px;margin:2px 20px 10px 10px;letter-spacing:0em}
div#side p{margin:0px 0px 0px 0px;padding: 2px 0px 7px 0px;color:#222;line-height:1.3em;}
div#side p.small{font-size:1.1em;}
div#side div.stitle{clear:both;vertical-align:bottom;font-size:1.45em;height:22px;letter-spacing:0.025em;font-weight:bold;text-transform:uppercase;display:block;width:185px;margin:8px 0px 0px 0px;padding:6px 0px 0px 5px;}
.stitled{color:#000;background:#fff url(../images/sidetopd2.png) left top no-repeat;/* border-bottom:2px solid #ba1c1c;  border-top:2px solid #ba1c1c */}
.stitleo{color:#000;background:#fff url(../images/sidetopo2.png) left top no-repeat;/* border-bottom:2px solid #f2ab35; border-top:2px solid #f2ab35 */}
.stitleb{color:#000;background:#fff url(../images/sidetopb2.png) left top no-repeat;/* border-bottom:2px solid #57D; border-top:2px solid #57D */ /*#f2ab35*/}
.emailsub{display:block;}
.subscribe{display:none;font-weight:bold;padding:0px 2px 0px 2px;font-size:1.2em;line-height:1.5em}
/* div#side div{margin: 0 0 10px;padding: 10px 0} */
div#side span.red{color:#ba1c1c}
div#side a{color:#333;font-weight:bold;text-decoration:none;}
div#side a.morelink{display:block;text-align:right;font-size:10px;font-weight:bold;margin:0px 10px 0px 0px;text-decoration:none;}
div#side a.morelink:hover{display:block;color:#ba1c1c;}
div#side a.slink:hover{color:#ba1c1c;border-bottom:1px solid #ba1c1c;}
div#side span.clist{display:block;text-align: left;font-size:1em;margin-left:5px;}
div#side input{text-align:left;margin:0px 2px 4px 0px}
.swrap{margin:0px 0px 10px 0px;padding:0px 5px 0px 5px}
.swrapd{background:url(../images/sidebotd.png) bottom left no-repeat;}
.swrapo{background:url(../images/sideboto.png) bottom left no-repeat;}
.swrapinfo{background:url(../images/sidebotbinfo.png) bottom left no-repeat;}
.tag{border:none;float:right;display:inline;margin:0;}
.scont{display:block;height:18px;font-size:1.2em;padding:2px 8px 0px 8px;}
.sdate{font-family: Arial,sans-serif;display:block;font-size:0.85em;color:#333;}
.submitimg{margin:0px 0px 0px 0px;vertical-align:top;}
/* Hides from IE-mac \*/
* html .submitimg{margin:1px 0px 0px 0px}
/* Hide */
.coimg{border:none;margin:0px 0px 0px 0px}
div#side table{border-collapse:collapse;}
div#side td{padding:0px 0px 0px 3px;}
div#side a.imglink{display:block;width:80px;border:1px solid #AAA;padding:1px 1px 1px 1px;margin:1px 1px 1px 1px}
div#side a.imglink:hover{display:block;width:80px;border:1px solid #ba1c1c;padding:1px 1px 1px 1px;margin:1px 1px 1px 1px}

ul.sidenav{margin-bottom:0px;margin-top:0px;}
span.shiftright{text-align:right;}

div#footbar{clear:both;width:950px;margin:10px 10px 0px 20px;padding:4px 0px 4px 0px;background:#444444 url(../images/graynavlite3.png) left top repeat-x;;color: #999;text-align:center;}
div#footbar a{font-size:1.1em;text-decoration:none;color: #FFF}
div#footbar a:hover,a:active{color: #f2ab35;text-decoration:none}

div#footer{clear:both;width:950px;margin:0px 10px 2px 20px;padding:10px 0px 10px 0px;background: #000000 url(../images/footerb.png) bottom left no-repeat;color: #999;text-align:center;border-top:2px solid #f2ab35;}
div#footer p{font-size:1.1em;margin:0}
div#footer a{text-decoration:none;color: #999}
div#footer a:hover{color: #FFF;text-decoration:none}

.dorange{color:#f2ab35}
.dblue{color:#3355BB}
.dred{color:#ba1c1c}
.dwarn{color:#ff6600}
.dgreen{color:#518d3d}
.white {color:#FFFFFF}
.strong {font-weight:bold}
.lgsize{font-size:1.4em}
.slgsize{font-size:1.8em}

.accent1{color:#3355BB}
.accent2{color:#f2ab35}
