/* CIS-Tools CSS Stylesheet */
html { font-size: 13px; }

body { margin:0; background:#f0f0f0; /* Was #f0f0f0 or #fff */ color:#000;}
a {color:#00c; text-decoration:underline;}
a:hover {text-decoration:none;}

a[href$='.pdf'] {display:inline-block;padding-left:20px;line-height:18px;background:transparent url(../img/icon_pdf.png) center left no-repeat;}

address {font-style:normal}

.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden; font-size:1px;line-height: 0;height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

#globalcontain {width:980px; margin:0 auto;}

#headerpanel {margin:15px 0 10px;background: url('../img/headernav.png') #ccc repeat-x top; color:#333; text-align:right; font:normal 12px 'arial',sans-serif;}
#headerpanel ul {margin:0 0 0 10px; padding:10px 0; font:normal 14px 'arial',sans-serif; text-align:left; width:720px;float:left; border-left:1px solid #999;}
#headerpanel ul li {display:inline; margin:0; padding:0;}
#headerpanel ul li a {text-decoration:none; color:#333; padding:10px 13px; /*was 10 15*/ border-left:1px solid #999;}
#headerpanel ul li a:hover {text-decoration:none; background: url('../img/headernav.png') #ccc repeat-x bottom; color:#fff;}
#headerpanel ul li a#home {border-left:0;} /* Just to make the border lines balance out */

form#searchhead  {padding:0; width:240px; margin:0; float:left; font:normal 14px 'arial',sans-serif;}
form#searchhead label {display:none;}
#fdse_TermsEx {padding:2px 2px 2px 17px; margin:6px 0 0; width:130px; border:1px solid #bbb; background:url('../img/search.png') #fff no-repeat 1% 50%;color:#666;}
#fdse_TermsEx:focus {color:#000;}
#searchgo {padding:2px; margin:6px 5px 0 0; font:bold 12px 'arial',sans-serif; border:1px solid #999; background:#959595; color:#eee;}

#homepromo {border:1px solid #666; height:250px;  margin-bottom:10px; background-color:#fff; font:normal 14px 'arial',sans-serif;}
#homepromo p {margin:0; padding:0.5em}
#homepromo ul {margin-top:0; margin-bottom:0;}

#colcontain {}
#leftcol {float:left;width:20%;}
#centrecol {float:left;width:60%;}
#rightcol {float:left;width:20%;}

.colbox, .homebox {margin:0 3px 10px; border:1px solid #666; background: url('../img/boxhead.png') #fff repeat-x top; color:#000; font:normal 12px 'arial',sans-serif;}
.homebox {min-height:165px;}
.homebox #cardlogos {padding:20px 0;}
.colbox h4, .homebox h4 {color:#fff; text-align:center; margin:0; padding:2px; font:bold 1em 'verdana',sans-serif; text-transform:uppercase;}
.colbox p, .homebox p {margin:0;padding:0.5em 0.2em;}
.colbox pre, .homebox pre {font:normal 11px 'arial',sans-serif; margin:0; padding:0.2em; text-align:right;}
.colbox hr, .homebox hr {border-width:1px 0 0; border-style:dotted; border-color:#999; margin:0.2em 0 0.1em;}
.colbox ul, .homebox ul {padding-left:20px; margin:0.4em auto;}

.centrebox {margin:0 3px 10px; padding-bottom:5px; border:1px solid #666;  background: url('../img/boxhead.png') #fff repeat-x top; color:#000; font:normal 1em 'arial',sans-serif;}
.centrebox h1 {color:#fff; text-align:left; margin:0; padding:2px; font:bold 1em 'verdana',sans-serif; text-transform:uppercase;} /* Was 16px */
.centrebox h2 {margin:0 0.3em;padding:0.3em 0.2em 0.2em; font:bold 1.2em 'verdana',sans-serif; border-color:#666; border-style:solid; border-width:0 0 1px 1px;}
.centrebox h3 {margin:0;padding:0.2em 0.5em;}
.centrebox p {margin:0;padding:0.5em;}
.centrebox table {margin:0 auto;padding:0.5em;}
.centrebox ul {padding-left:20px; margin:0.4em auto;}
.centrebox ol  {padding-left:40px;}
.centrebox hr {border:1px solid #ccc; width:98%;}

.centcols {width:33%; float:left;}

#footer {background:#ccc;color:#333; margin:0 auto 5px; padding:2px 5px; border:1px solid #999; font:normal 10px 'arial',sans-serif; text-align:center;}
#footer p {margin:0}
#footer ul{margin:0;padding:0; font-size:1.1em;}
#footer ul li {display:inline; list-style:none;}
#footer ul li a {color:#333;}

.corners { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
.cornersB { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}

/* ---------- FORMS ---------- */
.cssform p{width: 320px;clear: left;margin: 0;padding: 0.3em 0 0.4em; padding-left: 155px; border-top: 1px dashed gray;height: 1%;}
.cssform label{font-weight: bold;float: left; margin-left: -155px;width: 150px;}
.cssform input[type="text"]{ /* IE6 does not understand this attribute*/ width: 180px;}
.cssform textarea{ width: 250px; height: 150px;}
* html .threepxfix{ /* IE only */ margin-left: 3px; }

.flash-replaced .alt {display: block;height: 0;position: absolute;overflow: hidden;width: 0;}


.newsrow {border-top:1px dotted #999; padding:0 0.5em 0.5em;}

/* NEWS PAGE */
.news-row {border-bottom:1px dotted #ccc; padding:0.2em 0.5em;}
.newsimg {float:left; padding:2px; border:0;}
.news-row h5{margin:0; padding:0.2em 0; font:bold 1em 'arial',sans-serif;}


ul#products {margin:0 auto; padding:0; list-style:none; width:50%; border-width:1px 1px 0; border-style:solid; border-color:#666;}
ul#products li {border-bottom:1px solid #666;}
ul#products li .head {background-color:#eee; color:#000; display:block; font-weight:bold; padding:2px; cursor:pointer;}
ul#products li ul { list-style-type:circle;}
ul#products li ul li {border:none;}

ul#productmanu {list-style:none; margin:0 0.2em; padding:0; text-align:center;}
ul#productmanu li {float:left; width:114px; margin:0; padding:0.2em 0;}
ul#productmanu li a img {border:0}

.date { /* News page */ font:normal 0.8em 'verdana',sans-serif;}
.floatRight {float:right;}

.promo-content {border-top:1px dotted #ccc;}
.promo-content ul,.promo-content ol  {padding-left:25px;}

#links{margin:0;padding:0;}
#links li{float:left;width:50%;margin:0;padding:0;list-style:none;min-height:47px;}
#links li img {float:left;padding:0 2px 2px;border:0;}

.pics {height: 172px; width: 146px; padding:0; margin:0 auto; overflow: hidden }
.pics img { height: 172px; width: 146px; padding: 0; border: 0; background-color: #fff; top:0; left:0 }

/* Home feature */
#featureleft {float:left; height:250px; width:500px; margin-left:-500px; text-decoration:none}

/* I-Frame settings */
.frame {margin:0 3px; padding-bottom:5px; background-color:#fff; color:#000; font:normal 13px 'arial',sans-serif;}
.frame h1 {background: url('../img/boxhead.png') #ccc repeat-x center; color:#fff; text-align:left; margin:0; padding:2px; font:bold 13px 'verdana',sans-serif; text-transform:uppercase;} /* Was 16px */
.frame h2 {margin:0 0.3em;padding:0.3em 0.2em 0.2em; font:bold 1.2em 'verdana',sans-serif; border-color:#666; border-style:solid; border-width:0 0 1px 1px;}
.frame h3 {margin:0;padding:0.3em 0.2em;}
.frame p {margin:0;padding:0.5em;}
.frame table {margin:0 auto;padding:0.5em;}
.frame ul  {padding-left:30px;}
.frame ol  {padding-left:40px;}
.frame hr {border:1px solid #ccc; width:98%;}

/* Format catalogue form */
.cisform p{clear: left; margin: 0; padding: 0.5em 1em;height: 1%;}
.cisform label{float: left; width: 10em;}
.cisform input[type="text"]{float: left; width: 15em; border:1px solid #999; background-color:#eee; color:#000;}
.cisform input[type="text"]:focus {background-color:#f5f5f5; color:#000; border-color:#000;}
.cisform textarea{float: left; width: 15em; height: 6em; border:1px solid #999; background-color:#eee; color:#000;}
.cisform textarea:focus {background-color:#f5f5f5;	color:#000;	border-color:#000;}