body {
	margin-top:10px;
	width:760px;/*was 708px*/ /*759*/
	margin-left: auto; margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}

/* TAB MENU */
.tabmenu {text-decoration:none;color:#000000;}
	a.tabmenu {font-weight:normal; }
	a.tabmenu:link, a.tabmenu:active, a.tabmenu:visited{color:#FFFFFF;text-decoration:none;font-weight:normal;}
	a.tabmenu:hover{color:#000000;text-decoration:none;}

div#head2 {
	clear:both;
	background-color:#00FFFF;
	}
div#head2a {
	float:right;
	background-color:#FFFFFF;
	padding-right:0px;
	}

/* The tabs themselves*/
div#head2b1,div#head2b2,div#head2b3,div#head2b4{
	float:right;
	width:83px;
	color:#FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	font-size:0.75em;
	margin-left:2px;
	border-top-width:2px;
	border-top-style:solid;
	border-bottom-width:2px;
	border-bottom-style:solid;
	}
div.greentab {
	background-color:#008759;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	}
div.blacktab {
	background-color:#000000;
	border-top-color:#000000;
	border-bottom-color:#000000;
	}
div#head2b5 {
	float:left;
	padding-right:5px;
	padding-top:4px;
	font-size:0.8em;
	margin-left:15px;
	}

/* LOGO AREA */
div#logo {
	float:left;
	clear:both;
	background-color:#000000;
	color:#FFFFFF;
	border-bottom:2px solid white;
	padding-top:6px;
	padding-right:0px;
	padding-bottom:9px;
	padding-left:15px;
	margin-top:0px;
	}

form.logoform {
	float:right;
	margin-top:15px;
	margin-bottom:0px;
	margin-right:10px;
	}

div#crumb {
	float:left;
	width:100%;
	}
div#crumbleft {
	float:left;
	background-color:#008759;/*green*/
	color:white;
	width:135px;
	border-right:3px solid white;
	border-bottom:3px solid white;
	font-size:0.75em;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	}
div#crumbright {
	margin-left:150px;
	color:#FFFFFF;
	background-color:#EC2436;/*red*/
	padding-left:8px;
	padding-top:7px;
	padding-bottom:7px;
	font-size:0.75em;
	}
div#main {
	float:left;
	width:100%;
	/* I want to make this take the height of the tallest of its child divs */
	background-image:url(images/home_03.gif);
	background-repeat:repeat-y;
	}
div#mainleft {
	float:left;
	width:125px;
	background-color:black;
	color:white;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:15px;
	}
div#mainright {
	margin-left:150px;
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:0.9em; /* this ought to be defined on body and everything else adjusted accordingly */
	}
/* diiirty hack to make text not vanish in IE follows */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div#mainright {
	height:1%;
	}
/* End hide from IE5/mac */
div#footer {
	clear:both;
	background-color:#999999;
	color:#ffffff;
	border-top:3px solid #ffffff;
	height:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	font-size:0.65em;
	}
div#footerleft {
	float:left;
	}
div#footerright {
	float:right;
	color:#FFFFFF
	}
a.footerright {font-weight:normal;color:#FFFFFF; }
a.footerright:link, a.footerright:active, a.footerright:visited{color:#FFFFFF;text-decoration:underline;font-weight:normal;}
a.footerright:hover{color:#EC2436;text-decoration:none;}

/* end of structural elements */

/* block elements */
img {
	border:0px;
	}
img.homepage {
	border:1px solid #000000;
	height:110px;
	width:110px;
	margin:0px;
	}

/* Text Definitions / HR */
/* headings */
h1 {
	font-size:1.0em;
	font-weight:bold;
	margin-top:10px;
	/* if the H1 has a margin-top greater than <some value - was 11px, now seems to have become 10px...> it messes up the left-alignment of the second row of category pics on the home page in IE. Ridiculous but true. 
	it seeems to apply also if the element it's in has a margin-top */
	margin-bottom:16px;
	}
h2 {
	font-size:0.8em;
	font-weight:normal;
	}
h3 {
	font-size:0.75em;
	font-weight:normal;
	}

/* text */
span.alert {
	color:#EC2436;
	}
span.specialoffer {
	color:#EC2436;
	font-weight:bold;
	}
span.required {
	color:#EC2436;
	font-weight:bold;
	font-size:1.2em;
	padding-left:3px;
	padding-right:3px;
	}
span.error {
	background-color:#EC2436;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	}
span.justadded {
	color:#EC2436;
	}
span.note {
	font-size:0.8em;
	color:#666666;
	}
img.prodlist,img.prodlistnonfloat {
	border:1px solid black;
	}
img.prodlist,div.prodlist_img {
	float:left;
	margin-bottom:21px;
	}
form.prodlist {
	margin-left:245px; /* width of the image (230px), plus the gap */ /* was 251px but some dropdowns were too wide to fit and pulled the whold div#mainright down in IE */
	margin-bottom:23px;
	}
form.addflights {
	margin-left:125px; /* width of the image (110px), plus the gap */ /* was 251px but some dropdowns were too wide to fit and pulled the whold div#mainright down in IE */
	}
div.prodlist {
	float:left;
	border-bottom:1px solid #EC2436;
	padding-top:23px;
	}
div.prodlist_intro {
	margin-bottom:35px;
	}
div.prodlist_brand {
	font-weight:bold;
	margin-bottom:14px;
	}
div.prodlist_model {
	margin-bottom:14px;
	}
div.prodlist_desc {
	margin-bottom:16px;
	}
select.prodlist {
	margin-bottom:16px;
	display:block; /* makes the next thing in the page appear below this element */
	/* need to make these not pull div/mainright down in IE when they get too wide */
	}
div.prodlist_variants {
	margin-bottom:16px;
	}
input.prodlist_button {
	margin-left:auto;
	margin-right:auto;
	}
/* tables */
table.cart {
	border-collapse:collapse;
	}
table.cart th,table.cart td {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:3px;
	vertical-align:top;
	border:2px solid #ffffff;
	}
table.cart th {
	text-align:right;
	background-color:#999999;
	color:#ffffff;
	white-space:nowrap;
	}
table.cart td {
	background-color:#E8E8E8;
	}
table.cart td.cartfoot {
	text-align:right;
	background-color:#999999;
	color:#ffffff;
	}

table.flightslist {
	border-collapse:collapse;
	}
table.flightslist th,table.flightslist td {
	padding-left:5px;
	padding-right:20px;
	padding-bottom:3px;
	vertical-align:top;
	border:2px solid #ffffff;
	}
table.flightslist th {
	padding-top:10px;
	text-align:left;
	background-color:#999999;
	color:#ffffff;
	white-space:nowrap;
	}
table.flightslist td {
	padding-top:2px;
	background-color:#E8E8E8;
	}
table.flightslist td.flightslistfoot {
	text-align:right;
	background-color:#999999;
	color:#ffffff;
	}

table.flightsmatrix td {
	width:20%;
	vertical-align:bottom;
	}

/* links */
a.prodlist {
	text-decoration:none;
	}
a.breadcrumb{
	color:#FFFFFF;
	}
a.menu_level1,a.menu_level1_specials {
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	}
a.menu_level1 {
	color:#ffffff;
	}
a.menu_level1:hover {
	color:#EC2436;/*red*/
	}
a.menu_level1_specials {
	color:#EC2436;/*red*/
	}
a.menu_level1_specials:hover {
	color:#008759;/*green*/
	}
a.menu_extras {
	color:#bbbbbb;/*grey*/
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	}
a.menu_extras:hover {
	color:#EC2436;/*black*/
	}
a.homepage {
	margin:0px;
	}
/*a.flightslistodd {
	color:green;
	}
a.flightslisteven {
	color:blue;
	}*/
a.flights {
	text-decoration:none;
	}
hr {
	color: #EC2436;
	background: #EC2436;
	border: 0;
	width: 100%;
	height: 1px;
	}
hr.prodlist {
	clear:both;
	margin-bottom:23px;
	}

ul.links,ul.links li {
	margin-left:0px;
	padding-left:0px;
	}
ul.links li {
	list-style:none;
	margin-bottom:10px;
	}

/* checkout */
table.checkoutalt {
	border-collapse:collapse;
	margin-top:10px;
	}
table.checkoutalt th,table.checkoutalt td {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:3px;
	vertical-align:top;
	border:2px solid #ffffff;
	background-color:#E8E8E8;
	}
table.checkoutalt th {
	text-align:right;
	background-color:#E8E8E8;
	white-space:nowrap;
	font-weight:normal;
	}
table.checkoutalt td.subhead {
	background-color:#999999;
	color:#ffffff;
	font-weight:bold;
	}