/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal .72em/1.5em 'Verdana', Arial, Helvetica, sans-serif;
	color: #333;
	background: #200200 url(../images/bkg.png) repeat-x fixed;
	text-align: left;	
	height: 100%;	
}

/* =a */
	a { color: #6e2a0b; text-decoration: none; }
	a:hover { color: #6e2a0b; text-decoration: underline;}
	
/* =h1 */
h1 { font: bold 1.4em/1.5em 'Verdana', Arial, Helvetica, sans-serif; }
	
/* =ul */
ul { list-style-type: none; }

/* =img */
img { border: 0; vertical-align: middle; }


/* =form elements */
	form {		
		font: normal .95em/1.5em 'Verdana', Arial, Helvetica, sans-serif;
		margin: 0px; padding: 0px; 
	}
	
	label {
		display:block;
		font-weight:bold;
		margin:5px 0;
	}
	
	input.box { 
		vertical-align: middle;
		border: 1px solid #e4d9b6;
		padding: 2px;  
		width: 130px;
		font: normal 11px "Trebuchet MS", Tahoma, sans-serif;
		color: #333333; }
	
	input.button { vertical-align: middle; }
	
	input.formButton {
		font: normal .95em/1.5em 'Verdana', Arial, Helvetica, sans-serif;
		padding: 3px; margin: 0px;
		border: 1px solid #333333; 
		vertical-align: middle; 
		background-color: #6e2a0b;
		color: #FFFFFF;
		text-transform: uppercase;
		cursor: pointer;
	}

	input.formButton:hover { background-color: #666666;	}	

	select { 
		color:#333; 
		font: normal 11px "Trebuchet MS", Tahoma, sans-serif; 
		vertical-align: middle; 
		border: 1px solid #e4d9b6;
		padding: 2px;
		width: 230px; }
	
	
	textarea {
		padding: 2px;
		font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
		border: 1px solid #666666;
		height: 100px;
		display: block;
		color:#777;	
		width: 250px;
	}

	
	.formTable {
		border: 0; padding: 10px;
		margin: 0;
		color: #333333;
		text-align: left;
		font: normal 1em/1.2em 'Verdana', Arial, Helvetica, sans-serif;
		width: 90%;
	}

	.formTable th { padding: 3px; font-weight:bold;}
	.formTable th.subtext { font: normal .90em/1.2em 'Verdana', Arial, Helvetica, sans-serif; text-align: right; }
	.formTable td { width: 60%; }
	.formTable td.subtext a { font: normal .85em/1.2em 'Verdana', Arial, Helvetica, sans-serif; }
	
	.formHeader {
		border: 0; padding: 0px; margin: 0;
		color: #333333;
		text-align: left;
		font: normal 1.1em/1.4em 'Verdana', Arial, Helvetica, sans-serif;
		text-decoration: underline;
	}	
	
	.formHeader th { text-align: left; }

	
	#orderTable{ 
		border-collapse: collapse;
		background-color: #ffffff;	
		border: 1px solid #333333;
		padding: 3px; margin: 0px;
		text-align: center;
		font: normal .9em/1.2em 'Verdana', Arial, Helvetica, sans-serif;
	}
	
	#orderTable caption{
		font: bold 1.2em/1.4em 'Verdana', Arial, Helvetica, sans-serif;
		text-align: left;
		padding: 5px;
	}
		
	#orderTable th{
		color: #ffffff;
		background-color: #333333;	
		padding: 5px;
	}
		
	#orderTable td{ padding: 5px; border: 1px solid #333333; font-weight: normal; }
	
/***********************
	  LAYOUT
************************/
/* container */
	#container { position: relative; width: 960px; margin: 0 auto; padding-top: 30px;}

/* header */
	#header { position:relative; width: 100%; float:left; height: 91px; background: url(../images/bkg_top_nav.png) no-repeat; margin: 0; padding: 0; }
	#header h1 a { display: block; left: 10px; top: 10px; width: 234px; height: 60px; text-indent: -9999px; }
	#header div { position: relative; left: 460px; top: -55px; width: 465px; height: 40px; }
	#header form { display: inline; }
	#header select { width: 120px; }
	#header td { padding-left: 20px; color: #6e2a0b; font: bold .9em/.5em 'Verdana', Arial, Helvetica, sans-serif; }
	#header td.subtext { font: normal .82em/1.2em 'Verdana', Arial, Helvetica, sans-serif; }
	#header td.subtext a { color: #6e2a0b; }
	#header td.subtext a:hover { text-decoration: underline; }

/* nav_main */
	#nav_main { position: absolute; top: 84px;	margin: 0px !important; padding: 0; width: 960px; height: 35px; text-transform: uppercase; } 
	#nav_main ul{ position: relative; left: 100px; padding-top: 5px; }
	#nav_main li { display: inline; margin-right: 0.9em; padding-right: 0.75em; border-right: 1px solid #e4d9b6; }
	#nav_main li.last { border-right: none;  margin-right: 0; padding-right: 0; }
	#nav_main li a { color: #333333; text-decoration: none; }
	#nav_main li a:hover { color: #6e2a0b; text-decoration: none;}
	#nav_main li a.current { color: #6e2a0b; font-weight: bold; }
	
	
/* nav_sub */
	#nav_sub {  width: 958px; height: 35px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #e4d9b6; background-color: #6e2a0b; color: #ffffff; font-size: 11px;} 
	#nav_sub table { width: 958px;  text-align: left;  margin: 0px; padding: 0px;}
	#nav_sub td { padding: 5px 10px;}
	#nav_sub td.store { text-align: right; font-size: 1.5em; text-transform: uppercase; }

	
/* content */
	#content{ width: 960px; float: left; margin: 0; margin-bottom: 20px; }

	/* home_left */
		#home_left { float: left; width: 260px; }
		#home_left p { padding-bottom: 10px; }
		#home_left p.last { padding-bottom: 0; background: url(../images/signup.gif) no-repeat; width: 249px; height: 80px; color: #6e2a0b; font: normal 10px/1.5em  'Trebuchet MS', Tahoma, Arial, sans-serif; }
		#home_left form { padding: 30px 20px; }
		#home_left input { vertical-align: middle; }
		#home_left input.box { width: 175px; height: 15px; }
		#home_left img  { text-decoration: none; border: none; }
		
	/* home_right */
		#home_right { float: right; width: 458px; height: 304px; background: url(../images/bg_home.jpg) no-repeat; }
		#home_right  p { color: #ffffff; padding: 65px 30px; letter-spacing: .2em;  font: 1.2em/1.5em  'Trebuchet MS', Tahoma, Arial, sans-serif;  }

	
	/* nav_side */
	#nav_side { 
		float: left; 
		width: 214px; 
		margin-bottom: 2em; 
		padding: 0; 
		font-family: 'Tahoma', Arial, sans-serif;
		font-size: 12px;
		font-weight: lighter;
		text-align: left;
		text-transform: uppercase; } 

	* html #nav_side { /*IE 6 only */
		w\idth: 212px; /*Box model bug: 214px minus all left and right paddings for #nav_side */	}

	#nav_side ul { 
		background-color: #333333; 
		color: #e4d9b6;
		width: 100%;  }	
	
	#nav_side li { 
		margin: 0;
		padding: 5px 0 0 5px;
		background: #333333 url(../images/nav_shear.gif) repeat-x;
		border-bottom: 1px solid #000000; }
		
	#nav_side li a { 
		display: block; 
		color: #e4d9b6; 
		text-decoration: none;}
		
	html>body #nav_side li a{ /*Non IE6 width*/
		width: auto; }
		
	#nav_side li:hover, #nav_side li.current{
  		background: #333333; font-weight:bold; }
	
	/* nav_side_top */
		#nav_side_top { 
			width: 100%;
			padding: 0; 			
			margin-top: 5px;
			font-size: 12px; 
			font-weight: lighter;
			text-transform: capitalize; }
	
		#nav_side_top li {
			padding: 0; 
			margin: 0; }
			 
		#nav_side_top li a { 
			padding: 2px 0 2px 10px;
			background: #e4d9b6;
			color: #6e2a0b;
			display: block; 
			text-decoration: none; }

		html>body #nav_side_top li a{ /*Non IE6 width*/
			width: auto; }
				
		#nav_side_top li a:hover { 
			font-weight: bold; 
			color: #6e2a0b; 
			background: #e4d9b6 url(../images/nav_gradient_light.gif) repeat-x; }	
		
		 #nav_side_top li.current {
		 	font-weight: bold; 
			color: #6e2a0b; 
		 	background: #e4d9b6 url(../images/icon_arrow_red.png) no-repeat left center;
			padding-left: 10px; }
		
	/* nav_side_middle */
		#nav_side_middle {
			width: 100%; 
			margin: 0;
			padding: 0; 			
			font-size: 11px; 
			font-weight: lighter;
			text-transform: capitalize; }
		
		#nav_side_middle li { border: 0; border-top: 1px solid #e4d9b6; border-right: 1px solid #e4d9b6; }	
			 
		#nav_side_middle li a { 
			padding: 2px 0 2px 10px;
			background: #6e2a0b;
			color: #e4d9b6;
			display: block; 
			text-decoration: none; }

		html>body #nav_side_middle li a{ /*Non IE6 width*/
			width: auto; }
				
		#nav_side_middle li a:hover { 
			font-weight: bold; 
			color: #6e2a0b; 
			background: #e4d9b6 url(../images/icon_arrow_red.png) no-repeat left center; }	
		
		 #nav_side_middle li.arrow_on {
			font-weight: bold; 
			color: #e4d9b6; 
		 	background: #6e2a0b url(../images/icon_arrow_yellow.png) no-repeat left center;
			padding-left: 10px; }

	/* nav_side_bottom */
		#nav_side_middle {
			width: 100%; 
			margin: 0;
			padding: 0; 			
			font-size: 11px; 
			font-weight: lighter;
			text-transform: capitalize; }
			
		#nav_side_bottom li { border: 0; border-top: 1px solid #e4d9b6; }	
			 
		#nav_side_bottom li a { 
			padding: 2px 0 2px 10px;
			background: #333333;
			color: #e4d9b6;
			display: block; 
			text-decoration: none; }

		html>body #nav_side_bottom li a{ /*Non IE6 width*/
			width: auto; }
				
		#nav_side_bottom li a:hover { 
			font-weight: bold; 
			color: #e4d9b6; 
			background: #6e2a0b url(../images/icon_arrow_yellow.png) no-repeat left center; }	
		
		#nav_side_bottom li.arrow_on {
			font-weight: bolder; 
			color: #e4d9b6; 
			background: #333333 url(../images/icon_arrow_yellow.png) no-repeat left center;
			padding-left: 10px; }		


	/* nav_side_filter */
	#nav_side_filter {
		width: 214px; 
		margin: 2em 0;
		padding: 0;		
		font-family: 'Tahoma', Arial, sans-serif;
		text-align: left;
		color: #6e2a0b; 
		background-color: #e4d9b6; }

	#nav_side_filter caption {
		width: 100%;
		padding: 8px 5px;
		border-bottom: 1px solid #000;
		font-size: .9em;
		font-weight:bold;
		text-align: left;
		text-transform: uppercase; }
		
	#nav_side_filter table { width: 214px; background-color: #ffffff; }

	#nav_side_filter .td_head {
		padding: 8px 5px;
		font-weight:normal;
		text-align: left;
		text-transform: capitalize; }

	#nav_side_filter select { width: 180px;}
	
	#nav_side_filter .td_body {
		padding: 0 10px;
		font-weight:normal;
		text-transform: capitalize; }
	
	#nav_side_filter ul { border: 0;}
	
	#nav_side_filter li {
		border: 0;
		padding: 0;
		color: #333333;
		background: #ffffff; }

	#nav_side_filter li:hover {
		border: 0;
		background: #ffffff; }
							
	#nav_side_filter li a { 
		padding: 2px 10px;
		color: #333333;
		display: block; 
		text-decoration: none; 
		background: #ffffff; }

	html>body #nav_side_filter li a{ /*Non IE6 width*/
		width: auto; }
			
	#nav_side_filter li a:hover {
		font-weight: bold; 
		color: #333333 ; 
		text-decoration: underline; }	
	
	#nav_side_filter .arrow_on {
		font-weight: bold; 
		color: #333333; 
		padding-left: 10px; }
		
	
	/* content_main */
	#content_main { 
		position: relative;
		float: right; 
		width: 710px; 
		border: 1px solid #e4d9b6;
		background-color: #ffffff; 
		margin-bottom: 20px; }

		#content_main h1 { 
			background-color: #e4d9b6;
			color: #6e2a0b;
			padding: 10px 5px;
			font: bold 1.2em/1.8em 'Tahoma', Arial, sans-serif; }						
	
		#content_main h2 { 
			background-color: #ffffff;
			color: #6e2a0b;
			padding: 5px 20px;
			font: bold 1em/1.5em 'Tahoma', Arial, sans-serif; }	
	
		#content_main h2 span { font: italic .9em/1.5em 'Tahoma', Arial, sans-serif; }	
												
		#content_main p { padding: 5px 20px; font: normal .95em/1.5em 'Tahoma', Arial, sans-serif; }						

		#content_main p img { padding: 3px; }						
		
		#content_main li { padding: 5px 20px; font: bold .95em/1.5em 'Tahoma', Arial, sans-serif;}	
		
		#content_main li ul { padding: 5px 20px; }
		
		#content_main .parentHead { font-weight: bold; color: #6e2a0b; }
		
		#content_main .childHead { padding: 5px 20px; font: normal .95em/1.5em 'Tahoma', Arial, sans-serif; color: #6e2a0b; }
		
		
		/* bread_crumb */
			#bread_crumb { 
				background-color: #e4d9b6;
				color: #6e2a0b;
				font: bold .90em 'Tahoma', Arial, sans-serif;
				padding: 10px 5px ; }
		

/*				#bread_crumb .selected {
					color: #6e2a0b;
					font: bold .95em 'Tahoma', Arial, sans-serif; }*/
			
				#bread_crumb a { 
					color: #333333; }
					
				#bread_crumb a:hover { 
					color: #333333;	
					text-decoration: underline; }
					
		/* product_filters */
		#product_filters { 
			background-color: #333333;
			color: #e4d9b6;
			font: bold 10px/1.5em 'Tahoma', Arial, sans-serif;
			padding: 10px 30px;
			border-top: 1px solid #333333;
			border-bottom: 1px solid #333333; }
	
		   #product_filters ul  { 
				margin: 0;
				padding: 0;
				width: 100%; }
					
		   #product_filters li { 
				margin: 0px;
				padding: 0px;
				padding-right: 30px;
				position: relative; 
				float: left; }
	
		   #product_filters p  { 
				margin: 0px; 
				padding: 2px;}			
			
			#product_filters table {
				margin-top: .8em; 
				clear: left; 
				width: 100%; }
			
			#product_filters td a { color: #e4d9b6;}				
					
			#product_filters td a:hover { text-decoration: underline; }				
			
			#productDisplayBox  {
				border-collapse: collapse;
				border: 0px;
				margin: 0px;
				padding: 0px;	
				color: #333333;
				text-align: left;
				font: normal 1em/1.8em 'Tahoma', Arial, sans-serif;
				width: 100%; }	
									
			#productDisplayBox td {
				vertical-align: top;
				padding: 10px 30px;
				border-bottom: 1px solid #e4d9b6; }			
	
				
			#productDisplayBox span { font: italic .95em/1.8em 'Tahoma', Arial, sans-serif; }	

			#productDisplayBox  a {
				display: block; 
				width: 100%;
				color: #6e2a0b; }	

			#productDisplayBox  a:hover {
				text-decoration: underline; }
								
				/* productBoxDetail */
				#productBoxDetail {
					font: normal .95em/1.8em 'Tahoma', Arial, sans-serif;
					width: 100%;
					color: 333333;
					border-collapse: collapse;
					vertical-align: bottom;
					margin-top: 5px; }
																				
				#productBoxDetail td {
					border: 0;
					padding: 5px 0 0 0; }
				
				#productBoxDetail .productImage {
					padding: 0px;
					border-right: 1px solid #333333;
					width: 30%; }
										
				#productBoxDetail .field { 
					padding: 0px; 
					width: 50%; 
					color: 333333;
					font-weight: bold; }
					
				#productBoxDetail .data { 
					padding: 0px; 
					width: 50%;
					color: 333333;}	
					
				#productData  {
					padding: 2px;
					width: 280px;
					background-color: #6e2a0b;
					border: 3px solid #333333;
					height: 100%;
					color: #e4d9b6;}					

					
				#productPriceData th {
					padding: 2px;
					width: 100%;
					background-color: #333333;
					border: 1px solid #333333;
					color: #e4d9b6;
					vertical-align: middle;}						
					
				#productPriceData td {
					padding: 2px;
					width: 100%;
					background-color: #e4d9b6;
					border: 1px solid #333333;
					color: #6e2a0b;
					vertical-align: middle;}
					
/*				#productBoxDetail .addToCart {
					font: normal .9em/1.5em 'Verdana', Arial, Helvetica, sans-serif;
					text-align: center;
					margin: 10px auto;
					padding: 5px;
					border: solid #e4d9b6; 
					color: #e4d9b6;
					background-color: #333333;}*/

				
										
/* footer */
	#footer { clear: both; font: normal .95em/1em 'Trebuchet MS', Tahoma, Arial, sans-serif; color: #e4d9b6; text-align: center; }
	#footer ul {  margin: 2em 0 .7em 0;}
	#footer li { display: inline; margin: 0.4em 0.5em 0.4em 0; padding-right: 0.2em; border-right: 1px solid #e4d9b6; }
	#footer li.last { border-right: none; }	

	#footer a { color: #e4d9b6; text-decoration: none; }
	#footer a:hover {	color: #e4d9b6;	text-decoration: underline;	}
  
	#footer-content {	color: #999; border-top: 1px solid #e4d9b6; margin: 5px auto;	padding: 3px;	font: normal 10px/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif; }	
	
	#footer-content a { color: #999; }


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.align-center { text-align: center; }

/* additional classes */
.headerRow {
	font: bold 1.2em/1em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	padding: 5px 10px;
	background-color: #e4d9b6;
	color: #6e2a0b;
}

.clear { clear: both; }
.gray  { color: #BFBFBF; }
.current { font-weight: lighter; }

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E6E6E6;
}
.altRowOdd{
	background-color: #D6D6D6;
}


/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
	color: #6e2a0b;	
}

.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

.headertext {
	font: bold italic 1em/1.5em 'Verdana', Tahoma, Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}

.detailtext {
	font: normal .95em/1.5em 'Verdana', Tahoma, Arial, sans-serif;
	color: #333333;
}

/* =table.cfdebug */
table.cfdebug { clear:both; }

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
 	vertical-align: middle;
	border: 1px solid #696969;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 5px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}
	
#formDiv {
	margin: 0;
	padding: 10px;
	background-color: #e4d9b6;	
}
	
	#formDiv h2 {
		background-color: #e4d9b6;
		padding: 0px; }
			
	#formDiv p { padding: 10px 0px; }