/* ==============================================================
		general styles
   ============================================================== */

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	color: #2d2d2d;
	text-align: center;
	background: #f1e8dc;
}

img 						{ border: 0px; display: block; }

.bold						{ font-weight: bold; }

a							{ text-decoration: none; color: #0a4d6f; }
a:hover						{ text-decoration: underline; color: #0a4d6f; cursor: pointer; }

h1, h2, h3, h4, h5, h6 		{ line-height: normal; font-size: 1em; font-weight: normal; }

form						{ padding: 0; margin: 0; }

fieldset 					{ border: 0; }

table, tr, td 				{ border-collapse: collapse; }

input, select, th, td 		{ font-size: 1em; padding: 0; margin: 0; }

abbr						{ border: 0; }

.clear 						{ clear: both; }
.clearLeft 					{ clear: left; }
.clearRight 				{ clear: right; }

.hide 						{ display: none; }

.show 						{ display: block; }

.tr							{ position: relative; overflow: hidden; display: block; white-space: nowrap; }

.tr a						{ overflow: hidden; }

.tr	span					{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; display: block; }

.caps						{ text-transform: uppercase; }

/* ==============================================================
		home canvas
   ============================================================== */

.hcanvas {
	width: 966px;
	height: 789px;
	background: url(/graphics/canvas.png) no-repeat;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding-top: 99px;
}

/* ==============================================================
		logo
   ============================================================== */

.hcanvas h1 {
	width: 405px;
	height: 288px;
	position: absolute;
	top: 204px;
	left: 208px;
}

.hcanvas h1.logoA span { background-image: url(/graphics/logoA.gif); }
.hcanvas h1.logoB span { background-image: url(/graphics/logoB.gif); }
.hcanvas h1.logoC span { background-image: url(/graphics/logoC.gif); }
.hcanvas h1.logoD span { background-image: url(/graphics/logoD.gif); }
.hcanvas h1.logoE span { background-image: url(/graphics/logoE.gif); }
.hcanvas h1.logoF span { background-image: url(/graphics/logoF.gif); }
.hcanvas h1.logoG span { background-image: url(/graphics/logoG.gif); }
.hcanvas h1.logoH span { background-image: url(/graphics/logoH.gif); }
.hcanvas h1.logoI span { background-image: url(/graphics/logoI.gif); }
.hcanvas h1.logoJ span { background-image: url(/graphics/logoJ.gif); }
.hcanvas h1.logoK span { background-image: url(/graphics/logoK.gif); }
.hcanvas h1.logoL span { background-image: url(/graphics/logoL.gif); }

/* ==============================================================
		just in
   ============================================================== */

.justIn {
	width: 334px;
	height: 127px;
	position: absolute;
	right: 18px;
	bottom: 18px;
}

.justIn span {
	background-image: url(/graphics/justIn.png);
}

/* ==============================================================
		tracker
   ============================================================== */

.tracker {
	width: 200px;
	height: 135px;
	position: absolute;
	right: 160px;
	bottom: -14px;
	z-index:200;
}

.tracker span {
	background-image: url(/images/tracker/van_icon_sticker_150_angle.png);
	z-index:200;
}

/* ==============================================================
		twitter
   ============================================================== */

.twitter {
	width: 74px;
	height: 64px;
	position: absolute;
	right: 25px;
	bottom: 110px;
	z-index:201;
}

.twitter span {
	background-image: url(/images/twitter/64/icon_d.png);
	z-index:201;
}

/* ==============================================================
		utility
   ============================================================== */

.hcanvas .utility {
	position: absolute;
	top: 579px;
	left: 150px;
}

.hcanvas .utility .loginBox {
	border-right: 1px solid #c6c6c6;
	padding: 20px 20px 15px 0;
	float: left;
	width: 381px;
}

.hcanvas .loginBox .login {
	padding-left: 53px;
	height: 58px;
}

.hcanvas .loginBox .login label {
	width: 78px;
	height: 32px;
	float: left;
	display: block;
	margin-top: 4px;
}

.hcanvas .loginBox .login label span {
	background-image: url(/graphics/text.gif);
	background-position: 0px 0px;
}

.hcanvas .loginBox .login input {
	float: left;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #895f22;
	margin: 0 0 0 10px;
}

.hcanvas .loginBox .login p {
	color: #5e5e5e;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.8em;
	clear: both;
}

.hcanvas .loginBox .pass {
	clear: both;
	padding-top: 15px;
}

.hcanvas .loginBox .pass label {
	width: 131px;
	height: 35px;
	float: left;
	display: block;
	margin-top: 4px;
}

.hcanvas .loginBox .pass label span {
	background-image: url(/graphics/text.gif);
	background-position: -88px 0px;
}

.hcanvas .loginBox .pass input {
	float: left;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #895f22;
	margin: 0 0 0 10px;
}

.hcanvas .loginBox .pass p {
	color: #5e5e5e;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.8em;
	clear: both;
}

.hcanvas .loginBox .remember {
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.8em;
	float: right;
	padding: 23px 8px 0 0;
}

.hcanvas .loginBox .remember input {
	display: block;
	float: left;
	margin: 3px 5px 0 0;
	height: 14px;
	width: 14px;
}

.hcanvas .loginBox .remember label {
	display: block;
	float: left;
}

.hcanvas .loginBox .submit {
	width: 158px;
	height: 42px;
	float: right;
	margin-top: 15px;
	clear: both;
}

.hcanvas .loginBox .submit a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px 0px;
}

.hcanvas .loginBox .submit a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -52px;
}

.hcanvas .loginBox .openid {
	clear: both;
	text-align: right;
	padding: 25px 0 5px 0;
	color: #5e5e5e;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.8em;
	background: url(/graphics/openidLogo.gif) no-repeat 150px 4px;	
	height: 20px;	
}


.hcanvas .utility .loginErrorBox {
	float: left;
	padding: 20px 0 0 20px;
	text-align: left;
}

.hcanvas .utility .loginErrorBox p{
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.2em;
	clear: both;
}

/* ===================================
		colors
   =================================== */

.hcanvas .loginErrorBox span.red {
	color: #952828;
	font-size: 14px;
	padding-left: 90px;
}

.hcanvas .loginErrorBox span.green {
	color: #36680a;
	font-size: 14px;
	padding-left: 90px;
}

.hcanvas .utility .signupBox {
	float: left;
	padding: 20px 0 0 20px;
	text-align: left;
}

.hcanvas .signupBox .or {
	width: 21px;
	height: 15px;
	float: left;
	margin: 13px 20px 0 0;
}

.hcanvas .signupBox .or span {
	background-image: url(/graphics/text.gif);
	background-position: -229px 0px;
}

.hcanvas .signupBox .signup {
	width: 158px;
	height: 42px;
	float: left;
}

.hcanvas .signupBox .signup a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -104px;
}

.hcanvas .signupBox .signup a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -156px;
}

/* ==============================================================
		popup signup
   ============================================================== */

.hcanvas .popupSignupBox {
	position: absolute;
	top: 554px;
	left: 76px;
	background: #ffffff;
	display: none;
	margin-top: 20px;
}

.hcanvas .popupSignup {
	background: url(/graphics/canvas.png) 0px -898px no-repeat;
	width: 655px;
	height: 250px;
	margin: 0px 80px 20px 80px;
	padding-top: 15px;
}

.hcanvas .popupRPXBox {
	position: absolute;
	top: 554px;
	left: 76px;
	background: #ffffff;
	display: none;
	margin-top: 20px;
}

.hcanvas .popupRPX {
	background: url(/graphics/canvas.png) 0px -898px no-repeat;
	width: 655px;
	height: 250px;
	margin: 0px 80px 20px 80px;
	padding-top: 15px;
}

/* ===================================
		username
   =================================== */

.hcanvas .popupSignup .username {
	position: relative;
	height: 48px;
}

.hcanvas .popupSignup .username label {
	position: absolute;
	top: 7px;
	left: 84px;
	width: 115px;
	height: 20px;
}

.hcanvas .popupSignup .username label span {
	background-image: url(/graphics/text.gif);
	background-position: -260px 0px;
}

.hcanvas .popupSignup .username input {
	position: absolute;
	top: 0px;
	left: 213px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #294c5e;
}

.hcanvas .popupSignup .username p {
	position: absolute;
	top: 2px;
	left: 467px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* ===================================
		password
   =================================== */

.hcanvas .popupSignup .password {
	position: relative;
	height: 48px;
}

.hcanvas .popupSignup .password label {
	position: absolute;
	top: 7px;
	left: 90px;
	width: 109px;
	height: 20px;
}

.hcanvas .popupSignup .password label span {
	background-image: url(/graphics/text.gif);
	background-position: -385px 0px;
}

.hcanvas .popupSignup .password input {
	position: absolute;
	top: 0px;
	left: 213px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #294c5e;
}

.hcanvas .popupSignup .password p {
	position: absolute;
	top: 6px;
	left: 467px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.8em;
}

/* ===================================
		email
   =================================== */

.hcanvas .popupSignup .email {
	position: relative;
	height: 48px;
}

.hcanvas .popupSignup .email label {
	position: absolute;
	top: 7px;
	left: 133px;
	width: 66px;
	height: 20px;
}

.hcanvas .popupSignup .email label span {
	background-image: url(/graphics/text.gif);
	background-position: -504px 0px;
}

.hcanvas .popupSignup .email input {
	position: absolute;
	top: 0px;
	left: 213px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #294c5e;
}

.hcanvas .popupSignup .email p {
	position: absolute;
	top: 6px;
	left: 467px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.8em;
}

/* ===================================
		code
   =================================== */

.hcanvas .popupSignup .code {
	position: relative;
	height: 48px;
}

.hcanvas .popupSignup .code label {
	position: absolute;
	top: 7px;
	left: 140px;
	width: 59px;
	height: 20px;
}

.hcanvas .popupSignup .code label span {
	background-image: url(/graphics/text.gif);
	background-position: -580px 0px;
}

.hcanvas .popupSignup .code input {
	position: absolute;
	top: 0px;
	left: 213px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 194px;
	padding: 4px;
	color: #294c5e;
	background: #FFFFFF url('/graphics/promo-circle36.png') no-repeat scroll 0pt 50%;
	padding-left: 40px;
}

.hcanvas .popupSignup .code p {
	position: absolute;
	top: -4px;
	left: 467px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* ===================================
		colors
   =================================== */

.hcanvas .popupSignup span.red {
	color: #952828;
}

.hcanvas .popupSignup span.green {
	color: #36680a;
}

/* ===================================
		buttons
   =================================== */

.hcanvas .popupSignup .submit {
	width: 158px;
	height: 42px;
	float: left;
	margin-top: 5px;
	margin-left: 255px;
}

.hcanvas .popupSignup .submit a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -208px;
}

.hcanvas .popupSignup .submit a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -260px;
}

.hcanvas .popupSignup .cancel {
	width: 158px;
	height: 42px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.hcanvas .popupSignup .cancel a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -312px;
}

.hcanvas .popupSignup .cancel a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -364px;
}

.hcanvas .popupRPX .cancel {
	width: 158px;
	height: 42px;
	float: left;
	margin-left: 20px;
	margin-top: -10px;
}

.hcanvas .popupRPX .cancel a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -312px;
}

.hcanvas .popupRPX .cancel a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -364px;
}

/* ==============================================================
		popup password
   ============================================================== */

.hcanvas .popupPasswordBox {
	position: absolute;
	top: 554px;
	left: 76px;
	background: #ffffff;
	display: none;
	margin-top: 20px;
}

.hcanvas .popupPassword {
	background: url(/graphics/canvas.png) 0px -898px no-repeat;
	width: 655px;
	height: 250px;
	margin: 0px 80px 20px 80px;
	padding-top: 15px;
}

.hcanvas .popupPassword .info {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 auto;
	width: 600px;
	padding: 25px 0 30px 0;
	color: #5e5e5e;
}

.hcanvas .popupPassword .info strong {
	display: block;
	padding-bottom: 4px;
}

/* ===================================
		email
   =================================== */

.hcanvas .popupPassword .email {
	position: relative;
	height: 48px;
}

.hcanvas .popupPassword .email label {
	position: absolute;
	top: 7px;
	left: 83px;
	width: 66px;
	height: 20px;
}

.hcanvas .popupPassword .email label span {
	background-image: url(/graphics/text.gif);
	background-position: -504px 0px;
}

.hcanvas .popupPassword .email input {
	position: absolute;
	top: 0px;
	left: 163px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #294c5e;
}

.hcanvas .popupPassword .email p {
	position: absolute;
	top: 2px;
	left: 417px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* ===================================
		colors
   =================================== */

.hcanvas .popupPassword span.red {
	color: #952828;
}

.hcanvas .popupPassword span.green {
	color: #36680a;
}

/* ===================================
		buttons
   =================================== */

.hcanvas .popupPassword .submit {
	width: 208px;
	height: 42px;
	float: left;
	margin-top: 5px;
	margin-left: 185px;
}

.hcanvas .popupPassword .submit a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -416px;
}

.hcanvas .popupPassword .submit a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -468px;
}

.hcanvas .popupPassword .cancel {
	width: 158px;
	height: 42px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.hcanvas .popupPassword .cancel a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -312px;
}

.hcanvas .popupPassword .cancel a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -364px;
}

/* ==============================================================
		popup OpenID
   ============================================================== */

.hcanvas .popupOpenIDBox {
	position: absolute;
	top: 554px;
	left: 76px;
	background: #ffffff;
	display: none;
	margin-top: 20px;
}

.hcanvas .popupOpenID {
	background: url(/graphics/canvas.png) 0px -1173px no-repeat;
	width: 655px;
	height: 250px;
	margin: 0px 80px 20px 80px;
	padding-top: 15px;
}

.hcanvas .popupOpenID .info {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 auto;
	width: 600px;
	padding: 33px 0 30px 0;
	color: #5e5e5e;
}

.hcanvas .popupOpenID .info strong {
	display: block;
	padding-bottom: 4px;
}

/* ===================================
		url
   =================================== */

.hcanvas .popupOpenID .url {
	position: relative;
	height: 48px;
}

.hcanvas .popupOpenID .url label {
	position: absolute;
	top: 7px;
	left: 111px;
	width: 50px;
	height: 20px;
}

.hcanvas .popupOpenID .url label span {
	background-image: url(/graphics/text.gif);
	background-position: -649px 0px;
}

.hcanvas .popupOpenID .url input {
	position: absolute;
	top: 0px;
	left: 175px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #614113;
	background: #FFFFFF url('/graphics/openidLogo.gif') no-repeat scroll 0pt 50%;
	padding-left: 40px;
}

.hcanvas .popupOpenID .url p {
	position: absolute;
	top: -6px;
	left: 429px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.8em;
	padding-left: 40px;
}

/* ===================================
		code
   =================================== */

.hcanvas .popupOpenID .code {
	position: relative;
	height: 48px;
}

.hcanvas .popupOpenID .code label {
	position: absolute;
	top: 7px;
	left: 102px;
	width: 59px;
	height: 20px;
}

.hcanvas .popupOpenID .code label span {
	background-image: url(/graphics/text.gif);
	background-position: -709px 0px;
}

.hcanvas .popupOpenID .code input {
	position: absolute;
	top: 0px;
	left: 175px;
	display: block;
	border: 1px solid #939393;
	font-size: 20px;
	width: 230px;
	padding: 4px;
	color: #294c5e;
	background: #FFFFFF url('/graphics/promo-circle36.png') no-repeat scroll 0pt 50%;
	padding-left: 40px;
}

.hcanvas .popupOpenID .code p {
	position: absolute;
	top: -4px;
	left: 467px;
	color: #5e5e5e;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* ===================================
		colors
   =================================== */

.hcanvas .popupOpenID span.red {
	color: #952828;
}

.hcanvas .popupOpenID span.green {
	color: #36680a;
}

/* ===================================
		buttons
   =================================== */

.hcanvas .popupOpenID .submit {
	width: 158px;
	height: 42px;
	float: left;
	margin-top: 5px;
	margin-left: 217px;
}

.hcanvas .popupOpenID .submit a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -520px;
}

.hcanvas .popupOpenID .submit a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -572px;
}

.hcanvas .popupOpenID .cancel {
	width: 158px;
	height: 42px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.hcanvas .popupOpenID .cancel a span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -624px;
}

.hcanvas .popupOpenID .cancel a:hover span {
	background-image: url(/graphics/buttons.gif);
	background-position: 0px -676px;
}