﻿body
{
	color: #A397AC;
	font-family: 'Trebuchet MS' , 'Arial' , sans-serif;
	background: #3D2C50 url('../../img/EN/huge_bg.jpg') top center;
}


.pill
{
	position: relative;
	display: block;
	width: 998px;
	height: 468px;
	background: url('../../img/EN/pill-bg.jpg') top center no-repeat;
	z-index: 89;
	text-align: left;
	margin-bottom: 10px;
}

.logo
{
	position: absolute;
	top: 6px;
	left: -3px;
	z-index: 100;
}
.logo img
{
	width: 134px;
	height: 80px;
	border: none;
}
.start-building
{
	position: absolute;
	top: 360px;
	left: 30px;
	z-index: 100;
}
.start-building img
{
	width: 146px;
	height: 107px;
	border: none;
}
.flash
{
	position: absolute;
	left: 19px;
	top: 16px;
	z-index: -100;
	height: 450px;
	line-height: 45px;
	width: 960px;
}
.afro
{
	position: absolute;
	background: url('../../img/EN/bg-afro.jpg') top left no-repeat;
	left: 19px;
	top: 16px;
	z-index: -100;
	height: 450px;
	line-height: normal;
	width: 960px;
}
.content
{
	position: relative;
	display: block;
	height: 350px;
	background: none;
	text-align: left;
	margin-bottom: 10px;
	width: 998px; 
	}

.footer
{
	/*position: relative;*/
	clear: both;
	display: block;
	width: 998px;
	height: auto;
	/*background: none;*/
	margin: 30px 0 10px 0;
	text-align: center;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 7pt;
}
.footer a, .footer a:link, .footer a:visited
{
	color: #fff;
	text-decoration: none;
}
.footer a:hover
{
	color: #fff;
	text-decoration: underline;
}


.bl-fbook
{
	float: left;
	display: block;
	width: 190px;
	height: 350px;
	margin-left: 16px;
	overflow: hidden;
	background: url('../../img/EN/fbook-bg.gif') top left no-repeat;
}
.fbook-import
{
	width: 182px;
	height: 255px;
	overflow: hidden;
	margin: 35px 0 0 4px;
}

.bl-tabs
{
	float: left;
	display: block;
	width: 591px;
	height: 350px;
	margin-left: 9px;
	overflow: hidden;
}
.tabs-btns
{
	width: 591px;
	height: 57px;
}
.tabs-btns a img
{
	border: none;
}
.tab
{
	display: block;
	width: 591;
	height: 293px;
}
.bg-nuts
{
	background: url('../../img/EN/bg-tab-nuts.jpg') top left no-repeat;
}
.bg-power
{
	background: url('../../img/EN/bg-tab-power.jpg') top left no-repeat;
}
.bg-help
{
	background: url('../../img/EN/bg-tab-help.jpg') top left no-repeat;
}
.bg-share
{
	background: url('../../img/EN/bg-tab-share.jpg') top left no-repeat;
}

.bl-cnt
{
	float: left;
	display: block;
	width: 175px;
	height: 350px;
	margin-left: 7px;
	margin-right: 10px;
	overflow: hidden;
}

.cnt-built
{
	background: url('../../img/EN/counter-bg-top.gif') top left no-repeat;
	width: 175px;
	height: 160px;
	position: relative;
}
.digit-big-1
{
	position: absolute;
	top: 38px;
	left: 31px;
}
.digit-big-2
{
	position: absolute;
	top: 38px;
	left: 57px;
}
.digit-big-3
{
	position: absolute;
	top: 38px;
	left: 93px;
}
.digit-big-4
{
	position: absolute;
	top: 38px;
	left: 119px;
}
.digit-big-1 img, .digit-big-2 img, .digit-big-3 img, .digit-big-4 img
{
	width: 19px;
	height: 35px;
	border: none;
}


.digit-month
{
	position: absolute;
	top: 88px;
	left: 27px;
}
.digit-month img
{
	width: 22px;
	height: 10px;
	border: none;
}
.digit-small-p1-1
{
	position: absolute;
	top: 87px;
	left: 54px;
}
.digit-small-p1-2
{
	position: absolute;
	top: 87px;
	left: 61px;
}
.digit-small-p2-1
{
	position: absolute;
	top: 87px;
	left: 71px;
}
.digit-small-p2-2
{
	position: absolute;
	top: 87px;
	left: 78px;
}
.digit-small-p3-1
{
	position: absolute;
	top: 87px;
	left: 91px;
}
.digit-small-p3-2
{
	position: absolute;
	top: 87px;
	left: 98px;
}
.digit-small-p4-1
{
	position: absolute;
	top: 87px;
	left: 109px;
}
.digit-small-p4-2
{
	position: absolute;
	top: 87px;
	left: 116px;
}
.digit-small-p5-1
{
	position: absolute;
	top: 87px;
	left: 127px;
}
.digit-small-p5-2
{
	position: absolute;
	top: 87px;
	left: 134px;
}
.digit-small
{
	width: 7px;
	height: 10px;
	border: none;
}
.watch-live
{
	width: 175px;
	height: 42px;
	position: absolute;
	top: 101px;
	left: 0px;
}



/* pages */

.header-help-us
{
	width: 363px;
	height: 30px;
	margin-left: 25px;
	margin-top: 12px;
}
.header-you-could
{
	width: 305px;
	height: 26px;
	margin-left: 30px;
	margin-top: 12px;
}
.header-help-spread
{
	width: 189px;
	height: 26px;
	margin-left: 30px;
	margin-top: 12px;
}

/* nuts */
.bg-nuts-photo
{
	float: left;
	margin-left: 21px;
}
.bg-nuts-photo img
{
	width: 169px;
	height: 203px;
	border: none;
}
.bg-nuts-text
{
	float: left;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #433709;
	line-height: 11pt;
	width: 172px;
	height: auto;
	margin-left: 25px;
	margin-top: 5px;
}
.bg-nuts-product
{
	float: left;
	margin-left: 15px;
}
.bg-nuts-product img
{
	width: 190px;
	/*height: 170px;*/
	border: none;
}

.big-video
{
	padding-right: 10px;
	padding-top:5px;
}
.small-video-1
{
	padding-right: 10px;
	padding-bottom: 5px;
}
a.green-small, a.green-small:link, a.green-small:visited
{
	font-size: 8pt;
	font-family: arial, sans-serif;
	color: #033c16;
	text-decoration: none;
}
a.green-small:hover
{
	font-size: 8pt;
	font-family: arial, sans-serif;
	color: #033c16;
	text-decoration: underline;
}
a.green-big, a.green-big:link, a.green-big:visited
{
	font-size: 10pt;
	font-family: arial, sans-serif;
	color: #033c16;
	text-decoration: none;
}
a.green-big:hover
{
	font-size: 10pt;
	font-family: arial, sans-serif;
	color: #033c16;
	text-decoration: underline;
}

/* help */

.bg-help-video
{
	width: 531;
	margin-left: 30px;
	margin-top: 7px;
	height: auto;
}
.bg-help-video table
{
	width: 531px;
	border: none;
	padding: 0;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 8pt;
	color: #433709;
	line-height: 11pt;
}

/* share */
.bg-share-text
{
	float: left;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #433709;
	line-height: 11pt;
	width: 531px;
	height: auto;
	margin-left: 30px;
	margin-top: 5px;
}
.bg-share-form
{
	margin-left: 30px;
	width: 531px;
	margin-top: 0.5em;
}
.bg-share-form table
{
	width: 531px;
	border: none;
	padding: 0;
	border-collapse: collapse;
}
.share-form-left
{
	width: 203px;
}
.share-form-right
{
	width: 328px;
	padding-left: 55px;
}
.share-form-header
{
	color: #326e47;
	font-family: times new roman, serif;
	font-size: 9pt;
	font-weight: bold;
}
.share-form-textarea
{
	border: 1px solid #437450;
/*	text-transform: uppercase;*/
	font-size: 9pt;
	font-family: arial narrow, arial, sans-serif;
	color: #51451b;
	width: 203px;
	height: 83px;
	background: #b1a79a url('../../img/EN/share-form-bg.gif') top left;
}
.share-form-input
{
	border: 1px solid #437450;
	/*text-transform: uppercase;*/
	font-size: 9pt;
	font-family: arial narrow, arial, sans-serif;
	color: #51451b;
	width: 203px;
	background: #b1a79a url('../../img/EN/share-form-bg.gif') top left;
}
.share-form-samplemail
{
	text-align: right;
	margin-bottom: -0.2em;
}
.share-form-samplemail a, .share-form-samplemail a:link, .share-form-samplemail a:visited
{
	font-family: verdana, sans-serif;
	font-size: 6.5pt;
	color: #51451b;
	text-decoration: none;
}
.share-form-samplemail a:hover
{
	font-family: verdana, sans-serif;
	font-size: 6.5pt;
	color: #51451b;
	text-decoration: underline;
}

.share-icons-l
{
	float: left;
	margin-right: 25px;
}
.share-icons-r
{
	float: left;
}

.share-form-check
{
	font-family: verdana, sans-serif;
	font-size: 7pt;
	color: #51451b;
	padding-top: 5px;
	line-height: 1.1em;
	letter-spacing: -1px;
}
.share-form-send
{
	text-align: right;
	padding-top: 5px;
}
.share-form-info
{
	font-family: verdana, sans-serif;
	font-size: 7pt;
	color: #51451b;
	line-height: 1.1em;
	letter-spacing: -1px;
	vertical-align: bottom;
	text-align: right;
	padding-top: 5px;
}

.checkboxOn
{
	background: url('../../img/EN/share-form-check-1.gif') no-repeat 0 3px;
}
.checkboxOff
{
	background: url('../../img/EN/share-form-check-0.gif') no-repeat 0 3px;
}
input.checkboxOn
{
	margin: 0;
	padding: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	background: url('../../img/EN/share-form-check-1.gif') no-repeat 0 3px;
	float: left;
}
input.checkboxOff
{
	margin: 0;
	padding: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	background: url('../../img/EN/share-form-check-0.gif') no-repeat 0 3px;
	float: left;
}
.share-form-check-text
{
	padding-left: 21px;
}

/* login */

.form-login
{
	width: 445px;
	position: absolute;
	margin-top: 32px;
	margin-left: 291px;
	height: 410px;
	display: block;
	z-index: 10000;
}
.form-login-header
{
	color: #326a42;
	font-family: arial narrow, arial, serif;
	font-size: 10pt;
	line-height: 11pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.form-login-line
{
	clear: both;
	width: 442px;
}
.form-login-f1
{
	float: left;
	width: 75px;
	/*margin-top: 3px;*/
	padding-top: 3px;
	overflow: hidden;
}
.form-login-f2
{
	float: left;
	width: 75px;
	/*margin-top: 3px;*/
	padding-top: 3px;
	white-space:nowrap;
}
.form-login-f3
{
	float: left;
	width: 90px;
	/*margin-top: 3px;*/
	padding-top: 3px;
	overflow: hidden;
}
.form-login-f4
{
	float: left;
	white-space: nowrap;
	width: 145px;
	/*margin-top: 3px;*/
	padding-top: 3px;
}
.form-login-cols
{
	clear: both;
	width: 445px;
}
.login-col-left
{
	float: left;
	width: 230px;
}
#recaptcha_response_field, .login-form-input
{
	border: 1px solid #437450;
	font-size: 9pt;
	font-family: arial narrow, arial, sans-serif;
	color: #51451b;
	width: auto;
	background: #b1a79a url('../../img/EN/share-form-bg.gif') top left;
}
.login-form-submit
{
	margin: 2px;
	border: none;
}
.w55
{
	width: 55px;
}
.w65
{
	width: 65px;
}
.w110
{
	width: 117px;
}
.w200
{
	width: 200px;
}

.w160
{
	width: 160px;
}
.w165
{
	width: 165px;
}

.w145
{
	width: 145px;
}
.t5
{
	margin-top: 0px;
}
.p0
{
}

.field-name
{
	float: left;
	color: #44382b;
	font-family: arial narrow, arial, serif;
	font-size: 8.5pt;
	line-height: 12pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.star
{
	color: #326a42;
}
.i-question
{
	border: none;
	margin: 2px;
	width: 14px;
	height: 14px;
}
.login-checks
{
	float: left;
	width: 185px;
	margin-left: 10px;
	margin-top: 3px;
	color: #44382b;
	font-family: arial narrow, arial, serif;
	font-size: 7.5pt;
	line-height: 0px;
	/*text-transform: uppercase;*/
}
.note
{
	float: right;
	margin-bottom: -1em;
	margin-top: -0.5em;
	padding: 0;
	color: #44382b;
	font-family: arial narrow, arial, serif;
	font-size: 7.5pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.forgot
{
/*
	margin-top: -3em;
	float: left;
	font-family: arial narrow, arial, serif;
	font-size: 7.5pt;
*/	
	/*text-transform: uppercase;*/
}
.donthave
{
/*
	margin-top: -3em;
	float: right;
	font-family: arial narrow, arial, serif;
	font-size: 7.5pt;
*/	
	/*text-transform: uppercase;*/
}
.forgot a, .forgot a:link, .forgot a:visited
{
	color: #44382b;
	text-decoration: underline;
}
.forgot a:hover
{
	color: #44382b;
	text-decoration: none;
}
.donthave a, .donthave a:link, .donthave a:visited
{
	color: #44382b;
	/*text-decoration: underline;*/
}
.donthave a:hover

{
	color: #44382b;
	text-decoration: none;
}
.red-star
{
	float: left;
	margin-left: -16px;
	margin-top: 7px;
}
.province
{
	width: 73px;
	margin-left: 6px;
	/*float: right;*/
}
.yyyy
{
	width: 62px;
	margin-left: 6px;
	float: right;
}
.dd
{
	width: 62px;
	margin-left: 6px;
	float: right;
}
.mm
{
	width: 62px;
	margin-left: 0px;
	float: left;
}



/*************** new 2011 ****************/

.counter_2011{
	background: url('../../img/EN/bike_counter_shell.png') top left no-repeat;
	width: 161px;
	height: 155px;
	position: relative;
	margin-left: 6px;
}

.digit-big-1-2011 {
	left: 22px;
	position: absolute;
	top: 42px;
	background: url('../../img/EN/counter_numbers_large.jpg') no-repeat -270px 0px;
	width: 27px;
	height: 37px;
}
.digit-big-2-2011 {
	left: 49px;
	position: absolute;
	top: 42px;
	background: url('../../img/EN/counter_numbers_large.jpg') no-repeat -270px 0px;
	width: 27px;
	height: 37px;
}
.digit-big-3-2011 {
	left: 83px;
	position: absolute;
	top: 42px;
	background: url('../../img/EN/counter_numbers_large.jpg') no-repeat -270px 0px;
	width: 27px;
	height: 37px;	
}
.digit-big-4-2011 {
	left: 110px;
	position: absolute;
	top: 42px;
	background: url('../../img/EN/counter_numbers_large.jpg') no-repeat -270px 0px;
	width: 27px;
	height: 37px;	
}

.digit-small-1-2011 {
	left: 28px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;	
}
.digit-small-2-2011 {
	left: 45px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;		
}
.digit-small-3-2011 {
	left: 62px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;		
}
.digit-small-4-2011 {
	left: 84px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;		
}
.digit-small-5-2011 {
	left: 101px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;		
}
.digit-small-6-2011 {
	left: 118px;
	position: absolute;
	top: 112px;
	background: url('../../img/EN/counter_numbers_small.jpg') no-repeat -180px 0px;
	width: 17px;
	height: 22px;		
}
