/* ---------------------------------------------------------------------------------
   
   Organic Earth Fiji - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */


body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-green.jpg) repeat-y center 0 #c3d930; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; color: #642200; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #642200; text-decoration: none; }
h1 { font-size: 1.3em; font-weight: normal; letter-spacing: 0.05em; margin: 0 0 0.6em 0; text-transform: lowercase; }
h2 { font-size: 0.8em; }
h2 a:hover { text-decoration: underline; }
h3, h4 { font-size: 0.7em; }
h3 { text-transform: uppercase; }



p { color: #7b7c7e; font-size: 0.8em; margin: 0 0 1.2em 0; line-height: 1.4em; }
p a { color: #642200; }
ul { margin: 0 0 1.0em 0; padding: 0 0 0 20px; }
ul li { font-size: 0.8em; color: #7b7c7e; }
ul li a { color: #642200; }
fieldset { padding: 0; border: none; }
a img { border: none; }
table { border-collapse: collapse; }
table td { color: #7c3000; font-size: 0.8em; line-height: 1.6em; }
hr { display: none; }

#top-line { float: left; width: 100%; height: 17px; border-bottom: solid 3px #a7a9ac; }
#main-wrap { float: left; width: 100%; background: url(../images/bg-mainwrap.jpg) repeat 0 0 #f7f5f1; }
#main { width: 940px; padding: 0 20px; margin: 0 auto; }

#footer-wrap { float: left; width: 100%; }
#footer { width: 940px; margin: 0 auto; background: url(../images/footer-bg.jpg) no-repeat right 0; height: 190px; }

#header { float: left; width: 100%; height: 150px; background: url(../images/slogan.gif) no-repeat right 93px; border-bottom: solid 3px #7c3000; }
#logo { float: left; margin: 7px 0 0 0; }
#logo a { float: left; width: 169px; height: 138px; background: url(../images/logo.gif) no-repeat 0 0; }
#logo a span { display: none; }

#header ul { float: right; margin: 119px 0 0 0; }
#header ul li { float: left; list-style-type: none; text-transform: uppercase; padding: 0 0 0 17px; }
#header ul li a { color: #642200; text-decoration: none; float: left; }
#header ul li a:hover { color: #9c9ea1; text-decoration: underline; }

#content-wrap { width: 100%; float: left; background: url(../images/contentwrap-bg.jpg) repeat-y 0 0; }
#content { width: 100%; float: left; padding: 0 0 50px 0; background: url(../images/content-bg.jpg) no-repeat right bottom; }
#left { width: 610px; float: left; padding: 20px 25px 0 0; }
#right { float: right; width: 280px; background: url(../images/right-bg.jpg) no-repeat 0 0; padding: 0 0 100px 25px; min-height: 300px; }

/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

.imgReplace { float: left; width: 100%; height: 27px; text-indent: -5000px; margin: 0; }
.imgRight { float: right; margin: 0 0 10px 25px; }
.article { float: left; width: 100%; border-top: dashed 1px #ccc; padding: 20px 0 5px 0; }

.dInfo { float: left; width: 300px; }
.dImg { float: right; }

#qtyBox { float: left; }
#qtyBox p { color: #7c3000; }
#qtyBox .qty { float: left; width: 29px; border: solid 1px #cd9351; padding: 3px; }
#qtyBox .b_add2cart { float: left; clear: both; margin-top: 8px; }
#qtyText { float: left; padding: 0 5px 0 0; }
.price { font-size: 1.6em; color: #7c3000; margin: 0; }
.price span { font-size: 0.8em; }
.size { color: #7c3000; margin-top: -10px; }
.back { padding-top: 20px; margin: 0; float: left; }

#left-listings { width: 635px; float: left; padding: 20px 0 0 0; }
#left-listings ul { float: left; width: 610px; border-bottom: solid 1px #dfc7b3; margin: 0; padding: 0; }
#left-listings ul li { float: left; width: 280px; padding: 20px 0 25px 0; list-style-type: none; position: relative; z-index: 20; }
#left-listings ul li img { float: right; }
#left-listings ul .paddR { border-right: solid 1px #dfc7b3; padding-right: 25px; margin-right: 24px; display: inline;  }
#left-listings h2 { font-size: 1.0em; line-height: 1.4em; }
#left-listings h2 span { font-weight: normal; }
#left-listings h2 a { color: #642200; }
#left-listings h2 a:hover { text-decoration: underline; }
#left-listings .text { width: 160px; float: left; position: absolute; top: 20px; left: 0; z-index: 100; }
#left-listings .details { float: left; width: 100%; margin: -20px 0 0 0; }
#left-listings .details a { color: #642200; font-size: 1.1em; background: url(../images/arrow-02.gif) no-repeat right center; padding-right: 15px; text-decoration: none; }
#left-listings .details a:hover { text-decoration: underline; }

#content #subCats { margin: 0 0 0 -20px; padding: 0; border: none; width: 630px; }
#content #subCats li { float: left; padding: 0 0px 20px 20px; width: auto; }
#content #subCats li a { border: solid 1px #dec3ab; float: left; width: 188px; color: #7c3000; text-decoration: none; text-align: center; }
#content #subCats li a img { text-align: center; height: 188px; width: 188px; }
#content #subCats li a span { float: left; width: 100%; padding: 8px 0; text-align: center; background: #ebdbcd; }
#content #subCats li a:hover { border: solid 1px #7c3000; color: #fff; }
#content #subCats li a:hover span { background: #7c3000; }
#content #subCats .nopadd { padding-right: 0; }
/* #content #subCats .shiftP { padding-left: 95px; } */


#gallery { width: 100%; float: left; padding: 20px 0 0 0; }
#gallery ul { width: 100%; float: left; padding: 20px 0 0 0; border-top: solid 1px #dfc5ae; }
#gallery ul li { float: left; list-style-type: none; padding: 0 10px 10px 0; }
#gallery ul li a { float: left; border: solid 1px #dfc5ae; padding: 10px; background: #fff; }
#gallery ul li a:hover { border: solid 1px #7c3000; }

/* ---------------------------------------------------------------------------------
   RIGHT
--------------------------------------------------------------------------------- */

#right table { width: 100%; float: left; }
#right table td { padding: 7px 0; }
#right table td a { color: #7c3000; text-decoration: none; }
#right table td a:hover { text-decoration: underline; }
#right table .underline { border-bottom: solid 1px #dec3ab; }
#right table .red { font-weight: bold; }
#ajaxcart { border-bottom: solid 3px #7c3000; float: left; width: 100%; padding: 25px 0; }
#ajaxcart h4 { background: url(../images/h4-shoppingcart.gif) no-repeat 0 0; }

#categories { float: left; width: 100%; padding: 25px 0 0 0; }
#categories ul { float: left; width: 100%; margin: 0; padding: 0; }
#categories ul li { float: left; list-style-type: none; width: 100%; }
#categories ul li a { border-bottom: solid 1px #dfc7b0; float: left; width: 100%; padding: 10px 0; color: #7c3000; text-decoration: none; }
#categories ul li a:hover { background: #ece6d5; }
#categories h4 { background: url(../images/h4-categories.gif) no-repeat 0 0; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer-div { float: left; width: 100%; height: 20px; background: url(../images/footer-btm.jpg) no-repeat center 0 #a7a9ac; }

#copyright { width: 305px; float: left; padding: 42px 0 0 0; }
#copyright span { font-weight: bold; }
#copyright p a { color: #7b7c7e; }

#mailing { width: 280px; float: left; padding: 25px 25px; }
#mailing h4 { background: url(../images/mailinglist-heading.gif) no-repeat 0 0; height: 15px; float: left; width: 100%; margin: 0 0 0.8em 0; }
#mailing h4 span { display: none; }

#mailing fieldset p { float: left; width: 100%; margin: 0 0 9px 0; line-height: 1.0em; }
#mailing fieldset p label { float: left; padding: 3px 0 0 0; }
#mailing fieldset p input { float: right; }
#mailing .field { border: solid 1px #bdbec1; width: 208px; padding: 2px; }
#mailing fieldset p input:focus { background: #f7ffab; }

#fright { width: 280px; padding: 85px 0 0 25px; float: left; background: url(../images/footer-logo.gif) no-repeat right 42px; }
#fright ul { float: right; margin: 0 0 5px 0; padding: 0; }
#fright ul li { list-style-type: none; float: left; border-left: solid 1px #a7b05e; padding: 0 4px; }
#fright ul li a { color: #7b7c7e; }
#fright p { text-align: right; }
#fright p a { color: #7b7c7e; font-size: 0.85em; }

#fright #noPadd { padding-left: 0; border: none; }
#fright .noPadd { padding-right: 0; }

#copyright p a:hover, #fright ul li a:hover, #fright p a:hover { color: #642200; }

/* ---------------------------------------------------------------------------------
   SIFR STYLES
--------------------------------------------------------------------------------- */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h1 { font-size: 1.4em; }