/* Hartwell Classic Apparel 					*/
/* Supporting Style Sheet for Shopping Pages	*/
/* version 1.0 11.07.05							*/
/* written by Jason Padgett						*/
/* last edited by:								*/



/* left nav (search filters) */

	#instruction
		{
		margin:-10px 0 10px;
		padding: 0 0 1px;
		background: url(img/stripe.gif) repeat-x transparent;
		border-bottom: 1px solid #fff;
		}
	
	#instruction h2
		{
		padding-top: 10px;
		}
		
		
	#left-nav li a:link, #left-nav li a:visited
		{
		color: #00234c;
		}

	#left-nav li a:hover, #left-nav li a:focus
		{
		color: #8899ae;
		}
	
	#left-nav ul
		{
		margin: 0 10px;
		}
	
	#left-nav li
		{
		margin-bottom: 1em;
		font-weight: bold;
		font-size: .95em;
		}
	
	#left-nav li ul
		{
		}
		
	#left-nav li ul li
		{
		margin-bottom: 0;
		font-weight: 100;
		}


	#left-nav #category ul li ul
		{
		}
		
	#left-nav #category ul li ul li
		{
		list-style: square;
		color: #8899ae;
		margin-left: .25em;
		}
	#left-nav #special
		{
		margin-top: 1.5em;
		}
		
	#left-nav a.backNav
		{
		padding: .1em .2em .1em 18px;
		background: url(img/up_arrow.gif) no-repeat #c3ccd6;
		background-position: .2em 50% ;
		text-decoration: none;
		line-height: 2em;
		font-size: 10px;
		}
		
	#left-nav li a.backNav:link, #left-nav li a.backNav:visited
		{
		border: 1px solid #8899ae;
		color: #0f325b;
		}

	#left-nav li a.backNav:hover, #left-nav li a.backNav:focus
		{
		border: 1px solid #8899ae;
		background: url(img/up_arrow.gif) no-repeat #e2e6eb;
		background-position: .2em 50% ;
		}
		
		
		
		
/* item thumbnails */

#items
	{
	margin-left: 10px;
	float: left;
	width: 440px;
	}

#items h2
	{
	width: 430px;
	font-size: 2em;
	margin-bottom: .2em;
	margin-top: 5px;
	}

#items .row
	{
	float: left;
	margin: 10px 0;
	line-height: 1.25em;
	}

#items dl
	{
	float: left;
	width: 100px;
	margin-left: 10px;
	}

#items dl.first
	{
	margin-left: 0;
	}

#items .row a
	{
	display: block;
	}

#items .row a:link
	{
	color: #00234c;
	text-decoration: none;
	}
	
#items .row a:visited
	{
	color: #8899ae;
	text-decoration: none;
	}
	
#items .row a:active  , #items .row a:hover , #items .row a:focus 
	{
	color: #00234c;
	background: url(img/f1f3f6_stripe2.gif) repeat #f1f3f6;
	}

#items dl dt
	{
	min-height: 125px;
	}

#items dl dt, #items dl dd
	{
	background: transparent;
	}


#items dl img
	{
	}

#items dl dd.stylenum
	{
	font-weight: bold;
	}


#items dl dd.brand
	{
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	margin: .5em 0;
	}

/* Info and options above and below item thumbnails*/

#category_header
	{
	font-size: .9em;
	margin-bottom: 1em;
	}

#category_footer
	{
	font-size: .9em;
	}
	
#breadcrumbs
	{
	font-size: 10px;
	margin: 0 0 1em;
	}
	
	
.view_options
	{
	border: 1px dotted #555;
	border-width: 1px 0;
	margin-right: 10px;
	}
	
.view_options a:link, .view_options a:active, .view_options a:visited
	{
	margin: 0 .5em;
	text-decoration: none;
	border: none;
	color: #000;
	}

.view_options a:hover, .view_options a:focus
	{
	color: #666;
	}


.page_count a:link, .page_count a:active, .page_count a:visited
	{
	text-decoration: none;
	border-bottom: 1px dotted #666;
	color: #000;
	padding: .2em .2em 0;
	}

.page_count a:hover, .page_count a:focus
	{
	text-decoration: none;
	background: #e1e1e1;
	color: #000;
	border-bottom: 1px solid #fff;
	padding: .2em;
	}

#category_footer
	{
	clear: left;
	}



/* promotions column */


#promos
	{
	float: left;
	width: 144px;
	margin: 5px 0 10px 10px;
	visibility: hidden;
	}
	
div.promo-item
	{
	height: 150px;
	background: #e1e1e1;
	margin-bottom: 10px;
	}




/* Item Details  & Item Configuration Pages ------------------------------------------------------*/



#item_detail
	{
	width: 596px;
	float: left;
	margin-right: 10px;
	}
	
#item_detail h2, #item_detail_config h2
	{
	margin:0 0 .5em;
	padding:0;
	}
	
#item_detail h2 span, #item_detail_config h2 span
	{
	padding-right: .25em;
	margin-right: .5em;
	border-right: 1px solid #e1e1e1;
	}
#item_detail h2 br{display:none;}	
#item_detail h2 span.brand, #item_detail_config h2 span.brand
	{
	display: block;
	border: none;
	}

#itemAlert{
font-size: 10px;
padding: 2em;
margin: 1em 0;
border: 1px solid gold;
background: lightyellow;
}
#itemAlert h3, #itemAlert p{
margin:0 0 .25em;
}
/* item detail navigation */


#item_detail_nav
	{
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background:url(img/c3Dot.gif) bottom left repeat-x #fff;
	}

#item_detail_nav li
	{
	float:left;
	padding:0 5px 0 0;
	}
	
#item_detail_nav li.button
	{
	cursor: pointer;
	}

#item_detail_nav li a
	{
	display: block;
	padding: 5px 1em 0;
	border: 1px solid #c3ccd6;
	border-bottom: none;
	background: #c3ccd6;
	color: #0f325b;
	font-weight: bold;
	text-decoration: none;
	}

#item_detail_nav li.current a,
#item_detail_nav li a:hover
	{
	padding-bottom:1px;
	color: #0f325b;
	}
	
#item_detail_nav li.current a,
#item_detail_nav li.current a:hover
	{
	background: #fff;
	}

#item_detail_nav li a:hover
	{
	background:url(img/c3Dot.gif) bottom left repeat-x #e2e6eb;
	}


/* product info container */

#prodinfo
	{
	float: left;
	position: relative;
	border: 1px solid;
	border-top: none;
	padding: 20px 10px 0;
	width: 574px;
	}

	
/* image area  w decorator */

#mainImg
	{
	float: left;
	width: 250px;
	margin: 0 10px 10px 0;
	display: inline;
	border: 1px solid;
	padding: 2px;
	}
#mainImg:hover
	{
	}

#popImg
	{
	position: absolute;
	top: 205px;
	left: 199px;
	width: 375px;
	padding: 10px;
	border: 2px solid;
	}
	
#popImg p
	{
	position: absolute;
	top: -22px;
	right: -2px;
	margin: 0;
	padding: .2em 10px 0;
	font-size: .8em;
	border: 2px solid;
	border-bottom: 0;
	cursor: pointer;
	}
	
#popImg img
	{
	margin: 0;
	padding: 0;
	}

/* image area w zoom viewer */

#image
	{
	float: left;
	width: 250px;
	margin: 0 10px 10px;
	display: inline;
	}


/* item description  */
#prodDetails{
margin-left:270px;
}
#item_detail #prodinfo p{
margin: .5em 0;
}

#prodinfo p.price
	{
	font-size: 120%;
	margin-bottom: .75em;
	}

p.longdesc img
	{
	float: right;
	}

p.moreinfo span
	{
	font-weight: bold;
	}

p.moreinfo span.price_disclaimer{
display:block;
margin: .5em 0;
font-weight:bold;
}

#moredetail{
margin:1em 0;
}
#moredetail dl{
	float:left;
	margin-right:1em;
}
#moredetail dt img{
border:1px solid #666;
}

#qtyprc_expl{
clear:left;
}
/* item colors  */

#colorchips
	{
	width: 305px;
	float: left;
	margin: 0 0 10px;
	font-size: 8pt;
	}

#colorchips .row
	{
	float: left;
	margin: 0;
	width: 100%;
	}
	
#colorchips h3
	{
	display: block;
	font-size: .95em;
	margin: 10px 0 5px 0;
	}

#colorchips dl
	{
	margin: 0 8px 10px 0;
	text-align: center;
	float: left;
	width: 40px;
	cursor: pointer;
	}

#colorchips dt
	{
	margin: 0 auto .1em;
	padding: 0;
	text-align: center;
	}
	
#colorchips dt img, #colorchips dt input
	{
	height: 25px;
	width: 25px;
	border: 1px solid;
	}
	

#colorchips dt.hexswatch
	{
	width: 25px;
	height: 25px;
	border: 1px solid;
	}

#colorchips dt.hexswatch span
	{
	display: none;
	}
	
#colorchips dt.imageswatch span
	{
	display: none;
	}


#colorchips dd
	{
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-align: center;
 	}

/* Item detail additional info---- */
#addlinfo
	{
	clear: left;
  padding-left: 10px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
	}

/* scene7 gallery */
.s7_gallery_images
{
	width:280px;
	float:left;
	padding:.5em 1em;
	background:#f1f1f1;
}
#prodDetails div.s7_gallery_images h3
	{
	font-size: .95em;
	margin: 10px 0 5px 0;
	border-bottom:1px solid #d6d6d6;

	}

.s7_gallery_images .img_box
	{
	float:left;
	margin-right:1em;
	text-align:center;
	}


/* footer for product info */

#widgets
	{
	float: left;
	clear: both;
	width: 574px;
	padding: 0 10px;
	border: 1px solid;
	border-top: none;
	margin-bottom:2em;
	}

#widgets li
	{
	float: right;
	margin-left: 10px;
	}


#widgets li a
	{
	padding: 2px 5px 2px 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: 2px center;
	text-decoration: none;
	font-size: .9em;
	}

#widgets #dload a	{}
#widgets #favs a	{}
#widgets #flyer a	{}
#widgets #mail a	{}

#widgets li a:hover
	{
	}

/* download image popup (div generated by javascript) */
#dlPop
	{
	position: absolute;
	top: 205px;
	left: 16px;
	width: 560px;
	height: 320px;
	padding: 10px;
	border: 2px solid #000;
	}
	
#dlPop p
	{
	margin: 0 0 .5em 270px;
	font-size: .7em;
	line-height: 1.4em;
	}
	
#dlPop p#dlTab
	{
	position: absolute;
	top: -22px;
	right: -2px;
	margin: 0;
	padding: .2em 10px 0;
	font-size: .8em;
	line-height: 1.45em;
	border: 2px solid;
	border-bottom: 0;
	cursor: pointer;
	}
	
#dlImgFrame
	{
	width: 100%;
	height: 90%;
	overflow: scroll;
	}
	
#dlPop img
	{
	margin: 0;
	padding: 0;
	}


/* decoration config data returned to item detail page */

#decoration
	{
	position: relative;
	clear: left;
	width: 574px;
	margin: 0 0 2em;
	}

#decoration h3
	{
	width: 100%;
	border-bottom: 1px solid;
	margin-bottom: 0;
	}

#decoration h3 span
	{
	font-size:.5em;
	margin-left: 1em;
	text-decoration: underline;
	}

#decoration .note, #decoration .noPreviewnote
	{
	margin: 0;
	padding: 0;
	}

#decoration .note
	{
	position: absolute;
	top: 1em;
	right: 0;
	}
#decoration .noPreviewnote
	{
	}

#decoration ul.selectedItems
	{
	float: left;
	width: 181px;
	font-size: 8pt;
	line-height: 10pt;
	margin: 1em 10px 1em 0;
	}

#firstoutput0,#firstoutput1,#firstoutput2
	{
	font-weight: bold;
	}
	
/* decoration price table */

#decoPriceTable{
clear:left;
}

#decoPriceTable table{
width: 100%;
margin: .5em 0;
}

/* upsells */

#upsells
	{
	float: right;
	width: 144px;
	padding-bottom: 10px;
	margin: -10px 0 0;
	padding-top: 10px;
	border-bottom: 2px solid;
	line-height: 1.2em;
	}


#upsells h3
	{
	font-size: 1em;
	margin-bottom: .5em;
	}
	
#upsells dl
	{
	width: 112px;
	margin: 0 auto 10px;
	}

#upsells dl a
	{
	display: block;
	padding: 5px;
	}

#upsells dl a:link
	{
	text-decoration: none;
	border: 1px solid;
	}
	
#upsells dl a:visited
	{
	text-decoration: none;
	}
	
#upsells dl a:active  , #upsells dl a:hover , #upsells dl a:focus 
	{
	}


#upsells dl dt, #upsells dl dd
	{
	}

#upsells dl img
	{
	}

#upsells dl dd.brand
	{
	font-size: 8px;
	margin: .5em 0;
	text-transform: uppercase;
	}
	
	
#upsells dl dd.stylenum
	{
	font-weight: bold;
	}

#companion, #related
	{
	margin: 0 10px 10px;
	}



 	
/* item selection area  --------------------- */



#item_selection_form
	{
	clear: left;
	}

		/* order grid */ 
		
		#ordergrid h3
			{
			margin-bottom: .5em;
			border-bottom: 1px solid;
			}
		
		
		#gridselect
			{
			clear: both;
			}
		
		
		#grid_decor_button
			{
			text-decoration: underline;
			cursor: pointer;
			}
		
		
		#ordergrid label
			{
			font-weight: bold;
			}
		
		#ordergrid table
			{
			clear: both;
			margin-top: .5em;
			width: 100%;
			}
		
		#ordergrid td, #ordergrid th.ltblue
			{
			text-align: center;
			}
		
 		#ordergrid td input
			{
			width: 100%;
			margin: 0;
			border-right: 0;
			border-bottom: 0;
			text-align: center;
			}
		/* javascript enabled styles */
		#ordergrid div.dynamicGrid
			{
			display: none;
			}
		#ordergrid div.dynamicGrid.currentGrid
			{
			display:block;
			}		
				
		/* item_detail_selection_section.xhtml */
		
		#sku_selection_list
			{
			clear: left;
			width: 100%;
			text-align: left;
			margin: 0 0 .5em;
			border-collapse: collapse;
			}
		
		#sku_selection_list caption
			{
			width: 100%;
			text-align: left;
			margin: 1em 0 0;
			font-weight: bold;
			}
		#sku_selection_list caption .decorDisclaimer
			{
			font-size: .8em;
			font-style: italic;
			font-weight: normal;
			}


/* Product Configuration Page */


	#item_detail_config_content
		{
		float: left;
		border: 1px solid;
		border-top: none;
		padding-top: 10px;
		width: 748px;
		}
	
	#item_detail_config div
		{
		position: relative;
		}
	
	.config_1_100 a.librarylink
		{
		position: absolute;
		top: .5em;
		right: 10px;
		}
	
	#item_detail_config form .config_1_100
		{
		float: left;
		display: inline;
		z-index: 900;
		padding: 0 0 10px;
		margin: 0 10px 10px 10px;
		border: 1px solid;
		}

	#item_detail_config form .config_1_100 label.cssname
		{
		font-size: 110%;
		font-weight: bold;
		padding: .2em 10px;
		margin: 0;
		}

	#item_detail_config form label
		{
		display: block;
		padding: 0 10px .25em;
		}

	.config_1_100 .capname
		{
		font-weight: bold;
		padding: .5em 10px .25em;
		margin: 0;
		border-top: 1px solid;
		}


	.config_1_100 input
		{
		margin-right: 5px;
		vertical-align: middle;
		}
		
	.config_1_100 .screen_emb
		{
		font-weight: bold;
		}

	.config_1_100 .selectlogo
		{
		margin: 0 10px .25em;
		width: 157px;
		}
		
	
	
	.config_1_100 .addltext
		{
		width: 147px;
		margin-left: 10px;
		}
		
		
	#item_config_info
		{
		margin: 0 0 10px 10px;
		}
		
		
	#item_config_footer
		{
		clear: both;
		padding: 3px 10px;
		}
		
	#item_config_footer input
		{
		font-size: .9em;
		border-width: 2px;
		padding: .1em .5em;
		}