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

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

table td { color: #fff !important; }

/* Database Error Reporting Styles */
div.dbError { display: block; background: #f2e3e3; border: 1px solid #b81c87; padding: 3px; }
div.dbError span { font-family: Georgia, "Times New Roman", Times, 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: 10px solid #fff; }
img.productImageThumb { border: 10px solid #fff !important; }
img.productImage { border: 10px solid #fff; margin-right: 10px; }
select.productOption { 
	padding: 5px;
	border: 1px solid #e084b6;
	background: #4c4742;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #000;
	width: 200px;
	margin: 0 0 5px 0;
}

input.productOptionTextbox { 
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px #7a716b;
	color: #fff;
	background: #4c4742;
	padding: 6px;
	font-size: 9pt;
	width: 200px;
	margin: 0 0 5px 0;
}

table.product-options { width: auto; margin: 0; }
table.product-options td { vertical-align: top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; min-width: 45px; padding-bottom: 10px !important; }

/* Page Selector Styles */
#pageSelectDiv { background: #4c4742; padding: 1px; margin-bottom: 10px; display: block; text-align: right; }
ul.pageSelector {margin: 0;	padding: 5px; list-style: none; }
ul.pageSelector li.header { background: #4c4742; display: inline; border: none; margin: 0 4px 0 4px; padding: 2px 5px 2px 5px; color: #60583f; }
ul.pageSelector li { background: #393531; color: #fff !important; display: inline; border: 1px dotted #c8bdb9; margin: 0 4px 0 4px !important; padding: 2px 5px 2px 5px; }
ul.pageSelector li.active { background: #877d79; color: #fff; display: inline; border: 1px dotted #c8bdb9; margin: 0 4px 0 4px; padding: 3px 5px 3px 5px; }
ul.pageSelector li:hover { border: 1px dotted #c8bdb9; background: #4c4742; }
ul.pageSelector li.header:hover { border: none; background: #4c4742; }
ul.pageSelector li a:link, ul.pageSelector li a:active, ul.pageSelector li a:visited, ul.pageSelector li a:hover { text-decoration: none; color: #fff; }
#pageSelectDiv ul li a:link, #pageSelectDiv ul li a:active, #pageSelectDiv ul li a:visited { color: #fff; }
#pageSelectDiv ul li a:hover { color: #fff; text-decoration: none; }
#pageSelectDiv ul li.active a:link, #pageSelectDiv ul li.active a:active, #pageSelectDiv ul li.active a:visited { color: #fff; }
#pageSelectDiv ul li.active a:hover { color: #fff; text-decoration: none; }

div.ajaxCart { display: inline; }

/* Table Listing for the Shopping Cart */
table.listingTable { background: #b6af99; width: 100%; border: 1px solid #b6af99; }
tr.listingHeaderRow { background: #ffeefa; }
td.listingHeaderColumn { font-weight: bold; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; padding: 4px; }
tr.listingStdRow { background: #4c4742; }
td.listingStdColumn { padding: 4px; font-color: #000; font-family: Georgia, "Times New Roman", Times, serif; vertical-align: top; font-size: 9pt; }
td.listingStdColumnRight { padding: 4px; font-color: #000; font-family: Georgia, "Times New Roman", Times, serif; vertical-align: top; text-align: right; font-size: 9pt; }
input.ajaxCartQty { font-size: 9pt; width: 50px; text-align: right; 	font-family: Georgia, "Times New Roman", Times, serif; border: solid 1px #7a716b; color: #fff;  background: #4c4742; padding: 6px; }

/* Styling for Product Options */
table.product-options td { padding: 0; }
table.product-options td.product-options-header { width: 65px; color: #000; padding-top: 8px; padding-right: 5px; text-align: right; }
span.cart-product-option { display: block; font-family: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #000; font-weight: bold; width: 120px; }
input.loginBox { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	width: 230px;
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px #7a716b;
	color: #fff;
	background: #4c4742;
	padding: 6px;
}

input.loginSubmit { background: #ad1702; color: #fff; font-family: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, serif; padding: 5px; margin: 25px 5px 25px 5px; text-align: center; }
#noticeMsg, div.noticeMsg, div.successSave { background: #4c4742; vertical-align: middle; color: #000; font-size: 9pt;  font-family: Georgia, "Times New Roman", Times, 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 #d1c6c0; display: block; height: 28px; margin-bottom: 10px; }
#my-account-nav ul { margin: 0; padding: 0; }
#my-account-nav li { list-style: none !important; padding: 0; margin: 0 5px 0 0 !important; border: 1px solid #d1c6c0; background: #938a84; float: left; }
#my-account-nav li.selected { background: #938a84; }
#my-account-nav li:hover { background: #938a84; color: #fff !important; }
#my-account-nav li a:link, #my-account-nav li a:active, #my-account-nav li a:visited { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; display: block; padding: 4px 5px 4px 5px; text-decoration: none; }
#my-account-nav li a:hover { color: #fff; 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: #605855; background: #d1c6c0; text-decoration: none; }

td.orderPageColumns { vertical-align: top; }

/* Date Selector Styles */
.dpTable { position: absolute; top: 0; left: 0; font-family: Tahoma, Georgia, "Times New Roman", Times, 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, Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; background: #4c4742; font-weight: normal; padding: 0px; font-size: 9pt; }
.dpTodayButton { font-family: Verdana, Tahoma, Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; background: #4c4742; 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: 190px; height: 230px !important; margin: 0 20px 14px 20px; padding: 0; text-align: center !important; 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.productList { height: 350px !important; }
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: "trajan-pro-1", "Times New Roman", serif !important; font-size: 14px !important; text-transform: capitalize; font-weight: normal; color: #f3eeea !important; margin: 0; padding: 10px 0 0 0 !important; display: block; 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: #fff !important; }
div.tileList img, div.categoryList img, div.homepageList img { border: 10px solid #fff; }
div.tileList span, div.categoryList span, div.homepageList span { display: block; color: #ccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-weight: normal; font-style: italic; padding: 0 0 10px 0; }
div.tileList td, div.categoryList td, div.homepageList td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; }
div.tileList img.productImageThumb, div.categoryList img.productImageThumb, div.homepageList img.productImageThumb { border: none; }

div.tileList { height: 350px; }

input.productOptionQty, input.productOption, textarea.productOption { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #2b4065;
	width: 325px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px #7a716b;
	color: #fff;
	background: #4c4742;
	padding: 6px;
	display: block !important;
}

input.productOptionQty {
	width: 45px; 
}
	

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

/* Search Form Styles */
#search-box { margin: 37px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #bbb49f; text-align: center; display: block; }

#search-box p { font-family: Georgia, "Times New Roman", Times, 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-size: 9pt; font-weight: normal; margin: 0 0 10px 0; 	font-family: Georgia, "Times New Roman", Times, serif; border: solid 1px #7a716b; color: #fff; background: #4c4742; padding: 6px; } 
input.search-submit { background: #ad1702; color: #fff; font-family: Georgia, "Times New Roman", Times, 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: "trajan-pro-1", "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 14pt;
	color: #e3d7d2;
	font-weight: bold;
	margin: 20px 0 20px 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: Georgia, "Times New Roman", Times, serif; font-size: 9pt; }
textarea.form-field { border: 1px solid #b4c5b2; width: 480px; background: #e3ebe3; height: 150px; font-family: Georgia, "Times New Roman", Times, 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: 550px; 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: Georgia, "Times New Roman", Times, 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; color: #fff !important; }
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 { 
	font-size: 9pt;
	width: 500px;
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px #7a716b;
	color: #fff;
	background: #4c4742;
	padding: 6px;
}
input.inputTextboxMini, select.selectBoxMini { width: 120px; }
textarea.textareaBox { height: 75px; }
table.formTable td span { font-weight: normal; margin: 5px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #d3cac5; 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: 15px; height: 105px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; background: #4c4742; border: 1px solid #b6af99; }
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: 9pt !important; font-weight: normal; }

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

/* Checkout Login Boxes */
div.checkout-login-box { padding: 1px; margin: 0 15px 15px 0; display: block; text-align: center; }
div.checkout-login-box span { margin: 0; padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #391515; padding: 3px; }

/* 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: Georgia, "Times New Roman", Times, serif; font-size: 8pt !important; color: #000; }
#breadcrumb a { color: #3d547d !important; font-size: 8pt !important; text-decoration: none !important; }
#breadcrumb a:hover { color: #000 !important; text-decoration: underline !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: Georgia, "Times New Roman", Times, serif; font-size: 19pt; color: #68267e; font-weight: normal; letter-spacing: -1px; margin: 0; padding: 0; }
#tell-a-friend h4 { font-family: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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: Georgia, "Times New Roman", Times, 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;
}

.product-options { margin: auto !important; }

#product-was-price { padding-top: 8px !important; font-size: 14px !important; color: #f9e9e9 !important; }
