@charset "UTF-8";
/* CSS Document */

@import "fonts.css";
@import "info-box.css";

/***** TAG DEFINITIONS *****/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
body { font-family:arial;}
a, a:visited, a:active { color: #006bce; outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
body { font-size: 14px; line-height: 14px;} /* by using font-size: small; you can set sizes using %. 100% is roughly = to 12px */
html>body {font-size:14px;}

body { background: url(../images/page-wrapper-bg-sm.jpg) no-repeat center top #fff; }

/***** for all error fields *****/
.error-style {
	color:#cc0000;
	font-size:10px;
}

.errors {
	color:#cc0000;
}

/***** button styles *****/

/***** FF Fix *****/
.button::-moz-focus-inner { padding:0; border:0; margin: 0px; }

.button { 
	overflow:visible; 
	width:auto; 
	height: 31px;
	border:0; 
	padding:0px 0px 0px 12px; 
	background:url(../images/bkg_button.jpg) 0 50% no-repeat; 
	cursor:pointer; 
	-webkit-border-fit:lines;  /*<- Safari & Google Chrome Fix */ 
}

.button span { 
	float:left;
	height: 31px;
	padding:0px 12px 0px 0px; 
	background:url(../images/bkg_button.jpg) 100% 50% no-repeat; 
	font: 11px/31px Verdana, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	text-align:center; 
	white-space:nowrap; 
	color:#fff;
	width:auto; 
}

/*    Layout    */

#wrapper {
	width: 100%;
	float: left;
	padding-top:230px;
}
#home_link
	{
		width: 336px;
		height: 200px;
		z-index: 1000;
		top: 20px;
		left: 175px;
		position: absolute;
		cursor: pointer;
	}
body#index {
	background: url(../images/page-wrapper-bg-home.jpg) no-repeat center top;
	padding-top: 130px;
}

#page-wrapper {
	margin: 0 auto;
	width: 950px;
	float: left
}
#content-wrapper {
	width: 950px;
	margin: 0 auto;
}
#content {
	width: 766px;
	margin: 0 auto;
	min-height: 250px;
}

#content ul {
	margin:0 0 10px 0;
}

#content ul li {
	line-height:20px;
	margin-left: 18px;
}
#content p {line-height: 1.5em; margin-bottom: 10px;}

.leftcol { width:380px; float:left; }
.rightcol { width:380px; float:right;}

.leftcol p {width: 350px;}

#share {
	width:175px;
	float:right;
	height:86px ;
	background: url(../images/share-bg.jpg) no-repeat;
}
#num {
	color:#49176e; 
	font-size: 50px; font-weight: bold;
	position: relative;
	margin-top: 25px;
	width: 175px;
	text-align: center;
	height: 50px;
	line-height: 35px;


}
#logout {
	font-size: 12px;
	color: #4247AF;
	top: 315px; 
	left: 1075px;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	}

/* Standard Form Tags  */
input {
	background-color: #ebebeb;
	border: none; outline: none;
	height: 21px;
	padding: 5px;
	font-family: Arial;
	font-size: 14px;
	width: 275px;
}
input#checkbox {width: 15px; vertical-align: middle;}
input#opt_in {width: 15px; vertical-align: middle;}
input#zipcode { width: 150px; }

select#state { width: 100px; margin-right: 25px; }

table tr td {padding: 5px 0;}
a.password, #captcha a {font-size: 11px; color: #0065a4; text-decoration: underline;}
a.password:hover, #captcha a:hover {color: #009dff ;}

.label { font-weight: bold;}

table#captcha {
	width: 285px;
	background:url(../images/captcha-bg.jpg) no-repeat; 
}
#captcha tr td {padding: 10px;}
#captcha input {background-color: white; width: 100px;}
#captcha input#captcha {background-color: white;}


/***** FORMS *****/

#intro-form {
	width:275px;
	margin:0 0 10px 0;
}


/***** FOOTER *****/

#footer {
	width: 766px;
	margin: 0 auto;
	padding-bottom: 50px;
	clear: both;
}
#footer #short-rules {
	font-size: 11px; line-height: 14px;
	color: #7d7d7d;
}

#footer ul {
	font-size: 12px;;
	float:left;
	list-style:none;
	margin:25px 0;
	padding:0;
}

#footer li {
	float:left;
	line-height:15px;
}

#footer li a {
	display:block;
	color: black;
	padding:0 10px;
	text-decoration:none;
}
#footer li:first-child a {padding-left: 0;}

#footer li a:hover {
	color: #858585;
}

/***** POPUP HOVER LAYER *****/

#popup {
	position: absolute;
	top: 575px;
	margin:0 0 0 490px;
	z-index:20;
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	width:250px;
	background-color:#ffffff;
	border:4px solid #666666;
	padding:0 8px 2px 8px;
}

.pointer {
	width:20px;
	height:15px;
	position:relative;
	background-image:url('../images/pointer.gif');
	margin:-15px 0 7px 75px;
}

/***** CLASSES *****/
div.hr {
	height: 9px;
	padding: 0;
	margin: 35px 0 20px;
	background: url(../images/hr-bg.jpg) repeat-x center top;
}
div.hr hr {display: none;}

.seo_bgone {
	text-indent:-5000px;
	font-size:0;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clear {
	clear:both;
}

li.divider a {
	background:url(../images/footermenu-divider.jpg) no-repeat right;
}

.carriagereturn {display: block;}
div.error{
    position:relative;
    top:-60px;
    left:125px;
    background-color:red;
    width:150px;
    height:30px;
    overflow:hidden;
}
