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

	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 #d70019; 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: 1px solid #f7cad3; }
img.productImage { border: solid 6px #fff; }
select.productOption { 
	padding: 5px;
	border: 1px solid #79c8d9;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7c4c18;
	width: 200px;
	margin: 0 0 5px 0;
}

input.productOptionTextbox { 
	padding: 5px;
	border: 1px solid #79c8d9;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7c4c18;
	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 { display: block; text-align: center; clear: both; }
ul.pageSelector { margin: 0; padding: 5px; list-style: none; }
ul.pageSelector li { display: inline; margin: 0 4px 0 4px !important; background: #fff; color: #7c4c18; }
ul.pageSelector li:hover { border: 1px dotted #79c8d9; }
ul.pageSelector li a:link, ul.pageSelector li a:active, ul.pageSelector li a:visited, ul.pageSelector li a:hover { text-decoration: none; color: #7c4c18 !important; }
#pageSelectDiv ul li a:link, #pageSelectDiv ul li a:active, #pageSelectDiv ul li a:visited { color: #000; padding: 2px 5px 2px 5px !important; }
#pageSelectDiv ul li a:hover { color: #000; text-decoration: none; }
#pageSelectDiv ul li.active a:link, #pageSelectDiv ul li.active a:active, #pageSelectDiv ul li.active a:visited { color: #d70019 !important; font-weight: bold; }
#pageSelectDiv ul li.active a:hover { color: #000; text-decoration: none; }

div.ajaxCart { display: inline; }

/* Table Listing for the Shopping Cart */
table.listingTable { background: #79c8d9; width: 100%; border: 1px solid #79c8d9; }
tr.listingHeaderRow { background: #d70019; }
td.listingHeaderColumn { font-weight: bold; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px; }
td.listingHeaderColumnSml { color: #fff !important; }
tr.listingStdRow { background: #fff; }
td.listingStdColumn { padding: 4px; color: #7c4c18; font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size: 9pt; }
td.listingStdColumnRight { padding: 4px; 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: #ee0000; }

/* Styling for Product Options */
table.product-options td { padding: 0; }
table.product-options td.product-options-header { width: 100px; color: #7c4c18; 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: #7c4c18; font-weight: bold; width: 120px; padding-top: 6px; vertical-align: top; }
input.loginBox { 
	padding: 5px;
	border: 1px solid #79c8d9;
	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 2px 5px 5px; margin: 25px 5px 25px 5px; text-align: center; }
#noticeMsg, div.noticeMsg, div.successSave { background: #ffe2e8; vertical-align: middle; color: #d70019; font-size: 9pt;  font-family: Arial, Helvetica, sans-serif; padding: 5px; margin: 25px 5px 25px 5px; border: 2px dashed #f7cad3 !important; }
div.userExistsError { margin: 3px 0 0 0; padding-left: 28px; width: 390px; 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 #7c4c18; display: block; height: 25px; margin: 20px 0 10px 0; }
#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 #7c4c18; background: #7c4c18; float: left; }
#my-account-nav li.selected { background: #d70019; }
#my-account-nav li:hover { background: #9c6931; }
#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: #fff; text-decoration: none; color: #fff; }
#my-account-nav li a:link.selected, #my-account-nav li a:active.selected, #my-account-nav li a:visited.selected { color: #000; background: #d1da66; 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 */

/* 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: 250px; margin: 15px; 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: 150px; }
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: 9pt; font-weight: normal !important; color: #f18897; 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: #e61e2d; }
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; }

input.productOptionQty, input.productOption, textarea.productOption { 
	padding: 5px;
	border: 1px solid #79c8d9;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7c4c18;
	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: #d70019; 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: #7c4c18; padding-left: 0; }
table.formTable td strong { color: #d70019 !important; }
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 #79c8d9;
	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: #7c4c18; 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: 10px; height: 95px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; }
div.cart-add span { margin: 0; padding: 0 0 10px 0; display: block; font-size: 9pt; font-weight: normal; color: #7c4c18 !important; }
div.cart-add p, div.cart-error p { font-size: 9pt !important; font-style: italic; font-weight: normal; margin: 0; padding: 0 0 5px 0; color: #7c4c18 !important; }
div.cart-add p a, div.cart-error p a { color: #79c8d9 !important; }

/* 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: #d70019; 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: Georgia, "Times New Roman", Times, serif; font-size: 19pt; color: #d70019; font-weight: normal; letter-spacing: -1px; margin: 0; padding: 0; font-style: italic; }
#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; border: 1px solid #ccc; }
#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; }

.order-details { margin-bottom: 0 !important; }
.order-details td { padding: 0 !important; margin: 0 !important; vertical-align: top !important; padding-bottom: 10px !important; }
.order-details td.formLeft { font-weight: bold; color: #79c8d9 !important; }
.order-details td span { margin: 0 !important; padding: 0 !important; }
.order-details td table.listingTable td { padding: 5px !important; }