html, body {
	
	margin:0px;
	padding:0px;
	height:100%;
}

html {
	overflow:auto;	
	font-family:verdana;
	font-size:0.85em;
}

body {
	background-attachment: fixed;	
	background-position: bottom center; 
	background-repeat:no-repeat;
	background-image:url('../images/footerbg.jpg');
	background-color:#ffffff;
	text-align:left;
}

h4 {font-size:1.10em; }

form {
		display:inline;
}

input {
	font-family:verdana;
	font-size:1em;
}

fieldset {
	padding:10px 10px 10px 10px;
	border:1px solid #dddddd;

}

legend {
	background:white;
	padding:5px;
}

a img {
	border:0px;
	vertical-align: bottom;
	margin-bottom:0px;
	margin-right:5px;	
	text-decoration:none;
}

#box {

	text-align:left;
	width:90%;
	margin:0 auto;
	background-position: left top; 
	background-repeat:no-repeat;
	background-image:url('../images/left.png');
	
}

#wrapper {

	margin-left:10px;
	background-position: right top; 
	background-repeat:no-repeat;
	background-image:url('../images/right.png');
	border-left:1px solid gray;
	
}

#content {
	
	margin-right:10px;
	background-position: bottom right; 
	background-repeat:no-repeat;
	background-image:url('../images/mile.jpg');
	background-color:#ffffff;
	border-right:1px solid gray;
	border-bottom:1px solid gray;

}

#logo {
	width:auto !important;
	width:100%;
	padding-top:8px;
	font-size:1.50em;
	text-align:left;
	background-color:#ffffff;
	background-image:url('../images/bannerbg.gif');
}

#page {

	margin-right:10px !important;
	margin-right:0px;
	margin-left:10px;
	
}


#footer {

	margin-top:10px;
	height:30px;
	text-align:center;
}

.fancy {
	margin-top:10px;
	margin-bottom:10px;
	border:1px dashed #eeddee;
	padding:10px;
	color:#444444;
	background:#F4FCF4;
}

#originDetail {
	padding-top:16px;
	margin-top:10px;
}

#destinationDetail {
	padding-top:16px;
	margin-top:10px;
	display:none;
}

.savedStep {
	background:#eeeeee;
	margin-top:2px;
	padding:10px;
	border:1px dashed #efefef;
}

.savedStep input {
	background:#eeeeee;
	border:0px;
}

.savedStep button {
	display:none;	
}

#directions tr {
	cursor:pointer;
	background:red;	
}
#directions a {
	text-decoration:none;
	color:red;
	cursor:none;
}

h1 {
	color:#238D26;
	font-size:1.20em;
}

#destinations {
	margin:4px 4px 4px 4px;
}
#totalswrapper {
	margin:4px 4px 4px 4px;
}

#totals {
	text-align:right;
	width:99%;
    margin:4px 0px 2px 0px;
    padding:4px;
    display:block;	
    border:1px dotted #dddddd;
    background-color:#eeeeee;
}
.destination {
	text-align:right;
	width:99%;
    margin:4px 0px 2px 0px;
    padding:4px;
    display:block;	
    border:1px dotted #a3ffa6;
    background-color:#e3ffe6;
    
}

.destination span {
	float:left;	
}

.show {
	display:block;	
}

#navmenu {
	
    width:100%;
    margin:0px;
    padding:0px;
    border:1px solid #83DE86;
    background:url("../images/menubg.jpg") repeat-x bottom !important;
    background:url("../images/menubg.jpg") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    height:26px;
    list-style:none;
    overflow:hidden;
}

#navmenu li {
    float:left;
    margin:0px;
    border-right:1px solid #83DE86;
}

#navmenu a {
	
     float:left;
     display:block;
     padding:5px 15px 5px 15px;
     text-decoration:none;
     font-weight:bold;
     color:#000033;
}

#navmenu #current a {

	 float:left;
     display:block;
     padding:5px 15px 5px 15px;
     text-decoration:none;
     color:#000033;
     cursor:default;
     background-image:url("../images/tabon.jpg");

    
}

.error {
	border:1px dashed #eecccc;
	color:#444444;
	background:#ffeeee;
}

.left {
	float:left;	
}

#adsenseboxen {
	margin-bottom:8px;
	margin-top:25px;
	height:85px;
	text-align:center;
}

#formfields {
	float:center;
	padding:10px;
}

#formfields * {
	vertical-align: middle;
}

#directions {
	
	float:left;
	width:327px;
	height:327px;
	border:1px dashed #eeddee;
	color:#444444;
	background:#F4FCF4;	
}

#optionalContent {
	text-align:center;	
}
#optionalContent img {
	border:1px solid gray;
}

.clear {
	clear:both;
	padding:0px;
	margin:0px;
}

#faq {
	padding:20px;		
}

/* IE-MAC-PRO \*/
#navmenu a { float:none; }
/* End */

#actionbar {
	display:none;	
}

#detailscontainer {
	
	height:352px;
	width:99%;
	clear:both;
	margin:0px auto;
	display:none;
}

#mapcontainer {
	
	padding-left:300px;
	border:1px solid #a3ffa6;
	padding-left:300px;
}

#textcontainer {
	
	float:left;
	border-right:1px dotted #33af36;
	height:350px;
	width:300px;
	overflow:auto;
}

#text_canvas {
	
		width:265px;
		font-size:0.8em;
		padding:0px;
		padding-top:10px;
		text-align:left;
}

#map_canvas {
	
	height:350px;
	margin:0px;
	
}

.dirheading {
	background:	#22bf26;
	color:white;
	padding:10px;
	text-align:left;
}

#exceldata {
	display:none;
}

#maildataA {
	display:none;
}
#maildataB {
	display:none;
}

#feedback {
	width:500px;
	margin-left:auto;
	margin-right:auto;	
}

.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#messages {
	background:#ffeedd;
	border:1px solid #ddccbb;
}

.lineControl {
	cursor: pointer;
	margin-right:10px;
	float:left;
}

#errorpage { 
	background-position: left top; 
	background-repeat:no-repeat;
	background-image:url('../images/wrongway.jpg');
}

#errorcontent {
	margin-left:240px;	
}

#mailframe {
	background:#000;
	border:0px;
	width:100%;
	height:320px;
	overflow:hidden;	
}

#usercaptcha {
	width:175px;
}

#mailbox {

}

#textcontent {
	color:black;
	background:#dddddd;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;	
}

#textframe {
	width:100%;
	height:90%;
	overflow:auto;	
	background:#ffffff;
	padding:0px;
	margin:0px;

}

/* Thanks to jQuery Growl, love it */


div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#33af36;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 95);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}