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

	blueCart E-Commerce - (c) 2007-2008 Bergan Blue, Australia
	THIS IS COMMERCIAL SOFTWARE. DO NOT COPY/USE/SELL.
	
	Filename			: site.css (Stylesheet)
	File Version		: 1.00.00
	File Summary		: This CSS file is for site specific styles. In other words, all styles in this file
						  do not directly relate to BlueCart. They relate to the styling of the site itself and
						  its layout. For all BlueCart related styles, see bluecart.css.
	
	Developed by		: Jon Bergan <jbergan@berganblue.com.au>
	Creation Date		: 27 Sep 2007
	
	Modifications		: None
	
*****************************************************************/

body { background: url(../images/background-primary.png) repeat-x #fff; text-align: center; margin: 15px 0 0 0; padding: 0; }

#wrap { margin: auto; width: 950px; padding: 0; text-align: left; height: 100%; }

#page-left { float: left; width: 202px; padding: 200px 0 0 0; margin: 0; position: relative; }
#page-left img.logo { position: absolute; top: 0; left: -39px; border: none; }

#page-right { float: right; width: 730px; padding: 15px 0 0 0; margin: 0; text-align: center; position: relative; }

#navigation-header { margin: 23px 0 0 0; text-align: left; width: 730px; height: 120px; position: relative; }
#navigation-header-left { position: absolute; top: 0; left: 0; width: 260px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #494949; }
#navigation-header-right { position: absolute; top: 0; right: 0; width: 430px; text-align: right; }
#navigation-header-left span { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #017e33; background: url(../images/background-phone.png) no-repeat; padding: 0 0 0 17px; }
#navigation-header-right ul { margin: 0; padding: 0; }
#navigation-header-right li { float: right; margin: 0 0 0 15px; list-style: none; }
#navigation-header-right a { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #017e33;  font-weight: bold; display: block; text-decoration: none; }
#navigation-header-right a:hover { color: #990000; border-bottom: 1px dotted #017e33; }

#navigation-primary { position: absolute; top: 105px; left: 0; width: 730px; height: 84px; background: url(../images/background-navigation.png) no-repeat; margin: 0; padding: 0; }
#navigation-primary-left { float: left; width: 350px; height: 18px; margin: 53px 0 0 10px; padding: 0; text-align: left; }
#navigation-primary-right { float: right; width: 330px; height: 22px; text-align: right; margin: 49px 10px 0 0; }

input.top-search-field { width: 133px; height: 21px; vertical-align: top; background: #fff; border: none;font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #afafaf; padding: 5px 5px 0 8px; margin: 0; }
input.top-search-submit { width: 27px; height: 26px; padding: 0; margin: 0; }

#footer-wrap { clear: both; background: url(../images/background-footer.png) repeat-x #005f26; width: 100%; text-align: center; }
#footer { margin: auto; width: 950px; padding: 15px 0 0 0; }
#footer span { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: italic; color: #fff; margin: 0 0 10px 0; }
#footer div.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffd569; font-weight: bold; display: block; margin: 10px 0 10px 0; }
#footer div.copyright a { color: #ffd569; text-decoration: none; }
#footer div.copyright a:hover { color: #fff; }

#footer-links { margin: 10px 0 10px 0; }
#footer-links p { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #fff; margin: 0; padding: 0; }
#footer-links p a { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #fff; text-decoration: none; }
#footer-links p a:hover { text-decoration: underline; color: #e6ffc8; }
#footer img { margin: 0 0 20px 0; }

#minicart { width: 192px; height: 88px; background: url(../images/background-minicart.png) no-repeat; margin: 10px 0 10px 0; padding: 30px 5px 5px 5px; font-size: 8pt; }

div.sidebar-item { width: 142px; height: 65px; border-bottom: 1px solid #d5d5d5; margin: 10px 0 10px 0; padding: 5px 0 5px 0; padding: 35px 60px 0 0; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #494949; }

div.sidebar-item a { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #880000; }
div.sidebar-item a:hover { color: #ff0000; }

#sidebar-item-1 { background: url(../images/sidebar-reminder-service.png) no-repeat; }
#sidebar-item-2 { background: url(../images/sidebar-floral-club.png) no-repeat; }
#sidebar-item-3 { background: url(../images/sidebar-newsletters.png) no-repeat; }
#sidebar-item-4 { background: url(../images/sidebar-wallpapers.png) no-repeat; }
#sidebar-item-5 { background: url(../images/sidebar-corporate-accounts.png) no-repeat; }

div.sidebar-nav { display: block; background: url(../images/background-rose.png) no-repeat; border-bottom: 1px solid #d5d5d5; height: 20px; padding: 10px 0 5px 27px; margin: 0 0 5px 0; }
div.sidebar-nav a { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #017e33;  font-weight: bold; text-decoration: none; }
div.sidebar-nav a:hover { color: #990000; text-decoration: underline; }

#content-area { width: 730px; padding: 0; margin: 5px 0 10px 0; text-align: left; }
#content-area h1 { display: block; border-bottom: 1px solid #d5d5d5; margin: 0 0 10px 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #bb0000; font-weight: normal; }
#content-area p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 20px; color: #494949; }
#content-area h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #bb0000; font-weight: bold; }
#content-area h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #708170; background: #dce6dc; border-bottom: 1px solid #a0b5a0; padding: 3px; display: block; margin: 20px 0 3px 0; }

#content-area a:link, #content-area a:visited, #content-area a:active { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #017e33; font-weight: normal; text-decoration: none; }
#content-area a:hover { color: #990000; text-decoration: underline; }
#content-area ul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 20px; color: #494949; }

#homepage-header { padding: 0; margin: 0; text-align: center; width: 475px; float: left; }
#homepage-newsletter-form { width: 233px; height: 155px; margin: 0; padding: 53px 0 0 0; float: right; background: url(../images/background-newsletter.png) no-repeat; text-align: center; position: relative; }
#newsletter-form-small { width: 202px; height: 141px; margin: 15px 0 5px 0; padding: 48px 0 0 0; background: url(../images/background-newsletter-small.png) no-repeat; text-align: center; }
#homepage-newsletter-notice { position: absolute; top: 180px; left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; color: #006600; line-height: 10px; }

div.clear-both { clear: both; margin: 0; padding: 0; height: 0; }
div.align-center { text-align: center; }
div.align-right { text-align: right; }
img.banner-image { margin: 0 0 10px 0; border: none; }

#featured-products-small { width: 360px; margin: auto; text-align: center; }
#featured-products-medium { width: 730px; margin: auto; text-align: center; }

/* Category/Product Listings */
div.homepageList, div.categoryList, div.tileList { float: left; width: 176px; min-height: 186px; margin: 14px; padding: 14px; text-align: center; border: 2px dotted #fff; height: 250px; }
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: #ff4020; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-weight: bold; padding: 0 0 10px 0; }
div.tileList:hover, div.categoryList:hover { border: 2px dotted #a3bfa2; background: #e0ebe0; }
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.categoryList img.categoryImageThumb, div.homepageList img.productImageThumb { border: 1px solid #dddddd; }

input.productOptionQty, input.productOption, textarea.productOption { border: 1px solid #819478; color: #440000; width: 40px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; }
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; }

div.back-link { position: absolute; top: 210px; right: 0; }
div.back-link a:link, div.back-link a:visited, div.back-link a:active { border-bottom: 1px dotted #fff; display: block; color: #017e33; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
div.back-link a:hover { color: #990000; border-bottom: 1px dotted #017e33; }

img.rightAlign { border: 1px solid #006600; margin: 0 0 10px 10px; }

table.deliveryAreas { width: 100%; }
table.deliveryAreas td { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; }

/* Newsletter Subscription Forms */
#homepage-newsletter-form p, #newsletter-form-small p { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #005500; line-height: 17px; margin: 0; padding: 0 2px 0 2px; }
#homepage-newsletter-form table, #newsletter-form-small table { width: 100%; margin: 5px 0 0 0; padding: 0; }
#homepage-newsletter-form td.left-cell, #homepage-newsletter-form td.required-cell { width: 75px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; padding: 0 0 2px 5px; font-weight: bold; }
#homepage-newsletter-form td.required-cell { background: url(../images/required-field.png) no-repeat right; }
#homepage-newsletter-form td.right-cell, #newsletter-form-small td.right-cell { text-align: right; padding: 0 5px 2px 0; }
#homepage-newsletter-form input.newsletter-field { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #440000; border: 1px solid #aaaaaa; }
#newsletter-form-small td.left-cell, #newsletter-form-small td.required-cell { width: 65px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; padding: 0 0 2px 5px; font-weight: bold; }
#newsletter-form-small td.required-cell { background: url(../images/required-field.png) no-repeat right; }
#newsletter-form-small input.newsletter-field { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #440000; border: 1px solid #aaaaaa; }

form { padding: 0; margin: 0; }

table.flower-availability td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; }
tr.header-row { background: #006600; }
tr.header-row td { color: #fff; font-weight: bold; }

#search-box { background: #c8d8c8; border: 3px dotted #a0b5a0; 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: #660000; 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;  }

table.product-information { width: 100%; }
table.product-information td { vertical-align: top; }
table.product-information span { display: block; color: #ff4020; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; font-weight: bold; padding: 0 0 20px 0; }
table.product-information td.product-image { width: 330px; padding-right: 20px; }

div.information-box { display: block; background: url(../images/background-information.png) no-repeat top left; padding: 5px 0 5px 40px; margin: 20px 0 0 0; }
div.information-box p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; margin: 0; padding: 0 0 10px 0; }

div.quote-bubble { margin: 20px 0 0 0; padding: 0 0 0 40px; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-style: italic; color: #4d5f4b; background: url(../images/background-quotes.png) no-repeat top left; }
div.quote-from { margin: 0 0 5px 0; padding: 5px 0 0 40px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #000; font-size: 9pt; }

#last-updated { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; color: #797979; margin: 5px 0 10px 0; }

table.contact-table td.header-cell, table.contact-table td.required-cell { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #880000; font-weight: bold; width: 230px; vertical-align: top; }
table.contact-table td.required-cell { background: url(../images/background-required-field-form.png) no-repeat top right; }
table.contact-table td.align-right { text-align: right; }
table.contact-table td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; padding: 0 0 10px 0; }

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

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

table.minicartTable { width: 100%; padding: 0; margin: 0; }
table.minicartTable td { padding: 0; margin: 0; }

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

div.checkout-left { width: 400px; float: left; }
div.checkout-left div.information-box { margin-top: 0; }
div.checkout-right { width: 130px; float: right; text-align: right; margin: 0 0 0 30px; }
div.checkout-right img { display: block; margin: 0 0 15px 0; }

input.inputField { width: 300px; 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.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; }

#content-area p.message-subtext { margin-bottom: 20px; color: #005500; }

/* Form Fields */

table.formTable { width: 100%; }
table.formTable td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; }
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: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #000; padding: 1px; width: 530px; border: 1px solid #bbbbbb; }
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.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: 100px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #006600; background: url(../images/background-add-to-cart.png) no-repeat bottom #fff; border: 2px solid #7db861; }
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; }
div.cart-add span a { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #006600; }
div.cart-add span a:hover { color: #aa0000; }

/* 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: #c8d8c8; padding: 1px; float: left; margin: 0 15px 15px 0; }
#clb-sign-up { width: 250px; }
#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: #6f856f; padding: 3px; }
div.checkout-login-box div.clb-box { margin: 0; padding: 5px; display: block; background: #fff; height: 230px; }

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

div.wallpaper-item { width: 220px; height: 195px; margin: 20px 10px 20px 10px; float: left; text-align: center; }
div.wallpaper-item img { margin: 0 0 10px 0; }
div.wallpaper-item a img { border: none; }