/********************************************************
SITE SPECIFIC STYLES

v 1.0
********************************************************/
/********************************************************
OVERRIDES & PRECLEAR
********************************************************/
* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	outline:none;
}
ul, ol { 
	padding:0px 0px 10px 20px;
}
li { padding:0px 0px 5px 0px;}
img, a img {border:0px;}


h1, h2 {
	font-size:13px;
	color:#a14788;
	margin:10px 0px;
}
h1 { font-size:30px;}

	
p {
	margin:5px 0px 10px 0px;
	font-size:12px;
	line-height:14px;
}

small { font-size:10px;}

a {
	color:#557DBB;
	text-decoration:none;
}
a:hover {
	color:#A1488A;
}

body { 
	background-color:#efcae0;
}
.mceContentBody  { 
	background-color:#FFFFFF!important;
}

table { border:0px}

/********************************************************************************
AREAS
********************************************************************************/
/****************************************
CENTER TEXT FORMATTING
****************************************/

#centercol h1 {
	text-transform:none;
	font-family: "Arial Narrow", Arial;
}
#centercol li { list-style:square; } 

/****************************************
****************************************/
#wrapper {
	width:922px;
	margin:50px auto;
}
#mainbody {
	float:left;
	clear:both;
	width:920px;
	padding:0;
	background-color:#FFFFFF;
}

#toprow { 
	clear:both;
	float:right;
	width:890px;
	padding-right:30px;
	text-align:right;
	height:30px;
}


#leftcol {
	float:left;
	width:195px;
	padding-right:30px;
}
#centercol {
	float:left;
	width:400px;
	
	/*happy min height hack*/
	min-height:500px;
	height:auto !important;
	height:500px;	
}
#rightcol {
	float:right;
	width:265px;
}
#leftcol, #centercol, #rightcol { 
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
}

/*right col*/
.rightcol_blue, .rightcol_purple { 
	font-size:10px;
	padding:5px 0px 5px 12px;
}
.rightcol_purple {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.rightcol_blue p, .rightcol_purple p { margin:0px 5px 5px 15px;}
.rightcol_blue {background-color:#a3ddf7;}
.rightcol_blue p {color:#003d7a;} 
.rightcol_blue a {color:#003d7a;} 
.rightcol_purple {background-color:#aa5994;}
.rightcol_purple p {color:#ffffff;}
.rightcol_purple a {color:#ffffff;} 

h8 { font-size:18px;color:#003d7a;margin:10px 0px 0px 0px;}
h7 { font-size:18px;color:#ffffff;margin:10px 0px 0px 0px;}


/* each module in a page is contained bythis div */
.module_div { 
	padding-bottom:10px;
}

/****************************************
NAV
****************************************/
#nav, #nav p, #nav a, #nav img { 
	margin:0px;
	padding:0px;
	line-height:10px;
}

#nav_blueblock { 
	width:194px;
	height:30px;
	background-color:#99d9f6;
	margin:15px 0px;
}

#nav_more_questions, #nav_for_men { 
	width:194px;
	text-align:right;
	margin:20px 0px;
}

/****************************************
HEADER
****************************************/

#logo {
	float:left;
	display:inline;
	width:82px;
	height:42px;
	padding-left:8px;
}
#header_title {
	float:left;
	display:inline;
	width:544;
	height:19px;
	padding-left:20px;
	padding-top:23px;
}
#header_signup {
	float:left;
	display:inline;
	width:260px;
	height:14px;
	padding-left:47px;
	padding-top:28px;
}



/****************************************
HOME
****************************************/
.home_bg { 
	background-position:433px 98px;
	background-repeat:no-repeat;
}
.box_wrapper { 
	float:left;
	width:370px;
	padding:10px 0px 20px 0px;
}
.top_box { 
	float:left;
	width:344px; /*370 - 13 - 13 */
	background-color:#99d9f6;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	padding:24px 13px 13px 13px;
}
.top_box p { color:#003d7a;}
.bottom_box { 
	float:left;
	width:344px;
	background-color:#a54f86;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	padding:13px;
}
.bottom_box p { color:#FFFFFF;}

#home_quotes h2 { 
	font-size:18px;
	color:#a14788;
	margin:10px 0px;
}
#home_quotes h3 { 
	font-size:15px;
	color:#a14788;
	margin:0px 0px;
	font-weight:normal;
}


/****************************************
COUNTY SELECTOR (original code, still used)
****************************************/
#county_selector { 
	position:fixed;
	background-color:#EFCAE0;
	width:100%;
	height:100%;
}
#county_selector_content {
/*	margin:50px auto 0px auto; */
	width:923px;
	height:572px;
	position:relative;
	background-color:#ffffff;
}

#county_selector_functions {
	position:absolute;
	top:0px;
	left:0px;
	/* this has to be above the transparent map */
	z-index: 110;
}
#county_selector_functions_logo {  position:absolute;top:51px;left:225px;}
#county_selector_functions_copy {  position:absolute;top:151px;left:225px;width:690px;}
#county_selector_functions_sorry {  position:absolute;top:240px;left:610px;width:240px;}
#county_selector_functions_sorry *, #county_selector_functions_copy * { color:#a1488a;font-size:16px;letter-spacing:-.02em;}
#county_selector_functions_zip {
	position:absolute;
	top:210px;
	left:610px;
}
#county_zip { cursor:pointer;}

/****************************************
2013 COUNTY SELECTOR NEW
****************************************/

#transparent_map {
	position: absolute;
	width: 923px;
	height: 572px;
	border: none;
	/* the transparent map has to be above all of the image replacements */
	z-index: 100;
}
.county_overs {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 923px;
	height: 572px;
	/* the transparent map has to be above all of the image replacements */
	z-index: 90;
}
#alameda_county_over {
	background: url('/images/site/map/ALA_over.png') no-repeat;
}
#la_county_over {
	background: url('/images/site/map/LA_over.png') no-repeat;
}
#san_diego_county_over {
	background: url('/images/site/map/SD_over.png') no-repeat;
}
#sacramento_county_over {
	background: url('/images/site/map/SAC_over.png') no-repeat;
}

/****************************************
GOOGLE ENTRIES
****************************************/
.google_entry { 
	padding:5px 0px;

}

/****************************************
SUBMIT FORM
****************************************/
.order_form,.order_form_header,.order_form_body,.order_form_body_row { 
	float:left;
	width:400px;
	clear:both;
}
.order_form_header { 
	float:left;
	clear:both;
	width:400px;
	height:20px;
	margin-bottom:5px;	
	background-color:#E4F5FC;
}
.order_form_header_left, .order_form_header_right {  
	float:left;
	width:200px;
}
.order_form_header_right { text-align:right;}

.order_form_header h2 { 
	text-align:left!important	;
	margin:1px 0px 0px 5px;
}
.order_form_header a {
	margin:1px 5px 0px 0px;
}

.order_form_body {
	padding-left:5px;
	width:390px;
}
.order_form_body_row { 
	padding:10px 0px;
}

.order_form_error { 
	border:2px solid #99D9F6;
	clear:left;
	width:386px;
	padding:3px 5px;
	margin-bottom:3px;
}

input.error {
	border:1px dotted #A1488A;
}
label { 
	padding-top:4px;
}


/****************************************
USER PROFILE FORM
****************************************/
.user_form,.user_form .grid_row {
	float:left;
	width:400px;
	clear:both;
}

/****************************************
TABLET TOP BAR
****************************************/
#tablet_blurb {
	position:fixed;
	height:20px;
	width:100%;
	z-index:1000;
	background-color:#333;
	color: #FFF;
	border-bottom:1px solid #999;
	text-align:center;
	top:0px;
	padding: 5px 0 5px 0;
}

#tablet_blurb a {
	font-size:12px;
	color: #F00;
	text-decoration:underline;
}

/****************************************
KIOSK TOP
****************************************/
#kiosk_blurb { 
	position:fixed;
	height:20px;
	width:100%;
	z-index:1000;
	background-color:#333;
	color: #FFF;
	border-bottom:1px solid #999;
	text-align:center;
	top:0px;
	padding: 5px 0 5px 0;
}

#kiosk_blurb a {
	font-size:12px;
	color: #F00;
	text-decoration:underline;
}


/********************************************************
KIOSK ORDERING
********************************************************/
body.fullclass #mainbody { background-color:transparent;}

/*home*/
#kiosk_home_home { position:absolute;top:-28px;left:0px;}
#kiosk_home_col, #kiosk_home_col .rightcol_purple { width:430px;float:left;position:relative;}
#kiosk_home_col_en_selector { float:left;width:430px;height:675px;background-image:url('/images/site/kiosk/home_col_en.jpg');background-repeat:no-repeat}
#kiosk_home_col_es_selector { float:left;width:430px;height:675px;background-image:url('/images/site/kiosk/home_col_es.jpg');background-repeat:no-repeat}
#kiosk_home_col_en_selector, #kiosk_home_col_es_selector { margin-bottom:50px;}
#kiosk_home_col .btn1 { position:absolute;left:25px;top:480px;}
#kiosk_home_col .btn2 { position:absolute;left:25px;top:590px;}

/*step1*/
#kiosk_home_col .step1 { background-color:#FFF;padding:20px 25px;width:390px;
/*happy min height hack*/
	min-height:340px;
	height:auto !important;
	height:340px;
}
#kiosk_step1_bottom { position:relative;float:left;width:923px;height:514px;margin-top:30px;background-image:url('/images/site/kiosk/step1_info.jpg');background-repeat:no-repeat}
#kiosk_step1_bottom_esp { position:relative;float:left;width:923px;height:514px;margin-top:30px;background-image:url('/images/site/kiosk/step1_info_esp.jpg');background-repeat:no-repeat}
#kiosk_step1_bottom h2 { padding-left:34px;}
#kiosk_step1_bottom_esp h2 { padding-left:34px;}
#kiosk_step1_bottom .col1 { position:absolute;left:34px;top:122px;width:288px;}
#kiosk_step1_bottom_esp .col1 { position:absolute;left:34px;top:122px;width:288px;}
#kiosk_step1_bottom .col2 { position:absolute;left:356px;top:122px;width:288px;}
#kiosk_step1_bottom_esp .col2 { position:absolute;left:356px;top:122px;width:288px;}
#kiosk_step1_bottom .col1 *, #kiosk_step1_bottom .col2 * { font-size:14px;line-height:16px; color:#fff;}
#kiosk_step1_bottom_esp .col1 *, #kiosk_step1_bottom_esp .col2 * { font-size:14px;line-height:16px; color:#fff;}
#kiosk_step1_bottom .col1 a, #kiosk_step1_bottom .col2 a { text-decoration:underline;}
#kiosk_step1_bottom_esp .col1 a, #kiosk_step1_bottom_esp .col2 a { text-decoration:underline;}

/*modal*/
#kiosk_no_email { cursor:pointer;}
#modal_kiosk { position:fixed;top:0px;left:0px;width:100%;height:100%;background-image:url('/images/site/kiosk/modal_kiosk_scrim.png');z-index:1000;}
#modal_kiosk_inner { position:relative;margin:115px auto 0px auto;width:811px;height:386px;background-image:url('/images/site/kiosk/modal_kiosk.png');background-repeat:no-repeat}
#modal_kiosk_inner_esp { position:relative;margin:115px auto 0px auto;width:811px;height:386px;background-image:url('/images/site/kiosk/modal_kiosk_esp.png');background-repeat:no-repeat}
#modal_kiosk_inner #kiosk_close {position:absolute;cursor:pointer;top:35px;left:749px;}
#modal_kiosk_inner_esp #kiosk_close {position:absolute;cursor:pointer;top:35px;left:749px;}
#modal_kiosk_inner #kiosk_continue {position:absolute;cursor:pointer;top:275px;left:48px;}
#modal_kiosk_inner_esp #kiosk_continue {position:absolute;cursor:pointer;top:275px;left:48px;}
#modal_kiosk_inner #kiosk_cancel {position:absolute;cursor:pointer;top:275px;left:351px;}
#modal_kiosk_inner_esp #kiosk_cancel {position:absolute;cursor:pointer;top:275px;left:351px;}

/*modal step 6*/
#modal_kiosk_name { position:absolute;top:-45px;left:-164px;width:811px;height:386px;background-image:url('/images/site/kiosk//modal_kiosk.png');background-repeat:no-repeat;z-index:1000;}
#modal_kiosk_name_esp { position:absolute;top:-45px;left:-164px;width:811px;height:386px;background-image:url('/images/site/kiosk//modal_kiosk_esp.png');background-repeat:no-repeat;z-index:1000;}
#modal_kiosk_name_inner { position:absolute;top:0px;left:0px;}
#modal_kiosk_name_inner #modal_kiosk_name_close {position:absolute;cursor:pointer;top:35px;left:749px;}
#modal_kiosk_name_inner #modal_kiosk_name_close_text {position:absolute;top:272px;left:50px;width:400px;font-weight:bold;}


/*progress nav*/
#kiosk_home { position:absolute;top:10px;left:6px;}
#kiosk_progress_nav { 
	background-image:url('/images/site/kiosk/top_nav_bg.png');
	width:922px;
	height:60px;
	float:left;
	position:relative;
}
#kiosk_progress_nav #kiosk_progress_nav_inner { 
	float:left;
	width:400px;
	padding-left:225px;
	position:relative;
}
#kiosk_progress_nav .step { width:60px;float:left;padding-top:21px;} 
#kiosk_progress_nav .number { width:38px;height:60px;float:left;}

#kiosk_progress_nav_goback { 
	position:absolute;
	top:10px;
	left:55px;
	cursor:pointer;
}


/*forms*/
#kiosk_form_content, #kiosk_form_content .krow { float:left;width:695px;clear:both;margin-bottom:20px;position:relative;}
#kiosk_form_content #nav_buttons_cont, #kiosk_form_content #nav_buttons_quit { float:left;padding-right:10px;padding-top:20px;cursor:pointer;}
#kiosk_form_content input { }

#kisosk_blurb { width:340px;position:absolute;top:15px;left:348px;}
#kisosk_blurb * { color:#26405d;font-size:11px;line-height:12px;}
.kiosk_thumb_up { display:inline;width:12px;height:15px;background-image:url("/images/site/kiosk/hand_up.jpg");background-repeat:no-repeat;position:relative;top:-2px;left:0px;padding-right:18px;}

.input_bgcolor { background-color:#CCC;}

/********************************************************************************
ADD ONS
********************************************************************************/
.alert { color:#c1272d;}
.a_selected { color:#c1272d !important; }
.img_triangle { position:relative; top:-1px;}
.required, .error { color:#A1488A;font-weight:bold;}
.purple {color:#A14788;}


.form_checkbox { width:20px;height:20px;top:4px;}
.form_radio { width:20px;height:20px;top:4px;}
.chrome .form_checkbox { width:20px;height:20px;top:0px;}
.chrome .form_radio { width:20px;height:20px;top:0px;}


.blurblet { 
	border:1px dashed #212121;
	padding:5px;
	width:388px;
	margin-bottom:5px;
}
.hide {display:none;}