/*
 * FIXME: at some point when the reset.css code is stable, this file should be
 * cleaned up -- i.e. remove the zeroing of margins and paddings where that is now
 * done by reset.css
 */

body
{
	background-color: #e0e0e0;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 16px;
	font-family: Arial;
}

a
{
	color: rgb(80, 63, 153);
	text-decoration: none;
	outline:none;
}

a:hover
{
	text-decoration: underline;
	color: #00aade;
}

img
{
	border: none;
}

label
{
	width: 100px;
	float: left;
}

input[type="text"]
{
	width: 180px;
	float: left;
}

.form_element,
.form-element
{
	margin-bottom: 8px;
	float: left;
	width: 300px;
}

.form-element-error
{
	color: Red;
}

#form-element-expriy_month
{
	float: left;
	width: 160px;
}

#form-element-expriy_year
{
	float: left;
	width: 100px;
}

#wrapper
{
	width: 764px;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 0;
}

.section
{
	width: 764px;
	clear: both;
	float: left;
	display: inline;
}

#main_logo
{
	float: left;
}

#menu_block
{
	float: right;
	width: 570px;
}


ul.menu
{
	float: right;
	clear: both;
	margin-right: 8px;
	display: inline;
	padding: 0px;	
/*	IE6 FIX -------- */
	width: 560px;
	margin-left: 0px;
	margin-top: 16px;
	margin-bottom: 16px;
	/*  ---- END IE6 FIX */

}

ul.menu li
{
	list-style-type: none;
/*	IE6 FIX -------- */
	/*float: left;*/
	float: right;
/*  ---- END IE6 FIX */
	margin-left: 20px;
	display: inline;
}

/*	IE6 FIX -------- */
ul.menu li.leftmost {
	margin-left: 0px;
}
/*  ---- END IE6 FIX */

#splash_section
{
	position: relative;
}

.splash_box
{
	width: 748px;
	margin: 16px 8px 0 8px;
	float: left;
	display: inline;
	top: 0px;
	left: 0px;
}

.right_text
{
	float: right;
	width: 300px;
	display: inline;
	font-size: 12px;
/*	FF FIX -------- */	
	line-height: 1.25;
/*	-----END FF FIX */
}

.right_text h2
{
	border-bottom: solid 1px #000;
/*	FF FIX -------- */
	font-size: 18px;
	margin-top: 14px;
	margin-bottom: 0px;
	font-weight: bold;
/*	-----END FF FIX */
}

/*	FF FIX -------- */
.right_text p
{
	margin-top: 15px;
	margin-bottom: 0px;
}
.right_text ul
{
	margin-top: 12px;
	margin-bottom: 0px;
}
.right_text li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
/*	-----END FF FIX */


.right_text strong
{
	color: rgb(80, 63, 153);
	font-weight: normal;
}

/*	FF FIX -------- */
.right_text p#learn_more
{
	margin-top: 12px;
	height: 60px; 	
}
/*	-----END FF FIX */

#terms
{
	width: 700px;
	height: 180px;
	overflow-y: scroll;
	margin-bottom: 16px;
	border: solid 1px #ccc;
}

#terms h4,
#terms h5
{
	font-size: 12px;
	text-align: center;
	color: rgb(80, 63, 153);
}

ul#can_expect
{
/*	FF FIX -------- */
/*	padding-left: 24px;*/
	padding-left: 0px;
	margin-left: 40px;
/*	-----END FF FIX */
	list-style-image: url(../img/zenerator/icon_arrow_right2.gif);
}

ul#splash
{
	list-style-type: none;
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	width: 764px;
	height: 50px;
	background: transparent url(../img/zenerator/bg_splash.png) no-repeat top left;
	left: 0px;
}

ul#splash li
{
	float: left;
	width: 152px;
	height: 50px;
	text-align: center;
}

ul#splash li.single
{
	line-height: 50px;
	border-right: solid 1px #404042;
}

ul#splash li.double
{
	line-height: 25px;
}

ul#splash li a
{
	display: block;
}

.splash_mouseover
{
	background-color: #404042;
	color: #00aade;
}

#footer
{
	padding-top: 8px;
	font-size: 12px;
	color: #333;
	padding-bottom: 16px;
}

#footer ul
{
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#footer ul li
{
	float: left;
	margin-right: 16px;
}

#footer ul li a
{
	color: #333;
}

#footer ul li a:hover
{
	color: #00aade;
}

#footer div
{
	float: right;
	text-align: right;
}

.bwhite
{
	background-color: #fff;
}

.skyblue
{
	color: #00aade;
}

.white
{
	color: #fff;
}

.black
{
	color: #000;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.tright
{
	text-align: right;
}

.tcenter
{
	text-align: center;
}

.purple
{
	color: rgb(80, 63, 153);
}

.hidden
{
	display: none;
}

.vhidden
{
	visibility: hidden;
}

.clear
{
	clear: both;
}