/* 
Table of Contents

Base styles: lines 36-335
Webparts styles: lines 322-339

Design and layout
=Typography
=Layout
=Store header
==Logo
==User nav
==Nano basket
==Search
=Store footer

Content
=Sidebars
==Categories/store nav
==Mini basket
=Home page
==Featured products
=Category pages
=Product display pages
=Checkout pages and process
=Account page
==Address book
=Contact page
=Empty cart and wishlist pages
=Tables
=Buttons

Print styles
*/
@media screen {
/* Base v.1.6 */
body{font-size:10px; line-height:1.25; margin: 0; padding: 0}

#container,
#webpartsPanel{font-size:125%}

h1{font-size:28px; line-height:1; margin:0 0 5px}
h2{font-size:20px; line-height:1.1; margin:0 0 5px}
 
h3{font-size:16px; margin:10px 0 0}

#mainPanel p{margin:10px 0}

ul, 
dl{margin:10px 0; padding:0 0 0 15px}

li, 
dd{margin:0; padding:0}
hr{margin:5px auto}

body{margin:0; padding:0}

#contentLayout{table-layout:fixed; width:100%}

#mainPanel, 
#leftSidebarPanel, 
#rightSidebarPanel, 
.opcSidebar{vertical-align:top}

#leftSidebarPanel, 
#rightSidebarPanel, 
.opcSidebar, 
.paymentMethodSummary{width:180px; padding:10px;}

.opcSidebar{padding-top:0; padding-right:0}

.navList{overflow:auto; zoom:1}

.navList ul{list-style:none; margin:0; padding:0}
.navList ul li{float:left;}
.navList ul li a{display:block}
 
#storeHeader{ position:relative}

#search{line-height:1}

.searchPhrase{margin:0 5px 0 0}

.section{margin:0 0 10px}

#leftSidebarPanel table, 
#rightSidebarPanel table, 
.opcSidebar table{width:100%}

#leftSidebarPanel th, 
#rightSidebarPanel th, 
.opcSidebar th{text-align:right}

#leftSidebarPanel th, 
#rightSidebarPanel th, 
.opcSidebar th, 
#leftSidebarPanel td, 
#rightSidebarPanel td, 
.opcSidebar td{padding:2px}

#leftSidebarPanel p, 
#rightSidebarPanel p, 
#mainPanel .opcSidebar p{margin:0 0 10px}

.miniBasketItemBox{margin:0 0 15px}
.miniBasketQtyInput{width:28px}
.miniBasketQtyDeleteLine{margin:4px 0}

#miniBasketMainBox #sub_label{margin:10px 0 0}

.miniBasketPrice, 
#miniBasketMainBox #sub_num{color:#c00}
#miniBasketCheckoutButtonBox{margin:5px 0}

.rowSeparator{padding:0}

.featuredProductContainer{margin:10px 0 0}
.productsGrid td{padding:5px}
.productsGrid .details{vertical-align:top}
.productsGrid .details br{line-height:0}
#mainPanel .detailsInnerPara{margin:0 0 4px}
.detailsInnerPara img{margin:10px 0 0}

.productsGrid .thumbnail{vertical-align:middle; width:120px}

.itemSeperator{padding:0; width:10px}

.ourDepartmentsCell table hr{margin:0}

#logoContact{margin:10px 0; text-align:center; width:420px}

.CategoryBreadCrumbs, 
.breadCrumbPanel{margin:0 0 10px}

#auctivaSubcategories{margin:5px 0}

#auctivaSubcategories a{white-space:nowrap}

.searchSortHeader td{padding:0}

.msrp{color:#777; display:block; text-decoration:line-through}

.catalog td{padding:5px 0; vertical-align:bottom}

#auctivaCategoryGrid3ButtonAdd{margin-top:10px}

.paging{text-align:right}

.paging a{border:1px solid #ccc; padding:1px 3px}
.paging a.current{background:#ddd}

a.searchCriteria{display:block; margin:3px 0}
.searchFilterPanel div{text-align:left}
.searchFilterPanel input{width:100px}
.searchFilterPanel input.button{width:auto}

#auctivaAdvancedSearch h1{margin-bottom:10px; text-align:center}
#auctivaAdvancedSearch table.inputForm{width:auto !important}

.showAll{display:block; margin:5px 0; text-align:right}

.productimg{float:left; margin:10px 10px 10px 0; text-align:center}
.productOptions{float:left; margin:10px 0; text-align:center}
.productOptions img{margin:10px 0 0}

.productOptions td img{margin:0}
.productOptions div{text-align:left}
.optionPicker span{display:block; height:10px}
.optionPicker table{margin:0 0 10px}
.optionPicker td{border:2px outset #999}
.buyProductForm{margin:0 auto; text-align:left}
.buyProductForm th, 
.buyProductForm td{padding:3px; vertical-align:middle}
.buyProductForm td td{padding:0}

.auctivaDescription h2 a{font-size:12px}

.auctivaReviews table.pagedList td{padding:2px; vertical-align:middle}

#auctivaProductsAccessoriesPage h2{font-size:16px}

td.basketColThumbnail{width:120px !important}
td.basketColItem{width:140px !important}
td.basketColSKU{width:80px !important}
td.basketColEach{width:65px !important}
td.basketColQty{width:50px !important}
td.basketColPrice{width:65px !important}

.iner_frame a.button{margin:0 5px}

.checkoutPageHeader{margin:0 0 10px}

.opcFrame{width:100%}
.opcMainPanel{width:788px}/* IE needs width */

.onePageCheckoutCell, 
.onePageCheckoutCell div{text-align:left}

.opcPaymentMethods{width:200px}

.paymentForm td{padding:2px}

table.selectShippingMethod td.methods{padding:5px}

.paymentMethodSummary{float:left}
.paymentMethodList{border-color:#ccc; border-style:dashed; border-width:0 0 0 1px; float:right; padding:10px; width:630px}

.paymentMethodSummary .section{}
.paymentMethodSummary .section h2{margin:0}
.onePageCheckoutCell .orderSummary{width:100%}
.orderSummary th, 
.orderSummary td{padding:2px; text-align:right !important}

.paymentMethodList table{margin:10px 0; width:100%}
.paymentMethodList table th, 
.paymentMethodList table td{vertical-align:top}
.paymentMethodList table th{border-bottom:1px dotted #ccc; text-align:left}
#mainPanel .paymentMethodList td p{margin:0}

.addGiftOptions{text-align:right}
.addGiftOptions .content{margin:5px 0 10px}

.summarySection{margin:10px}
.summarySection table{margin:0 auto}
table.form td.expand{padding:16px 10px 10px; width:540px}

#auctivaWishlist table, 
#auctivaWishlist table td{border-color:#bbb !important}

.validationSummary{background:#fbe3e4; border:2px solid #fbc2c4; color:#8a1f11 !important; font-size:10px; padding:4px; margin:5px 0}
.validationSummary ul{list-style:none; margin:0; padding:0}
.validationSummary li{margin:0}

.pricePopup{margin-left:-150px; padding:3px; position:absolute; left:50%; width:300px; z-index:99}
.pricePopup span.fieldHeader{float:left; width:135px; text-align:right; margin-right:6px}
.pricePopup span.fieldValue{float:left}
.productsGrid .pricePopup br{line-height:1}

#ajaxProgressBg{background-color:#000; border:0; margin:0; padding:0; position:absolute; width:100%; z-index:0; opacity:0.7; filter:Alpha(opacity:70)}

#ajaxProgress{background:url("../../App_Themes_Assets/images/ajax_loading.gif") no-repeat 50%; left:50%; margin-left:-100px; padding:0px; position:absolute; width:200px; height:200px; z-index:1}

table.form, 
table.itemList, 
table.pagedList, 
table.inputForm{margin:0 auto 10px}

table.form, 
table.itemList, 
table.pagedList, 
table.inputForm, 
table.addressBook, 
table.orderSummaryTable{width:100% !important}

table.form th, 
table.itemList th, 
table.pagedList th, 
table.inputForm th, 
table.form td, 
table.itemList td, 
table.pagedList td, 
table.inputForm td{padding:2px}

#wrapContainerOuter th.rowHeader, 
#wrapContainerOuter .orderSummary th{border:none !important}

table tr th.rowHeader{text-align:right}

#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}

#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}

.form .dataSheet .itemList td span{white-space:nowrap}

#container th.verticalText{background:#000; color:#fff; font-size:10px; padding:2px 4px; text-align:center; vertical-align:middle; width:10px}

#auctivaMyProductReviews table.inputForm, 
.auctivaCurrencies table.inputForm{margin:0 0 10px; width:auto !important}

 
html{overflow-y:scroll}

.HiddenPanel{display:none}

a:active, 
a:focus{outline:0}

.clearfix{overflow:auto; zoom:1}

blink, 
marquee{text-decoration:none !important}
/* /Base */
/* webparts.css v.1.4 */
.WebPart_PartTitle{border:1px solid #C4C4C4; background-color:#E8E8E8; padding:0 2px; height:25px; margin:5px 0 0 0}
.WebPart_PartTitle a{margin:0 3px 0 0}
.WebPart_AdminPart{border:1px solid #C4C4C4; padding:8px; margin:2px 0 0 0}
#webpartsPanel{clear:both; margin:0 auto; padding:15px 0; width:760px}
#webpartsPanel table.outerFrame{background:#fff url("../AuctivaAdmin/images/sectionbg.png") bottom repeat-x; border:1px solid #aaa}
#webpartsPanel .section{background-color:#F7F6F3; border:solid 1px #CCC; font-family:Verdana; width:100%; margin-bottom:10px}
#webpartsPanel .section .header{padding:0 2px; background:#BDCDFF url(images/section_header_bg1.jpg) repeat-x 3px 3px; border:1px solid #92A7EC; height:25px}
#webpartsPanel .section .header H2{color:#000; margin:0px; margin-right:10px; line-height:25px; font-size:12px; display:inline}
#webpartsPanel .section .header a{text-decoration:underline}
#webpartsPanel .EditorZone{background-color:#F7F6F3; border:solid 1px #CCC; font-family:Verdana; padding:6px; width:100%; margin-bottom:10px}
#webpartsPanel .EditorZoneHeader{padding:0 2px; background:#BDCDFF url(images/section_header_bg1.jpg) repeat-x 3px 3px; border:1px solid #92A7EC; height:25px; font-weight:bold}
#webpartsPanel .EditorZoneFooter{text-align:left}
#webpartsPanel .EditorZoneFooter input, #webpartsPanel .button{background:#e6eef9 url("../AuctivaAdmin/images/button_bg.gif") bottom repeat-x; border:1px solid #7D90B1; color:#134FA3 !important; cursor:pointer; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; margin:0; padding:3px 8px 2px; text-align:center; text-decoration:none; text-transform:uppercase; vertical-align:middle}
#webpartsPanel .EditorZoneFooter input:hover, #webpartsPanel .button:hover{background:#fffdf1 url("../AuctivaAdmin/images/button_hover_bg.gif") bottom repeat-x; border:1px solid #C7B55C !important; color:#867001 !important}
#webpartsPanel th{padding:18px 10px 10px !important; *padding:15px 10px 10px !important; width:50%}
#webpartsPanel hr{display:none}
/* /webparts.css */

/* Shared Lumine styles */

/* Design and layout */

/* =Typography */
/* Using pixels for font sizing, padding and margins seems to be the most consistent across browsers */
/* Base font size is 14px */
body	{ font-family: Arial, Helvetica, sans-serif; }	

h1	{ font-size: 20px; font-weight: normal; text-transform: uppercase; }	
h2	{ font-size: 18px; font-weight: normal; text-transform: uppercase; }
h3	{	font-size: 16px; }		

/* =Layout */
#wrapContent	{ margin: 0 auto; width: 990px; }

#contentLayout	{ table-layout: fixed; width: 100%; } /* Main table */	
#mainPanel,
#leftSidebarPanel,
#rightSidebarPanel,
.opcSidebar	{ vertical-align: top; }	
#mainPanel	{	padding: 10px 10px 40px; } /* Central column of #contentLayout */
#leftSidebarPanel,	
.paymentMethodSummary	{	padding: 10px 0; width: 189px; }	
#rightSidebarPanel,
.opcSidebar	{ padding: 10px; width: 169px; }
.opcSidebar	{	padding-top: 0;	padding-right: 0; }


/* =Store Header */	
#storeHeader	{ position: relative; }
	
		/* ==Logo */
		#logo	{ margin: 0 auto; padding: 25px 0; width: 990px; min-height: 70px; }
	
		/* ==User nav */
		#navUser { height: 40px; overflow: hidden; position: relative; }
		#navUser ul	{ float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; }
			#navUser ul li	{ float: left; position: relative; right: 50%; }
				#navUser a 			{ display: block; height: 40px; margin: 0 25px; text-decoration: none; text-indent: -999em; }	
						#navUser a:hover	{ background-position: bottom; }				
					#navUser .navAccount a	{ width: 99px; }
					#navUser .navAdmin a		{ width: 68px; }
					#navUser .navHome a			{ width: 61px; }
					#navUser .navLogin a		{ width: 63px; }
					#navUser .navLogout a		{ width: 82px; }
					#navUser .navWishlist a	{ width: 80px; }
		
		/* ==Nano basket */
		#nanoBasket	{ position: absolute; top: 10px; left: 50%; margin-left: 190px; width: 300px; text-align: right; }
		
		/* ==Search */
		#search	{ line-height: 1; position: absolute; top: 65px; left: 50%; margin-left: 190px; width: 300px; text-align: right; }
		#search a		{ font-size: 10px; }
		#search div	{ display: inline; }
		.searchPhrase	{ width: 130px; } /* Search text input */
		.searchButton	{ border: none; cursor: pointer; font-size: inherit; *font-size: 1px /* Since IE won't text-indent */ ; margin-left: 3px; padding: 2px 0 3px; text-indent: -999em; width: 60px; height: auto; *height: 22px; }
	
	#search a	{ color: #fff; }
	.searchButton	{ background: transparent url("images/btn_search.gif") no-repeat; color: #f9e29b; }		


/* =Store Footer */
#storeFooter	{ overflow: hidden; padding: 25px 0 10px; text-align: center; text-transform: uppercase; }
	#storeFooter p	{ font-size: 10px; margin: 20px 0 0; }
	#navFooter	{ overflow: hidden; }
		#navFooter ul	{ float: left; margin: 0; position: relative; left: 50%; }
			#navFooter ul li	{ position: relative; right: 50%; }
				#navFooter a	{ margin: 0 20px; text-decoration: none; }


/* Content */

	/* =Sidebars */
		
		/* ==Categories/store nav */
		#leftSidebarPanel h2	{ margin: 0 0 5px 20px; }
		ul.category	{ font-size: 14px; list-style-type: none; margin: 0; padding: 0; }
			ul.category li a	{ display: block; padding: 10px 0 10px 20px; text-decoration: none; }
		
		.miniBasketItemBox	{ margin: 0 0 25px; }


	/* =Home page */
	
		/* ==Featured products - appears on home page and products accessories page, which will be displayed when a product that has accessories is added to the cart */		
		#mainPanel .detailsInnerPara	{ margin: 10px 0 5px; }
			.detailsInnerPara a	{ font-size: 14px; font-weight: bold; }
		
		.productsGrid .thumbnail	{ padding: 5px; vertical-align: middle; width: 120px; height: 150px; }
			.productsGrid .thumbnail a	{ display: block; height: 100px; padding: 25px 0; }
		
	
	/* =Contact page */	
	#auctivaContactSidebar {
		padding: 0 0 0 20px;
	}
		#auctivaContactSidebar h2 {
			margin-left: 0;
		}
	/*#auctivaContact {
		padding: 21px 0 0 150px;
	}
		#auctivaContact img {
			padding: 7px;
		}
		#auctivaContact address {
			font-size: 16px;
			font-style: normal;
			font-weight: bold;
			margin: 14px 0;
		}*/
	
	
	/* =Login page */


	/* =Category pages */	
	.CategoryBreadCrumbs,
	.breadCrumbPanel {
		font-size: 10px;
		margin: 0 0 14px;
	}
		.CategoryBreadCrumbs a,
		.breadCrumbPanel a {
			text-decoration: none;
		}
	
	#auctivaSubcategories { /* Subcategories */
		margin: 0 0 21px;
	}
		#auctivaSubcategories a {
			white-space: nowrap;
		}
	
	.searchSortHeader {
		padding: 3px;
	}	
	
	.msrp {
		display: block;
		text-decoration: line-through;
	}
	
	.catalog td {
		padding: 7px 0;
		vertical-align: bottom;
	}
	
	#auctivaCategoryGrid3ButtonAdd { /* When store's display setting is CategoryGridPage3, this contains the Add to Cart button at the bottom of category pages */
		margin-top: 14px;
	}
	
	.paging { /* Page 1, 2, 3, etc. */
		text-align: right;
	}
		.paging a {
			padding: 1px 3px;
		}
	
	
	/* =Search results pages */
	a.searchCriteria {
		display: block;
		margin: 3px 0;
	}	
	.productGridBorder {
		padding: 0 0 0 20px;
	}	
	.searchFilterPanel div {
		text-align: left;
	}	
	.searchFilterPanel input {
		width: 100px;
	}
		.searchFilterPanel input.button {
			width: auto;
		}
	
	/* =Advanced search page */
	#auctivaAdvancedSearch h1 {
		text-align: center;
	}
	#auctivaAdvancedSearch table.inputForm {
		width: auto !important;
	}
	
	
	.showAll {
		display: block;
		margin: 7px 0;
		text-align: right;
	}
	
	
	/* =Product display pages */
	.productimg {
		margin: 0 0 14px;
		text-align: center;
	}	
	.productOptions {
		margin: 14px 0;
		text-align: center;
	}
		.productOptions img { /* Star rating image */
			margin: 14px 0 0;
		}
			.productOptions td img {
				margin: 0;
			}
		.productOptions div {
			text-align: left;
		}
		.optionPicker span {
			display: block;
			height: 14px; /* Same as base font size */
		}
		.optionPicker table {
			margin: 0 0 14px;
		}
		.optionPicker td {
			border: 2px outset #999;
		}
		.buyProductForm {
			margin: 0 auto;
			text-align: left;
		}
			.buyProductForm th,
			.buyProductForm td {
				padding: 3px;
				vertical-align: middle;
			}
				.buyProductForm td td {
					padding: 0;
				}
	
	.auctivaDescription h2 a { /* More details link */
		font-size: 12px;
	}
	
	.auctivaReviews table.pagedList td {
		padding: 4px;
		vertical-align: middle;
	}
	
	
	/* =Added to cart page */
	#auctivaProductsAccessoriesPage h2 { /* Text for other products you might consider */
		font-size: 16px;
	}
	
	
	/* =Cart page */
	.iner_frame table {
		
	}
	td.basketColThumbnail {
		width: 120px !important;
	}
	td.basketColItem {
		width: 140px !important;
	}
	td.basketColSKU {
		width: 80px !important;
	}
	td.basketColEach {
		width: 65px !important;
	}
	td.basketColQty {
		width: 50px !important;
	}
	td.basketColPrice {
		width: 65px !important;
	}	
	/* Empty cart and wishlist */	
		.emptyBasketPanel,
		.emptyWishlistPanel {
			height: 50px; 
			padding: 20px 0 0 60px; 
			margin: 20px 35px 35px; 
			text-align: center; 
		}
			.emptyBasketPanel span.message,
			.emptyWishlistPanel span.message {
				font-size: 18px; 
				font-weight: normal; 
			}



	/* =Checkout page/process */
	.checkoutPageHeader {
		margin: 0 0 14px;
	}
	
	.opcFrame {
		width: 100%;
	}
		.opcMainPanel { /* Otherwise IE collapses table cell to as narrow as it can go */
			width: 788px;
		}
		.onePageCheckoutCell,
		.onePageCheckoutCell div {
			text-align: left;
		}
	
	.opcPaymentMethods {
		width: 200px;
	}
	
	.paymentForm td {
		padding: 2px;
	}
	
	table.selectShippingMethod td.methods {
		padding: 4px;
	}
	
	.paymentMethodSummary {
		float: left;
	}
	.paymentMethodList {
		float: right;
		padding: 10px;
	}
	
	.paymentMethodSummary .section {
		margin: 0 0 20px;
		padding: 4px;
	}
		.onePageCheckoutCell .orderSummary {
			width: 100%;
		}
			.orderSummary th,
			.orderSummary td {
				padding: 2px;
				text-align: right !important;
			}
	
	.paymentMethodList table {
		margin: 0 0 14px;
		width: 100%;
	}
		.paymentMethodList table th,
		.paymentMethodList table td {
			vertical-align: top;
		}
		.paymentMethodList table th {
			text-align: left;
		}
			#mainPanel .paymentMethodList td p {
				margin: 0;
			}
	
	.checkoutProgress {
		float: right;
	}
		.checkoutProgress span {
			float: left;
			padding: 2px;
			width: auto;
		}
		.checkoutProgress .on {
			height: 23px; 
			padding: 3px 2px 0;
		}
			.checkoutProgress .on span {
				padding: 3px 14px 3px 4px; 
			}
		.checkoutProgress .off {
			margin: 1px; 
			padding: 2px; 
		}
			.checkoutProgress .off span {
				padding: 3px 6px 2px; 
			}
	
	.addGiftOptions {
		text-align: right;
	}
		.addGiftOptions .content {
			margin: 7px 0 14px;
		}
	
	
	/* =Address book */
	.addressBook .entries {
		padding: 0 40px;
	}
		.addressBook .entry {
			float: left;
			margin: 20px 45px;
			padding: 60px 40px 3px 50px;			
			width: 254px;
			min-height: 132px;
			height: auto;
			*height: 132px; /* IE doesn't support min-height, but expands block height to contain content, effectively acting like min-height */
		}
			.addressBook .entry .address {
				float: left;
			}
			.addressBook .entry .buttons {
				float: right;
			}
				.addressBook .entry .buttons a {
					display: block;
					padding: 0 0 7px 0;
					text-align: right;
				}
	
	
	
	/* =View order */
	.summarySection {
		margin: 10px;
	}
		.summarySection table {
			margin: 0 auto;
		}
	table.form td.expand {
		padding: 16px 10px 10px;
		width: 540px;
	}



/* =Buttons */
a.button {
	padding: 0 6px 0 0;
}
	


/* =Messages */
.validationSummary { /* Messages like "Please choose a color first." */
	background: #fbe3e4;
	border: 2px solid #fbc2c4; 
	color: #8a1f11 !important;
	font-size: 10px;
	padding: 4px;
	margin: 4px;
}
	.validationSummary ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 7px;
	}
		.validationSummary li {
			margin: 0;
		}
		
		

/* =Modal popups - come up for things like "Click to see price" and Terms of Service on checkout */
.modalBackground { /* Semi-transparent overlay of whole window */	
	background-color: #000; 
	filter: alpha(opacity=70); 
	opacity: 0.7; 
} 
.modalPopup {  
	padding: 3px; 
	width: 600px; 
}
	.modalPopupHeader,
	.pricePopupHeader {
		font-weight: bold; 
		margin: -3px; 
		padding: 6px; 
	}
		#mainPanel .modalPopupHeader p {
			margin: 0;
		}
	.modalPopupText {
		padding: 10px; 
	}
		.modalPopupText .modalPopupScroller { /* Enable scrolling within modal popup dialog */
			height: 400px; 
			margin: -5px -10px -11px; 
			overflow: auto; 
			padding: 10px; 
		}
			.modalPopupText .modalPopupScroller p { 
				margin: 14px 0; 
			}
	.modalPopup + div { /* Block that's supposed to look like a drop shadow */
		background: none !important;
	} 
	.modalPopup br { /* Accept and decline buttons of TOS were getting pushed down too far (aesthetically) */
		line-height: 4px; 
	}	
		
.pricePopup { /* Style for the click to view price popup */ 
	margin-left: -150px; 
	padding: 3px; 
	position: absolute; 
	left: 50%; 
	width: 300px; 
	z-index: 99; 
}		
	.pricePopup span.fieldHeader {
		float: left; 
		width: 135px; 
		text-align: right; 
		margin-right: 6px; 
	}
	.pricePopup span.fieldValue {
		float: left; 
	}
	.productsGrid .pricePopup br {
		line-height: 1;
	}

#ajaxProgressBg { /* Background style for the screen when an ajax progress update is displayed */
	background-color: #000;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	width: 100%; 
	z-index: 0; 
	opacity: 0.6; 
	filter: Alpha(opacity: 60); 
}
#ajaxProgress { /* Ajax progress indicator */
	background: url("../images/ajax_loading.gif") no-repeat 50%;
	border: none;
	left: 50%;
	margin-left: -100px;
	padding: 0px;
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1;    
}


	
/* =Tables */
table.form,
table.itemList,
table.pagedList,
table.inputForm {
	margin: 0 auto 14px;
}
table.form,
table.itemList,
table.pagedList,
table.inputForm,
table.orderSummaryTable {
	width: 100% !important;
}

table.form th,
table.itemList th,
table.pagedList th,
table.inputForm th,
table.form td,
table.itemList td,
table.pagedList td,
table.inputForm td {
	padding: 2px;
}

	table.form th a,
	table.itemList th a,
	table.pagedList th a,
	.iner_frame th a {
		color: #aaa;
	}
	table.form table th,
	table.itemList table th,
	table.pagedList table th,
	.iner_frame table th {
		background: none;
	}
		#wrapContainerOuter th.rowHeader,
		#wrapContainerOuter .orderSummary th {
			border: none !important;
		}

table tr th.rowHeader {
	text-align: right;
}
	
/* Giving CSS control of table borders that had been defined in HTML  */
#auctivaWishlist table,
div.iner_frame table, /* iner_frame is unique to basket page */
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;
}
	#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; 
		}


.form .dataSheet .itemList td span {
	white-space: nowrap;
}

#container th.verticalText {
	font-size: 10px;
	padding: 2px 4px;
	text-align: center;
	vertical-align:	middle;
	width: 10px;
}

#auctivaMyProductReviews table.inputForm {
	margin: 0 0 14px;
	width: auto !important;
}


/* /Shared Lumine styles */


/* Design and layout */

/* =Typography */
#container	{ color: #fff; font-family: Arial, Helvetica, sans-serif; }

body #container a:link,
body #container a:visited	{ color: #d9d9d9; }
body #container a:hover		{ color: #71b8ff; }
	

/* =Layout */
body	{ background: #0a0c0e; }

#wrapContainerOuter		{ background: #191f22 url("images/bg.jpg") center top no-repeat; }
#contentLayout				{ border-left: 1px solid #3b4043; border-right: 1px solid #3b4043; } /* Main table */
#leftSidebarPanel,
.paymentMethodSummary	{ border-right: 1px solid #3b4043; }	
#rightSidebarPanel,
.opcSidebar						{ border-left: 1px solid #3b4043; }
#leftSidebarPanel,
#rightSidebarPanel,
.paymentMethodSummary	{ background: #1a2023; }


/* =Store Header */	

	/* ==User nav */
	#navUser { background: url("images/bg_usernav.gif") repeat-x; }
			#navUser a 			{ color: #fff; }	
				#navUser .navAccount a	{ background-image: url("images/nav_account.gif"); }
				#navUser .navAdmin a		{ background-image: url("images/nav_admin.gif"); }
				#navUser .navHome a			{ background-image: url("images/nav_home.gif"); }
				#navUser .navLogin a		{ background-image: url("images/nav_login.gif"); }
				#navUser .navLogout a		{ background-image: url("images/nav_logout.gif"); }
				#navUser .navWishlist a	{ background-image: url("images/nav_wishlist.gif"); }
	
	/* ==Nano basket */
		#nanoBasket a {
			color: #fff;
		}
	
	/* ==Search */
		#search a {
			color: #fff;
		}
		.searchButton	{ 
			background: transparent url("images/btn_search.gif") no-repeat;
			color: #f9e29b;
		}
	


/* =Store Footer */
#storeFooter {
	background: #0a0c0e url("images/bg_footer.gif") repeat-x;
}
			#storeFooter ul li a	{ color: #fff; }

			#navFooter a 			{ color: #fff; }				
				#navFooter .navContact a		{ background-image: url("images/nav_footerContact.gif"); }
				#navFooter .navHome a				{ background-image: url("images/nav_footerHome.gif"); }
				#navFooter .navSearch a			{ background-image: url("images/nav_footerSearch.gif"); }
				#navFooter .navCurrencies a	{ background-image: url("images/nav_footerCurrencies.gif"); }



/* Content */
	
	/* =Sidebars */
		
		/* ==Categories/store nav */
		ul.category	{ border-top: 1px solid #3c4144; }		
			ul.category li	{ border-bottom: 1px solid #3c4144; }
				ul.category li a	{ color: #fff; }
					ul.category li a:hover	{ background: #121618; }
			
		/* ==Mini basket */
			
			/* ===miniBasketSubTotalBox */
			.miniBasketPrice,
			#miniBasketMainBox #sub_num	{ color: #289ce9; font-weight: bold; }
			#miniBasketMainBox #sub_num	{ color: #ff9900; }


	/* =Home page */
	
		/* ==Featured products - appears on home page and products accessories page, which will be displayed when a product that has accessories is added to the cart */		
		.productsGrid	{ border: 1px solid #676767; }
			/*.productsGrid .thumbnail a	{ background: #fff; }*/
	

	/* =Category pages */	
	.CategoryBreadCrumbs,
	.breadCrumbPanel	{ border-bottom: 1px solid #676767; }
	
	.searchSortHeader	{ border-bottom: 1px solid #676767; }
	
		.paging a	{ border: 1px solid #676767; }
			.paging a.current	{ background: #0a0c0e; }
	
	
	
	/* =Cart page */
	
	/* Empty cart and wishlist */	
		.emptyBasketPanel {
			background: url("images/icon_cart.gif") no-repeat 15%; 
		}



	/* =Checkout page/process */
		.paymentMethodList table th {
			border-bottom: 1px dotted #ccc;
		}
	
	.checkoutProgress {
		border: 1px solid #3b4043;
	}
		.checkoutProgress .on {
			background: url("images/bg_progress.gif") right center repeat-x;			
			border-left: 2px solid #fff; 
			color: #002b0d;
		}
	
	
	
	/* =Address book */
		.addressBook .entry {
			background: url("images/bg_address.gif") no-repeat;
		}
		
		

/* =Modal popups - come up for things like "Click to see price" and Terms of Service on checkout */ 
.modalPopup { 
	background-color: #fff; 
	border: 1px solid #000;
}
.pricePopup {
	color: #000;
}
	#container .pricePopup a {
		color: #000;
	}
	.modalPopupHeader,
	.pricePopupHeader {
		background: #051448;
		color: #fff;
	}
	.modalPopupText { 
		color: #000;
	}
		#container .modalPopupText a {
			color: #000;
		}
		
.pricePopup { /* Style for the click to view price popup */
	background: #fff; 
	border: 3px solid #444;
}



/* =Tables */
table.form th,
table.itemList th,
table.pagedList th,
.iner_frame th {
	background: #000;
	color: #fff;
}
	table.form th a,
	table.itemList th a,
	table.pagedList th a,
	.iner_frame th a {
		color: #aaa;
	}
	table.form table th,
	table.itemList table th,
	table.pagedList table th,
	.iner_frame table th {
		border-bottom: 1px solid #3b4043 !important;
		color: #289ce9;
	}

/* Giving CSS control of table borders that had been defined in HTML  */
#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-color: #3b4043 !important;
}

	/* ==Alternating table row backgrounds */	
	.altodd,
	.odd,
	.oddRow {
		background-color: #121618; 
	}		
	.alteven,
	.even,
	.evenRow {
		background-color: #0a0c0e; 
	}

#container th.verticalText {
	background: #000;
	color: #fff;
}


}
@media print{
/* print.css v.1.0 */
	html *{font-family:Arial,Helvetica,sans-serif; font-size:12px}	
	.noPrint, 
	#userNav, 
	#storeNav, 
	#nanoBasket, 
	#search, 
	.CategoryBreadCrumbs, 
	#storeFooter ul, 
	#webpartsPanel, 
	.basketColItem .altoddButton{display:none}	
	#leftSidebarPanel, 
	#rightSidebarPanel{padding-left:2em; vertical-align:top}	
	.form{width:100%}	
	.addressBook .entry{float:left; margin:1em}
	.addressBook .buttons{display:none}
/* /print.css */
}
