@charset "utf-8";
/* CSS Document */

html, body {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#CCCCCC;
	font-family:'PT Sans', sans-serif;
}

.inner {
	max-width:1010px;
	margin:0 auto;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.3);
	overflow:hidden;
}

/* Banner */
.topbanner {
	width:auto;
	min-height:75px;
	background-color:#dddc05;
}

.heart {
	box-sizing:border-box;
	float:left;
	width:45%;
	height:auto;
	max-width:337px;
	max-height:63px;
	margin-left:118px;
	border:0px;
}

.island {
	box-sizing:border-box;
	float:right;
	width:45%;
	height:auto;
	max-width:221px;
	max-height:47px;
	margin-right:118px;
	border:0px;
}

/* Thirds */
.thirds {
	clear:both;
	box-sizing:border-box;
	width:100%;
	padding-left:118px;
	padding-right:118px;
}
.littlebox {
	box-sizing:border-box;
	float:left;
	position:relative;
	width:30%;
	margin-right:5%;
	min-height:150px;
	border:solid 4px #FFFFFF;
	padding-bottom:25px;
	margin-bottom:30px;
	background: #adacac; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #FFF , #adacac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FFF , #adacac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FFF , #adacac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FFF , #adacac); /* Standard syntax */
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
}
.lb-one {
	
}
.lb-two {
}
.lb-three {
	margin-right:0;
}
.littlebox-banner {
	box-sizing:border-box;
	min-height:23px;
	width:100%;
	padding:5px;
	background-color:#af0067;
	color:#FFFFFF;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	text-decoration:none;
}
a.learn:link,a.learn:visited,a.learn:hover,a.learn:active {
	position:absolute;
	padding:3px;
	background-color:#af0067;
	color:#FFFFFF;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	text-decoration:none;
	right:5px;
	bottom:5px;
}
.lb-t {
	text-align: justify;
    text-justify: inter-word;
	color:#000;
	font-family:'PT Sans', sans-serif;
	font-size:11px;
	font-weight:lighter;
	padding:4px;
	padding-top:29px;
}
a.learn:hover {
	background-color:#CC3366
}

/* Sponsors */
.sponsors {
	float:left;
	width:25%;
	height:63px;
	background-position:center center;
	background-size:auto;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
.sp-one {
	clear: both;
	background-image:url(gogo.jpg);
}
.sp-two {
	background-image:url(nissan.png);
}
.sp-three {
	background-image:url(hyundai.png);
}
.sp-four {
	background-image:url(hertz.png);
}

/* Footer */
.footer {
	text-align:center;
}
.footer-text {
	color:#000;
	font-family:'PT Sans', sans-serif;
	font-size:12px;
	font-weight:lighter;
	vertical-align:middle;
	text-align:center;
}
.footer-one {
	clear:both;
	float:left;
	background-color:#dddc05;
	height:50px;
	width:50%;
}
.footer-two {
	float:left;
	background-color:#dddc05;
	height:50px;
	width:50%;
}

/*logo*/
.nav {
	margin-left:118px;
	margin-right:118px;
	height:auto;
	overflow:hidden;
}
#clogo {
	float:left;
	height:auto;
	width:30%;
	max-width:198px;
	z-index:2
}
div.nav ul {
	float:left;
	margin: 0;
	padding: 0;
	width:70%;
}

div.nav ul li {
	list-style: none;
}

div.nav ul li a:link,
div.nav ul li a:visited {
	margin-top:45px;
	float:left;
	text-decoration: none;
	font-size:14px;
	color:#AE0067;
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
	text-align:right;
	width:16.5%;
}

/* CAROCEL */
.carocelholder {
	background-color:#FFF;
	position:absolute;
	width:1010px;
	height:292px;
	top:-0px;
	z-index:-2;
	background-image:url(gradbg.jpg);
	background-position: center center;
	background-repeat:no-repeat;
}
.specialholder {
	position:absolute;
	width:800px;
	height:252px;
	left:94px;
	top:12px;
	background-image:url(Specials/special.jpg);
}
#carL {
	position:absolute;
	width:420px;
	height:270px;
	top:11px;
	right:525px;
	background-repeat:no-repeat;
	background-position:center right;
	background-size:contain;
}
#carR {
	position:absolute;
	width:420px;
	height:270px;
	top:11px;
	left:525px;
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
}

.carolinker1 {
	position:absolute;
	height:270px;
	width:50%;
	background-color:rgba(255,255,255,0);
}
.carolinker2 {
	position:absolute;
	height:270px;
	width:50%;
	left:50%;
	background-color:rgba(255,255,255,0);
}
.carolinker3 {
	position:absolute;
	height:270px;
	left:0px;
	right:0px;
	background-color:rgba(255,255,255,0);
}
.google-maps {
		width:60%;
		margin:0 auto;
        position: relative;
		margin-top:10px;
		margin-bottom:30px;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
		overflow: hidden;
		-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
		box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.personelle_holder {
	width:600px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:30px;
	
}
.cartitle {
	font-family: 'PT Sans', sans-serif;
	color:#AE0067;
	font-size:16px;
	font-weight:bolder;
	text-decoration:none;
}
.carblurb {
	font-family: 'PT Sans', sans-serif;
	color:#000;
	font-size:14px;
}
.person_box {
	float:left;
	width:100%;
	margin-top:20px;
}
.person_picture_box {
	float:left;
	left:150px;
	width:200px;
	height:250px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.person_text_box {
	float:left;
	width:400px;
	height:250px;
}
.personelle_photo {
	position:absolute;
	left:150px;
	width:200px;
	height:250px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.partner_holder {
	width:900px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}
.partimage{
	float:left;
	width:120px;
	height:70px;
	background-repeat:no-repeat;
	background-position:center right;
	background-size:contain;
}
.parttextbox {
	float:left;
	width:760px;
	height:120px;
	margin-left:20px;
}

.reward_block {
	width: 100%;
	height 50px;
	text-align:center;
	margin-top:20px;
	font-family:'PT Sans', sans-serif;
	font-size:24px;
	color:#af0067;
}
.keyfoot {
	clear:both;
	width:100%;
	margin-bottom:80px;
}
.keyclass {
	float:left;
	background-image:url(key.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width: 35%;
	height:126px;
}
.foottexter {
	float:left;
	width:65%;
}
.rewardfoota {
	color:#af0067;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-transform:uppercase;
}
.rewardfootb {
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.reward_container{
	position:relative;
	float:left;
	width:20%;
	height:160px;
	margin:2.5%;
	margin-top:10px;
	margin-bottom:10px;
}
.reward_background {
	height:150px;
	border:solid 7px #FFFFFF;
	background: #adacac; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #FFF , #adacac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FFF , #adacac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FFF , #adacac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FFF , #adacac); /* Standard syntax */
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
}
.spe-img-holder {
	position:relative; margin:0 auto; width:80%
}
.spe-img {	
	border:solid 7px #FFFFFF;
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
}
.seal{
	width:20%; margin:0 auto;
}
.reward_more {
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-40px;
	width:80px;
	height:17px;
	background-color:#af0067;
	z-index:3;
	font-size:12px;
	font-family:'PT Sans', sans-serif;
	color:#FFF;
	text-align:center;
	font-weight:bolder;
	text-decoration:none;
}
.retit {
	color:#af0067;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}
.retext {
	color:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}


.cartypetitle {
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:96%;
	height:25px;
	background-color:#AE0067;
}
.cartypetitle_text {
	font-size:16px;
	color:#FFF;
	padding-left:20px;
	font-family: 'PT Sans', sans-serif;
	font-weight:bolder;
}
.carbox-holder {
	position:relative;
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:96%;
}
.car-holder {
	position:relative;
	float:left;
	width:25%;
	height:auto;
	padding:2%;
}
.cargrad {
	position:absolute;
	top:12%;
	bottom:12%;
	left:12%;
	right:12%;
	z-index:1;
	border:solid 8px #FFFFFF;
	background: #adacac; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #FFF , #adacac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FFF , #adacac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FFF , #adacac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FFF , #adacac); /* Standard syntax */
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.3);
}
.car-image {
	position:relative;
	z-index:2;
}
.car-text {
	float:left;
	padding-top:10px;
	width:71%;
}
a.carforward:link,a.carforward:visited,a.carforward:hover,a.carforward:active {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;
}
a.carforward:hover {
	background-color:rgba(204,204,51,0.3);
}
.carblurb {
	font-family: 'PT Sans', sans-serif;
	color:#000;
	font-size:14px;
}
a.carreverve:link,a.carreverve:visited,a.carreverve:hover,a.carreverve:active {
	display:inline-block;
	font-size:14px;
	margin-right:40px;
	color:#AE0067;
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
}
a.carreverve:hover {
	color:#CC6600
}
.carinside {
	float:left;
	margin-left:2%;
	margin-bottom:30px;	
}

.booktitle{
	float:left;
	width:100%;
	height:120px;
	font-family:'PT Sans', sans-serif;
	font-size:20px;
	color:#AE0067;
	background-color:#dddc05;
	margin-bottom:40px;
	font-weight:bolder;
	vertical-align:bottom;
}
.errorform {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16;
	color:#FF0000;
}

.formdate, .checkholder{
	float:left;
	width:93%;
	height:20px;
	margin-left:2%;
	margin-right:2%;
	border:#000000 solid 1px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	padding-right:2px;
}
.formcustinfo{
	float:left;
	width:93%;
	height:20px;
	margin-left:2%;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	background-color:#dddc05;
	text-transform:uppercase;
	font-weight:bolder;
	padding-right:2px;
}
.triplel, .triplem, .tripler, .triple2r{
	float:left;
	height:20px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	border:0px;
	border-bottom:#000000 solid 1px;
	width:31%;
}
.triplel{
	margin-left:2%;
	border-left:#000000 solid 1px;
}
.triplem{
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}
.tripler{
	border-right:#000000 solid 1px;
}
.triple2r{
	border-right:#000000 solid 1px;
	border-left:#000000 solid 1px;
	padding-right:1px;
	width:62%;
}
.doublel, .doubler{
	float:left;
	height:20px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	border:0px;
	border-bottom:#000000 solid 1px;
	width:46.5%;
}
.doublel{
	margin-left:2%;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}
.doubler{
	border-right:#000000 solid 1px;
	padding-right:1px;
}
.singleinfo{
	float:left;
	width:93%;
	height:50px;
	margin-left:2%;
	border:0px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	padding:0px;
	padding-right:2px;
	resize:none;
}


div.options > label > input {
	visibility: hidden;
}

div.options > label {
	/*display: block;
	margin: 0 0 0 -10px;
	padding: 0 0 20px 0;*/
	height: 20px;
	width: 200px;
}

div.options > label > img {
	/*display: inline-block;*/
	padding: 0px;
	height:30px;
	width:30px;
	background: none;
}

div.options > label > input:checked +img {  
	background: url(images/onebit_34.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size:30px 30px;
}

.subs, .subs:hover{
	width:92px;
	height:35px;
	background-image:url(images/book.png);
	border:none;
	background-color:transparent;
	outline:none;
}
.subs:hover{
	background-image:url(images/book2.png);
}
.checkdiv1,.checkdiv2,.checkdiv3,.checkdiv4{
	float:left;
	width:24%;
	margin-left:2%;
}
.checkdiv2,.checkdiv3,.checkdiv4{
	margin-left:0px;
}
.checkholder{
	border-top:0px;
	height:120px;
}

@media screen and (max-width: 900px) {
	
	.carocelholder {
		width:100%;
	}
	.partner_holder {
		width:80%;
		margin:0 auto;
	}
	.parttextbox {
		margin-left:2%;
		width:78%;
	}
	.partimage{
		width:20%;
	}
	
	
	div.nav ul li a:link,
	div.nav ul li a:visited {
		width:30%;
		margin-top:10px;
	}
	
	.nav {
		margin-left:0;
		margin-right:0;
	}
	
	#clogo {
		margin-left:0;
		margin-right:0;
	}
	.thirds{
		padding:5px;
	}
	.littlebox {
		width:47.5%;
	}
	.lb-one {
		margin-bottom:15px;
	}
	.lb-two {
		margin-right:0;
		margin-bottom:15px;
	}
	.lb-three {
		clear: both;
		float: none;
		width: auto;
	}
	.sponsors{
		width:50%;
	}
	.topbanner {
		height:130px;
	}
	.heart {
		clear:both;
		width:100%;
		margin-left:0;
		float:left;
		max-height:none;
	}
	.island {
		clear:both;
		width:100%;
		margin-right:0;
		float:left;
		max-height:none;
	}
	.lb-t {
		font-weight:bold;
	}
	.footer-one {
		clear:both;
		width:100%;
	}
	.footer-two {
		clear:both;
		width:100%;
		text-align:center;
	}
	
	#movecarocel, .carocelholder {
		display:none;
	}
	.reward_container{
	 	width:29%;
	 	margin:2%;
		margin-top:10px;
		margin-bottom:10px;
	 }
.checkdiv1,.checkdiv2,.checkdiv3,.checkdiv4 {
	width:48%;
}
.checkdiv3{
	clear:both;
	margin-left:2px;
}
.checkholder{
	border-top:0px;
	height:120px;
}
.triplel{
	width:46.5%;
}
.triplem{
	width:46.5%;
	padding-right:1px;
}
.tripler{
	width:93%;
	margin-left:2%;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	padding-right:2px;
}
.triple2r{
	width:46.5%;
}
}

@media screen and (max-width: 620px) {
	.person_text_box {
		clear:both;
		float:left;
		height:auto;
	}
	.parttextbox {
		margin-left:0;
	}

.triplel, .triplem, .tripler, .triple2r{
	width:93%;
	margin-left:2%;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	padding-right:2px;
}
.doublel, .doubler{
	float:left;
	width:93%;
	margin-left:2%;
	padding-right:2px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}
	
}

@media screen and (max-width: 500px) {

	.parttextbox {
		width:100%;
	}

	.partimage{
		width:120px;
	}
	
	div.nav ul {
		clear:both;
		float:left;
		width:100%;
	}
	div.nav ul li a:link,
	div.nav ul li a:visited {
		width:100%;
		margin-top:10px;
		text-align:center;
		font-size:22px
	}
	#clogo {
		height:auto;
		width:80%;
		max-width:none;
		margin-left:10%;
		margin-right:10%;
	}
	
	
	.mobile-collapse {
		width: auto;
		float: none;
		margin-right: 0;
	}
	
	.sponsors{
		width: 100%;
	}
	
	.google-maps {
		width:100%;
        padding-bottom: 50%; // This is the aspect ratio
	}
	
	.reward_container{
	 	width:80%;
	 	margin:10%;
		margin-top:10px;
		margin-bottom:10px;
	 }
	.keyclass {
		width: 100%;
		height:126px;
	}
	.foottexter {
		width:100%;
	}
	.spe-img-holder{
	position:relative; margin:0 auto; width:100%
	}
	.spe-img {	
		border:0;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.seal{
		width:80%;
	}
}