/* CSS Document */

div.pagingSystem, .breadCrumb{
	padding-top:0;
	height:3em;
}
div.innerPage{
	padding-top:0.5em;
	overflow:auto;
}

.customBg {
	background:url('/resource/images/bg_repeating_aflogo_blue_gradient_bottom.jpg') top left repeat #5785b2;
}
.gradiantBg {
	background:url('/resource/images/bg_repeating_aflogo_blue_gradient.jpg') top left repeat-x transparent;
}
/*******************top blue box*************************/
.tblBlueBox td.background, .tblBlueBox td.content{
	background-color:#5D8EB8;
}
.tblBlueBox img {
	margin:0;
	padding:0;
}
.tblBlueBox td.tl{
	background:url('/resource/images/bg_non_bluebox_tl.gif') top left no-repeat;
}
.tblBlueBox td.tr{
	background:url('/resource/images/bg_non_bluebox_tr.gif') top left no-repeat;
}
.tblBlueBox td.bl{
	background:url('/resource/images/bg_non_bluebox_bl.gif') top left no-repeat;
}
.tblBlueBox td.br{
	background:url('/resource/images/bg_non_bluebox_br.gif') top left no-repeat;
}

.products_productblock {
	float:left;
	height:20em;
	width:15.3em;
}
.titleBox {	/* deprecated	*/
	background:url('/resource/images/bg_non_bluebox_title.gif') top left no-repeat;
	overflow:hidden;
	padding:1em 0.1em;
	height:3.8em;
	width:3.8em;
	color:white;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}


/*******************left navigation********************/
.outerLeftNav .inner .leftNav {
	padding:1em;
	text-align:left;
	min-height:18em;
}
.outerLeftNav .inner .leftNav a {
	/* links */
	color:#89A9C9;
}
.outerLeftNav .inner .leftNav a.selected {
	/* current link */
	color:white;
}
.outerLeftNav .inner .leftNav div {
	/* div that surrounds links */
	padding:0.5em 0;
}
#productNav {
	background:url('/resource/images/bg_non_leftnav_aflogo.gif') bottom right no-repeat #1D2C3B;
}
/*******************paging system( is next to the bread crumb trail ) ***************************/
.pagingSystemActive {
	/* border and link changes */
	border:solid 0.1em #A80E35;
}
.pagingSystemInActive {
	/* border and link changes */
	border:solid 0.1em #C8C8C8;
	cursor:pointer;
}
.pagingSystemActive, .pagingSystemActive a, .pagingSystemActive, .pagingSystemActive a, .tblPaging a{
	/* link color and text color */
	color:#666666;
	text-decoration:none;
}
.pagingSystemActive, .pagingSystemInActive {
	float:left;
	width:2em;
	height:1.7em;
	padding-top:0.2em;
	text-align:center;
	margin:0 0.25em;
}
.pagingSystem .innerPage{
	float:right;
}
.pagingSystem .innerPage .page{
	float:left;
	color:#B81740;
	padding-top:0.5em;
}
#tblPaging_bottom .page{
	color:#666;
}
.tblPaging td {
	/* here we want to set up our paging table specific css */
	white-space:nowrap;
}

/*********************category table specifics*****************************/
#CategoryListing{
	margin-left:-1.1em;	/*	This will compensate for shaded image display on left of each product image	*/
}
.tblCategoryListing td.imgShadow{
	background:url('/resource/images/bg_non_productImg.jpg') top right no-repeat;
}
.tblCategoryListing, .tblCategoryListing a {
	/* set up text color */
	color:#203040;
}
.tblCategoryListing .productImage, .tblCategoryListing .productImageHolder{
	/* div that surrounds image */
	height:18em;
	width:15.6em;
	text-align:left;
	overflow:hidden;
}
.tblCategoryListing .productImage{
	/* we split out this specific definition such that we dont have a pointer on blank images */
	cursor:pointer;
}
.tblCategoryListing .holder{
	/* place holder for an image not found */
	border:solid 0.1em #C8C8C8;
	background:url('/resource/images/products/placeholder.gif') top left no-repeat #1D2C3B;
}

.tblCategoryListing .productImage img{
	/* our product image */
	/*	cursor:pointer;	*/
}
.tblCategoryListing .productText, .tblCategoryListing .productText a {
	/* font styling for the product name */
	color:#203141;
	text-align:center;
}

.tblCategoryListing .productImage div.quickdetails {
	/* this will show our quick detail link	*/
	cursor:pointer;
	background:url('/resource/images/txt_quickView.gif') center center no-repeat white;
	width:7.4em;
	height:2em;
	position:relative;
	top:-2.0em;
	left:1em;
}

.tblCategoryListing span.style, .tblCategoryListing span.price{
	/* gray and red styles */
	font-weight:bold;
}
.quickDetails{
	/*width:79em;*/
	padding:1em;
	height:39.5em;
	text-align:left;
	/*border:solid 0.1em black;*/
	background:url('/resource/images/logo_alpha_factor_small.jpg') 72em 34em no-repeat #EBEDF0;
}
.tblQuickView_Options div {
	background:url('/resource/images/bullet_black.gif') center left no-repeat;
	padding-left:0.9em;
}
p.notopmargin{
	margin-top:0;
}
div.pagingSpacer{
	height:9em;
}
div.pagingSpacer_short{
	height:1em;
}
div.pagingSpacerCustom{
	height:6em;
}
/***********************************product detail pages*******************************/
div.helpulInfo{
	/* left side of product detail page */
	min-height:20em;
	padding:1em 0;
}
.tblProductDetail{
	/* master style list for the product detail page */
	color:#333;
}
.tblProductDetail #imageDescription{
	/* used on quick view */
	margin:0.5em 0;
}
#quickView_options ul{
	margin-top:0.25em;
	padding-left:.5em;
}
.tblProductDetail .product_name, .tblProductDetail .addtocart {
	/* used for product name */
	color:#B71740;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.tblProductDetail .sectionHeader{
	color:#999;
	margin-top:1em;
	font-size:1.5em;
	font-weight:bold;
}
.tblProductDetail hr, .tblColorOptions hr  {
	/* for the dotted line underneath section header */
	border:none;
	height:0.1em;
	border-bottom:dotted 1px #c6c6c6;
}
.tblProductDetail .thumbnail, .tblProductDetail .thumbnailblank {
	/* for images on left side of main product image */
	width:5.2em;
	height:6.2em;
	margin:0 0 0.2em 0;
}
.tblProductDetail .thumbnail {
	/* for the product image (we don't want this to show on the dummy page) */
	cursor:pointer;
}
.tblProductDetail .thumbnailblank {
	/* for the blank product thumbnails (place holder) */
	background-color:#c8c8c8;
}
.tblProductDetail select.colorName{
	width:19em;
}
.tblProductDetail #size_qty select.size{
	width:12em;
}
.tblProductDetail #size_qty{
	height:3.1em;
	margin:0.5em 0;
	overflow:hidden;
}
.tblProductDetail img.activeImage, div.thumbnail img.activeImage{
	border:solid 0.1em #CB1140;
}
div.cartOptions input.addToCart{
	/* meant for the submit button */
	margin:1.5em 0em;
}
img.txtAdd{
	margin:1.5em 0;
}
.tblProductDetail #size_qty a, div.cartOptions a{
	color:#B71740;
}
.tblColorOptions tr.highlight td, .tblColorOptions tr.highlight th{
	background:#ffff99;
}
.tblColorOptions div.imgPreview{
	height:2.5em;
	width:2.5em;
	overflow:hidden;
	border:solid 0.1em black;
}
.tblColorOptions th{
	/* used for the style number */
	font-weight:bold;
	text-align:left;
}
.tblColorOptions th.price, .tblCategoryListing span.price{
	/* pinkish color */
	color:#A90F36;
}
.tblColorOptions td.description{
	padding:0.5em 0 0.7em 0;
}
/* relocated to main global.css
.helpulInfo li, .helpulInfo ul li, .helpulInfo ul{
	list-style:disc;
	color:#B71740;
	padding:0 0 0 0.5em;
	margin:0 0 0 0.5em;
}
*/
.helpulInfo li a{
	text-decoration:underline;
}
.helpulInfo li a, .tblColorOptions th, .tblCategoryListing span.style{
	/* gray */
	color:#333333;
}
/***********************************application pages*******************************/
#selectedStyle {
	color:#B8CBDE;
	font-weight:900;
}
#titleInstructions {
	color:#B8CBDE;
	font-size:11px;
}
.active_crystal {
	background-image:url('/resource/images/crystal_options_active_bg.gif');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:110px;
}
.inactive_crystal {
	background-image:url('/resource/images/crystal_options_inactive_bg.jpg');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:110px;
}
.active_glitz {
	background-image:url('/resource/images/glitz_active_bg.gif');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:42px;
}
.inactive_glitz {
	background-image:url('/resource/images/glitz_inactive_bg.jpg');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:42px;
}
.active_hairtwists {
	background-image:url('/resource/images/hair_twists_active_bg.gif');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:77px;
}
.inactive_hairtwists {
	background-image:url('/resource/images/hair_twists_inactive_bg.jpg');
	float:left;
	margin:0px auto;
	padding:7px 0px 6px 0px;
	text-align:center;
	width:77px;
}
.tabspacer {
	background-image:url('/resource/images/tabbg.gif');
	background-repeat:repeat-x;
	float:left;
	height:25px;
}
.theStyle {
	color:#FFF;
	font-weight:900;
}

/***************for step 4: customize review & pricing*******************************/
div.reviewPricing{
	width:82.2em;
	margin:0 auto;
}
div.reviewPricing div.line{
	margin-top:2em;
	padding-top:1em;
	border-top:0.1em white dotted;
}
div.tblProjectName{
	margin:4em 0;
}
table.tblOptions td{
	text-align:left;
}
table.tblOptions td.red{
	background-color:#B81741;
}
table.tblOptions td.blue{
	background-color:#243547;
}
table.tblOptions td.content{
	color:white;
	padding:1em 2em 0 0;
	background-color:#517C9F;
}
table.tblOptions td.content div.free{
	margin-bottom:1em;
}
table.tblOptions td.content div.free, table.tblOptions td.content div.free a{
	color:#FFCC00;
	text-decoration:none;
}
table.tblOptions td.content span.free a:hover{
	text-decoration:underline;
}
div.choice{
	height:4em;
}
#choice1, #choice2, #choice3{
	margin-top:0.5em;
}
#choice2, #choice3{
	display:none;
}

/**************tblMultipleSizes for instock multiple sizes *******************************/
.tblMultipleSizes input.quantity{
	width:3.5em;
}
.tblMultipleSizes select.colors{
	width:10.5em;
}
.tblMultipleSizes select.size{
	width:12.5em;
}
.tblMultipleSizes input, .tblMultipleSizes select{
	margin-top:0.5em;
}
.tblMultipleSizes tr.spacing th{
	padding-top:0.5em;
}
.tblMultipleSizes tr.border td{
	border-bottom:dotted 1px #c6c6c6;
}
/*****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.6em;
}
.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:2.3em;
}


.tblTopArea td.loggedin {
	/* used for our logged in area */
	color:#B8CBDE;
}
.tblTopArea td.loggedin span {
	color:white;
}
.tblTopArea td.loggedin, .tblTopArea td.loggedin span {
	font-weight:bold;
	text-align:right;
	margin-right:2em;
}

.productListItem
{
 	background-image:url(/resource/images/product_listitem_block.jpg); 
	background-repeat:no-repeat; 
	background-position:left;
	text-align:left;
	padding-left: 10px;
	line-height:16px; 
}
/***********************************END*******************************/