/* 
Title:     master theme styles for screen media
Author:    steve@divinemass.com
Updated:   May 23rd 2008

Index:
1. base styles
2. layout elements
3. myaccount
4. navigation
5. sidebar
6. content styles
7. content - table styles
8. content - definition list styles
9. content - form styles
10. home section styles
11. partners section styles
12. blogs section styles
13. gallery section styles
14. shop styles
15. footer
16. miscellaneous styles
*/

/* 1. base styles
---------------------------------------------------------- */

body {
 margin: 25px 0 25px 0;
 padding: 0;
 font-family: Arial, Verdana, sans-serif;
 font-size: 75%;
 line-height: 1.3em;
 color: #000;
 background: #FFF; }

div {
 margin: 0;
 padding: 0; }

p {
 margin: 0;
 padding: 0 0 1.3em 0; }

a:link, a:visited {
 text-decoration: none;
 color: #000; }

a:hover {
 text-decoration: underline;
 color: #000; }

form {
 margin: 0;
 padding: 0; }

input {
 margin: 0;
 padding: 2px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

select {
 margin: 0;
 padding: 1px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

textarea {
 margin: 0;
 padding: 3px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

.button {
 margin: 0;
 padding: 2px 4px 2px 4px;
 font-weight: bold;
 color: #333; }

/* 2. layout elements
---------------------------------------------------------- */

#wrap {
 display: block;
 width: 760px;
 margin: 0 auto; }

#myaccount {
 display: block;
 margin: 0 12px 0 0;
 padding: 0 0 10px 0;
 color: #999999;
 font-size: 90%;
 text-align: right; }

#branding {
 display: block;
 width: 760px;
 height: 94px;
 background: #000;
 border-bottom: 2px solid #fff; }

#print-branding {
 display: none; }

#navigation {
 display: block;
 margin: 0;
 padding: 0 0 0 12px;
 height: 27px;
 overflow: hidden;
 background: #B75B00 url(../images/common/navigation-bg.gif) no-repeat 0 0;
 border-bottom: 2px solid #fff; }

#imagery {
 display: block;
 width: 760px;
 height: 93px;
 background: #000; }

#body-wrap {
 display: block;
 width: 760px;
 margin: 0;
 padding: 20px 0 0 0; }

#sidebar {
 float: left;
 width: 228px;
 padding: 0 0 20px 0; }

#content {
 width: 512px;
 margin: 0 0 0 20px;
 float: left;}

#footer {
 clear: both;
 display: block;
 width: 760px;
 margin: 0 auto;
 font-size: 90%;
 line-height: 1em;
 color: #fff;
 background: url(../images/common/footer-bg.gif) no-repeat bottom left; }

/* 3. my account
---------------------------------------------------------- */

#myaccount li {
 margin: 0;
 padding: 0 0 0 66px;
 display: inline;
 list-style: none; }

#myaccount .basket {
 padding: 0 0 0 16px;
 background: url(../images/common/cart-icon.gif) no-repeat 0 50%; }

/* 4. navigation
---------------------------------------------------------- */

#navigation li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style: none; }

#navigation a {
 float: left;
 margin: 0 26px 0 0;
 padding: 27px 0 0 0;
 overflow: hidden;
 height: 0px !important; }

#navigation a:link, #navigation a:visited {
 background-position: 0 0; }

#navigation a:hover, #navigation a.selected {
 background-position: 0 -27px; }

#ni1 a {
 width: 45px;
 background: url(../images/common/home-button.gif) top left no-repeat; }

#ni2 a {
 width: 65px;
 background: url(../images/common/about-button.gif) top left no-repeat; }

#ni3 a {
 width: 61px;
 background: url(../images/common/partners-button.gif) top left no-repeat; }

#ni4 a {
 width: 32px;
 background: url(../images/common/blog-button.gif) top left no-repeat; }

#ni5 a {
 width: 49px;
 background: url(../images/common/events-button.gif) top left no-repeat; }

#ni6 a {
 width: 44px;
 background: url(../images/common/media-button.gif) top left no-repeat; }

#ni7 a {
 width: 50px;
 background: url(../images/common/gallery-button.gif) top left no-repeat; }

#ni8 a {
 width: 37px;
 background: url(../images/common/shop-button.gif) top left no-repeat; }

#ni9 a {
 width: 51px;
 background: url(../images/common/donate-button.gif) top left no-repeat; }

#ni10 a {
 margin-right: 0;
 width: 55px;
 background: url(../images/common/contact-button.gif) top left no-repeat; }

#ni11 a {
 width: 44px;
 background: url(../images/common/links-button.gif) top left no-repeat; }

/* 5. sidebar
---------------------------------------------------------- */

#search {
 display: block;
 height: 30px; }

#search fieldset {
 margin: 0;
 padding: 0;
 border: 0; }

#search legend {
 display: none; }

#search-text {
 float: left; }

#search-text input {
 width: 198px;
 background: #eee;
 border: 1px solid #ccc;
 color: #888;
 font-weight: normal; }

#search-button {
 float: left; }

#search-button input {
 width: 20px;
 height: 20px; }

#sidebar .featured {
 margin: 0 0 10px 0;
 background-color: #394440;
 background-position: bottom left;
 color: #fff; }

#sidebar h2 {
 margin: 0 0 11px 0;
 padding: 26px 0 0 0;
 width: 228px;
 background: #000;
 border-bottom: 2px solid #fff;
 font-size: 10px;
 overflow: hidden;
 height: 0px !important; }

#sidebar .products {
 background: url(../images/common/featured-title-products.gif) top left no-repeat; }

#sidebar .blog {
 background: url(../images/common/featured-title-blog.gif) top left no-repeat; }

#sidebar .video {
 background: url(../images/common/featured-title-video.gif) top left no-repeat; }

#sidebar .maillist {
 background: url(../images/common/featured-title-maillist.gif) top left no-repeat; }

#sidebar p {
 padding: 0 12px 1em 12px;
 line-height: 1.3em; }

#sidebar a:link, #sidebar a:visited {
 text-decoration: underline;
 color: #FFF; }

#sidebar a:hover {
 text-decoration: underline;
 color: #FFF; }

#sidebar #credits p {
 margin: 1em 0 0 12px;
 font-size: 90%;
 color: #666; }

#sidebar #credits .r7 {
 padding: 0 0 0 26px;
 line-height: 1.7em;
 background: url(../images/common/ratio7-icon.gif) no-repeat 0 50%; }

#sidebar #credits .wt {
 padding: 0 0 0 26px;
 line-height: 1.7em;
 background: url(../images/common/wticon.gif) no-repeat 0 50%; }

#sidebar #credits a:link, #sidebar #credits a:visited {
 text-decoration: underline;
 color: #000; }

#sidebar #credits a:hover {
 text-decoration: underline;
 color: #000; }

#sidebar fieldset {
 margin: 0;
 padding: 0;
 border: 0 none; }

#sidebar legend {
 display: none; }

#sidebar fieldset p {
 padding: 0 12px 6px 12px; }

#sidebar fieldset input {
 font-size: 110%;
 width: 196px;
 background: #eee; }

#sidebar .button {
 font-size: 110%; }

/* 6. content
---------------------------------------------------------- */

#content h1 {
 display: block;
 margin: -5px 0 15px 0;
 padding: 0; 
 font-size: 2.05em;
 background-repeat: no-repeat;
 height: 1.5em;
 overflow: hidden;
 width: 300px; }

#content h3 {
 margin: 0 0 1.3em 0;
 padding: 0;
 font-size: 120%; }

#content a:link, #content a:visited {
 text-decoration: underline;
 color: #000; }

#content a:hover {
 text-decoration: underline;
 color: #000; }

#content .download {
 padding: 0 0 0 16px;
 background: url(../images/common/download-icon.gif) no-repeat 0 50%; }

#content .paging, #paging {
 font-size: 90%;
 padding: 0 0 0 16px;
 background: url(../images/common/paging-icon.gif) no-repeat 0 3px; }

#content .backtotop {
 clear: both;
 font-size: 90%;
 padding: 0 0 0 16px;
 background: url(../images/common/backtotop-icon.gif) no-repeat 0 50%; }

#content .previouspage {
 font-size: 90%;
 padding: 0 0 0 16px;
 background: url(../images/common/previouspage-icon.gif) no-repeat 0 50%; }

#content .nextpage {
 font-size: 90%;
 padding: 0 16px 0 0;
 background: url(../images/common/nextpage-icon.gif) no-repeat right 50%; }

#content p.divider {
 margin: 0 0 1.3em 0;
 padding: 0;
 height: 0px;
 border-bottom: 2px solid #ccc; }

/* 7. content - table styles
---------------------------------------------------------- */

#content table {
 width: 512px;
 margin: 0 0 1.3em 0;
 padding: 0; }

#content table caption {
 padding: 5px;
 font-weight: bold;
 color: #fff;
 background: #B75B00 url(../../assets/images/common/table-header-bg.jpg) no-repeat 0 0;
 border-bottom: 2px solid #fff; }

#content thead th {
 padding: 5px;
 background: #ffffcc;
 border-bottom: 2px solid #fff; }

#content tbody tr, #content tbody tr.light {
 background: #ECD98C; }

#content tbody tr.dark {
 background: #E3CA62; }

#content tbody td, #content tbody th {
 padding: 5px 12px 5px 12px;
 border-bottom: 2px solid #fff; }

#content tbody td p {
 padding: 0 0 10px 0; }

#content tbody td li {
 display: block;
 padding: 0 0 3px 18px;
 list-style: none;
 background: url(../../assets/images/common/tick-icon.gif) no-repeat 0 0; }

#content tfoot td {
 padding: 5px;
 text-align: left;
 background: #ffffcc;
 border-bottom: 1px solid #ccc; }

/* 8. content - definition list styles
---------------------------------------------------------- */
#content dl {
 margin: 0;
 padding: 0; }

#content dt {
 margin: 0;
 padding: 5px 12px 2px 12px;
 color: #333; }

#content dd {
 margin: 0;
 padding: 2px 12px 5px 12px; }

#content dl.light {
 background: #eee; }

#content dl.dark {
 background: #e5e5e5; }

#content dl.left {
 float: left;
 width: 50%; }

#content dl.right {
 float: right;
 width: 50%; }

/* 9. content - form styles
---------------------------------------------------------- */

#content form fieldset {
 margin: 0 0 10px 0;
 padding: 4px 0 0 0;
 border: 1px solid #bbb; }

#content form legend {
 margin: 2px 2px 2px 8px;
 padding: 0 4px 0px 4px;
 font-weight: bold;
 color: #999; }

#content form caption {
 margin: 0 0 8px 0;
 padding: 4px 0 4px 0;
 font-weight: bold;
 color: #fff;
 background: #999; }

#content form fieldset p {
 padding-left: 12px;
 padding-right: 12px; }

#content form .form-intro {
 padding-top: 10px; }

#content form dl {
 display: block;
 width: 100%;
 margin: 0;
 padding: 4px 0; }

#content form dt {
 display: block;
 float: left;
 margin: 0;
 padding: 0 0 0 12px;
 width: 11em;
 line-height: 1.8em; }

#content form dd {
 display: inline;
 margin: 0;
 padding: 0;
 border-bottom: 0 none;
 line-height: 1.8em; }

#content form dl span.error {
 display: block;
 width: 100%;
 padding: 0 0 0 12px; }

#content form #textarea-2, #content form #textarea-3 {
 height: 10em; }

#content form #textarea-1 dd {
 padding-top: 10px; }

#content form fieldset label {
 display: inline; }

#content form fieldset input {
 width: 200px;
 margin: 1px 5px 1px 0;
 padding: 3px;
 border: 1px solid #bbb; }

#content form fieldset select {
 padding: 2px;
 border: 1px solid #bbb; }

#content form textarea {
 width: 300px;
 height: 8em; }

#content form .message-box {
 width: 340px;
 height: 106px; }

#content form .radio-button {
 width: auto; }

#content .add {
 margin: 15px 0 15px 0;
 padding-left: 18px;
 background: url(../../assets/images/common/add-icon.gif) no-repeat 0 0; }

/* 10. home section styles
---------------------------------------------------------- */

#endorsements { 
 width: 492px;
 padding: 10px;
 background: #ECD98C url(../../assets/images/shop/dark-watermark.gif) no-repeat bottom right; }

/* 11. partners section styles
---------------------------------------------------------- */

#partners dl {
 margin: 0;
 padding: 0;
 border-bottom: 2px solid #bbb; }

#partners dt {
 float: left;
 width: 85px;
 height: 75px;
 margin: 0;
 padding: 8px 0 8px 0;
 background-position: 0 8px;
 background-repeat: no-repeat;
 color: #333; }

#partners dd {
 min-height: 75px;
 margin: 0 0 0 85px;
 padding: 8px 12px 8px 12px; }

/* 12. blogs section styles
---------------------------------------------------------- */

#blogs_date {
 width: 100px; }

#blogs_comments {
 width: 115px; }

/* 13. gallery section styles
---------------------------------------------------------- */

#gallery { }

#gallery div.light {
 display: block;
 width: 500px;
 height: 77px;
 padding: 12px 0 12px 12px;
 border-bottom: 8px solid #fff;
 background: #ECD98C url(../../assets/images/gallery/row-bg-light.gif) no-repeat 0 0; }

#gallery div.dark {
 display: block;
 width: 500px;
 height: 77px;
 padding: 12px 0 12px 12px;
 border-bottom: 8px solid #fff;
 background: #E3CA62 url(../../assets/images/gallery/row-bg-dark.gif) no-repeat 0 0; }

#gallery .frame {
 float: left;
 margin-right: 12px;
 width: 85px;
 height: 75px;
 background: #000;
 border: 1px solid #fff; }

#gallery img {
 margin: 0 auto; }

/* 14. shop styles
---------------------------------------------------------- */

input,select,textarea {
 font-family: inherit;
 font-size: inherit; }

a img {
 border: none; }

.shopTable {
 width: 100%; border: thin solid; }

.shopTable th, .shopTable td {
 border: thin solid; }

.shopTable .multiplePrices {
 font-size: smaller; }

.shopTable label {
 white-space: nowrap;
 float: right;
 clear: right;
 margin: 0.5em; }

.shopButton {
 display: inline-block;
 background-position: 0px 0px; }

* > .shopButton {
 display: table-cell; }

.shopButton span {
 display: none; }

#shop dl {
 margin: 0;
 padding: 0;
 border-bottom: 2px solid #bbb; }

#shop dt {
 float: left;
 width: 85px;
 height: 75px;
 margin: 0;
 padding: 8px 0 8px 0;
 background-position: 0 8px;
 background-repeat: no-repeat;
 color: #333; }

#shop dd {
 min-height: 75px;
 margin: 0 0 0 85px;
 padding: 8px 12px 8px 12px; }

#products {
 margin: 8px 0 0 0; }

#product_sorting {
 display: block;
 width: 512px;
 height: 30px;
 padding: 0 0 10px 0;
 line-height: 18px; }

#product_sorting form, #product_sorting select {
display: inline; }

#products .category { 
 float: left;
 width: 490px;
 padding: 10px;
 background: #EBF5EB;
 border-bottom: 1px solid #99CC99; }

#products .category_image {
 float: left;
 width: 140px; }

#products .category_details {
 float: left;
 width: 390px; }

#products .product-light { 
 width: 492px;
 padding: 10px;
 background: #ECD98C url(../../assets/images/shop/dark-watermark.gif) no-repeat bottom right;
 border-bottom: 2px solid #fff; }

#products .product-dark { 
 width: 492px;
 padding: 10px;
 background: #F1E3AB url(../../assets/images/shop/light-watermark.gif) no-repeat bottom right;
 border-bottom: 2px solid #fff; }

#products .product_image {
 float: left;
 width: 160px; }

#products img { }

#products .product_details {
 width: 330px;
 float: left; }

#products strong {
 color: #333; }

#products .shopButton {
 float: left;
 margin: 0 10px 0 0; }

/* 15. footer
---------------------------------------------------------- */

#footer img {
 border-bottom: 2px solid #fff; }

#footer-links {
 display: block;
 line-height: 2.5em;
 text-align: right; }

#footer-links p {
 float: left;
 padding: 0 0 0 12px; }

#footer-links ul {

 margin: 0;
 padding: 0 12px 0 0; }

#footer-links li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style: none; }

#footer-links a:link, #footer-links a:visited {
 color: #eee;
 text-decoration: none; }

#footer-links a:hover {
 color: #eee;
 text-decoration: underline; }

/* 15. miscellaneous styles
---------------------------------------------------------- */

.clear {
 margin: 0;
 padding: 0;
 height: 1px;
 clear: both; }

.smaller {
 font-size: 90%; }

.larger {
 font-size: 110%; }

.center {
 text-align: center; }

.italic {
  font-style: italic }

.error {
 color: #CC0000; }

hr, .hide {
 display: none; }

a img {
 border: none; }