@charset "utf-8";
/* ReVamp CSS */

body #all{
	color:#333;
	font:12px/1.2 Arial, Helvetica, sans-serif normal;
}

body #all .colorProfiles{
	color:#333;
	font:11px/1.3 Arial, Helvetica, sans-serif normal;
}

body #all .colorProfiles img{
	border:3px solid #fff;
	float:left; 
	margin: 0 15px 90px 0;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.clear {
	clear:both;
}

em {
	font-style: normal;
	color:#da655f;
}

.ysc {color:#ed1862}

a, a:link {
	color: #da655f;
	text-decoration: none;
}

a:visited {
	color: #da655f;
	text-decoration: none;
}
a:hover {
	color: #da655f;
	text-decoration: underline;
}
a:active {
	color: #999;
	text-decoration: none;
}

p {
	clear:right;
}

#wrapper {
	width:850px;
	height:auto;
	margin:0 auto;
	padding:10px;
}

h2 {
	font:17px/1.3em Arial, Helvetica, sans-serif normal;
}

h3 .price {
	color:#4b933f;
	font-weight:bold;
	text-align:right;
}

#all em {
	color:#da655f;
	font-weight:bolder;
	font-style:normal;
}

#about {
	background:url(../about/aboutBG_April2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#mission {
	background: url(../mission/missionBG_2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#history {
	background: url(../history/historyBG_2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#founder {
	background: url(../founder/founderBG_2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#AGDiff {
	background: url(../whats_the_difference/AGDiffBG_2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#easyReturn {
	background: url(../easy_returns/easyReturnBG_2009.jpg) top left no-repeat;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.standardBG {
	background: url(../images/otherBG_All.png) top left repeat-x;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#wrapper a {
	color:#da655f;
	font-weight:bold;
	text-decoration:none;
}

#wrapper a:hover {
	color:#da655f;
	font:bold;
	text-decoration:underline;
}

#buttons {
	margin:10px 0 20px 0;
	clear:right;
}

.leftsidebar {
	width:400px;
	float:left;
	padding:0 30px 30px 0;
}
.rightsidebar {
	width:400px;
	margin: 0 0 0 440px;
	padding:1px 0 30px 0;
}
.green {
	color:#4b933f;
	font-weight:bold;
}

.main-info {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 25px;
	border:solid 1px #a1a1a1;
	background:url(../images/main-infoBG.png);
	margin-top:5px;
}

.main-info-profile {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 18px;
	border:solid 1px #a1a1a1;
	background:#fff url(../images/otherBG_Horz.png) repeat-y;
	width:378px;
	float:left;
	margin:5px 0 10px 8px;
}

.main-info .header {
	height:80px;
}

.sub-info {
	padding:25px;
	clear:right;
}

.is-wearingTxt {
	font:9px/1.2 Arial, Helvetica, sans-serif normal;
}

h4{
	font-size:13.2px;
}

h4 a:link {
	color:#333;
}

h4 a:hover {
	text-decoration:underline;
}

.module-product {
	border-bottom:1px dotted #999;
	border-right:1px solid #999;
	width:160px;
	height:57px;
	margin:0 15px 10px 15px;
	padding:98px 3px 2px 3px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

.product-block {
	width:185px;
	height:175px;
	display:block;
	float:left;
	vertical-align:middle;
	line-height:1.2em;
}

#module-ingredients {
	height:70px;
}

.module-main {
	margin:5px 0 0 200px;
	line-height:1.2em;
}

.side-nav {
	float:left;
	text-align: right;
	margin: 0;
	width:200px;
	font:12px/1.3em Arial, Helvetica, sans-serif bold;
}

.side-nav .highlight {
	list-style:none;
	text-decoration:none;
	background:#444;
	color:#FFF;
	padding:7px 15px 7px 15px;
}

.side-nav li .highlight {
	list-style:none;
	text-decoration:none;
	background:#444;
	color:#FFF;
}

.side-nav li{
	list-style:none;
	text-decoration:none;
	background:#fff;
	color:#000;
	padding:7px 15px 7px 15px;
	border-right:1px solid #999;
	border-bottom:1px dotted #999;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.side-nav ul .subSection-nav{
	margin:0 0 8px 0;
	padding: 0 5px;
}

.side-nav .subSection-nav li{
	font-size:10px;
	line-height:1.5em;
	text-align: left;
	text-decoration:none;
	background:#fff;
	color:#000;
}

.module3-top {
	border-top:1px solid #999; 
	border-left:1px dotted #999; 
	-webkit-border-top-left-radius: 10px; 
	-khtml-border-radius-topleft: 10px; 
	-moz-border-radius-topleft: 10px; 
	border-top-left-radius: 10px;
	margin:10px;
	padding:15px;
	text-align:left;
}

.module3-trio {
	font-size:10px;
	line-height:1.3em;
	border-bottom:1px dotted #999; 
	border-right:1px solid #999; 
	-webkit-border-bottom-right-radius: 10px; 
	-khtml-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomright: 10px; 
	border-bottom-right-radius: 10px;
	float:left;
	width:395px;
	height:200px;
	margin:5px 5px 30px 10px;
	padding:5px;;
	text-align:left;
}

.ingredient-glossary .module3-ingredient {
	font-size:10px;
	line-height:1.3em;
	border-bottom:1px dotted #999; 
	border-right:1px solid #999; 
	-webkit-border-bottom-right-radius: 10px; 
	-khtml-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomright: 10px; 
	border-bottom-right-radius: 10px;
	float:left;
	width:385px;
	margin:10px 10px 5px 5px;
	padding:5px 20px 0 0;
	text-align:left;
}

.ingredient-glossary .module3-ingredient img {
	width:90px;
	float:left;
	margin:0 20px 0 0;
	border-top:1px dotted #999999;
	border-left:1px dotted #999999;
	border-right:1px dotted #999999;
}

.ingredient-glossary .main .module3-ingredient p {
	margin:0;
	padding:5px 0;
}


.module3-trio img {
	width:200px;
	float:left;
	margin:0 20px 70px 0
}

#collection .module3-trio img {
	width:175px;
	float:left;
	margin:0 20px 50px 0
}

.module3-shade {
	font-size:10px;
	line-height:1.3em;
	border-bottom:1px dotted #999; 
	border-right:1px solid #999; 
	-webkit-border-bottom-right-radius: 10px; 
	-khtml-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomright: 10px; 
	border-bottom-right-radius: 10px;
	float:left;
	width:260px;
	height:180px;
	margin:5px 0 35px 10px;
	padding:5px 5px 0 5px;
	text-align:left;
}

.module3-shade h2, .module3-trio h2, .module3-ingredient h2 {
	color:#333;
	font:16px/1.1em Arial, Helvetica, sans-serif normal;
	text-transform: uppercase;
	margin:7px;
}

.module3-ingredient h3 {
	color:#4b933f;
	font:14px/1em Arial, Helvetica, sans-serif normal;
	text-transform: uppercase;
	margin:0;
}

.module3-shade .desc {
	font:10px/1.2em Arial, Helvetica, sans-serif normal;
	height:90px;
}

.module3-trio .desc {
	font:10px/1.2em Arial, Helvetica, sans-serif normal;
	height:125px;
}

#wrapper .module3-shade .btnCart, #wrapper .module3-trio .btnCart {
	color:#FFF;
	font-size:11px;
	text-align:center; 
	float:right;
	margin:0 5px 5px 0;
	padding:1px;
	border:2px solid #999;
	width:137px;
}

#wrapper .module3-shade .btnCart a, #wrapper .module3-trio .btnCart a {
	color:#FFF;
	text-decoration:none;
	width: 115px;
	padding:2px 10px;
	text-align:center; 
	vertical-align:middle;
	float:right;
	background-color:#999;
	border:1px solid #CECECE;
}

#wrapper .module3-shade .btnCart a:hover, #wrapper .module3-trio .btnCart a:hover {
	color:#FFF;
	width:115px;
	padding:2px 10px;
	text-align:center; 
	background-color:#b0b0b0;
}

#wrapper .module3-shade #availability .btnCart, #wrapper .module3-trio #availability .btnCart {
	color:#FFF;
	font-size:11px;
	text-align:center; 
	float:right;
	margin:0 5px 5px 0;
	padding:1px;
	border:2px solid #FFF;
}

#wrapper .module3-shade #availability .btnCart a, #wrapper .module3-trio #availability .btnCart a {
	color:#cecece;
	text-decoration:none;
	width: 115px;
	padding:2px 10px;
	text-align:center; 
	vertical-align:middle;
	float:right;
	background-color:#FFF;
	border:1px solid #cecece;
}

#wrapper .module3-shade #availability .btnCart a:hover, #wrapper .module3-trio #availability .btnCart a:hover {
	color:#cecece;
	width:115px;
	padding:2px 10px;
	text-align:center; 
	background-color:#FFF;
}

#wrapper .btnMain, #wrapper .btnMain {
	color:#FFF;
	font-size:11px;
	text-align:center; 
	float:right;
	margin:0 5px 5px 0;
	padding:1px;
	border:2px solid #da655f;
	list-style:none;
	width:247px;
}

#wrapper .btnMain a, #wrapper .btnMain a {
	color:#FFF;
	text-decoration:none;
	width: 225px;
	padding:4px 10px;
	text-align:center; 
	vertical-align:middle;
	float:right;
	background-color:#da655f;
	margin:1px;
}

#wrapper .btnMain a:hover, #wrapper .btnMain a:hover {
	color:#fff;
	width:225px;
	padding:4px 10px;
	text-align:center; 
	background-color:#e88782;
}

.module3-shade img {
	width:110px;
	float:left;
	margin:0 5px 15px 0
}

.profile-txt {
	font:12px/1.3em Arial, Helvetica, sans-serif normal;
}

.module-btm1 {
	background:url(../homepageImages/Video-BG.jpg) top center; 
	height:100px; 
	width:300px; 
	float:left; 
	margin:0 0 8px 0; 
	border-left:1px #9dbc8d solid; 
	border-bottom:1px #9dbc8d solid; 
	-webkit-border-bottom-left-radius: 10px; 
	-khtml-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	border-bottom-left-radius: 10px;
}

.module-btm2 {
	background:#000 url(../homepageImages/ingredients-BG.jpg) top center; 
	height:100px; 
	width:298px; 
	float:left; 
	margin:0 0 8px 0; 
	border-left:1px #9dbc8d dotted; 
	border-bottom:1px #9dbc8d solid; 
	border-right:1px #9dbc8d dotted;
}

.module-btm3 {
	background:url(../homepageImages/loyalty-BG.jpg) top center; 
	height:100px; 
	width:300px; 
	float:left; 
	margin:0 0 8px 0; 
	border-bottom:1px #9dbc8d solid; 
	border-right:1px #9dbc8d solid; 
	-webkit-border-bottom-right-radius: 10px; 
	-khtml-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomright: 10px; 
	border-bottom-right-radius: 10px;
}

#moduleR1-form {
	padding-right:5px;
}

#proAccount {
	background:url(../wholesale/wsLayout_02.jpg) top right no-repeat;
}

#module-faq {
	width:220px;
	float:left;
	margin-right:6px;
	padding:0 25px 0 15px;
	font-size:11px;
}

#module-faq li {
	list-style:circle;
	padding:0 0 3px 0;
	color:#999;
}

#module-ingredient {
	width:170px;
	float:left;
	margin-right:2px;
	padding:0 0 0 20px;
	font-size:11px;
}

#module-ingredient li {
	list-style:circle;
	padding:0 0 3px 0;
	color:#999;
}

#availability {
	font:9px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cecece;
	text-transform:uppercase;
}

#clear {
	clear:both;
	margin:0;
	padding:0;
}

#sub-ad {
	float:left; margin:0 0 15px 15px; padding:25px 15px 15px 25px; height:60px; width:680px; background:url(../all_products/banner_productLanding_calmcover-translucent-giveaway.jpg) center center;
}
