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

	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 #990000; padding: 3px; }
div.dbError span { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12pt; 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: none; margin: 15px 0 0 0; }
img.productImageThumb, img.productImageLarge { border: solid 1px #dfdfdf; }
select.productOption { border: solid 1px #dfdfdf; min-width: 125px; color: #4e0027; }
input.productOptionTextbox { border: solid 1px #dfdfdf; width: 75px; color: #4e0027; }

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

/* Page Selector Styles */
#pageSelectDiv { background: #be1d03; border: 1px solid #941500; padding: 1px; display: block; text-align: right; }
ul.pageSelector {margin: 0;	padding: 5px; list-style: none; }
ul.pageSelector li.header { background: #be1d03; display: inline; border: none; margin: 0 4px 0 4px; padding: 2px 5px 2px 5px; color: #fff; }
ul.pageSelector li { background: #be1d03; display: inline; border: 1px dotted #fff; margin: 0 4px 0 4px; padding: 2px 5px 2px 5px; }
ul.pageSelector li.active { background: #fff; color: #000; display: inline; border: 1px dotted #000; margin: 0 4px 0 4px; padding: 3px 5px 3px 5px; }
ul.pageSelector li:hover { border: 1px dotted #f6d9d4; background: #ca3e28; }
ul.pageSelector li.header:hover { border: none; background: #be1d03; }
ul.pageSelector li a:link, ul.pageSelector li a:active, ul.pageSelector li a:visited, ul.pageSelector li a:hover { text-decoration: none; color: #000; }
#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: #000; }
#pageSelectDiv ul li.active a:hover { color: #fff; text-decoration: none; }

div.ajaxCart { display: inline; }

/* Table Listing for the Shopping Cart */
table.listingTable { background: #dfdfdf; width: 100%; }
tr.listingHeaderRow { background: #cee4cd; }
td.listingHeaderColumn { font-weight: bold; font-color: #393939; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; padding: 4px; }
tr.listingStdRow { background: #fff; }
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-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; width: 50px; border: 1px solid #aaaaaa; }

/* Styling for Product Options */
table.product-options td { padding: 7px 0 7px 0; }
table.product-options td.product-options-header { width: 50px; color: #006600; }
span.cart-product-option { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; 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 { width: 230px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #017e33; font-weight: normal; margin: 2px; padding: 2px; border: 1px solid #aaaaaa; }
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; color: #ab4949; font-size: 12pt;  font-family: Georgia, "Times New Roman", Times, serif; padding: 5px; margin: 25px 5px 25px 5px; }
#noticeMsg, div.noticeMsg, div.successSave { background: #e8ffd0; vertical-align: middle; border: dotted 1px #4d8a2c; color: #6eab49; font-size: 12pt;  font-family: Georgia, "Times New Roman", Times, serif; padding: 5px; margin: 25px 5px 25px 5px; }
div.userExistsError { margin: 3px 0 0 0; padding-left: 28px; width: 498px; background: url(../images/error-cross.png) no-repeat #ffecec; }
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 #a0b5a0; display: block; height: 30px; }
#my-account-nav ul { margin: 0; padding: 0; }
#my-account-nav li { list-style: none; padding: 0; margin: 2px 5px 0 5px; border: 1px solid #a0b5a0; background: #a0b5a0; float: left; }
#my-account-nav li.selected { background: #deebde; }
#my-account-nav li:hover { background: #c8d8c8; }
#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; }
#my-account-nav li a:hover { color: #6f856f; 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: #494949; background: #deebde; }

td.orderPageColumns { vertical-align: top; }

/* Date Selector Styles */
.dpTable { position: absolute; top: 0; left: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; 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: 8pt;  }
.dpDayTD { background-color: #35632c; border: 1px solid #AAAAAA; color: #fff; padding: 3px; }
.dpDayHighlight { color: #fff; font-weight: bold; font-size: 8pt; } 
.dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #494949; background: #fff; font-weight: normal; padding: 0px; font-size: 8pt; }
.dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #494949; background: #fff; font-weight: normal; }