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

	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 {  }
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: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; min-width: 45px; }

/* Page Selector Styles */
#pageSelectDiv { background: #000; border: 1px solid #494949; padding: 1px; display: block; text-align: right; }
ul.pageSelector {margin: 0;	padding: 5px; list-style: none; }
ul.pageSelector li.header { background: #000; display: inline; border: none; margin: 0 4px 0 4px; padding: 2px 5px 2px 5px; color: #fff; }
ul.pageSelector li { background: #000; 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: #494949; }
ul.pageSelector li.header:hover { border: none; background: #000; }
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: #dfdfdf; }
td.listingHeaderColumn { font-weight: bold; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px; }
tr.listingStdRow { background: #fff; }
td.listingStdColumn { padding: 4px; 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; color: #000; }
input.ajaxCartQty { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; width: 50px; border: 1px solid #494949; color: #ff0000; background: #fff; text-align: right; } 
table.listingTable a { color: #aa0000; text-decoration: none; }
table.listingTable a:hover { color: #ff0000; text-decoration: underline; }

/* Styling for Product Options */
table.product-options td { padding: 7px 0 7px 0; }
table.product-options td.product-options-header { width: 50px; color: #000; }
span.cart-product-option { display: block; font-family: Arial, Helvetica, sans-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: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; font-weight: bold; width: 120px; }
input.loginBox { width: 230px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #aa0000; font-weight: normal; margin: 2px; padding: 2px; border: 1px solid #494949; background: #fff; }
input.loginSubmit { background: #575757; 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; color: #ab4949; font-size: 12pt;  font-family: Arial, Helvetica, sans-serif; padding: 5px; margin: 25px 5px 25px 5px; }
#noticeMsg, div.noticeMsg, div.successSave { background: #dfe9f2; vertical-align: middle; border: dotted 1px #5a9ed7; color: #3b566d !important; font-size: 12pt;  font-family: Arial, Helvetica, sans-serif !important; font-style: italic; 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 #494949; display: block; height: 26px; }
#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 #494949; background: #000; float: left; }
#my-account-nav li.selected { background: #494949; }
#my-account-nav li:hover { background: #292929; }
#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; }
#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: #fff; background: #494949; }

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

/* Category/Product Listings */
div.homepageList, div.categoryList, div.tileList { float: left; width: 200px; min-height: 166px; margin: 12px; padding: 14px; text-align: center; height: 220px; border: 1px solid #dfdfdf; }
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: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #ff4020; 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: #ff7861; 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: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; padding: 0 0 10px 0; }
div.tileList td, div.categoryList td, div.homepageList td { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #494949; }
div.tileList img.productImageThumb, div.homepageList img.productImageThumb {  }

input.productOptionQty, select.productOption, input.productOption, textarea.productOption { border: 1px solid #494949; color: #ff0000; width: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; background: #fff; padding: 1px; }
input.productOption, textarea.productOption { width: 165px; }
select.productOption { width: 200px; }

/* Search Box */
#search-box { border-top: 1px solod #aaa; padding: 10px; margin: 10px 0 10px 0; }
#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 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; font-weight: normal; color: #d60000; background: #fff; border: 1px solid #8db19b; margin: 0 0 10px 0; }
input.search-submit { background: #575757; color: #efe4e4; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; padding: 5px; border: none;  }

/* Product Information */
p span { display: block; color: #1585e4; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; font-weight: bold; padding: 0 0 20px 0; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #aa0000; font-style: italic; margin: 0; padding: 0; } 
table.product-options { margin: auto; }

/* Form Fields */

table.formTable { width: 100%; }
table.formTable td { font-family: Arial, Helvetica, sans-serif: 9pt; color: #000; }
td.formLeft, td.formLeftBold, td.formLeftRequired { width: 165px; border-right: 3px solid #dfdfdf; 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: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; padding: 1px; width: 440px; border: 1px solid #494949; background: #d9e0ec; }
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: #898989; 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; }

td.formLeftRequired { background: url(../images/bluecart-required-field.gif) no-repeat right; }
td.formLeftRequiredMap { background: url(../images/bluecart-required-field.gif) no-repeat left; padding: 0 0 0 20px; }

/* Cart Addition Styles */
div.cart-add, div.cart-error { text-align: center; width: 250px; float: right; margin: 15px 15px 15px 0; padding: 15px 10px 0 10px; height: 130px; font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; font-style: italic; font-size: 12pt !important; color: #d60000 !important; background: url(../images/background-add-to-cart.png) no-repeat top right #fff; border: 1px solid #aaaaaa; }
div.cart-error { color: #aa0000; border: 2px solid #b86161; }
div.cart-add span { margin: 10px 0 0 0; display: block; font-family: Arial, Helvetica, sans-serif  !important;font-size: 9pt !important; font-weight: normal !important; color: #000 !important; }
div.cart-add span a { font-family: Arial, Helvetica, sans-serif !important; font-size: 9pt; color: #aa0000; }
div.cart-add span a:hover { color: #000; }

/* 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: url(/bluecart/templates/images/product-title-background.png) repeat-x #a4c9e9; padding: 2px; float: left; margin: 0 12px 15px 0; }
#clb-sign-up { width: 335px; }
#clb-login { width: 400px; }
div.checkout-login-box span { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #3b566d; padding: 3px; font-style: italic;}
div.checkout-login-box div.clb-box { margin: 0; padding: 5px; display: block; background: #fff; border: 1px solid #494949; height: 250px; }

/* Coupon Code Entry Field */
div.coupon-code-entry { display: block; padding: 0; background: url(../images/coupon-code-entry.gif) no-repeat; }
div.coupon-code-entry p { margin: 0; padding: 0; }


input.inputField { width: 300px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #fff; font-weight: normal; margin: 2px; padding: 2px; border: 1px solid #494949; background: #000; }
input.inputSubmit { background: #575757; color: #efe4e4; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; padding: 5px; border: none; margin: 8px 0 0 0; }

img.productImageThumb { border: 1px solid #aaaaaa; }

#breadcrumb a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #aa0000; }
#breadcrumb { color: #797979; margin: 0 0 15px 0; }
#breadcrumb a:hover { color: #ff0000; } 

#myMiniCart { background: url(/bluecart/templates/images/my-shopping-cart.png) no-repeat; padding: 7px 0 0 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-weight: normal; color: #ff4626; height: 24px; }

div.price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #1585e4; }

div.cat-thumb a img { border: none; }

#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: Arial, Helvetica, sans-serif; font-size: 18pt; color: #aa0000; font-weight: normal; letter-spacing:
-1px; margin: 0; padding: 0; }
#tell-a-friend h4 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #770000; 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: 8pt; color: #aa0000; font-weight: bold; }
#tell-a-friend span #product-was-price { color: #696969 !important; font-weight: normal !important; font-size: 8pt !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: 8pt; 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: Arial, Helvetica, sans-serif; font-size: 8pt; 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: 8pt; 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: 8pt; 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; }