body {background-color: #E3C98F; margin-top:0px; font-family:arial; font-size:12px; text-align:center;  background: #FED36B url(../images/menu/backgrounds/background_main.jpg) repeat-y center top;}
h1 {color: #1C744E;}
h2 {color: #1C744E;}
h3 {color: #1C744E;}
h4 {color: #1C744E;}
a {color: #339999; font-weight:bolder;text-decoration:none;}
a:hover {text-decoration:underline;}

.weather {color: #339999; font-weight:bolder; text-decoration:none;}
#displayPage{background-color: #ffffff; border:1px solid #000000; width:775px;}
.tdLogo{height: 175px; vertical-align:top;}
#mainContent{width:499px; float:left; text-align:left; padding: 20px;}
#mainContentNoSidebar{width:100%; float:left; text-align:left; padding: 10px;}
#footer{background-color: #339999; font-family: arial; font-size: 10px; font-weight:bold; color: #ffffff; padding:5px; text-align:center;}
a.footer {color: #ffffff;}
#menubar {background-color:#339999; border:0px solid #4f6228; text-align:left; padding:0px; text-align:center; vertical-align:middle; width:775px; overflow:hidden;}
.error {color:Red;}
.tourPrice{color:Red; font-size:12px; font-weight:bold;}
td.required{color:Red;}
.tourTitle {font-family:Arial; font-size:14px; color: #339999; font-weight:bolder;}
.tourHeader {font-family: Arial, helvetica; font-size:18px; color: #1C744E;}
.ranking {font-family: Arial; font-size:14px; color:Red; font-weight:bold;}
.photoFrame {padding:10px; border:solid 1px #e4e4e4; margin:5px;}
.quoteTitle {font-family:Arial; font-size:14px; color: #5f497a; font-weight:bold;}
.airfareList{font-family:Arial; font-size:11px;}
.legal {font-family:verdana; font-size:10px; color:Red;}
.itinListBox {border:1px solid red; }
a.special {color: red; font-weight:bolder;text-decoration:none;}
a.special:hover {text-decoration:underline;}
a.teaser{font-family:Arial; font-size:12px; color: #ffffff; font-weight:bolder;}
td.teaser {background-color:#339999; border:0px solid #339999; text-align:left; text-align:center; vertical-align:middle;}
.upperCase {text-transform:uppercase;}
.bluebox {font:bold 11px Arial;color:#4985c7;text-decoration:none;padding-right:17px;background:transparent url(../images/deals/box-arrow-blue13x13.gif) no-repeat top right;}

/* BUTTON */
a.button {background-color:#339999; border:solid 1px #288282; padding: 0px 3px 0px 3px; color: #ffffff;}
a.button:hover {background-color:#288282; border:solid 1px #339999;}
input.button {background-color:#339999; border:solid 1px #288282; padding: 0px 3px 0px 3px; color: #ffffff; font-weight:bold;}
input.button:hover {background-color:#288282; border:solid 1px #339999;}

/* SIDEBAR */
#sidebar{width:225px; float:right; border-left:1px solid #E2E2E2; background-color:#ffffff;}
.sidebarItem{text-align:left; padding: 0px 30px 5px 10px;  background-image:url(../images/menu/backgrounds/bgMarquee.gif); background-repeat:repeat-x; border:solid 1px #E2E2E2;}

/* SPECIAL */
.special{text-align:left; padding: 0px 30px 5px 10px;  background-image:url(../images/menu/backgrounds/sidebarBG.gif); background-repeat:no-repeat; border:solid 1px #E2E2E2;}

/* AJAX TICKER */
#ajaxticker1{width: 100%; height: 25px; border: 0px ridge black; padding: 10px 5px 2px 5px;}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

/* MENU */
.staticMenu {text-align:center; width:100%; color: #ffffff; background-color: #339999; font-family: sans-serif, arial; font-size: 14px; font-weight: bold; }
.dynamicMenu {text-align:left; color: #ffffff; background-color: #339999; font-family: arial, sans-serif; font-size: 12px; padding: 3px 5px 3px 5px; border-bottom: 1px solid #288282; z-index:1000;}

/* Rating */
.ratingStar {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image: url(../Images/General/FilledStar.png);}
.emptyRatingStar {background-image: url(../Images/General/EmptyStar.png);}
.savedRatingStar {background-image: url(../Images/General/SavedStar.png);}
   
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	background: transparent url('../images/buttons/square-green-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #494949; /*button text color*/
	}

a.squarebutton span{
	background: transparent url('../images/buttons/square-green-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	}

a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
	}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	}

/* QUOTE REQUEST */
.qr_title {font-weight:bold; text-align:right; width:150px; text-align:right;}
td.qr_header {font-size: 14px; font-weight:bold; color:#76923c; background-color: #eaf1dd; border-bottom:1px solid #d6e3bc; border-right:1px solid #d6e3bc; padding:5px;}
.qr_subheader {font-size: 12px; font-weight:bold; background-color:#e5dfec; border:1px solid #ccc0d9; width:100%; padding-left:15px;}

/* PRICING */
table.price {font-size: 11px; }
td.priceheader {font-size: 13px; font-weight:bold; color:#76923c; background-color: #eaf1dd; border-bottom:1px solid #d6e3bc; border-right:1px solid #d6e3bc; padding:2px 0px 2px 5px;}
td.pricestatus {font-weight:bold; color:green;}

/* MEMBERS */
table.members {font-size: 12px; }
table.members th {font-size: 13px; font-weight:bold; color:#76923c; background-color: #eaf1dd; border-bottom:1px solid #1C744E; padding:2px 0px 2px 5px;}

/* TOOLTIP */
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: #eaf1dd; visibility: hidden;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

/*Modal Popup*/
.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background-color:#ffffff; border-width:3px; border-style:solid; border-color:#E2E2E2;	padding:3px;width:350px;}

/* CALENDAR */
.MyCalendar .ajax__calendar_container {border:1px solid #E2E2E2; background-color: #eaf1dd; color: red;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}