/* CSS Document */

/** Structure **/
HTML { height:100%; margin:0;background-color:#D0E7C8; }
BODY { height:100%;margin:0;background-color:#D0E7C8; }
P,TD,LI, INPUT,TEXTAREA, DIV {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;}

#IEWrapper {height:100%; min-height:100%; text-align:center;}
#Wrapper {height:100%;text-align:left;margin-left:auto;margin-right:auto;/*width:780px;border-left:1px solid #999999;border-right:1px solid #999999; background-color:#FFFFFF;*/}
#IEWrapper >#Wrapper {height:auto;min-height:100%;} 
#Main {min-height:100%;}
#Footer {text-align:center;padding-bottom:10px;padding-top:10px;color:#999999;line-height:18px;}

#Wrapper {background-image:url(images2/BackgroundSlice.jpg);background-position:top left;background-repeat:repeat-y;width:797px;padding-left:9px;padding-right:8px;}

#Content , #ContentShort {float:right;background-image:url(images2/BackgroundProducts2.jpg);background-position:top right;background-repeat:no-repeat;margin-right:17px;}
#Content {width:605px;}
#ContentShort {width:580px;}
#Content , #ContentShort {min-height:450px;}
#BackgroundProducts > FORM > #Content {height:auto;min-height:450px;}
#BackgroundProducts > FORM > #ContentShort {height:auto;min-height:450px;}

#RightPanel {float:right;margin-top:5px;margin-right:5px;}

H1 {font-size:16px;color:#339900;}
H2 {font-size:14px;color:#339900;}
H3 {font-size:13px;color:#339900;}

.clear {clear:both;}

A:link, A:active, A:visited { color:#339900; text-decoration:none; } 
A:hover { text-decoration:underline; color:#339900; }

#ContentColumn {width:400px;}

/** Headers **/
#g_HeaderSection {background-image:url(images2/g_header_background.jpg);width:780px;height:152px;}
#g_HeaderLogo {padding-left:252px;}
#g_HeaderNavigation {padding-left:252px;}
#c_HeaderSection {background-image:url(images2/c_header_background.jpg);width:780px;height:152px;}
#c_HeaderLogo {padding-left:254px;}
#c_HeaderNavigation {padding-left:237px;}
#v_HeaderSection {background-image:url(images2/v_header_background.jpg);width:780px;height:151px;}
#v_HeaderLogo {padding-left:252px;}
#v_HeaderNavigation {padding-left:252px;}

/** Home **/ 
#HomeWrapper {padding-top:75px;height:100%;margin-left:auto;margin-right:auto;/*width:780px;border-left:1px solid #999999;border-right:1px solid #999999; background-color:#FFFFFF;*/}
#HomeWrapper {background-image:url(images2/BackgroundSlice.jpg);background-position:top left;background-repeat:repeat-y;width:780px;padding-left:9px;padding-right:8px;}

#IEWrapper > #HomeWrapper {height:auto;min-height:100%;}

/** View **/
#View {}
#View #Content {width:auto;padding-left:5px;padding-right:2px;}


/** ViewAll **/
H2.ViewAllType {border-bottom:1px solid #8DB77B;width:595px;}
.ProductThumb {float:left;width:192px;overflow:hidden;margin-left:4px;margin-top:6px;position:relative;margin-bottom:10px;}
.ProductThumb A:hover {text-decoration:none;}
.ProductThumb .Thumbnail {border:1px solid #999999;}
.ProductThumb .Price {position:absolute;bottom:1px;;left:0;font-size:14px;font-weight:bold;background-color:#8DB77B; color: #FFFFFF;border:1px solid #999999;padding:2px;}
.ProductThumb > A > .Price {bottom:0px;}
.ProductThumb .Label {display:block;}

/** Welcome Page **/ 
#Welcome {padding-top:50px;}
#WelcomeBasket {float:left;}
#WelcomeMenu {float:left;width:533px;overflow:hidden; }
#h_HeaderNavigation {margin-top:139px;margin-bottom:10px;}

/** Product Pages **/
#BackgroundProducts {/*background-image:url(images2/Background_Soaps.jpg);background-position:top right;background-repeat:no-repeat;*/}
#Product {color: #FFFFFF;background-color:#bdd0b4;width:780px; }
#ProductPhoto {padding:4px;overflow:hidden;vertical-align:middle;text-align:center;}
#ProductPhoto IMG {border:1px solid #999999;}
#ProductDetails {width:400px;overflow:hidden;vertical-align:top;text-align:left;padding-top:10px; padding-left:15px; padding-right:10px;font-size:12px;}
#ProductDetails .Name {font-size:20px;font-weight:bold;}
#ProductDetails .Description {margin-top:10px;}
#ProductDetails .Ingredients {margin-top:10px;}
#Product .Price { color: #FFFFFF; font-weight: bold;padding-left:20px; font-size:18px; }
#Product .Qty {text-align:right;}
#Product .Qty INPUT.Field {border:1px solid #999999;width:40px;vertical-align:text-bottom;height:14px;}
#Product .Qty INPUT.Field:focus {background-color:#939371;}
#Product .Qty INPUT.CartBtn {vertical-align:text-bottom;margin-right:2px;}
#Product .Price , #Product .Qty  { vertical-align:bottom;padding-bottom:4px;border:1px;}
#Product .Qty .InvalidSelection {color:#CC0000;display:block;text-align:center;margin-bottom:10px;}
.PlaceHolder {/*height:340px;*/}


/** Products Menu **/
#ProductMenu {margin-left:10px;margin-top:10px;margin-right:5px;float:left;}
.LabelShort {border-bottom:1px solid #8DB77B;width:150px;}
.LabelWide {border-bottom:1px solid #8DB77B;}
.All {margin-top:30px;border-top:1px solid #8DB77B;}

/** Shopping Cart **/
#ShoppingCart { background:url(images2/BoxBackground.png) top left repeat-y; height:400px; width:174px; margin-top:2px; margin-right:2px; border:1px solid #c9c9c9; padding-bottom:20px;	text-align:left; }
#RightPanel > #ShoppingCart {height:auto;min-height:400px;}

#ShoppingCart TD {vertical-align:top;}
#ShoppingCart .Heading	{font-weight:bold;text-align:center;}
#ShoppingCart .Brief 	{padding:10px;}
#ShoppingCart .Details 	{padding:10px;}
#ShoppingCart .Details .ProductType {text-align:left;font-weight:bold;margin-bottom:5px;margin-top:10px;}
#ShoppingCart .Details .Qty {float:right;}
#ShoppingCart .Details HR { color:#000000; height:1px; width:100%; }

#ShoppingCart .CheckOutButton {text-align:center;margin-top:25px;}
#ShoppingCart .StrikeOut {color:#993300;text-decoration:line-through;}
#ShoppingCart .Free {font-weight:bold;}

#ShoppingCart .Note {text-align:center;margin-top:20px;}
#ShoppingCart .SubTotal {border-top:1px solid #666666;}

#ShoppingCart .Question {vertical-align:baseline;margin-left:1px;cursor:pointer;}

/** Contact Form **/
#Contact {height:308px;margin-bottom:1px; border-bottom:1px solid #999999; padding:4px;background-image:url(images2/Background-Green-Small.gif); background-repeat:no-repeat; background-position:bottom right; background-color:#D0E7C8;margin-right:17px; }
#Main > #Contact {height:auto;min-height:308px;}
#Address {width:260px;float:left;line-height:16px;padding-top:10px;padding-left:10px;}
#ContactForm {width:500px;float:left;padding-top:10px;}
#ContactForm .Required {color:#CC0000;}
#ContactForm TD {padding:4px;}
#ContactForm .Field {border:1px solid #8FBC8B;width:250px;}
#ContactForm .Field:focus {background-color:#FFFFFF;}
#ContactForm input, #ContactForm select,#ContactForm textarea { background-color:#D0E7C8; }
#ContactForm input.Button {border:1px solid #8FBC8B;}

/** View Cart **/
#ContentViewCart {text-align:center;padding-top:20px;background-image:url(images2/BackgroundProducts2.jpg);background-position:top right;background-repeat:no-repeat;margin-right:17px;}
#ViewCart {height:500px;margin-left:auto;margin-right:auto;text-align:left;width:100%;}
#ContentViewCart > #ViewCart {height:auto;min-height:500px;}
#ViewCart .EmptyCart {text-align:center;font-weight:bold;}
#ViewCart H2 {font-weight:bold;text-align:center;}
#ViewCart #CartContent {width:100%;}
#ViewCart #CartContent TR.Alt TD {/*border-top:1px solid #D0E7C8;*/}
#ViewCart #CartContent TD {padding:4px;}
#ViewCart #CartContent .Photo {width:25px;}
#ViewCart #CartContent .Photo IMG {border:1px solid #999999;} 
#ViewCart #CartContent .Name {width:500px;}
#ViewCart #CartContent .UnitPrice {width:100px;}
#ViewCart #CartContent .Qty {width:100px;text-align:right;}
#ViewCart #CartContent .Qty INPUT{border:1px solid #999999;width:40px;vertical-align:text-bottom;height:14px;text-align:right;}
#ViewCart #CartContent .Qty INPUT:focus {background-color:#939371;}

#ViewCart .Summary {text-align:right;margin-top:20px;}
#ViewCart .Summary INPUT.Button {margin:5px;border:1px solid #8FBC8B;background-color:#D0E7C8;}
#ViewCart .CartBrief TABLE {width:300px;text-align:left;margin-left:auto;margin-right:0;}

#CartSummary {background-color:#FFFFFF;border:1px solid #8FBC8B;width:600px;margin-left:auto;margin-right:auto;padding:8px;margin-top:20px;}

/** Last Minute **/
#LastMinute {background-color:#D0E7C8;border:1px solid #8FBC8B;width:608px;margin-left:auto;margin-right:auto;padding-left:10px;}
#LastMinute .Heading {color:#339900;font-weight:bold;padding-left:8px;padding-top:3px;}
#LastMinute > .Heading {padding-left:4px;}
#LastMinute .ProductThumb {float:left;width:102px;overflow:hidden;margin-right:12px;margin-top:6px;position:relative;margin-bottom:10px;}
#LastMinute > .ProductThumb {margin-right:14px;}
#LastMinute .ProductThumb .Thumbnail {border:1px solid #999999;}
#LastMinute .ProductThumb .Price {position:absolute;bottom:1px;left:0;font-size:10px;font-weight:bold;background-color:#8DB77B; color: #FFFFFF;border:1px solid #999999;padding:2px;}
#LastMinute .ProductThumb > A > .Price {bottom:0px;}
#LastMinute #Info {height:24px;line-height:24px;vertical-align:middle;color:#339900;font-weight:bold;padding-left:6px;}
#LastMinute > #Info {padding-left:6px;}

/** Cart Brief **/
.CartBrief {padding-top:10px;padding-bottom:10px;}
.CartBrief TABLE TD {padding:0;}
.CartBrief TABLE TD .StrikeOut {color:#993300;text-decoration:line-through;}
.CartBrief TABLE TD .Free {color:#00CC33;font-weight:bold;}
.CartBrief TABLE TD.Currency {text-align:right;}
.CartBrief TABLE TR.Total TD {padding-top:5px;}
.CartBrief TABLE TR.Discount TD {padding-top:10px;color:#666666;}
.CartBrief TABLE TR.Discount TD.Discount {text-align:right;color:#548b3a;font-weight:bold;;}

.CartBrief .Question {vertical-align:baseline;margin-left:1px;cursor:pointer;}

/** Checkout **/
#ContentCheckOut {text-align:center;background-image:url(images2/BackgroundProducts2.jpg);background-position:top right;background-repeat:no-repeat;margin-right:17px;}
#CheckOut {height:520px;margin-left:20px;text-align:left;width:90%;position:relative;width:570px;}
#ContentCheckOut > #CheckOut {height:auto;min-height:520px;padding-bottom:70px;}
#CheckOut H2 IMG {margin-right:5px;}
#CheckOut .Steps {text-align:left;}
.AddressForm {width:500px;}
.AddressForm TD {padding:2px;}
.AddressForm .Field {border:1px solid #8FBC8B;width:250px;}
.AddressForm .Field:focus {background-color:#D0E7C8;}
.AddressForm .Required {color:#CC0000;}

.CreditCards {float:right;}
.CreditCards IMG {border:1px solid #999999;}
.SecureIcon {text-align:center;position:absolute;bottom:0px;left:200px;}

.ExtraForm {width:500px;}
.ExtraForm TD {padding:2px;}
.ExtraForm .Field {border:1px solid #8FBC8B;width:100%;}
.ExtraForm .Field:focus {background-color:#D0E7C8;}

#CheckOut  .CartBrief TABLE {width:500px;text-align:left;}

.WizardCheckout {}
.WizardCheckout .WizardButtons {margin-top:40px;margin-bottom:40px;text-align:left;}
.WizardCheckout .WizardButtons INPUT {margin-right:10px;border:1px solid #8FBC8B;background-color:#D0E7C8;}

.Payment {width:500px;}
.Payment TD {padding:2px;}
.Payment .Field {border:1px solid #8FBC8B;width:250px;}
.Payment .Field:focus {background-color:#D0E7C8;}
.Payment .YearMonthField {border:1px solid #8FBC8B;}
.Payment .YearMonthField:focus {background-color:#D0E7C8;}
.Payment .Required {color:#CC0000;}
.Payment .Field {border:1px solid #8FBC8B;width:250px;}
.Payment .Field:focus {background-color:#D0E7C8;}

.PaymentError {color:#CC3300;font-weight:bold;padding:10px;background-color:#CCCCCC;border:1px solid #666666;margin-bottom:10px;margin-top:10px;}

#processing_payment {text-align:center;font-weight:bold;}

/** Client Login **/
#ClientLogin { background-image:url(images2/BoxBackground.png); background-repeat:repeat-y; background-position:50% bottom; width:174px; margin-top:2px; margin-right:2px; border:1px solid #c9c9c9; text-align:left; }
#ClientLogin TD {padding:4px;}
#ClientLogin INPUT.Field {background-color:#dddd73;border:1px solid #8FBC8B;width:98%;}
#ClientLogin INPUT.Button {background-color:#dddd73;border:1px solid #8FBC8B;margin:5px;}
#ClientLogin .Message {color:#CC3300;font-weight:bold;}

/** Product Scroller **/ 
#Scroller {width:400px;overflow:hidden;height:50px;position:relative; white-space:nowrap;padding-right:10px;}
#Scroller #Scrollee {position:absolute;left:0;top:0;}
#Scroller IMG {float:left;width:50px;}
#Scroller .ScrollRight {position:absolute;right:0;top:50%;}
#Scroller A {background-color:#006600;}

/** About us **/
#BackgroundAbout {/*background-image:url(images2/Background_Soaps.jpg);background-position:top right;background-repeat:no-repeat;*/}
#ContentAbout {float:right;background-image:url(images2/Background_About.jpg);background-position:top right;background-repeat:no-repeat;height:730px;margin-right:17px;}
FORM > #ContentAbout {height:auto;min-height:730px;margin-right:17px;}
.AboutJames {width:300px;margin-right:10px;margin-bottom:10px;text-align:center;padding-top:15px;margin-left:150px;}
#ContentAbout #About {text-align:left;padding-left:10px;padding-right:10px;}

/** Modal Box **/
#modal_container { background-color:#D0E7C8;border:1px solid #006633; color:#000000; padding:20px; text-align:left; overflow:auto; }
#modal_container.active { }
#modal_overlay { background-color:#000; }
#modal_overlay.active { background-color:#fff; }

IMG.Icon {margin-right:5px;}

/** Privacy **/
#BackgroundPrivacy {/*background-image:url(images2/Background_Soaps.jpg);background-position:top right;background-repeat:no-repeat;*/}
#ContentPrivacy {float:right;background-image:url(images2/Background_About.jpg);background-position:top right;background-repeat:no-repeat;height:730px;margin-right:17px;}
FORM > #ContentPrivacy {height:auto;min-height:730px;margin-right:17px;}
#ContentPrivacy #Privacy {text-align:left;margin-left:10px;padding-right:10px;width:550px;}

.Erased {text-decoration:line-through;}
.HotPrice {color:#558c39;}
#ShoppingCart .Erased {color:#990000;}

#CheckOut P.Notice {color:#558c39;}
#CheckOut H1 {margin-top:0;}
#CheckOut  {padding-top:10px;}
#CheckOut DIV.Notice {background-color:#f8fbf7;border:1px solid #8FBC8B;padding:0px 10px 10px 10px;margin-top:30px;}
#CheckOut DIV.Notice P {margin-top:10px;margin-bottom:10px;}


#CreateAccountForm {}
#CreateAccountForm LABEL {display:block;clear:left;padding:10px;}
#CreateAccountForm LABEL SPAN {float:left;width:150px;}
#CreateAccountForm LABEL INPUT.Field {background-color:#dddd73;border:1px solid #8FBC8B;width:120px;float:left;}
#CreateAccountForm LABEL INPUT.Button {background-color:#dddd73;border:1px solid #8FBC8B;width:120px;}