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

	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 */
img.productImageNormal { border: solid 5px #ffe4f3; padding: 2px; margin: 0; }
img.productImageThumb { border: none; }
img.productImage { border: solid 6px #fff; }
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;
}

table.product-options { width: auto; margin: 0 0 20px 0; }
table.product-options td { vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; min-width: 45px; padding-bottom: 10px !important; }

/* Page Selector Styles */
#pageSelectDiv { padding: 1px 1px 1px 90px; display: block; text-align: left; position: absolute; top: 100px; right: 20px;}
ul.pageSelector {  margin: 0; padding: 5px; list-style: none; }
ul.pageSelector li.header { background: none; display: inline; border: none; margin: 0 4px 0 4px; padding: 2px 0px 2px 5px; color: #b81c87; font-weight: bold; }
ul.pageSelector li { border: 1px dotted #fff; display: inline; margin: 0 4px 0 4px !important; padding: 2px 5px 2px 5px !important; background: #fff; }
ul.pageSelector li.active { background: #fff1fb; color: #b81c87; display: inline; border: 1px dotted #ffc7ed; margin: 0 4px 0 4px; padding: 3px 5px 3px 5px; }
ul.pageSelector li:hover { background: #fff; border: 1px solid #aaa; }
ul.pageSelector li.header:hover { border: none; background: none; }
ul.pageSelector li a:link, ul.pageSelector li a:active, ul.pageSelector li a:visited, ul.pageSelector li a:hover { text-decoration: none; color: #b81c87 !important; font-weight: bold; }
#pageSelectDiv ul li a:link, #pageSelectDiv ul li a:active, #pageSelectDiv ul li a:visited { color: #000; }
#pageSelectDiv ul li a:hover { color: #b81c87; text-decoration: none; }
#pageSelectDiv ul li.active a:link, #pageSelectDiv ul li.active a:active, #pageSelectDiv ul li.active a:visited { color: #000; }
#pageSelectDiv ul li.active a:hover { color: #000; text-decoration: none; }

div.ajaxCart { display: inline; }

/* Table Listing for the Shopping Cart */
table.listingTable { background: #e5ccd7; width: 100%; border: 1px solid #e5ccd7; }
tr.listingHeaderRow { background: #ffeefa; }
td.listingHeaderColumn { font-weight: bold; font-color: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px; }
tr.listingStdRow { background: #fff; }
td.listingStdColumn { padding: 4px; font-color: #000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size: 9pt; }
td.listingStdColumnRight { padding: 4px; font-color: #000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right; font-size: 9pt; }
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 */
table.product-options td { padding: 0; }
table.product-options td.product-options-header { width: 175px; color: #000; padding-top: 6px;}
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: #ffecec; vertical-align: middle; border: dotted 1px #8a2c2c !important; color: #ab4949; font-size: 9pt;  font-family: Arial, Helvetica, sans-serif; padding: 5px; margin: 25px 5px 25px 5px; text-align: center; }
#noticeMsg, div.noticeMsg, div.successSave { background: #fff2fb; vertical-align: middle; color: #000; font-size: 9pt;  font-family: Arial, Helvetica, sans-serif; padding: 5px; margin: 25px 5px 25px 5px; border: 1px solid #acef70 !important; }
div.userExistsError { margin: 3px 0 0 0; padding-left: 28px; width: 498px; background: url(../images/error-cross.png) no-repeat #ffecec; text-align: left; }
div.successSave { background: url(../images/success-tick.png) no-repeat #e8ffd0; padding-left: 28px; }
div.failedSave { background: url(../images/error-cross.png) no-repeat #ffecec; padding-left: 28px; }

/* My Account Navigation */
#my-account-nav { border-bottom: 2px solid #b81c87; display: block; height: 28px; margin-bottom: 10px; }
#my-account-nav ul { margin: 0; padding: 0; }
#my-account-nav li { list-style: none; padding: 0; margin: 0 5px 0 0 !important; border: 1px solid #b81c87; background: #b81c87; float: left; }
#my-account-nav li.selected { background: #ffeefa; }
#my-account-nav li:hover { background: #d43ea5; }
#my-account-nav li a:link, #my-account-nav li a:active, #my-account-nav li a:visited { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; display: block; padding: 4px 5px 4px 5px; text-decoration: none; }
#my-account-nav li a:hover { color: #ffeefa; text-decoration: none; }
#my-account-nav li a:link.selected, #my-account-nav li a:active.selected, #my-account-nav li a:visited.selected { color: #000; background: #ffeefa; text-decoration: none; }

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; }

/* MiniCart Stlyes */
#minicart { width: 550px; height: 30px; margin: 0; padding: 0; font-size: 9pt; position: absolute; top: 35px; right: 70px; text-align: right; z-index: 9; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; }

#miniCartFooter { display: block; border-top: 1px dotted #660000; padding: 1px 0 0 0; margin: 1px 0 0 0; text-align: right; }
#miniCartTable a:link, #miniCartTable a:active, #miniCartTable a:visited, #miniCartFooter a:link, #miniCartFooter a:active, #miniCartFooter a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #d6696c; }
#miniCartTable a:hover, #miniCartFooter a:hover { color: #ff0000; }

/* 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.homepageList, div.categoryList, div.tileList { float: left; width: 150px; height: 200px; margin: 0 12px 14px 12px; padding: 0; text-align: center; position: relative; }
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; }
 
div.categoryList { height: 200px; }
div.homepageList { height: 620px; width: 350px; margin: 0px; padding: 5px; }
div.tileList a:link, div.tileList a:active, div.tileList a:visited, div.categoryList a:link, div.categoryListt a:active, div.categoryList a:visited, div.homepageList a:link, div.homepageList a:active, div.homepageList a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #b81c87; margin: 0; padding: 0; text-decoration: none; }
div.tileList a:hover, div.tileList:hover a, div.categoryList a:hover, div.categoryList:hover a, div.homepageList a:hover, div.homepageList:hover a { color: #d6696c; }
div.tileList img, div.categoryList img, div.homepageList img { border: none; }
div.tileList span, div.categoryList span, div.homepageList span { display: block; color: #8c8c8c; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-weight: normal; font-style: italic; padding: 0 0 10px 0; }
div.tileList td, div.categoryList td, div.homepageList td { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; }
div.tileList img.productImageThumb, div.categoryList img.productImageThumb, div.homepageList img.productImageThumb { border: none; }

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

input.productOptionQty {
	width: 75px; 
}
	

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; border: 1px dotted #aaaaaa; padding: 20px 0 20px 0; text-align: center; margin: 20px 0 0 0; }
#cart-empty p { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #b81c87; margin: 0 0 15px 0; padding: 0; display: block; }
#cart-empty img { border: none; }

/* 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 { border: 1px solid #b4c5b2; 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 { width: 100%; margin: 0 0 15px 0; }
table.formTable td { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; padding-left: 0; }
td.formLeft, td.formLeftBold, td.formLeftRequired { width: 165px; padding: 8px 5px 2px 5px; margin: 5px; vertical-align: top; }
td.formLeftBold { font-weight: bold; }
td.formLeftLarge { width: 650px; font-weight: bold; }
table.formTable td a img { border: none; }
input.inputTextbox, select.selectBox, textarea.textareaBox, select.selectBoxMini, input.inputTextboxMini { 
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 550px;
	margin: 0 0 5px 0;
}
input.inputTextboxMini, select.selectBoxMini { width: 120px; }
textarea.textareaBox { height: 75px; }
table.formTable td span { font-weight: normal; margin: 5px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #393939; 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.formLeftRequired { background: url(../images/bluecart-required-field.png) no-repeat right; }
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: 70px 15px 15px 15px; height: 65px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; background: url(../images/bluecart-added-to-cart.png) no-repeat #fff; border: 1px solid #aaa; }
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: 11pt !important; font-style: italic; font-weight: normal; }

/* 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; }

/* Breadcrumb Styles */
#breadcrumb { margin: 0 0 15px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; }
#breadcrumb a { color: #b91d87 !important; }
#breadcrumb a:hover { color: #381515 !important; }

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

#product-images-wrap { display: block; margin: 15px 0 15px 0; text-align: center; }
#product-images-wrap img { border: 3px solid #fff; margin: auto; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; }

#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;
}

div.relatedProdsList { margin-left: 8px; margin-right: 8px; }