@charset "utf-8";

/* !Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}


/* !Elements */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:11px;
	margin-bottom:10px;
}

a
{
	text-decoration:none;
	color:#b4284f;
}
/* !Divs */
#wrapper {
	width:950px;
	margin:0px auto;
	*overflow:hidden; /* fix for Our Most Beloved IE6 */
}

#ask_clairol #main {
	width:950px;
	height:285px;
	background:transparent url(../../images/bg_main.jpg) top left no-repeat;
	text-align:center;
	overflow:hidden;
}

/* =Classes */
#ask_clairol p.subtitle {
	margin: 80px 0px 12px;
	text-align: center;
	color: #470e20;
	line-height: 1.1em;
}

.callout1, .callout2, .callout3 {
	display:inline;
	float:left;
	overflow:hidden;
}

#ask_clairol .callout1 {
	width:235px;
	height:141px;
}
#ask_clairol .callout2 {
	width:475px;
	height:141px;
}
#ask_clairol .callout3 {
	width:240px;
	height:141px;
}

#ask_clairol .button1, #ask_clairol .button2, #ask_clairol .button3 {
	display:inline;
	overflow:hidden;
	margin:0 16px;
}