/************************************************/
/*CLICKBRAND CSS FRAMEWORK (www.clickbrand.com)*/
/**********************************************/


/*yui css reset*/
/**************/

html{color:#000;background:black;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {
	font-family:Trebuchet MS, serif;
	color:white;
	background:black;
}

/*title*/
/******/
.s_collectionframe{
	width:860px;
}
.s_contentwrap {
	position:relative;
}
 h3{
	font-size:20px;
	color:#a103d5;
	text-transform:uppercase;
	margin:15px 0;
	font-weight:bold;
}
 h4,  h4 a {
	font-size:12px;
	color:#f199e8;
	text-transform:uppercase;
	margin:10px 0;
	text-decoration:none;
	font-weight:bold;
}
 h4 a:hover{text-decoration:underline;}
.s_leftlist h4 {
	font-size:12px!important;
}
.s_leftlist li h4 a {
	font-size:12px!important;
	text-decoration:none;
	color:#a103d5;
}
.s_leftlist li h4 a:hover {
	color:#a103d5;
}
/*buttons*/
/********/
a.btn_buy{
	width:131px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:16px;
	color:white;
	display:block;
	background:transparent url(../images/btm_bg.png) 0 0 no-repeat;
	text-transform:uppercase;
	text-decoration:none;
}




/*CONTENT GOES HERE*/

div.s_contentwrap {
	width:620px; 
	height:440px;
	float:left;
}

	div.s_imgview {
		float:left;
		width:375px;
		position:relative;
	}
	
	div.s_descr {
		float:right;
		width:180px;
		position:relative;
	}
		div.s_descr_prg {
			color:white;
			line-height:16px;
			font-size:12px;
		}
			div.s_descr_prg  p{
				padding-bottom:10px;
			}
		
		span.s_pos  img.jqzoom{
			left:23px;
			top:27px;
		}



div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 218px;
height                  : 352px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center; 
overflow: hidden;
margin:2px 0 0 -228px;

}


img.jqzoom{
cursor:all-scroll;
position:relative;
z-index                 : 101;
position                : absolute;
}

.s_leftlist h4{
	margin:20px 0 0 0;
	color:#ff6ce2;
	cursor:pointer;
}
.s_leftlist{
	float:right;
	width:210px;
	height:580px;
}
.s_leftlist li span {color:#f5a9eb;}
.s_leftlist li a {
	font-size:11px;
	color:#f5a9eb;
}
.s_leftlist li a:hover{color:#d120ba;}



.s_sizechart{
	height:105px;
	padding-left:230px;
	background:transparent url(../images/sizechart.png) 90px 0 no-repeat;
	margin-top:30px;
}



.s_chart_table  tr td, .s_chart_table tr th {
	font-size:15px;
	color:#f5a9eb;
	padding:8px 20px;
	text-transform:uppercase;
	border:1px solid #aaa;
	border-right:0;
	border-bottom:0;
}

.s_chart_table tr th {color:#5f71e0;text-align:center;border-top:0;}
.s_chart_table tr td.fst, .s_chart_table tr th.fst {color:#d40a43;text-align:right;border:0;}
.s_chart_table  tr .nb {border-left:0;}



/*
#prod_switch {
	position:absolute;
	left:0;
	top:0;
}

*/