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

	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: solid 10px #fff; margin: 0; }
img.productImageThumb { border: solid 3px #fff; }
img.productImage { border: solid 6px #fff; }
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 { border-top: 2px solid #a386a7; padding: 1px; display: block; text-align: center; }
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: #644568; font-weight: bold; }
ul.pageSelector li { border: 1px solid #8e6c92; display: inline; margin: 0 4px 0 4px; padding: 2px 5px 2px 5px; background: #c5a8c9; }
ul.pageSelector li.active { background: #f2d8ea; color: #644568; display: inline; border: 1px solid #ae80b4; border-bottom: 3px solid #ae80b4; margin: 0 4px 0 4px; padding: 3px 5px 3px 5px; }
ul.pageSelector li:hover { background: #dccade; border: 1px solid #644568; border-bottom: 3px solid #644568; }
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: #644568; }
#pageSelectDiv ul li a:link, #pageSelectDiv ul li a:active, #pageSelectDiv ul li a:visited { color: #000; }
#pageSelectDiv ul li a:hover { color: #644568; 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%; }
tr.listingHeaderRow { background: #f0d8e3; }
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; text-align: right; }
#product-was-price { display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #dfdfdf; }

/* Styling for Product Options */
table.product-options td { padding: 0; }
table.product-options td.product-options-header { width: 110px; color: #f0d8e3; padding-top: 3px;}
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: #72455e; 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: #d3b4d7; vertical-align: middle; border: dotted 1px #9c77a1; color: #604364; 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 #907594; display: block; height: 27px; }
#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 #907594; background: #907594; float: left; }
#my-account-nav li.selected { background: #eee1f0; }
#my-account-nav li:hover { background: #a085a4; }
#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: #eee1f0; 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: #eee1f0; 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: 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; }

/* 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: 8pt; color: #006600; }
#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: 185px; margin: 14px; padding: 14px; text-align: center; height: 290px; }
div.categoryList { height: 180px; }
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: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-weight: normal; color: #990000; margin: 5px 0 5px 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: #006600; text-decoration: underline; }
div.tileList img, div.categoryList img, div.homepageList img { border: none; }
div.tileList span, div.categoryList span, div.homepageList span { display: block; color: #ffe0f2; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-weight: bold; padding: 0 0 10px 0; }
div.tileList td, div.categoryList td, div.homepageList td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; color: #494949; }
div.tileList img.productImageThumb, div.categoryList img.productImageThumb, div.homepageList img.productImageThumb { border: 3px solid #fff; }

input.productOptionQty, input.productOption, textarea.productOption { border: 1px solid #907594; border-bottom: 2px solid #907594; color: #494949; width: 60px; padding: 2px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; }
input.productOption, textarea.productOption { width: 165px; }
select.productOption { border: 1px solid #819478; color: #440000; width: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; }

/* Search Form Styles */
#search-box { margin: 20px 0 0 0; text-align: center; }
#search-box h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #6f856f; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#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, select.search-field { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-weight: normal; color: #494949; background: #fff; border: 1px solid #8db19b; margin: 0 0 10px 0; }
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 span { display: block; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; font-weight: bold; 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: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #005500; 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: 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: 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%; }
table.formTable td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #000; }
td.formLeft, td.formLeftBold, td.formLeftRequired { width: 165px; border-right: 3px solid #907594; padding: 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 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #000; padding: 1px; width: 530px; border: 1px solid #907594; border-bottom: 2px solid #907594; }
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: 8pt; 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: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #72455e; 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; }

/* Cart Addition Styles */
div.cart-add, div.cart-error { text-align: center; display: block; padding: 15px 0 0 0; height: 140px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #494949; background: #efddf1; border: 1px solid #7d6581; border-bottom: 3px solid #7d6581; }
div.cart-error { color: #aa0000; border: 2px solid #b86161; }
div.cart-add span { margin: 10px 0 0 0; display: block; font-size: 9pt; font-weight: normal; color: #494949; }

/* 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 { background: #f0d8e3; padding: 1px; float: left; margin: 0 15px 15px 0; }
#clb-sign-up { width: 265px; }
#clb-login { width: 440px; }
div.checkout-login-box span { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #6c4272; 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: 8pt; color: #000; }
#breadcrumb a { color: #e9d8eb !important; padding: 1px 2px 1px 2px; }
#breadcrumb a:hover { color: #fff !important; background: #8c7391; text-decoration: none; }

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: 100px; 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: 10; }

#tell-a-friend h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; 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: 12pt; color: #6c4272; 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: 12pt; 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: 8pt !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: 12pt; 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; }