* {margin: 0px; padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color:#FFF; color: #333;}

img {border: 0;}
img a {border: 0;}

/*a {font-size: 1.1em}*/

h1, h2, h3{font-weight: bold;}

p {/* letter-spacing: 0.7px; padding: 0 0 5px 0;*/ font-size:1.1em; /*line-height: 1.5;*/}
ul {}
div.clearer {height: 0; line-height: 0px; clear: both; overflow:hidden; font-size:0;}

/* CONTAINERS */
#wrapper {border: 1px solid #0F3E2E; background-color:#FFF; width: 950px; margin: 25px auto 0 auto;}
#header {background: url('../images/bgs/header_bg.jpg') no-repeat; width: 950px; height: 137px; /*border:1px solid blue*/}

#logo {width: 240px; height: 44px; /*border: 1px solid #f0f;*/ padding: 13px 0 13px 0; margin: 0 0 0 40px;}

/* MAIN NAVIGATION */
#main_nav { height: 25px; font-size: 1.2em; font-weight: normal; text-align:center; line-height: 2.5em;} 
#main_nav a{ color: #FFF; font-weight: bold; text-decoration:none; }

#main_nav ul{list-style: none; }
#main_nav li{float: left;}

#mainNav_left {background: url('../images/main_nav/left_side.gif') 0% 0% no-repeat; width: 255px; height: 35px;}
#mainNav_right {background: url('../images/main_nav/right_side.gif') 0% 0% no-repeat; width: 41px; height: 35px;}

.navFirstBtn {background: url('../images/main_nav/mainFirstBtn.jpg') 0% 0% no-repeat; width: 109px; height: 35px; display: block;}
.navFirstBtn_current {background: url('../images/main_nav/mainFirstBtn_current.jpg') 0% 0% no-repeat;  width: 109px; height: 35px; display: block;}
.navBtn {background: url('../images/main_nav/mainBtn.jpg') 0% 0% no-repeat; width: 109px; height: 35px; display: block;}
.navBtn_current {background: url('../images/main_nav/mainBtn_current.jpg') 0% 0% no-repeat; width: 109px; height: 35px; display: block;}
.navLastBtn {background: url('../images/main_nav/mainLastBtn.jpg') 0% 0% no-repeat; width: 109px; height: 35px; display: block;}
.navLastBtn_current {background: url('../images/main_nav/mainLastBtn_current.jpg') 0% 0% no-repeat; width: 109px; height: 35px; display: block;}

/* UTILITY NAVIGATION INFO */
#util_nav {color: #FFF; /*border:1px solid #f0f;*/ width: 100%; height: 35px; font-size: 1.1em; letter-spacing: 0.7px;}
#util_nav span {padding: 0 5px 0 5px;}
#util_nav a {color: #FFF; text-decoration:underline;}
#util_nav a:hover { text-decoration:none;}
#util_nav ul{list-style:none; float: right; margin: 15px 0 0 0; padding: 0 40px 0 0; }
#util_nav li{float: left;}

/* FOOTER INFO */
#footer {background-color: #FFF; width: 900px; margin: 10px 50px 15px 0;}
#footer p {text-align:right; padding: 0 0 25px 0;}
#footer span {padding: 0 5px 0 5px;}
#footer a {color: #333; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer ul {list-style: none; float: right; letter-spacing: 0.7px; font-size: 1.1em}
#footer li {float: left;}

/* HOME MAIN CONTENT */
#mainContent_home {/*border: 1px solid #f0f;*/ margin: 30px 24px 0 24px; width: 885px; }

#leftCol_home {float: left; width: 240px; /*border: 1px solid #f0f;*/}
#RightCol_home {float: left; /*border:1px solid red;*/ width: 645px; margin: 0 0 20px 0;}

.homeProductBox {background: url('../images/bgs/homeProdBox_bg.jpg') 0% 0% no-repeat; width: 207px; height: 260px; float:left; /*border: 1px solid blue*/}
.homeProductBox h1 {font-size: 1.3em; color: #FFF; padding: 10px 0 0 10px; width: 197px; height: 22px; /*border: 1px solid #f0f*/}
.homeProductBox img {width: 205px; height: 130px; padding: 0 0 0 1px;}
.homeProductBox p {color: #FFF; padding: 10px 10px 0 10px;}
.homeProductBox p.link {text-align:right; color: #0F3E2E; padding: 10px 10px 0 10px;}
.homeProductBox a {color: #0F3E2E; text-decoration: none; text-align: right; font-weight:bold; }
.homeProductBox a:hover {text-decoration: underline;}

.homeProductBox.spaceTop {width: 207px; float:left; margin: 0 11px 50px 0;}
.homeProductBox.spaceBottom {width: 207px; float:left; margin: 0 11px 0 0;}

/* SUB CONTENT INFO */
#mainContent_sub {margin: 0 24px 0 24px; width: 885px; }

#breadcrumbs {width: 40%; height: 20px; color: #006633; font-size: 1.1em; margin: 10px 0 0 235px;}
#breadcrumbs a {color: #006633;  }

#subLeftCol {width:220px; float:left;}

#subMidCol {width: 432px; float:left; padding: 0 0 0 13px; margin: 0 0 20px 0;}
#subMidCol h1 {font-size: 1.5em; color: #333; padding: 0 0 15px 0; }
#subMidCol h2 {font-size: 1.3em; color: #333; padding: 0 0 10px 0; }
#subMidCol p {color: #333; padding: 0 10px 10px 0;}
#subMidCol p.question {font-weight: bold; color: #095C49;}
#subMidCol span  {font-style: italic;}
/*#subMidCol ul {margin: 5px 0 0 20px; list-style: none}
#subMidCol li { line-height: 1.5em}*/
#subMidCol a {color: #0F3E2E; font-weight:bold; }

#subRightCol {width:220px; float:left;}

.productList {background: url('../images/bgs/productList_bg.jpg') 0% 0% no-repeat; width: 202px; height: 180px; float:left; margin: 0 0 30px 0;}
.productList.space {margin: 0 15px 0 0;}
.productList h1 {font-size: 1.3em!important; color: #FFF!important; padding: 10px 0 0 10px!important; width: 197px; height: 22px;}
.productList img {width: 200px; height: 147px; margin: 0 0 0 1px;}

/* */
#productPicMain {width: 420px; height: 240px; }

#productPicsSmall {width: 420px; margin: 10px 0 0 0; float: left; }
#productPicsSmall img {margin: 0 0 7px 0; width: 76px; height: 76px;}
#productPicsSmall img.space {margin: 0 7px 7px 0; width: 76px; height: 76px;}

table {border-spacing: 0; border-collapse: collapse;}
table.product {color: #333; font-size: 1.1em; width:420px; margin: 0 0 10px 0;}
table.product th {background-color: #E2E6E4; font-weight:bold; padding: 5px; text-align:left;}
table.product td {padding: 3px; text-align:left; line-height: 1.5em; vertical-align: top;}
table.product img {margin: 0 auto 0 auto; display:block}
table.product td.centre {text-align:center;}
table.product td.col1 {width: 40%;}
table.product td.col2 {width: 60%;}
table.product td span {font-weight: bold; font-style:normal!important;}
table.product ul {list-style: disc; margin: 0 0 0 15px; }
table.product li {line-height: 1.5em}

/* CALL TO ACTION BOXES */
.greenBox {background: url('../images/bgs/greenBox_bg.jpg') 0% 0% no-repeat; width: 200px; height: 100px; margin: 0 0 15px 0; padding: 0 10px 0 10px;}
.greenBox h1 {color: #FFF; font-size: 2.4em; padding: 5px 0 0 0;}
.greenBox h2 {color: #FFF; font-size: 1.6em;  padding: 5px 0 0 0;}
.greenBox p {color: #FFF; padding: 0 0 5px 0; line-height: 1.5;}
.greenBox a {color: #FFF; font-weight: bold;}
.greenBox a:hover {text-decoration: underline;}

.grayBoxSml {background: url('../images/bgs/grayBox_bg.gif') 0% 0% no-repeat; width: 200px; height: 95px; margin: 0 0 15px 0; padding: 5px 10px 0 10px; /*border:1px solid red*/}
.grayBoxSml img {display:block; margin: 0 auto 3px auto;}
.grayBoxSml p {text-align:center; }
.grayBoxSml a {color: #333; font-weight:bold; text-decoration: underline;  }
.grayBoxSml a:hover {text-decoration: none;}

.productDownloadBox {width: 220px; height: 140px; margin: 0 0 20px 0;}
.productDownloadBox h1 {color: #FFF; font-size: 2.6em; padding: 70px 0 0 10px;}
.productDownloadBox h2 {color: #FFF; font-size: 1.8em; padding: 5px 0 0 10px;}
.productDownloadBox a {color: #FFF; text-decoration: underline;}
.productDownloadBox a:hover {text-decoration: none;}

.vectrix_bg {background: url('../images/bgs/vectrixDownloadBox_bg.jpg') 0% 0% no-repeat; }

.grayBox {width: 220px; margin: 0 0 15px 0; /*border:1px solid red*/} 
.graybox_header {background: url('../images/bgs/grayBox_title.jpg') 0% 0% no-repeat; width: 200px; height: 32px; padding: 0 10px 0 10px;}
.graybox_header h1 {color: #FFF; font-size: 1.4em; padding: 9px 0 0 0;}
.graybox_body h2 { color: #FFF; font-size: 1.3em; color: #333;}
.graybox_body {background: url('../images/bgs/grayBoxBody_bg.gif') 0% 100% no-repeat; padding: 10px 10px 10px 10px; width: 200px;}
.graybox_body p {padding: 0 0 5px 0; line-height: 1.5em;}
.graybox_body p.link {text-align:right; color: #0F3E2E;}
.graybox_body p.quote {font-weight: bold;}
.graybox_body span {font-weight: bold;}
.graybox_body p.small {font-size: 1.0em; text-align:right; padding: 0 0 7px 0;}
.graybox_body a {color: #0F3E2E; text-decoration: none; text-align: right; font-weight:bold; }
.graybox_body a:hover {text-decoration: underline;}
img.map {margin: 0 0 10px 100px;}

.word {background: url('../images/word_icon.gif') 0% 0% no-repeat; width: 250px; height: 32px; padding: 0 0 0 40px; /*border:1px solid #f0f;*/ margin: 0 0 15px 0;}
.word p {line-height:1.5em}
.word a {color: #333; text-decoration: underline;}
.word a:hover { text-decoration: none;}

/* NEWS CMA SECTION */
.newsItem {width:99%; /*border:1px solid blue;*/ margin: 0 0 15px 0;}
.newsItem img {float: left; width: 90px; height: 90px; padding: 1px; /*border:1px solid #095C49;*/ margin: 0 10px 0 0;}
.newsItem h2 {color: #095C49!important;}
.newsItem p {line-height: 1.5em; padding: 0 10px 5px 0!important; /*border:1px solid red*/}
.newsItem a {color: #095C49; font-weight: bold; text-decoration: none;}
.newsItem a:hover {color: #333;}

/* NEWS CMA DETAILS SECTION */
.newsDetails {width:99%; margin: 0 0 10px 0;}
.newsDetails h2{color: #095C49!important; }
.newsDetails img{float: left; width: 150px; height: 150px; margin: 0 0 10px 0;}
.newsDetailsLeft {width: 40%; float:left;} 
.newsDetailsRight {width: 60%; float:left;} 
.newsDetails p {line-height: 1.5em; padding: 0 10px 5px 0!important;}
.newsDetails a {color: #095C49; font-weight: bold; text-decoration: none;}
.newsDetails a:hover {color: #333;}

/* FORMS */
form.contactUs {width: 80%;  font-size: 1.1em}
form p span {color: #FF0000; font-weight: bold; }
form.contactUs legend {color: #333; font-weight: bold; padding: 5px 5px 5px 5px; font-size:1.2em; }
form.contactUs fieldset {padding: 0 0 0 10px;}
form.contactUs input {width: 150px;}
form.contactUs textarea {width: 150px;}
form.contactUs ol {}
form.contactUs li {list-style: none; padding: 5px 0 10px 0; }
form.contactUs label {display: block;line-height: 1.5em; vertical-align: top; width: 80px; float:left; font-size:1.1em}
form.contactUs label span {color: #FF0000; font-weight: bold;}
form.contactUs input.btn {width: 100px; margin: 5px 20px 0 0;}


