/*************** KERI NOBLE STORE ***************


Don't forget to remove "This is a test" from Karcher Summary textbox. Then create a Home button. /


/*************** entire page background ***************/


*{
	padding:0;
	margin:0;
	border: none;
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#transparent;
}

body{
	background-image: url(../images/background_kn.jpg);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: center;
	background-position:top;
	background-color:#ffffff;
}

/** COLORS USED 
dark gray - 848484  
med gray - c0c0c0   
green - 8c985c
dull blue - 5b77b1
**/

	
h2{
	font-size:1.8em;
}

/*************** sidebar text: "Customer Service" & "Privacy and Terms of Use"  ***************/
a{
	text-decoration: none;
	color: #c0c0c0;
}
a:hover{
	text-decoration: underline;
}
/*************** entire page centering area ***************/
#pageWrap{
	width:840px;
	margin:0 auto;
	/***** footer box background color ****/
	background:#transparent;
}
/*************** sub-menu box background ***************/
	#contentWrap{
		background:transparent;
		border-left:0px solid #e1e1e1;
		border-right:0px solid #e1e1e1;
		width:100%;
	}
/************************************************ Branding / Header ********************************************/

/*************** border lines and space above header graphic ***************/
#branding{
	border-left:0px solid #e1e1e1;
	border-right:0px solid #e1e1e1;
	padding-top:0px;
}
/*************** header area ***************/
#title{
		background:url() top left no-repeat;
		width:840px;
		height:0px;/********* needs to be 0 for a flash header *********/
		margin:0 0 0 0;
		color:#000000;
	}
		#title span{
			display:none;
			color:#000000;
		}
/*************** main menu tab background ***************/
	#mainNav{
		background:#transparent;/****** affects entire row ******/
		width:100%;
		margin-bottom:26px;
		*padding-bottom:2px;
		_padding-bottom:5px;
		list-style:none;
		float:left;
	}
		#mainNav li{
			float:left;
			list-style-type:none;
		}
			#mainNav li.none a{
				border:none;
			}
/*************** main menu tab text & divider lines ***************/
			#mainNav li a{
				float:left;
				border-right:1px solid #c0c0c0;
				color: #b4b4b4; 
				font-size: 16px; 
				font-weight: bold;
				background-color: transparent;
				font-family: Verdana, Arial, Helvetica, sans-serif;
/*************** padding affects bkg color area around main menu text and divider height  ***************/
				padding:5px 10px;/****** (height, width) ******/
				background:#transparent;/****** affects only around each word ******/
/************ margin affects additional space around the padding, beyond dividers (height, width) ************/
				margin:0px 0px;
			}		
	#secondaryBranding ul{
		width:800px; /** must be less than pageWrap 840px width **/
		float:left;
		list-style:none;
	}
/*************** category menu lines : right and bottom ***************/
		#secondaryBranding ul li{
			list-style-type:none;
			/***** line below category menu ****/
			background:url() TOP left repeat-x #transparent;
			float:left;
			min-height:27px;
			background-color: transparent;
		}
		#secondaryBranding ul li.last{
			background:url(../images/liLast.jpg) top right no-repeat;
			margin-top:0;
			padding-right:10px;
			background-color: transparent;
		}
/*************** category menu text & separator line ***************/
			#secondaryBranding li a{
				color:#c0c0c0;
				border-right:1px solid #c0c0c0;
				font-size:1.2em;
				padding: 5px 10px; /***** padding controls divider height ****/
				float:left;
				font-weight:bold;			}
			#secondaryBranding ul li.last a{
				border:none;
				float:left;
			}
		#mainNav li#cart a{
			border:none;
		}
		#mainNav li#cart{
			/***** width controls how much background color to suppress behind "Cart", left of nav ****/
			width:-150px;
			margin-top:0px;
			padding-right:10px;/***** controls space between cart icon and right margin ****/
			float:right;
			background:#transparent;
		}
			#mainNav li#cart a{
					background:url(../images/cart.png) 100% 2px no-repeat;
					padding:3px 30px 0 0;/***** 2nd number controls how far cart icon sits to left of "Cart" text ****/
					float:left;
					margin-top:2px;/***** helps line up "Cart" text horizontally with main nav text ****/
					min-height:23px;/***** should match main menu font size + padding (to match nav height) ****/
					height:auto !important;
					height:17px;
			}
/*************** right-hand page title ("STORE", "PRODUCT") text color ***************/
	#pageName{
		color:#8c985c;
		font-size:1.3em;
		float:right;
		font-weight:bold;
		margin:4px 4px 8px 0;
		text-transform:uppercase;
	}
/**************************************************************** Content *********************************************/

/*************** code to force Internet Explorer IE to NOT display everything in one tall column ***************/
			#storeListing #content li{
				float:left;
				width:100px;
				min-height: 200px;
				height: auto !important;
				height: 200px;
				display:inline-block;

			}
				#storeListing #content li.firstItem{
					clear:left;
				}


/*************** padding around text in both right and left sections of product detail pages & checkout ***************/
#content{
	padding:17px 15px;
/*************** border lines of central page ***************/
	border:0px solid #e1e1e1;
	border-bottom:none;
	float:left;
	/**** central page width, for some reason needs to be less than pageWrap 840px total *****/
	width:800px;
}	
	#content ul{
/*		margin:20px 44px 0 44px;*/
	}
/*************** price & sale price text color ***************/
		#content li{
/*			width:100px;*/
			margin:11px;
			font-size:11px;
			color:#c0c0c0;
			text-align:center;
			list-style:none;
			padding-top:10px;
/*			float:left;*/
		}
			#storeListing #content li{
				float:left;
				width:100px;
				min-height: 193px;
				height: auto !important;
				height: 193px;
			}
/*************** product small photo border ***************/
			#content li img{
				border:1px solid #c0c0c0;
			}
				#content dt{
					margin-bottom:18px;
				}
					#content .price,label.formPrice{
						font-weight:bold;
					}
/*************** product price text  ***************/
					#content dd.sale{
						color:#8c985c;
						font-weight:bold;
					}
					#content dd.strike, .strike{
						text-decoration:line-through;
						font-weight: normal;
					}
/********************** left section on product detail pages & checkout   *************************/
#left{
	width:250px;/**** should add up to less than pageWrap 840px with #right width, below ****/
	color:#8c985c;/**** product description text below photo ****/
	float:left;
}
	#left p{
		font-size:1.2em;
	}
	#left .contentImg{
		margin-bottom:34px;
	}
/*********************** right section on product detail pages & checkout   ************************/
#right{
	float:left;
/*************** center line on product detail pages & checkout   **********/
	border-left:1px solid #848484;
/*************** checkout: right section, left alignment  **********/
	width:500px; /**** should add up to less than pageWrap 840px with #left width, above : causes product details to form one tall column if too large ****/
	padding-left:20px;
}
	#right dl dt{
		padding-left:15px;
		float:left;
		*float:none;
	}
		#right dt .trackPlayer{
			float:left;
			clear:left;
			margin:7px 0 0 -10px;
			*margin-left:0;
		}
		#right dd{
			margin:10px 0;
			clear:left;
			float:left;
		}
			#right dd#active{
				color:#848484;
				font-weight:bold;
			}
			
/*************** text for alerts ***************/
/** "Note: if you make changes to the quantities below..." text **/
	.notice{
		color:red;
		font-size:1em;
		padding-top:10px;
		margin-bottom:20px;
	}
	.gallery-text{
		font-weight: bold;
		font-size: 1.1em;
		margin: 0 0 10px 0;
	}
/************************************************************** Forms *************************************************/


fieldset{
	border-bottom:1px solid #848484;/**** middle line divider on product detail pages ***/
	padding-bottom:20px;
	margin-bottom:11px;
	text-transform:uppercase;
	color:red;/**** "New!" text and checkout "Note:" text on product detail pages ***/
}
	fieldset.checkoutFieldset{
		border:none;
		color:pink;
	}
/*************** product title text AND detail page "Shop with.." & "Checkout" title text ***************/
	legend,dt, dt a{
		color:#8c985c;
		margin-bottom:9px;
		font-size:1em;
		font-weight:bold;
		text-transform:capitalize;
	}
/*************** product title, product detail page ***************/
	fieldset.checkoutFieldset legend,#checkout legend{
		*margin-left:-7px;
		color:#8c985c;
		text-transform:capitalize;
	}
/***************  "Promotion code" text  ***************/
	fieldset.promotion legend{
		margin:0;
		color:red;
	}
/***************  checkout : "My Shipping Info different" and other checkboxes  ***************/
		label{
			width:210px;
			color:#5b77b1;
			float:left;
			margin:2px 0;
		}
/*************** ???? on detail pages ***************/
		fieldset.promotion label,.productName{
			font-weight:bold;
			color:pink;
			font-size:.9em;
			margin:0;
		}
/***************  "Enter" & "Apply it now!" text  ***************/
		fieldset.promotion label{
			*margin-left:7px;
			color:#8c985c;
			padding-top:5px;
			padding-bottom:5px;
		}
/*************** product detail dropdown menu: text above  ***************/
		label.txtBrown,#right dd{
			color:#c0c0c0;
		}
/*************** product detail dropdown menu: borders & internal text ***************/
			label input,label select{
				border:2px solid #cccccc;
				border-bottom:2px solid #5b77b1;
				border-right:2px solid #5b77b1;
				width:208px;
				float:left;
				color:#848484;
			}
/*************** (can be used as "Continue Shopping" text)  ***************/
			label input, .submit,.submit2,#MonthTrial .submit3{
				border:1px solid #848484;
			}
/********* price text on product detail pages ********/
			label.formPrice{
				margin-left:15px;
				color:#8c985c;
			}
/*************** "Qty" text  ***************/
			label.special{
				width:207px;
				float:left;
				clear:left;
				color:#848484;
			}
/*************** field entry text  ***************/
				label.special input{
					width:30px;
					float:none;
					color:#848484;
				}
/*************** "Add to cart" button bkg ***************/
				.submit,.submit2,.checkout,input.promotionSubmit,#MonthTrial .submit3{
					float:left;
					background:#ffffff;
					margin-top:5px;
					width:auto;
				}
/*************** "Apply" button text  ***************/
				.submit2{
					margin:11px 0 0 5px;
					color:#848484;
				}
/***************  ?????? on detail pages  ***************/
				#MonthTrial .submit3{
					float:right;
					width:auto;
					padding:3px;
					margin-right:13px;
					color:purple;
				}
/*************** "Continue Shopping" button & text  ***************/
				.continueShopping{
					background:#ffffff;
					color:#848484;
				}
/*************** "Checkout" button & text  ***************/
				.checkout{
					background:#ffffff;
					color:#848484;
				}
/*************** "Add to Cart" button text color  ***************/
				.special input.promotionSubmit{
					float:none;
					margin-left:76px;
					width:100px;
					color:#5b77b1;
				}





/*************** leftover code from old Free 1-Month Trials ??  ***************/
				
/**				
	#MonthTrial{
		width:386px;
		margin-top:20px;
		padding-bottom:15px;
	}
	#MonthTrial label{
		width:185px;
		margin-right:2%;
		float:left;
	}
		#MonthTrial input{
			width:96%;
			padding: 2px;
		}
		#MonthTrial .address input{
			margin-bottom:6px;
		}
		#MonthTrial .gsx{
			margin-top:-35px;
			*margin-top:-42px;
		}
		#MonthTrial .gsx1{
			*margin-top:-42px;
		}
		#MonthTrial .gsx, x:-moz-any-link, x:default { margin-top:-39x;}   /* FF3 Hack */
/**		#MonthTrial .gsx1, x:-moz-any-link, x:default { margin-top:-39px;}   /* FF3 Hack */
/**		#content #right #MonthTrial select{
			width:98%;
}
**/



/************************************************************** Tables ************************************************/
td,th{
 width:100%;	
}
/*************** text color: "price ea.", "qty", "total", and "Remove?" in checkout ***************/
th{
	color:#5b77b1;
	font-weight:bold;
}
/*************** stroke color: text fields in checkout  ***************/
	td{
		border-bottom:1px solid #848484;
		padding:5px;
/*************** text color: cart item sub-description, subtotal, checkout text ***************/
		text-align:center;
		color:#c0c0c0;
	}
/*************** ???????? ***************/
		td.subTotal{
			color:pink;
		}
		td.left{
			text-align:left;
			color:orange;
		}
/*************** text color: cart items ***************/
		td a{
			color:#5b77b1;
			text-decoration:none;
		}
	tr.borderNone td{
		border:none;
		font-weight:bold;
	}
/*************** text field stroke color: "Qty" "Remove", "Checkout" button ***************/
		td input{
			width:20px;
			border:1px solid  #848484;
/*************** text field text color; "Qty" & "Remove" fields also***************/
			color:#000000;
		}
		tr.borderNone td input{
			width:auto;
			font-weight:normal;
		}
		.productName{
			clear:right;
		}
#cart #right table{
	width:389px;
}
/*************** checkout text : name, address, billing information ***************/
#cart td{
	text-align:left;
	color:#8c985c;
}	
/*************** (Can be used for checkout pages : "CONTINUE CHECKOUT" button text) ***************/
	#cart td input{
		width:178px;
		font-weight:bold;
	}
/*************** checkout: dropdowns for state, country, etc. ***************/
	#cart td select{
		width:184px;
		border:1px solid #5b77b1;
		color:#848484;
	}
		#cart td input.button{	
			width:auto;
			float:right;
		}
		#cart td input.submit,#cart td input.checkout{
			width:auto;
		}
.alert input{
	float:left;
	margin:0 5px 30px 0;
}
.alert label{
	width:90%;
	float:left;
}
.alert i{
	display:block;
}
#cart.confirm #left{
	width:241px;
	_width:200px;
}
	#cart.confirm #right table#grid{
		width:389px;
	}
	#cart.confirm #right table#form{
		width:389px;
	}
/************************************************************** Footer ************************************************/

/*************** text color: copyright ***************/
#bottomNav{
/*	width:455px;*/
	text-align:center;
	margin:10px 10px 10px 10px;
	color:#666666;
}
/*************** text color: privacy, customer service, site by ***************/
	#bottomNav a{
		color:#5b77b1;
		font-weight:normal;
		text-decoration: underline;

	}
	#bottomNav a:hover{
		text-decoration: none;
	}
/*************** ?????????? ***************/
	#bottomNav ul{
		width:100%;
		color:green;
	}
		#bottomNav li{
			display:inline;
		}
/*************** footer menu text color (Store, Home) ***************/
			#bottomNav li a{
				color:#8c985c;
				padding:10px 0;
				font-weight:bold;
			}