/*Elements*/
*{margin:0;padding:0}
body          { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #e1e1e1 url(components/general/grad.gif) repeat-x; text-align: center; overflow: auto }
p,h1,h2  { margin: 0px 10px 10px 15px }		
h1        { color: #9c0; font-size: 20px; margin-top: 0px; padding-top: 0px }
h2      { color: #9c0; font-size: 12px; margin-top: 10px }
h3      { color: #9c0; font-size: 14px; margin-bottom: 5px; margin-left: 10px }
h4  { font-size: 11px; margin-left: 10px }
h5      { color: #9c0; font-size: 12px; margin-bottom: 0px; margin-left: 10px; padding-bottom: 0px }
p   { color: black; font-size: 12px; line-height: 16px }
a    { color: #9c0; text-decoration: none }
a:hover  { color: gray }
ul  { font-size: 12px; margin-bottom: 10px; margin-left: 40px }
li  { font-size: 12px; line-height: 16px }

/*Navigation*/
#subNav      { color: white; font-size: 10px; background-image: url(components/nav/subNavBg.gif); padding-top: 2px; padding-bottom: 2px; width: 784px }
#subNav ul  { margin-bottom: 0px; margin-left: 70px }
#subNav li       { color: white; font-size: 10px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #9c0; display: inline }
#subNav a { color: black }
#subNav .user a  { color: #9c0 }
#subNav a:hover  { color: #808080 }
#newNavPos     { font-weight: bold; font-size: 11px; line-height: 11px; background: url(components/nav/navBg.gif) repeat-x; width: 100%; height: 31px; display: block }
#newNavPos a   { color: #f5f5f5; background-color: #9c0 }
#newNavPos a:hover    { color: #dcdcdc }
#newNavPos .newNavSel a { color: #808080; background-color: #ebebeb }
#newNavPos .newNavSel a:hover { color: #979797 }
.newNav    { background: url(components/nav/leftbar.gif) no-repeat; float: left; padding-left: 15px }
.newNavSel   { background-image: url(components/nav/lefbarSel.gif); float: left; padding-left: 15px }
.navRight     { float: left; width: 19px; height: 31px }
.navLink   { color: white; text-align: center; float: left; margin-right: auto; margin-left: auto; padding-top: 4px; width: 75px }
/*Page*/
#bg        { background: white url(components/general/bgBord.gif); text-align: center; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 10px; width: 804px }
#frame    { text-align: left; margin-right: 10px; margin-left: 10px; border: none }
#contentheader    { }
.headTop  { height: 85px }
.logo  { margin-bottom: 5px }
#main    { background: url(components/general/mainBG.gif) repeat-y; margin-bottom: 5px; padding-top: 5px; overflow: hidden }
.address    { color: #9c0; font-size: 11px; text-align: right; float: right; padding-top: 10px; width: 200px }
.logoPos  { float: left; width: 550px }


/*left column*/
#left   { float: left; padding-top: 5px; width: 180px }
#left p  { font-size: 11px; line-height: 14px; margin-bottom: 0px; margin-left: 0px; padding-bottom: 5px; padding-left: 5px }
#left h3    { font-size: 11px; margin-left: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 5px; border-bottom: 2px solid #dcdcdc }
.line    { background: #ebebeb no-repeat; margin-left: 5px }
.line p  { margin-right: 5px }
.round { text-align: right; padding-left: 5px }
.roundBot { text-align: right; margin-bottom: 5px; padding-left: 5px }
/*Right column*/
#right    { float: left; width: 602px }
.col3    { background: url(components/general/col3BG.gif) no-repeat; float: left; margin-top: 10px; width: 200px }
.col3 p     { color: #808080; margin-right: 20px; margin-left: 20px }
.col3 h2 { margin-right: 20px; margin-left: 20px }
.col3mid         { background: url(components/general/col3BG.gif) no-repeat; float: left; margin-top: 10px; margin-bottom: 15px; border-top: none white; border-right: 1px solid #9c0; border-bottom: none white; border-left: 1px solid #9c0; width: 200px }
.col3mid p    { color: #808080; margin-right: 20px; margin-left: 20px }
.col3mid h2 { margin-right: 20px; margin-left: 20px }
.col3img { margin-left: 10px }
.proBut   { background-color: #f5f5f5; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; border: solid 1px #dcdcdc; height: 60px }
.proBut1           { color: #808080; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/prodBg.gif); margin-bottom: 10px; border: solid 1px #dcdcdc }
.proBut1 a { color: #9c0 }
.newsBut1  { color: #9c0; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/newsBg.jpg); margin-bottom: 10px; border: solid 1px #dcdcdc }
.newsbut1 h2 { margin-top: 0px; padding-top: 0px }
.proBut1 p { color: #585858; margin: 0px; padding: 0px }
.proBut1 a:hover    { }
.proBut1pic     { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 75px; display: block }
.newsBut1pic  { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; display: block }
.proBut1txt  { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; padding-bottom: 8px; width: 170px }
.newsBut1txt { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; padding-bottom: 8px; width: 350px }
.proBut2pic { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 50px; display: block }
.proBut2           { color: #9c0; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/prodBg.gif); margin-bottom: 10px; border: solid 1px #dcdcdc; width: 245px }
.proBut2 p  { color: #585858; font-size: 13px; line-height: 13px; margin: 0px 0px 5px 8px; padding: 0px }
.proBut2pic   { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 50px; display: block }
.proBut2txt    { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; width: 150px }
.prodCol { float: left; margin-left: 10px; width: 285px }
.newsCol { margin-right: 10px; margin-left: 10px }
.smTxt { font-size: 11px }
.txtHomeEur   { float: left; margin-bottom: 10px; padding-top: 5px; width: 325px }
.txtSearchEur { float: left; margin-bottom: 10px; margin-left: 10px; padding-top: 5px; width: 425px }
.txtNewsEur { float: left; margin-bottom: 10px; padding-top: 5px; width: 370px }
.txtHomeEurLg { float: left; margin-bottom: 10px; padding-top: 5px; width: 400px }
.homeTopEur   { line-height: 0px; margin-left: 10px; border-bottom: 2px solid #808080; width: 580px; height: 1px }
.prodHomeColEur   { float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #9c0 }
.attTxt { font-size: 12px; margin: 0px; padding: 0px; width: 245px }
.attTxt p { margin: 0px; padding: 0px }
.attMore { text-align: right; margin-bottom: 15px }
.techSpec { font-size: 12px; width: 325px }
.techSpecL { font-weight: bold; padding-left: 10px; border-right: 1px solid #808080 }
.techSpecR { padding-right: 10px; padding-left: 10px }
.newsPageCol  { float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #9c0 }
.newsPageCol p { margin-bottom: 10px; margin-left: 0px }
.newsPageCol ul  { color: #b8db4d; font-weight: bold; font-size: 12px; margin-left: 10px; padding-left: 10px }
.newsPageCol li { list-style-image: url(components/general/newsArrow2.gif); margin-top: 5px; margin-bottom: 5px }
.newsPageCol b  { color: #9c0 }
.newsPageCol a { text-decoration: underline }
.newsIndexCol  { float: left; margin-bottom: 10px; padding-top: 40px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #9c0 }
.newsIndexCol p { font-weight: bold; line-height: 16px; margin-bottom: 0px }
.prodHomeColEur h2 { margin-left: 0px; padding-left: 0px }
.attachment { }
.attachmentTxt  { background: url(components/general/buttonboarder.gif) no-repeat bottom; float: left; width: 325px }
.attachmentPic  { float: left; margin-top: 30px; padding-left: 16px }
.attachment h2 { border-bottom: 1px solid #9c0 }
.enviNav { float: left; width: 200px }
.leftNav     { text-align: left; margin-top: 8px; margin-right: 20px; margin-left: 30px; border: solid 1px #dcdcdc }
.leftNav h2    { color: white; font-weight: bold; background: #dcdcdc url(components/general/greenBg.jpg); margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 10px; border-bottom: 1px solid #dcdcdc }
.leftNav h2 a { color: white }
.leftNav h2 a:hover { color: #dcdcdc }
.leftNav ul { margin-left: 10px; padding-left: 10px }
.leftNav a { color: green }
.specFull table { margin-left: 10px }
.specFull p { margin: 0px; padding: 3px }
/*Footer*/
#footer       { color: #808080; font-size: 11px; margin-top: 10px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; border-top: 1px solid #9c0; border-bottom: 2px none; height: 30px }
#footer a  { color: #808080; text-decoration: underline }
.copy  { text-align: left; float: left; padding-top: 10px; width: 300px }
.design  { text-align: right; float: right; padding-top: 10px; width: 300px }
.comment { overflow: auto }
/*Gallery*/
.specTable { color: #585858; font-size: 12px; margin-top: 10px; margin-left: 10px; border: solid 1px #000; width: 580px }
.specTable td  { padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #a6a6a6; height: 30px }
.specTable th { font-weight: bold; background-color: #e9e9e9; height: 30px }
.shopTable  { color: #585858; font-size: 12px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; border: solid 1px #000; width: 450px }
.shopTable td  { padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #a6a6a6; height: 30px }
.shopTable th { font-weight: bold; background-color: #e9e9e9; height: 30px }
.appTable   { font-size: 11px; line-height: 16px; margin-left: 10px; width: 570px }
.appTable td   { vertical-align: top; margin-top: 0px; padding: 5px 10px; border-bottom: 1px solid #a6a6a6 }
.appTable th { font-weight: bold; background-color: #e9e9e9; height: 30px }
.appTable b  { color: #9c0 }
.top5px { margin-top: 5px }
.selected   { color: #585858; font-size: 14px; line-height: 1em }
.bigger   { font-size: 18px; line-height: 1em }
.arrowTop  { margin-top: 10px }
.arrow, .arrowTop   { font-size: 20px; margin-left: 10px; width: 150px; height: 40px; display: block }
.arrow a, .arrowTop a { color: #b0b0b0 }
.arrow a:hover. arrowTop a:hover { color: #696969 }
.arrowLine  { margin-right: 30px; margin-bottom: 8px; margin-left: 30px; border-bottom: 1px solid #dcdcdc }
.barginFormTop { margin-top: 10px }
.barginFormLeft { float: left; margin-top: 10px; padding-right: 20px }
.barginFormRight { float: left; margin-top: 10px }
.barginFormBot { clear: both; margin-bottom: 10px; padding-top: 10px; width: 400px }
.barginForm { padding-left: 95px }
.selectform  { margin: 0px; padding: 10px 0px 0px }
.caption { color: #808080; font-size: 10px; margin-bottom: 20px }
.brochure  { float: left; width: 165px; height: 16px }
.brochure1  { float: left; margin-left: 2px; width: 96px; height: 30px }
.demo { float: left; width: 130px; height: 16px }
.demo1   { float: left; margin-left: 10px; width: 95px; height: 30px }
.video  { float: right; width: 100px; height: 30px }
.CTAbuttons  { background-color: gray; margin: 15px 10px 50px }
.turbo  { font-size: 75% }