/*@charset "UTF-8";*/
/* CSS Document */
* {margin: 0; }
html, body {height: 100%;}
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0; margin: 0;  font-size: 100%;  font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }

body {background: #fff url(../images/backmain.jpg) repeat-y center top; font-family: Arial,Helvetica,sans-serif}
/*
#eng #langbar ul li.en a {background-color:#7d7d7f}
#gre #langbar ul li.gr a {background-color:#7d7d7f}
*/

#wrapper {width:936px;margin-right: auto; margin-left: auto;min-height: 100%; height: auto !important; height: 100%;margin: 0 auto -30px;}


/* language bar */
/*
#langbar {background: #8a8a8a url(../images/redsq.jpg) no-repeat right top; height: 15px; text-align:right}
#langbar ul {margin: 0px; padding: 0px; margin-right: 17px; }
#languagesel li {display: inline; float: right; margin: 0px; padding:0px; height:15px;line-height: 10px}
#languagesel li a {font-size: 11px; text-decoration: none; color: #FFFFFF; border-left: 1px solid #fff; background:#8a8a8a url(../images/bulletlang.gif) no-repeat 10px center;height: 15px; padding: 0px 20px;}
#languagesel li a:hover {color: #fff; background-color:#7d7d7f}
*/
#langbar {background-color: #e6e4e5; height: 15px; text-align:right; padding-top: 5px; padding-right: 20px}
#langbar ul {margin: 0px; padding: 0px; margin-right: 0px; }
#languagesel li {display: inline; float: right; margin: 0px; padding:0px; height:15px; line-height: 10px; }
#languagesel li span {font-size: 11px; text-decoration: none; color: #666; background:#e6e4e5 url(../images/bulletlang.png) no-repeat 10px center; height: 15px; padding: 0px 10px 0px 20px;}
#languagesel li a {font-size: 11px; text-decoration: none; color: #8a8a8a; background:#e6e4e5 url(../images/bulletlang.png) no-repeat 10px center; height: 15px; padding: 0px 10px 0px 20px;}
#languagesel li a:hover {color: #ec2027;  background:#e6e4e5 url(../images/bulletlangOver.png) no-repeat 10px center;}
#languagesel li.sepbar {font-size: 11px; color: #8a8a8a;}



#header {background: #fff url(../images/backheader.jpg) repeat-x; height:100px; border-bottom: 1px solid #fff;}
.logoimg {margin-left: 31px; margin-top: 4px}

/*#hrzmenu {background: #c1c1c1 url(../images/graysq.gif) no-repeat right top; height:24px; border-bottom: 1px solid #fff;}*/
#hrzmenu {background-color: #c1c1c1; height:24px; border-bottom: 1px solid #fff; padding-right: 15px}
#hrzmenu ul {margin: 0px; padding: 0px; margin-right: 5px;float:right}
#mainmenu li {display: inline; float: left; margin: 0px; padding:0px; height:15px;line-height: 10px; padding-top: 5px}
#mainmenu li a {font-size: 12px; text-decoration: none; color: #0054a6; border-left: 1px solid #0054a6; height: 24px; padding: 0px 10px;}
#mainmenu li a:hover {text-decoration: underline; color: #ec2027;}



.leftcol {width: 178px; float:left}

/*content*/
.content {width: 700px; float:right; padding:10px 30px 10px 10px;}
#location {text-align:right; padding-right: 0px; color:#8a8a8a; font: 11px Arial, Helvetica, sans-serif;}
#location a {color:#8a8a8a;}
#location a:hover {color:#333;}

.content h1 {background: url(../images/headingback.jpg) no-repeat; padding-left: 30px; font: 17px Arial, Helvetica, sans-serif; color: #666; margin-top:10px;  margin-bottom:30px; height:27px; padding-top: 4px}
.content h2 {font: bold 13px Arial, Helvetica, sans-serif; color: #666; margin-top:30px;}
.content h3 {font: bold 13px Arial, Helvetica, sans-serif; color: #666; margin-top:10px;}
.content p {font: 13px Arial, Helvetica, sans-serif; color: #666; margin-top:10px;line-height:17px;}
.content p a {color: #0054a6;}
.content p a:hover {color: #ec2027}

.content form {margin-top: 30px}
.content form fieldset {border: 1px solid #999; width: 700px;}
.content form fieldset table {width: 670px; margin-left:30px}
.content form fieldset table td {font: 12px Arial, Helvetica, sans-serif; color: #666; height: 30px}
.content form legend {font: bold 14px Arial, Helvetica, sans-serif; color: #666; margin-left: 20px}
.content p form {font: 13px Arial, Helvetica, sans-serif; color: #666; line-height:16px; margin-top: 50px}

.prodPhoto {float: right; border: 1px solid #999; margin-right: 0px; margin-left: 8px; margin-bottom: 10px}
.content table.techTable {margin-top:5px; width: 450px; border: 1px solid #999; margin-bottom:10px;}
.content table.techTable th {font: 12px Arial, Helvetica, sans-serif; color: #555; padding: 5px;background-color: #dcdcdc; text-align:center; vertical-align:top; line-height:99%}
.content table.techTable td {font: 12px Arial, Helvetica, sans-serif; color: #666; padding: 5px; text-align:center}
.content table.techTable tr > td:first-child {background-color:#f3f3f5; color: #555; border-right:1px solid #ccc; font-weight: bold; text-align: left; padding-left: 50px}
/*.content table.techTable tr:nth-child(even) {background-color: #efefef}
.content table.techTable tr:nth-child(odd) {background-color: #fefefe}*/
.content table.techTable tr > td {border-top: 1px solid #ccc}
.content ul {font: 13px Arial, Helvetica, sans-serif; color: #666; line-height: 20px}


.maparea {float: right; border-left: 1px solid #999; margin-right: 0px; margin-left: 10px; width: 190px; margin-top: 0px; font: 12px Arial, Helvetica, sans-serif; color: #666; text-align: right;}
.maparea a {color: #0054a6;text-decoration:none}
.maparea a:hover {color: #ec2027}
.photomap {border: 1px solid #999; cursor: pointer}
.cl {clear:both}
.googlemap {border: 1px solid #999; padding: 10px; width: 680px}
.redtext {color: #ec2027}
.lightText {color: #888}
.pdfmap {margin-right: 10px;}

#accessoriestbl, #accessoriestblRigs, #accessoriestblAd {float:left; width:700px; overflow:hidden; position:relative;}
#accessoriestbl ul, #accessoriestblRigs ul, #accessoriestblAd ul {list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#accessoriestbl ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; font: normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eee; margin-right: 3px; width:170px; margin-bottom: 15px;}
#accessoriestblRigs ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; font: normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eee; margin-right: 3px; width:170px; height: 170px}
#accessoriestblAd ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; font: normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eee; margin-right: 3px; width:170px; height: 160px}

#accessoriestbl ul li a, #accessoriestblRigs ul li a, #accessoriestblAd ul li a  {color: #666; text-decoration:none}
#accessoriestbl ul li a:hover, #accessoriestblRigs ul li a:hover, #accessoriestblAd ul li a:hover {color: #ec2027;}


#accessoriestblBig {float:left; width:680px; overflow:hidden; position:relative;}
#accessoriestblBig ul {list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#accessoriestblBig ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eee; margin-right: 3px; width:110px;}

#accessoriestblBig ul li a {color: #666; text-decoration:none}
#accessoriestblBig ul li a:hover {color: #ec2027;}


#accessoriestbl2 {float:left; width:700px; overflow:hidden; position:relative; margin-top: 5px}
#accessoriestbl2 ul {list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#accessoriestbl2 ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eee; margin-right: 5px; width:228px; background-color:#ddd; margin-bottom:5px; padding-top: 15px; padding-bottom: 5px; color:#666}

#accessoriestbl2 ul li a {color: #666; text-decoration:none}
#accessoriestbl2 ul li a:hover {color: #ec2027;}


.aligncenter {text-align:center}

#prodRange table {margin-left: 30px; margin-top: 10px; width: 650px;margin-bottom: 30px}\
#prodRange table.double {margin-left: 30px; margin-top: 10px; width: 650px;margin-bottom: 30px}
#prodRange table tr td:first-child {width: 200px;}
#prodRange table.double tr td:first-child {width: 140px;}
#prodRange table td, #prodRange table td {padding-left: 0px; font: 12px Arial, Helvetica, sans-serif; color: #555; vertical-align: top}
#prodRange table td.acc1, #prodRange table td.acc2, #prodRange table.double td.acc1, #prodRange table.double td.acc2  {padding-top: 5px;border-top:1px dotted #666; color: #777}
#prodRange table td.accLast, #prodRange table.double td.accLast {padding-bottom: 15px;padding-top: 10px;}
#prodRange table th, #prodRange table.double th {font: bold 14px Arial, Helvetica, sans-serif; color: #ec2027; height: 40px}
#prodRange table td a, #prodRange table.double td a, #prodRange h1 a {color: #555; text-decoration:underline}
#prodRange table td a:hover, #prodRange table.double td a:hover, #prodRange h1 a:hover {color: #ec2027; text-decoration:underline}
#prodRange table tr td.in, #prodRange table.double tr td.in {padding-left: 60px;}
#prodRange table tr td.tit, #prodRange table.double tr td.tit {padding-left: 30px; color: #333}
#prodRange table tr td.vertLine, #prodRange table.double tr td.vertLine {border-left:1px solid #666; padding-left: 5px; vertical-align: middle}
#prodRange table td.nolink, #prodRange table.double td.nolink {color: #232323}
.inset {margin-left: 20px}

#prodRange h1 {margin-bottom:0px;}
 

.footer {background-color: #ccc; height: 25px; clear: both; width:936px;margin-right: auto; margin-left: auto; text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #666; padding-top: 5px}
.footer a {text-decoration: underline; color: #0054a6;}
.footer a:hover {text-decoration: underline; color: #ec2027;}
.push {height: 25px; clear: both;}

.imgleft {float: left; margin-right: 15px; margin-bottom: 5px}
.imgright {float: right; margin-left: 15px; margin-bottom: 5px}
.imgcenter {text-align: center}

.newsarea {border-bottom: 1px dotted #666666; margin-bottom: 20px; padding-bottom: 20px;}
.newsdate {font-weight: bold}
.newstitle {font-weight: bold; margin-left: 36px}
.newstext {margin-left: 100px;}

.photoBorder {border: 1px solid #999999}
.intitle {border-bottom: 1px solid #666; height: 20px; width: 485px;}
.line {border-bottom: 1px solid #666; margin-top: 20px; clear: both;}

#companyList{margin: 0 0; padding-left: 0px; list-style: none; overflow: hidden;  zoom: 1; }
#companyList li{text-align: center; float: left; list-style: none; margin: 0px; border: 1px solid #CCC; font: 10pt Verdana,sans-serif; margin-right: 5px; background-color:#fff; width: 90px;}
#companyList li a:link, #companyList li a:visited, #companyList li a:active {text-decoration: none; color: #666; display: block; zoom: 1; height: 24px; padding-top: 5px}
#companyList li a:hover {text-decoration: none; color: #ec2027; background-color:#ededed;  zoom: 1; }
#companyList li.selected {text-decoration: none; color: #ec2027; background-color:#ededed;  zoom: 1; }
#companyList li.selected a {color: #ec2027;}

#siteMapList {color:#00FF33}
#siteMapList ul li {font: 13px Arial, Helvetica, sans-serif; color: #555; list-style-image: url(../images/bulletRed.gif); margin-bottom: 5px}
#siteMapList ul li a:link, #siteMapList ul li a:visited, #siteMapList ul li a:active {text-decoration: underline; color: #666;}
#siteMapList ul li a:hover {text-decoration: underline; color: #ec2027;}

#siteMapList ul.sec li {font: 12px Arial, Helvetica, sans-serif; color: #555; list-style-image: url(../images/bulletGray.gif); margin-left: 60px}
#siteMapList ul.third li {font: 11px Arial, Helvetica, sans-serif; color: #555; list-style-image: none; margin-left: 100px}
#siteMapList ul.fourth li {font: 11px Arial, Helvetica, sans-serif; color: #555; list-style-image: none; margin-left: 150px}

#history  {width: 700px; margin-bottom: 50px}
img.hist {margin-top: 30px}
#history .leftColumn {float: left; width: 100px; color: #666666;   font: bold 13px/17px Arial,Helvetica,sans-serif;}
#history .rightColumn p {padding-top: 0pc; margin-top:0px; color: #666666; font: 13px/17px Arial,Helvetica,sans-serif;}
#history .rightColumn {float: right; width: 600px; }