body {
font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size:12px;
}


/***************************** STRUCTURE */
#header{
position:relative;
background:url('/images/bkg-cc.comHeader.jpg') bottom repeat-x #68686a;
padding:0px ;
/* with drop-shadow height:139px; */ 
height:117px;
}
#header #logo{
position:absolute;
top:0px;
left:0px;
z-index:1;
display:block;
}

#headline{
position:absolute;
display:table;
width:600px;
padding-left:300px;
height:100px;
z-index:100;
top:0px;
left:0px;
}
#container{
width:920px;
}
#leftCol{
font-size:11px;
width:262px;
padding:0;
float:left;
margin:0;
}
#toutImage{
}
#leftContent{
margin:25px 0 0 25px;
}
#bodyContainer{
float:right;
width:620px;
margin:35px 0 0 0;
}
#main{
font-size:11px;
width:370px;
float:left;
padding-right:30px;
}
#rightCol{
float:right;
width:190px;
padding:18px 12px;
}
#rightCol{
float:right;
width:180px;
padding:18px 20px;
background: url('/images/cc.com-rightTout.jpg')  no-repeat;
}

#rightCol.blue {
background: url('/images/cc.com-rightTout.jpg') -5px -5px no-repeat;
min-height:200px;
padding:15px;
}
#leftCol DIV, #rightCol DIV{/*add bottom margin to all divs in the sidebars*/
margin-bottom:20px;
}
/***************************** CONTENT */
H1 {
font:bold  26px/29px Trebuchet, Trebuchet MS, Arial;
color:#FFFFFF;
margin:0;
width:525px;
display:table-cell;
vertical-align:middle;
/* IE hacks for vertical centering */
*display: block;
*position: absolute;
*top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}
H1 EM {
font-size:20px;
}
H2 {
font:Trebuchet, Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
margin:0;
}
H3 {
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0 0 5px 0;
text-transform:uppercase;
}
H4 {
color: #a7432a;
}
a:link, a:active, a:visited {
color:#a7432a;
}
a:hover {
color:#a7432a;
}
a.gray{
color:#666666;
}
ul {
margin:5px 0px;
padding:0px;
}
ul li {
background:url('/images/bullet-cc.com.gif') no-repeat 0px 4px;
list-style-image:none;
list-style-type:none;
padding-left:12px;
margin:0px 0px 8px 5px;
}

#terms ul{
margin:5px 40px 0px 15px;
padding:0px;
}
#terms ul li {
list-style-type:circle;
background:none;
color:#666666;
margin:0px 0px 3px 0px;
padding:0px;
}
#rightCol ul{
margin:0px;
padding:0px;
}
#rightCol ul li {
list-style-image:none;
list-style-type:none;
padding-left:15px;
margin:0px 0px 8px 0px;
color:#666666;
font-size:12px;
/* text-transform:uppercase; */
}
#rightCol .checkList ul li{
background-position:0 2px;
}
#rightCol .plusBullets ul li{
background-position:0 6px;
}
#rightCol h4 {
color: #000000;
}
.checkList ul li{
background:url('/images/bullet_check.gif') no-repeat;
}
.plusBullets ul li{
background:url('/images/bullet-cc.com.gif')no-repeat;
}
.testimonial{
font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:23px;
color:#345385;
margin:20px 8px 0 0;
padding:10px 0 6px 6px;
border-top:dashed 1px #C27460;
}
.testimonial strong{
font-size:18px;
font-weight:normal;
}
.testimonial em{
font-size:10px;
text-align:right;
}
.nextSteps{
background:#FFFFFF url('/images/bg_nextSteps.gif') repeat-x 0px -40px;
border-color:#666666;
border-width:1px 0px 0px;
border-style:dashed;
margin:8px 0px;
padding:10px 8px;
}
.nextSteps H4{
font:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin:0;
text-transform:uppercase;
}

ol {
margin:0px;
padding:0px;
}
ol li {
margin:0px 0px 7px 25px;
}
.clear{
clear:both;
}
/***************************** FORMS*/
.legend{
display:block;
padding:3px;
font-size:10px;
background-color:#D7F088;
font-weight:bold;
}

fieldset{
margin:5px 0;
border:1px solid #EFEFEF;
padding:5px;
}

label img{
height:12px;
width:12px;
float:right;
}
.labelError {
background-color:#FFFFFF;
border:solid 1px #A7432A;
font:11px/13px Arial normal;
color:#666666;
margin:2px 0px;
padding:2px 0px;
width:auto;
}

label{
font:11px/13px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666666;
}
/*.labelNormal {
background-color:#FFFFFF;
border:solid 1px #c1d72e;
background:url('/images/bkg-cc.comFormField.gif') repeat-x 0px -15px #FFFFFF;
font:11px/13px Arial normal;
color:#666666;
margin:2px 0px;
padding:2px 0px;
width:auto;
border-color:#A7432A;
}
*/
.labelMsgNormal {
font:9px Arial;
color:#A7432A;
visibility:hidden;
}
.labelMsgError {
font:9px Arial;
color:#A7432A;
}
.labelTxtError {
color:#A7432A;
}
.labelTxtNormal {
color:#666666;
}
.labelTxtHilite{
color:#000000;
}
img.validateError{
background:url('/images/icon_invalid.gif') no-repeat;
}
img.validateSuccess{
background:url('/images/icon_valid.gif') no-repeat;
}
img.validateNA{
background-image:none;
background: no-repeat;
}
textarea.formElement1 {
height: 100px;
width:90%;
}
.formElement1 {/* styles for form element in table in body */
background-color:#FFFFFF;
border:solid 1px #c1d72e;
background:url('/images/bkg-cc.comFormField.gif') repeat-x 0px -15px #FFFFFF;
font:11px/13px Arial;
color:#666666;
margin:2px 0px;
padding:2px 0px;
width:auto;
}
form TD{
padding-left:3px;
}
td .formElement1 {/* styles for form element in right column */
background-color:#FFFFFF;
border:solid 1px #c1d72e;
background:url('/images/bkg-cc.comFormField.gif') repeat-x 0px -17px #FFFFFF;
font:11px/13px Arial;
color:#666666;
margin:2px 0px;
padding:2px 3px;
width:90%;
}
td.sectDiv { /*creates a 1px border between form sections*/
border-top:1px dashed #C27460;
padding-top:8px;
}
input.submit {
font:bold 12px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:4px 4px;
background:url('/images/btn-background.gif') repeat-x top #c27460;
border: solid 1px #666666;
cursor:pointer;
margin-bottom:15px;
}

/* styles for stylized form buttons */
.buttons {
height:28px;
}
.buttons div{
background:url('/images/btn-background.gif') no-repeat;
float:left;
margin:0px 6px 0px 0px;
}
.buttons a:link, .buttons a:visited, .buttons a:visited, .buttons a:hover{
background:url('/images/btn-background.gif') no-repeat top right;
font:bold 11px/14px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
padding:2px 5px 4px 5px;
display:block;
margin:0px;
}
.buttons a:hover{
color:#FCDA88;
}
/* end styles for stylized form buttons */

.relatedTout label {
font-size:10px;
margin-bottom:3px;
display:block;
}
.smAttention {
    color:#A7432A;
    font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
    background:url('/images/icon_invalid.gif') 10px 12px no-repeat;
    border:solid 1px;
    padding:10px 10px 10px 30px;
    margin-bottom:15px;
}
.smSuccess {
    color:#519900;
    font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
    background:url('/images/icon_valid.gif') 10px 12px no-repeat;
    border:solid 1px;
    padding:10px 10px 10px 30px;
    }
.smFailed {
    color:#A7432A;
    font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
    background:url('/images/icon_invalid.gif') 10px 12px no-repeat;
    border:solid 1px;
    padding:10px 10px 10px 30px;
    
}
.smHidden {
    color:#A7432A;
    font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
    background:url('/images/icon_valid.gif') 10px 12px no-repeat;
    border:solid 1px;
    padding:10px 10px 10px 30px;
    display: none;
}


.formLabelError  {
display:block;
font:11px/14px Arial;
color:#A7432A;
margin:0px;
padding:0px;
width:auto;
background:url('/images/icon_invalid.gif') no-repeat top right;
}
.formLabelError span {
font:9px Arial;
color:#A7432A;
visibility: visible;
}
.formLabelError  input.formElement1{
border:solid 1px #A7432A;
}
.formLabelNormal {
display:block;
background-color:#FFFFFF;
background-image:none;
font:11px/14px Arial;
color:#666666;
margin:0px;
padding:0px;
width:auto;
}
.formLabelNormal span {
visibility: hidden;
}
.formLabelNormal input.formElement1{
border:solid 1px #C1D72E;
}
.formElement1 {/* styles for form element in table in body */
background-color:#FFFFFF;
border:solid 1px #C1D72E;
background:url('/images/bkg-cc.comFormField.gif') repeat-x 0px -15px #FFFFFF;
font:11px/14px Arial;
color:#666666;
margin:0px;
padding:0px;
width:auto;
}



