﻿body {
    MARGIN: 0;
    PADDING: 0;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: Arial, Sans-Serif;
    FONT-SIZE: 13px;
    COLOR: #666;
    BACKGROUND: #FFFFFF;
}

#oDiv {
    background-color: #ffffff !important; 
}

ul.topnav {
    LIST-STYLE: none;
    PADDING: 0 20px;
    MARGIN: 0;
    FLOAT: left;
    WIDTH: 949px;
    height: 58px;
    FONT-SIZE: 1.2em;
}
ul.topnav li {
    FLOAT: left;
    MARGIN: 0;
    PADDING: 0 15px 0 0;
    POSITION: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a {
    PADDING: 12px 5px;
    COLOR: #fff;
    DISPLAY: block;
    TEXT-DECORATION: none;
    FLOAT: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}
ul.topnav li a:hover 
    BACKGROUND: url(images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
    /*--Drop down trigger styles--*/
    WIDTH: 17px;
    HEIGHT: 35px;
    FLOAT: left;
    BACKGROUND: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {
    BACKGROUND-POSITION: center bottom;
    CURSOR: pointer;
}
/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    LIST-STYLE: none;
    POSITION: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    LEFT: 0;
    TOP: 35px;
    BACKGROUND: #333;
    MARGIN: 0;
    PADDING: 0;
    DISPLAY: none;
    FLOAT: left;
    WIDTH: 170px;
    BORDER: 1px solid #111;
}
ul.topnav li ul.subnav li {
    MARGIN: 0;
    PADDING: 0;
    BORDER-TOP: 1px solid #252525; /*--Create bevel effect--*/
    BORDER-BOTTOM: 1px solid #444; /*--Create bevel effect--*/
    CLEAR: both;
    WIDTH: 170px;
}
html ul.topnav li ul.subnav li a {
    FLOAT: left;
    WIDTH: 145px;
    BACKGROUND: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
    PADDING-LEFT: 20px;
    text-transform: none;
}
html ul.topnav li ul.subnav li a:hover {
    /*--Hover effect for subnav links--*/
    BACKGROUND: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}


a:link, a:visited {
    COLOR: #000000;
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
}
a:active, a:hover {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

/*p {
    MARGIN: 0px;
    PADDING: 0px;
}*/

img {
    MARGIN: 0px;
    PADDING: 0px;
    BORDER: none;
}


.cleaner {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 0px;
    FONT-SIZE: 0px;
}

.margin_bottom_10 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 10px;
    FONT-SIZE: 1px;
}
.margin_bottom_15 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 15px;
    FONT-SIZE: 1px;
}
.margin_bottom_20 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 20px;
    FONT-SIZE: 1px;
}
.margin_bottom_30 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 30px;
    FONT-SIZE: 1px;
}
.margin_bottom_40 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 40px;
    FONT-SIZE: 1px;
}
.margin_bottom_50 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 50px;
    FONT-SIZE: 1px;
}
.margin_bottom_60 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 60px;
    FONT-SIZE: 1px;
}
.margin_bottom_70 {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 70px;
    FONT-SIZE: 1px;
}

.margin_right_40 {
    MARGIN-RIGHT: 40px;
}
.margin_right_70 {
    MARGIN-RIGHT: 70px;
}

.fl {
    FLOAT: left;
}
.fr {
    FLOAT: right;
}

.button_01 a {
    CLEAR: both;
    DISPLAY: block;
    WIDTH: 100px;
    HEIGHT: 23px;
    PADDING-TOP: 5px;
    BACKGROUND: url(images/button_01.png) no-repeat;
    COLOR: #000;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}


.header_01 {
    CLEAR: both;
    PADDING-BOTTOM: 10px;
    MARGIN-BOTTOM: 10px;
    FONT-SIZE: 32px;
    LINE-HEIGHT: 40px;
    COLOR: #5a5a5a;
    font-weight: bold;
    letter-spacing: -2px;
}

.header_02 {
    CLEAR: both;
    height: 40px;
    line-height: 40px;
    PADDING-BOTTOM: 0px;
    MARGIN-BOTTOM: 15px;
    FONT-SIZE: 27px;
    LETTER-SPACING: -1px;
    COLOR: #38516a;
    font-weight: bold;
}

.header_03 {
    CLEAR: both;
    height: 40px;
    line-height: 40px;
    PADDING-BOTTOM: 0px;
    MARGIN-BOTTOM: 15px;
    FONT-SIZE: 27px;
    LETTER-SPACING: -1px;
    COLOR: #555555;
    font-weight: bold;
}

.header_04 {
    CLEAR: both;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
}

.header_04 a {
    CLEAR: both;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.header_05 {
    CLEAR: both;
    FONT-SIZE: 15px;
    font-weight: bold;
    COLOR: #5a5a5a;
    WIDTH: 150px;
    HEIGHT: 24px;
    PADDING: 3px 0 20px 20px;
}



#header_wrapper {
    WIDTH: 100%;
    HEIGHT: 220px;
    MARGIN: 0 auto;
    BACKGROUND: url(images/bgHeader.gif) repeat-x center top #000000;
}
#header_wrapper.home {
    BACKGROUND: url(images/bgHeaderHome.gif) repeat-x center top #000000;
}

#header {
    WIDTH: 949px;
    MARGIN: 0 auto;
}

#header #site_logo {
    FLOAT: left;
    WIDTH: 949px;
    HEIGHT: 130px;
    FONT-SIZE: 40px;
    COLOR: #ffffff;
    BACKGROUND: url(images/imgHeader.jpg) no-repeat;
}

/* menu */

#nav {
    width: auto;
    height: 58px;
    background: url(images/bgNavigation.gif) repeat-x center top;
}

/* end of menu*/

/* end of header */

#banner_wrapper {
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 281px;
    MARGIN: 0 auto;
    BACKGROUND-COLOR: #f3f1ec;
}

#banner {
    WIDTH: 900px;
    HEIGHT: 251px;
    MARGIN: 0 auto;
    PADDING: 30px 40px 0 40px;
    background:url(images/banner_bg.jpg)bottom no-repeat;
    border-bottom: 1px solid #ebe8e3;
}

#banner #banner_image {
    FLOAT: left;
    WIDTH: 413px;
    HEIGHT: 230px;
    BACKGROUND: url(images/banner_image_bg.png) no-repeat left top;
}

#banner_content {
    FLOAT: right;
    TEXT-ALIGN: left;
    WIDTH: 480px;
}

#banner_content p {
    COLOR: #959787;
    FONT-SIZE: 16px;
    LINE-HEIGHT: 18px;
    MARGIN-BOTTOM: 20px;
}

#banner_image_wrapper {
    PADDING: 10px 0 0 10px;
}

#banner_image_wrapper img {
}


/* content */

#content_wrapper2 {
    CLEAR: both;
    WIDTH: auto;
    HEIGHT: auto;
    BACKGROUND: #ffffff;
}
#content_wrapper_large {
    CLEAR: both;
    WIDTH: auto;
    HEIGHT: auto;
    PADDING: 50px 30px;
    BACKGROUND: #ffffff;
}
#content_wrapper {
    CLEAR: both;
    WIDTH: 980px;
    MARGIN: 0 auto;
    BACKGROUND: #ffffff;
}

#content {
    WIDTH: auto;
    PADDING: 30px 40px;
    BACKGROUND: #ffffff;
}


#column_w530 {
    FLOAT: left;
    WIDTH: 530px;
    LINE-HEIGHT: 20px;
    BACKGROUND: #ffffff;
}

#column_w300 {
    FLOAT: right;
    WIDTH: 278px;
    BORDER-left: 1px solid #7c7c77;
    padding-left: 20px;
}

#column_w530 .em_text {
    position: relative;
    top: -10px;
    font-size: 15px;
    COLOR: #000;
}

#column_w530 p {
    MARGIN-BOTTOM: 15px;
}

.content_list_01 {
    MARGIN: 0 0 0 30px;
    PADDING: 0 0 0 10px;
    list-style-type: none;
    background: url(images/bltBlue.jpg) no-repeat left top;
}

.content_list_01 li {
    MARGIN: 0px;
    PADDING: 0 0 10px 10px;
}

.content_section_01 {
    BORDER-LEFT: 10px solid #bbd142;
    PADDING-LEFT: 20px;
}

.column_w300_section_01 {
    CLEAR: both;
    PADDING: 0 0 20px 0;
}
.column_w300_section_01.news a {
    color: #427db4;
}

.even_color {
    BACKGROUND: #e0dfdf;
}

.news_image_wrapper {
    FLOAT: left;
    WIDTH: 70px;
    HEIGHT: 70px;
    PADDING: 4px;
    MARGIN: 3px 0 0 0;
    BORDER: 1px solid #dad8d8;
    BACKGROUND: #ffffff;
}

.news_image_wrapper img {
    WIDTH: 69px;
    HEIGHT: 69px;
    BORDER: 1px solid #9c9d85;
}

.news_content {
    FLOAT: right;
    WIDTH: 170px;
}

.news_content .news_date {
    FONT-SIZE: 12px;
    COLOR: #9a9a9a;
}

.news_content p {
    LINE-HEIGHT: 15px;
    FONT-SIZE: 11px;
}

.link {
      width: 50%;
      height: 48px;
      line-height: 48px;
      vertical-align: top; 
      font-size: 16px;         
}
.link img{
      float: left;
      margin-right: 10px;
}
.link a {
      text-decoration: none;
      width: auto;
      height: auto;
      display: block;
      cursor: pointer;
}
.link a:hover {
      text-decoration: underline;
}

.ActionGridData {
      margin-bottom: 15px;
}

.socialNetworkingManager img {
    BORDER: 0;
}
.socialNetworkingManager .enrollLinkText {
    FONT-SIZE: 11px;
    COLOR: #666;
    FONT-STYLE: italic;
    MARGIN-BOTTOM: 5px;
}
.socialNetworkingManager .fieldInstructionsText {
    FONT-SIZE: 11px;
    COLOR: #666;
    FONT-STYLE: italic;
    MARGIN-BOTTOM: 10px;
}
.socialNetworkingManager table td {
    VERTICAL-ALIGN: top;
    PADDING-RIGHT: 20px;
    PADDING-BOTTOM: 25px;
}
.socialNetworkingManager table.sub td {
    VERTICAL-ALIGN: middle;
    PADDING-RIGHT: 5px;
    PADDING-BOTTOM: 0px;
}
.socialNetworkingManager td input {
    PADDING: 5px;
    FONT-SIZE: 15px;
}
.socialNetworkingManager td b {
    FONT-SIZE: 17px;
    font-weight: normal;
}
.socialNetworkingManager .urlLabel {
    WIDTH: 180px;
    HEIGHT: 24px;
    LINE-HEIGHT: 24px;
    TEXT-ALIGN: right;
    PADDING: 5px;
    FLOAT: left;
    FONT-SIZE: 15px;
}
.socialNetworkingManager .buttonBack {
    WIDTH: auto;
    HEIGHT: auto;
    MARGIN: 4px 15px 4px 20px;
    TEXT-ALIGN: center;
    POSITION: relative;
    TOP: -2px;
    COLOR: #666;
    FONT-WEIGHT: bold;
}
.socialNetworkingManager .buttonTest {
    WIDTH: auto;
    HEIGHT: auto;
    MARGIN: 4px 15px 4px 20px;
    TEXT-ALIGN: center;
    POSITION: relative;
    TOP: -7px;
    COLOR: #666;
    FONT-WEIGHT: bold;
}

.downloadTable
{
width: auto;
height: auto;
border-color: #CCC;
}

.downloadTable .style1
{
text-indent: 15px;
border: 1px solid #CCC;
padding-right: 15px;
}

.downloadTable .style2
{
border: 1px solid #CCC;
}

.errorMessage
{
width: 700px;
height: 200px;
}

.errorMessage img
{
position: absolute;
width: 180px;
height: 180px;
}

.errorMessage h1
{
position: absolute;
width: 500px;
PADDING-BOTTOM: 20px;
MARGIN-BOTTOM: 40px;
FONT-SIZE: 22px;
LETTER-SPACING: 2px;
COLOR: #000000;
BACKGROUND: url(images/header_01_bg.jpg) left bottom no-repeat;
margin-left: 190px;
margin-top: 10px;
font-weight: normal;
}

.errorMessage p
{
position: absolute;
color: #333333;
width: 500px;
margin-left: 190px;
margin-top: 50px;
}

.errorMessage a
{
color: #336699;
line-height: 20px;
cursor: pointer;
text-decoration: underline;
}


/* end of content

/* footer */

#footer_wrapper {
    WIDTH: 100%;
    MARGIN: 0 auto;
    BACKGROUND: url(images/bgFooter.gif) repeat-x;
}

#footer {
    WIDTH: 949px;
    height: 256px;
    PADDING: 50px 0 0 0;
    MARGIN: 0 auto;
    COLOR: #515251;
}

#footer a {
    TEXT-DECORATION: none;
    COLOR: #7a7a7a;
}

.section_w180 {
    FLOAT: left;
    WIDTH: 160px;
    PADDING: 0 20px 0 0;
}

.section_w180_content {
    PADDING: 0 0 0 20px;
}

#footer .footer_menu_list {
    MARGIN: 0px;
    PADDING: 0px;
    LIST-STYLE: none;
}

#footer .footer_menu_list li {
    MARGIN: 0 0 10px 0;
    PADDING: 0px;
}

#footer .footer_menu_list li a {
    COLOR: #427db4;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    font-size: 12px;
}
#footer .footer_menu_list li a:hover {
    text-decoration: underline;
}
/* end of footer */










/**********
***********START API CLASSES ************/

.signup td {
    vertical-align: top;
}
.signup h1 {
    font-size: 18px;
}
.signup h2 {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -1px;
    border-bottom: 1px solid #CCC;
}
.signup h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.signup h4 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #CCC;
}
.signup fieldset {
    width: auto;
    padding: 0 15px 15px 15px;
}
.signup label:hover {
    cursor: pointer;
}
.signup .footer {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #CCC;
    margin-top: 15px;
    color: #999;
}
.signup .spacer10 {
    width: auto;
    height: 10px;
}
.signup .spacer10divider {
    width: auto;
    height: 1px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.signup .spacer20 {
    width: auto;
    height: 20px;
}
.signup .clear {
    clear: both;
}
.signup .specialInstructions {
    font-size: 12px;
    font-style: italic;
    color: #666;
}
.signup .cartTable {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.signup .filters {
    vertical-align: top;
    background-color: #999;
    padding: 1px 2px 10px 2px;
    width: 150px;
    color: #FFF;
    line-height: 18px;
}
.signup .filters h2 {
    margin: 0 0 5px 0;
    background-color: #666;
    padding: 3px 3px 3px 6px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
.signup .filters ul, .filters li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.signup .filters li a {
    display: block;
    width: auto;
    height: auto;
    margin-left: 10px;
    text-decoration: none;
    color: #FFF;
}
.signup .filters li a:hover {
    text-decoration: underline;
}
.signup .items {
    vertical-align: top;
    padding: 5px;
}
.signup .label {
    width: 150px;
    text-indent: 10px;
    text-align: right;
    padding-right: 10px;
}
.signup .label.required {
    text-indent: 0px;
}
.signup .label.required:first-letter, b.required {
    color: #0095e2;
    font-weight: bold;
    font-size: 18px;
}
.requiredText {
    font-style: italic;
    color: #0095e2;
}
.nextInstructions {
    font-size: 14px;
    margin-bottom: 8px;
}
.fieldInstructions {
    font-size: 11px;
    font-style: italic;
    color: #999;
}
.addressVerificationStatus {
    margin-top: 10px;
    height: 60px;
    width: auto;
    padding: 40px 15px 0 65px;
    font-size: 17px;
}
.addressVerificationStatus.success {
    background: url(images/bgVerificationSuccess.jpg) no-repeat left center;
}
.addressVerificationStatus.success span {
    color: Green;
}
.addressVerificationStatus.failure {
    background: url(images/bgVerificationFailure.jpg) no-repeat left center;
}
.addressVerificationStatus.failure span {
    color: Red;
}
.packageSelection .header {
    border: 1px solid #CCC;
    background-color: #EEE;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}
.packageSelection .header label {
    display: block;
    width: auto;
    height: auto;
}
.packageSelection .content {
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 5px;
    display: none;
}
.packageSelection .productImage {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.packageSelection .productDescription {
    float: left;
}
.buttonBack {
    width: auto;
    height: auto;
    margin: 4px 15px 4px 20px;
    text-align: center;
    position: relative;
    top: -2px;
    color: #666;
    font-weight: bold;
}
.error {
    margin-bottom: 10px;
    color: Red;
    font-weight: bold;
}





.pack {
    width: auto;
    height: auto;
    border: 1px solid #CCC;
    padding: 5px;
}
.pack.emphasis {
    background-color: #e8f4f4;
}
.packPic {
    text-align: center;
    margin: 15px 0;
}
.packHeader {
    text-align: center;
    font-size: 17px;
}
.packPrice {
    text-align: center;
    font-size: 15px;
    font-style: italic;
    color: #666;
    margin-bottom: 15px;
}
.packSelect {
    text-align: center;
}
.packDescription {
    margin-top: 15px;
    border-top: 1px solid #CCC;
    padding-top: 15px;
}

.packOptions {
    background-color: #F8F8F8;
    border: 1px solid #CCC;
}
.largeRadio input {
    display: block;
    width: 36px;
    height: 36px;
    background: none;
    cursor: pointer;
    margin: 0 auto;
}





.cartHeader {
    font-weight: bold;
}
.cartHeader td {
    border-bottom: 1px solid #CCC;
}



