/*Frame Body Styles*/

.frame_top{
	background: url('../images/bg/frame_top.png') no-repeat;
	width:700px;
	height:59px;	
	clear:both;
}

.frame_top img{}

.frame_top_index{
	background: url('../images/head/welcome.png') no-repeat;
	width:700px;
	height:55px;	
	clear:both;
}

.frame_body p{
	width:95%;
	font-size:12px;	
	margin-left:20px;
	line-height:20px;
}

.frame_body a{
	color:#663399;
}

.content_frame_body a{
	color:#663399;
	text-decoration:none;
}


.frame_p{
	padding-top:10px;
	line-height:20px;
	color:#663399;
	text-align:left;	
	width:350px;
}

.frame_p p{
	font-size:11px;
}

.content_frame_body p{
	padding:0;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:35px;
	margin-right:20px;
	font-size:0.70em;
	line-height:20px;
	color:#663399;
	text-align:left;	
	width:90%;
	font-size:12px;

}

.frame_bottom_p{
	padding:0;
	margin-left:0px;
	margin-right:20px;
	font-size:0.70em;
	line-height:20px;
	color:#663399;
	text-align:left;	
	width:100%;
	font-size:12px;
}

.frame_bottom_p ul{
	margin-left:20px;
	width:600px;
}

.frame_bottom_p p{
	font-size:12px;
	padding-left:20px;
}

.highlight{
	font-weight:bold;
}

.frame_body{
	background: url('../images/bg/frame_body.gif') repeat-y;
	width:100%;
	float:left;
	margin-top:-5px;
}

.content_frame_body{
	background: url('../images/bg/content_frame.png') repeat-y;
	width:100%;
	margin-left:0px;
	float:left;
}

.frame_bottom{
	background: url('../images/bg/frame_bottom.gif') no-repeat;
	width:700px;
	height:8px;	
	clear:both;
}

.content_frame_bottom{
	background: url('../images/bg/content_frame_footer.png') no-repeat;
	width:700px;
	height:10px;	
	clear:both;

}
.frame_body h2{
	text-align: left;
	padding-left:70px;
	color:#663399;
	font-weight:normal;
}


.frame_body h3{
	text-align: left;
	color:#663399;
	padding-left:70px;
	font-size:0.9em;
	
}

.frame_body h3 a {
	text-decoration:none;
}

.frame_body h4 {
	text-align: center;
	color:#663399;
	font-size:0.75em;
	width:95%
}

.content_frame_body h1{
	text-align: left;
	padding-left:35px;
	color:#663399;
	margin-top:10px;
	font-weight:normal;
}

.content_frame_body h2{
	text-align: left;
	padding-left:35px;
	clear:left;
	padding-top:10px;
	color:#663399;
	font-weight:normal;
	font-size:18px;
}


.content_frame_body h3{
	text-align: left;
	color:#663399;
	padding-left:70px;
	font-size:0.9em;
}

.content_frame_body h4 {
	text-align: center;
	color:#663399;
	font-size:0.75em;
	width:95%
}

/*Content Top Buttons*/

#hairstyles{	
	float:left;
	background: url('../images/buttons/hairstyles.png') no-repeat;
	width:158px;
	height:38px;
	margin-left:20px;
	margin-top:5px;
}

#hairstyles #click_me a{
	font-size:1px;	
	padding:3px;
	color:#ff99cc;
	display:block;
	width:200px;
	height:38px;
}

#hairstyles #click_me a:hover{
	background: url('../images/buttons/hairstyles_hover.png') no-repeat;
	width:230px;
	height:38px;
}


/*Footer styles*/

#footer_left{
	float:left;
	padding-left:40px;
	padding-top:5px;
}

#footer_right{
	float:right;
	padding-right:10px;
	padding-top:5px;
}


/* View By Nav box*/
.view_product {
	width:200px;
	float:left;
	position:relative;

}

.view_product p{
	/*background: url('../images/bg/view_prod_bg.gif') no-repeat;*/
	width:220px;
	margin-left:20px;
	margin-top:1px;
	/*padding-left:10px;*/
	position:absolute;
	z-index:100;
	
}

.view_product a img{
	border:none;
	padding-top:2px;
}

.view_product a{
	color:#fff;
	text-decoration:none;
}

.view_by{
margin-top:5px;
}

.view_by ul{
	width:180px;
	margin-top:-10px;
	list-style:none;
	padding-top:40px;
}
.view_by ul li{
	background:#FFC0E5;
	line-height:20px;
	padding:3px;
}
.view_by ul li a{
	background: url('../images/bg/view_by.gif') no-repeat left center;
	text-decoration:none;
	color:#EC008C;
	padding-left:30px;
	font-size:0.8em;
	font-weight:bold;
	display:block;
	padding-top:2px;

}
.view_by ul li a:hover{
	color:#fff;
}

.view_by_bottom{
	background: url('../images/bg/view_by_bottom.gif') no-repeat;
	height:9px;
	width:180px;
	margin-left:40px;
	margin-top:-20px;
	padding-bottom:10px;
}


/*Buy Now Products*/

#buy_now{
	width:490px;
	float:right;
	clear:right;
	margin-left:-10px;
}

#buy_now ul{
	list-style:none;
}

#buy_now ul li{
	background: url('../images/buttons/buy_now.gif') no-repeat;
	height:164px;
	width:125px;
	float:left;
	padding-right:10px;
	
}

#buy_now ul li a{
	font-weight:bold;
	text-decoration:none;
}


#buy_now span{
	padding:0;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:absolute;
	margin-top:-15px;
	margin-left:-20px;
	width:127px;
	height:20px;
	cursor:default;
}

#buy_now span:hover{
	color:#EC008C;
}

#buy_now ul li img{
	padding:2px;
	border:none;
	text-decoration:none;
}

/*Video*/
#demo_video{
	float:right;
	margin-right:15px;
	position:relative;	
	padding-top:11px;
	width:310px;
	height:280px;
}


/*View Catagories*/
.prod-list{

}

.prod-list p{
	color:#663399;
	font-weight:bold;
	font-size:0.9em; width:100%;
}

.prod-list ul{
	list-style:none; 
	width:60%;
	float:right;
}

.prod-list li{
	border-bottom:solid 1px #ccc;
	margin-top:10px;
	width:80%;
	height:168px;
	background: url('../images/buttons/buy_now.png') no-repeat;
	float:left;
	text-align:center;

}

.prod-list span{
	padding-top:0px;
	font-weight:bold;
	width:50px;
	color:#663399;
	font-size:0.8em;
	float:right;

}

.prod-list li a{
	text-decoration:none;
	text-align: left;
	padding-left:2px;
	width:120px;
	margin-top:2px;
	display:block;
	color:#663399;
	font-size:16px;
	outline:none;
	float:left;
	clear:right;
}

.prod-list li img{
	border:none;
}

.prod-list li a:hover{
	color:#fff;
}

#add_to_basket{
	margin:0;
	padding:0;
}

/*swinky flash animation*/

#flashtag 
{
	margin-left:59px;
	position:absolute;
	margin-top:127px;
	padding:0;
	z-index:0;
}

#flashtag p{
	margin-top:40px;
	margin-left:10px;
	font-size:11px;
	color:#663399;
}

/*basket*/


table.prod-list {
	width: 80%;
	margin: 0 0 20px 70px;
	padding: 0;
	border: 1px solid #F5EAFB;
}

table.prod-list tr td, table.prod-list tr th 
{
	margin: 0 0 0 0;
	padding: 12px 5px;
	border-bottom: 1px dotted #5A77B1;
	background-color: #F5EAFB ;
}
table.prod-list tr.alt_row th, 
table.prod-list tr.alt_row td 
{
	background-color: #fff;
}
table.prod-list tr.last th, 
table.prod-list tr.last td 
{
	border-bottom: none;
}
table.prod-list tr th 
{
	padding-left: 0px;
	text-align: center;
	font-weight:bold;
	padding-top:1em;
	background-image: url(../images/tag_blue.gif);
	background-repeat: no-repeat;
	background-position: 7px 50%;
}

table.prod-list tr th em.desc 
{	
	display: block;
	font-size: 70%;
	font-weight: normal;
	font-style: normal;
	color: #663399;
	font-weight:bold;
}
table.prod-list tr td {
	font-size: 70%;
	color: #663399;
	text-align:center;
}
	
table.prod-list tr th p
{
	margin:0;
	line-height:1em;	
}

#basket_update p{
	margin-left:70px;
	font-size:0.75em;
	text-align:left;
	font-style:italic;
}

#button{
	margin-left:60px;
}

#button .desc{
	font-weight: bold;
	font-size: 0.8em;
}

#secure{
	margin-left:85px;
	margin-top:30px;
}

#secure a{
	float:left;
}

#secure p{
	font-size:0.8em;
	width:330px;
	line-height:20px;
	padding-left:20px;
	float:left;
}

#secure a img{
	border:none;
}

/*basket checkout details*/
#order{
	
}

#order h2{
	padding-left:20px;
}

#dispatch{
	padding-bottom:2em;
}

#dispatch a{
	text-decoration:none;
}

#dispatch img{
	border:none;
}

#dispatch td{
	padding-left:5em;
	width:200px;
}

#dispatch h3{
	padding:0;
}

#referral{
	border-top: 1px solid #ccc;
}

.address{
	line-height:3em;
	font-size:0.85em;
}

.address a{
	padding:20px;
	text-decoration:none;
}

.address img{
	border:none;
}

.note{
	line-height:2em;
}

.basketLink {
	float:right;
	margin-right:20px;

}

.basketLink a{
	text-decoration:none;
	font-size:12px;
}

.basketLink img{
	border:none;
	margin-top:10px;
}

#retail{}

#retail a{
	width:95%;
	position:absolute;
	text-align:right;
	color:#fff;
	margin-top:130px;
	font-size:12px;
	font-weight:bold;
	z-index:100;
	text-decoration:none;
	text-decoration:none;
}

/*coressponding styles page */

#heading {
	display: block;
	text-align: center;
	font-size:11px;
	margin-left:20px;
}
#heading * {
	display: inline;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
}


#heading li{
	width:10px;
	display:block;
	list-style:none;
	float:left;
}

#heading li.active {
	background: url('../images/buttons/view_by_style.gif') no-repeat;
	width:18px;
	height:18px;
	font-weight:bold;
}


#panes {
	text-align: left;
	border-style: none;
	width: 90%;
	margin: 0 auto 0 auto;
}

#panes h2{
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	padding-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	
}

#panes h3{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:0px;
	border-top:1px solid #ccc;
}

#panes img {
	margin-left:-1px;
}

#panes div div { overflow: hidden; }

#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }


#status{
}

#status_page {
	font-weight:bold;
	color:#663399;
	width:800px;
	padding:0;
	margin:0;
	margin-left:30px;
}
#status_page li{
	padding-top:15px;
	padding-bottom:10px;
	float:left;
	margin-left:30px;
	font-size:10px;
	display:block;
	list-style:none;
}

#status_page li a img{
	border:none;
}

#catagory_product h3{
	padding:0;
	margin-left:20px;
	font-size:18px;
	font-weight:normal;
}


.prod_text{
	width:80%;
	margin-left:50px;
	text-align:justify;
	color:#663399;
}

#style_type li{
 	width:20px;
 	margin-left:9px;
}

.img_right{
	position:absolute;
	margin-left:240px;
	margin-top:20px;
}

#swinky_deal{
	position:absolute; 
	margin-left:297px;
	margin-top:5px;
}

#swinky_deal a{
	display:block;
	background: url('../images/buttons/swinky_deal.jpg') no-repeat;
	width:464px;
	height:83px;
}

#swinky_deal a span{
	display:none;
}

