#whoAreYou div.selectOverlay
{
	position : absolute;
	width : 920px;
	height : 440px;
	z-index : 1002;
}

#whoAreYou div.selectOverlay div.background
{
	position : absolute;
	width : 100%;
	height : 100%;
	background-color : white;
	z-index : 1002;
	-moz-opacity : 0.7;
	opacity : .70;
	filter : alpha(opacity=70);
}
#whoAreYou div.selectOverlay div.foreground
{
	position : relative;
	z-index : 1003;
}

#whoAreYou  input.retailSelect
{
	width : 200px;
	margin-bottom : 10px;
}

#whoAreYou .sign
{
	position : absolute;
	margin-left : 700px;
	margin-top : 50px;
	z-index : 100;
}

#whoAreYou .topColumns
{
	/*
	margin-left : 260px;
	width : 400px;
	*/
	margin-left : 140px;
	width : 550px;
}

#whoAreYou .bottomColumns
{
	margin-left : 140px;
	width : 550px;
}

#whoAreYou .column
{
	/* center */
	text-align : center;
}

#whoAreYou div.section
{
	z-index : 1000;
	position : relative;
	
	/* center */
	margin : 0px auto;
	
	text-align : center;
	/* allow space for background border */
	padding-top : 22px;
	
	width : 180px;
	height : 203px;
	background-repeat : no-repeat;
	background-image : url(../images/bg/bg_sub_section_small.png);
	background-position : -2px -6px;
}

/* this is to fix an underline in chrome */
#whoAreYou div.section a { text-decoration : none; }

#whoAreYou div.section a span
{
	display : block;
	border : 0px;
	
	/* center */
	margin : 10px auto 0px auto;
	
	font-family : arial;
	font-weight : bold;
	text-decoration : none;
	font-size : 13px;
	color : white;
	
	background-image : url(../images/button/button_sub_normal.png);
	width : 137px;
	height : 21px; /*27 - 6*/
	padding-top : 6px;
}
#whoAreYou div.section a:hover span
{
	background-image : url(../images/button/button_sub_hover.png);
	height : 20px; /*27 - 7*/
	padding-top : 7px;
}