/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/


/*****************************************
************* Layout *********************
*****************************************/
html {
font-family: arial, helevtica, sans-serif;
font-size: 1em;
color: #000;
}

body {
background: #fff url(images/header_bg.gif) repeat-x left top;
margin: 0;
}

#accp-mktg-container {
width: 960px;
margin: 0 auto;
}

#accp-mktg-header {
clear: both;
height: 120px;

position: relative;
}

#accp-mktg-header-body {

}

#accp-mktg-header .logo {
position: absolute;
top: 0;
left: 0;
}

#accp-mktg-header .headline {
position: absolute;
top: 42px;
left: 192px;
}

/*** nav ***/
#accp-mktg-header ul.top-nav {
/*
position: absolute;
top: 0;
left: 300px;
*/
float: right;
list-style: none;
margin: 16px 5px 0 0;
padding: 0;
}

#accp-mktg-header ul.top-nav a {
text-decoration: none;
color: #000;
}

#accp-mktg-header ul.top-nav a:hover {
text-decoration: underline;
color: #000;
}

#accp-mktg-header ul.top-nav li {
float: left;
padding: 0 0.8em;
border-left: 1px solid #000;
text-transform: capitalize;
}

#accp-mktg-header ul.top-nav li.first,
#accp-mktg-header ul.top-nav li.last {
border-width: 0;
}

#accp-mktg-header ul.top-nav li.login-button {
padding: 0;
}

#accp-mktg-header ul.top-nav li.login-button a {
display: block;
width: 79px;
height: 21px;
background: #fff url(images/accp-mktg/button-login.jpg) no-repeat left top;
text-indent: -9999px;
}
/*** END: nav ***/


#accp-mktg-content {
margin: 26px 0;
}

#accp-mktg-content .main-content {
margin: 0 16px;
font-size: 1.3em;
}

#left-column {
float: left;
width: 240px;
}

#right-column {
float: right;
width: 738px;
}

#accp-mktg-footer {
width: 100%;
clear: both;
margin: 2em 0 0 0;
font-size: 0.9em;
}

#accp-mktg-footer-body {

}
/*****************************************
*********** END: Layout ******************
*****************************************/



/*****************************************
********** Body Styles *******************
*****************************************/
a {
color: #a01540;
text-decoration: none;
}

a:hover {
color: #a01540;
text-decoration: underline;
}

.breadcrumb, h1.title {
display: none;
}

h1 {
margin: 0 0 0.8em 0;
font-size: 2.6em;
font-weight: normal;
color: #000;
}

h2 {
margin: 0 0 0.8em 0;
font-size: 1.5em;
font-weight: bold;
color: #69737c;
}

h3 {
margin: 0 0 0.8em 0;
font-size: 1.2em;
font-weight: bold;
color: #000;
}

h4 {
margin: 0 0 0.8em 0;
font-size: 1.2em;
font-weight: bold;
color: #69737c;
}

h5 {
margin: 0 0 0.1em 0;
font-size: 1em;
font-weight: bold;
color: #000;
}

h6 {
margin: 0 0 0.1em 0;
font-size: 1em;
font-weight: bold;
color: #69737c;
}

hr {
margin: 1em 0 !important;
border-width: 0 !important;
border-top: 1px solid #888 !important;
background: #fff !important;
color: #fff !important;
}

.small {
font-size: 0.9em;
}

.x-small {
font-size: 0.8em;
}

.big {
font-size: 1.2em;
}

.x-big {
font-size: 1.4em;
}

.gray {
color: #999;
}

.red {
color: #cc0000;
}

.all-caps {
text-transform: uppercase;
}

.no-caps {
text-transform: none;
}

.lowercase {
text-transform: lowercase;
}

.no-italics {
font-style: normal;
}

.bold {
font-weight: bold;
}

.no-bold {
font-weight: normal;
}

.align-left {
float: left;
margin: 0 1.5em 1.5em 0;
}

.align-right {
float: right;
margin: 0 0 1.5em 1.5em;
}

.clear-float {
clear: both;
display: block;
width: 100%;
}

.image-border {
border: 1px solid #ccc;
}

ul.no-bullets {
list-style: none;
}


/********* body columns *********/

/*** cols-2-columns ***/
.cols-2-columns {
width: 100%;
clear: both;
overflow: auto;
margin: 0 0 1.6em 0;
}

.cols-2-columns .left-col {
float: left;
width: 460px;
}

.cols-2-columns .right-col {
float: right;
width: 460px;
}

.cols-2-columns .col-box {
width: 460px;
margin: 0;
padding: 10px 0 0 0;
background: #dadde2 url(images/accp-mktg/2-col-box-top.jpg) no-repeat left top;
}

.cols-2-columns .col-box-body {
padding: 0 1.5em;
color: #333;
}

.cols-2-columns .col-box-bottom {
padding: 0 0 10px 0;
background: #dadde2 url(images/accp-mktg/2-col-box-bottom.jpg) no-repeat left bottom;
}

.cols-2-columns .col-box ul {
margin-left: 1em;
}

.cols-2-columns .col-box ul li {
margin: 0.3em 0;
}
/*** END: cols-2-columns ***/


/*** cols-2-columns ***/
.cols-3-columns {
width: 100%;
clear: both;
overflow: auto;
margin: 0 0 1.6em 0;
}

.cols-3-columns .col-01 {
float: left;
width: 300px;
margin: 0 30px 0 0;
}

.cols-3-columns .col-02 {
float: left;
width: 300px;
margin: 0 30px 0 0;
}

.cols-3-columns .col-03 {
float: left;
width: 300px;
margin: 0;
}

.cols-3-columns .col-box {
width: 300px;
margin: 0;
padding: 10px 0 0 0;
background: #dadde2 url(images/accp-mktg/3-col-box-top.jpg) no-repeat left top;
}

.cols-3-columns .col-box-body {
padding: 0 1.5em;
color: #333;
}

.cols-3-columns .col-box-bottom {
padding: 0 0 10px 0;
background: #dadde2 url(images/accp-mktg/3-col-box-bottom.jpg) no-repeat left bottom;
}

.cols-3-columns .col-box ul {
margin-left: 1em;
}

.cols-3-columns .col-box ul li {
margin: 0.3em 0;
}
/*** END: cols-3-columns ***/

h2.col-header {
margin: 0 0 0.4em 16px !important;
padding: 0 !important;
background: #fff url(images/accp-mktg/bg-header-line.jpg) repeat-x right 12px;
text-transform: capitalize !important;
font-size: 1.3em !important;
font-weight: normal !important;
color: #69737c !important;
}

h2.col-header span {
background: #fff;
padding: 0 0.2em 0 0;
}

.col-box-body h3 {
font-size: 1.6em !important;
font-weight: normal !important;
color: #a01540 !important;
}
/********* END: body columns *********/



.sidebar-box {
width: 255px;
padding: 10px 0 0 0;
background: #dadde2 url(images/accp-mktg/sidebar-box-top.jpg) no-repeat left top;
}

.sidebar-box-body {
padding: 0 1.5em;
font-size: 0.8em;
color: #69737c
}

.sidebar-box-bottom {
padding: 0 0 18px 0;
background: #dadde2 url(images/accp-mktg/sidebar-box-bottom.jpg) no-repeat left bottom;
}

.sidebar-box h3 {
font-size: 1.4em !important;
font-weight: normal !important;
color: #69737c !important;
}


/*** buttons ***/
.hp-button a {
display: block;
width: 427px;
height: 76px;
margin: 42px 0 0 0;
background: #aa113f url(images/accp-mktg/buttons/hp-button.jpg) no-repeat left top;
text-indent: -9999px;
}

a.button {
display: block;
width: 195px;
height: 35px;
margin: 0;
background: #aa113f url() no-repeat left top;
text-indent: -9999px;
}

a.button-contact-us {
background-image: url(images/accp-mktg/buttons/contact-us.jpg);
}

a.button-order-now {
background-image: url(images/accp-mktg/buttons/order-now.jpg);
}
/*** END: buttons ***/

.note {
font-size: 0.9em;
color: #888;
}


/*****************************************
********** END: Body Styles **************
*****************************************/