@import url(global.css);

/* section styles */
#prd-list, #prd-list li{
	float: left;
}

/*left images*/
div#model1{
	position: absolute !important; 
	top: 176px; 
	left: -125px;
	background: url("../images/prodpage_model_spritz.png") no-repeat;	
	width: 214px;
	height: 586px;
}

div#model2{
	position: absolute !important; 
	top: 96px; 
	left: -124px;	
	background: url("../images/prodpage_model_wax.png") no-repeat;
	width: 124px;
	height: 648px;
}	

div#model3{
	position: absolute !important; 
	top: 76px; 
	left: -129px;	
	background: url("../images/prodpage_model_standard.png") no-repeat;
	width: 186px;
	height: 632px;
}

div.productBanner{
	padding: 35px 0 0 15px;
	color: #cd3689;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;	
	width: 331px;
	height: 50px;
	margin-bottom: 5px;
}	

div#banner1{
	background: url("../images/bg_prod_banner.jpg") no-repeat;	
}	

div#banner2{
	background: url("../images/bg_prod_stronggrip.jpg") no-repeat;	
}	

/******************** products ********************/
/* landing page */
.page-landing #prd-list li {
	width: 265px;
	min-height: 260px;
	_height: 260px;
	margin: 30px 0 0 0;
}
/* range landing page */
.page-rng-landing #prd-list li {
	width: 240px;
	height: 260px;
	margin: 30px 0 0 0;
}

/* product detail page */
#btn-ingrdnt {
	width:180px;
	height:24px;
	padding: 14px 0 0 40px;
	margin: 0 0 -10px 0;
	background-image:url(../images/prd/btn-ingrdnt.png);
}
#btn-drctn {
	width:176px;
	height:27px;
	padding: 12px 0 0 42px;
	margin: 0 0 0 10px;
	background-image:url(../images/prd/btn-drctn.png);
}
#btn-moviec {
	width:176px;
	height:27px;
	padding: 14px 0 0 40px;
	margin: 0 0 -10px 0px;
	background-image:url(../images/cremefilm.png);
}
#btn-moview {
	width:176px;
	height:27px;
	padding: 14px 0 0 40px;
	margin: 0 0 -10px 0px;
	background-image:url(../images/wasfilm.png);
}
dl {
	width:100%;
	float: left;
}
dt, dd {
	float: left;
	border:2px solid #fff;
}
dt {
	padding: 2px 3px 4px 20px;
	background:#f2c0d3 url(../images/prd/dt-bg.gif) repeat-x;
	color:#ce477e;
	text-align:right;
}
dd {
	padding: 2px 30px 4px 3px;
	margin: 0 15px 10px 0;
	background:#f4f4f4 url(../images/prd/dd-bg.gif) repeat-x;
	color:#505050;
}
dt.time, dt.skin {
	width: 60px;
}
dd.skin {
	width: 227px;
}
#prd-dtl {
	float: left;
	padding: 20px;
	background:#fff;
	width: 335px;
}
#prd-dtl-list li {
	float: left;
	width: 47%;
	color:#ce5896;
	margin-right: 10px;
}
#prd-dtl-list li h4{
	te xt-align: center;
}	

#prd-dtl-list li img {
	fl oat: left;
}
#prd-dtl-list li p {
	color:#ce5896;
	font-size:1em;
}

/* product configurator */


#page-prd.page-config #content {
	height:418px;
	background:url(../images/prd/content-top-bg.png) no-repeat;
}
#page-prd.page-config #content-bot {
	background:url(../images/prd/content-bot-bg.png) bottom left no-repeat;
}
.config {
	float:left;
	padding: 0 0 0 13px;
	background:url(../images/prd/prd-config-left-bg.gif) no-repeat;
}
.config ul {
	float:left;
	padding: 0 13px 0 0;
	background:url(../images/prd/prd-config-right-bg.gif) right no-repeat;
}
.config li {
	position: relative;
	float:left;
	display: block;
	height:40px;
	width:93px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	background:#e58eb3 url(../images/prd/config-a-bg.gif) right no-repeat;
}
.config li a {
	position: absolute;
	left:-4px;
	top:-4px;
	display: block;
	width:89px;
	height:49px;
	padding: 14px 10px 14px 6px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	outline:none;
}
.config li a.long {
	padding-top: 7px;
}
.config li a.selected {
	color:#505050;
	background:url(../images/prd/config-selected.png) no-repeat;
}
.config li a:hover {
	color:#8b4360;
}
.config li a.selected:hover {
	color:#505050;
}
#btn-config {
	position:relative;
	left:160px;
	top:0;
	width:213px;
	height:37px;
	clear:left;
	border: 0;
	background: url(../images/btn.png) no-repeat;
	color:#fff;
	font-size:1.3em;
}
a#btn-config {
	padding: 11px 0 0 40px;
}
input#btn-config {
	padding: 0 0 0 20px;
}
/* product configurator results */
.clear{
	clear:both;	
}	

.content-col2 #col2 {
	width: 575px;
	padding: 0 25px 0 0;
}

.page-config-results #prd-list li {
	float: left;
	position: relative;
	width: 150px;
	padding: 0 15px 0 0;
	_padding: 0 6px 0 0;
	text-align: center;
}

.page-config-results #prd-list li img{
	float: ;

}

.page-config-results #prd-list p {
	font-size:0.85em;
}
h3 {
	font-size:1.2em;
	text-align: left;
}
.new {
	font-size:1.2em;
	font-weight:bold;
	color:#CC0000;
}