@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: url(../images/headBg.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body.inner ul.nav{
	margin: 0 21px 20px 21px;
}
body#client.inner h2{
	color: #58d1e1;
	margin: 40px 0 0 0;
}
body#client.inner h4{
	color: #58d1e1;
}
body#client.inner a.btn{
	background: url(../images/roundCorner.png) no-repeat bottom left #58d1e1;	
	color:#fff;
}
body#client.inner ul.innerNav li a:hover{
	color: #58d1e1;
}


h1{
	margin: 15px 0 20px 15px;
	display: block;
	float: left;
	height: 15px;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: normal;
}
h2{	
	margin: 40px 0 10px 0;
	padding: 0 0 0 15px;
	font-size: 40px;
	clear: both;
	font-family: Helvetica, Arial;
	font-weight: 100;
}
h3{	
	margin: 10px 0 10px 0;
	padding: 0 0 0 18px;
	font-size: 20px;
	color: #2a2a2a;
	font-family: Helvetica, Arial;
	font-weight: 100;
}
h4{
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin: 15px 0 10px 0;
}
p{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	margin-bottom: 10px;
}

p.first{
	margin-top:15px;
}
/* Link style ============================================================================================*/
a.logo{
	width: 561px;
	height: 194px;
	display: block;
	margin: 0 0 0 184px;
	background: url(../images/beautyCareLogo.jpg) no-repeat;
	text-decoration:none;
}

a.clientLogin{
	width: 134px;
	height: 24px;
	display: block;
	background: url(../images/clientLogoBtn.gif) no-repeat;
	float: right;
	margin: -34px 30px 0 0;
	text-decoration: none;
	color: #666666;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}
a:hover.clientLogin{
	color: #58d1e1;
}
a.orderBtn{
	width: 134px;
	height: 24px;
	display: block;
	background: url(../images/orderBtn.gif) no-repeat;
	float: right;
	margin: -34px 30px 0 0;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}
a:hover.orderBtn{
	color: #bbd5e9;
}
.georgia{
	font-family: Georgia;
	font-style: italic;
}
a.email{
	color:#2a2a2a;
	text-decoration: none;
}
a.top{
	width: 80px;
	height: 15px;
	display: block;
	background: url(../images/arrowTop.gif) 70px 5px no-repeat;
	color: #d6ccb3;
	text-decoration: none;
	float: right;
}
a.btn{
	display: block;
	float: right;
	height: 14px;
	padding: 6px 15px 6px 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/roundCorners.gif);
	margin: 0 0 10px 0;
}

a:link {
	color:2a2a2a;
}
/* Navigation ============================================================================================*/
ul.nav{
	margin: 0 21px;
	padding: 0;
	width: 879px;
	height: 33px;
	background: url(../images/navBg.gif) no-repeat;
	border-bottom: 1px solid #ffffff;
}
ul.nav li{
	list-style: none;
	display: inline;
	float: left;	
}
ul.nav li a{
	display: block;
	width: 219px;
	height: 23px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 10px 0 0 0;
}
ul.nav li.selected{
	background: url(../images/navArrow.gif) no-repeat center bottom;
}

ul.nav li a:hover.about{
	color: #58d1e1;
}
ul.nav li a:hover.brands{
	color: #58d1e1;
}
ul.nav li a:hover.register{
	color: #58d1e1;
}
ul.nav li a:hover.contact{
	color: #58d1e1;
}
/* List Style ============================================================================================*/
ul.brandsLogo{
	width: 876px;
	height: 57px;
	margin: 0 22px 0 32px;	
	padding: 0;
}
ul.brandsLogo li{
	width: 89px;
	height: 57px;
	list-style: none;
	display: inline;
	float: left;
	margin: 0 23px 0 0;
	text-align:center;
}
ul.brandsLogo li.logoLast{
	margin: 0;
}
ul.brandsLogo li a img{
	border: 0;
	margin-bottom: 10px;
}
ul.brandsLogo li a {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color:#d6ccb3;
}


/* Inner Page Left Panel Navigation-------*/

ul.innerNav{
	margin: 0;
	padding: 0;
}
ul.innerNav li{
	list-style: none;
}
ul.innerNav li a{
	height: 30px;
	width: 210px;
	display: block;
	text-align: center;
	background: url(../images/leftPanelNavDivider.gif) no-repeat bottom;
	color: #2a2a2a;
	font-size: 13px;
	text-decoration: none;
	padding: 15px 0 0 0;
}
ul.innerNav li a.order{
	background: url(../images/leftNavBg.gif) no-repeat center;
	color: #ffffff;
	
}
/* DIV ============================================================================================*/
#container{
	width: 920px;
	margin: 0 auto 0 auto;	
}
#head{
	width: 920px;
	height: 194px;
	padding: 11px 0 0 0;
}

#head.home{
	height: 216px;
}
#head div {
	width: 561px;
	height: 216px;
	margin: 0 0 0 184px;
	background: url(../images/beautyCareLogo.jpg) no-repeat;
	display:block;
}
#head div h1{
	width: 561px;
	font-size: 11px;
	line-height: 15px;
	padding-top:178px;
	margin:0;
	text-align:center;
	color: #2a2a2a;
	font-family: georgia;
	font-style:italic;
	}
#mainContent{
	width: 920px;
	background: url(../images/containerBg.gif) no-repeat top;
	padding: 10px 0 0 0;
	margin: 0 0 100px 0;
}
#mainContent.home{
	background: url(../images/containerBgHome.gif) no-repeat top;
	}
#feature{
	width: 899px;
	height: 378px;
	padding: 0 0 0 21px; 
}
#featureBlocks{
	width: 879px;
	height: 151px;
	margin: 7px 22px 28px 21px;
	background: url(../images/paneBg.gif) no-repeat  ;	
}
#heading{
	width: 836px;
	padding: 0 0 30px 0;
	background: url(../images/contentDivider.gif) no-repeat bottom;
}
#leftColumn{
	width: 210px;
	float: left;
}
#brandsLogo{
	width: 210px;
	margin: 15px 0 20px 0;
	text-align: center;
	
}
#brandsLogo img{
	width: 184px;
	}
#leftPanel{
	width: 210px;
	float: left;
	background: url(../images/leftPanelBotBg.gif) repeat-y;
	margin: 18px 0 0 0;	
}
#leftPanelInner{
	width: 210px;
	background: url(../images/leftPanelTopBg.gif) top no-repeat;	
}

#leftPanel-next{
	width: 210px;
	float: left;
	margin: 30px 0 0 0;	
}

#rightPanel{
	width: 590px;
	float: left;
	margin: 0 0 0 35px;
	padding: 0 0 100px 0;
}

#rightPanel a{
	color:#2a2a2a;
}

#rightPanel ul {
margin:10px 0;
padding-left:30px;
}

#rightPanel li {
	font-family: Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	font-size: 14px;
	line-height: 17px;
	margin:0;
	padding:0 0 5px 0;
}


#keyFeatures{
	padding: 10px 23px 20px 23px;
	font-size: 12px;
	color: #2a2a2a;
	line-height: 17px;
}

#keyFeatures p {
	font-size: 12px;
	margin-bottom:5px;
}

#keyFeatures ul {
margin:0;
padding:0;
padding-left: 12px;
}

#keyFeatures li {
margin:0;
padding:0;
margin-bottom:5px;
}

#contentImage{
	width: 210px;
	float: right;
	margin: 20px 0 10px 40px;
}

#contentImage250{
	width: 250px;
	float: right;
	margin: 20px 0 10px 40px;
}

#contentImage-right{
	width: 280px;
	float: left;
	margin: 15px 0 15px 30px;
}

#contentImage-left{
	width: 280px;
	float: left;
	margin: 15px 0 15px 0px;
}

#contentImage-right250{
	width: 250px;
	float: left;
	margin: 15px 0 15px 30px;
}

#contentImage-left250{
	width: 250px;
	float: left;
	margin: 15px 0 15px 30px;
}

#contentImage-big{
	width: 500px;
	float: left;
	margin: 15px 0 15px 45px;
}

#contentimage-icon {
	width: 80px;
	float: left;
	margin: 0 15px 15px 0;
}
 #presspane {
 width:295px; 
 float:left;
 }
 
#pressthumb{
	width: 110px;
	float: left;
	margin: 0px 20px 20px 0px;
	padding:4px;
	border: 1px solid #d2c6ae;
}

#rightPanel.press h3{
	font-size: 16px;
	margin-bottom:3px;
	margin-top:45px;
	color: #58d1e1;
}

#rightPanel.press h3.sub{
	margin-bottom:3px;
	margin-top:0;
}

#rightPanel.press a{
	color: #58d1e1;
	text-decoration:none;
}

#rightPanel.press .clear {
	clear: both;
	border-bottom: 4px solid #f4efe4;
	margin-bottom:20px;
}

#rightPanel.press p {
	margin:4px 0 0 0;
	font-size: 12px;
}

#welcomeMsgBg{
	width: 454px;
	height: 174px;
	position: absolute;
	top: 330px;
	margin: 0 0 0 467px;
	z-index: 100;
	font-size: 14px;
	color: #2a2a2a;
	line-height: 26px;
}
#welcomeText{
	width: 397px;
	height: 220px;
	position: absolute;
	top: 330px;
	margin: 0 0 0 467px;
	z-index: 200;
	font-size: 14px;
	color: #2a2a2a;
	line-height: 26px;
	padding: 28px 35px 35px 30px;
}
.twitters{
	height: 120px;
	line-height: 16px;
	margin: 50px 0 0 0;
}
.twitters ul{
  list-style: none;
  padding: 0;
  white-space: normal;
  margin: 0;
}

.twitters li{
	background: url(../images/twitterIcon.png) no-repeat top left;
	padding: 30px 10px 0 0;
	float: left;
	font-size: 12px;
	font-family: Georgia;
	font-style:italic;
}
.twitters li a{
	color: #2a2a2a;
	text-decoration: none;
}

/* Foot ============================================================================================*/
#foot{
	height: 32px;
	background: url(../images/footBg.gif) repeat-x;
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 999;
}
#footContainer{
	width: 876px;
	height: 20px;
	margin: 0 auto 0 auto;
	padding: 8px 22px 0 22px;
	font-size: 11px;
	font-family:Georgia;
	font-style:italic;
	color: #d6ccb3;
	
}
/* Class ============================================================================================*/
.copyright{
	float: left;
}
.clear{
	clear: both;
}
.push{
	height: 85px;
	display: block;
}
.left{
	float: left;
}
.georgia11{
	font-family: Georgia;
	font-style:italic;
	font-size: 11px;
}
.georgia12{
	font-family: Georgia;
	font-style:italic;
	font-size: 12px;
}
.georgia16{
	font-family: Georgia;
	font-style:italic;
	font-size: 16px;
}
.georgia20{
	font-family: Georgia;
	font-style:italic;
	font-size: 20px;
}
.innerContainer{
	width: 836px;
	height: 151px;
	padding: 0 42px 0px 42px;
	margin: 0 0 150px 0;
}
.brandsContainer{
	width: 878px;
	height: 151px;
	margin: 0px 22px;
	padding: 0 0 20px 0;
	background: url(../images/divider.gif) no-repeat bottom;	
}
.blocks{
	width: 210px;
	height: 151px;
	float: left;
	margin: 0 13px 0 0;
}
.lastBlock{
	width: 209px;
	height: 151px;
	float: left;
	margin: 0 0 0 0px;
}
.blocks#contactDetails{
	background: url(../images/contactDetailsBg.gif) no-repeat;
	margin: 0 0 0 0px;
	width: 158px;
	height: 101px;
	padding: 24px 26px 26px 26px;
}
.georgiaPink{
	font-family: Georgia;
	font-style:italic;
	color: #fa9baf;
	font-size: 16px;
}
.georgiaGreen{
	font-family: Georgia;
	font-style:italic;
	color: #b2c232;
	font-size: 16px;
}

.georgiaPurple{
	font-family: Georgia;
	font-style:italic;
	color: #b37edd;
	font-size: 16px;
}

.georgiaTeal{
	font-family: Georgia;
	font-style:italic;
	color: #58d1e1;
	font-size: 16px;
}
a.imageText{
	width: 190px;
	height: 28px;
	display: block;
	border-top: 1px solid #ffffff;
	background: url(../images/imageText_bg.gif) no-repeat;
	float: left;
	text-decoration: none;
	font-size: 13px;
	color: #2a2a2a;
	padding: 5px 10px 0 10px;
	text-align: center;
}

p.imageText{
	width: 190px;
	height: 28px;
	display: block;
	border-top: 1px solid #ffffff;
	background: url(../images/imageText_bg.gif) no-repeat;
	float: left;
	margin:0;
	font-size: 13px;
	color: #2a2a2a;
	padding: 5px 10px 0 10px;
	text-align: center;
}
.brandsContainer a.imageText{
	height: 25px;
	padding: 8px 10px 0 10px;	
}
.contactDetails{
	width: 165px;
	height: 40px;
	color: #2a2a2a;
	font-size: 11px;
	margin: 0 0 25px 0;	
	line-height: 18px;
}
.hide{
	display: none;
}
.caption{
	font-family: Georgia;
	font-style:italic;
	color: #2a2a2a;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}