
body, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, textarea, ul, ol, li, iframe, dl, dt, dd {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #ffffff;
}

a {color: #797979;}
a img {border: 0;}

ul.menu {
	list-style: none;
}

ul.menu li {
	display: block;
	float: left;
}

.offscreen {
	position: absolute;
	left: -5000px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#wrapper {
	background: transparent url(../images/bg2.jpg) 0 0 no-repeat;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	height: 100%;
	font-size: 110%;
	color: #797979;
}

input.txt {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	width: 231px;
	float: left;
	padding: 2px;
}


input.txtDisabled {
    border: 1px solid #d6d6d6;
	background-color: #c6c6c6;
	width: 231px;
	float: left;
	padding: 2px;

}

input.txterror {
	border: 1px solid #f70011;
}

.error {
    color: #f70011;
	float: left;
	clear: left;
	width: 99%;
}

textarea {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	width: 522px;
	height: 213px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

select {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	margin: 0 4px 0 0;
}

input.txt, textarea, input.txtDisabled, select {
	font-size: 110%;
}


#navigation {
	width: 326px;
	float: left;
}

#vw-logo {	
	background: transparent url(../images/vw-logo.jpg) 0 0 no-repeat;
	width: 52px;
	height: 104px;
	text-indent: -9000px;
	display: block;
	float: left;
}


#home-button {
	display: block;
	padding: 2px 0 2px 16px;
	background: transparent url(../images/home-button.png) left center no-repeat;
	margin: 6px 0 0 60px;
	text-decoration: none;
}

#home-button:hover, #home-button:focus {text-decoration: underline;}

#navigation h1 {
	background: transparent url(../images/peoples-reviewer-logo.jpg) 0 0 no-repeat;
	width: 246px;
	height: 159px;
	float: left;
}
#navigation h1 a {
	display: block;
	width: 246px;
	height: 159px;
	text-indent: -9000px;
	cursor: pointer;
}

#navigation .intro {
	width: 326px;
	float: none;
	clear: both;
	background: transparent url(../images/intro-repeater.gif) 0 0 repeat-y;
}

#navigation .intro h3 {
	width: 326px;
	height: 52px;
	text-indent: -9000px;
	background: transparent url(../images/intro-header.jpg) 0 0 no-repeat;
}

#navigation .intro div {
	padding: 4px 35px 22px 61px;
	background: transparent url(../images/intro-base3.jpg) bottom left no-repeat;
}

#navigation .intro div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#navigation .intro ul.current-heat {
	list-style: none;
	width: 225px;
	overflow: hidden;
	padding: 0 0 5px 0;
}

#navigation .intro ul.current-heat li {
	display: block;
	float: left;
	width: 60px;
	text-align: center;
}

#navigation .intro ul.current-heat li.middle {
	margin: 0 16px;
}

#navigation .intro ul.current-heat li a {
	text-decoration: none;
}

#navigation .intro ul.current-heat li a span.view {
	display: inline-block;
	padding: 0 14px 0 0;
	background: transparent url(../images/send-submit.png) right 50% no-repeat;
}

#navigation .intro .heat {
	background: none;
	padding: 0;
	width: 225px;
	margin: 0;
}

#navigation .intro h4 {padding: 10px 0 5px 0; font-size: 1.1em; font-weight: bold;}

#navigation .intro .heat h5 {padding: 5px 0 3px 5px; margin: 0; font-size: 0.9em; font-weight: bold;}

#navigation .intro .heat ul {
	list-style: none;
	width: 215px;
	padding: 0 5px 10px 0;
	margin: 0;
	float: left;
}

#navigation .intro .heat ul li {
	display: block;
	float: left;
	width: 29px;
	padding: 0 0 0 1px;
	margin: 0;
	position: relative;
}

#navigation .intro .heat img.winner {
	display: block;
	width: 19px;
	height: 16px;
	position: absolute;
	left: -4px;
	top: -5px;
}

p.closing-date {padding: 0 0 0 5px;}







#navigation ul.menu {margin: 20px 0 20px 50px; overflow: hidden;}

#navigation ul.menu li {
	clear: both;
	padding: 0 0 3px 0;
}

li#idea a, li#about a, li#win a  {
	display: block;
	background: transparent url(../images/button_sprites.png) 0 0 no-repeat;
	width: 267px;
	height: 35px;
	text-indent: -9000px;
	outline: 0;
}

#navigation ul.menu li#idea a {background-position: 0 0;}
#navigation ul.menu li#idea a:hover {background-position: 0 -35px; text-decoration: none;}

#navigation ul.menu li#about a {background-position: 0 -70px }
#navigation ul.menu li#about a:hover {background-position: 0 -105px; text-decoration: none;}

#navigation ul.menu li#win a {background-position: 0 -166px }
#navigation ul.menu li#win a:hover {background-position: 0 -201px; text-decoration: none;}

#navigation ul.menu li#idea p, #navigation ul.menu li#about p {
	padding: 5px 25px 10px 16px;
	background: transparent url(../images/nav-box.png) bottom left  no-repeat;
	width: 226px;
}






li#keepmeposted {
	display: block;
	background: transparent url(../images/keepmeposted-bg.png) bottom left  no-repeat;
	width: 267px;
}

#keepmeposted h4 {
	background: transparent url(../images/button_sprites.png) 0 -140px  no-repeat;
 	float: left;
	width: 267px;
	height: 26px;
	text-indent: -9000px;
}

#keepmeposted label {
 	float: left;
	width: 95px;
	font-weight: bolder;
	padding: 10px 0 0 16px;
}

#keepmeposted #emailField.txt {
	margin: 8px 0  6px 0;
	width: 122px;
	background: #f7f5f9;
	font-size: 1em;
}

a#keepmeposted-submit {
	display: block;
	float: left;
	margin: 8px 5px 5px 0;
}

#keepmeposted p {
	padding: 4px 16px 0 16px;
	position: relative;
	clear: both;
}

#keepmeposted p.response {
	padding: 16px;
}

#keepmeposted a.privacy {
	padding: 0 0 12px 112px;
	position: relative;
	clear: both;
	display: block;
	outline: 0;
}



#navigation ul.menu li#share, #navigation ul.menu li#twitter, #navigation ul.menu li#facebook {
	background: transparent url(../images/pipe.png) top right  no-repeat;
	clear: none;
	padding-right: 8px;
	margin: 1px 0 0 0;
}

#navigation ul.menu li#facebook {background: none;}

#share a, #twitter a, #facebook a, #flickr a,
.twitter a, .facebook a, .flickr a, #blog a {
	display: block;
	float: left;
	padding: 4px 25px 0 10px;
	text-decoration: none;
/*	white-space: nowrap;*/
}

#share a:hover, #twitter a:hover, #facebook a:hover, #flickr a:hover,
.twitter a:hover, .facebook a:hover, .flickr a:hover, #blog a:hover  {
	text-decoration: underline;
}


#facebook a, .facebook a {background: transparent url(../images/icon_facebook.png) center right  no-repeat;}

#share a  {background: transparent url(../images/icon_share.png) center right  no-repeat;}
                        
#twitter a, .twitter a {background: transparent url(../images/icon_twitter.png) center right no-repeat;}

#flickr a, .flickr a {background: transparent url(../images/icon_flickr.png) center right no-repeat; padding-right: 37px }

#blog a {padding-right: 16px; background: transparent url(../images/send-submit.png) 100% 2px no-repeat; white-space: nowrap;}





#content {
	width: 634px;
	float: left;
	position: relative;
}

#home #content {
	background: transparent url(../images/home-content-bg-final.jpg) top right no-repeat;
}

#home #content h2 {
	width: 255px;
	height: 123px;
	position: absolute;
	left: 85px;
	top: 39px;
}

#home #content p.vote {
	width: 216px;
	height: 90px;
	position: absolute;
	left: 385px;
	top: 39px;
}


#home #content ul.vote,
#home #content ul.vote li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-indent: -99999em;
}

#home #content ul.vote li a {
	display: block;
	position: absolute;
	outline: none;
}

#home #content ul.vote li.eric a {
	background: url(../images/vote-eric.png) 0 0 no-repeat;
	width: 78px;
	height: 47px;
	top: 170px;
	left: 10px;
}

#home #content ul.vote li.johnny a {
	background: url(../images/vote-johnny.png) 0 0 no-repeat;
	width: 110px;
	height: 47px;
	top: 185px;
	left: 355px;
}

#home #content ul.vote li.harriet a {
	background: url(../images/vote-harriet.png) 0 0 no-repeat;
	width: 100px;
	height: 47px;
	top: 185px;
	left: 538px;
}

#home #content ul.vote li.harriet_winner a {
	background: url(../images/title_harriets_video.png) 0 0 no-repeat;
	width: 98px;
	height: 53px;
	top: 215px;
	left: 138px;
}



#home #content ul.menu {
	position: relative;
	float: left;
	overflow: hidden;
}

#home #content ul.menu li {
	float: left;
	display: block;
}

#home #content ul.menu li a {
	position: relative;
	display: block;
}

#home #content ul.menu li p {
	padding: 2px 0 0.5em 0;
	width: 115px;
}

#home #content ul.menu li a.profile {
	width: 96px;
	height: 17px;
	background: transparent url(../images/button-watch-video.png) 0 0  no-repeat;
	text-indent: -9000px;
	cursor: pointer;
}








#home #content h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 25px 0 0 0;
}

#home #content ul.menu li {
	width: 150px;
	margin:  156px 0 10px 0;
}

#home #content ul.menu li.rev-1 {
	margin-left: 115px;
}

#home #content ul.menu li img {margin: 0;}

#home #content ul.menu li h3, #home #content ul.menu li p, #home #content ul.menu li a.profile {margin-left: 10px;}







#see-car-button {
	background: transparent url(../images/tiguan.png) 0 0 no-repeat;
	display: block;
	width: 128px;
	padding: 113px 0 0 8px;
	margin-left: 190px;
}

#video-box-wrap {
	width: 634px;
	height: 219px;
	float: left;
	clear: both;	
	background: transparent url(../images/wall-base.png) 0 60px  no-repeat;
}


#video-box {
	width: 320px;
	height: 295px;
	background: transparent;
	position: relative;
	top: 318px;
	left: 151px;
}

#the_prize {
	position:absolute;
	left:490px;
	top:550px;
}
/* Overlay 
#simplemodal-overlay {background-color: #000; cursor:pointer;}*/

#simplemodal-overlay {background-color: #fff; cursor:pointer;}

/* Container 
#simplemodal-container {height:505px; width:640px; background-color: #000; padding: 1px;}
#simplemodal-container a.modalCloseImg {background:url(../images/video-close-button.gif)  top right no-repeat; width:41px; height:10px; display:inline; z-index:3200; position:absolute; top:-14px; right: 0; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:0;}*/


#simplemodal-container {height:505px; width: 703px; background-color: transparent; padding: 1px;}
#simplemodal-container a.modalCloseImg {display: none}
#simplemodal-container #basicModalContent {padding:0;}


/*	position: absolute;
	left: -130px;
	top: 50px;
	z-index: 1000px;*/




#privacy-box-wrap, #terms-box-wrap, #events-box-wrap, #prizes-box-wrap {
	position: absolute;
	left: -153px;
	top: 62px;
	z-index: 2000;
	background: #666666;
	padding: 7px;
	width: 600px;
	border-bottom: 1px solid #848484;
}

#privacy-box-wrap h4, #terms-box-wrap h4, #events-box-wrap h4, #prizes-box-wrap h4 {
	padding: 3px 0 3px 16px;
	background:#cccccc;
	color: #666666;
	font-size: 1.20em;
	font-weight: bold;
	position: relative;
	width: 584px;
	border-bottom: 1px solid #b6b6b6;
}

#close-privacy, #close-terms, #close-events, #close-prizes  {
	width: 18px;
	height: 19px;
	display: block;
	text-indent: -9000px;
	background: #666666 url(../images/close-button.png) top right no-repeat;
	position: absolute;
	right: -7px;
	top: -7px;
	cursor: pointer;
}

#privacy-box, #terms-box, #events-box,  #prizes-box {
	width: 584px;
	height: 250px;
	overflow: auto;
	background: #fff;
	padding: 16px  0  16px  16px;
}


/*#events-box  {height: 300px;}*/


#privacy-box p, #terms-box p, #events-box p, #prizes-box p  {padding: 0 0 1.2em 0;}







/* Sign up pages */



/* landing */
#idea-page #content {
	background: transparent url(../images/idea-content-bg.jpg) 473px 490px  no-repeat;
}

#idea-page h2 {margin: 56px 0 0 20px;}

#idea-steps {
	list-style: none;
	padding: 9px 0 0 96px;
	width: 360px;
}

#idea-steps li {padding: 0 0 6px 50px;}

#idea-steps h3 {
	font-size: 1.25em;
	font-weight: bold;
}


#idea-steps p {margin: 0 0 1em 0;}

#idea-steps #one {
	background: transparent url(../images/idea-bullet1.png) 0 0  no-repeat;
}

#idea-steps #two {
	background: transparent url(../images/idea-bullet2.png) 0 0  no-repeat;
}

#idea-steps #three {
	background: transparent url(../images/idea-bullet3.png) 0 0  no-repeat;
}

#idea-page #submit-idea {display: block; margin: 0 0 0 140px; outline: 0;}







#signup #idea h4 {
	background: transparent url(../images/button_sprites.png) 0 -268px no-repeat;
	width: 277px;
	height: 35px;
	text-indent: -9000px;
}

#signup #content {
	background: transparent url(../images/signup-content-bg.jpg) 330px 98px no-repeat;
}

#signup.marketing #content {
	background: transparent url(../images/signup-marketing-content-bg.jpg) 400px 115px no-repeat;
}

#signup.thank-you #content {
	background: none;
}






#signup h2 {margin: 56px 0 0 20px;}

#signup #content h3 {
	font-size: 1.25em;
	margin: 3px 0 6px 0;
}

#signup.marketing #content h3 {padding: 20px 0 10px 130px;}

#signup fieldset {
	border: 0;
	padding: 0 0 0 30px;
	float: left;
	overflow: hidden;
}

#signup.marketing fieldset {
	padding: 0 0 0 130px;
	width: 422px;
}




#signup fieldset div {float: left; clear: both; margin: 0 0 10px 0; overflow: hidden; width: 100%;}

#signup fieldset label {
	display: block;
	float: left;
	clear: both;
	width: 93px;
	padding: 0 5px 0 0;
	font-weight: bold;
}

#signup fieldset label span {
	color: red;
}

#signup.marketing fieldset label {
	width: 180px;
}

#signup #urlLink label{width: 69px;}

#signup #urlLink input.txt {width: 448px;}

#signup fieldset div.emailinfo {	position: relative;}


#signup fieldset div.emailinfo label {
	padding: 2px 5px 2px 0;
	background: transparent url(../images/info.png)  75% 0 no-repeat;
}

#signup fieldset div.info-bubble {
	padding: 10px 5px 0 5px;
}






#signup #content p.form-videos {
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 1.1em;
}


#policy-link {
	float: left;
	display: block;
	clear: both;
	padding: 10px 20px 0 75px;
	white-space: nowrap;
}

#signup.marketing #policy-link {padding-left: 0;}

#terms-link {
	float: left;
	display: block;
	padding: 10px 20px 0 10px;
	white-space: nowrap;
}
			
#signup fieldset div.next-link {
	width: 526px;
	margin: 12px 0 0 0;
	padding: 0 0 70px 0 ;
	overflow: hidden;
}

div.next-link input {
	float: right;
}










#signup fieldset div.submit-link {
	clear: none;
	margin: 12px 0 24px 0;
	width: 240px;
	float: right;
}

#signup fieldset div.submit-link input {
	float: right;
}

#signup fieldset div.prev-link {
	margin: 18px 0 24px 0;
	width: 150px;
}

#signup p.form-intro {
	padding: 0 0 20px 130px;
	width: 422px;
}

#signup.marketing fieldset label.checkbox {width: 400px; clear: both; padding-bottom: 5px;}

#signup fieldset div.driver-age {	
	width: 182px;
}

#signup.marketing fieldset div.driver-age label {
	width: 100px;
}

#signup fieldset div.driver-licence {	
	width: 240px;
	clear: none;
}

#signup.marketing fieldset div.driver-licence label {
	width: 200px;
}


                            
p.mandatory {float: left; clear: both; margin: 0 0 16px 0; width: 350px;}

p.mandatory span {color: #f70011;}

p.important-info {padding: 0 0 1em 0;}


#signup fieldset div.pcode { width: 260px;}

#signup input#postcode {
	width: 65px;
}


#signup fieldset div#findAddressDiv {clear: none; width: 150px; margin: 0;}

a#findAddress {
	background: transparent url(../images/small-arrow-right.png)  100% 5px no-repeat;
	width: 92px;
	height: 12px;
	display: block;
	float: left;
	clear: none;
	padding: 2px 8px 0 8px;
	font-weight: bold;
	text-decoration: none;
}

#signup.thank-you #content h3 {
	margin: 0 0 0 100px;
}
    
#signup.thank-you #content p {
	position: relative;
	margin: 0 0 0 130px;
	width: 270px;
}

#signup.thank-you #content p a {
	position: absolute;
	display: block;
	right: -140px;
	top: -145px;
	width: 168px;
	height: 157px;
}








/* About page */

#about-page #content {
	background: transparent url(../images/about-content-bg3.jpg) top right no-repeat;
}

#about-page #about h4 {
	background: transparent url(../images/button_sprites.png) 0 -303px no-repeat;
	width: 277px;
	height: 35px;
	text-indent: -9000px;
}

#about-page #content h2 {
	width: 179px;
	height: 70px;
	position: absolute;
	left: 65px;
	top: 93px;
}

#about-steps {
	list-style: none;
	padding: 172px 0 0 0;
	width: 634px; 
	display: block;
}

#about-steps li {display: block; position: relative; margin: 0 0 10px 0;}

#about-steps h3 {
	font-size: 1.25em;
	font-weight: bold;
	position: relative;
}

#about-steps h3 span {
	text-indent: -9000px;
	position: absolute;
	display: block;
}

#about-steps #submit-idea {
	padding: 28px 0 0 110px;
	background: transparent url(../images/tiguan-bg.jpg) 484px 14px  no-repeat;
}

#about-steps #submit-idea div {
	width: 320px;
}

#about-steps #submit-idea h3 {
	background: transparent url(../images/idea-top5.png) 0 0  no-repeat;
	padding: 18px 27px 3px 32px;
}

#about-steps #submit-idea p {
	background: transparent url(../images/idea-bot5.png) bottom left  no-repeat;
	padding: 0 27px 24px 34px;	
}

#about-steps #submit-idea h3 span {
	background: transparent url(../images/idea-bullet1.png) 0 0  no-repeat;
	width: 30px;
	height: 29px;
	left: -12px;
	top: 16px;
}

#about-steps #see-car-button {
	display: block;
	width: 103px; 
	position: absolute;
	right: 5px;
	top: 120px;
}

#about-steps #entries-now-closed {
	display: block;
	width: 73px; 
	height: 70px;
	position: absolute;
	left: 50px;
	top: 30px;
}

#about-steps #vote {	
	padding: 10px 0 0 190px;
}

#about-steps #vote div {
	width: 320px;
}

#about-steps #vote h3 {
	background: transparent url(../images/vote-top5.png) 0 0  no-repeat;
	padding: 20px 26px 3px 40px;
}

#about-steps #vote p {
	background: transparent url(../images/vote-bot4.png) bottom left  no-repeat;
	padding: 0 26px 24px 42px;
}

#about-steps #vote h3 span {
	background: transparent url(../images/idea-bullet2.png) 0 0  no-repeat;
	width: 31px;
	height: 30px;
	left: 4px;
	top: -6px;
}

#about-steps li#vote {margin: 0 0 20px 0;}

#about-steps #finals {
	padding: 0 0 0 110px;
	background: transparent url(../images/film.gif) 454px 14px  no-repeat;
}

#about-steps #finals div {
	width: 320px;	
}

#about-steps #finals h3 {
	background: transparent url(../images/finals-top5.png) 0 0  no-repeat;
	padding: 8px 32px 3px 28px;
}

#about-steps #finals p {
	background: transparent url(../images/finals-bot4.png) bottom left  no-repeat;
	padding: 0 12px 24px 31px;
}

#about-steps #finals h3 span {
	background: transparent url(../images/idea-bullet3.png) 0 0  no-repeat;
	width: 29px;
	height: 29px;
	left: -8px;
	top: 4px;
}

#about-steps #vote-now-button {float: left; padding: 10px 0 0 200px;}





/* Prizes page */

#prizes h2 {
	margin: 86px 0 0 10px;
}

#prizes h3 {
	font-size: 1.25em;
	font-weight: bold;
}

#prizes #content p {padding-bottom: 1em ;}

#prizes div.panel {
	width: 604px;
	margin: 0 0 0 30px;
	float: left;
	clear: both;
	position: relative;
}


#prizes div.panel.top h3, #prizes div.panel.top p {
	float: left;
	padding-left: 20px;
	width: 243px;
}

#prizes div.panel.top h3 {
	font-size: 1.5em;
}

#prizes div.panel.top a.terms {
	padding: 0 0 10px 20px;
}



#prizes div.panel.top .car {
	width: 341px;
	float: left;
	padding: 20px 0 0 0;
}

#prizes div.panel.top .car a {
	padding: 20px 0 0 50px;
	display: block;
}


#prizes div.panel.top a#vote-now {
	margin: 5px 0 0 0 0;
}

ul.prize-winners {
	float: left;
	list-style: none;
	padding: 0 0 17px 20px;
	margin: 0;

}


ul.prize-winners li {
	padding: 0 0 3px 0;
}



#prizes div.panel.bottom {
	width: 265px;
	margin: 20px 0 0 50px;
}

#page-marks-1 {
	position: absolute;
	left: 340px;
	top: -16px;
	width: 24px;
	height: 16px;
}

#prizes ul.great-prizes {
	width: 299px;
	float: left;
	overflow: hidden;
	padding: 0 0 20px 20px;
}

#prizes ul.great-prizes li {
	display: block;
	float: left;
	text-align: center;
	min-width: 120px;
	padding: 4px 0 0 0;
	margin: 0 10px 0 10px;
}

#prizes ul.great-prizes li span {
	padding: 0 10px 2px 0;
	font-weight: bold;
	text-decoration: none;
}


/* jScrollPane classes */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #fff;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 8px;
	top: 0;
	height: 100%;
	background: #ededed;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDrag:hover {
	background: #ff9900;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 9px;
	text-indent: -2000px;
	overflow: hidden;
	background: #fff url(../images/scroll_sprites.png) 0 0 no-repeat;
	height: 16px;
	width: 8px;
}
a.jScrollArrowUp:hover {
	background-position: -8px 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 9px;
	text-indent: -2000px;
	overflow: hidden;
	background: #fff url(../images/scroll_sprites.png) 0 -16px no-repeat;
	height: 16px;
	width: 8px;
}

a.jScrollArrowDown:hover {
	background-position: -8px -16px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}








ol.legals {
	width: 500px;
	list-style-type: lower-latin;
	margin: 16px 0 0 20px;
}

ol.tsandcs {
	width: 500px;
	list-style-type: decimal;
	margin: 16px 0 10px 20px;
}


ol.legals li, ol.tsandcs li {
	padding: 0 0 1em 0;
}





#body-content.events, #body-content.terms {padding: 16px 0 0 0;}

#body-content.events ul {
	width: 500px;
	list-style-type: disc;
	margin: 0 0 1em 20px;
}

#body-content.events ul li, div.prizedetails ul li {padding: 0 0 1em 0;}

#body-content.events p {width: 500px; padding: 0 0 1em 0;}


#signup.marketing #content #body-content h3 {
	padding-left: 0;
}


#body-content a.printable {
	display: block;
	padding: 0 10px 20px 0;
	float: right;
}
          
div.prizedetails ul {
	width: 500px;
	list-style-type: disc;
	margin: 0 0 1em 20px;
}

div.prizedetails p {
	width: 500px;
	padding: 0 0 1em 0;
}


/* Reviewer Profile pages */


/*#testreviewer #content {
	background: transparent url(../images/reviewers/testreviewer-content-bg.jpg) top right no-repeat;
}*/


#eric #content {
	background: transparent url(../images/reviewers/eric-content-bg.jpg) top right no-repeat;
}

#dirk #content {
	background: transparent url(../images/reviewers/dirk-content-bg.jpg) top right no-repeat;
}

#stefan #content {
	background: transparent url(../images/reviewers/stefan-content-bg.jpg) top right no-repeat;
}

#patrick #content {
	background: transparent url(../images/reviewers/patrick-content-bg.jpg) top right no-repeat;
}

#johnny #content {
	background: transparent url(../images/reviewers/johnny-content-bg.jpg) top right no-repeat;
}

#di #content {
	background: transparent url(../images/reviewers/di-content-bg.jpg) top right no-repeat;
}

#harriet #content {
	background: transparent url(../images/reviewers/harriet-content-bg.jpg) top right no-repeat;
}

#peter #content {
	background: transparent url(../images/reviewers/peter-content-bg.jpg) top right no-repeat;
}

#kaela #content {
	background: transparent url(../images/reviewers/kaela-content-bg.jpg) top right no-repeat;
}

#eric2 #content {
	background: transparent url(../images/reviewers/eric-content-bg2.jpg) top right no-repeat;
}

#johnny2 #content {
	background: transparent url(../images/reviewers/johnny-content-bg2.jpg) top right no-repeat;
}

#harriet2 #content {
	background: transparent url(../images/reviewers/harriet-content-bg2.jpg) top right no-repeat;
}


.profiles #content h2 {
	width: 320px;
	height: 31px;
	margin: 111px 0 10px 30px;
}

#eric2.profiles #content h2 {
	height: 118px;
	margin: 30px 0 10px 110px;
}

#johnny2.profiles #content h2 {
	height: 111px;
	margin: 32px 0 15px 120px;
}

#harriet2.profiles #content h2 {
	height: 98px;
	margin: 24px 0 30px 150px;
}

#profile-video {
	width: 320px;
	height: 265px;
	margin: 0 0 0 30px;
}

#vote-for-me, #vote-closed {margin: 5px 0 5px 30px;}
    
.profile-info-box {
	background: transparent url(../images/reviewers/profile-info-box-bg.jpg) bottom left no-repeat;
	padding: 7px 20px 20px 10px;
	width: 290px;
	margin: 0 0 30px 30px;
}

/* extra spacing for past heats when vote button removed*/
#dirk .profile-info-box,
#stefan .profile-info-box,
#patrick .profile-info-box,
#di .profile-info-box  {margin-top: 30px;}





div.stats {
	width: 192px;
	float: left;
	margin: 0 0 1em;
}

.profile-info-box dl {
	width: 192px;
}

.profile-info-box dt {
	display: block;
	float: left;
	clear: both;
	width: 64px;
	padding: 0 6px 0 0;
	margin: 2px 0 0 0;
}

.profile-info-box dd {
	display: block;
	float: left;
	width: 122px;
	margin: 2px 0 0 0;
}
      
div.vote-percentage {
	background: transparent url(../images/reviewers/vote-percentage-bg.jpg) 0 0 no-repeat;
	width: 83px;
/*	height: 71px;*/
	height: 60px;
	padding: 15px 0 0 15px;
	float: left;
}
				
				
				
				
				
				
				
						
span.num {
	display: block;
	float: left;
	width: 20px;
	height: 24px;
	text-indent: -9999px;
	color: #ce2302;
	font-size: 2em;
}					
                  													
span.percent {
	background: transparent url(../images/reviewers/numbers/percent.png) 0 0 no-repeat;
	width: 21px;
	height: 24px;
	text-indent: -9999px;
	display: block;
	float: left;
}	           
      
.num0 {background: transparent url(../images/reviewers/numbers/num0.png) 0 0 no-repeat;}
.num1 {background: transparent url(../images/reviewers/numbers/num1.png) 0 0 no-repeat;}  
.num2 {background: transparent url(../images/reviewers/numbers/num2.png) 0 0 no-repeat;}	
.num3 {background: transparent url(../images/reviewers/numbers/num3.png) 0 0 no-repeat;}
.num4 {background: transparent url(../images/reviewers/numbers/num4.png) 0 0 no-repeat;}
.num5 {background: transparent url(../images/reviewers/numbers/num5.png) 0 0 no-repeat;}	
.num6 {background: transparent url(../images/reviewers/numbers/num6.png) 0 0 no-repeat;}
.num7 {background: transparent url(../images/reviewers/numbers/num7.png) 0 0 no-repeat;}	
.num8 {background: transparent url(../images/reviewers/numbers/num8.png) 0 0 no-repeat;}	
.num9 {background: transparent url(../images/reviewers/numbers/num9.png) 0 0 no-repeat;}	





#navigation div.vote-percentage {
	background: transparent url(../images/small-vote-percentage-bg.png) 0 0 no-repeat;
	width: 43px;
	height: 22px;
	padding: 8px 0 0 5px;
	margin: 0 0 0 7px;
	float: left;
}



#navigation span.num {
	width: 10px;
	height: 12px;
	font-size: 0.9em;
}		
                  													
#navigation span.percent {
	background: transparent url(../images/reviewers/numbers/small/percent.png) 0 0 no-repeat;
	width: 11px;
	height: 12px;
}	 

#navigation .num0 {background: transparent url(../images/reviewers/numbers/small/num0.png) 0 0 no-repeat;}
#navigation .num1 {background: transparent url(../images/reviewers/numbers/small/num1.png) 0 0 no-repeat;}
#navigation .num2 {background: transparent url(../images/reviewers/numbers/small/num2.png) 0 0 no-repeat;}
#navigation .num3 {background: transparent url(../images/reviewers/numbers/small/num3.png) 0 0 no-repeat;}
#navigation .num4 {background: transparent url(../images/reviewers/numbers/small/num4.png) 0 0 no-repeat;}
#navigation .num5 {background: transparent url(../images/reviewers/numbers/small/num5.png) 0 0 no-repeat;}
#navigation .num6 {background: transparent url(../images/reviewers/numbers/small/num6.png) 0 0 no-repeat;}
#navigation .num7 {background: transparent url(../images/reviewers/numbers/small/num7.png) 0 0 no-repeat;}
#navigation .num8 {background: transparent url(../images/reviewers/numbers/small/num8.png) 0 0 no-repeat;}
#navigation .num9 {background: transparent url(../images/reviewers/numbers/small/num9.png) 0 0 no-repeat;}

.profile-info-box p {margin: 0 0 1em 0; clear: both;}

.profile-info-box .social {
	list-style: none;
	clear: both;
	float: left;
	margin: 0 0 1em;
}

.profile-info-box .social li {
	width: 290px;
	overflow: hidden;
	display: block;
	clear: both;
}

.profile-info-box .social li a {
	padding-left: 0;
}







.profile-info-box h3 {
	font-size: 1.25em;
	font-weight: bold;
}

.profile-info-box h4 {
	font-size: 1.1em;
	font-weight: bold;
}

ul.video-thumbs {
list-style: none;
overflow: hidden;
padding: 0 0 10px 0;

}
 
ul.video-thumbs li {
	display: block;
	float: left;
	width: 66px;
	height: 53px;
	margin: 6px 6px 0 0;
}

ul.video-thumbs li a {
	width: 66px;
	height: 53px;
	display: block;
	position: relative;
}


ul.video-thumbs li a img#tick {
	width: 32px;
	height: 25px;
	display: block;
	position: absolute;
	right: -10px;
	bottom: -10px;
}






                     
/*		Vote pop ups	 */
					 
#vote-popup {
/*	width: 703px;
	position: absolute;
	left: -130px;
	top: 50px;
	z-index: 1000px;*/
	
	font-size: 110%;
	color: #797979;
	display: none;
	text-align: left;
}			
		
body#voting #vote-popup {
	position: relative;
	left: 0;
	top: 0;
}
		
.vote-head {	
	width: 703px;
	height: 111px;
	background: transparent url(../images/reviewers/pop-header.png) 0 0 no-repeat;
	position: relative;
}			
				
.vote-base {
	width: 703px;
	background: transparent url(../images/reviewers/pop-base.png) bottom left no-repeat;
	min-height: 219px;
/*	overflow: hidden;*/
	float: left;
	padding: 0 0 30px 0;
}

#vote-popup div.vote-percentage {
	background: transparent url(../images/reviewers/pc-bg.png) 0 0 no-repeat;
	width: 92px;
	height: 56px;
	float: left;
}

		 
.vote-head h3 {	
	height: 39px;
	margin: 33px 0 0 29px;
	float: left;
}					 
				 
.vote-close {
	display: block;
	width: 30px;
	height: 29px;
	float: right;
	margin: 37px 30px 0 0;
	text-indent: -9999px;
	background: transparent url(../images/reviewers/vote-close.png) 0 0 no-repeat;
	cursor: pointer;
	outline: 0;
}
					 
#vote-popup form {
	width: 646px;
	padding: 20px 27px;
	float: left;
	overflow: hidden;
}		 
					 
#vote-popup .form-panel {
	float: left;
	overflow: hidden;
	clear: both;
	width: 100%;
}		 

#vote-popup .form-top {
	background: transparent url(../images/reviewers/vote-box-dots.png) bottom left no-repeat;
	padding: 0 0 1em 0;
}		 	

.l-col {
	float: left;
	width: 402px;
}

.r-col {
	float: left;
	width: 214px;
}

#vote-popup input.txt {
	width: 208px;
}

#vote-popup.vote form {padding-top: 6px;}


#vote-popup.vote .form-top .l-col label {font-size: 1.3em; font-weight: bold;}

#vote-popup.vote .form-top .r-col label  {
	float: left;
	clear: both;
	padding: 0 6px 0 0;
}


#vote-popup.vote .form-panel p {padding: 0 50px 1em 24px; font-size: 110%;}

#vote-popup.vote .form-panel p.error {
	padding-left: 0;
	width: 180px;
}


#vote-popup.vote .form-panel p.verify-q {
	padding-top: 1em;
}

#vote-popup.vote .form-panel h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 0 24px;
}

#vote-popup.vote .form-panel ul {
	margin: 20px 0 24px 24px;
	list-style-type: none;
	overflow: hidden;
}

#vote-popup.vote .form-panel ul li {
	display: block;
	float: left;
	padding: 0 0.8em 0 0;
}


#vote-popup.vote .form-top .r-col div {
	float: left;
	clear: both;
}
#vote-popup.vote label span {
	padding-left: 3px;
	color: red;
}

#verify {
	margin-top: 20px;
	width: 214px;
}


#vote-popup.vote .form-top .r-col input.txt,
#vote-popup.vote .form-top .r-col input.txtDisabled  {
	margin: 0 0 6px 0;
}

#vote-popup.vote select {
	float: left;
}

#vote-popup.vote #firstname {
	clear: none;
	float: right;
	width: 140px;
}




#vote-popup.vote-once h3 {margin-top: 51px}

#vote-popup.vote-once .vote-base {
	background: transparent url(../images/reviewers/pop-base-car.png) bottom left no-repeat;
}

#vote-popup.vote-once .inner {	
	width: 653px;
	padding: 0 0 0 35px;
/*	overflow: hidden;
	float: left;*/
}

#vote-popup.vote-once .inner form {	
	width: 366px;
	padding: 16px 0;
}

#vote-popup.vote-once .inner form p {	
	padding: 0 0 1.5em 0;
	width: 340px;
	font-size: 110%;
}

#vote-popup.vote-once input.txt,
#vote-popup.vote-uptodate input.txt {	
	margin: 0 6px;
}

#vote-popup.vote-once input, #vote-popup.vote-once label,
#vote-popup.vote-uptodate input, #vote-popup.vote-uptodate label  {	
	float: left;
}

#vote-popup.vote-once label,
#vote-popup.vote-uptodate label {padding-top: 3px;  font-size: 110%;}

#vote-popup.vote-once a.external {	
	float: left;
	display: block;
	clear: both;
	padding: 20px 0 30px 0;
}


#vote-popup.vote-thanks .inner, #vote-popup.vote-uptodate .inner {	
	width: 670px;
	background: transparent url(../images/thankyou.gif) 50px 0 no-repeat;
}


#vote-popup.vote-thanks .vote-head div, #vote-popup.vote-thanks .vote-head img,
#vote-popup.vote-uptodate .vote-head div, #vote-popup.vote-uptodate .vote-head img {float: left;}

#vote-popup.vote-thanks .vote-head div.head,
#vote-popup.vote-uptodate .vote-head div.head {margin: 35px 0 0 40px;}









#vote-popup.vote-thanks .inner div {	
	width: 340px;
	margin: 0 0 20px 320px;
	background: transparent url(../images/reviewers/tiguan-bg.gif)  center right no-repeat;
	overflow: hidden;
} 

#vote-popup.vote-thanks h4 {	
	margin: 20px 0 1em 0;
} 

#vote-popup.vote-thanks .inner p {	
	width: 195px;
	margin: 0 0 1em 0;
	font-size: 110%;
} 

#vote-popup.vote-thanks a.external {	
	background: transparent url(../images/small-arrow-right.png) center right  no-repeat;
	padding: 0 10px 2px 0;
	text-decoration: none;
	font-size: 110%;
} 

#vote-popup.vote-thanks a:hover.external {	
	text-decoration: underline;
} 





#vote-popup.vote-uptodate .inner div {
	width: 250px;
	margin: 0 0 20px 390px;
	overflow: hidden;
}

#vote-popup.vote-uptodate form {	
	width: 250px;
	padding: 20px 0 10px 0;
}

#vote-popup.vote-uptodate input.txt {width: 196px;}


#vote-popup.vote-uptodate #submit-email {
	clear: both;
	float: left;
	margin: 10px 6px 0 150px;
}

#vote-popup.vote-uptodate p {font-size: 110%;}

#vote-popup.vote-uptodate a.external {	
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	width: 250px;
}


