/*********************************
 * CSS for TruFranRide.com
 * Design by Rogier van Etten
 * http://www.frambooz.com
 *********************************/

/******************
 * Pallette:
 *
 * Dark:  #144B81;
 * Med1:  #1D73C7;
 * Med2:  #509FEF;
 * Light: #9DC6F7;
 ******************/

BODY {
	background-color: #ffffff;
	background-image: url("gfx/bgtile.png");
	margin: 0px 0px 0px 0px;
}

TABLE {
	background-color: #ffffff;
}

/******************
 * Image Header
 ******************/

.header {
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

/******************
 * General Headers
 ******************/

H1 {
	display: inline;
	font-size: 16px;
	font-variant: small-caps;
	font-weight:bold;
	color: #1D73C7;
}

H2 {
	display: inline;
	font-size: 12px;
	font-variant: small-caps;
	font-weight:bold;
	color: #1D73C7;
}

H3 {
	display: inline;
	font-size: 14px;
	font-variant: small-caps;
	font-weight:bold;
	color: #509FEF;
}

H4 {
	display: inline;
	font-size: 9px;
	font-variant: normal;
	font-weight:normal;
	color: #509FEF;
}

HR {
	size: 2px;
	color: #509FEF;
	width: 75%;
}


/******************
 * General Content
 ******************/
 TABLE.content {
 	border: transparent;
 }
 
 TABLE.content TD {
 	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
 }
 
 TABLE.content TD.menu {
 	vertical-align: top;
 	text-align: left;
 	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #1D73C7;
	font-weight:bold;
	font-variant: small-caps;
	margin: 0px 0px 0px 0px;
 }
 
 TABLE.content TD.menu A {
 	color: #1D73C7;
 }
 
 TABLE.content TD.menu A:hover {
 	color: #509FEF;
 }
 
 TABLE.content A {
 	color: #1D73C7;
 }
 
 TABLE.content A:hover {
 	color: #509FEF;
 }

/******************
 * Rates Table
 ******************/

TABLE.rates {
	border: 2px solid #509FEF;
}

TABLE.rates TR.destination TH{
	vertical-align:top;
	text-align: center;
	background-color: #144B81;
	color: #9DC6F7;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 14px;
	font-variant: small-caps;
}

TABLE.rates TR.cartype TH{
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 11px;
	background-color: #1D73C7;
	color: #ffffff;
	font-weight:normal;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

TABLE.rates TR.detail TH{
	vertical-align:top;
	text-align: center;
	background-color: #509FEF;
	color: #ffffff;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 11px;
	font-variant: small-caps;
}


TABLE.rates TR.content TD{
	vertical-align:top;
	text-align: left;
	background-color: #ffffff;
	color: #000000;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 11px;
}

TABLE.rates TR.content TD.price {
	text-align: center;
}

/********************
 * Reservations Form
 ********************/
 
 TABLE.form {
	border: 2px solid #509FEF;
}

TABLE.form TH.header{
	vertical-align:center;
	text-align: center;
	background-color: #144B81;
	color: #9DC6F7;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 14px;
	font-variant: small-caps;
}

TABLE.form TH{
	vertical-align:center;
	text-align: center;
	background-color: #1D73C7;
	color: #ffffff;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 12px;
	font-variant: small-caps;
}

TABLE.from TD {
	vertical-align: center;
}

TABLE.form TH.footer{
	vertical-align:center;
	text-align: right;
	background-color: #144B81;
	color: #9DC6F7;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 14px;
	font-variant: small-caps;
}

TABLE.form INPUT, TABLE.form TEXTAREA{
	background-color: #ffffff;
	color: #000000;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 12px;
	border: 1px solid #509FEF;
}

TABLE.form INPUT.noborder {
	border: transparent;
}

/******************
 * Footer
 ******************/

TR.footer TD {
	vertical-align: bottom;
	text-align: center;
	font-family: Trebuchet, Helvetica, Verdana, Arial;
	font-size: 11px;
	color: #509FEF;
	font-weight:normal;
	font-variant: small-caps;
	margin: 0px 0px 0px 0px;
}

/******************
 * Frambooz
 ******************/

.framboozRed {
	color: #990000;
	font-weight:bold;
	font-family: verdana;
	text-decoration: none;
	font-variant: normal;
}

.framboozBlack {
	color: #000000;
	font-weight:bold;
	font-family: verdana;
	text-decoration: none;
	font-variant: normal;
}