* {
	margin: 0;
	padding: 0;}

html{}

body{
	background-color:#d7d7d7;
	background-image:url('../images/background.jpg');
	background-repeat:repeat-y;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;}



/***Paragraph***/
p {padding: 0.5em;}


/***Headers***/
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3em 0; color: #000;}


/***Lists***/
ul {
	font-size: 1.2em;
	color: #666666;
	list-style-image: url('../images/bullet.png');
	margin-top: 10px;
	margin-left: 40px;}
ul li {margin-bottom: 15px;}


/***Anchors***/
a img {border:none;}
a:link, a:visited {
	color: #3300FF;
	text-decoration: none;}
a:hover {
	color: #CC3300;
	text-decoration:underline;}
a.tel-link {
	pointer-events: none;}

/***Divs***/
div {
	width: 100%;}
.content-left {
	width: 380px;
	float: left;
	margin:0 auto;}
.content-right {
	width: 400px;
	float: left;
	margin:0 auto;}
.video {
	display:block;
	width:560px;
	margin:0 auto;
	height:315px;}
.body {
	max-width:780px;
	margin:0 auto;}
.header {
	max-width:780px;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:0;
	vertical-align:top;
	padding-bottom:5px;}
.main-form {
	display:block;
	width:100%;}
.mobile-form {
	display:none;}


/***Navigation***/
.nav-mobile {
	display: none;}
#nav {
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-weight:800px;
	border-top:1px #CE002D solid;
	border-bottom:1px #CE002D solid;}


/***Images***/
.content-left img {
	max-width:780px;
	width:100%;}
.content-right img {
	max-width:780px;
	width:100%;}
.logo {
	width:375px;
	height:143px;
	margin:0 auto;}
.cacoopcabs {
	width:376px;
	height:130px;
	margin:0 auto;}
.motto img {
	display:inline-block;
	max-width:780px;
	width:95%;
	margin:3px 0 auto;
	padding:5px;
	border-top:1px #CE002D solid;
	border-bottom:1px #CE002D solid;}


/***Forms, Form Fields & Fieldsets***/
input, select, textarea, form {
	background: #fff;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0.4em;}
textarea { width: 95%;}
textarea:focus, select:focus, input:focus {}
fieldset {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;}
legend {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0.3em;}


/***Labels***/
label , h4.optionName {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.3em;}
label.radioButtonLabel, label.checkboxLabel {margin: 0.5em 0.3em;}
label.inputLabel{
	width: 9em;
	float: left;}
label.selectLabel{
	width: 9em;
	float: left;}


/***Form Error Container***/
div#errContainer {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;}
div#errContainer ol li {
	list-style-type: disc;
	margin-left: 20px;}
div#errContainer {display: none}
#errContainer label.error {display: inline;}
input.error, select.error {
	border: 2px solid red;
	background-color: #FFFFD5;
	color: red;}


/***Wrappers***/
.mainWrapper {
	max-width: 780px;
	width: 100%;
	margin: 20px auto;
	padding: 0;}


/***Misc Properties**/
.advisory {}
.alert {color: #FF0000; margin-left: 0.5em; vertical-align: top;}
.back {float: left;}
.biggerText {font-size: 1.3em;}
.black {color: #000;}
.bold {font-weight: 700;}
.buttonRow {margin: 0.5em;}
.center{text-align: center;}
.clearBoth {clear: both;}
.forward {float: right;}
.hiddenField {display: none;}
.important {font-weight: bold;}
.information {padding: 10px 3px; line-height: 150%;}
.italic {font-style: italic;}
.larger {font-size: 1.1em;}
.normal {font-weight: normal;}
.requiredbg {background: #f00;}
.rowEven {background-color: #F0F0F0; height: 1.5em; vertical-align: top;}
.rowOdd {background-color: #E8E8E8; height: 1.5em; vertical-align: top;}
.smallText {font-size: 0.75em;}
.underline {text-decoration: underline;}
.visibleField {display: inline;}
.unread {font-weight: 700;}
#mobileforward {display:none;}
#mobilecancel {display:none;}
#forwardbtn {display:inline;}
#cancelbtn {display:inline;}



/***Media***/
@media (max-device-width: 800px) {
	.header {max-width:100%; text-align:center;}
	.body {max-width:100%; background-color:#fff;}
	.content-left {float:none; width:90%; text-align:center;}
	.content-right {float:none; width:90%;}
	.nav-mobile {display:inline-block;}
	.nav-mobile ul li {display:block; width:100%; background-color:#CF002E; padding:10px 0; margin:3px 0 auto;}
	.nav-mobile a {text-decoration:none;}
	.nav-main {display:none;}
	.nav-mobile a {font-size:1em;}
	.video {display:block; width:90%; height:315px; margin:0 auto;}
	.logo {width:100%; height:inherit; margin:0 auto;}
	.cacoopcabs {width:100%; height:inherit; margin:0 auto; display:none;}
	.motto img {max-width:95%; padding:5px; margin:3px; border-top:1px #CE002D solid; border-bottom:1px #CE002D solid; margin:0 auto;}
	.mainWrapper {max-width:780px; width:100%; margin:20px auto; padding:0;}
	.backbtn button {width:150px; height:50px; margin:5px auto; background-color:#D9D9D9; font-size:20px; font-weight:500;}
	.backbtn a:hover {text-decoration:none;}
	.forwardbtn input {width:150px; height:50px; margin:5px auto; background-color:#D9D9D9; font-size:20px; font-weight:500;}
	#forwardbtn {display:none; float:none;}
	#forwardbtn input {width:30%;}
	#cancelbtn {display:none; float:none;}
	#cancelbtn img {width:30%; margin:0.4em;}
	#mobileforward {display:inline;}
	#mobilecancel {display:inline;}
	a[href^=tel]{color:inherit; text-decoration:none;}
	
	/***Forms, Form Fields & Fieldsets***/
	input, select, textarea, form {background:#fff; font-size:1.2em; line-height:1.6em; margin:0.4em; width:95%;}
	textarea {width:90%;}
	textarea:focus, select:focus, input:focus {}
	fieldset {padding:0.5em; margin:0.5em 0em; border:1px solid #cccccc;}
	legend {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:0.3em;}
	
	/***Labels***/
	label , h4.optionName {font-size:1.2em; line-height:1.5em; margin:0.3em;}
	label.radioButtonLabel, label.checkboxLabel {margin:0.5em 0.3em;}
	label.inputLabel {width:100%; float:left;}
	label.selectLabel {width:100%; float:left;}
	
	
	/***Form Error Container***/
	div#errContainer {background-color:#eee; border:1px solid red; margin:5px; padding:5px;}
	div#errContainer ol li {list-style-type:disc; margin-left:20px;}
	div#errContainer {display:none}
	#errContainer label.error {display:inline;}
	input.error, select.error {border:2px solid red; background-color:#FFFFD5; color:red;}
	
	/***Misc***/
	#pickup-time-hour {width:auto;}
	#pickup-time-minute {width:auto;}
	#pickup-time-ampm {width:auto;}
	#num-of-passengers {width:auto;}
	a.tel-link {pointer-events: auto;}

	}