/*
Theme Name: CCA
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/


BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #000000;
}
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
LABEL, BUTTON {cursor: pointer;}
H1, H2, H3, H4, H5, H6, P, UL, OL, FORM  {
	padding: 0;
	margin: 0;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
}
/*  Container  */
.container {
    margin: auto;
    text-align: left;
    width: 780px;
}
.page-id-3 .content .container {width: 940px;}

/*  Header  */
.header {background: #000000 url("public/images/bg/header-bg.gif") repeat-x left top;}
.top-menu {
    padding: 10px 14px 0 0;
    text-align: right;
}
.top-menu UL LI {
    font-size: 9px;
    display: inline;
    color: #ffffff;
}
.top-menu UL LI A {color: #ffffff;}


.top-menu UL LI.current_page_item A, .top-menu UL LI A:HOVER {text-decoration: underline;}
.header A.logo {
    margin: 32px 0 0 166px;
    float: left;
    display: inline;
    line-height: 0%;
    font-size: 1px;
}
.main-menu {
    margin: 30px 0 0 0;
    float: left;
    display: inline;
}
.main-menu UL LI {
    display: inline;
    float: left;
    margin-left: 1px;
}
.main-menu UL LI A {
    font-size: 14px;
    color: #ffffff;
    display: block;
    width: 109px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: url("public/images/bg/menu-bg.gif") no-repeat left top;
}
.main-menu UL LI A:HOVER {
    text-decoration: none;
    background: url("public/images/bg/menu-bg-hover.gif") no-repeat left top;
}
.main-menu UL LI.current_page_parent A,
.main-menu UL LI.current_page_item A, .main-menu UL LI.current_page_item A:HOVER {
    background: url("public/images/bg/menu-bg-active.gif") no-repeat left top;
    color: #000000;
}
/*  Top Content  */
.top-content {
    background: #e6e6e6;
    padding: 20px 0 17px 0;
}
.text-box {
    width: 520px;
    float: left;
    margin-top: 50px;
}
.top-content H1 {
    font-size: 42px;
    font-weight: normal;
}
.top-content P {
    font-size: 16px;
    line-height: 22px;
}
.top-content .invoice {
    float: right;
    display: inline;
    margin-right: 12px;
}
/*  Content  */
.content {
    background: #f5f5f5 url("public/images/bg/content-bg.gif") repeat-y center top;
    padding: 20px 0;
}
.content H2 {
    font-size: 18px;
    color: #010101;
    font-weight: normal;
    line-height: 28px;
}
.content H3 {
    font-size: 12px;
    line-height: 20px;
    padding: 14px 0 13px 0;
    color: #000000;
}
.content P {
    font-size: 12px;
    line-height: 20px;
    padding: 14px 0 13px 0;
    color: #000000;
}
.content P.top-10 {padding-top: 10px;}
.content A {color: #000000; text-decoration: underline;}
.content A:HOVER {text-decoration: none;}
.col {
    float: left;
    width: 370px;
}
.content-col {padding: 0 20px 0 0;}
.content-col.right {padding: 0 0 0 20px;}
.content LABEL {
    font-size: 11px;
    width: 100%;
    float: left;
}
.content LABEL SPAN {color: #FF0000;}
.content INPUT {
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    padding: 3px 5px;
    width: 230px;
    float: left;
}
.content SELECT {
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    width: 242px;
}
.content TEXTAREA {
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #D5D5D5;
    width: 358px;
    height: 45px;
    font-family: Arial, Helvetica, sans-serif;
}
.content .input-error {border: 1px solid #A22C12;}
.content SPAN.note-form {font-size: 9px;}
.row-form {
    margin-top: 12px;
    width: 360px;
    float: left;
}
.row-form.button-row {
    text-align: center;
    margin-top: 16px;
}
.row-form.button-row BUTTON {
    background: url("public/images/buttons/signup.gif") no-repeat left top;
    width: 121px;
    height: 37px;
    border: none;
    outline: none;
    text-indent: -2000em;
    float: left;
    display: inline;
    margin-left: 122px;
}

.content TABLE {
    background: #ffffff;
    border-top: 1px solid #90969F;
    border-right: 1px solid #BDC0C6;
}
.content TABLE TH {
    vertical-align: top;
    text-align: center;
    /*width: 104px;*/
    border-left: 1px solid #BDC0C6;
    border-bottom: 1px solid #90969E;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    color: #00A2F4;
    padding: 10px 2px 8px 2px;
} 
.content TABLE TD {
    vertical-align: top;
    text-align: center;
    width: 104px;
    border-left: 1px solid #BDC0C6;
    border-bottom: 1px solid #90969E;
    line-height: 16px;
    font-size: 12px;
    color: #22242a;
    padding: 10px 2px 8px 2px;
}
.content TABLE TD.align-left, 
.content TABLE TH.align-left {
    text-align: left; 
    padding-left: 4px;
} 
/*  Footer  */
.footer {
    background: url("public/images/bg/footer-bg.gif") no-repeat center top;
    height: 369px;
}
.footer .col {margin-top: 18px;}
.footer H2 {
    font-size: 14px;
    color: #87D3EF;
    line-height: 22px;
    padding-right: 20px;
} 
.footer P {
    font-size: 12px;
    color: #FEFEFE;
    line-height: 22px;
    padding-right: 20px;
}
.footer P.copy {font-size: 10px; margin-top: 25px;}
.footer .states {
    width: 95px;
    float: left;
}
.footer .states.first {width: 105px;}
.footer .states UL LI {
    list-style: none;
}
.footer .states UL LI A {
    font-size: 11px;
    color: #FEFEFE;
    text-decoration: underline;
}
.footer .states UL LI A:HOVER {text-decoration: none;}
.right-footer {text-align: center;}
.right-footer UL LI {
    display: inline;
    font-size: 11px;
    color: #FEFEFE;
}
.right-footer UL LI A {color: #FEFEFE;}
.right-footer UL LI A:HOVER,.right-footer UL LI.active A {text-decoration: underline;}

.container:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.container {display: inline-block;}
* html .container {height:1%;}
.container {display:block;}

#sidebar {
	float: right;
	width: 360px;
}
.footer .col {width: 390px;}
#form-error {
	font-size: 12px;
	font-weight: bold;
	color: #A22C12;
	border: 2px solid #000000;
	margin: 0 0 0 -32px;
	padding: 10px 10px 10px 32px;
}

#ajax-loader {
	float: left;
	display: none;
	margin: 7px 0 0 5px;
}
