/* Global website font and background settings (i.e. font type and size, background color, tile background, etc)  */
body {	margin-top: 0px;
		font: 12px Arial, Tahoma, Verdana, Helvetica, Arial; 
		color: white;
		background: black; 	}
		
dt.main {color: red;}		
		
.ProductText {
background-color: black;
}

.mainContent2 { color: black; background-color: #E0E0E0;}

/* Gobal formatting for links  */
a.ProductText {font: 12px; text-decoration: none; color: red}
a.ProductText:hover {color: white; text-decoration: none;}

.boxContent {
background-color: black;
padding: 5px;
border-bottom: 1px solid white;
}
		
.pageBackground{
	width:100%;
	height: 500px;
	background-color: white;
	border: 0px solid white; }		

.pageBackground td{
	padding: 0px; }		
		
/* Gobal formatting for links  */
a {font: 11px Arial, Tahoma, Verdana, Helvetica, Arial; text-decoration: none; color: red}
a:hover {color: red; text-decoration: none;}

/* Gobal formatting for links  */
a.menuSelected {font: 14px; text-decoration: none; color: red}
a.menSelected:hover {color: red; text-decoration: none;}

/* Gobal formatting for outer main table  */
.MainOuterTable	 {
	background-color: white;
}		
		
/* Gobal formatting for header links container  */
.headerTable {
	width: 1010px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-color: black;
	margin-left: auto;
	margin-right: auto;	
	align: right;
	background-color: white;
}	

.headerTable td {	text-align: right; }	

/* Formating for header top links at top of web site (i.e. contact us, faq, etc) */
a.headerLinks {text-decoration: none; color: white; font-size: 11px; font-weight: normal;}
a.headerLinks:hover {text-decoration: none; color: red}
.headerText {COLOR: white;}

a.headerLinks2 {text-decoration: none; color: white; font-size: 9px; font-weight: normal;}
a.headerLinks2:hover {text-decoration: none; color: red}

a.headerLinks3 {text-decoration: none; color: white; font-size: 11px; font-weight: normal;}
a.headerLinks3:hover {text-decoration: none; color: red}

a.blogSiteTitle {text-decoration: none; color: white; font-size: 12px; font-weight: normal;}
a.blogSiteTitle:hover {text-decoration: none; color: black; font-weight: normal;}

a.searchLink {text-decoration: none; color: white; font-size: 17px; font-weight: normal;}
a.searchLink:hover {text-decoration: none; color: red; font-weight: normal;}

a.MNav1 {text-decoration: none; color: white; font-size: 16px; font-weight: normal;}
a.MNav1:hover {text-decoration: none; color: white; font-weight: normal;}

a.MNav2 {text-decoration: none; color: black; font-size: 16px; font-weight: normal;}
a.MNav2:hover {text-decoration: none; color: black; font-weight: normal;}


/* Navigation background color and table cell formatting */
.NavigationCell {
background-color: #db3831;}

/* Gobal formatting for header links container  */


/* Formating for footer links at bottom of web site (i.e. contact us, faq, etc) */
a.footerLinks {text-decoration: none; color: white; font-size: 13px; padding-left: 26px;}
a.footerLinks:hover {text-decoration: none; color: red;}
.footerText {COLOR: #000000;}

/* Gobal formatting for bread crumb trail  */
.BreadCrumb {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
	font-color: red;
	font-size: 14px;	
	border-bottom: 1px solid black;
	margin-left: auto;
	margin-right: auto;	
}
/* Gobal formatting for bread crumb trail links and text */
.BreadCrumb a {
	font-size: 18px;
	color: red;
	text-decoration: none;   
}
.BreadCrumb a:hover {
	text-decoration: none;   
}
.BreadCrumb span {
	font-size: 18px;
	color: red; }
	
/* Gobal formatting for server side error messages div contaiter tag  */
.#errorMessagesContainer {		
	border: 1px solid black; 
	padding-top: 65px;
	margin-left: auto;
	margin-right: auto;	}	

/* Gobal formatting for server side error messages  */
#errorMessagesContainer ul {
	list-style: square; }
	
#errorMessagesContainer li {
	padding: 0 0 0 5px;
	color: red;
	font-size: 14px;}		

/* Search form formatting */	
.searchForm {
	font-size: 13px;
	font-weight: bold;
	border: 1px solid black; 
	background: black;
	color: white;		
	padding-left: 5px;	}	
	
/* Gobal formatting for product category text  */
.categoryText {
	width: 100%;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto; }	
	
/* Gobal formatting for product filters table */
.productFiltersTable {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;	
	font-weight: bold; 	}
	 
/* Gobal formatting for product filters table for table cells */
.productFiltersTable td {
	vertical-align: bottom;	 
	text-align: left;}	

/* Gobal formatting for product table  */
.productTable {
	background-color: black;
	width: 100%; 
	margin-left: auto;
	margin-right: auto;	
	border-spacing: 0px;	
	}
	
/* Gobal formatting for product table cells (where the product images/link and reside)  */
.productTableTd {
	width: 33%; 
	background-color: black;
	border: 0px solid black;
	text-align: left;
	padding-bottom: 10px;	
	}
	
/* Gobal formatting for product table cells (when there is not a product item to display)  */
.productTableTdEmpty {
	width: 25%;	
	text-align: center; 
	padding: 5px; }
	
/* Gobal formatting for product detail table  */
.productDetailTable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	}	
	
/* Gobal formatting for product detail table  */
.productDetailTableLeft {
	width: 50%;
	padding: 5px; 
	vertical-align: top;	
	text-align: center;}
	
/* Gobal formatting for product detail table  */
.productDetailTableRight {
	width: 50%;
	padding: 0px; 
	vertical-align: top; 
	text-align: left;}	
	

/*   */
.proDetailShop {
	padding-top: 5px;
	padding-bottom: 5px;	
	text-align: right;
}	

/*   */
.proDetailShop a {
	font-size: 20px;
	color: black;
	font-weight: bold;
}

/*   */
.proDetailBrand {
	background-color: black;
	height: 30px;
	padding-left: 5px;
}

/*   */
.proDetailBrand a {
	font-size: 20px;
	color: white;
}

/*   */
.proDetailProductName {
	font-size: 18px;
	color: red;
}
.proDetailProductPrice {
	font-size: 14px;
	color: white;
}

/*   */
.proDetailProductDescription {
	border-top:  1px solid black;
	border-bottom:  1px solid black;	
	background-color: #f2f2f2;
	padding: 5px;
}

/*   */
.proDetailSelect {
	padding-top: 15px;
	padding-bottom: 15px;	
}

/*   */
.proDetailSubmit{
	padding: 0px;
}

/*   */
.proDetailSubmitButton{
	padding-left: 5px;
	font-size: 25px;
	height: 35px;
	width: 200px;
	background-color: #979596;
	color: white;
	text-align: center;
}	
	

/* Gobal formatting for brands table  */
.brandsTable {
	padding: 2px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	}

/* Gobal formatting for my account tables  */
.myAccountTables {
	width: 100%;

	margin-left: auto;
	margin-right: auto;	}	
.myAccountTables td{	
	padding: 3px; 	}	
	
/* Gobal formatting for server side error messages div contaiter tag  */
.myAccountSubMenuContainer {	
	padding-top: 5px;
	width: 100%;
	text-align: right;	
	margin-left: auto;
	margin-right: auto;	}	
	
/* Gobal formatting for my email signup tables  */
.emailSignupTable {
	width: 100%;
	padding: 5px; }	

/* Gobal formatting for brands table header  */
.brandsTable th {
	color: black;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	text-align: center;}
	
/* Gobal formatting for brands table cells  */
.brandsTable td {
	text-align: center;}	
	
/* Gobal formatting for home page tables  */
.homePageTables {
	width: 100%;
	border: 1px solid black;}	
	
/* Gobal formatting for home page tables header  */
.homePageTables th {
	background-color: black;
	text-align: left;
	color: white; 
	font-weight: normal;
	font-size: 18px;
	padding-left: 5px; 
	}	
	
/* Gobal formatting for home page tables cells  */
.homePageTables td {
	height: 50px;
	vertical-align: middle;
	height: 200px;}	
	
/* Gobal formatting for blog table  */
.blogTable {
	width: 100%;
	border: 1px solid black;}	
	
/* Gobal formatting for blog table header  */
.blogTable th {
	background-color: black;
	text-align: left;
	color: white; 
	font-weight: normal;
	font-size: 18px;
	padding-left: 5px; 
	}	
	
/* Gobal formatting for blog table cells  */
.blogTable td {
	height: 453px;
	vertical-align: top;}

/* Gobal formatting for blog div  */	
.blogDiv {
	width:358px;
	height:447px;
	padding-left: 5px;
	padding-top: 5px;	
	position:absolute;
	overflow:auto;
	overflow-x:hidden; }

/* Gobal formatting for blog table cells  */
.blogInsideTable td {
	height: 105px;
	vertical-align: top;}	
	
/* Gobal formatting for blog title  */	
.blogTitle {
	font-size: 16px;
	color: red;
}	

/* Gobal formatting for blog title  */	
.blogIntroText {
	font-size: 12px;
	color: black;
}

.pageTitle {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: red;}
.billingAddress{width:250px;float:left;border-right:0px solid #AAA;padding-right:0px;}
.shippingAddress{width:250px;float:left;padding-left:0px;font-size:11px;font-weight:normal;}	

#catList {font-size:14px; width: 175px; text-indent: 0px;}
#catList a{font: 14px White; color:#FFF;text-decoration:none;}
#catList a:hover {color: Red; text-decoration: none;}
#catList li {line-height:15px;margin-bottom:1px;padding-left:0px;list-style-type: none;}
#catList a.catOn {color: Red;}
#catList a.subCatOn {color: Red;}

		/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }
		
		
		#theMenu { width: 200px;  margin: 0px 0; }
		
		/* Some list and link styling */
		ul li { width: 200px; }
		ul ul li { border-left: 15px solid #000; padding-left: 0px; width: 185px; margin-bottom: 0;  }
		ul ul li a { display:block; color: #FFF; padding: 0px; text-decoration: none;font-size: 13px;}
		ul ul li a:hover { display:block; color: red; background-color: #000; padding: 0px; text-decoration: none; }
		#theMenu li { list-style-type: none; }
		h2 { margin-top: 1.5em; }
		
		/* Header links styling */
		h3.head a { 
		vertical-align: middle; 
		height: 15px;
		font-size: 15px;
		color: white;
		display:block; 
		border-bottom: 0px solid #36a;
		border-right: 0px solid #36a;
		background: #636163 url(down.gif) no-repeat; 
		background-position: 100% 50%;
		text-decoration: none;
		padding: 3px 0px 3px 35px;
		border-bottom: 1px solid black;
		}
		h3.head a:hover { 
		color: black;
		background: #949294 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		}
		h3.selected a { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #000;
		text-decoration: none;
		padding: 3px 0px 3px 35px;
		}
		h3.selected a:hover { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		text-decoration: none;
		color: #000;
		}
		
		/* Header links styling */
		h4.head a { 
		color: white;
		display:block; 
		border-top: 0px solid #36a;
		border-right: 0px solid #36a;
		background: #636163 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		padding: 3px 6px;
		}
		h4.head a:hover { 
		color: black;
		background: #949294 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		}
		h4.selected a { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #000;
		text-decoration: none;
		padding: 3px 6px;
		}
		h4.selected a:hover { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		text-decoration: none;
		color: #000;
		}	
		
		/* Header links styling */
		h5.head a { 
		font-size: 15px;
		color: white;
		display:block; 
		border-top: 0px solid #36a;
		border-right: 0px solid #36a;
		background: #636163 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		padding: 5px 0px 5px 15px;
		border-bottom: 1px solid black;
		}
		h5.head a:hover { 
		color: black;
		background: #949294 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		}
		h5.selected a { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #000;
		text-decoration: none;
		padding: 5px 0px 5px 15px;
		}
		h5.selected a:hover { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		text-decoration: none;
		color: #000;
		}	
		/* Header links styling */
		h5.head2 a { 
		font-size: 15px;
		color: black;
		display:block; 
		border-top: 0px solid #36a;
		border-right: 0px solid #36a;
		background: #949294 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		padding: 5px 0px 5px 15px;
		border-bottom: 1px solid black;
		}
		h5.head2 a:hover { 
		color: black;
		background: #949294 url(down.gif) no-repeat; 
		background-position: 98% 50%;
		text-decoration: none;
		}
		h5.selected a { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		color: #000;
		text-decoration: none;
		padding: 5px 0px 5px 15px;
		}
		h5.selected a:hover { 
		background: #949294 url(up.gif) no-repeat; 
		background-position:98% 50%;
		text-decoration: none;
		color: #000;
		}