/*___ color.css: Color/Backgrounds Styles ___*/

/*___ Section 1: Global Color/Backgrounds Styles ___*/

html 
{
    background      : #FCF3D6;
    background-image:url(/App_Themes/BRAM/images/htmlBG.jpg);
    background-position:left top;
    background-repeat:repeat;
}

body 
{
    color           : #5F6833;
}

h1 
{
}

h2 
{
    color           : #f0f1ec;
}

h3 
{
    color           : #62194A;
}

h4 
{
    color           : #62194A;
}

h5 
{
    color           : #62194A;
}

h6 
{
    color           : #62194A;
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color           : #347799;
}

a:visited 
{
    color           : #347799;
}

a:hover 
{
    color           : #347799;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Global Color/Backgrounds Modules ___*/
.welcome,
.featured,
.section
{
    background      : transparent url(images/leafBorderBG.jpg) no-repeat bottom right;
}

.extraInfo
{
    background      : transparent url(images/leafBorderBG.jpg) no-repeat top right;
}

input[type="text"],
input[type="password"],
textarea,
select
{
    border          : solid 1px #A7B07E;
}

a.button,
a.button:visited,
a.button:hover,
input.button,
input.button:visited,
input.button:hover,
button.button,
button.button:visited,
button.button:hover
{
    border          : solid 1px #AD7C9D;
    color           : #347799;
    background	    : #5872cb url(images/button_bg.gif) repeat-x center center;
}

input.button:hover
{
	background      : #5872cb url(images/button_bg_hover.gif) repeat-x center center;
}

/*___ Section 3: Unique Element-Specific Global Color/Backgrounds Styles ___*/
.important
{
    color           : #E30000;
}

.fragCalculator .step
{
    background      : #ded2da;
    border          : 1px solid #611849;
}


/*___ DIV _________________________________________________________________*/
.headerWrapper
{
    background      : transparent url(images/headerWrapper.png) repeat-x top left;
}

#header
{
    background      : transparent url(images/headerBG.jpg) repeat-x top left;
}

#content
{
    background-color: #FFFFFF;
    border-left     : solid 3px #9DA572;
    border-right    : solid 3px #9DA572;
}

.secondary 
{
    background      : transparent url(images/bgMenuLeft.jpg) no-repeat top right;    
}

.tv
{
    background      : transparent url(images/soapQueenTV.jpg) no-repeat top left;
}

.teach
{
    color           : #5D1048;
    background      :transparent url(images/teachSoapBG.jpg) no-repeat top left;
}

.footer
{
    background      : transparent url(images/footerBG.jpg) repeat-y top left;
    border          : solid 3px #9DA572;
    border-bottom   : 0;
}

.addressBook .address
{
    color           : #5F6833;
}

.description
{
    background      : transparent url(images/yellowGradient.jpg) repeat-y top left;
    border-top      : solid 1px #D9E4B9;
}

.results
{
    border-bottom   : solid 1px #D9E4B9;
}

.lyeCalculator .pseudolabel.soaptype,
.lyeCalculator .pseudolabel.units
{
	border-bottom	: solid 1px #A8B07D;	
}

.warning-box
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius	: 10px;	
}

.warning-box.mistake
{
	border			: solid 1px #621849;
	color			: White;
	background-color: #ad7c9c;

}

.warning-box.correct
{
	border			: solid 1px #787E4D;
	background-color: #E7E9DC;	
}

.reset-weight-header
{
	background		: url("images/leafBorderBG.jpg") no-repeat scroll right bottom transparent;
	color			: #62194A
}
/*___ SPAN _________________________________________________________________*/
.welcome span
{
    background-color: transparent;
    color           : #62194A;
}

table.inputForm .rowHeader
{
    color           : inherit;
}

.footer .vcard
{
    background-color: #FFFFFF;
    border-top      : solid 3px #9DA572;
}

span.title
{
    background-color: Transparent;
}

.news span
{
    background      : transparent url(images/leafBorder.gif) no-repeat left 7px;
}

label[id$="recipe"] span.labelName,
.pseudolabel.soaptype span.labelName,
.pseudolabel.units span.labelName,
label[id$="notes"] span.labelName,
.fragCalculator .pseudolabel .labelName
{
	color           : #62194A;
}

.highlight
{
	background	: #e9d3e2;
	border		: 1px solid #62194a;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/
.productNews
{
    background      : transparent url(images/productNewsBG.jpg) no-repeat top left;
}

.stickyList ul
{
    border          : solid 1px /*#D9E4B9*/ #A9B281;
}

.testimonials
{
    border-left     : 1px solid #b9c190;
    border-right    : 1px solid #b9c190;
    background-color: #f9fdec;
}

.fragCalculator ul
{
    background      : #ffffff;
    border          : 1px solid #909090;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
.primary .productNews li,
.primary .extraInfo li
{
    background      : none;
}

.primary li.alternate
{
    background      : transparent url(images/leafBG.gif) no-repeat bottom;
}

.primary .description li
{
    background      : none;
}

.blog li
{
    background      : transparent url(images/blogBullets.jpg) no-repeat left;
}

.shortcuts li
{
    border-left     : solid 1px #347799;
}

.shortcuts li:first-child
{
    border-left     : none;
}

.phone li
{
    color           : #62194A;
}

.phone li:first-child
{
    border-right    : solid 1px #62194A;
}

.about li
{
    background-color: #9DA572;
    border          : solid 1px #9DA572;
    border-bottom   : none;
}

.about .help
{
	background-color: #62194A;
	border			: solid 1px #62194A;	
	border-bottom	: none;	
}

.about li:hover
{
    background-color: #FFFFFF;
}

.productPages li
{
	background		: transparent url(images/iconsBackdrop.gif) no-repeat left bottom;
}


.categories .stuck,
.categories li:hover
{
    border          : solid 1px /*#D9E4B9*/ #A9B281;
}

.categories ul li:hover
{
	border			: none;	
}

.primary ul li
{
    background      : transparent url(images/leafHover.gif) no-repeat left 4px;
}

.primary .options li,
.primary .oils li
{
    background      : none;
}

.primary #success > li
{
    background      : none;
}

.primary ul.news li,
.primary ul.testimonials li,
.primary .year li
{
    background      : none;
}

.primary ul.news ul li
{
    background      : transparent url(images/leafHover.gif) no-repeat left 4px;
}

.primary ul.testimonials li
{
    background          : transparent url(images/testimonialsBottomBorder-trans.png) no-repeat bottom left;
    border-top          : 1px solid #b9c190;
}

.primary ul.testimonials li ol li
{
    background      : none;
    border-top      : none;
}

.primary .fragCalculator ul li
{
	background      : none;
	color	        : #347799;
	border-top	: 1px solid #909090;
}

.primary .fragCalculator ul li:first-child
{
	border-top	: none;
}

/*___ STRONG _________________________________________________________________*/
.extra
{
    color           : #62194A;
}

.important
{
    color           : #DF0000;
}  

.standOut
{
    color           : #62194A;
}

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.about a,
.about a:visited
{
    color           : #FFFFFF;
}

.about a:hover
{
    color           : #9DA572;
}

.about .help a:hover
{
	color			: #62194A;
}

a.moreDetails {
    background      : #FFFFFF url(images/more_btn2.gif) repeat-x top left;	
}

a.addToCart {
    background      : #FFFFFF url(images/cart_btn2.gif) repeat-x top left;	
}

a.altoddButton,
a.altoddButton:visited,
a.altoddButton:hover
{
    border          : solid 1px #AD7C9D;
    color           : #347799;
}

table.pagedList th a
{
    color           : #347799;
}

table.pagedList th a:hover
{
    color           : #000000;
}

.stickyList .stuck,
.stickyList li:hover
{
    background      : #FFFFFF url(images/categoryHoverBG.jpg) repeat-x top left;
}

.stickyList ul li:first-child a
{
    background-color: #FCFAE3;
}

.stickyList ul li a:hover
{
    background: #EBEFD1 url(images/leafHover.gif) no-repeat 98% 50%;
}

a.meltAndPour
{
	background		: transparent url(images/buttonPourSoap-trans.png) no-repeat left top;	
}

a.coldProcess
{
	background		: transparent url(images/buttonColdSoap-trans.png) no-repeat left top;
}

a.candles
{
	background		: transparent url(images/buttonCandles-trans.png) no-repeat left top;	
}

a.makeUp
{
	background		: transparent url(images/buttonMakeup-trans.png) no-repeat left top;	
}

a.lipBalm
{
	background		: transparent url(images/buttonBalm-trans.png) no-repeat left top;
}

a.lotion
{
	background		: transparent url(images/buttonLotion-trans.png) no-repeat left top;	
}

a.natural
{
	background		: transparent url(images/buttonOrganic-trans.png) no-repeat left top;	
}

a.meltAndPour:hover
{
	background		: transparent url(images/buttonPourSoapLarge.png) no-repeat left top;	
}

a.coldProcess:hover
{
	background		: transparent url(images/buttonColdSoapLarge.png) no-repeat left top;
}

a.candles:hover
{
	background		: transparent url(images/buttonCandlesLarge.png) no-repeat left top;	
}

a.makeUp:hover
{
	background		: transparent url(images/buttonMakeupLarge.png) no-repeat left top;	
}

a.lipBalm:hover
{
	background		: transparent url(images/buttonBalmLarge.png) no-repeat left top;
}

a.lotion:hover
{
	background		: transparent url(images/buttonLotionLarge.png) no-repeat left top;	
}

a.natural:hover
{
	background		: transparent url(images/buttonOrganicLarge.png) no-repeat left top;	
}

.newsletter
{
    background      : transparent url(images/newsletterButton.jpg) no-repeat left top;
}

.newsletter:hover
{
    background      : transparent url(images/newsletterButtonHover.jpg) no-repeat left top;
}

.yourCart
{
    background      : transparent url(images/cartButton.jpg) no-repeat left top;
}

.yourCart:hover
{
    background      : transparent url(images/cartButtonHover.jpg) no-repeat left top;
}

.showAll,
.showAll:hover,
.showAll:visited
{
    color           : #347799;
}

.paging span,
.paging .current,
.paging a:hover,
.year .current,
.year a:hover
{
    background-color: #FFF8E6;
    border          : solid 1px #62194A;
    color           : #347799;
}

.paging a,
.year a
{
    background-color: #62194A;
    border          : solid 1px #FFF8E6;
    color           : #FFF8E6;
}

.nav.utility a.previous
{
    background      : transparent url(images/arrowLeft.gif) no-repeat left 51%;
}

.nav.utility a.next
{
    background      : transparent url(images/arrowRight.gif) no-repeat right 57%;
}

.primary .fragCalculator ul li a:hover
{
	background	: #fcf3d6;
}

.primary .fragCalculator ul li a[id$="lb"]
{
	background		: transparent url(images/iconCalculator.png) no-repeat 5px center;
	border-right		: 1px solid #ccc;
}

.primary .fragCalculator ul li a[id$="lb"]:hover
{
	background		: #fcf3d6 url(images/iconCalculator.png) no-repeat 5px center;
	border-right		: 1px solid #ccc;
}

.primary .fragCalculator ul li .info
{
	background		: transparent url(images/info.png) no-repeat center center;
}

.primary .fragCalculator ul li .info:hover
{
	background		: #fcf3d6 url(images/info.png) no-repeat center center;
}

/*___ TABLE _________________________________________________________________*/
table.addressBook
{
    border          : none;
    color           : #5F6833;
}

table.form,
td.datasheet
{
    border          : solid 1px #FFFFFF;
}

/*___ TR _________________________________________________________________*/
.alteven,
table.pagedList tr.evenRow
{
    background-color: #FFFBEF;
}

table#results tr:nth-child(odd)
{
	background	: #EDEFE0;
	background	: rgba(237,239,224,0.5);
}

table#results tr.recommended
{
	background	: none;
}

.productOptions .pagedList > tbody > tr:first-child,
table#results tr.header,
.header,
table[id$="ProductList"] tr
{
    background      : transparent url(images/leafBorderBG.jpg) no-repeat bottom right;
}

.recentlyViewed[id$="ProductList"] tr,
.recentlyViewed .productsGrid tr
{
    background      : none;
}

/*___ TH _________________________________________________________________*/
th.columnHeader
{
    color           : #62194A;
}

table.pagedList th
{
    background-color: #FFFFFF;
}

table.buyProductForm .rowHeader
{
    color           : #5F6833;
}

.productOptions tr:first-child th,
.header th
{
    color           : #62194A;
    background-color: transparent;
}

table.selectShippingMethod td.dataSheet tr th
{
    background-color: #FFFFFF;
}


/*___ TD _________________________________________________________________*/
table.addressBook td.entries
{
    border          : none;
}

td.totalRow,
td.totalRow + td
{
    color           : #62194A;
}

td.opcSidebar
{
    background      : none;
    border-color    : #FFFFFF;
}

.opcPaymentMethods
{
    background-color: #FFFBEF;
}

/*___ IMG _________________________________________________________________*/
.primary img
{
    border          : solid 1px #A9B281;
}

div.flickr img
{
    border          : solid 3px #347799;
}

.success img
{
    border          : 3px solid #787F4F;
}

img.Thumbnail
{
    border          : 1px solid #787F4F !important;
}

.TreeView img
{
    border          : none;
}

.primary .blend,
.tertiary .blend,
.step.one img,
.step.two img,
#results img
{
    border          : none;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
.searchButton,
.searchButton:hover
{
    color           : #347799;
    background      : #ffffff none;
    border          : none;
    cursor          : pointer;
}

.oils input
{
    width           : 30px;
    margin-right    : 5px;
}

.warning-box.correct input.button,
.warning-box.correct input.button:hover
{
	border			: solid 1px #787E4D;
}

.warning-box.mistake input.button,
.warning-box.mistake input.button:hover
{
	border			: solid 1px #621849;
}

.warning-box.mistake input.calculate,
.warning-box.mistake input.calculate:hover
{
	color			: #621849;
	background		: transparent url(images/button_warning_bg.gif) repeat-x left top; 
}

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/
.mindfly
{
    background-color: #FFFFFF;
}

/*___ BLOCKQUOTE _________________________________________________________________*/
.footer blockquote
{
    color           : #3A3636;
}

/*___Group/Section/Class_________________________________________________________________*/