/* chooseyourmail.com */



body { 

	font-family:"Lucida Grande", Arial, sans-serif;

	color:#343434;

	padding:0; 

	margin:0; 

	background: #FFF; 

	

	font-size:12px; 

	line-height:1.8em; 

}

h1, h2, h3, h5 { 

	font-family:"Times New Roman", Times, serif;

	font-weight:100; 

	margin: 0;

	color:#606060;

}

h1 { 

	font-size: 218%; 

	margin-bottom:10px;

}

h2 { 

	font-size: 180%; 

	line-height: 1.3em;

}

h3 { 

	font-size: 160%; 

}

h4 { 

	font-size: 118%; 

}

table { margin:5px auto; width:95%; border:1px solid #ccc; background:#eee; padding:0; border-spacing:1px; }

th { padding:5px; background:#666666; color:#fff; }

td { vertical-align:top; background:#fff; padding:1px; }

ol {padding-left:24px; margin:0; margin-bottom:20px;}

li.green { color:#6dab1c; font-weight:bold;}

li.alt {/*color:#0066CC;*/ color:#6dab1c;}



.strong {

	font-weight: bold;

}

p.alignright {

	text-align:right;

}



.offScreen {

	display: none;	

}



.clearBoth {

	clear: both;

}





.siteDimensions {

	width: 780px;

	margin: 0 auto;

}



.thinnerSiteDimensions {



		width:710px;

		margin: 0 auto;

		padding:10px;

}



a:link,

a:visited,

a:active {

	color: #333;

	text-decoration:underline;

}



a:hover {

	color: #8ec543;

}





/* HEADER */



div#header {

	background: url(../imgC/header_bg.gif) repeat-x top left;

	height: 101px;	

}



div#logo {

	height: 101px;

	width: 238px;

	

	background: url(../imgC/logo.gif) no-repeat top left;

	

	float: left;

}





/* LOGIN BOX */

div#login, div#logout, div#welcome {

	width: 416px;

	line-height:1em;

	

	margin: 0;

	padding: 0;

	

	float: right;

	

	margin-top: 0px;

	margin-right: 30px;

	padding: 0;

	

	color:#fff;

}



div#logout {

	text-align: right;	

}



div#logout a:link {

	color: #FDCC03;	

}



div#logout a:hover {

	color: #fff;	

}



div#login form fieldset {

	border: none;

	padding:5px;

	text-align:right;

	width:368px;

}



div#login form fieldset legend {

	display: none;

	

}



div#login form input {

	font-size: 90%;

	width: 120px;

	color: #FFF;

    background: #000 url(../imgC/form_back.gif) repeat-x;

    padding: 3px;

    border: solid 1px #686868;

    margin-right: 5px;

    margin-bottom: 5px;

}



div#login form input.submit {

	background: none;

	width:60px;

}



div#welcome {

	margin-right: 21px;

}



/* NAV */



div#nav {

	width: 480px;

	float: right;

	text-align: right;

	margin:0;

	line-height:normal;

	padding-top:10px;

}



div#nav ul {

	text-align: left;

	margin-bottom:2px;



}



div#nav ul li {

	display:inline;

	margin-right: 10px;

	line-height:1em;

}



div#nav ul li a {

	color:#FDCC03;

	text-decoration: none;

}



div#nav ul li a:hover {

	color:#ffffff;

}





/* CONTENT */

div#content div.paperPic {

	background: url(../imgC/mail.jpg) top right no-repeat;

	

}





div#content div#intro {

	width: 350px;

	padding-top: 15px;
	
	float:left;

	

	margin-bottom: 10px;

}



div#content div#intro h2 {

	margin-bottom: 10px;

}



p.decor {

	text-align:center;

}















/* Step boxes */



div.stepBoxes {

	padding-top: 15px;

}



div.top {

	background: none;

}



/* forms */



div#content div.stepBoxes form .warnText {

	color: #aa0000;

}



div#content div.stepBoxes form fieldset {

	border: none;

}



div#content div.stepBoxes form {

	border: 1px solid #ccc;

	padding:1px;

	width:100%;

}



div#content div.stepBoxes form.login table {

	

}



div#content div.stepBoxes form div {		

	margin-top: 0;

	

	background: url(../imgC/form_bg.gif) repeat-y;

	background-position: 315px;



	display: block;

	

	width: auto;

	float: left;

}



div#content div.stepBoxes form p.formLegend {

	font-size: 140%;

	padding: 20px 5px 20px 10px;

	

	margin:0;

	

	background-color: #e7e7e7;

}



div#content div.stepBoxes form fieldset.column {

	width: 310px;



	float: left;

	display: inline;



	padding: 5px;	

	

	margin-top: 15px;

}



div#content div.stepBoxes form legend {

	display: none;

}



div#content div.stepBoxes form p {	

	margin: 3px;

}



div#content div.stepBoxes form p.tips_who {

	margin-top:0;

}





div#content div.stepBoxes form p.optGroup {

	padding-bottom:0;

}



div#content div.stepBoxes form label.optGroup {

	display: block;

	width: 100%;

}



div#content div.stepBoxes form input.optGroup, div#content div.stepBoxes form select.optGroup {

	width: auto;

	float: none;

	

	margin-left: 10px;

}







/* footer */



div#content div#footer {

	height: 50px;

	border-top:1px dashed #e7e7e7;

	

	margin: 20px 0;

	

	padding: 20px 10px;

	

	width: auto;

}



div#content div#footerRight {

	width: 370px;

	float: right;

	

	text-align: right;

}

div#content div#footerLeft {

	width: 370px;

	float: left;

}



/* FAQ */

div#content div.FAQ h2 {

	padding-top: 25px;

	

}



/* Classes */



a.button:link, a.button:visited, a.button:active { text-decoration: none; display:block; background:url(../imgC/button_bg.jpg) no-repeat; width:300px; height:28px; text-align:center; color:#333; padding-top:10px; font-size:16px; }

a.buttonright { text-decoration: none; display:block; background:url(../imgC/button_bg.jpg) no-repeat; width:300px; height:28px; float:right; text-align:center; color:#333; padding-top:10px; font-size:16px; }

a.button:hover, a.buttonright:hover { background:url(../imgC/button_ovr_bg.jpg) no-repeat; color:#333; }

a.regbutton { background:url(../imgC/regbutton.jpg) no-repeat left; display:block; width:300px; height:66px; margin-top:15px;}

a.regbutton:hover { background-position:-308px 0; height:66px; margin-top:15px;}

a.tellafriendbutton { background:url(../imgC/tellafriendbutton.jpg) no-repeat left; display:block; width:245px; height:68px; margin-top:8px;}

a.tellafriendbutton:hover { background-position:-247px 0; height:68px; margin-top:8px;}

div#content div.stepBoxes form input.submit { background:url(../imgC/button_bg.jpg) no-repeat; width:300px; height:38px; text-align:center; color:#333; padding-top:3px; font-size:16px; border:none; }

div#content div.stepBoxes form input.submit:hover {  background:url(../imgC/button_ovr_bg.jpg) no-repeat; color:#333; }





/* CATEGORIES MOOOOOOOOO */



/* kill the old form stuff */

div#content div.stepBoxes form.moo div {

	background: none ;

	float: none;

}



div#accordion h3.atStart {

/*	height: 50px;	*/

								

	padding: 15px 0 0 15px;			

									

	font-family:"Lucida Grande", Arial, sans-serif;

	font-size: 130%;

	

	margin-top: 10px;

	

	color: #fff;

}



div#accordion h3 span.click {

	font-size: 70%;

	float: left;		

	

}



/*

div#content div.stepBoxes form td input {

	width: auto;

}



div#content div.stepBoxes table {

	width: 100%;

}



div#content div.stepBoxes table tr input {

	float: left;

}



div#content div.stepBoxes table tr:hover {

	background-color: #e7e7e7;	

}



div#content div.stepBoxes table td.col_1 span.clickToOpen {

	font-size: 60%;

}



div#content div.stepBoxes table tr td {

	width: 150px;

}



div#content div.stepBoxes table th {

	text-align: left;

}*/



div#content div.stepBoxes table td.col_1 {

	width: 290px;

}



div#content div.stepBoxes table tr.level_0 td.col_1 {

	color: #94c947;

	font-weight: bold;

	font-size: 130%;

}



div#content div.stepBoxes table tr.level_1 td.col_1 label.isParent {

	font-style: italic;

	color: #690;

}



div#content div.stepBoxes table tr.level_1 td.col_1 {

	padding-left:25px;

}



div#content div.stepBoxes table tr.level_2 td.col_1 {

	padding-left:55px;

}



div#content div.stepBoxes table tr.level_3 td.col_1 {

	padding-left:75px;

}



div#content div.stepBoxes table tr td.col_2,

div#content div.stepBoxes table tr td.col_3,

div#content div.stepBoxes table tr td.col_4,

div#content div.stepBoxes table tr td.col_5 {

	text-align: center;

}



/*

div#content div.stepBoxes table td.wide {

	width:300px;

}

*/





.tool-tip {

	color: #000;

	width: 140px;

	margin-left:-140px;

	z-index: 13000;

	border:1px solid #666;

}



.tool-title {

	font-weight: bold;

	font-size: 11px;

	margin: 0;

	color: #fdcc03;

	padding: 8px 8px 4px;

	background: #000;

}



.tool-text {

	font-size: 11px;

	padding: 4px 8px 8px;

	background: #ccc top left;

}





.bold {

	font-weight:bold;

}

.bold-italic {

	font-weight:bold;

	font-style:italic;

}

.bold-underline {

	font-weight:bold;

	text-decoration:underline;

}



.underline {

		text-decoration:underline;

}

div#flashcontent {
float:right;
position:relative;
margin-top:285px;
}