/* 

products CSS document
products.css
client: Bead Paradise
author: Atlantic BT - www.atlanticbt.com
date: 10-12-07

products/shopping css

*/

body.popup { padding: 20px; background: #e2c17c; }

/*======================================
	=Product Lists
======================================*/

		#view-form p { text-align: center; }
		#view-form label { color: #b24a2e; font-weight: bold; }
		#view-form select { width: 50px; }
		
		#products-list ol, #products-list ol li { float: left; display: inline;
													margin: 0; padding: 0; list-style: none; }
		#products-list ol { margin: 0 0 1em; padding-top: 1px; width: 479px; border-top: 1px solid #91704d; }
			
			#products-list ol li { width: 219px; margin: 20px 20px 20px 0; font-size: 85%; }
			#products-list ol li.ie-clear-issue {
				clear: both;
				float: none; display: block;
				margin: 1px 0;
				width: 479px; height: 1px;
				font-size: 1%;
				border-top: 1px solid #91704d;
			}
			
				#products-list ol li a.product-thumb { float: left; display: inline; margin-right: 10px;
														border: 1px solid #502b0a; }
						#products-list ol li a.product-thumb img { width: 100px; }
														
				/*#products-list ol li h3 { margin: 0 0 .15em 110px; font-size: 140%; }*/
				#products-list ol li h3 { float: left; display: inline; margin: 0 0 .25em 0; width: 219px; 
											font-size: 140%; }
					#products-list ol li h3 a { color: #672e11; text-decoration: none; }
				#products-list ol li div,
				#products-list ol li p { margin: .15em 0 1em 110px; }
				#products-list ol li div p { margin: .5em 0; }
				#products-list ol li p.price { color: #b24a2e; font-weight: bold; font-size: 115%; }

/*======================================
	=Product Details
======================================*/

		/* breadcrumbs */
		#content #breadcrumbs, #breadcrumbs ol,
		#breadcrumbs ol li { display: inline; margin: 0; padding: 0; background: none; }
		
		#content #breadcrumbs { display: block; margin: -2em 0 1em; line-height: 1em; font-size: 85%; }
		#breadcrumbs ol li { margin-left: 6px; padding-left: 12px;
							background: url(/templates/beadparadise.vtemplate/images/icons/i_raquo.gif) no-repeat 0 .4em; }
			#breadcrumbs ol li#crumb-home { margin: 0; padding: 0; background: none; }
			#breadcrumbs ol li a { color: #502b0a; text-decoration: none; }
			#breadcrumbs ol li a:hover { text-decoration: underline; }
			
			
		/* details */
		#product-detail, #product-display, #product-info { /*float: left;*/ /*display: inline; width: 479px;*/ }
		
			#product-detail #product-display { margin-right: 20px; width: 206px; }
			#product-detail #product-info { width: 253px; font-size: 85%; }
			
			#product-display p.product-image { margin-top: 0; border: 1px solid #502b0a; }
				#product-display p.product-image img { width: 204px; }
			#product-info h2.product-title { margin: 0 0 .5em; font-size: 190%; }
			#product-info .description { margin-top: 0; margin-bottom: 2em; }
			#product-info dt#price { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
			#product-info dd.price { margin-left: 0; color: #b24a2e; font-weight: bold; font-size: 115%; }
			#product-info dt { clear: both; margin-right: 10px; color: #b24a2e; font-weight: bold; }
			#product-info dt, #product-info dd { display: inline; }
			#product-info select { width: 50px; }
			
			#product-info label { font-weight: bold; }
			#product-info textarea { width: 230px; height: 70px; }
			
			#product-info p.notes-field label { display: block; margin-bottom: .5em; font-weight: normal; }
				#product-info p.notes-field label strong { display: block; }
			
			ul#cart-buttons, ul#cart-buttons li,
			ul#cart-buttons li a,
			ul#side-buttons, ul#side-buttons li,
			ul#side-buttons li a { float: left; display: inline; margin: 0; padding: 0; background: none;
									width: 206px; }
				ul#side-buttons { margin-bottom: 1em; }
				#cart-buttons-wrap ul#cart-buttons { width: 479px; }
				#cart-buttons-wrap ul#cart-buttons li { float: right; }
			
			ul#side-buttons li { margin: .5em 0 .5em 10px; }
			ul#cart-buttons li { margin: .5em 0 .5em 25px; }
				#cart-buttons-wrap ul#cart-buttons li { margin-left: 10px; }
				ul#cart-buttons li#b-add-cart { margin-left: 50px; }
			
			ul#side-buttons li,
			ul#side-buttons li a,
			ul#cart-buttons li,
			ul#cart-buttons li a { width: 153px; height: 27px; text-indent: -9000em;
									background: url(/templates/beadparadise.vtemplate/images/b_continue-shopping.gif) no-repeat 0 0; }
			
			ul#cart-buttons li#b-add-cart,
			ul#cart-buttons li#b-add-cart a { width: 102px;
									background: url(/templates/beadparadise.vtemplate/images/b_add-to-cart.gif) no-repeat 0 0; }
									
			ul#cart-buttons li#b-update,
			ul#cart-buttons li#b-update a { width: 102px;
									background: url(/templates/beadparadise.vtemplate/images/b_update.gif) no-repeat 0 0; }
			ul#side-buttons li#bs-checkout,
			ul#side-buttons li#bs-checkout a,
			ul#cart-buttons li#b-checkout,
			ul#cart-buttons li#b-checkout a { background: url(/templates/beadparadise.vtemplate/images/b_checkout.gif) no-repeat 0 0; }
			
			ul#cart-buttons li#b-shipping,
			ul#cart-buttons li#b-shipping a { background: url(/templates/beadparadise.vtemplate/images/b_shipping.gif) no-repeat 0 0; }
									
				#main-area ul#side-buttons li a:hover,
				#product-display ul#cart-buttons li a:hover,
				#cart-buttons-wrap ul#cart-buttons li a:hover { background-position: 0 -27px; }
				
				
				
/*======================================
	=Cart / Account Info
======================================*/

#totals-display, #cart-totals { float: left; display: inline; width: 479px; }
	#cart-totals { text-align: right; }
	#totals-display dl, #totals-display dt, #totals-display dd,
	#cart-totals dl, #cart-totals dt, #cart-totals dd { display: inline; }
	#cart-totals dd { font-weight: bold; }

#cart-contents, #cart-history, #available-ship-methods  { float: left; display: inline; width: 475px; border: 2px solid #7f6a4f; }
#cart-contents tr, #cart-history tr, #available-ship-methods tr { clear: both; width: 475px; background-color: #e3d6b9; }
#cart-contents tr.alt, #cart-history tr.alt { background-color: #d4bf92; }
#cart-contents th, #cart-contents td,
#cart-history th, #cart-history td,
#available-ship-methods th, #available-ship-methods td { padding: 4px; vertical-align: top; }
#cart-contents div { margin: 0; }

#cart-contents th, #cart-history th,
#available-ship-methods th { background-color: #654e32; color: #fff; text-transform: uppercase;
					font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 90%; }

#cart-contents td.th-delete { text-align: right; }
#cart-contents td.th-price { font-weight: bold; }

#cart-contents th#th-qty { }
#cart-contents th#th-unit-price { }
#cart-contents th#th-price { }
#cart-contents th#th-update,
#cart-contents th#th-delete { width: 50px; }
#cart-contents th#th-item { width: 200px; }
	#cart-display #cart-contents th#th-item,
	#order-history #cart-contents th#th-item,
	#available-ship-methods th#th-methods { width: 100%; }
	#previous-orders #cart-contents th#th-ship { width: 200px; }
	
#cart-history th#th-comments { width: 250px; }
#cart-history th#th-status { width: 150px; }

#cart-contents .thumbnail { float: left; display: inline; width: 50px; border: 2px solid#92815d; margin-right: 8px; }
	#cart-contents .thumbnail img { width: 50px; }
#cart-contents .product-title { font-weight: bold; }
	#cart-contents .th-item a { color: #aa6a1c; text-decoration: none; }

#cart-contents input.button { border: 0; padding: 0; background: none; }

#cart-details .error { clear: both; }

#previous-orders,
#status-history { clear: both; float: left; display: inline; width: 100%; }

#book-entries .note { float: none; }


#ship-options {
	clear: both;
	float: left; display: inline;
	margin: 1em 0;
	width: 100%;
}

#available-ship-methods { /* rest defined above with table */ margin-bottom: 3em; }

.close-link { clear: both; }

body.popup #main-area { margin: 0; padding: 0; background: none; width: 479px; }
body.popup #content { margin: 0; padding-top: 20px; float: left; }




/*======================================
	=Login and Checkout Process
======================================*/

fieldset { clear: both; float: left; display: inline; margin: .5em 0; width: 100%; }
fieldset h2, #shipping-method h2, #shipping-info h2, #bill-to h2,
#ship-to h2, #order-comments h2, #cart-display h2,
#delivery-address h3, #billing-address h3 { font-size: 130%; color: #982013; }
fieldset legend { font-weight: bold; font-size: 110%; }

#main-area fieldset p { clear: both; float: left; display: inline; margin: .25em 0; width: 100%; }
	fieldset p label { float: left; display: inline; width: 120px; }
	fieldset p.check label, fieldset p.radio label { float: none; width: auto; margin-right: 20px; }
	
	#main-area fieldset#shipping-selections p { clear: none; width: auto; }
	#main-area fieldset#shipping-selections div.info { float: left; display: inline; margin: .25em 20px .25em 0; }
	
#main-area p.buttons { margin-right: 60px; text-align: right; }
	#main-area p.buttons input { border: 0; padding: 0; background: none; }

#cart-display { clear: both; float: left; display: inline; width: 100%; }
#returning-customer, #cart-display,
.order-history { padding-bottom: 1em; border-bottom: 1px solid #502b0a; }
#ship-to, #order-comments, #cart-display { padding-top: 1em; border-top: 1px solid #502b0a; }

#main-area #notifications { clear: both; float: left; display: inline; margin-bottom: 2em; width: 100%; }



/*======================================
	=Search
======================================*/

fieldset#search-fields p#keywords label { float: none; }




.messageStackError { color: #c00; }
legend { color: #502b0a; }