/* CSS Document
yellow: f6e63b
*/
html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; margin-bottom: 10px; font-size: 16pt; }
body * { padding: 0; margin: 0; font-size: 1em; }
#wrapper { width: 870px; margin: auto; overflow: hidden; font-size: 62.5%; }
img { border: 0; }
a { cursor: pointer; }
ul {list-style-type: disc; display: inline-block; margin-bottom: 16px; line-height: 1.5em; }
ul.noBullets {list-style-type: none; display: inline-block; margin-bottom: 16px; line-height: 1.5em; }
/* li { margin-bottom: 12px; } */
h1 { font-size: 2em; color: #000; margin-bottom: .45em; line-height: 1em; }
h2 { font-size: 1.6em; color: #000; margin-bottom: .25em; }
h3 { font-size: 1.4em; color: #000; /* margin-bottom: .25em; */ }
h4 { font-size: 1.2em; /* 2.2em ? */ color: #009f5d; }
h5 { font-size: 1.2em; margin-bottom: .5em; }
h6 { font-size: 1.0em; /* margin-bottom: .5em; */ }
/* PC Specific Formatting Styles */
body { background: #141414 url(/content/images/bg_body.jpg) no-repeat center top; border-top: 10px solid #f6e63b; }
.quote { font-style: italic; }
.quoteBy { font-style: italic; font-weight: bold; }
/* Header */
#header { position: relative; }
#header #logo { display: block; width: 329px; height: 78px; padding-top: 10px; background: url(/content/images/bg_logo_preferredcommerce.png) no-repeat 0 10px; }
#header #nav_secondary { float: right; display: inline; width: 166px; padding-left: 15px; height: 49px; background: url(/content/images/bg_nav_secondary.jpg); background-repeat: no-repeat; background-position: 15px -16px; }
#header #nav_secondary li { float: left; }
#header #nav_secondary li a { display: block; color: #fff; height: 11px; border-left: 1px solid #f6e63b; padding: 5px 15px 7px 5px; font-size: 1.0em; font-weight: bold; text-decoration: none; }
#header #nav_secondary li a:hover { background: #141414; padding: 5px 15px 7px 5px; }
#header #nav_main { float: right; display: inline; width: 408px; padding-left: 20px; height: 14px; }
#header #nav_main li { float: left; }
#header #nav_main li a { display: block; height: 30px; line-height: 30px; margin-left: 13px; color: #000; background: #f6e63b; padding: 0 10px; font-size: 1.10em; font-weight: bold; text-decoration: none; }
/* #header #nav_main li a:hover {
border-top: 4px solid #141414;
height: 26px;
} */
#header #nav_main li a:hover { background: #FBC130; /*color:#fff; */ }
/* Content Area */
#content_area { clear: both; display: inline-block; background: #fff url(/content/images/bg_content.png); border: 5px solid #fff; padding: 37px; margin-bottom: 12px; }
#content_area #banner { width: 420px; height: 218px; padding: 20px 340px 20px 25px; background: url(/content/images/banner_1.jpg) no-repeat; margin-bottom: 30px; color: #fff; font-size: 2em; font-weight: bold; }
#content_area #secondary_col { float: right; display: inline; width: 190px; background: #fff; padding: 21px; }
#content_area #secondary_col a.thumb { display: block; width: 190px; height: 154px; background: url(/content/images/thumb_oranges.jpg) no-repeat; margin-bottom: 30px; }
#content_area #primary_col { display: inline-block; width: 470px; padding: 30px; background: #fff; padding: 21px; }
#content_area #primary_col a.thumb { display: block; width: 190px; height: 154px; background: url(/content/images/thumb_oranges.jpg) no-repeat; margin-bottom: 30px; }
#content_area p { clear: both; margin-bottom: 1.5em; /* font-size: 1.0em; */ line-height: 1.5em; }
/* Footer */
#footer { background: #070507 url(/content/images/bg_footer.jpg) no-repeat center top; height: 193px; border-top: 1px solid #3a352f; color: #c2d04c; font-size: 62.5%; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline !important; }
#footer #footer_columns { display: block; width: 820px; padding: 20px 0 0 50px; margin: auto; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; font-size: .9em; }
#footer #footer_columns li.col1 { float: left; display: inline; width: 500px; }
#footer #footer_columns li.col1 ul.subnav { display: inline-block; margin-bottom: 22px; }
#footer #footer_columns li.col1 ul.subnav li { float: left; width: 118px; }
#footer #footer_columns li.col1 ul.subnav li a { display: block; margin-bottom: .5em; text-decoration: none; }
#footer #footer_columns li.col1 ul.companies { display: inline-block; margin-bottom: 22px; }
#footer #footer_columns li.col1 ul.companies li { float: left; width: 118px; }
#footer #footer_columns li.col1 ul.companies li a { display: block; padding-right: 25px; text-decoration: none; color: #c2d04c; }
#footer #footer_columns li.col1 p { clear: both; color: #fff; }
#footer #footer_columns li.col2 { float: left; display: inline; width: 185px; }
#footer #footer_columns li.col2 a { display: block; margin-bottom: .5em; text-decoration: none; }
#footer #footer_columns li.col3 { float: left; display: inline; width: 135px; }
#footer #footer_columns li.col3 a { display: block; margin-bottom: .5em; text-decoration: none; }
/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input { margin-bottom: 10px; }
input[type="text"] { width: 200px; border: 1px solid #CCC; }
input[type="password"] { width: 200px; border: 1px solid #CCC; }