.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* azap test large purple button */
a.testbutton {
   margin-left:25px;
   background: transparent url('images/bg_button_span.gif') no-repeat scroll top right;
    display: block;
    float: left;
    height: 225px;
	width:304px;
	font:12px arial, sans-serif;
	font-weight:bold;
	color:#fff;
    text-decoration: none;
	text-align:center;
}

a.testbutton span {
    display: block;
	margin-top:50px;
} 
a.testbutton:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.testbutton:hover span {
    background-position: bottom left;
} 

/* end azap test large purple button */



/* oily skin whit and purple button*/
a.oilyskinbutton {
    background: transparent url('images/oilyskin_button.gif') no-repeat scroll top right;
    display: block;
    height: 114px;
	width:279px;
	font:10px arial, sans-serif;
	font-weight:bold;
	color:#666;
    text-decoration: none;
	text-align:center;
	line-height:11px;
	
}


a.oilyskinbutton span {
    display: block;
	}
a.oilyskinbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.oilyskinbutton:hover span {
	background-position: bottom left;
} 
/* end oily skin whit and purple button*/

/* normal skin whit and purple button*/
a.normalskinbutton {
    background: transparent url('images/normalskin_button.gif') no-repeat scroll top right;
    display: block;
    height: 114px;
	width:279px;
	font:10px arial, sans-serif;
	font-weight:bold;
	color:#666;
    text-decoration: none;
	text-align:center;
	line-height:11px;
	margin-top:5px;
}

a.normalskinbutton span {
    display: block;
	}
a.normalskinbutton:hover {
	
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.normalskinbutton:hover span {
    background-position: bottom left;
} 
/* end normal skin whit and purple button*/

/* product test small button*/
a.producttestsmall {
    background: transparent url('images/producttest_small.gif') no-repeat scroll top right;
    display: block;
    height: 114px;
	width:279px;
	font:10px arial, sans-serif;
	font-weight:bold;
	color:#fff;
    text-decoration: none;
	text-align:center;
	line-height:11px;
}

a.producttestsmall span {
    display: block;
	}
a.producttestsmall:hover {
	
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.producttestsmall:hover span {
    background-position: bottom left;
} 
/* end product test small*/

.green {
	color:#9C0;
}

h1 {
	font-size:28px;
	line-height:28px;
	margin-top:30px;
}

h2 {
	color:#fff;
	font-size:12px;
	line-height:10px;
	padding-top:10px;
	padding-bottom:-10px;
}

.buttontitle {
	font-size:12px;
	line-height:12px;
	color:#fff;
	font-weight:bold;
}

.purple {
	color: #B5307D;
}

.orange {
	color: #E0792A;
}

.blue {
	color: #066AC2;
}
.buttonheader {
	color:#fff;
	font-size:12px;
	line-height:10px;
	padding-top:10px;
	padding-bottom:15px;
}

.buttonheader_lg {
	color:#fff;
	font-size:20px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:10px;
}