/* Define our global styles,
	Note: This site will use a 10px default font size, please use the EM system for scalability,
		we also plan to use divs for each page.
		
		1em	=	10px;
		2em	=	20px;
			and so on.....
 */
/*********************************************FIRST LETS DECLARE OUR GLOBAL DEFINITIONS (aka elements as "selectors", not class/id specific)*********/
*{
	/* global font size */
	font-size:10px;	/*	should be our ONLY declaration using px	*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
}
body{
	margin:0em;
	padding:0em;
	text-align:center;
	background:#ececec;
}
html, body {
	height: 100%;
}
img {
	border:none;
}
ul {
	padding:0;
	margin:0 0 0 1.5em;
	/*list-style:url('/resource/images/bullet_pink.gif');*/
}
ul li{
	list-style:url('/resource/images/bullet_black.gif');
}
/*********************************************End global declaration*********/
.application_block {
	background:url('/resource/images/bg_repeating_application.jpg') top left repeat-x #5685B1;
	color:#FFF;
	height:66.7em;
	width:88.9em;
}
.application_boxactive {
	height:2.2em;
	width:2em;
	margin: 0;
	background-color:#AF193F;
}
.application_boactivex div.inner {
	border:solid 1px #D990A3;
}
.application_boxactive, .application_boxactive div.inner {
	color:white;
	padding:0.3em;
}
.application_box {
	height:2.2em;
	width:2em;
	margin: 0;
	background-color:#AF193F;
}
.application_box div.inner {
	border:solid 1px #D990A3;
}
.application_box, .application_box div.inner {
	color:white;
	padding:0.3em;
}
.application_stepLabel {
	font-size:1.4em;
	font-weight:bold;
	padding-left:0.5em;
	text-align:left;
}
.bold {
	font-weight:900;
}

.content_block {
	/* this div will be responsible for the inner (ontop) repeating logo */
	height: auto;
	margin: 0 auto;
	overflow:hidden; /* 8/6 fix; from auto to hidden */
	width: 90.4em;
	z-index:1;/* refer to homepage */
	padding-top:1em;
/*	background:url('/resource/images/bg_repeating_aflogo.gif') top left repeat;	*/
}
.content_block_inner{
	/* this div will be responsible for the gradient bg */
	background:url('/resource/images/bg_repeating_aflogo_blue_gradient.jpg') top left repeat-x transparent;
}
.content_background {
	background:url('/resource/images/bg_repeating_aflogo_blue_gradient_bottom.jpg') top left repeat #5785b2;
}
.faqs_question {
	color:#B81741;
	font-size:11px;
	font-weight:bold;
}
.FAQs_Header {
	border-bottom:1px #999999 dotted;
	color:#B71740;
	font-size:13px;
	font-weight:900;
	margin-bottom:-5px;
	padding-bottom:3px;
	display:block;
}
.footer, .push {
	height: 9.6em; /* .push must be the same height as #footerContainer //*.footer* */
}

.leftNavigation {
	width:21.3em;
}
.middleContent {
	background-color:#FFFFFF;
	width:69em;
}
.middleContent_Header {
	background:#ececec;
	height:3.3em;
}
.partner_logos {
	float:left;
	height:7.5em;
	margin: 0 auto;
	overflow:visible;
	padding:1em;
	width:auto;
}
.partnerlogos_block {
	height: auto;
	margin: 0 auto;
	overflow:visible;
	text-align:center;
	width: 90em;
}
.wrapper {
	text-align:center;
	/*min-height: 100%;*/
	/*height: auto !important;*/
	/*height: 100%;*/
	margin: 0 auto -10.6em; /*-9.6em = the bottom margin is the negative value of the footer's height */
}
/*****************footer styles**************************/
#footerShadow{
	height:1.5em;	/* this height should be incremented to create "padding" between footer and content	*/
	background:url('/resource/images/bg_repeating_footer_shadow.gif') top left repeat-x #ebebeb;	/*png version has transparency but looks "white"*/
}
#footer{
	background:#ebebeb;
}
.tblFooter {
	text-align:left;
}
.tblFooter td.divider{
	background:url('/resource/images/bg_repeating_footer_divider.gif') top center repeat-y;
}
.tblFooter td div.red{
	color:red;
	margin:0.5em 0;
	font-weight:bold;
}
.tblFooter td.logo {
	padding-left:4.9em;
	background:url('/resource/images/aerials.gif') left 1em no-repeat;
}
/*************top part of our display*******************/
#alphaFactorLogo[id] {
	background:url('/resource/images/logo_alpha_factor.png') top left no-repeat;
	margin-left:3em;
}
#alphaFactorLogo{
	/* needs to be placed in the beggining of the table declaration (first td) */
	height:13.3em;
	float:left;
	position:absolute;
	cursor:pointer;
	z-index:80;
}
#alphaFactorLogo, .tblTopNav td.alphaFactorLogo{
	/* width reserved for the logo */
	width:12em;
}
/*****define navigation at very top of page*****/
#top_nav{	/*	top navigation declaration	*/
	height:3.3em;
	margin:0 0 1em 0;
	background:url('/resource/images/bg_repeating_topnav.jpg') top left repeat-x;
}
.tblTopNav tr, .tblTopNav td{
	height:3.2em;
}
.tblTopNav td {
	padding:0 0.4em;
}
.tblTopNav td.link, .tblTopSubNav td.link{
	cursor:pointer;
}
.tblTopNav td.separator {
	background:url('/resource/images/bg_non_hdr_div_separator.gif') center center no-repeat;
}
.tblTopNav td.cart {
	/* need to consider padding */
	background:url('/resource/images/ico_shopping_cart.gif') left center no-repeat;
	padding-left:2em;
}
.tblTopNav td.cart a {
	/* cart link (aka text formatting) */
	color:#666;
}
/******define sub nav (aka mens/womens/etc)*******/
.tblTopSubNav td {
	padding:0 0.5em;
}
.tblTopSubNav td.separator {
	/* blue dots separator */
	background:url('/resource/images/bg_repeating_horizontal_blue.gif') center repeat-y;
	/*padding-right:1em;*/
}
.tblTopSubNav td.active {
	/* blue */
	background:url('/resource/images/bg_non_arrow_blue.gif') left center no-repeat;
}
.tblTopSubNav td.inactive {
	/* red */
	background:url('/resource/images/bg_non_arrow_red.gif') left center no-repeat;
}
.tblTopSubNav td.active, .tblTopSubNav td.inactive {
	width:1.6em;
	height:1.7em;
	padding-left:2em;
}


.tblTopArea td.loggedin, .tblTopArea td.loggedin a, .logoutLink {
	/* used for our logged in area */
	color:#B8CADE;	/*	B8CABE	*/
}
.tblTopArea td.loggedin a, .logoutLink
{
	text-decoration:underline;
	margin-left:10px;
}

.tblTopArea td.loggedin span {
	color:white;
}
.tblTopArea td.loggedin, .tblTopArea td.loggedin span {
	font-weight:bold;
	text-align:right;
	margin-right:2em;
}
/**************content area*****************************/
#blueNav{
	background:url('/resource/images/bg_repeating_topnav_redbox.gif') bottom left repeat-x;
}
#blueNav td.box{
	height:0.8em;
	background-color:#B71740;
}


.content_background, .content_block_inner, .tblTopSubNav, .tblTopArea, .tblHeaderRedBox{
	/* we set our z-index, because of the lady that shows on the hompage */
	z-index:1;
}
.clear{
	clear:both;
}
.hidden{
	display:none;
}
/**************validation styles(from ajax)*************/
.validation-advice {
   margin:0;
   padding: 0.5em;
   padding-right:0;
   background-color: #FF3300;
   color: #fff;
   font-weight: bold;
}

#currentShipWeek
{
	color: #FFF;
	background-image: url(/resource/images/currentShipWeek.png);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	height: 25px;
	line-height: 20px;
	margin-right: 22px;
	width: 696px;
	text-align: right;
}

#currentShipWeek span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}