/*/////////defaults///////////*/

*{
margin: 0;
padding: 0;
}


body, html {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
margin: 0 auto 0;
padding: 0;
text-align: center;

}

body {
color: #747270;
background: url(/images/bg.jpg) top left repeat-x #949494;
margin: 0 auto 0;
}

body.sub {
color: #747270;
background: url(/images/sub_bg.jpg) top left repeat-x #949494;
margin: 0 auto 0;
}

object, embed, div, a, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, td, th, legend, font, ul, ol, li, select, form {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}

/*/////////mainwrapper///////////*/



#topMainWrapper{
margin: 14px auto 0;
}

/*/////////header///////////*/


#header .logo{
float: left;
}

#header #headerRight{
height: 64px;
float: right;
width: 532px;
}

#header #login{
width: 93px;
float: right;
clear: right;
}



/*/////////nav///////////*/

#navWrapper {
float: right;
clear: right;
width: 532px;
margin: 22px 0 0 0;
overflow: hidden;
}



#navWrapper ul {
margin: 0;
list-style-type: none;
}

#navWrapper ul li{
display: inline;
margin: 0;
overflow: hidden;
}

#navWrapper ul li a{
display: block;
float: left;
}


/*/////////main content///////////*/

#headerGraphic{
margin-top: 8px;
}

#contentBg{
background: #fff;
width: 100%;
margin: 28px 0 0 0;
}

/*/////////mainContent/////homepage only//////*/
#mainContent{
background: #fff;
margin: 0 auto 0;
width: 775px;
padding: 0;
}


#mainContent td{
vertical-align: top;
text-align: left;
}



#mainContent td img{
display: block;
}


#mainContent td img.title{
margin: 5px 0 0 20px;

}


#mainContent #topBox{
background:url(/images/smbox_lightblue.jpg) top left repeat-y;}

#mainContent #midDiv{
height: 10px;
}

#mainContent #bottomBox{
background:url(/images/smbox_darkblue.jpg) top left repeat-y;
}

#topBox p, #bottomBox p{
text-align: left;
font: normal 9px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
margin: 5px 25px 15px 20px;
}


#topBox a, #bottomBox a{
font: bold 9px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none;
}

#topBox a:hover, #topBox a:active{
color: #e5e5e5;
}

#bottomBox a:hover, #bottomBox a:active{
color: #e5e5e5;
}


#mainContent #smRightBox{
background:url(/images/lgbox_mid.jpg) bottom right repeat-y;
overflow: hidden;
text-align: right;
vertical-align: top;
padding: 0;
}



#smRightBox h2{
font: bold italic 22px/22px "Trebuchet MS" Verdana, Helvetica, Arial, sans-serif;
color: #309ffe;
text-align: left;
padding-top: 10px;
margin: 0 20px 5px 30px;
clear: both;
}

#smRightBox img.top{
float: right;
}

#smRightBox p{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
margin: 0 20px 10px 30px;
}

#contentWrapper{
background: url(/images/content_bg.jpg) bottom center no-repeat #f0f0f0;
vertical-align: top;
border-top: 5px solid #fff;
}
/*/////////mainContent/////subpages only//////*/

#subMainContent{
background: #fff;
margin: 0 auto 0;
width: 775px;
padding: 0;
}

#subMainContent td{
vertical-align: top;
text-align: left;
}

#subMainContent td img{
display: block;
}


#subMainContent td img.title{
margin: 5px 0 0 20px;

}
#subMainContent #topBox{
background:url(/images/tbox_lt_mid.jpg) top left repeat-y;}

#subMainContent #midDiv{
height: 10px;
}

#subMainContent #bottomBox{
background:url(/images/tbox_dk_mid.jpg) top left repeat-y;}


#subMainContent #lgRightBox{
background:url(/images/ltbox_mid.jpg) bottom right repeat-y;
overflow: hidden;
text-align: right;
vertical-align: top;
padding: 0 0 20px;
}

#lgRightBox h2{
font: bold italic 22px/22px "Trebuchet MS" Verdana, Helvetica, Arial, sans-serif;
color: #309ffe;
text-align: left;
padding-top: 10px;
margin: 0 20px 5px 20px;
clear: both;
}

#lgRightBox h3{
font: bold 12px/14px Verdana, Helvetica, Arial, sans-serif;
color: #747270;
text-align: left;
padding-top: 10px;
margin: 0 20px 5px 20px;
clear: both;
text-transform: uppercase;
}

#lgRightBox img.top{
float: right;
}

#lgRightBox p{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
margin: 0 20px 10px 20px;
}

#lgRightBox ul{
text-align: left;
margin: 0 20px 10px 30px;
}

#lgRightBox li{
font: normal 10px/12px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 0 20px;
list-style-image: url(images/bulletorange.jpg);
}


#lgRightBox a{
font: bold 9px Verdana, Helvetica, Arial, sans-serif;
color: #787878;
text-decoration: underline;
}

#lgRightBox a:hover, #lgRightBox a:active{
color: #464646;
}


/*/////////footer///////////*/

#footerWrapper {
background:url(/images/footer_bg.jpg) top center repeat-x #949494;
padding: 120px 0 0;

}

#footer{
width: 775px;
margin: 0 auto 0;
padding: 5px 0 10px;
overflow: hidden;

}

#footer a{
font: bold 10px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none;
}

#footer a:hover, #footer a:active{
color: #e5e5e5;
}

#footer p.left{
float: left;
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}

#footer p.right{
float: right;
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}

/*/////////clearfix///////////*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}


/*/////////forms///////////*/


form#form1 {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #636363;
margin: 0 20px;
padding: 0;


}

form#form1 p{
margin: 0 0 5px 0;
}

form#form1 fieldset {
border: 1px solid #dedede;
padding: 10px;
margin: 0 0 10px;
}
form#form1 fieldset legend {
font: bold 12px Verdana, Helvetica, Arial, sans-serif;
color: #6a6d78;
margin: 0 0 10px;
text-transform: uppercase;

}
form#form1 label {
width: 150px;
display: block;
float: left;
padding: 0;
margin: 5px 10px 0 0;
text-align: right;
}
form#form1 input.text, form#form1 textarea, form#form1 select {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #747270;
width: 170px;
margin: 5px 0 0;
float: left;
}


form#form1 .inputGroup{
text-align: left;
float: left;
margin: 2px 0 0;
width: 300px;
display: block;
}

form#form1 .radio{
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
margin: 5px 0 0;
float: left;
}


form input#reset {
margin-left:0px; 
}

form input#submit {
color: #636363;
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
float: left;
margin: 5px 0 0;
}

textarea { 
overflow: auto; 
}

form br {
clear:left; 
}


form .search{
margin: 15px 0 0 0;
}



/*/////////images & miscellaneous///////////*/

.pageQuote{
float: left;
display: block;
overflow: hidden;
margin: 0 auto;
}

img {
border: none;
margin: 0;
}

.imgRight{
float: right;
margin: 10px;
}

.imgLeft{
float: left;
margin: 10px;
}

.imgLeftThumb{
float: left;
margin: 3px 10px 10px;
}

.displayBlock{
display: block;
margin: 0;
padding: 0;
}

.asterisk{
color: #CC0000;
}

.listBox{
margin: 15px 0 0 20px;
float: left;
width: 45%;
}

.line1 {
background:#d5d5d5;
margin: 20px 30px 10px;
height: 1px;
overflow: hidden;
clear: both;
}

.line2 {
background:#d5d5d5;
margin: 20px 0 20px;
height: 1px;
overflow: hidden;
clear: both;
}

#cdLogo{
margin: 15px auto;
width: 102px;

}


/*/////////ContactCommerce///////////*/

#contactCommerceTable td{
margin: 0 0 20px;
font: normal 10px/12px Verdana, Helvetica, Arial, sans-serif;
}

#contactCommerceTable p{
padding:10px 0 0 0;
}

#contactCommerceTable .error {
font-weight:bold;
color:#FF0000;
}

#membersTopBox{
background:url(/images/smbox_lightblue.jpg) top left repeat-y;}

#membersTopBox{
background:url(/images/tbox_lt_mid.jpg) top left repeat-y;}

#membersTopBox a, #membersTopBox a:link, #membersTopBox a:visited, #membersTopBox a:active {
font-size: 9px;
color: #FFF;
font-weight:bold; 
text-decoration: none;
letter-spacing:1px;
}

#membersTopBox a:hover {
color:#FFFF00;
}

#membersTopBox UL {
padding: 0;
margin: 15px;
list-style:none;
}

#membersTopBox LI {
padding-bottom: 2px;
}


#membersLeftDiv {
height:120px;
}

#testTable td {
vertical-align:top;
}

#testTable .questions {
font-weight:bold;
width:200px;
padding: 5px 0 5px 0;
}

#testTable .answers {
padding: 5px 0 5px 8px;
}

#testTable .questionDiv {
background-color:#CCC;
line-height:2px;
}

#tableBorders { 
border: 1px solid #333333; 
padding: 0px; 
border-color: #333333;
margin-top: 10px;
}

#tableBorders .reportTableColumns { 
border-right: 1px solid #333333; 
border-bottom: 1px solid #333333; 
padding: 3px;
text-align:center;
}

#tableBorders .reportTableHeaders { 
background-color: #0B06AB; 
font-size: 11px; 
font-weight: bold;
text-align: center;
vertical-align: top;
color: #FFFFFF;
padding-bottom:3px;
}

@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; padding:25px; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px;  }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/contactcommerce5/en_US/images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/contactcommerce5/en_US/images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/contactcommerce5/en_US/images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; padding-right: 15px; }
	ul.mktree  li.liClosed  ul { display: none; }

	/* Format menu items differently depending on what level of the tree they are in */
	/* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
/*
	ul.mktree  li ul li { font-size: 90% }
*/

}