@charset "utf-8";
* {
	margin: 0;
}

html { height: 100%;
   }

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #666666;
	height: 100%;

}



.oneColLiqCtrHdr #wrapper{

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */

}


/* ----------------------------------------------------------------------------------------------------------
Login area
---------------------------------------------------------------------------------------------------------- */

.oneColLiqCtrHdr #header_wrapper {
	width: 935px;
	background:top left no-repeat url(../images/top_red_gradient.png);
	padding:10px 0;
	margin:0 auto;
}

#header_login {
	font-size:80%;
	text-align:right;
}

.logout {
color:#999999;
font-size:12px;
}

.logout h2{
float:left;
margin-top:0;
margin-right:10px;
margin-bottom:5px;
border-bottom: dotted thin #666666;
color:#333333;
}

.loginfield {
	margin:0 10px 8px 0;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}


/* ----------------------------------------------------------------------------------------------------------
Global Navigation
---------------------------------------------------------------------------------------------------------- */

.oneColLiqCtrHdr #nav {
	width:100%;
	background: url(../images/navBar_red.jpg) repeat-x 0 0;
}

.oneColLiqCtrHdr #nav_wrapper {
	width: 935px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	height:34px;
}

#globalnav ul{ 	
	margin:0; 
	padding:5px 0 0 20px;
	list-style:none;
}

#globalnav li {
	text-align:center;
	margin: 0;
	padding: 0;
	display: inline;
	font-weight:bold;
	font-size:100%;
}

#globalnav li a { 
	color:#FFFFFF;
	text-decoration:none;
	display: block;
	float: right;
	margin-right:10px;
	padding:0 0 0 16px;
	overflow:hidden;
	line-height:25px;
}

#globalnav li a:hover { 
	text-decoration:none;
	background:url("../images/nav_linkLeft.png") no-repeat bottom left;
}

#globalnav li a span { 
	display: block; 
	padding: 0 16px 4px 0;
}

#globalnav li a:hover span { 
	display: block;
	text-decoration:none; 
	background: url("../images/nav_linkRight.png") no-repeat bottom right;

}/* Hover state CSS */

#globalnav li.nav-active a { 
	display:block;
	text-decoration:none;
	background:url("../images/nav_linkBotL_active.png") no-repeat bottom left;

}

#globalnav li.nav-active a span{ 
	text-decoration:none; 
	background: url("../images/nav_linkBot_active.png") no-repeat bottom right;

}

/* ----------------------------------------------------------------------------------------------------------
Level 2 Navigation (grey tabs)
---------------------------------------------------------------------------------------------------------- */
.oneColLiqCtrHdr #grey_bar {
	width:100%;
	background:url(../images/greybar2.gif) repeat-x;

}

.oneColLiqCtrHdr #greybar_wrapper {
	width: 935px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	min-height: 20px;
	color:#FFFFFF;

}

#greybar_wrapper ul {
	list-style: none;
	text-align: right;
	font-weight: lighter;
	font-size:85%;
	margin:0;
	padding:5px 0 ;
}

#greybar_wrapper li {
	display:inline;
	text-align:center;
	padding-right:15px;
}

#greybar_wrapper li a{
	text-decoration: none;
	color: #FFFFFF;
}

#greybar_wrapper li a:hover{
	text-decoration: underline;
}

#greybar_wrapper li.g-active {
	color: #CCCCCC;
}

/* ----------------------------------------------------------------------------------------------------------
Content area
---------------------------------------------------------------------------------------------------------- */
.oneColLiqCtrHdr #container {
	width: 935px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 0 10px 0;
	overflow: hidden;

}


/* IE6 Fix */
* html #container {
    overflow: visible;
}

#container h1 {
	color: #ef1a2e;
	line-height:20px;
}

.margin_x  {
	padding-right:12px;
}


#banner_flash {
	margin:20px 0 10px 0;
	padding:0;
}

/* Service Annoucement */
#service_annce {
	background:url(../images/annce_bar.png) no-repeat;
	height:67px;
}

#service_annce .info{
	padding:0;
	float:left;
	color:#333333;
	width:680px;
	font-size:80%;
	margin:20px 0 0 0;
}

#service_annce img {
	float:left;
	margin-left:20px;
}

#service_annce .info a{
	color: #ef1a2e;
}

#service_annce .marginTitle {
	margin-right:25px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:12px;
	float:left;
	
}

.margin_midx {
	margin-right:35px;
	padding:0;
}

/* ----------------------------------------------------------------------------------------------------------
Left contents
---------------------------------------------------------------------------------------------------------- */

.oneColLiqCtrHdr #content_left{
	width:203px;
	float:left;
	padding:20px 0;
}

#side_nav {
	background:url(../images/side_navSides.gif) repeat-y;
	margin:0 0 40px 0;
	padding:0;
}

#side_nav .sideTop {
	background:url(../images/side_navTop.gif) no-repeat top;
	padding:8px 8px 0 8px;
	margin:0;
	height:30px;
	color:#FFFFFF;
	font-size:80%;
}

#side_nav .leftcolbar { 
	background:url(../images/leftcol_hd_bar.gif) no-repeat 0 0;
	height:22px;
	padding:2px 0 0 0;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	width:171px;
	margin:0;
}


#side_nav .sideBot {
	background: url(../images/side_navBot.gif) no-repeat bottom;
	padding:0;
	margin:0;
	min-height:20px;
}

#side_nav .infolinks {
	padding:0 15px 10px 15px;
	font-size:12px;
	line-height:16px;
}

.infolinks p{
margin:10px 0 0 0;
}

.title{
	font-size:15px;
	color:#333333;
	font-weight:bold;
}

#advertisement {
	text-align:center;
	font-size:10px;
	color: #999999;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:160px;
	padding:0;

}

/* ----------------------------------------------------------------------------------------------------------
Right contents
---------------------------------------------------------------------------------------------------------- */

.oneColLiqCtrHdr #content_right{
	float:left;
	width:696px;
	padding:20px 0;
	margin:0;
	line-height:25px;
	font-size:15px;
}

#content_right h1{
	font-size:190%;
	font-weight:lighter;
	margin:10px 0;

}

#content_right table {
border-collapse:collapse; border-spacing:0; line-height:normal;
}

#sub_header {
	background:url(../images/cnt_header.png) repeat-x top;
	padding: 25px 0 10px 0;
	margin:0;
	font-size:20px;
	font-style:italic;
	color:#333333;
}


.grey_division {
	margin:20px 0;
	clear:both;
	padding:0;
	text-align:center;
}

.tipslabel{
font-size:13px;
margin: 0 10px;
padding:10px;
}

.question {
cursor:pointer;
}

/* ----------------------------------------------------------------------------------------------------------
Footer area
---------------------------------------------------------------------------------------------------------- */

.oneColLiqCtrHdr #footer {
	width: 100%;
	text-align: center; /* this overrides the text-align: center on the body element. */
	border-top:#ef1a2e 3px solid;
	background:#f0f0f0;
	height: 90px
}

.push {
	height: 90px; /* .push must be the same height as .footer */
}

#footer_wrapper {
	width:953px;
	text-align:left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}
 
#footer_wrapper p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 10px 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:11px;
	line-height:30px;
}

#footer_wrapper a{
	color:#666666;
}


/* ----------------------------------------------------------------------------------------------------------
Generic Tabbed panels
---------------------------------------------------------------------------------------------------------- */

.TabbedPanels {
	padding: 0;
	margin: 0;
	width:100%;
	float:left;
}

.TabbedPanelsTabGroup {
	padding: 0;
	margin: 0;
}

 ul.TabbedPanelsTabGroup {
	list-style:none;
}


#TabbedPanels1 .TabbedPanelsTab {
	width:219px;
	height:83px;
	display:block;
	background:url(../images/tabs_state.png) bottom no-repeat;
	float:left;
	margin:20px 13px 0 0;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	padding:0;
	line-height:normal;
	text-align:center;
}

.tabTitle  {
	padding:18px 10px 14px 10px;
	margin:0;
}

.tabTitle  img{
	float:left;
	margin-right:10px;
	margin-left:10px;
}

.tabTitle  span {
	float:left;
}

.tabTitle h1  {
	float:left;
	font-size:20px;
}

.tabTitle h2  {
	float:left;
	margin-top:10px;
	font-size:180%;
	color:#ef1a2e;
}

#TabbedPanels1 .TabbedPanelsTabHover {
background-position: center;
}

#TabbedPanels1 .TabbedPanelsTabSelected {
background-position:top;
}

.TabbedPanelsContentGroup {
	clear: both;
}

#TabbedPanels1 .TabbedPanelsContent {
	padding:10px;
	line-height:25px;
	margin:0;
}

.tabGated {
margin-top:7px;
margin-left:16px;
float:left;
}

.alert {
float:right;
margin-right:15px;
margin-top:20px;
padding-bottom:2px;
border-bottom:#333333 dashed 1px;
font-size:11px;
color:#ef1a2e;
font-weight:normal;
}


#TabbedPanels2 .TabbedPanelsTabGroup {
	padding: 0;
	margin: 0 0 0 10px;
	position:relative;
	z-index:1;
	top:1px;
}

#TabbedPanels2 .TabbedPanelsTab {
	width:172px;
	height:46px;
	display:block;
	background:url(../images/gated_tab_off.gif) top no-repeat;
	float:left;
	margin:0 8px 0 0;
	font-size:15px;
	font-weight:bold;
	color: #000000;
	padding:0;
	line-height:normal;
}

#TabbedPanels2 .TabbedPanelsTabHover {
	background:url(../images/gated_tab_hovr.gif) top no-repeat;
}

#TabbedPanels2 .TabbedPanelsTabSelected {
	background:url(../images/gated_tab_on.gif) top no-repeat;
}

#TabbedPanels2 .TabbedPanelsContent {
	padding:10px;
	background:url(../images/gated_tab_col.gif) repeat-y;
	margin:0;
	border:#666666 solid 1px;
	
}


#TabbedPanels2 .TabbedPanelsContentGroup {
	clear: both;
	margin-bottom:15px;
}

.CollapsiblePanel {
	clear:both;
	padding:0;
	margin:0;
}
.CollapsiblePanelTab {
	cursor:pointer;
	margin:20px 0 0 0 ;
	padding:2px;
	font-size:80%;
	line-height:20px;
	font-style:italic;
	color:#ef1a2e;

}
.CollapsiblePanelContent {
	padding:0;
	margin:0;
}
.CollapsiblePanelTab A {
	COLOR: black; TEXT-DECORATION: none
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	BACKGROUND-COLOR: #eee
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
	
}
.CollapsiblePanelTabHover {
	BACKGROUND-COLOR: #ccc
}
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
	BACKGROUND-COLOR: #ccc
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	BACKGROUND-COLOR: #3399ff
}


/* ----------------------------------------------------------------------------------------------------------
Gated styles
---------------------------------------------------------------------------------------------------------- */

#myshipaddrs {
	width:290px;
	padding:0;
	float:left;
	color:#333333;
	margin-right:15px;

}

#myshipaddrs table{
	font-size:12px;
}

.mytitle {
	color:#f2192e;
	font-size:15px;
}

#myalert {
	width: 336px;
	float:right;
	padding:0;
	font-size:12px;
	line-height:15px;
}

#myalert .title {
	font-size:15px;
	color:#666666;
	margin:0;
	padding:0;
	line-height:normal;
}


#myalert .howtostart{
	width:127px;
	float:left;
	margin-top:20px;
	margin-right:20px;
	font-size:12px;
}



#mytrack {
	margin-top:20px;
	font-size:11px;
	clear:both;
	line-height:normal;
	padding:0;
}


#mytrack .margin_x{
	margin-right:10px;
}

#mybills{
	margin-right:30px;
	float:left;
}

#mybills li{
	margin-left:10px;
}


/* ----------------------------------------------------------------------------------------------------------
GATED styles
---------------------------------------------------------------------------------------------------------- */

.gatedTxt { font-size:12px;}
.gatedNotes { font-size:10px; font-style:italic;}
.gatedTime{ font-size:10px;}

#vcon_nav { 
background:url(../images/cnt_header.png) repeat-x top;
padding: 20px 0 5px 0;
margin:0 0 20px 0;
font-size:14px;
text-align: right;
border-bottom:solid 1px #FF0000;
}

#vcon_nav a{
margin:0 10px;
}

.vcon_steps{
margin:10px 15px 20px 0;
line-height:normal;
}

.vcon_form { font-size:14px; background:url(../images/grad_bgd_mirror.png) repeat-x bottom; padding:20px 0; line-height:30px;}
.vcon_form label {width:135px; display:block; float:left;}
input.vcon, select.vcon, textarea.vcon{ margin:0 10px; color:#000000;}
#vcon_req {font-size:14px; border:#666666 solid 1px;}
.vcon_req_title{ background-color:#999999; width:550px; font-weight:bold;  color:#FFFFFF; padding:0 10px; float:left; margin-right:10px}
.vcon_req_status{ background-color: #333333; font-weight:bold; color:#FFFFFF; }

table.vcon_req 
{
border-collapse:collapse;
}
table.vcon_req ,th.vcon_req, td.vcon_req
{
 border:#999999 solid 1px; font-size:13px;
} 
td.vcon_req
{
padding:4px;
}

.vcon_title_w{color:#FFFFFF; font-weight:bold}
.vcon_title_b{color:#333333; font-weight:bold}


/* ----------------------------------------------------------------------------------------------------------
Generic expandable round corners
---------------------------------------------------------------------------------------------------------- */

/*GREY*/
.top_right {
	padding:0 10px 0 0;
	background: url(../images/roundcorner.png) no-repeat top right;
	height:10px;
	margin:0;
}
.top_left {
	background: url(../images/roundcorner.png) no-repeat top left;
	margin: 0;
	height:10px;
	padding:0;
}
.bottom_right {
	padding:0 10px 0 0 ;
	margin:0;
	background: url(../images/roundcorner.png) no-repeat bottom right;
}
.bottom_left {
	background: url(../images/roundcorner.png) no-repeat bottom left;
	margin: 0;
	padding: 0 0 10px 10px;
}

.grey_gradient {
	background:url(../images/grad_bgd.png) repeat-x top;
	min-height:175px;
	padding:0;
	margin:0;
}

/*RED*/
.topred_left {
	background:url(../images/hd_redbar_left.png) no-repeat top left;
	height: 25px;
	padding: 8px 0 0 0;
	margin: 0;
}
.topred_right {
	background:url(../images/hd_redbar_right.png) no-repeat top right;
	padding:0 10px 0 0;
	margin:0;
}

.topred_left .title{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:10px;
}

/* ----------------------------------------------------------------------------------------------------------
Generic expandable button
---------------------------------------------------------------------------------------------------------- */

a.buttonSignUp {
    background: transparent url(../images/aRed_btn.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
	font-size:12px;
	height: 22px;
    margin-right: 0px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonSignUp span {
    background: transparent url(../images/aRed_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 21px 4px 25px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
} 

a.buttonSignUp:hover{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
	border:0;
}

a.buttonSignUp:hover span { color:#FFFFFF;
    background-position: bottom left;
    padding: 4px 21px 4px 25px;/* push text down 1px */
	text-decoration:none;
	border:0;
} 

/*RED*/
a.buttonRed {
    background: transparent url(../images/aRed_btn.png) no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}


a.buttonRed span {
    background: transparent url(../images/aRed_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 6px 4px 13px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
} 

a.buttonRed:hover{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
	border:0;
}

a.buttonRed:hover span { color:#FFFFFF;
    background-position: bottom left;
    padding: 4px 6px 4px 13px;/* push text down 1px */
	text-decoration:none;
	border:0;
} 

/* ----------------------------------------------------------------------------------------------------------
Generic styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.f-left {float:left !important;} 
.f-right {float:right !important;} 
img.f-left {float:left; margin-right:10px;}
img.f-right {float:right; margin-left:10px;}
.clear {clear:both;}

h1 {font-size:250%; font-weight:lighter;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

a {text-decoration:none; color:#ef1a2e}
a:hover {text-decoration:none; color:#666666}
p, ul, ol, dl, fieldset {margin: 10px 0;}

ul.genlist  {
margin:0 10px;  
padding:0;
font-size:90%;
}

ul.genlist li{
list-style:disc;
margin:5px 20px;
padding:0;
}


ol.genlist  {
margin:0 10px; 
padding:0;
font-size:90%;
}

ol.genlist li{
margin:5px 20px;
padding:0;
}

.smallText {
	font-size:12px;
	line-height:normal;
}

.example {
font-size:80%;
font-style:italic;
}

.paidAd{
font-size:8px;
line-height:10px;
color: #999999;
text-align:left;
padding:5px 0 0 0;
width: 935px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}