/*****************************************************************

	blueCart E-Commerce - (c) 2007-2008 Bergan Blue, Australia
	THIS IS COMMERCIAL SOFTWARE. DO NOT COPY/USE/SELL.
	
	Filename			: bluecart.css (Stylesheet)
	File Version		: 1.00.00
	File Summary		: This CSS file provides both the backend and frontend of BlueCart with critical styles
						  that are used throughout the application's core components. These style/class names
						  should not be changed but the styling may if necessary.
	
	Developed by		: Jon Bergan <jbergan@berganblue.com.au>
	Creation Date		: 27 Sep 2007
	
	Modifications		: None
	
*****************************************************************/
	
/* Database Error Reporting Styles */
div.dbError { display: block; background: #f2e3e3; border: 1px solid #b81c87; padding: 3px; }
div.dbError span { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 9pt; color: #aa0000; font-weight: bold; display: block; border-bottom: 1px dotted #8d6d6d; margin: 0 0 10px 0; padding: 2px; }
div.dbError td strong { color: #440000; }

/* AJAX specific styles */
div.ajaxDivHide { display: none; visibility: hidden; }
div.ajaxDivShow { display: block; visibility: visible; }

/* Basic Styling Elements */
.noBorder { border: none; }
.alignCenter { text-align: center; }
.red { color: #ff0000; }
.orange { color: #FF6600; }
.purple { color: #660099; }
.green { color: #339933; }
.blue { color: #000099; }
.black { color: #000; }

/* Product Styles */
select.productOption { 
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 200px;
	margin: 0 0 5px 0;
}

input.productOptionTextbox { 
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 200px;
	margin: 0 0 5px 0;
}

div.ajaxCart { display: inline; }

/* Table Listing for the Shopping Cart */
.listingTable { width: 100%; }
.listingTable td { vertical-align: top; padding: 7px 0; border-bottom: 1px solid #e4e3e5; font-size: 12px; }
.listingHeaderColumn { border-bottom: 1px solid #666; color: #000; font-weight: normal; }
.listingStdColumn { color: #444; }
.listingStdColumnRight { text-align: right; color: #000; }

input.ajaxCartQty { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; width: 50px; border: 1px solid #aaaaaa; text-align: right; }
#product-was-price { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #aa0000; }

/* Styling for Product Options */
span.cart-product-option { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #696969; padding: 0 0 0 15px; }

/* Login Box */
table.loginTable { width: 380px; margin: auto; }
table.loginTable td { text-align: left; }
table.loginTable td.loginTableLeft { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; font-weight: bold; width: 120px; }
input.loginBox { 
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 230px;
	margin: 0 0 5px 0;
}

input.loginSubmit { background: #ad1702; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px; border: none; }
#errorMsg, div.errorMsg, div.userExistsError, div.failedSave { background: #ffe7e7; vertical-align: middle; border: 1px solid #f1cdcd; border-bottom: 2px solid #f1cdcd; color: #9e3e3e; font-size: 12px; text-shadow: 0 1px 0 #ffffff; font-family: Arial, Helvetica, sans-serif; padding: 10px; margin: 10px 0; text-align: center; }
#noticeMsg, div.noticeMsg, div.successSave { background: #ecfee5; vertical-align: middle; border: 1px solid #c8e8bb; border-bottom: 2px solid #c8e8bb; color: #88ae79; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 7px; margin: 25px 5px 25px 5px; text-align: center; }
#content #noticeMsg p { color: #88ae79 !important; }

div.successSave { background: url(../images/success-tick.png) no-repeat #e8ffd0; padding-left: 28px; color: #000; text-shadow: none; }
div.failedSave { background: url(../images/error-cross.png) no-repeat #ffecec; padding-left: 28px; }

td.orderPageColumns { vertical-align: top; }

/* Date Selector Styles */
.dpTable { position: absolute; top: 0; left: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; text-align: center; color: #494949; background-color: #fff; border: 1px solid #494949; }
.dpDayTR { background: #35632c; padding: 0; margin: 0; } 
.dpTitleTD { background: #35632c; color: #fff; }
.dpTD { border: 1px solid #fff; }
.dpDayHighlightTD { background-color: #35632c; border: 1px solid #AAAAAA; }
.dpTDHover { background-color: #f4dfdf; border: 1px solid #888888; cursor: pointer; color: #000; font-size: 9pt;  }
.dpDayTD { background-color: #35632c; border: 1px solid #AAAAAA; color: #fff; padding: 3px; }
.dpDayHighlight { color: #fff; font-weight: bold; font-size: 9pt; } 
.dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; background: #fff; font-weight: normal; padding: 0px; font-size: 9pt; }
.dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; background: #fff; font-weight: normal; }

/* Other Styles */
div.clear-both { clear: both; margin: 0; padding: 0; height: 0; }
div.align-center { text-align: center; }
div.align-right { text-align: right; }
form { padding: 0; margin: 0; }

/* Category/Product Listings */
div.tileList { float: left; width: 235px; margin-right: 15px; padding: 0 0 16px 0; text-align: center; position: relative; }
div.tileClear { clear: both; }
.tileList img { margin-bottom: 10px; }

div.item-overlay { position: absolute; top: 0; left: 0; z-index: 999; background: url(../images/bluecart-item-overlay.png) no-repeat; width: 150px; height: 150px; padding: 0; margin: 0; }
div.item-overlay:hover { cursor: pointer; }

input.productOption, textarea.productOption { padding: 7px; color: #cc0000; background: #000; border: 1px solid #e4e3e5; margin: 4px 0; width: 246px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }

input.productOption:focus, textarea.productOption:focus { color: #000; border: 1px solid #aa0000; }
	

input.productOption, textarea.productOption { width: 165px; }

/* Search Form Styles */
#search-box { margin: 20px 0 0 0; text-align: center; }

#search-box p { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; margin: 0 0 10px 0; padding: 0; }
#search-box span { display: block; }
input.search-field { padding: 1px; }
input.search-field, select.search-field { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #494949; background: #fff; border: 1px solid #afafaf; margin: 0 0 10px 0; }
input.search-submit { background: #ad1702; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px; border: none; margin: 0 0 10px 0;  }

/* Product Information */
table.product-information { width: 100%; }
table.product-information td { vertical-align: top; }
table.product-information h2 { border-bottom: 1px dotted #d67477; display: block; padding-bottom: 2px; margin-bottom: 2px; }
table.product-information span { display: block; color: #727272; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; font-style: italic; padding: 0 0 20px 0; }
table.product-information td.product-image { width: 330px; padding-right: 20px; }

/* Empty Cart Styles */
#cart-empty { display: block; padding: 20px 0 20px 0; text-align: center; }

/* Basic Form Elements */
input.form-field, select.form-field { border: 1px solid #b4c5b2; width: 480px; background: #e3ebe3; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
textarea.form-field { width: 480px; background: #e3ebe3; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
input.submit-button { padding: 2px 5px 2px 5px; color: #fff; background: #ad1702; border: none; }

/* Checkout Styles */
div.checkout-left { width: 400px; float: left; }
div.checkout-left div.information-box { margin-top: 0; }
div.checkout-right { width: 450px; float: right; text-align: right; margin: 0 0 0 30px; }
div.checkout-right img { margin: 0 0 0 15px; display: inline; }

/* Form Fields */
table.formTable td span { font-weight: normal; margin: 5px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #888; display: block; }
table.formTable td.formLeftLarge span { margin: 5px 0 15px 23px; }
table.formTable td span.with-margin { margin: 5px 0 0 25px; }
#shipping-address-details { display: none; visibility: hidden; }
input.inputField { width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #000; font-weight: normal; margin: 2px; padding: 2px; border: 1px solid #aaaaaa; }
input.inputSubmit { background: #ad1702; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px; border: none; margin: 8px 0 0 0; }

td.formLeftRequiredMap { background: url(../images/bluecart-required-field.png) no-repeat left; padding: 0 0 0 20px !important; font-weight: normal !important; }

/* Cart Addition Styles */
div.cart-add, div.cart-error { text-align: center; display: block; padding: 100px 0 30px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #929196; background: url(../images/bluecart-added-to-cart.png) no-repeat #fff; width: 430px; }
div.cart-error { background: url(../images/bluecart-added-to-cart-error.png) no-repeat #fff }
div.cart-add span { margin: 10px 0 0 0; display: block; font-size: 9pt; font-weight: normal; color: #494949; }
div.cart-add p, div.cart-error p { font-size: 12px; }

/* Order Table Styles */
table.formTable td span.red { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.formTable td span.orange { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.formTable td span.purple { color: #660099; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.formTable td span.green { color: #339933; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.formTable td span.blue { color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.formTable td span.black { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

/* Checkout Login Boxes */
div.checkout-login-box { background: #ffeefa; padding: 1px; float: left; margin: 0 15px 15px 0; }
#clb-sign-up { width: 340px; }
#clb-login { width: 450px; }
div.checkout-login-box span { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #391515; padding: 3px; }
div.checkout-login-box div.clb-box { margin: 0; padding: 5px; display: block; background: #fff; height: 220px; }

/* Coupon Code Entry Field */
div.coupon-code-entry { display: block; padding: 0 0 0 55px; background: url(../images/coupon-code-entry.gif) no-repeat; }
div.coupon-code-entry p { margin: 0; padding: 0; }

td.rightAlign { vertical-align: middle; align: right; }

#product-images-wrap { display: block; margin: 7px 0 14px 0; text-align: center; }
#product-images-wrap a img { border: none; }
#product-images-wrap a { margin: 0 2px 5px 2px; }
#product-images-wrap a:nth-child(4n) { margin: 0 0 5px 0; }

#tell-a-friend-wrap { position: absolute; top: 250px; left: 50%; margin: 0 0 0 -275px; z-index: 10001; text-align: left; }
#tell-a-friend { position: static; width: 510px; height: 410px; margin: 0; padding: 20px; background: url(../images/bluecart-tell-a-friend-window.png) no-repeat; z-index: 10000; }

#tell-a-friend h3 { font-family: Arial, Helvetica, sans-serif; font-size: 19pt; color: #68267e; font-weight: normal; letter-spacing: -1px; margin: 0; padding: 0; }
#tell-a-friend h4 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #391515; font-style: italic; font-weight: bold; margin: 0 0 2px 0; padding: 0 0 2px 0; display: block; border-bottom: 1px solid #dfdfdf; }
#tell-a-friend span { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #aa0000; font-weight: bold; }
#tell-a-friend span #product-was-price { color: #696969 !important; font-weight: normal !important; font-size: 9pt !important; }
#tell-a-friend #product-image { position: absolute; top: 100px; left: 30px; width: 150px; text-align: center; }
#tell-a-friend #product-content { position: absolute; top: 100px; left: 200px; width: 320px; text-align: left; }
#tell-a-friend p { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; padding: 0; margin: 10px 0 10px 0; }
#tell-a-friend #taf-form { margin: 25px 0 0 0; }
#tell-a-friend #taf-form p { font-size: 9pt !important; color: #999999 !important; }
#tell-a-friend label { display: block; margin: 15px 0 2px 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #292929; } 
#tell-a-friend input.taf-field { z-index: 11000; background: url(../images/bluecart-taf-form-background.png) repeat-x #fff; width: 300px; margin: 0; padding: 5px; color: #0088d9; border: 1px solid #afafaf; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }
#tell-a-friend input.taf-submit { border: 1px solid #95c4e0; margin: 0; padding: 8px; width: 60px; text-align: center; background: #d8e5ed; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; }
#tell-a-friend input.taf-submit:hover { background: #e2ebf1; color: #0088d9; } 
#close-link { position: absolute; top: 4px; right: 5px; height: 28px; width: 27px; background: url(../images/bluecart-close-window.png) no-repeat; padding: 0; margin: 0; z-index: 10001; }
#close-link:hover { cursor: pointer; }
#tell-a-friend-title { text-align: center; }

#tell-a-friend p, #tell-a-friend a { color: #000; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 19pt !important;
	padding: 0;
	margin: 0;
}

.sIFR-hasFlash h2 {
	font-size: 36pt;
	visibility: hidden;
	font-size: 36pt;
	letter-spacing: -9px;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 14pt !important;
	padding: 0 0 3px 0;
	margin: 0;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 14px;
	margin: 4px 0 10px 0;
	padding: 0px 0 3px 0;
	border-bottom: 1px solid #d2d2d2;
}