/* standard elements----------------------------------------------------------------------- */
html {min-height: 100%;}

* {
margin: 0;
padding: 0;
}

a {
color: #175072;
}

a:hover {
color: #FF9900;
}

img {
margin: 5px 20px 0px 15px;
}

body {
background: #114054 url(img/bg.jpg) repeat-x left bottom;
color: #003366;
font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {
padding-bottom: 1.2em;
}

li {
list-style: none;
}

h1 {
font: normal 2em Tahoma,sans-serif;
margin-bottom: 4px;
}

h1,h2,h3 {
padding-top: 7px;
}

/* misc -------------------------------------------------------------------------------------------*/
.clearer {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/* structure --------------------------------------------------------------------------------------*/
.container {
background-color: #FFF;
font-size: 1.4em;
margin: 0 auto;
padding: 0 10px 10px;
width: 820px;
line-height: 1.6em;
}

/* header */
.top {
padding: 10px 10px 0;
}

/* title ------------------------------------------------------------------------------------------*/
.header {
background-color: #fff;
font-size: 1.2em;
height: 105px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 820px;
}

.header .left, .header .right {
background-color: #333;
color: #FFF;
height: 105px;	
}

.header .left {
background-color: #1D597C;
font: normal 3.0em "Arial black",sans-serif;
line-height: 105px;
width: 617px;
text-align: left;
background-image: url(img/bgheader.gif);
background-repeat: repeat-x;
}

.header .right {
overflow: auto;
width: 200px;
background-image: url(img/bgheader_r.gif);
background-repeat: repeat-x;
background-color: #FF7D00;
}

.header .right p,.header .right h2 {
padding: 0 16px;
}

.header .right h2 {
padding-top: 16px;
font: normal 1.6em "Trebuchet MS",sans-serif;
}

/* navigation ------------------------------------------------------------------------------------*/
.navigation {	
background: #D9E1E5 url(img/nav.jpg);
border: 1px solid #ffffff;
height: 41px;
}

.navigation a {
background: transparent url(img/nav.jpg) left top repeat-x;
border-right: 1px solid #D8EBD8;
color: #1C455E;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 18px;
text-decoration: none;
}

.navigation a:hover {
background: transparent url(img/nav.jpg) left bottom; 
color: #FF6600; 
}

/* main ------------------------------------------------------------------------------------------*/
.main {
border-top: 4px solid #FFF;
background: url(img/bgmain.gif) repeat-y;
}

/* sub navigation --------------------------------------------------------------------------------*/
.sidenav {
float: right;
width: 200px;
border-left: 1px solid #CCCCCC;
}

.sidenav h2 {
color: #1C455E;
font-size: 1.3em;
line-height: 30px;
margin: 0;
padding-left: 15px;
}

.sidenav ul {
padding: 0;
border-top: 1px solid #D8EBD8;
margin-left: 1em;
}

.sidenav li {
border-bottom: 1px solid #D8EBD8;
}

.sidenav li a {
background-image: url(img/arrow_normal.gif);
background-repeat: no-repeat;
background-position: 0.1em;
padding-left: 1.2em;
font-size: 1.1em;
color: #1C455E;
display: block;
padding:8px 0 8px 10%;
text-decoration: none;
width: 95%;
}

.sidenav li a:hover {
background-image: url(img/arrow_hover.gif);
background-repeat: no-repeat;
background-position: 0.1em;
padding-left: 1.2em;
color: #FF9900;	
}

/* content --------------------------------------------------------------------------------------*/
.content {
float: left;
margin: 10px 0;
padding: 0px 16px;
width: 575px;
}

.content .descr {
color: #000066;
font-size: 0.9em;
margin-bottom: 6px;	
}

.content li {
margin-left: 18px;
list-style-type: disc;
padding-top: 8px;
}

.content .imgleft {
padding: 24px 0 0 0;
border: 0px solid #ADD1E7;
margin-left: 0;
float: left;
}

.content .chemitroncar {
padding-right: 25px;
float: right;
}

.content p {
color: #666666;
padding-top: 4px;
}

.contentlist {
color: #666666;
list-style:square;	
}

.leftbox { 
float: left; 
width: 295px; 
background: #eee; 
margin: 5px 12px 0 -10px; 
color: #5d5d5d;
font-size: 0.9em;
}

.boxtop { 
height: 16px; 
background: #fff url(img/boxtop.gif) no-repeat;
color: #000; 
}

.box { 
background: #fff url(img/box.gif) no-repeat bottom left;
color: #5b5b5b; 
padding: 0 5px 10px 10px; 
}

.image { 
float: left; 
margin: 0 9px 3px 0; 
}

.rightbox {
float: right;
width: 295px; 
background: #eee; 
margin: 4px -15px 0 -10px; 
color: #5d5d5d;
font-size: 0.9em;
}

.boxtop {
height: 14px;
background: #fff url(img/boxtop.gif) no-repeat;
color: #000;
}

.box {
background: #fff url(img/box.gif) no-repeat bottom left;
color: #5b5b5b;
padding: 0px 5px 10px 15px;
}

.box p {
padding: 0;
margin: 0;
font-weight:100;
}

.image {
float: left;
margin: 0 9px 3px 0;

}

.buttons {
text-align: right;
padding: 4px 3px 0 0;
}

.bluebtn {
background: #488EB2 url(img/bluebtn.gif) no-repeat;
width: 100px; 
padding: 1px 16px 5px 16px;
color: #fff; text-decoration: none;
}

.greenbtn {
background: #488EB2 url(img/greenbtn.gif) no-repeat; 
padding: 1px 17px 5px 16px; 
color: #fff; 
text-decoration: none; 
}

.bluebtn:hover, .greenbtn:hover { 
background: #488EB2 url(img/hoverbtn.gif) no-repeat; 
color: #fff; 
}

.middlebox {
background: #f4f4f4;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 5px 5px 0px 25px;
margin: 0 10px 15px 0;		
font-size: 14px;		
font-weight: bold;		
text-align: left;
color: #FF6600; 
}

#cmxform {
margin: 35px 0px 0px 0px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---FREQUENTYLY ASKED QUESTIONS--------------------------------------------------------------*/
		
.faqs dt {
line-height: 2em;
color: #FF6600;

}

.faqs dd {
line-height: 2em;
background-image: url(img/check.gif);
background-repeat: no-repeat;
background-position: 0.1em;
padding-left: 2em;
color: #0033CC;
}

/*---CONTACT US FORM--------------------------------------------------------------------------*/

form.contact {

padding: 0;
margin: 0;
margin-top: -10px;
}

form.contact fieldset {
  margin-top: 10px;
  line-height: 30px;
}

form.contact legend {
  padding: 0 2px;
  font-weight: bold;
}

form.contact label {
font-weight: bold;
font-size: small;
color: #003366;
line-height: 150%;
margin-left: 30px;
}

form.contact label.fixedwidth {
  display: block;
  width: 210px;
  float: left;
}

.imagePlaceholder{
width:50%;
float:left;
text-align:center;
margin:5px 0px 15px 0px;
}

.imagePlaceholder p{
display:block;
clear:both;
text-align:center;
line-height:.5em;
}

.imagePlaceholder img{
margin:5px 0px 5px 45px;
border: 4px solid #F0F0F0;
}
	
.faqs dt{
line-height:1em;
margin-top:12px;
}

.faqs dd{
line-height:1.5em;
margin-top: 10px;
margin-left: 18px;
}

/*EXTERNAL LINKS----------------------------------------------------------------------------------*/

a.external span
{
position: inherit;
padding: 0 2px 0 0;
}

a.external:link
{
color: #FF9900;
padding: 0 2px 0 0;
}

a.external:visited
{
color: #00CC33;
padding: 0 2px 0 0;
}

a.external:hover
{
color: #FF3300;
padding: 0 2px 0 0;
}

/* FOOTER ------------------------------------------------------------------------------------------*/

.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #CCCCCC;
font: bold 1.2em sans-serif;
line-height: 39px;
text-align: center;
}

.footer a,.footer a:hover {
color: #FFCC66;
}