/* This file now assumes a CSS reset was applied */

body {
	background: #2C4F94 url(/st/bg_main.gif) repeat-x scroll 0% 0%;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10pt;
	height: 100%; /* designing around people who think 'the internet' is the 'big blue E' */
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: visible;
}

ul {
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 40px;
}
li {
	display: list-item;
}

/* I don't think we ever want an image with that annoying blue border if it's a link, so turning them off globally */
a img {
	border: none;
}
a {
	text-decoration: none;
	color: #020582;
}
/* This style is used for all the small text links that appear throughout the site */
a.small_link, span.see_all, p.see_all {
	font-size: 10px !important;
	font-weight: normal !important;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 10px 0;
}
.hide {
	display: none;
}
address {
	font-style: normal;
}
/* General form label*/
label.label {
	font-weight: bold;
	font-size: 12px;
}
div.small_font td {
	font-size: 7pt;
}
/* Quick style to float anything to the right.  Used in articles to float image and TOC to the right */
div.right {
	float: right;
	margin-left: 9px;
}
div.left {
	float: left;
	margin-right: 9px;
}
div.panorama {
	padding-bottom: 5px;
}
div#story a {
    text-decoration: underline;
}
/* the number of search results found (e.g. in the hotel search) */
h2 span.num_results {
	color: #F00;
}
.error {
	color: #C00;
	font-weight: bold;
}
/* Someday, when IE becomes CSS3 compliant (HA) convert this to input [type="image"] to just apply the style without
	having to apply a class to every button
*/
input.btn, input.radio, input.checkbox {
	border: none !important;
}
/* All of our inputs look to use this general style, overwrite specific inputs if they differ from this */
input {
	border: solid 1px #000;
	font-size: 11px;
	color: #000;
	background: #fff;
}
select {
	border: solid 1px #000;
	font-size: 11px;
	color: #666;
}
/* This defines the style for a title with dotted grey border above and below
	It allows for an optional small link that will be floated to the far right */
h1 {
	background: url('../../st/grey_dotted_border.gif') #fff;
	background-repeat: repeat-x;
	height: 21px;
	font-size: 14px;
	color: #666;
	padding-top: 3px;
	margin: 0;
	font-weight: bold;
}
h1 a {
	/* I removed the underlining from this -- if you need to add it back please see me.
	   The See all links thank you. */
	background: url('../../st/orange_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	margin-top: 3px;
	font-size: 10px !important;
	font-weight: normal !important;
	float: right;
}
h1 a.top_arrow_link {
	background: url('../../st/orange_arrow_up.gif');
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}
h1 div.see_all {
	float: right;
	padding-top: 2px;
}

/* End h1 styles */

h2.titleH {
	border-width: 1px 0 1px 0;
	border-style: dotted;
	border-color: #666;
	font-size: 14px;
	color: #666;
	padding-top: 3px;
	margin: 3px 0 3px 0;
	font-weight: bold;
	position: relative;
}
h2.titleH .see_all {
	position: absolute;
	right: 0;
	margin-top: 3px;
	color: #888;
}
h2.titleH a {
	background: url('../../st/orange_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
h2.titleH .see_all, h2.titleH a {
	font-size: 10px !important;
	font-weight: normal !important;
}
h2.titleH>a {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* IE6 workarounds, can safely be removed after the 10/13 launch
   but is needed to allow the CSS to render before the template
   modules have been updated */
/*\*/ * html h2.titleH a {
	position: absolute;
	right: 0;
	margin-top: 3px;
	color: #333466;
} /**/
/*\*/ * html h2.titleH * a {
	position: static;
} /**/

h2.titleH a.top_arrow_link {
	background: url('../../st/orange_arrow_up.gif');
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}
h2.titleH div.see_all {
	float: right;
	padding-top: 2px;
}

/*This style is used when a title needs to have an orange left corner.  It is used for the TOC
	as well as the narrow right editorial modules */
div.orange_angled_title {
	background: url('../../st/left_corner_orange.gif') #fba919;
	background-repeat: no-repeat;
	color: #fff;
	padding-left: 4px;
	margin-left: 4px;
	font-size: 12px;
}
/* Quick styles to clear floating properties */
div.cl {
	clear: left;
}
div.cb {
	clear: both;
}
/*End clearing styles */
/* The infamous CSS clearfix */
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*End the infamous clearfix*/

/* These style defines the table of contents */
div.toc {
	margin: 5px 0 0 4px;
	border-right: solid 1px #fba919;
	border-bottom: solid 1px #fba919;
	float: right;
	clear: right;
	width: 180px;
}
div.toc ul.blue_arrow_list {
	margin-left: 25px;
	list-style-position:outside;
}
div.toc_inner {
	margin: 4px 10px 6px 0px;
}
div.toc a {
	color: #000;
}
div.toc a:visited {
	color: #666;
}
div.toc a:hover {
	color: #333466;
	text-decoration: underline;
}
div.toc li.current_page {
	font-weight: bold;
	font-style: italic;
	margin-left: 0px;
}
/* End of TOC styles */
div#outer_wrapper {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	position: relative;
	/*width: 980px;*/
}
div#wrapper {
	width: 790px;
	background: #fff;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
div#top_wide_ad {
	width: 790px;
	height: 104px;
	background: url('../../st/advert_vertical.gif') #eaeaea;
	background-repeat: no-repeat;
	text-align: center;
	min-width: 790px;
	min-height: 104px;
	vertical-align: middle;
	display: block;
}
div#top_wide_ad iframe {
	margin-left: 25px;
}

div.gutter_ad {
	clear: none;
	height: 100%;
	overflow: visible;
	position: absolute;
	width: 100px;
}
div.gutter_ad .img_area {
	background-repeat: repeat-y;
	height: 100%
}
div#left_gutter {
	text-align: right;
	top: 0px;
	left: 0px;
}
div#left_gutter .img_area {
	background-position: top right;
}
div#right_gutter {
	text-align: left;
	top: 0px;
	right: 0px;
}
div#right_gutter .img_area {
	background-position: top left;
}

div.prev_link {
	font-size: 10px;
	float: left;
	width: 205px;
	background: url('../../st/orange_arrow_left.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
}
div.prev_link a {
	font-size: 12px;
}
div.next_link {
	font-size: 10px;
	float: right;
	max-width: 205px;
	background: url('../../st/orange_arrow.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 3px;
}
div.next_link a {
	font-size: 12px;
}
/* These 5 styles define the different sizes of the left and right columns */
div#narrow_left, div#wide_left, div#no_cols {
	width: 435px;
	padding-left: 10px;
	padding-right: 8px;
	background: url('../../st/vertical_grey_border.gif') #fff;
	background-repeat: repeat-y;
	background-position: top right;
	float: left;
}
/* This inherits all properties from the above style as well */
div#wide_left {
	width: 603px;
}
div#wide_right {
	width: 320px;
	float: right;
	padding-right: 10px;
}
div#narrow_right {
	width: 156px;
	float: right;
	padding-right: 10px;
}
div#slim_right {
	width: 200px;
	float: right;
	padding-right: 10px;
}
div#no_cols {
	width: 760px;
	background: none;
	padding-right: 10px;
}

.left_sidebar {
	float: left !important;
	padding-left: 10px !important;
	padding-right: 0 !important;
}

.right_content {
	background: #FFFFFF url(http://i.slimg.com/st/vertical_grey_border.gif) repeat-y left !important;
	float: right !important;
	padding-left: 8px !important;
	padding-right: 10px !important;
}

/* End column style */
/* Styles to define the footer */
div#footer {
	margin-top: 17px;
	clear: both;
	width: 790px;
}
div#footer div.topguides {
	background-color: #E8F4FF;
	height: 100px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: thin solid #FFFFFF;
}
div#footer div.topguides a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2C4F91;
	text-decoration: none;
	font-weight: bold;
}
div#footer div.topguides a:hover {
	text-decoration: underline;
}
div#footer div.topguides ul li ul a{
	font-size: 10px;
	font-weight: normal;
}
div#footer div.topguides ul li ul {
	margin: 0px;
	padding: 0px;
}
div#footer div.topguides ul{
	margin: 0px;
	padding: 0px;
}
div#footer div.topguides ul li{
	display: inline;
	text-align: left;
	float: left;
	list-style: none;
	width: 152px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
div#footer div.topguides ul li ul li{
	display: block;
	text-align: left;
	float: left;
	list-style: none;
	width: 148px;
	margin: 0px;
	padding: 0px;
	height: 14px;
}
div#footer div.taxes {
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	text-align: left;
	color: #000000;
	background: #E8F3F9;
	height: 30px;
	padding-top: 15px;
	padding-left: 15px;
	border-bottom: thin solid #FFFFFF;
}
div#footer div.taxes a {
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	text-align: left;
	color: #055468;
	background: #E8F3F9;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
}
div#footer div.corp, div#footer div.corp a {
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	font-weight: normal;
	text-align: center;
	color: #2B5094;
	background: #CDE5EF;
	padding: 3px 0 3px 0;
	text-decoration: none;
}
div#footer div.corp a:hover {
	text-decoration: underline;
}
div#footer div.copyright  {
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	color: #2C4F91;
	background: #CDE5EF;
	text-align: center;
	padding: 2px;
}
/* End footer style */
/* Begin module style */
div.module {
	width: 100%;
	margin-bottom: 8px;
}
div.module a {
	font-size: 12px;
	text-decoration: none;
	color: #333466;
	font-weight: bold;
}
div.module a:hover {
	text-decoration: underline;
}
div.module img.right {
	float: right;
	margin-left: 9px;
	margin-top: 4px;
}
div.module img.left {
	float: left;
	margin-right: 9px;
	margin-top: 4px;
}
/*These styles control the lists that appear beneath the main item in a module */
div.module div.two_links {
	margin-top: 5px;
}
div.module div.two_links div.left_link {
	float: left;
	width: 49%;
}
div.module div.two_links div.left_link ul.orange_arrow_list {
	margin: 0 0 0 25px;
	width: 185px;
	list-style-position:outside;
}
div.module div.two_links div.left_link h2 {
	margin-left: 25px;
}
div.module div.two_links div.left_link div.item_type {
	margin-left: 25px;
}
div.module div.two_links div.right_link {
	float: right;
	width: 49%;
}
div.module div.two_links div.right_link ul.orange_arrow_list {
	margin: 0 25px 0 0;
	width: 185px;
	list-style-position:outside;
}
div.module div.extend_list_item {
	clear: left;
	background: url('../../st/grey_dotted_line.gif') #fff;
	background-repeat: repeat-x;
	margin-top: 5px;
	padding-top: 5px;
	min-height: 92px;
}

/* These styles are used by the extra daag section beneath the air deals module */
div.module div.daag_extended {
	margin-top: 10px;
	background: url('../../st/grey_dotted_line.gif') #fff;
	background-position: top center;
	background-repeat: repeat-x;
	padding-top: 10px;
}
div.module div.daag_extended div.left {
	width: 30%;
}
div.module div.daag_extended div.right {
	width: 65%;
}

/* End module styles */
/* Begin wide compare widget styles */
div.sb_module {
	width: 100%;
	margin-bottom: 8px;
	clear: both;
}
div#sub_wrapup div.sb_module {
	margin: 10px 0 0 10px;
}
/* The nav tab styles are used to control the various states of the 5 tabs above the compare widgets
	and may affect JS if names change.  Test javascript that controls the changing of the travel type
	to assure it still works.  When a tab is selected the style name is changed to *style_name*_on.

	left_nav_tab is a special instance of nav_tab that contains the left corner
*/
div#wide_right div.sb_module div.nav_tabs div {
	float: right;
}
div#sub_wrapup div.sb_module div.nav_tabs div {
    float: left;
}
div#narrow_left div.sb_module div.nav_tabs div {
	width: 35px;
	text-align: center;
}
/* vacation packages, vacation rentals  tab */
div#narrow_left div.sb_module div.nav_tabs  #left_vacation_widget_tab,
div#narrow_left div.sb_module div.nav_tabs  #left_vacation_rental_widget_tab {
	width: 103px;

}
/* car rental tab */
div#narrow_left div.sb_module div.nav_tabs  #left_car_widget_tab {
	width: 62px;
}
#wide_right div.sb_module div.nav_tab,
#wide_right div.sb_module div.left_nav_tab {
	float: left;
	background: #67b3c6;
	padding: 9px 4px;
	font-size: 9px;
}

#wide_right .sb_module .nav_tab.right_nav_tab,
.sb_module .nav_tab.right_nav_tab {
	background: url('../../st/right_corner_blue.gif') #67b3c6  no-repeat top right !important;
}
div.sb_module div.nav_tab,
div.sb_module div.left_nav_tab {
	float: left;
	background: #67b3c6;
	padding: 9px 3px;
	font-size: 9px;
}

div.sb_module div.nav_tab_on {
	float: left;
	background: #fba919;
	color: #fff;
	padding: 9px 3px;
	font-size: 9px;
}
div.sb_module div.left_nav_tab_on {
	float: left;
	background: url('../../st/left_corner_orange.gif') #fba919 no-repeat;
	color: #fff;
	padding: 9px 4px;
	font-size: 9px;
}
#wide_right .sb_module .nav_tabs div {
   height: 14px;
}
div#wide_right div.sb_module div#vacation_widget_tab,
div#wide_right div.sb_module div#vacation_rental_widget_tab {
	width: 50px;
	text-align: center;
    line-height: 11px;
    padding: 5px 4px;
    height: 22px;
}
div#wide_right div.sb_module div.widget div#vacation_rental_widget_form td.widget_title,
div#wide_right div.sb_module div.widget div#vacation_rental_widget_form td.label {
	text-align: left;
}

div.sb_module div.nav_tab {
	margin-left: 1px;
}
div.sb_module div.nav_tab a, div.sb_module div.left_nav_tab a{
	text-decoration: none;
	color: #fff;
}
div.sb_module div.nav_tab a:hover, div.sb_module div.left_nav_tab a:hover {
	text-decoration: underline;
}
div.sb_module div.nav_tab_on a, div.sb_module div.left_nav_tab_on a{
	text-decoration: none;
	color: #fff;
}
div.sb_module div.nav_tab_on a:hover, div.sb_module div.left_nav_tab_on a:hover {
	text-decoration: underline;
}
div.sb_module div.nav_tab_on {
	margin-left: 1px;
}
.sb_module div.left_nav_tab {
    padding: 9px 4px !important;
	background: url('../../st/left_corner_blue.gif') #67b3c6 no-repeat !important;
}
div#narrow_left div.left_nav_tab {
	width: 53px !important;
}
div#narrow_left div.left_nav_tab_on {
	width: 53px !important;
}
.sb_module .nav_tab.right_nav_tab_on {
	background: url('../../st/right_corner_orange.gif') #fba919 no-repeat top right !important;
}

div.sb_module div.widget {
	border: solid 1px #67b3c6;
}

div#wide_right div.widget {
	width: 318px;
	height: 140px;
}
div#sub_wrapup div.widget {
	width: 399px;
    height: 140px;
}

div#narrow_left div.widget {
	width: 433px;
	height: 130px;
}


div.sb_module div.widget div.widget_form {
	font-weight: bold;
	font-size: 11px;
	margin: 5px 5px 3px 0;
}
#sub_wrapup .widget_form {
    padding: 0 5px;
}
div#narrow_left div.sb_module div.widget div.widget_form {
	margin-left: 10px;
}
div#wide_left ul{
	padding-left: 15px;
	* margin-left:-8px;
}
div#wide_left li {
	margin-bottom: 5px;
	margin-left:12px;
}

div#wide_right div.sb_module div.widget td.label {
    text-align: right;
}

div.sb_module div.widget td.widget_title {
	color: #67b3c6;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
}
div#wide_right div.sb_module div.widget td.widget_title {
	text-align: right;
	width: 70px;
	padding-right: 6px;
}


div#sub_wrapup div.sb_module div.widget td.widget_title {
	text-align: left;
	width: 120px;
	padding-right: 6px;
}

div.sb_module div.inputs {
	float: right;
	width: 185px;
	text-align: left;
}
div.sb_module div.inputs img{
	vertical-align: middle;
	padding-bottom: 2px;
}
div.sb_module div#car_widget_form div.inputs {
	width: 180px;
}
div.sb_module div#cruise_widget_form div.inputs {
	width: 150px;
}
div.sb_module div.widget div.widget_form select {
	margin-top: 2px;
}
div.sb_module div.widget img.calendar {
	cursor: pointer;
	display: inline;
	margin-bottom: -3px;
}
div.narrow_compare {
	border: solid 1px #67b3c6;
	margin: 0 0 5px 4px;
	text-align: left;
	padding: 0 6px 0 6px;
	font-weight: bold;
	font-size: 11px;
}
div.narrow_compare div.button_input {
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	width: 100%;
	text-align: right;
}
div.narrow_compare div.inputs {
	clear: left;
	margin-top: 5px;
	display: inline;
	width: 100%;
}
div.narrow_compare div.inputs label {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	display: block;
	float: left;
	width: 42px;
	padding: 1px 3px 1px 0px;
}
div.narrow_compare div.inputs span.input {
	float: left;
	clear: left;
	width: 100%;
}
div.narrow_compare div.inputs span.input img {
	margin-top: -5px;
}
div.narrow_compare div.inputs input {
	width: 130px;
}
/* End wide compare widget styles */
/* These styles control the wide NL signup widget */
div.wide_nl {
	width: 318px;
	border: solid 1px #67b3c6;
	font-size: 12px;
	overflow: hidden;
}
div.wide_nl_bottom {
	position: absolute;
	bottom: 126px;
	*bottom: 236px;
}
div[class~='wide_nl_bottom'] {
	bottom: 126px;
	*margin-bottom: 18px;
}
div.wide_nl div.title {
	color: #fff;
	background: #67b3c6;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
div.wide_nl input {
	width: 260px;
	margin-left: 0px;
}
div.wide_nl div.email_input {
	padding: 5px 0 5px 5px;
	float: left;
	font-size: 12px;
}
div.wide_nl div.submit_input {
	padding: 0 0 5px 5px;
	float: left;
	clear: both;
}

form.narrow_nl input.email_input {
	width: 130px;
}
/* End Wide NL Signup widget styles */
/* Hotel Search Widget */
div.narrow_hotel_search form#destinationSearch div
{
	padding: 5px 10px 5px 0;
	font-size: 12px;
}
div.narrow_hotel_search div.city_input
{
	float: left;
}
div.narrow_hotel_search div.hotel_input
{
	float: right;
}
div.narrow_hotel_search div.form_btn
{
	float: right;
	clear: both;
	margin-top: 20px;
}
div.hotel_city_wrapper {
	width: 250px;
}

form#destinationSearch div.narrow_hotel_search
{
	border: 1px solid #67b3c6;
	width:  300px;
	height: 90px;
	padding: 20px 10px 10px;
	margin: 0 auto;
}
/* End Hotel Search Widget */
/* This style controls the appearance of an ad in the right column of a page */
div.right_ad {
	background: #eaeaea;
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
	font-size: 10px;
	padding: 5px 0 5px 0;
	color: #313131;
}

/* This style controls any list that shows the » character next to the
   li and does not use a bullet.
   Used in the travel guides.
*/
ul.blue_raquo_list {
	padding:0;
	margin:0;
	list-style: none;
}
ul.blue_raquo_list li {
	font-size: 10px;
}
ul.blue_raquo_list a {
	background: url('../../st/blue_raquo.gif') right center no-repeat;
	padding-right: 10px;
}


/* This style controls any list that shows the orange dotted arrow as the bullet
	Used extensively in module list items
*/
ul.orange_arrow_list {
	list-style-image: url('../../st/orange_arrow.gif');
	list-style-position:outside;
	margin: 0;
	padding-left: 0px;
}
ul.orange_arrow_list li {
	margin-left: 14px;
	margin-bottom: 0px !important;
}
ul.orange_arrow_list li.padded {
	padding-bottom: 6px;
}
.orange_arrow_list a, .orange_arrow_list .link_text {
	font-size: 12px;
	text-decoration: none;
	color: #313163;
	font-weight: bold;
}
.orange_arrow_list a:hover {
	text-decoration: underline;
}

dl.orange_arrow_list dt {
	padding-left: 15px;
	background: transparent url('../../st/orange_arrow.gif') no-repeat scroll left center;
}
dl.orange_arrow_list dd {
	padding: 0 0 15px 15px;
}

ul.doublespace li {
	padding-bottom: 18px;
}

/* padding for /all page item lists */
ul.see_all_list_space li {
	padding-bottom: 6px;
}

/* The blue arrow list is used extensively in the narrow right editorial modules */
ul.blue_arrow_list {
 	list-style-image: url('../../st/blue_arrow.gif');
	list-style-position:outside;
	margin: 0 0 0 18px;
	padding-left: 0px;
}
ul.blue_arrow_list li{
	font-size: 10px;
	margin-bottom: 0px !important;
	display: list-item;
	margin-left: 0px;
}
ul.blue_arrow_list li a {
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
/* End blue_arrow_list styles */

/* Hotel Review List */
ul.hotelReviews, ul.hotelReviews li {
	margin: 17px 0 0;
	padding: 0;
	list-style-type: none;
}
ul.hotelReviews li {
	margin-bottom: 17px;
	background: url("/st/hotels/left-quotes.gif") 0 1px no-repeat;
	padding-left: 30px;
	min-height: 17px; /* don't cut off the quotes image */
}
/* End Hotel Review List */

/* For browsers with flash disabled */
div.noflash {
	font-size: 11px;
}

div.noflash .getflashimg {
	margin-top: 3px;
	float: left;
}

div.noflash .getflashtext {
	margin-top: 3px;
	float: right;
}


/* This style controls the appearance of the ad that floats inline with content on the left hand side */
div.mpu {
	float: left;
	background: #eaeaea;
	font-size: 10px;
	color: #313131;
	padding: 8px;
	margin-right: 20px;
}
/* This style is used in the narrow right column editorial modules */
div.narrow_orange_module {
	margin: 0 0 5px 10px;
	font-size: 11px;
}
div.narrow_orange_module a {
	text-decoration: none;
	color: #000;
}
div.narrow_orange_module a:hover {
	text-decoration: underline;
}
div.narrow_orange_module ol{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding-left: 0px;
}
div.narrow_orange_module ol li {
	display: list-item;
	margin-left: 0px;
}
div.narrow_orange_module ol a{
	font-weight: normal;
}
/* End narrow_orange_module styles */

/* These styles control the sponsor deals grid */
div.sponsor_deals {
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
	width: 434px;
}

div#sd_header {
	padding: 8px 0px 8px 10px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	height: 20px;
}

div#sd_header div {
	font-weight: bold;
	float: left;
}

div#sd_header a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 10px;
	float: right;
}

div#sd_nav_sections {
	font-size: 11px;
	text-align: center;
	height: 30px;
}
div#sd_nav_sections div {
	float: left;
	padding: 5px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	cursor: pointer;
	color: #036;
	font-weight: bold;
}

div#sd_nav_sections div.selected {
	background-color: #fff;
	border-bottom: 0;
	color: #4991c3;
}

div#sd_nav_sections div#sd_air_nav{ width: 80px; }
div#sd_nav_sections div#sd_hotel_nav{ width: 80px; }
div#sd_nav_sections div#sd_car_nav{ width: 60px; border-right: 0;}
div#sd_nav_sections div#sd_vacation_nav{ width: 90px; }
div#sd_nav_sections div#sd_cruise_nav{ width: 70px;}

div#sd_deals_sections {
	width: 100%;
	font-size: 11px;
	padding-bottom: 5px;
	background-color: #fff;
	color: #999;
}

div#sd_notice {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: auto;
	z-index: 10;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
}

div#sd_notice div {
	margin: auto;
}

div#sd_deals_sections a {
	text-decoration: underline;
	color: #4991c3;
	font-size: 12px;
	font-weight: bold;
}
div#sd_deals_sections ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#sd_deals_sections ul li {
	padding: 3px 5px 3px 10px;
}
div#sd_deals_sections p {
	font-size: 14px;
}
div#sd_deals_sections > p {
	padding: 3px 5px 3px 10px;
}
div#sponsor_deals .sd_footer {
	font-style: italic;
	font-size: 11px;
	text-align: right;
	padding-bottom: 7px;
	padding-right: 10px;
}

/* End Grid ad styles */

/* These styles control the look of the wide google ads placement where the ads are
	in a list rather then a grid*/
div#googleAds {
	width: 100%;
	background: #eaeaea;
	margin-bottom: 5px;
	font-size: 12px;
}
div#googleAds h1{
	font-weight: bold;
	color: #000;
	background: #eaeaea;
	padding-left: 10px;
	font-size: 12px;
}
div#googleAds ul {
	list-style-image: url('../../st/blue_arrow.gif');
	margin: 0 0 0 30px;
	padding-left: 0px;
	list-style-position:outside;
}
div#googleAds ul li {
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#googleAds a.line1 {
	color: #f42a21;
	font-weight: bold;
	text-decoration: underline;
	display: block;
}
div#googleAds a.line2 {
	color: #000;
	padding-right: 5px;
}
div#googleAds a.line3 {
	color: #000;
}
div#googleAds a.visibleURL {
	display: block;
	font-weight: bold;
	color: #333466;
}
/* End Google Ads Styles */
div.blue_angled_title {
	background: url('../../st/left_corner_blue.gif') #67b3c6;
	background-repeat: no-repeat;
	color: #fff;
	padding-left: 4px;
	margin-left: 4px;
	font-size: 12px;
}
/* Main Nav Styles */
ul#topnav_tabs {
	background: #FBA919 url(../../st/nav/nav_inactive.gif) repeat-x;
	height: 52px;
	margin: 0px 0px 5px;
	padding: 0px;
	position: relative;
	white-space: nowrap;
	width: 790px;
}

ul#topnav_tabs li.nav_tab {
	background: url(../../st/nav/nav_inactive.gif) repeat-x;
	display: block;
	float: left;
	font-size: 13px;
	height: 35px;
	line-height: 14px;
	width: 111px;
	white-space: nowrap;
}

ul#topnav_tabs li.nav_tab a {
	color: #FFF;
	display: block;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
}

ul#topnav_tabs li.nav_tab a span {
	display: block;
	float: left;
*   font-size: 12px; /* IE fix */
	letter-spacing: -.03em;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	width: 108px;
	white-space: nowrap;
}

ul#topnav_tabs li.nav_tab_div {
	background: url(../../st/nav/rule_divider.gif) repeat-x;
	display: block;
	float: left;
	font-size: 14px;
	height: 35px;
	line-height: 14px;
	width: 2px;
}

ul#topnav_tabs li.over, ul#topnav_tabs li.nav_tab:hover {
	background: url(../../st/nav/overstate.gif) repeat-x;
	display: block;
	float: left;
	height: 35px;
	line-height: 14px;
}

ul#topnav_tabs li.over, ul#topnav_tabs li.nav_tab:hover, ul#topnav_tabs li.over a,
ul#topnav_tabs li.nav_tab:hover a {
	cursor: pointer;
}

ul#topnav_tabs li ul {
	background: url(../../st/nav/subnav.gif) repeat-x;
	display: none;
	height: 20px;
	float: left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 35px;
	width: 790px;
	z-index: 0;
}

ul#topnav_tabs li ul li {
	background: none;
	display: block;
	float: left;
	height: 30px;
	padding-top: 0px;
}

ul#topnav_tabs li ul li {
	padding-top: 15px;
	position: relative;
	top: -15px;
}

ul#topnav_tabs li ul li.last {
	width: 150px;
}

ul#topnav_tabs li#st_specialty_home_page_tab ul li.last {
	width: 350px;
}

ul#topnav_tabs li#st_tools_home_page_tab ul li.last {
	width: 250px;
}

ul#topnav_tabs li.nav_tab ul li a, ul#topnav_tabs li.nav_tab ul li span.nav_sub_div {
	color: #70470e;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

ul#topnav_tabs li.nav_tab ul li a {
	padding: 2px 5px;
	margin: 2px 0px;
}

ul#topnav_tabs li.nav_tab ul li span.nav_sub_div {
	padding: 2px 4px;
	width: 1px;
}

ul#topnav_tabs li ul a:hover {
	background: #FDD895;
	text-decoration: none;
}

#topnav_tabs li:hover ul, #topnav_tabs li.over ul {
	display: block;
	z-index: 90;
}

/* highlight the current nav section based on what page we are on */
body#st_home_page_wrapper ul#topnav_tabs li#st_home_page_tab,
body#st_home_page_wrapper ul#topnav_tabs li#st_home_page_tab:hover,
body#st_deals_home_page_wrapper ul#topnav_tabs li#st_deals_home_page_tab,
body#st_deals_home_page_wrapper ul#topnav_tabs li#st_deals_home_page_tab:hover,
body#st_compare_prices_parent_page_wrapper ul#topnav_tabs li#st_compare_prices_parent_page_tab,
body#st_compare_prices_parent_page_wrapper ul#topnav_tabs li#st_compare_prices_parent_page_tab:hover,
body#st_travel_guides_home_page_wrapper ul#topnav_tabs li#st_travel_guides_home_page_tab,
body#st_travel_guides_home_page_wrapper ul#topnav_tabs li#st_travel_guides_home_page_tab:hover,
body#st_newsadvice_home_page_wrapper ul#topnav_tabs li#st_newsadvice_home_page_tab,
body#st_newsadvice_home_page_wrapper ul#topnav_tabs li#st_newsadvice_home_page_tab:hover,
body#st_specialty_home_page_wrapper ul#topnav_tabs li#st_specialty_home_page_tab,
body#st_specialty_home_page_wrapper ul#topnav_tabs li#st_specialty_home_page_tab:hover,
body#st_tools_home_page_wrapper ul#topnav_tabs li#st_tools_home_page_tab,
body#st_tools_home_page_wrapper ul#topnav_tabs li#st_tools_home_page_tab:hover {
	background:url(../../st/nav/active.gif) repeat-x;
}

body#st_home_page_wrapper ul#topnav_tabs li#st_home_page_tab ul,
body#st_deals_home_page_wrapper ul#topnav_tabs li#st_deals_home_page_tab ul,
body#st_compare_prices_parent_page_wrapper ul#topnav_tabs li#st_compare_prices_parent_page_tab ul,
body#st_travel_guides_home_page_wrapper ul#topnav_tabs li#st_travel_guides_home_page_tab ul,
body#st_newsadvice_home_page_wrapper ul#topnav_tabs li#st_newsadvice_home_page_tab ul,
body#st_specialty_home_page_wrapper ul#topnav_tabs li#st_specialty_home_page_tab ul,
body#st_tools_home_page_wrapper ul#topnav_tabs li#st_tools_home_page_tab ul {
	display: block;
	z-index: 85;
}

body#st_home_page_wrapper ul#topnav_tabs li#st_home_page_tab a span,
body#st_deals_home_page_wrapper ul#topnav_tabs li#st_deals_home_page_tab a span,
body#st_compare_prices_parent_page_wrapper ul#topnav_tabs li#st_compare_prices_parent_page_tab a span,
body#st_travel_guides_home_page_wrapper ul#topnav_tabs li#st_travel_guides_home_page_tab a span,
body#st_newsadvice_home_page_wrapper ul#topnav_tabs li#st_newsadvice_home_page_tab a span,
body#st_specialty_home_page_wrapper ul#topnav_tabs li#st_specialty_home_page_tab a span,
body#st_tools_home_page_wrapper ul#topnav_tabs li#st_tools_home_page_tab a span {
	background:url(../../st/nav/carrot.gif) no-repeat scroll center 0;
	color: #593400;
}

#masthead {
	background: #FBA919 url(../../st/header/1.0/header-bg-right.gif) no-repeat center right;
	height: 90px;
	overflow: hidden;
	position: relative;
	width: 790px;
}

#masthead img {
	position: absolute;
	z-index:0;
}

#masthead h1 {
	display: inline;
	background: none;
	background-repeat: none;
	height: 90px;
	font-size: 14px;
	color: #666;
	padding-top: 0px;
	margin-top: 0px;
	margin: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
	/*font-weight: bold;*/
}
#masthead h1 a {
	display: inline;
	background: none;
	background-repeat: none;
	background-position: none;
	padding-right: none;
	margin-top: 0px;
	padding-top: 0px;
	/*font-size: 10px !important;
	font-weight: normal !important;
	float: left;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
}

#masthead a:hover {
	text-decoration: none;
}

#masthead div.search_wrapper {
	position: absolute;
	right: 3px;
	top: 2px;
}


#masthead div.search input.search_text {
	border: 0px;
	height: 16px;
	margin-top: 8px;
	vertical-align: middle;
	width: 200px;
}

#masthead div.search input.search_submit {
	background: transparent;
	border: 0px;
	margin-top: 8px;
	vertical-align: middle;
}

#masthead div.survey_wrapper {
	height: 15px;
	padding: 75px 3px 0px 0px;
	float: right;
}

#masthead div.survey_wrapper a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}

/*this nav removes breadcrumbs from nav, so re-style*/
div.breadcrumb {
	background: #fff;
	color:#333466;
	font-size:10px;
	padding: 2px 0px 0px 10px;
	margin-bottom: 4px;
}

div.breadcrumb a {
	color: #333466;
	text-decoration: none;
}

div.breadcrumb a:hover {
	text-decoration: underline;
}

div.breadcrumb h1 {
	display: inline;
  	font-size: 10px;
  	font-weight: normal;
  	background: none;
  	color: #333466;
	text-decoration: none;
}
/*End Main Nav Styles */

/*Standalone slideshow styles */
div.slideshow h2 {
	color: #666;
}
div.slideshow div.page_links {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
}
div.slideshow div.page_links a {
	margin: 0 5px 0 5px;
}
div.slideshow div.photo {
	width: 100%;
	text-align: center;
}
div.slideshow div.photo img {
	margin-left: auto;
	margin-right: auto;
}
/*End Standalone slideshow styles */
/* Style specific to the subscription process */
td.sub_labels {
	width: 155px;
	vertical-align: middle;
	text-align: right;
}
div#subscriptionForm p {
	font-size: 11px;
}
div#subscriptionForm ul {
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	list-style-position:outside;
}
div#subscriptionForm label {
	font-size: 11px;
	margin: 2px 0px;
}
div#subscriptionForm div.fieldErrorMessage {
	color: #F00;
	margin-left: 4px;
	display: none;
}

div.contentBox.highlighted {
	background: #E8F3F9;
	border: 1px solid #000;
	margin: 5px 0 10px 0;
	padding: 10px 5px 0 5px;
}

/* End Sub styles */
/* These styles are used to define destination guides / hotel search */
.menu li {
	list-style: none outside none;
	margin-left: 0px;
}
.menu li.menu-item {
	font-weight: bold;
	font-size: 10pt;
	color: #C00;
}
.menu li.menu-item ul {
	margin: 1px 0px 7px 0px;
	border-top: 1px dotted #C00;
	padding: 5px 0px 0px;
	list-style-position:outside;
}
.menu li.menu-item ul.menu-item-section {
	padding-left: 10px;
	list-style-position:outside;
	margin-left: 0px;
}
.menu li.menu-subitem input {
	margin-left: -20px;
}
.menu li.menu-subitem {
	padding-left: 15px;
	color: black;
}
div.menu-section-head {
	width: 100%;
}
div.menu-section-head:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#maincontent div.hotelSearchFilter {
	margin-top: 25px !important;
	padding: 4px !important;
	width: 154px !important;
}
table.hotelSearchFilter
{
	width: 427px;
	font-size: 11px;
	border-bottom: 1px dotted #666;
}
table.hotelSearchFilter td
{
	vertical-align: top;
	text-align: left;
	padding-right: 8px;
}
.hotelSearchFilter, .hotelSearchFilter ul
{
	padding: 0px;
	list-style-position:outside;
}
table.hotelSummary {
	width: 427px;
}
table.hotelSummary td, table.hotelSearchResults td
{
	font-size: 8pt;
	padding: 0px;
	vertical-align: top;
}
table.hotelSummary td div.destinationHotelSidebar
{
	font-size: 8pt;
}
table.hotelSearchResults td div.locationInfo
{
	margin: 0px;
	padding: 0px;
	width: 200px;
}
table.hotelSearchResults td div.locationInfo p
{
	margin: 0px;
	padding: 0px;
}
table.hotelSearchResults a.results_link {white-space: nowrap;}
div.destinationHotelSidebar {
	width: 120px;
	padding-left: 15px;
	line-height: 16px;
}
div.destinationHotelSidebar a {
	white-space: nowrap;
}
.menu-item-section li
{
	list-style: none outside none;
	line-height: 15px;
	margin-left: 0px;
}
ul.menu-item-section
{
	margin: 0px;
	list-style-position:outside;
}
.menu-item-section li.menu-subitem label,.menu-item-section li.menu-subitem input
{
	vertical-align: middle;
	margin: 0px;
}
.section-title {
	text-align: left;
	font-weight: bold;
}
.section-reset {
	text-align: right;
	padding: 3px 0 0;
}
li.menu-subitem:hover {
	background-color: #ffdfb2;
}
div.menu-section-head div.section-reset
{
}
.section-title, .section-reset {
	display: block;
	float: left;
	width: 50%;
}
.section-reset a:hover,
.section-reset a:link,
.section-reset a:active,
.section-reset a:focus,
.section-reset a {
	font-size: 7pt;
	text-decoration: underline;
}
.section-reset a:hover {
	color: #000;
}
.menu-item-submit {
	margin: auto auto;
}
img.sortby-image-asc,
img.sortby-image-desc {
	width: 12px;
	height: 12px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}
.sortby-image-asc {
	background-image: url('../../st/sort_arrow_up.gif');
	background-repeat: no-repeat;
}
.sortby-image-desc {
	background-image: url('../../st/sort_arrow_dn.gif');
	background-repeat: no-repeat;
}
.selected .sortby-image-asc,
.sortby-image-asc:hover {
	background-image: url('../../st/sort_arrow_up.gif');
	background-repeat: no-repeat;
}
.selected .sortby-image-desc,
.sortby-image-desc:hover {
	background-image: url('../../st/sort_arrow_dn.gif');
	background-repeat: no-repeat;
}
.selected  {
	color: #105AAA;
}
/**
 * Sitemap styles
 */
div#sitemap a {
	font-size: 8pt;
}
/**
 * Sort Option Styles
 */
.sortby-options a {
	color: #000;
	font-size: 9pt;
}
.sortby-options a.selected,
.sortby-options a:hover {
	color: #105AAA;
}
div.sort_opts {
	padding: 0px;
	width: 100%;
	border-bottom: 1px dotted #666;
}
.sortby-options {
	text-align: right;
	color: #000;
}
.sortby-header {
	width: 12%;
	float: left;
}
.sortby-options {
	width: 88%;
	float: left;
	white-space: nowrap;
}
.sortby-options:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#narrow_left div.pagination {
	float: right;
	font-size: 9pt;
}
div#narrow_left div.pagination a {
	font-size: 10px;
}
/* Gallery Photos in the Destination Guide */
/********************************************************/
/* hotel photo related styles                           */
/********************************************************/
table#hotelInfo {
	margin-top: 7px;
}
table#hotelInfo td {
	padding-bottom: 5px;
}
div.hotelSearchThumbnail {
	float: right;
	text-align: left;
	font-size: 10px;
	padding-left: 5px;
}
div#hotelPhotoMedium {
	text-align: left;
	font-size: 10px;
	margin: 0 18px 10px 0;
	border: 2px solid #666;

}
div#hotelPhotoMedium img{
	border: 0px;
}
div#hotelPhotoMedium a {
	text-decoration: none;
	font-weight: normal;
}
div.galleryThumbnail {
	float: left;
	padding: 5px;
}
div#galleryNav {
	width: 450px;
	clear: both;
}
div#thumbs {
	min-width: 450px;
	line-height: 85px;
}
div#hotelListing {
	font-size: 9pt;
}
div#hotelListing table.grid {
	width: 430px;
}
div#hotelListing table.grid td {
	font-size: 9pt;
	width: 50%;
	vertical-align: top;
	padding: 0px;
	line-height: 12pt;
	padding-bottom: 10px;
}
div#hotelListing table.grid, table.hotelSummary {
	border-bottom: 1px dotted #666;
}
div.galleryLarge img {
	margin-left: auto !important;	/*These styles needed to be important becuase they were being */
	margin-right: auto !important;	/*overwritten by some of the styles for contentBox*/
}
a.galleryNavLink {
	padding-right: 20px;
}
div.hotelListing {
	min-width: 650px;
}
div.hotelListing td {
	vertical-align: top;
}
div.hotelListing td.info {
	width: 150px;
}
td.hotelIconLink img {
	margin-right: 8px;
}
td.hotelIconLink * {
	vertical-align: middle;
}
div#gallery {
	min-width: 420px;
	margin-left: 10px;
}

/* google maps on SB hotel pages */
#TABoxMiddle #map {
	border: 1px solid #000;
	margin: 0 0 10px 0;
}

#TABoxMiddle #ta_rating {
	margin: 5px 0;
}

#TABoxMiddle #ta_rating img {
	margin: 5px 0;
}

/* End Destination guide */
/* LMA Module styles */
table.rates {
	border-collapse: collapse;
	width: 100%;
}
table.rates th {
	background: #333466;
	text-align: left;
	color: #fff;
}
table.rates a {
	font-weight: normal;
}
div.lma_rates, div.lma_rates a {
	font-size: 10px;
}
.alternate_rate {
	background-color: #eef2fe;
}
.rates_header {
	background-color: #333466;
	color: #fff;
	text-align: left;
}
/* End LMA Module Styles */
/* These styles are used by the city autocomplete feature in the hotel search module */
div.city_suggest {
	position: absolute;
	width: 220px;
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 3px 0 0 4px;
	font-size: 10px;
	padding: 0;
}
div.city_suggest ul {
	list-style-type: none;
	list-style-position:outside;
	margin: 0;
	padding: 0;
}
div.city_suggest ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	cursor: pointer;
}
div.city_suggest ul li.selected {
	background-color: #bed8df;
	color: #333466;
	margin-left: 0px;
}
/* End city autocomplete styles */
/* Misc styles used around the site */
div.dotted_border {
	background: url('../../st/grey_dotted_border.gif') #fff;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.alternate {
	background-color: #eaeaea;
}
a.white_link {
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica;
}
/* Used for col-type and blog-type display in modules and full-page */
div.item_type {
	text-decoration: none;
	font-weight: bold;
	color: #999;
}
/* These styles are used in the editorial style guide.  Think twice before editing */
h3 {
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}
.fineprint, .finePrint {
	font-size: 10px;
	color: #666;
	color: #666;
}
h2 {
	margin: 0 0 7px 0;
	font-weight: bold;
	font-size: 12px;
}
blockquote {
	padding: 5px;
}
blockquote table {
	border-collapse: collapse;
}
th {
	border-bottom: solid 1px #000;
}
.nowrap {
	white-space: nowrap;
}
.headline_article {
	overflow: hidden;
	padding-bottom: 10px;
}
/* End Editorial Styles */
/* Careers Section */
div.job_description
{
	background: url('../../st/grey_dotted_line.gif') #fff;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Bubble info */
div.bubble { position: absolute; }
div.bubble_info {
	color: #999;
	font-size: 9px;
	display: none;
}
div.bubble_info ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.bubble_info li {
	margin: 0px !important;
	padding: 0px;
}
/* End Bubble info */

/* Start Rounded Corners */
div.roundedCorners { width: 150px; }

div.roundedCorners div.top, div.roundedCorners div.top div,
div.roundedCorners div.bottom, div.roundedCorners div.bottom div {
	background: url('../../roundedcorners.jpg') no-repeat;
	height: 9px;
}
div.roundedCorners div.top, div.roundedCorners div.bottom {
	float: left;
	width: 100%;
}
div.roundedCorners div.top div, div.roundedCorners div.bottom div {
	float: right;
	width: 9px;
}
div.roundedCorners div.top div { background-position: 100% 0 !important; }
div.roundedCorners div.bottom { background-position: 0 100% !important; }
div.roundedCorners div.bottom div { background-position: 100% 100% !important; }

div.roundedCorners div.content {
	background-color: #FFFFFF;
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #9B9B9B;
	padding: 0px 9px;
}

div.roundedCorners div.arrow {
	background: url('../../roundedcornersarrow.jpg') no-repeat;
	height: 16px;
	left: 25px;
	position: relative;
	top: 6px;
*	top: -3px;	/* This is for IE */
	width: 16px;
}
/* End Rounded Corners */

/* Start Podcast Rounded Corners Override */
div.podcast {
    float: right;
    margin-left: 20px;
    width: 174px !important;
}
div.podcast div.top, div.podcast div.top div, div.podcast div.bottom, div.podcast div.bottom div { background: url('../../st/podcast/box.jpg'); }
div.podcast div.content {
    background-color: #F7FFFF;
    border-color: #CCCCCC;
}

div.podcastInstruction {
    color: navy;
    font-weight: bold;
}
div.podcastInstruction span {
    color: #777777;
    font-weight: normal;
}
div.podcast div.download {
    margin-top: 10px;
    text-align: center;
}

/* End Podcast Rounded Corners Override */

/* Styles for article actions */
div.article_actions {
	clear: right;
	padding-top: 10px;
}

/* End Bubble info */

/* Related stories Box Section  Styles */
table.tag_box_table{
	clear: right;
}
div.tag_box_wrapper{
	clear: right;
	/* These rules are for IE, other browsers will ignore */
	* float:left;
	* width: 100%;
}
div.tag_box{
	margin:5px 5px 5px 0px;
}
div.tag_box div.top_left, div.tag_box div.top_right,div.tag_box div.bottom_left, div.tag_box div.bottom_right {
	background-image: url('../../st/corners1280x18.gif');
	height: 9px;
	font-size: 2px;
	}
div.tag_box div.top_left,div.tag_box div.bottom_left {
	margin-right: 9px;
	}
div.tag_box div.top_right,div.tag_box div.bottom_right {
	margin-left: 9px;
	margin-top: -9px;
	}
div.tag_box div.top_right {
	background-position: 100% 0;
	}
div.tag_box div.bottom_left  {
	background-position: 0 -9px;
	}
div.tag_box div.bottom_right {
	background-position: 100% -9px;
	}
div.tag_box div.inside {
	border-left: 1px solid #c9cdd4;
	border-right: 1px solid #c9cdd4;
	background: #f7ffff;
	color: #000000;
	padding-left: 10px;
	padding-right:10px;
	}
/* End Related stories Box Section Styles */

/* Generic Grey Box */
div.grey_box {
	background: #eaeaea;
	padding: 12px;
	margin: 4px 0 12px 12px;
}

/* Member Benefits Styles */
div.mb_section_header {
	margin-top: 0px;
	margin-bottom: 20px;
}

div.mb_benefit {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.mb_benefit div.summary {
	width: 61%;
}

div.mb_benefit div.story {
	margin-top: 10px;
	width: 65%;
}

div.mb_benefit div.title {
	font-size: 15px;
	font-weight: bold;
}

div.mb_benefit div.detail_button {
	position: relative;
	left: 170px;
	margin-bottom: 20px;
}

div.mb_benefit div.photo {
	margin-top: 10px;
}

div.mb_benefit div.new_tag {
	position: relative;
	bottom: 50px;
	margin-bottom: -10px;
}

div.mb_benefit ul {
	list-style-image: url('../../st/orange_arrow.gif');
	list-style-position:outside;
	margin-bottom: 10px;
	padding-left: 0px;
}

div.mb_benefit li {
	margin-left: 14px;
	margin-bottom: 0px !important;
}

/* End Member Benefits Styles */

/* Begin selected hotel pages styles */

div#selectedHotel {
	font-size: 9pt;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
	margin-bottom: 5px;
}

div#selectedHotel div#hotel_compare {
	float: left;
	width: 30%;
}

div#selectedHotel div#hotel_info {
	float: right;
	width: 65%;

}

div#selectedHotel div#ta_rating {
	font-size: 8pt;
	font-weight: bold;
}

div#selectedHotel div#ta_rating img {
	vertical-align: middle;
}

div#selectedHotel span.info_name {
	color: #67B3C6;
	font-weight: bold;
}

div#selectedHotel table.link_grid {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#selectedHotel table.link_grid a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 9pt;
}

/* End selected hotel pages styles */

/* Begin popunder survey styles */
div#popunder_survey {
	position: relative;
	background: #fff url(/st/popunder/survey/background.gif) no-repeat;
	width: 500px;
	height: 231px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

div#popunder_survey a#close_text {
	position: absolute;
	color: #fff;
	text-decoration: underline;
	right: 10px;
	top: 5px;
}

div#popunder_survey div#message {
	margin: 0px auto;
	width: 80%;
	position: relative;
	top: 120px;
}

div#popunder_survey div#message img {
	float: right;
}
/* End popunder survey styles */

/* Begin 50 Stateside Escapes Blog styles */
.escapes_blog_header_text {
	font-family: Georgia;
	font-size: 12px;
}

div#escapes_blog_header {
	width: 566px;
	height: 16px;
	padding: 4px 0 4px 4px;
}

div.escapes_blog_state {
	width: 120px;
	float: left;
}

div.escapes_blog_title {
	width: 446px;
	float: right;
}

div.escapes_blog_divider {
	width: 578px;
	border-bottom: 1px dotted #000;
}

div.escapes_blog_row {
	width: 566px;
	height: 50px;
	padding: 24px 0 16px 12px;
}

div.escapes_blog_row_odd {
	background: #fff;
}

div.escapes_blog_row_even {
	background: #f0f6fa;
}

/* Start: Loading Image Styles */
#loading_image_overlay {
    background-color: #FFFFFF;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    z-index: 1000;

    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity="75");
}

#loading_image {
    height: 100px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 1001;
    width: 100px;
}
/* End: Loading Image Styles */

/* Start: Sample Fares */
table#sample_fares {
	border-collapse: collapse;
	width: 603px;
}

table#sample_fares td {
	padding: 3px 0px;
	text-align: center;
	vertical-align: middle;
}
	table#sample_fares td.departure {
		padding: 0px;
		width: 91px;
	}
	table#sample_fares td.arrival {
		background-color: #F5F5F5;
		padding: 0px;
		width: 91px;
	}
	table#sample_fares td.sale_price {
		padding: 0px;
		text-align: center;
		width: 70px;
	}
	table#sample_fares td.best_price {
		background-color: #F5F5F5;
		padding: 0px;
		text-align: center;
		width: 70px;
	}
	table#sample_fares td.providers {
		width: 226px;
	}
	table#sample_fares td.compare_prices {
		text-align: center;
		width: 55px;
	}

table#sample_fares thead td {
	background-color: #D6D6D6 !important;
	color: #020582;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

table#sample_fares tbody td {
	border-bottom: 1px solid #CCCCCC;
}
	table#sample_fares tbody td.departure, table#sample_fares tbody td.arrival, table#sample_fares tbody td.sale_price {
		color: #444444;
		font-size: 11px;
		font-weight: bold;
	}
	table#sample_fares tbody td.best_price {
		color: #020582;
		font-size: 14px;
		font-weight: bold;
	}
	table#sample_fares tbody td.providers div {
		color: #020582;
		float: left;
		font-size: 9px;
		height: 40px;
		padding: 5px 3px;
		text-align: center;
		width: 50px;
	}
		table#sample_fares tbody td.providers div span.st_logo {
			height: 25px;
			display: block;
		}
/* End: Sample Fares */

/* Begin: Hotel Redesign CSS */

div#newSelectedHotel {
	background-image:url(../../st/hotels/left-side-box-middle-1.gif);
	padding: 0 20px 0 20px;
	border:none;
}

div#newSelectedHotel span {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

div#hotelBoxTop {
	border:none;
	background:transparent url(../../st/hotels/left-side-box-top-1.gif) no-repeat scroll 0 0;
	height:15px;
	line-height:15px;
	margin:0;
}

div#hotelBoxBottom {
	border:none;
	background:transparent url(../../st/hotels/left-side-box-bottom-1.gif) no-repeat scroll 0 0;
	height:15px;
	margin:0;
}

div#dealsBoxTop {
	font-weight:bold;
	font-size:14px;
	color:#000;
	border:none;
	background:transparent url(../../st/hotels/deals-box-top.gif) no-repeat scroll 0 0;
	margin:0;
	padding-left:20px;
}

div#newDeals {
	background-image:url(../../st/hotels/deals-box-middle.gif);
	padding-left:20px;
	padding-right:20px;
	border:none;
	line-height:16px;
	font-size:11px;
}

div#newDeals a {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

div#newDeals span {
	font-weight:bold;
}

div#dealsBoxBottom {
	border:none;
	background:transparent url(../../st/hotels/deals-box-bottom.gif) no-repeat scroll 0 0;
	height:15px;
	margin:0;
}

div#hotelFont {
	font:Arial;
	font-size:14px;
	font-weight:bold;
}

div#TABoxTop {
	border:none;
	background:transparent url(../../st/hotels/right-side-box-top.gif) no-repeat scroll 0 0;
	height:15px;
	margin:0;
}

div#TABoxMiddle {
	background-image:url(../../st/hotels/right-side-box-middle.gif);
	padding-left:10px;
	border:none;
}

div#TABoxMiddle p {
	text-align: center;
	margin: -10px 0 0;
	*margin: 5px 0 0;
	padding: 3px 0 10px;
	width: 298px; /* same width as iframe */
}
div#TABoxMiddle a {
	color: #000;
	text-decoration: underline;
}

div#TABoxBottom {
	border:none;
	background:transparent url(../../st/hotels/right-side-box-bottom.gif) no-repeat scroll 0 0;
	height:15px;
	margin:0;
}

div#bubbleTop {
	border:none;
	background:transparent url(../../st/hotels/speech-bubble-top.gif) no-repeat scroll 0 0;
	height:8px;
	line-height:8px;
	margin:0;
}

div#bubbleMiddle {
	background-image:url(../../st/hotels/speech-bubble-middle.gif);
	padding-left:10px;
	padding-right:10px;
	border:none;
	line-height:14px;
	font-size:11px;
	color:#000;
}

div#bubbleBottom {
	border:none;
	background:transparent url(../../st/hotels/speech-bubble-bottom.gif) no-repeat scroll 0 0;
	height:35px;
	margin:0;
	padding-left:100px;
	padding-top:20px;
	line-height:16px;
	font-size:11px;
	color:#666;
}

/* End: Hotel Redesign CSS */

/* Start: TripAdvisor Rating Sprites */
.ta_rating {
	background: url(../../bookingbuddy/landing_pages/ratings-v5.gif) no-repeat;
	display: block;
}
	.tal5, .tal4_5, .tal4, .tal3_5, .tal3, .tal2_5, .tal2, .tal1_5, .tal1, .tal0_5, .tal0, .tal {
		height: 20px;
		width: 118px;
	}
	.tal5 { background-position: 0 0; }
	.tal4_5 { background-position: 0 -20px; }
	.tal4 { background-position: 0 -40px; }
	.tal3_5 { background-position: 0 -60px; }
	.tal3 { background-position: 0 -80px; }
	.tal2_5 { background-position: 0 -100px; }
	.tal2 { background-position: 0 -120px; }
	.tal1_5 { background-position: 0 -140px; }
	.tal1 { background-position: 0 -160px; }
	.tal0_5 { background-position: 0 -180px; }
	.tal0 { background-position: 0 -200px; }
	.tal { background-position: 0 -220px; }
/* End: TripAdvisor Rating Sprites */

/* Location Suggest Styles */

ul#BBLocationSuggest {
	background: #fff;
	border: solid 2px #67b3c6;
	padding: 0 !important;
	margin: 0;
	list-style: none;
	z-index:999 !important;
}
/* I hate this with every fiber of my being!  But, dammit, this thing just won't line up in IE properly without it*/
*ul#BBLocationSuggest {
	margin: 0 0 0 11px;
}
ul#BBLocationSuggest li {
	font-size: 11px;
	cursor: pointer;
	background: #d3ecf1;
	color: #0060ad;
	margin: 0 !important;
	padding: 0px 5px 0px 5px;
	margin: 0 !important;
	white-space: nowrap;

}
ul#BBLocationSuggest li.selected {
	background: #a1d1dd;
	text-decoration: underline;
}
select.validation_select {
	font-size: 11px;
	margin: 5px 0 0 0;
	border: solid 1px #f00;
}
select.validation_select option {
	padding: 0 3px 0 3px;
}
select.validation_select option.empty {
	color: #666;
}
input.warning_highlight {
	border: solid 1px #f00;
}
div.LocationWarning {
	font-size: 11px;
	font-weight: bold;
	color: #f00;
	padding-top: 5px;
	text-align: center;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}


/* End Location Suggest Styles */

/* Start: Specific Modules */
#module_st_top_1000_hotels_module ul, #module_st_seo_guides_top_50_cities_module ul {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 500px
}
/* End: Specific Modules */