/*
	CSS for VogueOrganics.com
	Written by Hybrid Forge | www.HybridForge.com
	November 2009
-------------------------------------------------------------*/

 
/*	Imports
-------------------------------------------------------------*/

@import url('reset.css'); 

 
/*	HTML Items
-------------------------------------------------------------*/
 
body
	{
	margin: 0 0 1em 0;
	padding: 0;
	font: 100.01%/120% helvetica,arial,verdana,geneva,sans-serif;
	color: #fff;
	text-align: center;	
	background: #d3e29c url('../images/body-bg.gif') repeat-x 0 151px;
	}
 
h1,h2,h3 { font: normal normal 1.7em tahoma,verdana,helvetica,arial,sans-serif; color: #000; }
h1 { margin: 0 0 0.5em 0; padding: 0 0 3px 0; width: 100%; font-weight: bold; }
h2 { font-size: 1.5em; margin: 0.8em 0 0.3em 0; padding-bottom: 0; }
h2 + p { padding-top: 0; margin-top: 0; }
h3 { font-size: 1.3em; font-weight: bold; margin: 0.8em 0 0.5em 0; padding-bottom: 0; }
h4 { font-size: 1.1em; font-weight: bold; }

a { color: #789142; }
a:hover { color: #aaa; text-decoration: none; }
a:active { color: #666; }

img { border: none; }



/*	General Layout Items
-------------------------------------------------------------*/

#mainWrapper
	{
	position: relative;
	width: 100%; height: auto;
	margin: 0 auto; padding: 0;	
	text-align: center;
	font-size: 85%;
	}
#header, #content, #footer
	{
	position: relative;
	width: 100%; height: auto;
	text-align: center;
	margin: 0; padding: 0;
	}
#headerInner, #contentInner, #footerInner { width: 960px; text-align: left; margin: 0 auto; }


/*/// -- Header Area -- ///*/
#header { background: url('../images/header-bg.gif') repeat-x center top; height: 179px; }
#headerInner { width: 960px; }
#theLogo
	{
	position: relative;
	margin: 0; padding: 0;
	float: left;
	width: 250px; height: 151px; 
	background: url('../images/logo-vogue-organics.gif') no-repeat 0 54px;
	}
#topMenu
	{
	margin: 55px 0 0 0; padding: 0;
	float: right;
	text-align: right;
	}
#contentTopper
	{
	position: relative;
	height: 27px; line-height: 27px;
	margin: 1px 0 0 0;
	overflow: hidden;
	font-size: .9em;
	}
#breadcrumbs { float: left; min-width: 400px; padding-left: 11px; }
#accountsMenu { float: right; }


/*/// -- Content Area -- ///*/
#content { width: 971px; margin: 0 auto; padding-top: 3px; background: url('../images/content-topper-bg.gif') no-repeat right 0; }
#contentInner
	{
	width: 100%; clear: both;
	margin: 0 auto; padding: 0 0 1px 0;
	z-index: 1;	overflow: hidden;
	color: #000;
	background: url('../images/content-bg.gif') repeat-y right top;
	}

#mainMenu
	{
	position: relative;
	clear: both;
	width: 100%;
	margin: 1em 0 1em 0;
	padding: 0;
	text-align: left;
	}

#contentBody
	{
	position: relative;
	padding: 0.7em 0 2em 0;
	line-height: 1.5em;
	float: right;
	right: 15px;
	width: 685px;
	}
/*/// 1 col layout ///*/
.col-1-layout #content { background: url('../images/content-topper-bg-1-col.gif') no-repeat right 0;  }
.col-1-layout #contentInner { background: url('../images/content-bg-1-col.gif') repeat-y right top; }
.col-1-layout #contentBody { width: 930px; padding-top: 1.3em; min-height: 400px; }
.col-3-layout #contentBody { float: left; width: 480px; right: 0; }
	
#sidePanel
	{	
	position: relative;
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 0 1.5em 0;
	}

/*/// -- Footer Area -- ///*/
#footer	{ width: 971px; text-align: right; margin: 0 auto; }
#footerInner { width: 960px; padding: 0.5em 0 2em 0; margin: 0; float: right; border-top: 1px solid #bbd479;  }
#footerMenu { width: 100%; float: left; line-height: 1.4em; font-weight: bold; padding: .7em 0 .6em 0; }
#footerCloser { clear: both; border-top: 1px solid #818a62; overflow: hidden; font-size: .8em; color: #222; padding-top: .7em; }
#footerCloserLeft { float: left; width: 40%; font-weight: bold; min-height: 30px; background: url('../images/accepted-payments.png') no-repeat 85px 0; }
#footerCloserRight { float: right; width: 47%; text-align: right; line-height: 1.3em; }



/*	Menus 
-------------------------------------------------------------*/

/*/// Top Menu ///*/
#topMenu #theTagline { font-weight: bold; text-transform: uppercase; font-size: 1.5em; color: #2f4c12; border-bottom: 1px solid #2f4c12; }
#topMenu ul { margin: 0; padding: 10px 0 0 0; list-style: none; }
#topMenu ul li { font-size: 0.9em; margin: 0; padding: 0 24px; border-right: 1px solid #2f4c12; display: inline; }
#topMenu ul li.last { padding-right: 0; border: none; }
#topMenu ul li a { color: #7ca42f; text-decoration: none; }
#topMenu ul li a:hover { color: #2f4c12; }

/*/// Accounts Menu ///*/
#accountsMenu ul { margin: 0; padding: 0; list-style: none; color: #2f4c12; }
#accountsMenu ul li { margin: 0; padding: 0 0 0 .8em; display: inline; }
#accountsMenu ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#accountsMenu ul li a:hover { color: #d6e4a3; }

/*/// Breadcrumbs ///*/
#breadcrumbs ul { margin: 0; padding: 0; list-style: none; color: #2f4c12; }
#breadcrumbs ul li { margin: 0; padding: 0 0.5em 0 0; display: inline; }
#breadcrumbs ul li a { text-decoration: none; color: #fff; }
#breadcrumbs ul li a:hover { color: #d6e4a3; }

/*/// Main Menu - Side ///*/
#mainMenu { width: 238px; background: url('../images/mainmenu-top.png') no-repeat 0 0; }
#mainMenu .sidePanelHeading { font-size: .9em; text-transform: uppercase; height: 24px; color: #769041; padding: 3px 0 0 25px; }
#mainMenu ul { margin: 0; padding: 0; list-style: none; }
#mainMenu ul#nav { padding: 0 0 7px 0; background: url('../images/mainmenu-bot.png') no-repeat 0 bottom; }
#mainMenu ul li.level0 { margin: 0; padding: 0 0 4px 0; background: url('../images/mainmenu-item-bot.png') no-repeat 0 bottom; }
#mainMenu ul li.level0.last { padding: 0 0 0 0; }
#mainMenu ul li.level0 a { display: block; line-height: 25px; min-height: 25px; padding: 0 0 0 17px; color: #fff; font-weight: bold; text-decoration: none; background: #74a234 url('../images/mainmenu-item-bg.gif') no-repeat 0 0;  }
#mainMenu ul li.level1 a { background: none; }
#mainMenu ul li.level0 a:hover { color: #eaf1d0; background-position: 0 -50px; background-color: #a2c239; }

#mainMenu ul ul.level0 { background-color: #74a234; font-size: .9em; font-weight: normal; padding: 5px 0 5px 10px; }
#mainMenu ul ul.level0 a { display: block; line-height: 1em; min-height: 1em; padding-bottom: 5px; }

#mainMenu ul li.active ul.level0 { background-color: #a2c239; }
#mainMenu ul li.active a { font-style: italic; background-position: 0 -50px; background-color: #a2c239; }

/*/// Footer Menu ///*/
#footer a { color: #2f4c12; }
#footer a:hover { color: #758f3f; }
.footerMenu ul { float: left; margin: 0; padding: 0; list-style: none; font-size: .95em; }
#footerMenu ul.footer-links { margin-right: 10px; border-right: 1px solid #758f3f; }
.footerMenu ul li { margin: 0; padding: 0 0.8em; display: inline; border-right: 1px solid #758f3f; }
.footerMenu ul li.first { padding-left: 0; }
.footerMenu ul li.last { border: none; }
.footerMenu ul li a { text-decoration: none; }

#hf-footer 
	{
	clear: both;
	position: relative; top: -10px;
	width: 970px; 
	padding: 0; margin: -20px auto 0 auto; 
	font-size: 0.8em; text-align: right; 
 	}
#hf-footer a { display: block; color: #2f4c12;float: right; width: 200px; height: 50px; background: url('../images/logo-hybrid-forge.png') no-repeat right bottom; }
#hf-footer a:hover { color: #758f3f; }



/* General Content Items
-------------------------------------------------------------*/

/*/// Home Page Banners ///*/
#homeBanner { margin: 0 0 1em 0; }
#homeBannerImages a { display: block; width: 685px; height: 262px; }
#homeBannerImages a span { display: none; }
#homeBannerImages #bannerImg01 { background: url('../images/media/banner-home-makeup.jpg') no-repeat 0 0; }
#homeBannerImages #bannerImg02 { background: url('../images/media/banner-home-bamboo-towels.jpg') no-repeat 0 0; }
#homeBannerImages #bannerImg03 { background: url('../images/media/banner-home-bed-sheets2.jpg') no-repeat 0 0; }
#homeBannerImages #bannerImg04 { background: url('../images/media/banner-home-free-shipping3.jpg') no-repeat 0 0; }

/*/// Home Page Boxes ///*/
.homeBox { width: 220px; height: 200px; border: 1px solid #b1cc46; float: left; margin: 0 4px 1em 0; }
.homeBox.first { margin-left: 6px; }
.homeBox.last { margin-right: 0; }
.homeBox.twoCol { width: 446px; }
.homeBoxInner { padding: 1px; }
a.homeBoxImg { display: block; width: 218px; height: 160px; }
.twoCol a.homeBoxImg { width: 338px; }
.homeBoxImg span { display: none; }
.hbWomen .homeBoxImg { background: url('../images/homebox-mens-hoodie.jpg') no-repeat center center; }
.hbBath .homeBoxImg { background: url('../images/homebox-towels.jpg') no-repeat center center; }
.hbMakeup .homeBoxImg { background: url('../images/homebox-makeup.jpg') no-repeat center center; }
.hbBedding .homeBoxImg { background: url('../images/homebox-bedding.jpg') no-repeat center center; }
.hbSkincare .homeBoxImg { background: url('../images/homebox-skincare-bodysimply.jpg') no-repeat center center; }
.hbKitchen .homeBoxImg { background: url('../images/homebox-laundrysoap.jpg') no-repeat center center; }
a.homeBoxContent { margin-top: 1px; display: block; line-height: 33px; width: 218px; background: #fff url('../images/homebox-bot-bg.png') repeat-x 0 0; border-top: 1px solid #b1cc46; color: #000; text-decoration: none; font-weight: bold; text-align: center; }
a.homeBoxContent:hover { color: #aaa; }
a.homeBoxContent:active { color: #666; }
.twoCol .homeBoxContent { width: 444px; }

.hbAbout .homeBoxInner { padding: 0 0 0 7px; line-height: 1.3em; font-size: .95em; }
.hbAbout .homeBoxInner h1 { margin-bottom: 0; padding-bottom: 0.4em; }
.hbAbout .homeBoxInner img { float: right; margin: 0 0 1em 1em; }

/*/// Category Banners ///*/
.categoryBanner { width: 685px; height: 262px; }
.categoryBanner.catMakeup { background: url('../images/media/banner-category-makeup.jpg') no-repeat 0 0; }
.categoryBanner.catBedroom, .categoryBanner.catBedsheets { background: url('../images/media/banner-category-bed-sheets.jpg') no-repeat 0 0; }
.categoryBanner.catTowelsets { background: url('../images/media/banner-category-towel-sets.jpg') no-repeat 0 0; }
.categoryBanner.catYogapants { background: url('../images/media/banner-category-yoga-pants.jpg') no-repeat 0 0; }
.categoryBanner.catBathroom { background: url('../images/media/banner-category-bathroom.jpg') no-repeat 0 0; }
.categoryBanner.catWomens { background: url('../images/media/banner-category-womens.jpg') no-repeat 0 0; }
.categoryBanner.catWomensMens { background: url('../images/media/banner-category-women-men.jpg') no-repeat 0 0; }

/*/// Mini Search ///*/
#header .mini-search { margin-top: 8px; }
#header .mini-search input[type="text"] { margin-right: 2px; border: 1px solid #80984b; padding: 2px 3px 3px 3px; background: transparent; width: 185px; }
#header .mini-search input { float: right; }

/*/// GO Daddy Secure Logo ///*/
span#siteseal { display: block; text-align:center; }
.checkoutTrustLogo { width: 248px; margin-top: 2em; float: right; }

/*/// Checkout ///*/
ul.checkout-types { list-style: none; }
ul.checkout-types li { display: inline; }
ul.checkout-types li .btn-continue-shopping { display: block; margin-left: 1em; float: right; width:200px; height: 40px; background: url('../images/btn_continue_shopping.gif') no-repeat 0 0; }
ul.checkout-types li .btn-continue-shopping span { display: none; }




/*	Base Classes
-------------------------------------------------------------*/
 
/*/// Text Items ///*/
.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tSmall { font-size: 0.9em; }
.tLarge { font-size: 1.2em; }
.tCenter { text-align: center; }
.tUnder { text-decoration: underline; }
.tStrike { text-decoration: line-through; }
.tGrey, .tGrey a { color: #999; }
 
/*/// Img Items ///*/
.imgR { float: right; margin: 0.8em 0 1em 1em; }
.imgL { float: left; margin: 0.8em 1em 1em 0; } 
 
/*/// Borders ///*/
.horizBorder { border-top: 1px solid #ccc; height: 1px; }
.horizDouble { border-top: 3px double #ccc; height: 3px; }
 
/*/// Misc. ///*/
.clear { clear: both; }	
.clear-fix { clear: both; width: 0; height: 0; }
.required { color: #F11B25; font-weight: bold; }
.noShow, #theLogo strong { display: none; }
.adobe { background: url('../images/adobe.gif') no-repeat 0 2px; padding-left: 18px; }