/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote, dl, dt, dd { margin: 0; padding: 0; }
body { font: 62.8% Helvetica, Arial, sans-serif; background: #fff; color: #000; text-align: center; margin: 0; padding: 15px 0; }
img { border: none; margin: 0; padding: 0; }
a { color: #006; }
a:visited { color: #009; }
a:focus { color: #00f; }
a:hover { color: #00f; }
a:active { color: #000; }
p { margin: 15px; font-size: 1.1em; }
address { margin: 15px; font-size: 1.1em; font-style: normal; }
h1 { margin: 15px; font-size: 1.5em; }
h2 { margin: 15px; font-size: 1.3em; }
h3 { margin: 15px; font-size: 1.2em; }
ul, ol { margin: 15px; font-size: 1.1em; padding-left: 2em; }
li { margin: 10px 0; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
blockquote { font-style: italic; }
cite { font-style: normal; }
dt { font-size: 1.2em; font-weight: bold; margin: 15px 15px 0 15px; }
dd { font-size: 1.1em; margin: 0 15px 15px 15px; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }
.center { text-align: center; }
.error, .errors, .red { color: #f00; }
.hide { display: none; }
strong.org a.url { text-decoration: none; color: #000; }
img.left, img.right { display: block; margin: 10px 20px; }
img.icon { vertical-align: middle; }

div.column { width: 48%; }

/* Price Stickers */
.price_sticker { width: 123px; height: 80px; padding: 53px 5px 0 5px; margin: 0; background: transparent url("../gfx/price-sticker.png") top left no-repeat; color: #ff0; float: right; text-align: center; font-size: 1.5em; }
.price_sticker strong { font-size: 1.5em; white-space: nowrap; }
.price_sticker span { white-space: nowrap; }
.price_sticker span.small { font-size: 0.6em; display: block; }

/* Container */
div#container { width: 988px; margin: 0 auto; text-align: left; background: #fff; }

/* Header Bits */
ul#top_categories { margin: 0; padding: 5px 10px; background: #805624; }
ul#top_categories li { padding: 0 13px 0 0; margin: 0; display: inline; list-style-type: none; }
ul#top_categories li a, ul#top_categories li a:visited { color: #fff; font-weight: bold; text-decoration: none; }
ul#top_categories li a:focus, ul#top_categories li a:hover { color: #ff0; text-decoration: underline; }
ul#top_categories li a:active { color: #f00; text-decoration: underline; }

ul#top_links { margin: 0 0 10px 0; padding: 0; }
ul#top_links li { padding: 0 0 0 13px; margin: 0; display: inline; list-style-type: none; }
ul#top_links li a, ul#top_links li a:visited { color: #fff; text-decoration: none; font-weight: bold; }
ul#top_links li a:focus, ul#top_links li a:hover { color: #ff0; text-decoration: underline; }
ul#top_links li a:active { color: #f00; text-decoration: underline; }

/* Search Bar */
form#search_bar { text-align: right; border-left: 241px solid #805624; background: #B97D35; color: #fff; clear: both; margin: 0; padding: 8px 10px; display: block; }
form#search_bar p { margin: 0; padding: 0; font-weight: bold; }
form#search_bar p label { float: none; display: inline; width: auto; padding: 0 5px; margin: 0; }
form#search_bar p input#quick_search { border: none; background: #fff; }
form#search_bar p input#submit_quick_search { cursor: pointer; border: none; background: #805624; color: #fff; font: bold 1.1em Verdana, Helvatica, Arial, sans-serif; margin: 0; padding: 0; }
form#search_bar p input#submit_quick_search:focus { color: #ff0; }
form#search_bar p input#submit_quick_search:hover { color: #ff0; }

/* Left Bar */
div#left_column { width: 207px; float: left; margin: 20px 0 10px 10px; }
div#left_column h2 { background: #C3873A; padding: 2px 5px; margin: 3px 0; color: #fff; font: bold 1em Verdana, Helvatica, Arial, sans-serif; }

ul#left_categories { margin: 0; padding: 0; font-size: 1em; }
ul#left_categories li { padding: 0; margin: 0; list-style-type: none; }
ul#left_categories li a, ul#left_categories li a:visited { background: /*#fbe7ca*/#FFF8DC; padding: 2px 5px; margin: 3px 0; color: #000; border: 1px solid #8f5408; border-right: 18px solid #8f5408; display: block; font: bold 1em Verdana, Helvatica, Arial, sans-serif; text-decoration: none; }
ul#left_categories li a:focus, ul#left_categories li a:hover { background: #C3873A; color: #fff; }
ul#left_categories li a:active { background: #C3873A; color: #ff0; }

ul.submenu { display: none; position: absolute; left: auto; top: auto; margin: -15px 0 0 110px; padding: 0; width: 207px; }

/* Content */
div#content { float: right; margin: 15px 0; width: 761px; }

/* Homepage Featured Items */
ul#featured_items { margin: 0; padding: 0; font-size: 1em; }
ul#featured_items li { list-style-type: none; float: left; width: 350px; height: 300px; margin: 9px; }
ul#featured_items li a { display: block; text-decoration: none; width: 350px; height: 250px; }
ul#featured_items li a img { width: 350px; height: 250px; }
ul#featured_items li a .price_sticker { float: none; position: absolute; z-index: 100; top: auto; left: auto; margin: 117px 0 0 217px; }

/* Product List */
ul#product_list { margin: 0; padding: 0; font-size: 1em; clear: both; }
ul#product_list li { border: 1px solid #ccc; list-style-type: none; float: left; width: 350px; padding: 0; height: 180px; margin: 9px; /*font-family: Verdana, Helvatica, Arial, sans-serif;*/ }
ul#product_list.featured li { height: 400px; }
ul#product_list li h3 { margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
ul#product_list li p { margin: 10px 15px 10px 115px; padding: 0; }
ul#product_list li h3 a, ul#product_list li h3 a:visited { display: block; background: #fbe7ca; padding: 2px 5px; margin: 0; color: #000; text-decoration: none; }
ul#product_list li h3 a:focus, ul#product_list li h3 a:hover { background: #C3873A; color: #fff; }
ul#product_list li h3 a:active { background: #C3873A; color: #ff0; }

/*ul#product_list li img.new_product { position: absolute; left: auto; top: auto; margin: 0 0 0 -110px; }
ul#product_list li img.special_offer { position: absolute; left: auto; top: auto; margin: 0 0 0 -110px; }*/
ul#product_list li a.thumbnail { float: left; }
ul#product_list li a.thumbnail img { margin: 5px 0 0 5px; }
ul#product_list li a.thumbnail img.new_product { position: absolute; left: auto; top: auto; margin: 0; }
ul#product_list li a.thumbnail img.special_offer { position: absolute; left: auto; top: auto; margin: 0; }

p.price { color: #c00; }
p.large { font-size: 1.5em; }
p.price strong { font-size: 1.4em; }

/* More Info links
a.more_info { font: bold 1.3em Verdana, Helvatica, Arial, sans-serif; text-decoration: none; color: #fff; display: block; float: left; padding: 5px 8px; background: #BF7C48; border-top: 5px solid #d6ab6a; border-left: 5px solid #d6ab6a; border-bottom: 5px solid #644126; border-right: 5px solid #644126; }
a.more_info:visited { color: #eee; }
a.more_info:focus, a.more_info:hover { color: #fff; border-bottom: 5px solid #d6ab6a; border-right: 5px solid #d6ab6a; border-top: 5px solid #644126; border-left: 5px solid #644126; }
a.more_info:active { color: #ff0; border-bottom: 5px solid #d6ab6a; border-right: 5px solid #d6ab6a; border-top: 5px solid #644126; border-left: 5px solid #644126; } */

/* Product Pages */
div#product_info { /*padding-left: 250px; */width: 500px; float: right; }

/* Gallery */
ul.image_gallery { padding: 0; margin: 15px; }
ul.image_gallery li { display: inline; }
ul.image_gallery li a { margin: 0 5px 2px 0; width: 110px; height: 150px; display: block; text-align: center; float: left; text-decoration: none; }
ul.image_gallery li a img { width: 110px; height: 110px; }

/* Tables */
table { margin: 0; color: #000; background: #efefef; border-collapse: collapse; text-align: left; font: normal 1em Verdana, Helvatica, Arial, sans-serif; }
caption { background: #C3873A; padding: 2px 5px; margin: 0; color: #fff; font: bold 1em Verdana, Helvatica, Arial, sans-serif; text-align: left; }
caption a, caption a:visited { color: #fff; text-decoration: none; }
caption a:focus, caption a:hover { color: #fff; text-decoration: underline; }
caption a:active { color: #ff0; text-decoration: underline; }
th { text-align: left; padding: 2px 3px; font-size: 1em; border: 1px solid #fff; font-weight: normal; }
td { text-align: left; padding: 2px 3px; font-size: 1em; border: 1px solid #fff; }
thead tr { background: #fbe7ca; color: #000; }
tr.even { background: #eaeaea; }
tr.subtotal { background: #C3873A; color: #fff; }
tr.subtotal td, tr.subtotal th { font-weight: bold; border: none; }
tr.grand_total { background: #C3873A; color: #fff; }
tr.grand_total td, tr.grand_total th { font-weight: bold; border: none; font-size: 1.5em; }
table#full_basket { width: 700px; margin: 15px; }
table.stock_list { margin: 0 15px; }

/* CMS parts */
ul.subsections { padding: 0; margin: 0; font-size: 1em; }
ul.subsections li { list-style-type: none; display: inline; }
ul.subsections li a { float: left; border: 3px double #000; color: #000; padding: 2px 5px; font-size: 1.1em; margin: 10px 5px; background: #eee; cursor: pointer; font-weight: bold; text-decoration: none; }
ul.subsections li a:focus, ul.subsections li a:hover { border: 3px solid #000; }
ul.subsections li a.save { background: #cfc; }
ul.subsections li a.cancel { background: #fcc; }

/* Forms */
fieldset { margin: 5px; padding: 5px; border: 1px solid #999; clear: both; }
legend { margin: 0 15px; padding: 0 15px; font-size: 1.3em; border: 3px double #000; background: #eee; font-weight: bold; }
label { float: left; width: 160px; }
label.inline { float: none; width: auto; display: inline; }
input.text, select { border: 1px solid #000; font-size: 1.1em; }
textarea { border: 1px solid #000; }
input.text, textarea { width: 400px; }
input.text.required, select.required, textarea.required { border: 1px solid #f00; }
input.checkbox { border: 1px solid #000; vertical-align: middle; }
input.text.small { width: 100px; color: #000; }
input.text.quantity { width: 30px; color: #000; }

/* Buttons */
input.button { border: 3px double #000; color: #000; padding: 2px 5px; font-size: 1.1em; margin: 2px; background: #eee; cursor: pointer; font-weight: bold; }
input.button:hover, input.button:focus { border: 3px solid #000; }
input.button.delete, input.button.cancel, input.button.empty { background: #fcc; }
input.button.save, input.button.checkout { background: #cfc; }
input.button.add, input.button.edit, input.button.update { background: #ffc; }

/* Footer */
div#footer { color: #999; margin: 15px; padding: 10px 0; border-top: 1px solid #ccc; clear: both; }
div#footer address { font-size: 1.1em; text-align: left; margin: 0; padding: 0; }
div#footer a { color: #000; text-decoration: none; }
div#footer strong { color: #000; font-weight: normal; }
.org { border-right: 1px solid #999; margin-right: 5px; padding-right: 5px; }