/* common styles starts */
body {
	padding:0px;
	text-align:center;
	margin:0;
	color:#2B2A2B;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	background-image:url(http://www.vellusiaremyhair.com/_ui/images/topbg.jpg);
	background-repeat:repeat-x;
	background-position:0 33px; /*-- Added on 30th Jun --*/
}
h1,h2,h3,h4,h5,h6,img,div,ul,li{
	padding:0;margin:0;border:0;
}
ul,ol{
	list-style:none;
}
img{
	border:0;
	vertical-align: middle;
}
a{
	color:#A63B90;
}
.color{
	color:#A63B90;
}
a:hover{
	text-decoration:none;
}
.container{
	width:1124px;
	text-align:left;
	margin:0 auto;
	/*background:url(http://www.vellusiaremyhair.com/_ui/images/container-bg.jpg) top left no-repeat;*/
}

/*-- Added on 30th Jun --*/
.top-wrap { background:#000000; border-bottom:3px solid #4c4c4c; height:30px; width: 100%; clear: both; overflow: hidden;}
.top { margin:0 auto; padding:0; width: 960px; color:#ffffff;}
.livechat { line-height: 30px; font-size: 13px; color:#ffffff; text-align:right; margin:0; padding:0;font-family: Arial,Helvetica,sans-serif;}
.livechat a { text-decoration: underline; font-weight: bold; color:#ffffff;}
.hours {position: absolute; top:38px;font-size: 14px !important; right:372px; color:#ccc; text-align: center;font-family:Verdana,serif;text-shadow:1px 1px 0 #000000;}
.livechat a:hover { text-decoration: underline; font-weight: bold; color:#A63B90;}
.client-pic { position: absolute; top: 8px; right:90px;}
/*-- // Added on 30th Jun --*/

.clear{
	clear:both;
}
/* common styles end */
.main{
	width:960px;
	margin:0 auto;
}
/* header styles starts */
.header{
	height:122px;
	position:relative;
}
.header a.logo{
	background:url(http://www.vellusiaremyhair.com/_ui/images/logo.gif) top left no-repeat;
	width:391px;
	height:113px;
	text-indent:-99999px;
	display:block;
	position:absolute;
	top:0;left:0;
	margin-left:-52px;
}
.header h1{
	background:url(http://www.vellusiaremyhair.com/_ui/images/tollfree-number.gif) top left no-repeat;
	position:absolute;
	top:31px;right:45px;
	width:131px;
	height:62px;
	display:block;
	text-indent:-99999px;
}
/* header styles end */
/* navigation styles starts */
.navigation{
	background:url(http://www.vellusiaremyhair.com/_ui/images/navigation-bg.jpg) top left repeat-x;
}
.navigation .curve-left{
	background:url(http://www.vellusiaremyhair.com/_ui/images/navigation-curve-left.png) top left no-repeat;
}
.navigation .curve-right{
	background:url(http://www.vellusiaremyhair.com/_ui/images/navigation-curve-right.jpg) top right no-repeat;
	padding:0 10px 0 9px;
	height:42px;
}
.navigation .tabs{
	float:left;
	list-style-type: none;
	margin:6px 0px 0 0;
	padding:0;
}
.navigation .tabs li{
	display:inline;
}
.navigation .tabs a{
	float:left;
	background:url(http://www.vellusiaremyhair.com/_ui/images/navigation-tabs-curve-left.jpg) no-repeat left top;
	padding:0 0 0 5px;
	text-decoration:none;
	margin:0 4px 0 1px;
}
.navigation .tabs a span{
	float:left;
	display:block;
	background:url(http://www.vellusiaremyhair.com/_ui/images/navigation-tabs-curve-right.jpg) no-repeat right top;
	padding: 6px 17px 12px 5px; /*-- Changed here right grphic nd value. (BFR Added on 30th Jun -- padding: 6px 19px 12px 12px;) */
	font:14px Verdana,Helvetica,sans-serif;
	color:#fff;
}
.navigation .tabs a span {float:none;}
.navigation .tabs a:hover span {
	color:#9C3585;
}
.navigation .tabs .selected a{
	background-position:0 -36px;
}
.navigation .tabs .selected a span{
	background-position:100% -36px;
	color:#9C3585;
}
.navigation .tabs a:hover{
	background-position:0% -36px;
}
.navigation .tabs a:hover span{
	background-position:100% -36px;
}
/* navigation styles starts */
/* mainarea styles starts */
.mainarea{
	background-color:#fff;
	padding:10px;
}
/* mainarea styles end */
/* guarantee styles starts */
.guarantee{
	background:url(http://www.vellusiaremyhair.com/_ui/images/guarantee-panel-bg.jpg) top left no-repeat;
	width:940px;
	height:319px;
	position:relative;
}
.guarantee-btm-shadow{
	background:url(http://www.vellusiaremyhair.com/_ui/images/guarantee-panel-btm-shadow.jpg) top left no-repeat;
	height:21px;
}
.guarantee .content{
	width:521px;
	height:183px;
	position:absolute;
	overflow:hidden;
	top:45px;
	right:70px;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#fff;
}
.guarantee .content h1{
	padding:20px 0;
	font:normal 24px Arial, Helvetica, sans-serif;
}
.guarantee .tabs{
	width:593px;
	height:53px;
	position:absolute;
	overflow:hidden;
	bottom:34px;right:33px;
}
.guarantee .tabs a{
	background:url(http://www.vellusiaremyhair.com/_ui/images/guarantee-tabs.jpg) top left no-repeat;
	display:block;
	float:left;
	height:53px;
	text-indent:-999999px;
}
.guarantee .tabs a.guarantee-tab,
.guarantee .tabs a.guarantee-tab-selected{
	width:168px;
	background-position:0 0;
}
.guarantee .tabs a.guarantee-tab:hover,
.guarantee .tabs a.guarantee-tab-selected{
	background-position:0 -53px;
}
.guarantee .tabs a.difference-tab,
.guarantee .tabs a.difference-tab-selected{
	width:206px;
	background-position:-171px 0;
	margin:0 2px;
}
.guarantee .tabs a.difference-tab:hover,
.guarantee .tabs a.difference-tab-selected{
	background-position:-171px -53px;
}
.guarantee .tabs a.buy-tab,
.guarantee .tabs a.buy-tab-selected{
	width:214px;
	background-position:-379px 0;
}
.guarantee .tabs a.buy-tab:hover,
.guarantee .tabs a.buy-tab-selected{
	background-position:-379px -53px;
}
/* guarantee styles end */
/* banners styles starts */
.banners{
	height:160px;
	position:relative;
}
.banners a{
	text-indent:-99999px;
}
.banners .ordertoday{
	position:absolute;
	top:0;left:160px;;
	width:625px;height:145px;
	display:block;
	background:url(http://www.vellusiaremyhair.com/_ui/images/oreder-today-banner.jpg) top left no-repeat;
}
.banners .chatus{
	position:absolute;
	top:0;right:0;
	width:309px;height:145px;
	display:block;
	background:url(http://www.vellusiaremyhair.com/_ui/images/need-help-withus-banner.jpg) top left no-repeat;
}
/* banners styles end */
/* read more styles starts */
.readmore-panels{
	width:940px;
}
.readmore-panels ul{
	height:299px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
}
.readmore-panels ul li{
	float:left;
	background:url(http://www.vellusiaremyhair.com/_ui/images/readmore-panles-bg.gif) top left repeat-x;
}
.readmore-panels ul li.middle{
	margin:0 8px;
}
.readmore-panels ul li ul{
	width:308px;
	height:299px;
	overflow:hidden;
}
.readmore-panels ul li ul li{
	background:url() top left repeat-x;
}
.readmore-panels ul li ul li.title{
	width:308px;
	height:35px;
	overflow:hidden;
	text-indent:-999999px;
}
.readmore-panels ul li ul li.maintext{
	font-weight:bold;
	margin:24px 0 13px 0;
	padding:0 15px 0 108px;
	height:79px;
	overflow:hidden;
}
.readmore-panels ul li ul li.content{
	margin:0px 0 13px 0;
	padding:0 15px;
	height:106px;
	overflow:hidden;
}
.readmore-panels ul li ul li.button{
	padding:0 16px 0 195px;
	height:29px;
	overflow:hidden;
}
.readmore-panels ul li ul li.button a{
	display:block;
	background:url(http://www.vellusiaremyhair.com/_ui/images/readmore-button.gif) top left no-repeat;
	width:96px;height:28px;
	text-indent:-999999px;
}
ul.ourspecial{
	background:url(http://www.vellusiaremyhair.com/_ui/images/ourspecial-img.gif) top left no-repeat;
}
.ourspecial .title{
	background:url(http://www.vellusiaremyhair.com/_ui/images/ourspecial-title.gif) top left no-repeat;
}
ul.vellusiaguarantee{
	background:url(http://www.vellusiaremyhair.com/_ui/images/vellusia-guarantee-img.gif) top left no-repeat;
}
.vellusiaguarantee .title{
	background:url(http://www.vellusiaremyhair.com/_ui/images/vellusia-guarantee-title.gif) top left no-repeat;
}
ul.vellusiaremyhair{
	background:url(http://www.vellusiaremyhair.com/_ui/images/vellusia-remy-hair-img.gif) top left no-repeat;
}
.vellusiaremyhair .title{
	background:url(http://www.vellusiaremyhair.com/_ui/images/vellusia-remy-hair-title.gif) top left no-repeat;
}
/* read more styles end */
/* what people & team panels styles starts */
.people-team{
	padding:12px 0;
}
.people-team h1{
	font:normal 22px/39px Arial, Helvetica, sans-serif;
	color:#8F2E7C;
}
.peoplesaying h1{
	padding:0 0 0 11px;
}
.peoplesaying .roundedbox{
	background:url(http://www.vellusiaremyhair.com/_ui/images/peoplesaying-bg.gif) top left repeat-y;
}
.peoplesaying .topcurve{
	background:url(http://www.vellusiaremyhair.com/_ui/images/peoplesaying-top-curve.gif) top left no-repeat;
}
.peoplesaying .btmcurve{
	background:url(http://www.vellusiaremyhair.com/_ui/images/peoplesaying-btm-curve.gif) bottom left no-repeat;
	padding:10px 14px;
}
.peoplesaying .peopletalk{
	padding:5px 0;
}
.peopletalk ul{
	float:left;
}
.peopletalk ul li.photo{
	padding:12px 0 0 0;
	float:left;
	width:103px;
}
.peopletalk ul li.comments{
	background:url(http://www.vellusiaremyhair.com/_ui/images/comment-bg.gif) top left repeat-y;
	width:495px;
	float:left;
}
.peopletalk ul li.comments ul{
	background:url(http://www.vellusiaremyhair.com/_ui/images/comment-but-curve.gif) bottom left no-repeat;
	float:none;
}
.peopletalk ul li.comments ul li.content{
	background:url(http://www.vellusiaremyhair.com/_ui/images/comment-top-curve.gif) top left no-repeat;
	padding:16px 17px 10px 26px;
	font-family:Arial, Helvetica, sans-serif;
}
.peopletalk ul li.comments ul li.content span{
	color:#A0368B;
}
.peopletalk ul li.comments ul li.names{
	padding:0px 17px 0px 26px;
	font:11px/23px Tahoma;
	color:#fff;
}
.peopletalk ul li.comments ul li.names span{
	font-weight:bold;
	padding:0 14px 0 0;
}
.peoplesaying{
	float:left;
	width:626px;
}
.meetourteam{
	float:right;
	width:295px;
}
.meetourteam h1{
	background:url(http://www.vellusiaremyhair.com/_ui/images/dash-line.gif) bottom left repeat-x;
}
.teammembers{
	padding:14px 0;
	float:left;
}
.teammembers ul{
	float:left;
	margin:0 0 3px 0;
}
.teammembers ul li{
	float:left;
}
.teammembers ul li.photo{
	width:58px;
	clear:both;
}
.teammembers ul li.name{
	padding:5px 0 0 0;
	color:#2B2B2B;
	font:14px Arial, Helvetica, sans-serif;
	width:200px;
}
.teammembers ul li.name span{
	color:#8F2E7C;
	font:12px Arial, Helvetica, sans-serif;
}
/* what people & team panels styles end */
/* innerpage page styles starts */
.innerpage{
	padding:10px 10px 10px 22px;
	background:#fff;
}
.columns{
	width:928px;
}
.columns .leftcolumn{
	width:649px;
	float:left;
}
.columns .leftcolumn h1.pagetitle{
	background:url(http://www.vellusiaremyhair.com/_ui/images/inpage-title-bg.gif) bottom right no-repeat;
	font:26px/38px Arial, Helvetica, sans-serif;
	color:#A63B90;
	padding:10px 0 5px 0;
	margin:0 0 30px 0;
}
.leftcolumn p {
	font-size:14px;
	text-align:left;
}
.leftcolumn a,.leftcolumn a:visited {
	color:#00F;
}
.sign{
	margin:10px 0;
}
.columns .shadow{
	background:url(http://www.vellusiaremyhair.com/_ui/images/innerpage-shadow.gif) left -160px no-repeat;
	float:left;
	width:13px;
	height:777px;
	margin:0 0 0 5px;
}
.columns .rightcolumn{
	width:254px;
	float:left;
	margin:0 0 0 3px;
	background:#F3F3F3 url(http://www.vellusiaremyhair.com/_ui/images/innerpage-rightcolumn-btm-curve.gif) bottom left no-repeat;
	padding:0 0 17px 0;
}
.rightcolumn{
	width:254px;
	float:right;
	margin:0 0 0 3px;
	background:#F3F3F3 url(http://www.vellusiaremyhair.com/_ui/images/innerpage-rightcolumn-btm-curve.gif) bottom left no-repeat;
	padding:0 0 17px 0;
}
/* innerpage page styles end */
/* footer styles starts */
/*.footer{
	height:242px;
	position:relative;
}
.footer .links-bg{
	background:url(http://www.vellusiaremyhair.com/_ui/images/footer-links-bg.jpg) top left repeat-x;
}
.footer .links-curve-left{
	background:url(http://www.vellusiaremyhair.com/_ui/images/footer-links-curve-left.jpg) top left no-repeat;
}
.footer .links-curve-right{
	background:url(http://www.vellusiaremyhair.com/_ui/images/footer-links-curve-right.jpg) top right no-repeat;
	padding:0 22px 0 14px;
	height:49px;
}
.footer .footer-links{
	font:12px/37px Arial, Helvetica, sans-serif;
	padding:12px 0 0 0;
	color:#fff;
}
.footer .footer-links a{
	padding:0 8px;
	color:#fff;
	text-decoration:none;
}
.footer .footer-links a:hover{
	text-decoration:underline;
}
.footer .weaccept{
	position:absolute;
	bottom:0;left:0;
	width:334px;height:168px;
}
.footerart{
	background:url(http://www.vellusiaremyhair.com/_ui/images/footer-art-img.jpg) top left no-repeat;
	position:absolute;
	top:49px;right:316px;
	width:171px;height:97px;
}
.newsletter{
	background:url(http://www.vellusiaremyhair.com/_ui/images/newsletter-title.gif) top left no-repeat;
	padding:19px 0 0 0;
	position:absolute;
	top:76px;right:16px;
	width:298px;
	color:#fff;
	font:12px/28px Arial, Helvetica, sans-serif;
}
.newsletter .textbox{
	width:205px;
	border:1px solid #fff;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	padding:3px 0 2px 0;
	margin:0 5px 0 0;
}
.newsletter .button{
	background:url(http://www.vellusiaremyhair.com/_ui/images/submit-button.gif) top left no-repeat;
	width:84px;height:23px;
	border:0;
	cursor:pointer;
}
.copyright{
	background:url(http://www.vellusiaremyhair.com/_ui/images/footer-logo.jpg) top right no-repeat;
	padding:37px 0 0 0;
	position:absolute;
	bottom:8px;right:16px;
	text-align:right;
	color:#BCBCBC;
	font:11px/16px Arial, Helvetica, sans-serif;
}
/* footer styles end */

/*  Footer
-----------------------------------------------------------------------------------------------*/

#footer .container { width: 960px; position: relative; margin: 0 auto; text-align: left; font: 12px Arial, Helvetica, sans-serif; }
#footer .container { margin-bottom: 10px; padding: 0; background: #873977 url(../images/footer_ui.png) no-repeat 0 -200px; }
#footer .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#footer a { color: #f8d2df; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer form { margin: 0; }
#footer .newsletter { position: relative; z-index: 999; float: left; width: 908px; padding: 14px 0 0 8px; }
#footer .newsletter label { display: none; }
#footer .newsletter h2 { width: 238px; height: 0; overflow: hidden; margin: 0 0 6px 0; padding: 20px 0 0 0; background: url(../images/footer_ui.png) no-repeat 0 0; }
#footer .newsletter p { margin: 0 0 7px 0; line-height: 1; color: #fff; font-weight: normal;  }
#footer fieldset { width: 408px; margin: 0; padding: 0; border: none; }
#footer .field { width: 210px; height: 33px; background: url(../images/footer_ui.png) no-repeat -200px -50px;  }
#footer .text { width: 194px; padding: 6px 8px; font: 15px Arial, Helvetica, sans-serif; color: #272727; background: transparent; border: none; outline: none; }
#footer .submit { position: absolute; left: 230px; bottom: 34px; width: 177px; height: 30px; text-indent: -999em; border: none; cursor: pointer; background: url(../images/footer_ui.png) no-repeat 0 -50px; }
#footer .submit:hover { background-position: 0 -100px; }

#footer .privacy-policy { position: absolute; width: 177px; left: 218px; bottom: 12px; text-align: center;  }

#footer .site-navigation { float: left; position: relative; z-index: 999; width: 380px; padding: 7px 0; background: url(../images/footer_ui.png) no-repeat 0 -350px; }
#footer .site-navigation ul { float: left; width: 164px; min-height: 126px; margin: 0; padding: 0 0 0 20px; }
#footer .site-navigation li { float: left; margin: 0; padding: 0; }
#footer .site-navigation a { display: block; width: 164px; }

#footer .logos { position: relative; z-index: 999; float: left; text-align: center; width: 148px; padding-top: 10px; }	
#footer .logos img { display: block; margin: 0 auto 8px auto; }

#footer .bc { display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 960px; height: 14px; overflow: hidden; background: url(../images/footer_ui.png) no-repeat 0 -150px; }


.site-info { padding: 4px 0 36px 0; }
.copyright { font: 14px Arial, Helvetica, sans-serif; line-height: 1; text-align: center; color: #fff; }

/* ------- newly added ------ */
.clear{	clear:both; font-size:0; line-height: 0;}
.featured-hair-slideshow { width: 100%; margin: 0 0 20px 0; float: left;}
.pricetable { width: 200px; float: left; margin:0; padding: 0;}
.priceinfo { width: 350px; float: left; margin:0 40px 0 0; padding: 0; font-size: 16px; font-weight: bold;}
.reddark { color:#9B0000;}
.greendark  { color:#016600;}
.size12 { font-size: 12px;}
.size14 { font-size: 14px;}
.size16 { font-size: 16px;}
.size18 { font-size: 18px;}
.size20 { font-size: 20px;}
.size22 { font-size: 22px;}
.strikethrough { text-decoration:line-through;}

a.normallink { color: #873977; text-decoration: none;}
a:hover.normallink { color: #BD57A8; text-decoration: underline;}



/*-------- 404 Page styles -------- */
.err404_container {	min-height:300px; _height:300px; background:#F5F5F5 url(/_ui/images/page404-bk.jpg) no-repeat left bottom; border:1px solid #D2D2D2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 10px auto; width: 918px; padding: 50px 0 0 0; position: relative;}

.err404_container h1{ font-size:50px; font-weight: normal; color:#1F1F1F; text-align: center; font-family:Tahoma, verdana, Arial, Helvetica, sans-serif; color: #1d1d1d; margin-bottom:25px; }

.err404_container h3 { font-size: 22px; color:#8F2E7C; font-weight: normal; text-align: center; margin:0; padding:0;}
.err404_container .checkout-remyhair-btn { margin: 125px auto 0 auto; display: block; text-align: center;}


/* ----------- Faq page styles ---------- */
.new-faq-questions { margin:15px 0 25px 0; width:93%; border:1px solid #DFDFDF; background:#F5F5F5; padding: 10px 3%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 15px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#9F4C90; text-align: left; clear: both;}
.new-faq-questions li { margin: 8px 0; padding-left: 15px; background:url(/_ui/images/bullet-new.gif) no-repeat 0 7px; list-style: none;}
.new-faq-questions li a, .new-faq-questions li a:active, .new-faq-questions li a:visited { font-weight: bold; color:#9F4C90; text-decoration: none;}
.new-faq-questions li a:hover { color:#CD5FB9; text-decoration: underline;}