@import url("../../App_Themes_Assets/global0.css");

/* 
Table of Contents - Bokeh - 04/12/2009

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.7 */
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:right;}
.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-family:Arial,Helvetica,sans-serif; 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_processing.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 */


/* =Typography */

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 1.25;
	}	
	#container {
		font-size: 125%;
	}	
	h1 {
		font-size: 28px;
		line-height: 1;
		margin: 0 0 5px 15px;
		padding-top:10px;
		color:#696967;
	}	
	h2 { /* Headings in sidebars and subheadings in product display pages */
		font-size: 18px;
		line-height: 1.1;
		margin: 0;
		color:#696967;
	}
	.opcMainPanel h2 {margin-left:15px;}

	
	#auctivaProductsAccessoriesPage h2 {margin-left:15px; font-size:15px;}
	
	h3 { /* Filter headings on search results page */
		font-size: 14px;
		margin: 10px 0 0;
		color:#696967;
	}	
	#mainPanel p {
		margin: 10px 10px 10px 15px;
	}	
	ul,
	dl {
		margin: 10px 0;
		padding: 0 0 0 10px;
		list-style:none;
		padding-bottom:15px;
	}
	li,
	dd {
		margin: 0;
		padding: 3px;
		color:#666;
	}	
	hr {
		margin: 5px auto;
	}
	 
	 a {color:#1294b9;}
	 
	 .detailsInnerPara a:hover {color:#359160; text-decoration:none;}
	 
	 
/* =Layout */


body {
	    background:#e5e6e8;
		margin: 0;
		padding: 0;
	}
	
	#wrapContainerOuter {}
	
	#wrapContainerInner {
		margin: auto;
		width: 1019px;
	}
	
	#container {		
		
	}
	
	#wrapContent { 
		 background:#fdfcfc;
		position:relative;
				*top:0px;
		margin-bottom:0px;
		clear:both;
		border-left:#d1d2d3 2px solid;
		border-right:#d1d2d3 2px solid;
		width:1015px;
		padding-bottom: 1px; /* IE 8 was inserting a gap between wrapContent and storeFooter - probably gives it hasLayout or whatever */
		}
		
	
	
	#contentLayout { /* Main table */
		margin:0 auto 20px auto;
		*margin-top:0px;
		table-layout: fixed;
		width: 996px;
		
		
		
	}	
	#mainPanel,
	#leftSidebarPanel,
	#rightSidebarPanel,
	.opcSidebar {
		vertical-align: top;
	}
	
	#rightSidebarPanel .section .content {left-margin:10px; padding-bottom:10px; padding-top:10px;}
	
	
	#leftSidebarPanel .section .content {right-margin:10px; }
	

	#mainPanel { /* Central column of #contentLayout */
		width:95%;
		*width:100%;
		margin:0 5px 0 5px;
		padding: 0 6px 0 6px;
		
	}
	
	#auctivaWelcome p {color:#1294b9;
		margin-left:15px;
		font-size:14px;
		font-weight:bold;}
	
	
	#auctivaFeaturedProducts  {background:#fff; 
		width:100%; 
		padding-bottom:15px; 
		margin-bottom:14px;}	
	
	 .pageHeader h1 {padding:15px auto auto 15px;}
	 
	 
	#leftSidebarPanel,
	#rightSidebarPanel,
	.opcSidebar,
	.paymentMethodSummary {
		padding: 10px 6px 0 6px;
		padding-right:0;
		width: 170px;
	}	
	#leftSidebarPanel {
		padding-left:15px;
		padding-right:8px;
	}
			
	#rightSidebarPanel,
	.opcSidebar {padding-right:5px; width:180px;
	}
		
	.opcSidebar {
		padding-top: 0;
		padding-right: 0;
	}
	
	.section .header {
		}
		
	.section .header h2 {padding:8px 0 8px 8px; color:#696967;}
		
	#leftSidebarPanel section .content {}
	
.button { background:url(images/btn_bg.gif) repeat-x; color:#fff; text-decoration:none; padding:1px 4px 2px 4px;; height:auto; border:none;}
.button:hover { background:url(images/btn_bg_hover.gif) repeat-x; color:#33e5c5; }

#rightSidebarPanel .ProductItemView {padding-bottom:15px;}

.navList {		
		 /* Clear fix */
		zoom: 1; /* Gives IE hasLayout for clear fix */
	}	
		.navList ul {		
			list-style: none;
			margin: 0; 
			padding: 0; 
		}
			.navList ul li { 
				float: right; 
				
			}
				.navList ul li a	{		
					display: block; 
					
				}
				
	/* Reference for positioning */
	
	/* Center nav list */	
		/*.navList ul { 
			float: left; 
			position: relative; 
			left: 50%; 
		}
			.navList ul li { 
				position: relative; 
				right: 50%; 
			}*/		
			
	/* Left align nav list */ 
		/*.navList ul { 
			float: left; 
		}	*/
		
	/* Right align nav list */ 
		/*.navList ul { 
			float: right; 
		}*/



	/* =Store Header */	
	#storeHeader {
		background:url(images/bg_header.jpg) no-repeat;
		position: relative;
		top:3px;
		height:auto;
		min-height:140px;
		width:1019px;
		
	}
	
	*html #storeHeader  {height:100px;}
	
	#hookHeaderOuter   {
		
		position:relative;
	}
	
	*html #hookHeaderOuter {}
	
	#hookHeaderInner  {
		clear:both;
		background:url(images/bg_header_bottom.gif) no-repeat;
		background-position:bottom;
		position:relative;
		height:66px;
		width:1019px;
		}
		
		*html #hookHeaderInner {height:71px;}
		
		
		
	/* ==Logo */
	
		#logo { 
 				padding: 25px 0 0 50px; 
				min-height:120px;
				height:auto;	
				}
				
		*html #logo { height: 120px;}	
		
		#logo table {float:left; margin-bottom:20px; margin-top:10px;}

	/* ==User nav */
	
	#navUser { 
			clear:both;
			position:absolute;
			top:2px;
			left:550px;
			height:30px;
			width:400px;
		}
		
		#navUser li {padding:0;}
	*html #navUser li {width:25px;}
		
	#navUser li a
			{padding:0;
			color:#f0a181;
			text-decoration:none;
			font-weight:bold;}
	
			#navUser ul {overflow:hidden: }
				#navUser li.first {
					margin-left: 0;
				}
				#navUser li.last {
					margin-right: 0;
				}
				#navUser li.current a {
					
				}
				
			#navUser li.navHome a {
			height:25px;
			background-position:top;
			display:block;
			padding-left:30px;
			}
			
			#navUser li.navHome a:hover {color:#44f1f0;}	
			
			#navUser li.navWishlist a {
			height:25px;
			background-position:top;
			display:block;
			padding-left:30px;
			}
			
			#navUser li.navWishlist a:hover {color:#44f1f0;}
			
			#navUser li.navAccount a {
			height:25px;
			background-position:top;
			display:block;
			padding-left:30px;
			}
			
			#navUser li.navAccount a:hover {color:#44f1f0;}
			
			#navUser li.navLogin a {
			height:25px;
			background-position:top;
			display:block;
			padding-left:30px;
			}
			
			#navUser li.navLogin a:hover {color:#44f1f0;}
			
			#navUser li.navLogout a {
			height:25px;
			background-position:top;
			display:block;
			padding-left:30px;
			}
			
			#navUser li.navLogout a:hover {color:#44f1f0;}

	/* ==Nano basket */
	
		#nanoBasket {
			/*background: #ddd;*/
			float:right;
			position:relative;
			top:-18px;
			width:370px;
			color:#cf774e;
			height:28px;
			clear:both;
		}
		
		*html #nanoBasket {top:-18px;}
		#nanoBasketText {position:relative; left:49px; top:-18px;}
		#nanoBasketText a {color:#f0a181;
			}
		
		#nanoBasketCart  {
		background:url(images/icon_cart_nano.png) no-repeat;
			color:#f0a181;
			font-weight:bold;
			text-indent:-9999px;
			position:relative;
			top:4px;
			display:block;
			width:36px;
			height:25px;
			}
			
					*html #nanoBasketCart {background:url(images/icon_cart_nano_ie.gif) no-repeat; width:33px; height:23px;}
			
			
			
		 #nanoBasketCheckout  {
		 	background:url(images/btn_checkout_nano_hover.png) no-repeat;
			width:100px;
			height:22px;
			display:block;
			position:relative;
			left:215px;
			top:-37px;
			text-indent:-9999px;}
			
			*html #nanoBasketCheckout {background:url(images/btn_checkout_nano.gif) no-repeat;}
			
		 #nanoBasketCheckout:hover {background:url(images/btn_checkout_nano.gif) no-repeat;}
		 
		 	*html #nanoBasketCheckout:hover {background:url(images/btn_checkout_nano.gif) no-repeat;}
		

	/* ==Search */
	
	#search {
			/*background: #ddd;*/
			clear: both;
			line-height: 1;
			float:left;
			width:355px;
			position:absolute;
			left:45px;
			top:-15px;	
		}
		
	
		
		.searchButton {background:url(images/btn_search_hover.png) no-repeat; 
			border:none; text-indent:-9999px; 
			height:21px; 
			width:70px; 
			display:block; 
			float:right;
			*float:left;
			position:relative;
			top:1px;
			cursor:pointer;
			*font-size:1px;
			color:white;}
			
			*html .searchButton {background:url(images/btn_search.gif) no-repeat;}
			
		.searchButton:hover {background:url(images/btn_search.gif) no-repeat;}
		
		#search a {
			color:#a69def;
			padding-left:0px;
			position:relative;
			top:4px;
			left:24px;
			}
		#search a:hover {color:#1294b9;}
			
			#search div {
				display: block; float:left;
			}
			.searchPhrase { /* Search text input */
				margin: 0 7px 0 0;
				color;#696967;
				float:left;
			}
			
			

/* =Store footer */

		#storeFooter {
			background:url(images/bg_footer.gif) no-repeat;
			text-align: center;
			height:106px;
			}

		#navFooter {
			margin:0; 
			/*overflow:hidden;*/
			overflow: visible;
			padding: 65px 0 0;
			/*position:relative;
			top:45px;*/
			color:#c17c6a;
		}
		
		#navFooter ul { /* Center footer nav */
			/*height:35px;
			position: relative;
			float:left;
			left:50%; */
			margin:0;
			list-style:none;
			/*top:13px;
			*top: 19px;*/
		}
		
		#navFooter ul li { 
			padding:1px 14px 1px 14px;
			float: none;
			/*float:left;*/
			display:inline;
			/*position:relative;
			right:50%;*/
				
		}
			#navFooter ul li a	{ display: inline; }
		
				/**html #navFooter ul li {
					left:-150px;}*/
		
		#navFooter ul li a {color:#ffffff;; text-decoration:underline;}
		#navFooter ul li a:hover {color:#44f1f0;}
		
		
		#storeFooter .hookInner p {color: #ffffff; margin: 5px 0 0; /*position:relative; top:42px; *top:35px*/; font-size:9px;}
		
		
		
	


/* =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 */
		
		
	.category li a{
		color:#1294b9;
		font-weight:bold;
		text-decoration:none;	
		}
		
	.category li a:hover {
		color:#359160;
		text-decoration:none;
		}	
		
		
		/*.rowSeparator {
			padding: 0;
		}
		
		.featuredProductContainer {
			margin: 10px 0 0;
		}
			.productsGrid {
				border: 1px solid #44f1f0;
				background-color:#fff;
				margin-left:10px;
				width:95% !important;
			}
				.productsGrid td {
					padding: 5px 0 5px 5px;

				}
				.productsGrid .details {
					vertical-align: top;
				}
					.productsGrid .details br {
						line-height: 0;
					}						
					#mainPanel .detailsInnerPara {
						margin: 0 0 4px;
					}
						.detailsInnerPara img {
							margin: 14px 0 0;
						}		
				.productsGrid .thumbnail {
					vertical-align: middle;
					width: 120px;
					height: 150px;
				}
		
		.itemSeperator {
			padding: 0;
			
		}*/
		
		.rowSeparator	{ background: url("images/bg_trim_1.gif") no-repeat; border-bottom: 10px solid #fff; vertical-align: bottom; width: 49%; }
		.featuredProductContainer	{ background: url("images/bg_trim_2.gif") left bottom no-repeat; padding: 10px; }
			.productsGrid td.thumbnail,
			.productsGrid td.details		{ vertical-align: bottom; }
		
		
	/* =Contact page */	
	.ourDepartmentsCell table hr {
		margin: 0;
	}
	#logoContact {
		margin: 14px 0;
		text-align: center;
		width: 420px;
	}
	
	
	/* =Login page */


	/* =Category pages */	
	.CategoryBreadCrumbs,
	.breadCrumbPanel {
		background: transparent;
		margin: 0 0 10px;
		font-weight:bold;
		position:relative;
		top:-17px;
	}
	
	.CategoryBreadCrumbs a:hover {text-decoration:none; color:#359160;}
	
	#auctivaSubcategories { /* Subcategories */
		background: #fff;
		margin: 10px 15px;
	}
		#auctivaSubcategories a {
			white-space: nowrap;
		}
	
	.searchSortHeader {
		background: #eee;
		border-bottom: 1px solid #ccc;
	}
		.searchSortHeader td {
			padding: 0;
		}
	
	.msrp {
		color: #777;
		display: block;
		text-decoration: line-through;
	}
	
	.catalog td {
		padding: 5px 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: 10px;
	}
	
	.paging { /* Page 1, 2, 3, etc. */
		text-align: right;
	}
		.paging a {
			border: 1px solid #ccc; 
			padding: 1px 3px;
		}
			.paging a.current {
				background: #ddd;
			}
	
	
	/* =Search results pages */
	a.searchCriteria {
		display: block;
		margin: 3px 0;
	}
	.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: 5px 0;
		text-align: right;
	}
	
	
	/* =Product display pages */
	.productimg {
		margin: 0 0 10px;
		text-align: center;
	}	
	.productOptions {
		margin: 10px 0;
		text-align: center;
	}
		.productOptions img { /* Star rating image */
			margin: 10px 0 0;
		}
			.productOptions td img {
				margin: 0;
			}
		.productOptions div {
			text-align: left;
		}
		.optionPicker span {
			display: block;
			height: 10px; /* Same as base font size */
		}
		.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 { /* More details link */
		font-size: 12px;
	}
	
	.auctivaReviews table.pagedList td {
		padding: 2px;
		vertical-align: middle;
	}
	
	
	/* =Added to cart page */
	#auctivaProductsAccessoriesPage h2 { /* Text for other products you might consider */
		font-size: 15px;
	}
	
	
	/* =Basket page */
	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;
	}



	/* =Checkout page/process */
	.checkoutPageHeader {
		margin: 0 0 10px;
	}
	
	.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: 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 {
		background: #eee;
		margin: 0 0 20px;
		
		BORDER:#999 1PX solid;
	}
	
	.paymentMethodSummary .section .header {background:url(images/bg_category_header.gif)}
		.paymentMethodSummary .section h2 {
			margin: 0; color:#fff; padding-left:6px; padding:bottom:2px;
		}
		
		
		.onePageCheckoutCell .orderSummary {
			width: 100%;
			padding:3px;
		}
			.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;
			}
	
	.checkoutProgress {
		border:#1294b9 1px solid ;
		float: right;
		line-height: 1;
		padding: 0 4px 0 4px;
		margin:15px auto 0;
		background-color:#fff;
	}
		.checkoutProgress span {
			float:left;
			width:auto;
			
		}
		
		.checkoutProgress span.off {margin:1px; padding:2px;}
		.checkoutProgress span.off span {padding:3px 6px 2px; color:#696967; font-weight:bold;}
		.checkoutProgress .on {
			background:url(images/bg_progress.jpg) repeat-x scroll right center;
			height:25px;	
		}
		
		.checkoutProgress span.on span {color:#fff; padding:5px 9px 2px 6px; font-weight:bold;}
	
	.addGiftOptions {
		text-align: right;
		
	}
		.addGiftOptions .content {
			background:url(images/bnr_gift.gif) no-repeat 25px 0;
			background-position:10px 20px;
			margin: 5px 0 10px;
			padding-top:25px;
			width: 530px;
			float:right;
			height:95px;
			border:#999999 1px solid;
		}
		
	.addGiftOptions .buttons {clear:right;}
	
	
	/* =Address book */
	.addressBook .entries {
		padding: 0 40px;
	}
		.addressBook .entry {			
			border: 1px solid #1294b9;
			float: left;
			margin: 20px 45px;
			padding: 3px;
			width: 344px;
			min-height: 135px;
			height: auto;

			*height: 135px; /* IE doesn't support min-height, but expands block height to contain content, effectively acting like min-height */
		}
			.addressBook .entry .address {
				float: left;
				margin: 15px 0 0 15px;
			}
			.addressBook .entry .buttons {
				float: right;
			}
	
	
	/* =View order */
	.summarySection {
		margin: 10px;
	}
		.summarySection table {
			margin: 0 auto;
		}
	table.form td.expand {
		padding: 16px 10px 10px;
		width: 540px;
	}
	
	/* =Wishlist */
	#auctivaWishlist table,
	#auctivaWishlist table td {
		border-color: #bbb !important;
	}



/* Buttons */

/* Current thinking is that since it is impossible to get form elements styled identically across platforms, just leave the default appearance and not style a.button to look like a graphic since it won't be able to match the form or graphical buttons. Even if the graphical buttons were just pictures of text, font smoothing varies across browsers, so we would still get inconsistency. */

/*a.button,*/
/*input.button,*/
/*.LoginMessage a,
a.altoddButton {
	background: #ddd;
	border: 1px solid #999;
	color: #333 !important;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;*/ /* Tahoma displays bold better at small font size */
	/*font-size: 9px;
	font-weight: bold;
	line-height: 1;
	margin: 1px 0; *//* IE will cut the bottom of buttons off without this */
	/*padding: 4px;
	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 2 and lower */ 
		/*display: inline-block; 
	}*/
	/*input.button	{ 
		height: 20px;
	}*/
	


/* =Messages */
.validationSummary { /* Messages like "Please choose a color first." */
	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;
		}
		
		

/* =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 { 
	background-color: #fff; 
	border: 1px solid #000; 
	padding: 3px; 
	width: 600px; 
}	
	.modalPopupHeader,
	.pricePopupHeader {
		background: #ccc;
		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 */
	background: #fff; 
	border: 3px solid #444; 
	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; 
	border: 0; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	width: 100%; 
	z-index: 0; 
	opacity: 0.7; 
	filter: Alpha(opacity: 70); 
}
#ajaxProgress { /* Ajax progress indicator */
	background: url("../../App_Themes_Assets/images/ajax_processing.gif") no-repeat 50%;
	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,
table.itemList th,
table.pagedList th,
.iner_frame th {
	background: #1294b9;
	color: #f8f5e2;
}
	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;
		border-bottom: 1px solid #cbbce1 !important;
		color: #000;
	}
		#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-color: #898b7b !important;
	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; 
		}

	/* ==Alternating table row backgrounds */	
	.altodd,
	.odd,
	.oddRow {
		background-color: #e5e6e8; 
	}		
	.alteven,
	.even,
	.evenRow {
		background-color: #cfddfa; 
	}
	
	table .pagedList {background:#e5e6e8;}

.form .dataSheet .itemList td span {
	white-space: nowrap;
}

#container th.verticalText {
	background: #1294b9;
	color: #fff;
	font-size: 10px;
	padding: 2px 4px;
	text-align: center;
	vertical-align:	middle;
	width: 10px;
}

#auctivaMyProductReviews table.inputForm {
	margin: 0 0 14px;
	width: auto !important;
}



/* =Misc. helper styles */
html { /* Makes vertical scroll bar always present to prevent shifting on shorter pages and difference with IE */
	overflow-y: scroll;
}

.HiddenPanel {
	display: none;
}

a:active,
a:focus { /* Prevents dotty outline on click in Firefox */
	outline: 0; 
}

.clearfix { /* Clearing fix */
	overflow: auto;
	zoom: 1; /* For IE */
}

}