@media screen {
/* Wave 1.5 - Boxed In Theme for Auctiva Commerce, 01/15/09. */
/* 
Table of Contents

Design and layout
-Layout
-Header
--User navigation
--Nano basket
--Search area in header
--Store navigation
-Sidebar
-Footer
-Content
--Home page specific
---Featured products
--Contact page

General formatting and helper styles
-Buttons
-Headings
-Alternating table row backgrounds
-Box borders
-Clearing fix

Product Displays
-Product page
-Mini basket
-Popup modal

Checkout Process
-Ajax
-Input Forms
-Cart page
--Empty cart and wishlist
-One page checkout

Data tables
-Paged list
-Form data
-Item list

Styles for your account
Address book and shipping methods
Gift styles
Checkout Progress
Confirm and pay
View order(s)
*/


/* Design and layout */
		
	/* -Layout */
	body { 
		background: #fff; 
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 12px;
		margin: 0;
		padding: 0;
	}	
	
	#wrapContainerOuter { /* Desired alignment and width for entire layout */
		background-image:url(images/bg_main.gif);
		width: 1115px;
		margin:0 auto 0;	
	}
	
	#wrapContainerInner {background:transparent url(images/edge_left.gif) top left repeat-y;}
		
		
		/* Simulating min-width in IE 6 */
		* html #wrapContainerInner	{  }
		* html #container	{  }
	
	#container	{ padding:0; background:transparent url(images/edge_right.gif) top right repeat-y;}
	
	#mainPanel,
	#leftSidebarPanel,	
	#rightSidebarPanel	{ vertical-align: top; }
	
	#mainPanel	{ padding: 20px 0 0 15px; border:#bcab93 1 px solid;}
		
	#leftSidebarPanel,
	#rightSidebarPanel	{ width: 190px; }
	#leftSidebarPanel		{ padding: 10px 10px 0 0; margin-left:10px; }
	#rightSidebarPanel	{ padding: 10px 0 0 10px; }
	
	
	/* -Header */
	#storeHeader	{ 
		
		position: relative; 
		width: 1115px;
		height:auto;
		min-height:167px;
		 }
		 		
		
		#storeHeader .wrapOuter  {
		background:url(images/bg_header.jpg) no-repeat;
		height:auto;
		min-height:167px; 
		width:1115px;
		}
		
		*html #storeHeader .wrapOuter {height:170px;}
	
	#logo	{ padding: 10px 0 0 160px; 
		min-height: 8px; 
		height: 100%;
		width:800px; 
		float:left;
		position:relative;
		right:400px;
		}
		 
* html #logo	{ height: 155px; }
		
	#logo .wrapInner {float:right;
	
		}
		
	#logo table {text-align:right;
	position:relative;
	float:right;
		}
		
	/* --User navigation - login/out, account, wishlist, etc. */		
	#navUser { position: absolute; top: 5px; right: 167px; }		
		#navUser ul	{ margin: 0; padding: 0; width:330px;}
			#navUser ul li	{ float:left; display: block;;}
			
	#navUser	{ }
		#navUser li	{
			padding: 0; 
			font-size:1px;
			text-indent:-9999em;
			}
			#navUser li.first { }
			#navUser li.last { }
			
			#navHome { 
			background:url(images/nav_home.gif) no-repeat;
			position:relative;
			background-position:0 -80px;
			} 
			
			
			#navHome:hover{background-position:0 0;}
			
			#navAdmin {
			background:url(images/nav_admin.gif) no-repeat;
			position:relative;
			background-position:0 -80px;
			}
			#navAdmin:hover{background-position:0 0;}
				
			#navWishlist { 
			background:url(images/nav_wishlist.gif) no-repeat;
			position:relative;
			background-position:0 -80px;
			}
			#navWishlist:hover{background-position:0 0;}
			
			#navAccount  {
			background:url(images/nav_account.gif) no-repeat;
			position:relative;
			background-position:0 -80px;
			}
			#navAccount:hover{background-position:0 0;} 
			
			#navLogout { 
			background:url(images/nav_logout.gif) no-repeat;
			position:relative;
			background-position:0 -80px;
			}
			#navLogout:hover{background-position:0 0;}
			
			#navLogin { 
			background:url(images/nav_login.gif) no-repeat;
			position:relative;
			background-position:0 -81px;
			}
			#navLogin:hover{background-position:0 0;}
			
		#navUser a { 
			color: #333; 
			font-size: 12px;
			font-weight: bold;
			text-decoration: none; 
			display:block;
			height:82px;
			width:82px;
		}			
		#navUser a:hover	{ text-decoration: underline; }
	
	
	#headerContent	{ position:relative; clear:left; top:-10px;}
		#headerContent table	{  width: 100%; height: 100%; margin-bottom:9px;}
			#headerContent td	{ /*vertical-align: bottom;*/ }			
			#headerContent td#spacer	{ background: url("images/icon_cart_nano.gif") 0 10px no-repeat; padding: 0 9px; width:19px; }
	
	/* --Nano basket */
	#nanoBasketContainer	{ padding: 10px 82px 10px 0; }
		#nanoBasket	{ background: url("images/bg_nano_2.gif") right top no-repeat; color: #777; height: 54px; float: right; line-height: 1; }
			#nanoBasket a		{ color: #fefbd6; }
			#nanoBasketCart,
			#nanoBasketText,
			#nanoBasketCheckout	{ float: left; }
				#nanoBasketCart			{ background: url("images/bg_nano_1.gif") no-repeat; text-indent: -9999em; width: 60px; height: 54px; }
				#nanoBasketText			{ margin: 16px 5px 0; }
				#nanoBasketCheckout	{ background: url("images/btn_checkout_nano.gif") no-repeat; margin: 8px 10px 0 5px; text-indent: -999em; width: 153px; height: 32px; }
					#nanoBasketCheckout:hover	{ background: url("images/btn_checkout_rollover.gif") no-repeat; }
	
	/*#nanoBasketContainer	{ padding: 10px 82px 10px 0; }
			
			#nanoBasket	{ background: url("images/bg_nano_2.gif") right no-repeat; color: #777; height: 54px; float: right; }
	
	#nanoBasketCart	{ 
			background: url("images/bg_nano_1.gif") no-repeat; 
			color: #fefbd6; 
			float: left; 
			position: relative;
			left:-18px;
			text-indent: -9999em; 
			width: 60px; 
			height: 54px; 
		}
			
			
			#nanoBasket a	{ color: #fefbd6;}
			#nanoBasketCart,
			#nanoBasketText	{ float: left; margin: 0 5px 0; }
			#nanoBasketText	{ color: #fefbd6; margin-top: 16px; }
			#nanoBasketCheckout	{ 
			background: url("images/btn_checkout_nano.gif") 0 50% no-repeat; 
			float: left; 
			margin: 0 12px 0 4px;
			width: 153px; 
			height: 54px; 
			text-indent: -999em; 
		}				
			#nanoBasketCheckout:hover	{ 
				background: url("images/btn_checkout_rollover.gif") 0 50% no-repeat; 
				}*/
	
	
	/* --Search area in header */
	#search	{ padding: 10px 0 10px 40px; width:555px; }
		#search .outerWrap	{  }
		#search .innerWrap	{  }
		
		#search a { float: left; margin: 18px 0 0 10px; font-size:14px; color:#3c2415 !important; font-weight:bold;}
		#search .searchPhrase	{ /* Text input */
			background:transparent;
			font-size: 18px; 
			font-family:Arial, Helvetica, sans-serif;
			color:#3c2415;
			margin: -5px 3px 0 60px;
			*margin: -30px 10px 0 60px;
			padding: 10px 0 0 10px;
			*padding: 5px 0 0 10px;
			width: 220px;
			height: 22px; 
			vertical-align: middle;
			border:2px solid #3c2415;
			
		}
		#search div	{ float: left; } /* Advanced search link follows this */
		
		.searchButton	{
			background: transparent url("images/btn_search.gif") no-repeat;
			color: #3c2415;
			border:0;
			cursor: pointer;
			font-size: 14px;
			*font-size: 1px;
			position: relative;
			top: 2px;
			*top: 1px;
			text-indent: -9999em;
			width:74px;
			height: 37px;			
		}
	
	
	/* --Store navigation, category links */	
	ul.category	{ color: #6fa4d2; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; }		
		ul.category li	{ padding: 5px 0 5px 10px; }
			ul.category li a { color:#6fa4d2; font-weight:bold; padding: 2px 4px; }
			ul.category li a:hover { color:#fff; font-weight:bold; background-color:#6fa4d2; }	
	
	
	
	/* -Sidebar */		
	/*#leftSidebarPanel .section,*/
	#rightSidebarPanel .content	{ border-color: #d3c7b4; border-style: solid; border-width: 0 0 0 2px; }
	#rightSidebarPanel div.section	{ margin: 0 0 10px; }
		#rightSidebarPanel .section .section	{ border: none; }
		#rightSidebarPanel div.section .content	{ padding: 10px 0; }		
		#rightSidebarPanel br	{ display: none; }
		#rightSidebarPanel .section br	{ display: block; }
	
	
	
	/* -Footer */		
	#storeFooter	{ 
		color:#000000;
		font-size: 10px;
		margin: 0 0 16px 0;
		padding: 5px 0 0;
		position: relative;
		text-align: center;
		
	}
		#storeFooter .hookOuter	{ }
		#storeFooter .hookInner	{ background:transparent url(images/bg_footer.gif) bottom center no-repeat; margin-left:7px;}
		#storeFooter p	{ margin: 5px; padding: 0 0 20px; /*position:relative; top:-15px;*/ }
		#storeFooter ul	{ margin: 20px 0 0 15px; padding: 0; }
			#storeFooter ul li	{ display: inline; margin: 0 3px; }	
				#storeFooter ul li a	{ color:#336189}
	
	
	/* -Content */
	#wrapContent  {
		background: #fff url("images/bg_content_top.gif") top left no-repeat; 
		width:940px;
		margin-left:90px; 
		position:relative;
		
		
		}
		
	table#contentLayout	{ width: 100%;
		background:#fff;
		margin-top:46px;
		border-left:#bcab93 1px solid; border-right:#bcab93 1px solid; border-bottom:#bcab93 1px solid;
		padding-bottom:20px;
		}
	
	.searchSortHeader	{ border-top: 2px solid #3c2415; color: #555; }
	.catalogWrapper		{ background: url("images/bevel_up.gif") bottom repeat-x; padding-bottom: 25px; }
	
	.CategoryBreadCrumbs,
	.breadCrumbPanel	{
		color: #3c2415;
		font-weight: bold;
		position: relative;
		left: 10px;
		top: -90px;
		margin-bottom: -15px;
	}
		.CategoryBreadCrumbs a,
		.breadCrumbPanel a 	{ color: #3c2415; text-decoration: none; font-family:Tahoma, Helvetica, Arial, sanss-serif; }
		.CategoryBreadCrumbs a:hover,
		.breadCrumbPanel a:hover	{ text-decoration: underline; }
		
	
	/* used for the show all link in the search filter panel */
	.showAll { font-weight: bold; text-align: right; width: auto; display: block; padding: 2px; }
	
	.searchFilterPanel div div	{ text-align: left; }
		.searchFilterPanel div div input	{ width: 130px; }
			.searchFilterPanel div div input.button	{ width: auto; }
	
	#mainPanel .section .content	{ padding: 10px 0 0; }
	
	
	/* --Home page specific */
	.welcomeText td	{color:#3c2415; font-family:Tahoma, Helvetica, Arial, Helvetica, sans-serif; padding: 0 0 6px 16px; }
	
	#ctl00_wpm_HomePage_ctl03_ProductList	{ background: url("images/bevel_up.gif") bottom repeat-x; border-color: #d9d9d9; border-style: solid; border-width: 0 1px 1px; }
		#ctl00_wpm_HomePage_ctl03_ProductList td { padding-bottom: 10px; }
	
	/* ---Featured products on home page */
	.productsGrid td.thumbnail	{ padding: 28px 6px; width: 120px; }
	.productsGrid td.details		{ padding: 10px 5px 5px 10px; vertical-align: middle; }
	
	.detailsInnerPara a	{ font-size: 18px; }	
	
	
	/* --Contact page */
	#auctivaContactSidebar	{  }
		#auctivaContactSidebar h2	{ margin-left: 0; }
	#auctivaContact	{ padding: 10px 0 0 175px; }
		#auctivaContact img	{ background: #fff; padding: 7px; }
		#auctivaContact address	{ font-size: 14px; font-style: normal; font-weight: bold; margin: 14px 0; }
	
	

/* General formatting and helper styles */
	html { overflow-y: scroll; } /* Makes vertical scroll bar always present to prevent shifting on shorter pages and difference with IE */
	
	h2	{ font-size: 14px; }	
	a		{ color: #6fa4d2; text-decoration:underline; }	
		a:hover	{ text-decoration:none; }
		a:active,
		a:focus		{ outline: 0; } /* Prevents dotty outline on click in Firefox */
	/*p		{ margin: 0; }*/ /* Tentative, though it looks like they may have made it with this in mind */
	ul	{ margin: 2px 0 2px 20px; }
	
	
	/* -Buttons */
	a.button,
	/*input.button,*/
	.LoginMessage a,
	a.altoddButton {
		background: url("images/btn_bg.gif") center repeat-x;
		
		color: #fff !important;
		cursor: pointer;
		font-family: Tahoma, Arial, Helvetica, sans-serif; /* Tahoma displays bold better at small font size */
		font-size: 10px;
		font-weight: bold;	
		margin: 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		vertical-align: middle;	
		white-space: nowrap;
	}
		a.button,
		a.button:hover,
		.LoginMessage a,
		a.altoddButton	{ 
			display: -moz-inline-box; /* inline-block is not supported by firefox*/ 
			display: inline-block; 
			padding: 4px 5px; 
		}
		/*input.button	{ 
			height: 21px; 
			padding: 0 6px 2px; 
			*padding: 1px 6px;
		}*/
	
	
	/* -Alternating table row backgrounds */
	.odd,
	.even,
	.altodd,
	.alteven	{ padding: 6px 2px 6px 6px; }
	
	.altodd,
	.odd			{ background-color: #fff; }
	
	.alteven,
	.even,
	.evenRow	{ background-color: #d3c7b4; }
	
	
	/* -Box borders (from nearly everywhere we hope) (also some/most button borders) */
	div#ImageAjax img,
	h2.sectionHeader,
	#storeHeader .search input.searchPhrase,
	#mainPanel .dialogSection .header,
	#mainPanel .dialogSection .content,
	#mainPanel .dialogSection .nofooter,
	.checkoutProgress,
	table.addressBook th.caption,
	table.selectShippingMethod td.methods,
	.addGiftOptions,
	.paymentMethodList,
	table.paymentForm th.caption,
	div.orderSummaryPanel,	
	.onePageCheckoutCell,
	table.form,
	.summarySection,
	.Cell,
	.myRecentOrdersCell,	
	.shippingEstimateCell,
	.opcSidebar .section,
	.paymentMethodSummary .section	{ border-color: #3c2415 !important; }
	
	
	/* -Headings */
	
	h2	{ color: #3c2415; font-size: 18px; }
	
	div.pageHeader h1	{ /* Top most heading on a page */
		background: #d3c7b4;  color:#3c2415; margin: 0 0 0 15px; padding: 5px 10px; 
	}
	div.pageHeader h1.heading  {margin-left:0;}
	
	#mainPanel div.pageheader h1  {margin:0}			
	div.header h2	{ /* Following headings on rest of page */
		margin: 0;
	}	
	
	div#ctl00_wpm_CategoryGrid_ctl03_SearchResultsAjaxPanel h1  {margin-left:0;}
	.oneColumn div.pageHeader h1	{ /* For instances like the login page */
		/*border-bottom: 1px solid #bbb; color: #e47911; font-size: 24px; font-weight: normal; margin: 10px 0 6px; padding: 0;*/
	}
	.oneColumn div.header h2	{ 
		padding: 4px 4px 4px 23px; 
	}
	
	/* Sidebar headings */
	#leftSidebarPanel h2  { background:#d3c7b4 ;  padding: 5px 10px; color:#3c2415; margin-left:10px;}

	#rightSidebarPanel h2	{ background:#d3c7b4 ;  padding: 5px 10px; color:#3c2415; margin-right:10px;}
	
		#rightSidebarPanel .section .section div.header h2	{ /* Sidebar sub-headings - for example: shipping estimate in mini-basket */
			background: none;
			border: none;
			font-size: 14px;
			font-weight: bold;
			padding: 0 5px;
			color:#3c2415;
		}					
	h2.sectionHeader { /* Appears in main panel of One-Page-Checkout */
		background: #d3c7b4; 
		color:#3c2415;
		font-size: 14px; 
		margin: 0 0 14px; 
		padding: 4px 4px 4px 7px; 
	}
		.opcSidebar div.header h2	{ /* Sidebar headings in One-Page-Checkout */
			background: #d3c7b4; 
			color: #3c2415;
			font-size: 18px;
			font-weight: bold;
			margin: 0;
			white-space: nowrap;
		}
	div.header	{ font-weight: bold; }
		div.header a	{ color: #6fa4d2; font-size: 10px; }
	
	#mainPanel h3	{ margin: 0; }
	
	/* --Headings in checkout process */	
	div.checkoutPageHeader	{ margin: 0 auto 8px;  padding:0 10px 0;}
		div.checkoutPageHeader h1 { border-bottom: 1px solid #3c2415; font-size: 24px; margin: 10px 0 6px; padding: 0; color:#3c2415S}
		
	th.shipto	{
		background: #6fa4d2;
		color: #fff; 
		font-size: 14px; 
		margin: 0; 
		padding: 4px 4px 4px 7px;
	}	
	table.selectShippingMethod td.methods	{ /*background: url("images/btn_bg.gif") repeat-x;*/ }
	.paymentMethodSummary div.header h2	{
		background: #d3c7b4;
		color: #3c2415;
		font-size: 14px;
		font-weight: bold;
		padding: 5px;		
	}
	.opcFrame div.header h2	{ font-size: 12px; }
	.oneColumn .opcSidebar div.header h2	{ padding: 4px 4px 4px 7px; }
	
	#leftSidebarPanel .searchFilterHeader h2	{ font-size: 13px; margin: 0; padding: 5px; }
	
	
	/* -Clearing fix */
	.clearfix:after,
	#storeNav .content:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix,
	#storeNav .content	{ zoom: 1; position:relative; top:-10px;} /* IE */


	
/* Product Displays - categories and individual product pages */
	.msrp	{ text-decoration: line-through; }
	
	.paging	{ padding-right: 5px; text-align: right; }
		.paging a	{ border: 1px solid #000099; padding: 0 3px; text-decoration: none; }
			.paging a.current	{ background: #000099; color: #fff; }

	/* -Product page - image and options */
	.productimg 		{ float: left; margin-bottom: 10px; text-align: center; vertical-align: top; }
	.productOptions	{ float: left; margin: 10px 0; padding-left: 20px; } /* Floated so they can move down to the next line instead of breaking the layout if too wide  */
	
	table.buyProductForm td, 
	table.buyProductForm th	{ padding: 3px; }
	
	table.buyProductForm .rowHeader { background-color: #fff; border-width: 0; color: #333; font-size: 12px; font-weight: bold; text-align: right; }
	
	.optionPicker td  { border: outset 2px #999; }
		.optionPicker td.selected { border: inset 2px #999; }
		
	/* -Mini basket */
	#miniBasketShippingEstimateBox	{ /*position: relative;*/ }
	
	#miniBasketMainBox { font-size : 11px; padding : 0; position: relative; width: 100%; }		
		.miniBasketItemBox { float: left; padding: 3px; position: relative; width: 180px; }
			.miniBasketIconBox { float: left; width: 35%; }
			.miniBasketItemTitleBox { float: none; position: inherit; }
				.miniBasketItemTitle { font-size: 11px; }
					.miniBasketItemTitle a { font-size: 11px; }
			.miniBasketItemTitleNoIconBox { padding-left: 5px; }
			.miniBasketQtyDeleteLine { clear: both; padding: 1px 10px 10px; text-align: center; }	
		
		.miniBasketSubItemTitle { font-size: 10px; padding: 0 0 0 4px; text-indent: 0px; margin:  30px 5px 0 10px; clear: both; } /* e.g. specs of a computer shown in sidebar */
			.miniBasketSubItemTitle li { font-size: 9px; list-style-image: url("images/bullet_2.gif"); list-style-type: none; margin: 0 0 0 10px; }
		
		.miniBasketQtyInput { border: 1px solid #808080; font-size: 9px; margin-right: 3px; margin-top: 1px; padding: 1px; width: 15px; height: 12px; }
		
		#miniBasketSubTotalBox	{ padding: 3px; }
		
		.miniBasketPrice	{ color: #a70000; }
		.miniBasketPrice, 
		.miniBasketPriceLabel,
		#miniBasketSubTotalBox #sub_label	{ font-size: 12px; font-weight: bold; }
		.miniBasketPriceLabel,
		#miniBasketSubTotalBox #sub_label	{ display: block; float: left; text-align: right; width: 49%; }
		
		#ship_label,
		#miniBasketSubTotalBox #tax_label	{ float : left; font-size: 11px; font-weight: bold; width: 45%; text-align : right; }
		#miniBasketSubTotalBox #sub_label {	width: 49%; }
		#ship_num,
		#miniBasketSubTotalBox #tax_num 	{ float: left; font-size: 11px; font-weight: normal; padding-left: 3px; width: 49%; }
		
		#miniBasketSubTotalBox #sub_num	{ color: #cc0000; float: left; font-size: 12px; font-weight: bold; padding-bottom: 5px; padding-left: 3px; width: 49%; }
		#miniBasketShippingEstimateBox	{ padding: 3px 0; *margin-right: -20px; *width:180px;}
		#miniBasketCheckoutButtonBox		{ margin: 2px 0 0; padding: 8px 0; text-align: center; }
		
		#miniBasketShippingEstimateBox .shippingEstimateCell	{ border: none; }
			#miniBasketShippingEstimateBox .shippingEstimateCell .button	{ margin-right: 20px; }
	
	.labelheading	{ text-align: center; } /* Unique to the "Email a Friend" box in the sidebar */
		
		
	/* -Modal popup - comes up for things like "Click to see price" and Terms of Service on checkout */
	.modalBackground	{ background-color: #000; filter: alpha(opacity=70); opacity: 0.7; } /* Semi-transparent overlay of whole window */	
	.modalPopup				{ background-color: #fff; border: 1px solid #000; padding: 3px; width: 600px; }	
	.modalPopupHeader,
	.pricePopupHeader	{ background: #0000cc; color: #fff; cursor: move; font-weight: bold; margin: -3px; padding: 6px; }	
	.modalPopupText		{ padding: 10px; }	
	.modalPopup + div	{ display: none; } /* Block that's supposed to look like a drop shadow */
	.modalPopup br		{ line-height: 5px; } /* Accept and decline buttons of TOS were getting pushed down too far (aesthetically) */
	
	/* enable scrolling within modal popup dialog */
	.modalPopupText .modalPopupScroller { height: 400px; margin: -5px -10px -11px; overflow: auto; padding: 10px; }
		.modalPopupText .modalPopupScroller p	{ margin: 1em 0; }
	
	/* style for the click to view price popup */
	.pricePopup { background: #fff; border: 3px solid #444; margin-left: -150px; padding: 3px; position: absolute; left: 50%; width: 300px; z-index: 99; }
	
	/* used on the click to view price display */
	.pricePopup span.fieldHeader	{ display: block; float: left; width: 135px; text-align: right; margin-right: 6px; }
	.pricePopup span.fieldValue		{ display: block; float: left; }
		


/* Checkout process */
	
	/* -Background style for the screen when an ajax progress update is displayed */
	#ajaxProgressBg { background-color: #000; border: 0; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 0; opacity: 0.3; filter: Alpha(opacity: 30); }
	
	/* -Ajax progress indicator */
	#ajaxProgress {
		background: #fff url("images/ajax_processing.gif") no-repeat 50%;
		border: 2px solid #808080;
		left: 50%;
		margin-left: -100px;
		padding: 0px;
		position: absolute;
		width: 200px;
		height: 200px;
		z-index: 1;    
	}
	
	/* -Input forms */			
	table.inputForm th, 
	table.inputForm td { padding: 2px; } 
	table.inputForm .rowHeader { background: #fff; color: #333; padding: 6px; text-align: right; }
		table.inputForm .rowHeader a { border: 1px solid #650101; color: #000; padding: 6px; text-align: left; width: 100%; }
		table.inputForm .rowHeader * { font-size: 12px; font-weight: bold; }	
	
	
	
	/* -Cart page */
	body #container #contentLayout #mainPanel div div.iner_frame div table,
	body #container #contentLayout #mainPanel div div.iner_frame div table th,
	body #container #contentLayout #mainPanel div div.iner_frame div table td	{ border-color: #fff !important; } /* Super specific to overwrite inline style */
	
	.shippingEstimateCell	{  }
	
	.BasketSubItemLabel	{ list-style: none; margin: 0; padding: 0; } /* If item has additional info, like a download's readme and license */
		.BasketSubItemLabel li	{ text-indent: 10px; }
	
		/* --Empty cart and wishlisht */	
		.emptyBasketPanel		{ background: url("images/icon_cart.gif") no-repeat 15%; }
		.emptyBasketPanel,
		.emptyWishlistPanel { height: 50px; padding: 20px 0 0 60px; margin: 20px 35px 35px; text-align: center; }
			.emptyBasketPanel span.message,
			.emptyWishlistPanel span.message { color: #666; font-size: 18px; font-weight: normal; }
					
	
	
	/* -One Page Checkout */
	.opcFrame			{ margin: 0 auto; width: 800px; }
	.opcMainPanel	{ padding: 10px 10px 0 0; width: 600px; }
	
	.opcSidebar	{ padding-top: 10px; }
		.opcSidebar .section,
		.paymentMethodSummary .section	{ border-style: solid; border-width: 1px; margin: 0 0 10px; }		
			.opcSidebar .onePageCheckoutCell	{ border: none; } /* Shows up again on the confirm and pay page */
			.onePageCheckoutCell	{ padding: 10px; }
				.onePageCheckoutCell p	{ margin: 0; }
		
		table.orderSummary { width: 100%; }
			table.orderSummary th { font-weight: normal; text-align: right; white-space: nowrap; }
			table.orderSummary td { text-align: right; width: 80px; }	
			table.orderSummary tr.totalDivider td { width: 100%; }
	
	.opcPaymentMethods { background-color: #eaf3fe; white-space: nowrap; }
	
	.opcMainPanel .inputForm td input + span	{ margin-left: 5px; } /* Scoots red star "this is required" over so it's not touching text input */
	
	p.image_desc { margin-left: 3px; margin-right: 3px }
	
	.ProductItemView		{ border: 1px solid #b9b9b9; padding: 5px 5px 15px; width: 180px; }
	.ProductItemViewOdd	{ background: #efefef; border: 1px solid #b9b9b9; padding: 5px 5px 15px; width: 180px; }
		
		#rightSidebarPanel .ProductItemView,
		#rightSidebarPanel .ProductItemViewOdd	{ background: none; border: none; }
	
	.AgreementView { background-color: #fff; border: 1px solid #92A7EC; margin: 5px; padding: 10px; }
	
	.orderItemsList { margin-left: 12px; padding: 0; }
	
	/* --Login Message - appears on checkout page when not logged in */
	.LoginMessage { color: #cc0000; font-weight: bold; padding: 5px 0; margin: 0 auto; width: 800px; }
	
	/* --Terms and Conditions section - when TOS comes up as a page instead of a modal popup */
	#ctl00_wpm_PaymentPage_ctl03_TermsAndConditionsSection	{ padding: 10px; }
		#ctl00_wpm_PaymentPage_ctl03_TermsAndConditionsSection p	{ margin: 1em 0; }
		


/* Data tables - tables that appear throughout the checkout, user's account, and possibly elsewhere */

	#ctl00_wpm_CheckoutPage_ctl03_trItemGrid .header	{ background: #6fa4d2; }
		#ctl00_wpm_CheckoutPage_ctl03_trItemGrid .header h2	{ color: #fff; font-size: 14px; font-weight: bold; padding: 5px; }

	/* -Paged list of data */
	table.pagedList { min-width: 300px; }
		table.pagedList tr.empty td { border: 1px solid black; font-style: italic; padding: 10px; text-align: center; width: 300px; }
			table.pagedList td	{ padding: 2px 4px; }
			table.pagedList th	{ background-color: #e2cca6; color: #3c2415; font-weight: bold; margin: 0px; padding: 6px 4px; }
				table.pagedList th a { color: black; text-decoration: underline; }
					table.pagedList th a:hover { color: #ee7408; }		
	
	/* -Form data table (such as an invoice) */
	table.form	{ border-collapse: collapse; border-style: solid; border-width: 1px; margin: 4px 0px; page-break-inside: avoid; width: 100%; }
		table.form td, 
		table.form th { padding: 4px 8px; }
		table.form th { font-weight: bold; font-size: 14px; }	
		table.form th.verticalText	{ background: #eee; font-size: 10px; text-align: center; vertical-align: middle; width: 10px; } /* Narrows cell to make text vertical */
		table.form th.header		{ text-align: left; }
			table.form th.header span.caption { font-size: 20px; }
		table.form td.address		{ width: 180px; }
		table.form td.expand		{ width: 504px; } /* style for cell on right that should expand to the full width possible */
		table.form td.dataSheet	{ padding: 0px; }
			table.form td.dataSheet * { font-size: 12px; }
		table.form td.orderSummary { padding: 10px; width: 202px; }
			table.form td.orderSummary h3 { margin: 0 0 2px; }
	
	table.form table.dataSheet { margin-bottom: -1px; }
	
	table.dataSheet tr.totalRow td, 
	table.dataSheet tr.totalRow th	{ background-color: #656565; border-bottom: double 3px #808080; border-top: double 3px #808080; color: #fff; }
	
	/* -Item list - used wherever a list of order items is displayed - Select shipping addresses screeen */
	table.itemList { width: 100%; }
		table.itemList th.columnHeader	{ background-color: #3e7770; margin: 0px; padding: 7px 2px; color:#fff;}
		table.itemList th.price 				{ text-align: right; }
		table.itemList td								{ border-bottom: 1px solid #e7e7e7; padding: 3px 2px; }
			table.itemList td.price { text-align: right; }
			table.itemList td a			{ color: #304FBA; }



/* Styles for your account (Members/MyAccount.aspx) */
ul.columns { list-style: none; margin: 0 0 0 30px; padding: 0; }
	ul.columns li { background-image: url("images/bullet_1.gif"); background-position: 0 3px; background-repeat: no-repeat; margin: 2px; text-indent: 15px; }
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table,
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table th,
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table td	{ border-color: #fff !important; }
div.iner_frame table th.columnHeader	{ background: #3C2415; color:#fff; }

	/* -Wishlist */
	.emptyWishlistPanel td	{ padding: 10px 23px; }



/* Address book and shipping methods. Used on both checkout/ShipAddress and Members/AddressBook */
table.addressBook { border-collapse: collapse; width: 100%; }
	table.addressBook th.caption { border-style: solid; border-width: 1px; height: 25px; line-height: 25px; padding: 0 2px; }
		table.addressBook th.caption .buttons	{ display: block; float: right; line-height: 1; margin-top: 2px; }
		table.addressBook th.caption .text 		{ display: block; float: left; }
	table.addressBook td.entries	{ text-align: left; padding: 5px; }

table.addressBook .entry {
	background: url("images/shipping_address_bg.gif") no-repeat;
	display: block;
	float: left;
	margin: 0 0 0 80px;
	padding: 5px 0 0;
	text-align: left;
	vertical-align: middle;
	width: 350px;
	height: 195px;
}

.addressBook .address { float: left; font-weight: bold; line-height: 15px; padding: 60px 0 0 50px; text-align: left; width: 200px; }

.addressBook td .buttons	{ float: right; margin-top: 5px; padding: 60px 0px 0px 0; text-align: left; width: 100px; }
	.addressBook td .buttons a	{ display: block; margin-bottom: 5px; width: 40px; }
	table.addressBook td .buttons .button { margin-right: 5px; }


/* Styles for select shipping method (checkout/shipmethod.aspx) */
table.selectShippingMethod { border: none; }
	table.selectShippingMethod th.shipto 		{ border: none; text-align: left; }
	table.selectShippingMethod td.dataSheet { padding-top: 1px; border-width:0;}
		table.selectShippingMethod td.dataSheet th { background-color: #e2cca6; padding: 5px 2px; color:#3c2415;}
	table.selectShippingMethod th.items,
	table.selectShippingMethod td.items 	{ background-color: #e2cca6; }
	table.selectShippingMethod td.methods	{ border-style: solid; border-width: 0 0 0 1px; padding: 0 4px 4px; text-align: left; width: 200px; }
		table.selectShippingMethod td.methods h3	{ font-size: 100%; font-weight: bold; margin: 0 0 6px; padding: 2px; text-align: center; }
		table.selectShippingMethod td.methods .caption { display: block; font-weight: bold; margin-bottom: 6px; text-align: center; }
		


/* Gift styles */
.addGiftOptions { /* Asks "Is this a gift?" */
	background: #fff url("images/bnr_gift.gif") no-repeat;
	background-position:8px 6px;
	border-color:#3c2415;
	border-style: solid; 
	border-width: 1px; 
	float: right; 
	margin: 0 auto; 
	text-align: right; 
	width: 440px; 
	height: 120px; 
}
	.addGiftOptions h3 { font-size: 100%; margin: 10px 10px 5px 300px; }
	.addGiftOptions .content,
	.addGiftOptions .buttons { margin-right: 10px; margin-top: 5px; }

.VisiblePanel	{ display: block; }
.HiddenPanel	{ display: none; }


/* Gift options (checkout/giftoptions.aspx) */
td.dataSheet table.itemList td	{ border-bottom: none; }

.giftOptions div.giftWrap 	{ margin-top: 2px; margin-bottom: 6px; }
	.giftOptions div.giftWrap div.noGiftWrap		{ font-style: italic; }
		.giftOptions div.giftWrap div.oneGiftWrap span.name			{ font-weight: bold }
		.giftOptions div.giftWrap div.multiGiftWrap span.title	{ background: none; font-weight: bold }
	.giftOptions div.giftMessage span.title			{ background: none; font-weight: bold; }
	.giftOptions div.giftMessage textarea 			{ width: 98%; height: 40px; }

.giftOptions div.giftWrap td	{ text-align: left; }
	.giftOptions div.giftWrap td a	{ background: #bbb; border: 1px solid #999; display: block; margin-top: 3px; padding: 3px; width: 50px; height: 50px; text-align: center; vertical-align: middle; }
.giftOptions div.giftWrap img	{ max-width: 50px; max-height: 50px; }



/* Checkout progress indicator */
.checkoutProgress {
	background: #f0e9d6;
	border-style: solid;
	border-width: 1px;
	color: #16326a;
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	margin: 0 4px;
	*margin: 8px 4px 0;
	text-transform: uppercase;
}
	.checkoutProgress span { display: block; float: left; width: auto; }
		.checkoutProgress span.on		{ background: url("images/progress_arrow.gif") right center repeat-x; height: 22px; padding: 3px 2px 0; }
			.checkoutProgress span.on span	{ color: #fff; padding: 3px 14px 3px 4px; }
		.checkoutProgress span.off	{ margin: 1px; padding: 2px; }
			.checkoutProgress span.off span	{ padding: 3px 6px 2px; }

/* Checkout steps */
#storeHeader div.checkoutSteps { background-color: #E5DECA; border: 1px solid #BEB49D; padding: 0; width: 100%; }



/* Confirm and pay page (checkout/payment.aspx) */

.paymentMethodSummary 		{ width: 170px; padding: 10px; }
	div.paymentMethodSummary	{ float: left; }
.paymentMethodList 				{ border-style: dashed; border-width: 0 0 0 1px; width: 775px; }
	div.paymentMethodList			{ float: right; }

.paymentMethodSummary .section { margin-bottom: 20px; }

table.orderSummary { width: 100%; }
	table.orderSummary th { font-weight: normal; text-align: right; white-space: nowrap; }
	table.orderSummary td { text-align: right; width: 80px; }
	table.orderSummary tr.totalDivider td { width: 100%; }

table.paymentForm	{ margin-bottom: 20px; margin-left: 5px; width: 100%; }
	table.paymentForm th.caption  	{ border-style: dotted; border-width: 0 0 1px; padding-top: 8px; text-align: left; }
	table.paymentForm th.rowHeader	{ text-align: right; }
	table.paymentForm td						{ padding: 2px; }
	table.paymentForm td.submit 		{ text-indent: 10px; }

#ctl00_wpm_PaymentPage_ctl03_ApplyCouponButton	{ position: relative; top: -2px; }



/* View order page - end of checkout and viewing past orders */
div.orderSummaryPanel { background-color: #f5f5f5; border-style: solid; border-width: 1px; margin: 4px 0px; }
	table.orderSummaryTable { width: 100%; }
		table.orderSummaryTable th.rowHeader { text-align: right; width: 16%; }
.Cell,
.myRecentOrdersCell	{ padding: 5px; } /* Sidebar on view order page, and wishlist */

h1.invoice		{ font-size: 24px; font-weight: bold; margin: 0 0 6px 0; }
h1.storeName	{ font-size: 18px; font-weight: bold; margin: 0 0 6px 0; }



	/* Added for ConLib changes which removed HTML table borders */
	#auctivaWishlist table,
	div.iner_frame table,
	table.form	{ border-collapse: separate !important; border-width: 0 0 1px 1px; }
	
	#auctivaWishlist table,
	#auctivaWishlist table th,
	#auctivaWishlist table td,
	div.iner_frame table,
	div.iner_frame table th,
	div.iner_frame table td,
	table.form,
	table.form th,
	table.form td	{ border-style: solid; border-color: #3C2415; }
	
	#auctivaWishlist table th,
	#auctivaWishlist table td,
	div.iner_frame table th,
	div.iner_frame table td,
	table.form th,
	table.form td	{ border-width: 1px 1px 0 0 !important; }
	
	div.iner_frame table td	{ vertical-align: middle; }
	
	#auctivaWishlist table table,
	#auctivaWishlist table table th,
	#auctivaWishlist table table td,
	div.iner_frame table table,
	div.iner_frame table table th,
	div.iner_frame table table td,
	table.form table,
	table.form table th,
	table.form table td	{ border: none; }



/* close the screen media selector */
}
