/*********************************************
*	Date: May 28, 2010
*********************************************/

/** 
*	Base Settings
*/

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {
    margin: 0;
    padding: 0;
}

ul {
	list-style: none;
}

img, fieldset {
	border: 0 none;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;	
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 15px 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

ol,ul {
	list-style:none;
}

a {
	outline:none;
}

#wrap a:link,
#wrap a:visited{
	color: #e11308;
	text-decoration: none;
}
#wrap a:hover, #wrap a:active {
	text-decoration: underline;
}

p {
	margin: 0 0 20px 0;
}

.img-left {
	float: left;
	margin: 0 10px 15px 0;
}

.img-right {
	float: right;
	margin: 0 0 10px 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

/** 
*	CLEAR FIX
*/


.clearfix {
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
}

.clr {
	clear: both;
}

/* Wrap and General Settings */
/* ----------------------------------------- */
body {
	background-color: #fff;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	font-family:Arial, Verdana, sans-serif;
	background:url("/hairstyles/video/x-gradient.gif") repeat-x scroll 0 0 transparent;
}
body * {
	font-size: 100%;
}

a:link img, a:visited img {
	border: none;
	text-decoration:none;	
}

div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

#wrap, .ui-widget {
	background-color:		#fff;
	color:					#333333;
	font:					13px Arial, Helvetica, sans-serif;	
}

h1 {
	color:					#e11308;
	font-family:			Arial, Helvetica, sans-serif;	
	font-size:				18px;
	font-weight:			bold;
}

h2 {	
	font-family:			Arial, Helvetica, sans-serif;	
	font-size:				14px;
	font-weight:			bold;
}

#wrap{
	background-color:		#fff;
	margin:					0 auto;
	width:					800px;
	position:	relative;
}

#wig-buyer #wrap{
	background-color:		#fff;
	margin:					0 auto;
	width:					770px;	
}


/* Header */
/* ----------------------------------------- */

#header {
	margin-bottom: 15px;
}

#contact-us{
	margin-bottom:			20px;
	float:					left;
}

#contact-us li{
	display:				inline;
	float: 					left;
	height:					48px;
}

#contact-us li span{
	width: 					248px;
	height:					48px;
	display: 				block;
	text-indent:         	-9999px;
	float:					left;
}

#contact-us li.question span{
	width:					248px;
	background:				url(../images/question.jpg) no-repeat 0 0;
}

#contact-us li.num span{
	width:					248px;
	background:				url(../images/question.jpg) no-repeat -248px 0;
}

#contact-us li a{
	display:				block;
	width:					274px;
	height:					48px;
	float:					left;
	text-indent:            -9999px;
	background:				url(../images/question.jpg) no-repeat -496px 0;
}

/* Top Accessories */
/* ----------------------------------------- */
#top-accessories {
	margin-bottom: 15px;
}


/* About */
/* ----------------------------------------- */
#about {
	/*border-bottom:			1px solid #d1d1d1;*/
	margin-bottom:			25px;
}

#wig-buyer #about{	
	border-bottom:			none;
}

#wig-buyer #about p{
	font-size:				16px;
	line-height:			24px;
}


/* Products Section */
/* ----------------------------------------- */
#products-section {
	margin-bottom:			15px;
}

.product-section-item {
	margin-bottom:			20px;
}

.product-section-item h1 {
	color:					#000000;
}

.product-section-item  ul {
	margin:					5px 0 20px 0;	
}

.product-section-item  p {
	margin-bottom:			15px;	
}

.readon {
	background:				url("../images/arrow2.jpg") no-repeat scroll 100% 50%;	
	font-weight:			bold;
	padding:				0 15px 0 0;
}

/* Other Products */
/* ----------------------------------------- */
#other-products {
	margin-bottom:			50px;
	margin-top:				50px;
}


/* How To */
/* ----------------------------------------- */
#how-to{
	margin-bottom:			25px;	
}

#how-to .col{
	width:					378px;
	border: 				#c2c2c2 1px solid;
	border-top:				none!important;
	position:				relative;
	margin-bottom:			10px;
}

#how-to .col .col-content{
	padding:               	10px;	
}

#how-to .col h3{
	width:					100%;
	margin:					0;
	height:					35px;
	padding:                10px 0 0 0;
	font:					bold 18px Arial, Helvetica, sans-serif;
	color:					#ffffff;
	background-color:		#000000;
}

#how-to .col h3 span{
	padding-left:         	10px;
	color:					#fe0519;
}

#how-to .col p.vid-desc{
	margin:					10px 0 15px 0;
	font-size:				14px;
}

#how-to .col a.arrow{
	padding-right:          10px;
	background:				url(../images/arrow3.jpg) no-repeat;
	background-position:	right;
	color:					#444444;
	font:					16px Arial, Helvetica, sans-serif;
	margin:					0 0 15px 0;
	display:				inline-block;
}

#how-to .col p.search{
	clear:					left;
	font-size:				17px;
	margin:					0 0 0 0;
	color:					#444444;
}

#how-to .col p.search a{
	color:					#000;
	font-size:				15px;
	margin:					0 15px 0 0;
}

#how-to .col a.none{
	visibility:				hidden!important;	
}

#how-to .col p.info{
	margin:					0px 0 4px 0;	
}

#how-to .col2{
	width:					100%;
	border:					none;
}

#how-to .col2 .col-content{
	padding:                25px 1px 20px 1px;	
}

#how-to .col2 .cap-desc{
	float:					left;
	margin:					0 0 0 20px;
	display:				inline-block;
}

#how-to .col2 .cap-desc p strong{
	margin:					0 0 0 0;
	font-size:				16px;
	color:					#e01122;
	line-height:			24px;
	font-weight:			normal;
}

#how-to .col2 .cap-desc p{
	font-size:				14px;
	color:					#464646;
	line-height:			24px;
}

#how-to .col2 #thumb-vid{
	width:					420px;
	margin:					2px 0 0 0;
	float:					left;
	padding:                0;
	display:				inline-block;
}

#how-to .col2 #thumb-vid li{
	display:				inline-block;
	float:					left;
	margin:					0 0 0 1px;
}

#how-to .col2 #thumb-vid li p{
	margin:					0 0 7px 0;
	text-align:				center;
	color:					#636363;
}

#how-to .col2 p.search{
	padding:                20px 0 0 15px;	
	font-size:				14px;
	color:					#000;
}

#how-to .col2 p.search strong{
	font-size:				16px;	
}


#how-to .col3{
	width:					100%;
	border: 				#c2c2c2 1px solid;
	border-top:				none!important;
}

#how-to .col3 .col-content{
	padding:                10px;	
}

#how-to .col3 .cap-desc{
	margin:					20px 0 0 20px!important;	
}

#how-to .col3 p.search{
	padding:                0;	
	color:					#000000;
	font-weight:			normal!important;
}


#how-to .col3 p.search strong{
	color:					#444444;
}

#search-by{
	margin:					10px 0 0 20px;
}

#search-by li{
	width:					140px;
	float:					left;
	display:				inline;	
	margin:					0 0px 0 0;
}

#search-by li.long{
	width:					160px;	
}

#search-by li strong{
	font-size:				16px;	
}


#search-by ul li{
	display:				block;
	margin-top:				15px;
}

#search-by ul li a{
	color:					#444444;
	font-size:				14px;
}

p.btn{
	text-align:				center;
	padding-top:          	30px;
	margin-bottom:			10px;
}

p.links{
	font:					18px "HelveticaNeueLT Std", Arial, Helvetica;	
	color:					#e01122;
	padding:                15px 0 0 150px;
	background:				url(../images/related-links.jpg) no-repeat 0 15px;
}

p.links a {
	color:					#000000!important;
	text-transform:			uppercase;
}

/* Footer */
/* ----------------------------------------- */
#footer {
	background-color:		#b2b2b2;
	height:					203px;
	margin-bottom:			30px;
}

#footer ul {}

#footer li {
	display:				inline;
	float:					left;
	
}

#footer a {
	background:				#fff;
	display:				inline-block;
	float:					left;
	margin:					8px 6px;
}

#wig-buyer #footer{
	padding:                0 5px;	
}

#wig-buyer #footer a{
	margin:					8px 5px;	
}

#footer .last {
	margin: 				0;
}



/* Products List */
/* ----------------------------------------- */

.products li {
	display:				inline;	
	float: 					left;
	margin:					0 9px 12px 0;		
}

.products li.last {
	margin:					0 0 12px 0;
}

.products a {
	border: 				1px solid #cccccc;
	color: 					#000000!important;
	display:				block;
	font-size:				13px;
	font-weight:			bold;
	overflow:				hidden;
	height:					207px;
	width:					189px;	
	position: 				relative;
}

.products a:hover {
	border: 				1px solid #e11308;
}

.products .desc {	
	position:				absolute;
	bottom:					10px;
	left:					10px;
}

.products .arrow {
	vertical-align:			middle;
}


	#ffb {
		height:327px;
		margin:0;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:-1px;
		width:801px;
	}
	
	#tabs a:link, #tabs a:visited {
		color: #fff;
		text-decoration:none;
	}
	
	#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {

	color:#212121;
	text-decoration:none;
	}