/*----- COMMON BODY STYLES -----*/

/*Body Presets*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, em, font, img, strong, dd, dl, dt, fieldset, form, label, legend, caption, tbody{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-style: inherit; 
	text-align: left; 
}
body, ul, li, ol, dl, td, th, caption, pre, p, blockquote, input, textarea { font-family: Arial,Verdana,sans-serif,Tahoma; font-size: 12px; color:#000; }

/*Paragraph Presets*/
p {	margin: 0.6em 0 1.2em;  padding: 0; }
p.last { margin-bottom: 0px; }
p img  { margin-left: 10px; margin-bottom: 5px; }

/*Div Floats & Align*/
div.common { clear: both; width: 100%; margin: 0px; padding: 2px 0 2px 0; overflow: auto; }
div.left-column { float: left; width: 48%; }
div.right-column { float: right; width: 48%; }
div.padding-left { padding: 0 0 0 5px; }
div.padding-right { padding: 0 5px 0 0; }
div.clearfix { clear: both; }
div.clearfix: after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Headings*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #6D9DC0; }
h1 { font-size: 20px; }
h2 { font-size: 140%; line-height: 210%; }
h3 { font-size: 130%; line-height: 200%; }
h4 { font-size: 120%; line-height: 190%; }
h5 { font-size: 110%; line-height: 180%; }
h6 { font-size: 80%; line-height: 180%; }

a img, :link img, :visited img { border: none; text-decoration: none; }

/*Links*/
a:link , a:visited { color: #09c; }
a:hover { color: #09c; text-decoration: none; }

a.white:link , a.white:visited { color: #FFF; }
a.white: hover{ color: #FFF; text-decoration: none; }


/*Text*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-xsmall { font-size: 10px; }
.text-small { font-size: 11px; }
.text-medium { font-size: 12px; }
.text-large { font-size: 14px; }
.text-xlarge { font-size: 18px; }

.text-strong { font-weight: bold; }
.text-oneline { white-space: nowrap; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong { font-weight: bold; }
em  { font-style:italic; }

.text-highlight { color: #D70000; }

.text-row { clear: both; padding-top: 2px; }
.text-row span.text-label { float: left; text-align: right; }
.text-row span.text-value { float: right; text-align: left; }

.block-center {
	width: 100%;
	margin: 0px auto;
}

/*Table*/
table { border-collapse: collapse; border-spacing: 0; }
th.left { text-align:left; }
th.right { text-align:right; }
th.center { text-align:center; }

td.left { text-align:left; }
td.right { text-align:right; }
td.center { text-align:center; }

/*List*/
ul.list-horizontal { margin: 0; padding: 0; }
ul.list-horizontal li {  margin: 0; padding: 0 3px 0 3px; list-style: none; display: inline; }


/*Forms*/
form { text-align: left; margin-top: 35px; }
form fieldset { margin: 0; border: 0; padding: 0; clear: both; position: relative; }
form label em { color: #C00; font-style: normal; font-weight: bold; }
form input, form select { display: block; float: left; margin: 3px 5px 0 0; }
#loginBoxContiner form input {
	display: block; float: left; margin: 0px 0px 0 0;
}
form checkbox, form radio { display: block; float: left; margin: 0 3px 0 0;  }

form.application label { display: block; font-size: 12px; line-height: 14px; float: left; padding: 0px 0px 12px 0px; margin: 0 10px 0 0; }
form.application label.checkbox, form.application label.radio { display: block; float: left; font-size: 12px; margin: 0 0 15px 0; padding: 5px 0 8px 0; }
/*
form.application label.first { width: 150px; }
form.application label.last, form.application label.city, form.application label.email, form.application label.dob, form.application label.day-phone, form.application label.eve-phone, label.security-answer, label.password, label.cpassword, label.website-name, label.display-name, label.card-type, label.name-on-card, label.card-number, label.expiration-date, label.security-code { width: 150px; }
form.application label.address, form.application label.security-question { width: 235px; }
form.application label.initial, form.application label.unit { width: 35px; }
form.application label.zip { width: 80px; }
form.application label.prefix, form.application label.state, form.application label.suffix { width: 40px; }
*/

div.button { clear: both; width: 100%; text-align: center; }

/*ToolTip*/
a.tt { position: relative; text-decoration: none; }
a.tt span{ display: none; }
a.tt:hover span.tooltip{ display: block; position: relative; top: 0; left: 0; padding: 5px; width: 200px; color: #993300; border: 1px solid #FF0000; background-color: #FFFF99; }

/*----- PAGE -----*/
#page { width: 970px; margin: 0 auto; background: #FFF; position: relative; }
#page-title { width: 99%; margin: 0px 0 20px 0; font-size: 22px; font-weight: bold; color:#241567; }

/*------ HEADER ------*/
#header { position: relative; clear: both; width: 970px; height: 131px; margin: 0; padding: 0; background: url("../images/blue_green/bg_header.jpg") no-repeat top right; border-bottom: 3px solid #a8c249;}

div.logo { float: left; width: 30%; margin: 90px 0px 0px 30px; }
div.cust-support { float: right; width: 60%; text-align:center; }

#member-login { position: absolute; top: 50px; right: 20px; }

/*------ FOOTER ------*/
#footer { clear: both; width: 970px; height: 30px; padding: 0; margin: 0; border-top: 3px solid #e0e0e0; }

#footer-links { width: 500px; float: left; margin: 4px; padding: 0px; }
#footer-links ul { margin: 0; padding:0; }
#footer-links ul li { margin: 0; padding: 0 5px 0 10px; list-style: none; display: inline; }
#footer-links ul li a { font-size: 11px; text-decoration:none; }

#footer-copyrights, #footer-copyrights a {
	margin: 4px 0px 0px 0px; 
	padding: 0px; 
	font-size: 11px;
	color: #a8a8a8;
}

/*----- COLUMN WRAPPER -----*/
#column-wrapper { width: auto; /* min-height: 500px; height: auto !important; height: auto; */ }
#column-wrapper.show-left { border-left-width: 0px; border-left-style: solid; border-left-color: transparent;  }
#column-wrapper.show-right { border-right-width: 0px; border-right-style: solid; border-right-color: transparent; }

#float-wrapper { 
	margin: 0; width: 100%;
	height: 100%; 
	position: relative;        
}

#column-left { float: left;  width: 0px; margin: 10px 2px 10px -0px; position: relative; }
#column-right { float: left;  width: 0px; margin: 10px -0px 10px 7px; position: relative; background-color: transparent; }
#column-middle { float: left; width: 98%;  margin: 0px 0px 10px 0px; position: relative; }

/* #column-right, #column-middle {border: 1px solid black; } */

/*------ TOP NAVIGATION ------*/
#stepnav { clear: both; height: 30px; margin: 0; padding: 8px 0px 8px 0px; }

.step-menu { padding: 0; }
.step-menu ul { margin: 0; padding: 0; }
.step-menu ul li { float: left; width: 100px; list-style: none; display: block; display: inline; padding: 2px 10px 2px 10px; margin-top: 0; }

.step-menu a:link { color: #2e92d0; font-weight: bold; text-decoration: none; }
.step-menu a:visited { color: #FFF; font-weight: bold; text-decoration: none; }

.step-menu li.prev-current {  background: url("../images/blue/bc_dkBlue_dkBlue.gif") no-repeat top right #97c9e8;}
.step-menu li.current-next { background: url("../images/blue/bc_dkBlue_ltBlue.gif") no-repeat top right #97c9e8; }

.step-menu li.next-next { background: url("../images/blue/bc_ltBlue_ltBlue.gif") no-repeat top right #d5e9f6; }
.step-menu li.prev-prev { background: url("../images/blue/bc_dkBlue_dkBlue.gif") no-repeat top right #97c9e8; }

.step-menu li.next-end { background: url("../images/blue/bc_ltBlue_white.gif") no-repeat top right #d5e9f6; }
.step-menu li.current-end { background: url("../images/blue/bc_dkBlue_white.gif") no-repeat top right #97c9e8; }


/* Top nav menu tabs. */

ul#listTopMenuRoot {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
	/* theme-specific */
	margin-top: -26px; /* 23 + 3 (tab image height + header bottom border) */
}

ul#listTopMenuRoot li {
	float: left;
}

#listTopMenuRoot a, #listTopMenuRoot a:hover {
	color: #fff;
	text-decoration: none;
}

ul#listTopMenuRoot li a {
	display: block;
	text-align: center;
	
	/* theme-specific */
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 86px;
	height: 18px; /* actual height is 23px, but remember thx box (padding)! */
	padding: 5px 0px 0px;
	margin: 0px 2px 0px 0px;
}

ul#listTopMenuRoot li a.item_short {
	/* theme-specific */
	background: #fff url(../images/blue_green/nav/btn_topnav_sh_off.gif) no-repeat;
}
ul#listTopMenuRoot li a.item_short-on {
	background: #fff url(../images/blue_green/nav/btn_topnav_sh_on.gif) no-repeat;
}

ul#listTopMenuRoot li a.item_large {
	/* theme-specific */
	background: #fff url(../images/blue_green/nav/btn_topnav_lg_off.gif) no-repeat;
	width: 113px;
}
ul#listTopMenuRoot li a.item_large-on {
	background: #fff url(../images/blue_green/nav/btn_topnav_lg_on.gif) no-repeat;    
}

ul#listTopMenuRoot li a.item_xlarge {
	/* theme-specific */
	background: #fff url(../images/blue_green/nav/btn_topnav_xl_off.gif) no-repeat;
	width: 125px;
}
ul#listTopMenuRoot li a.item_xlarge-on {    
	background: #fff url(../images/blue_green/nav/btn_topnav_xl_on.gif) no-repeat;    
}


/*----- BLOCKS -----*/

/*Content Block*/
div.content-block { margin: 0 0 0px 0; padding: 0px; }
div.side-img { margin: 100px 10px 0 10px;  }

/*Error Box*/
div.error-box { width: 90%; color: #960; font-size: 11px; text-align: left; padding: 5px; margin: 10px 5px 10px 5px; color: #960; background-color: #FFC; border: 1px solid #FC3; }

/*Shopping Cart Widget*/
table.shopping-cart { width: 400px; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0px; border: 1px #CCCCCC solid; }
table.shopping-cart th { padding: 3px; background-color: #CCCCCC; color: #000; }
table.shopping-cart td { padding: 5px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }


/* MISC */
.privacy-box {
	border: 1px solid #e1e2e6;
	background-color: #fff;
	padding: 15px 10px 15px 10px;
	margin: 0px 8px 10px;
}

#privacy-box-landing {
	background: url(../images/blue_green/img_lock.gif) no-repeat scroll 10px;
	
	border: 1px solid #BCB172;
	padding: 15px 10px 15px 50px;
	margin-bottom: 10px;
}

#privacy-box-billing {
	background: url(../images/blue_green/img_lock.gif) no-repeat scroll 30px;
	width: 300px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	padding: 15px 10px 15px 10px;
	margin: 0px auto 10px;
	padding-left: 75px;
}


.atop td { vertical-align: top; }


/* HOME PAGE */
#landing-content {
	width: 95%;
	margin: 20px auto 0px;
}

#benefits-blurb {
	margin: 30px auto 0px;
	width: 100%;
}

table#benefits-blurb h2 {
	font: bold 20px arial;
	color: #6d9dc0;
	margin: 0px;
	padding: 0px;
}

table#benefits-blurb ul {
	list-style-image: url(../images/blue_green/bullet_yellow_arrow.jpg);
	padding-left: 20px;
	margin-left: 0px;
}

table#benefits-blurb ul li {
	font: normal 15px arial;
	color: #6d9dc0;
}

#landing-offer {
	height:107px;
	background-color: #6d9dc1;
	margin: -10px -2px 15px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/* pre signup form / landing page */
form.pre-signup {
	width: 90%;
	margin: 0px auto 0px auto;
}

form.pre-signup input[type="text"] {
	width: 98%;
}


/* SIGN UP */
form h1 {
	color: #000;
}

form h3 {
	color: #333;
}

.signup-header {
	font: normal 22px arial;
	margin: 0px 0px 5px 0px;
	color: #000;
}

.signup-header .highlight {
	font-size: 23px;
	font-weight: bold;
}

.signup-header h1 {
	margin-bottom: 10px;
}

.signup-header h2 {
	margin: 0px 0px 30px 0px;
	font: normal 19px arial;
	color: #000;
}

.signup-header h2 .highlight {
	font-size: 21px;
	font-weight: bold;
}

#signup-step {
	margin: 0px 0px 15px 0px;
	font-size: 15px;
	color: #000;
}

#signup-step #step {
	font: bold 17px;
	color: #c30;
}

#signup-free-trial {
	position: absolute;
	top: 0px;
	right: 0px;
}

.highlight { color: #c30; }

#offer-details {
	margin: 10px;
	font-size: 12px;
}

#ccv-whats-this {
	float: left;
	margin: 18px 30px 0px -45px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}
#ccv-whats-this a {
	text-decoration: none;
}

/* The submit button on the signup form. */
#signup-submit { margin: 20px 180px; }

#secured-logo { margin-top: 5px; }

form.application {
	/*margin: 20px 0px 0px 10px;*/
	width: 90%;
	margin: 20px auto;
}

form.paymenttravel {
	width: 80%;
	margin: 20px auto;
}

.instruction { color: #999; }

#billing-exclusive {
	/*margin-left: 100px;*/
	text-align: center;
}

.required-fields { color: #c30; margin: 10px 0px 20px; }

form.paymenttravel .required-fields { text-align: center; margin-bottom: 5px; }


/* Payment Plan page */
#choose-plan {
	width: 90%;
	margin: 30px auto 30px;
}

#choose-plan table td {
	vertical-align: top;
}

#choose-plan-plane {
	margin-top: 50px;
}

#plane-caption {
	margin: 20px; 0px 0px;
	color: #666;
	font-size: 14px;
}


/* Special Offer page */
.fine-print {
	color: #999;
	font-size: 11px;
}

#decision-footer {
	padding: 15px;
	background-color: #e4e4e4;
	text-align: center;
}

#decision-footer a,#decision-footer a:visited {
	color: #666;
}

/* MEMBERSHIP page */
#membership-content {
	width: 90%;
	margin: 10px auto;
}

#membership-content .footnote {
	padding: 10px 0px 0px 0px;
	margin: 5px 0px 0px 40px;
}

#membership-details h2 {
	color: #000;
	margin: 10px 0px;
	line-height: 100%;
}

#membership-details ul {
	list-style: none;
	padding: 0px 15px;
}

#membership-details ul li {
	background: #fff url(../images/blue_green/img_tick.jpg) no-repeat right;
	height: 21px;
}


/* FAQ page */
#faq-content {
	width: 90%;
	margin: 10px auto 0px;
}

#faq-content h2 { color: #9EC630; }

#faq-content dl { margin-top: 10px; }
#faq-content dt { font-weight: bold; }
#faq-content dd { margin: 10px 20px 15px; }


/* PRIVACY terms */
#legal-content { margin: 20px; }
#legal-content h5 { color: #000; margin: 0px; }
#legal-content p { margin-top: 0px; }
#legal-content .intro { font-weight: bold; }
#legal-content dd { margin: 0.6em 0 1.2em }
#legal-content li { margin: 0.6em 0 1.2em }
#legal-content li ol { list-style-type: lower-alpha; }

/* UPSELL STYLES */
#upsell-body {
	width: 80%;
	margin: 0px auto;
}

#upsell-body .copy {
	margin: 0px 0px 20px 0px;
	font: normal 16px arial;
	line-height: 1.5em;
}

#upsell-body .sub-copy {
	font: normal 12px arial;
	line-height: 1.5em;	
}

table#upsell-body td { vertical-align: top; }

#upsell-body h1, #upsell-body h2 { margin: 0px 0px 15px 0px; }

#upsell-body h1 {
	font: bold 20px arial;
	color: #333;
}

#upsell-body h2 {
	margin-top: 10px;
	font: bold 20px arial;
	color: #676767;
}

#upsell-body .highlight { color: #c00; }


/* CONFIRMATION/SUMMARY PAGE */
a.david_bakey { color: #03c; }

#otc {
	color: #09c;
	font-size: 14px;
}

.nested-content {
	width: 90%;
	margin: 20px auto 0px;
}

#account-details {
	width: 350px;
}

#what-next {
	width: 200px;
}

.summary-box {
	border: 1px solid #ccc;
	margin: 0px 0px 25px 0px;
	width: 800px;
}

.summary-box .header {
	color: #333;
	border-bottom: 1px solid #ccc;
	
	font: normal 15px Verdana,arial;
	background: #fff url(../images/blue_green/summary_box_bg.jpg) repeat-x;
	/* 38px */
	height: 18px;
	padding: 9px 10px 11px;
}

.summary-box .sub-header {
	color: #f60;
}

.summary-box .content {
	padding: 10px 0px 10px 10px;
}

.summary-box ul, .summary-box ol {
	margin: 0px;
	padding: 0px;
}

.summary-box ul { list-style-type: none; }

.summary-box li {
	margin-bottom: 5px;
}

.summary-box ol li {
	margin-left: 20px;
}

.summary-box .feature {
	margin-right: 5px;
	color: #333;
}

.summary-box .value {
	color: #09c;
}

.summary-box .benefit {
	float: left;
	width: 162px;
	text-align: center;
	font-size: 11px;
	margin-right: 30px;
}

#member-benefits .benefit {
	color: #E73FA4;
	font-size: 13px;
}

.summary-box .benefit h3 {
	margin: 0px;
	padding: 0px;
	color: #09c;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

/* still not safe to use :last-child */
.summary-box .last-benefit {
	margin-right: 0px;
}


/* popup styles */
.popup-content {
	border: 5px solid #333;
	padding: 10px;
	margin: 10px;
}

/*
 * Popup windows sometimes need to display site documents that are also
 * displayed in normal windowed documents. Sometimes the popup versions will
 * have content, like headers or "Close Window" links, that shouldn't display
 * in the normal windowed version (and vice-versa). These styles aid in using
 * these in both places, instead of duplicating content.
 */
.content-block .popup-content {
	margin: 0px;
	padding: 0px;
	border: none;
}
 /* Use to hide content that would normally be poppedup, when used in a normal window. */
.content-block .pop-content { display: none; }

/* Use to hide content that would normally be windowed, when used in a popup. */
.content-block .popup-content .doc-content { display: inline; }
.popup-content .doc-content { display: none; }
 em {	
	display: block;	
	height: 2px;
	width: 20px;
	position: relative;	
	top: -15px;
	left: -10px;
 }