body { background-color:#FFF; margin: 0px auto;	text-align: center; font:normal .8em arial,sans-serif; }
#page { 
	width:801px;
	background-color:#FFFFFF;
	margin:0px auto;
	text-align:left; 
	border:1px solid #CCCCCC; 
	border-bottom:0px;
	padding-top:110px; 
}

#navarea { background-color: #AA9; }

#content { float: left;	width: 500px; }
#content_wide { float: left; width: 100%; }
#content_italicproblem { float: left; width: 495px; }
#content_padding { float: left;	padding: 10px; width:480px; }

p { line-height:1.3em; margin-top:0px; }
img { border: 0; vertical-align:bottom; }

a:link { color: #BB6633; text-decoration: underline; }
a:visited { color: #BB6633; text-decoration: underline; }
a:link:hover { color: #DD6633; text-decoration: none; }
a.display-icon { background:url(/images/external.png) center right no-repeat; padding-right:13px; }

input { font:normal 13px arial; }
select { font:normal 12px arial; }
option { font:normal 11px arial; }
.textbox { font:normal 13px arial; }
.submit { background-color:#996600; font:normal 13px arial; color:#FFFFFF; border-style:solid; border-width:1px 2px 2px 1px; border-color:#BB9 #740 #740 #BB9; }

h1 { margin:0 0px 10px 0px; padding-top:15px; font-size:1.5em; }
h1.dept { margin:0px 0px 10px 0px; padding-bottom:2px; font-size:28px; border-bottom:1px solid #BBBBAA; }
.issueDate { font: normal 26px arial; color: #234b6d; }
h1 a:link { color: #000000; text-decoration: none; }
h1 a:visited { color: #000000; text-decoration: none; }
h1 a:hover { color: #000000; text-decoration: underline; }
h2 { margin:10px 0px; font:bold 1.1em arial; color:#666666;  }
/* h2 { font:bold 13px verdana; color:#CC9900; } */
h3 { margin:15px 0px 10px 0px; font:bold 12px verdana; color:#999999; }
h4 { margin:10px 0px; padding:2px 8px; background-color:#999999; color:#FFFFFF; font:bold 12px arial; text-transform:uppercase; }
h5 { margin:0px; padding:2px 8px; background-color:#999999; color:#FFFFFF; font:bold 11px verdana; }

table { font-size:1em; }

ul { margin:0; padding:0 8px 0 16px; list-style-image:  url(/images/bullet_arrow_orange.gif); }

.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.clear { clear:both; }
.nomarginTop { margin-top:0px; }
.nomarginBottom { margin-bottom:0px; }
.no-margin { margin:0; }

.float-right { float:right; }
.float-left { float:left; }

/***************************************
 Begin Homepage Promo Formatting Calls */
/*
#hppromo { width: 500px; height:320px; background-color: #000000; color: #FFFFFF; }
#hppromo #colLeft { float: left; width: 135px; padding: 30px 0px 0px 15px; color: #FFFFFF; text-align: left; }
#hppromo #colRight { float: right; width: 340px; }
#hppromo #textPromo { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #888888; }
#hppromo .plus { background-color: #CC6600; padding: 0px 6px; }
#hppromo td { font-size:13px; font-family:arial,sans-serif; text-align:left; }
#hppromo a:link { color:#FFDD77; text-decoration:none; font-weight:bold; }
#hppromo a:visited { color:#FFDD77; text-decoration:none; font-weight:bold; }
#hppromo a:hover { color:#FFFF99; text-decoration:underline; }
#hppromo h1 { margin:0px 0px 8px 0px; color:#FFFFFF; font: normal 22px arial; line-height:22px; }
#hppromo h1 a:link { margin:0px 0px 10px 0px; color:#FFFFFF; font-weight: normal; }
#hppromo h1 a:visited { margin:0px 0px 10px 0px; color:#FFFFFF; font-weight: normal; }
#hppromo h1 a:hover { margin:0px 0px 10px 0px; color:#FFFF99; font-weight: normal; }
#hppromo h2 { margin:0px 0px 10px 0px; color:#FFFFFF; font:bold 15px arial; }
*/

#hpPromo { width: 492px; height:320px; background-color: #FFFFFF; border: 4px solid #BBBBAA; }
#hpPromo .colLeft { float: left; width: 140px; height: 274px; text-align: left; color: #000000; padding: 15px 5px 10px 15px; }
#hpPromo .colRight { float: right; width: 330px; }
#hpPromo .textPromo { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #CCCCCC; }
#hpPromo a:link { color: #CC6600; font-weight:bold; }
#hpPromo a:visited { color: #CC6600; font-weight:bold; }
#hpPromo a:hover { color:#EE8800; text-decoration:none; }
#hpPromo h1 { margin: 0px 0px 5px 0px; font: normal 22px arial; line-height: 24px; }
#hpPromo h1 a:link { color: #000000; line-height: 24px; }
#hpPromo h1 a:visited { color: #000000; line-height: 24px; }
#hpPromo h1 a:hover { text-decoration: none; color: #CC6600; line-height: 24px; }
#hpPromo .plus { padding: 0px 6px; background-color: #ac0807; color: #FFFFFF; }

div.hp_column { padding:5px; vertical-align:top; float:left; }
div#hp_left_column { width:129px; border-right:1px solid #CCCCCC; }
div#hp_middle_column { width:170px; }
div#hp_right_column { border-left: 1px solid #CCC; width:165px; }
div.hp_column ul { margin:0 0 10px 0; }
div.hp_column h2 { margin:0 0 6px 0; padding:2px 5px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
div.hp_column .hp-features-promo { margin-top:10px; padding-top:8px; border-top:1px solid #CCC; }
/* End Homepage Promo Formatting Calls */


/***************************************
 Begin Redesign Calls */
.verdana11 { font-family: verdana; font-size: 11px; }
.arial10 { font-family: arial; font-size: 10px; }
/*td { vertical-align:top; }*/

.poll td { vertical-align: top; }
.partner { font-family: verdana; font-size: 11px; vertical-align: top; background-color: #EEEEEE; border: 1px solid #FFFFFF; padding: 6px 10px; }
.partnerhl { font-family: verdana; font-size: 11px; vertical-align: top; background-color: #D9D9CE; border: 1px solid #FFFFFF; padding: 6px 10px; }
.partner li { margin-bottom: 10px; }



.sidebar { border: 1px solid #990000; padding: 6px 8px 8px 8px; font-size: 12px; background-color: #EEEEDD; }
.articleHeader { font-size: 10px; padding: 2px; white-space: nowrap; }
.articleHeader td { padding-left: 8px; }
.caption { width: 200px; color: #666666; text-align: right; font-size: 10px; font-family: arial; padding: 2px; }

#poll_body { padding:8px; }
#poll_body td { padding:0px 0px 2px 0px; font-size:1em; }
.polltitle { background-color:#CC0066; color:#FFFFFF; padding:2px 8px; font:bold 11px arial; text-transform:uppercase; }

.hpHighlight { background-color: #AAAA99; color: #333333; padding: 2px 8px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #FFFFFF; }
.hpSidebar { width: 280px; background-color: #FFFFFF; border: 1px solid #AAAA99; text-align: left; padding: 6px; font-size: 11px; margin-bottom: 8px; }
.hpHighlight2 { padding:2px 8px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
.hpSidebar2 { width:300px; padding:4px 10px 10px 15px; background-color:#EEEEDD; }
.hpSubscribe { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-left: 16px; color: #EE6633; padding-top: 6px; border-top: 1px solid #CCCCCC; background-color: #DDDDCC; }

.toc {font:normal 12px arial; color:#333;}
.toc a {  color:#ae0101;}
.toc a:visited {}
.toc p { margin: 0px 0px 6px 0px ; }
.toc h2 { text-transform:uppercase; color:#000; }
.tocHeader { font:bold 18px verdana; color: #CC9900; border-bottom: 1px solid #CC9900; margin-bottom: 12px; }
.tocFeaturedImages { width: 162px; vertical-align: top; }
.toc dl { margin:0 0 10px 0; }
.toc dt {font:bold 13px arial,verdana,sans-serif; }
.toc dt a { text-transform:uppercase;}
.toc dd { margin:0; padding-bottom:15px; }
.web-only {background:url(/images/icon_webonly.gif) top left no-repeat; padding-top:13px;}

.tocFindOutMore { width:150px; border: 1px solid #DDDDCC; margin:15px 5px 0 0; padding: 6px 8px; background-color: #EEEEDD; margin-bottom:12px; }
.tocPhotoCredit { font:normal 11px arial; margin-bottom:12px; }

/*
.tocReports { width: 160px; padding:0 2px 0px 0px; border-right: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; }
.tocReports a { text-transform: none; font-weight: normal; }
.tocReports dt { clear: both; float:left; padding-right:4px; text-transform:uppercase; }
.tocReports dd { padding-bottom:0; } 
*/

.tocNext { vertical-align: top; padding:0 10px 0px 5px; border-top: 1px dotted #CCCCCC; }
.tocNext dt { clear: both;  padding-right:5px; }*/
.image-main { width:162px; height:200px; margin:0 0 2px 1px; }
.image-sub { width:80px; margin-left:1px; }
.clear-case {text-transform:none;}
.toc ul {list-style-type:none; list-style-image:none; margin-bottom:10px; padding:0;}
.toc li {background:url(/images/bullet_toc.gif) 0 4px no-repeat; padding-left:9px; font-weight:normal; margin-bottom:2px; border-bottom:dotted 1px #ccc;}
.toc li a {text-decoration:none;}
.toc-divider {height:5px; border-top:dashed 1px #666;}
#news-flash {font-size:12px; }
#news-flash li {padding-bottom:3px;;}
#best-deals { border: 1px solid #DDDDCC; background-color: #EEEEDD;padding:2px;}
#best-deals li {font-size:11px; padding-bottom:3px;}
#best-deals a {color:#004a80;}
#best-deals a em { font:bold 11px arial,verdana; }
.left-col a {font-weight:normal;}
.left-col dt {}
.left-col dt a{text-transform:none;}
.left-col dt a:hover{text-decoration:underline;}
.clear-case {text-transform:none;}
.tocbonus { padding: 0px 2px 1px 2px; text-transform: uppercase; font:bold 9px verdana; color: #FFFFFF; background-color: #CC0000; }


.hotdeals-tagline { display:inline; font-size:.5em; text-transform:uppercase; color:#777; }
.hotdeals { border-top: 1px solid #CCCCCC; padding-top: 15px; }
.hotdealsDeal { color: #CC0000; text-transform: uppercase; font-weight: bold; }
.hotdealsAd { background-color: #EEEEEE; margin-top: 15px; padding: 10px 6px; border-top: 1px solid #CCCCCC; font-family: verdana; font-size: 11px; }
#hotdeals h1 { margin-bottom:0; }
#hotdeals h2 { margin-top:0; padding:5px; background-color:#EEE; color:#000; }
#hotdeals dt { color:#C00; text-transform:uppercase; font-weight:bold; border-bottom:1px dotted #CCC; }
#hotdeals dd { padding:5px 0 10px 0; }

.travelsitesTitle { border-bottom: 1px dotted #FFCC66; margin-bottom:6px; }
.travelsitesText { padding: 0px 12px 12px 12px; font-size: 11px; color: #666666; }
.travelsitesLink a:link { color:#336699; } 
.travelsites li { list-style-image:url(/images/travelsites/bullet_orangearrow.gif); font-family: arial, verdana, helvetica; font-size:13px; }
.quicklinks { background-color:#DDEEFF; padding:3px 10px; font-size:11px; font-family:verdana; font-weight:bold; color:#666666; }

.features img { margin-right:3px; }

.thismonthpromo { color: #FFFFFF; background-color: #333333; padding: 4px 4px 6px 4px; text-align: right; }
a.thismonthpromo:link { color: #FFFFFF; }
a.thismonthpromo:visited { color: #FFFFFF; }
a.thismonthpromo:hover { color: #FFFFFF; }

img { border:0px; }

/* ME DEC 2005 ad placement styles */
td.ad_staging { color:#ffffff;font-family:verdana;font-size:8pt;border: 1px #000000 solid;background-color:#888888; }
#ad_top_728x90 { text-align:center; background-color:#FFFFFF;width:728px; height:90px; position:absolute; top:10px; margin-left:36px; }
#ad_right1_280x60 { padding:10px; text-align:center; }
#ad_middle_300x250 + #ad_middle_300x60 { padding-top:10px; }

div#navArea { background-color:#AAAA99; }

#navBrand { 
	float:left;
	background-color:#FFFFFF; 
	padding:15px 30px 10px 5px; 
	background-image:url('/images/navbar/searchbox_border.gif');
	background-position:top right; 
	background-repeat:no-repeat;
/*	background-image:url('https://ssl.amexpub.com/applications/track/tl_middletop.gif'); 
	background-repeat:no-repeat; */
}
#navSearch {
	float:left;
	padding:10px 30px 5px 20px;
	font:bold 12px arial; 
}
#search-bubble img { position:relative; margin:0 0 -1px 8px; z-index:1; }	
#navSearch form { margin:0px; }
#navSearch form input#query { width:150px; font-family:arial,sans-serif; font-size:13px; } 
#navPromo { 
	float:right;
	padding:5px 20px 0px 20px; 
	font:bold 12px arial,sans-serif; 
	line-height:14px; 
	border-left:1px dotted #CCB;
	background-color:#AAAA99; 
}
#navPromo a:link { color:#FFF; text-decoration:none; }
#navPromo a:visited { color:#FFF; text-decoration:none; }
#navPromo a:hover { color:#FF9; text-decoration:underline; }

ul#navbar { clear:both; height:40px; background:url(/images/navbar/tl_navbar_200804.gif) no-repeat; margin:0px; position:relative; }
ul#navbar li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; }
ul#navbar li, #navbar a { height:40px; display:block;}

#button1 {left:0px; width:47px;}
#button2 {left:47px; width:123px;}
#button3 {left:170px; width:55px;}
#button4 {left:225px; width:89px;}
#button5 {left:314px; width:91px; }
#button6 {left:405px; width:92px; }
#button7 {left:497px; width:97px; }
#button8 {left:594px; width:73px; }
#button9 {left:667px; width:77px; }
#button10 {left:744px; width:67px; }

#button1 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) 0 -40px no-repeat;}
#button2 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -47px -40px no-repeat;}
#button3 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -170px -40px no-repeat;}
#button4 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -225px -40px no-repeat;}
#button5 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -314px -40px no-repeat;}
#button6 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -405px -40px no-repeat;}
#button7 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -497px -40px no-repeat;}
#button8 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -594px -40px no-repeat;}
#button9 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -667px -40px no-repeat;}
#button10 a:hover {background: transparent url(/images/navbar/tl_navbar_200804.gif) -744px -40px no-repeat;}

#navSubPromo { width:300px; vertical-align:bottom; }
#navSubPromo a { padding-top:2px; background-color: #99BBCC; display: block; }
#navSubPromo a:hover { padding-top:2px; background-color: #CCDDEE; }  

p#subscriptions {border: 1px solid #cccccc; text-align: center; margin: 10px; padding: 4px; background-color: #EEEEEE; }
p#footerNotes { color: #666; font:10px arial; margin-bottom:0px; }


/********************** TL SIDEBAR / MIDDLEBOTTOM **********************/
#sidebar { float: right; width: 300px; border-left: 1px solid #CCC; background-color: #EED; display: block; }
#sidebar h2 { color:#333; margin:10px 0 5px 0; border-bottom:1px dotted #999; }

#travel-tools { margin-bottom:8px; background-color:#FFF; /* background-image:url(/guides/images/mb_sidebar_dg_bg.gif); background-repeat:no-repeat; */ }
#travel-tools .border { position:relative; z-index:99; width:295px; margin-left:-1px; padding:10px 5px 20px 0; background-image:url(/images/guides/mb_sidebar_dg_border.gif); background-repeat:no-repeat; background-position:bottom; border-left:1px dashed #FFF; }

#travel-tools h4 { margin:0 0 5px 10px; padding:0 0 3px 0; color:#333; background-color:transparent; font-size:13px; text-transform:none; border-bottom:1px dotted #CCC; }
#travel-tools ul { padding-left:25px; list-style-image:none; list-style-type:square; color:#333; }

#marketplace { padding:0 10px 10px 10px; font-size:.9em; }
/*#marketplace img { display: none ! important; }*/
#marketplace ul { margin:0; padding:0 0 0 15px; /*background-color: #FFFFFF; border: 1px solid #999999;*/ } 
#marketplace li { margin-bottom:3px; }
#industryBrains { padding:12px;font-family: arial; font-size:11px; vertical-align: top; }
#industryBrains div { padding: 4px 4px; background-color: #FFFFFF; /*border: 1px solid #999999;*/ }

.sidebarSubbox { padding:6px; background-color:#ddddcc; }
#sidebarGiftbox { padding:0px; }

.mb-promo { width:280px; background-color:#CDE; padding:0 10px 10px 10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-size:.9em; }
.mb-promo-content { padding:5px; background-color:#DEF; }
.mb-promo h2 a, .mb-promo h2 a:visited { color:#333; text-decoration:none; }
.mb-promo h3 { margin:0; color:#444; text-transform:uppercase; font-family:arial; }
.mb-promo ul { margin:2px 0 5px 0; }
.mb-promo li { margin-bottom:3px; }
.mb-promo img { margin:0 0 5px 5px; }
.mb-promo p { margin:5px 0; }

/********************** END TL SIDEBAR / MIDDLEBOTTOM **********************/

/* consumer marketing ad placement */
#cm_placement_x { text-align:center;margin-top:18px; }

#footer {
	clear:both; 
	border-bottom:1px solid #cccccc; 
	border-top: 1px solid #cccccc; 
	text-align: center;
	padding:6px; 
}

#articlePaginator { float:right; margin-bottom:12px; }
#articleBody { margin:12px 0px; }

/* nav area classes */
#nav {
	padding:0px;
}

#nav a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#nav li { /*added #nav */
	display: block;
	float: left;
	list-style: none;
	list-style-image: none;
	position: relative;
	text-align: left;
	cursor: default;
	background-color: #666655; 
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	padding:0px;  
}

/* If you put float:left here it works in IE for mac, but breaks Firebird */
#nav li a { padding:0px; display: block; }
#nav li a:hover  { background-color: #5588AA; } /* display: block; float: left; */
#nav li.red a:link { background-color:#663300; }
#nav li.red a:visited { background-color:#663300; }
#nav li.red a:hover { background-color:#990000; }/*display: block; float: left;*/

#nav li ul { 
	display: none;
	position: absolute;
	top:31px;
	left:0px;
	width:180px;
	font-weight: bold;
	background-color:#5588AA;
	padding: 0px;
	border:solid 1px #99AABB;
	border-width: 1px 1px 0px 1px;
	z-index:auto;
}

#nav li>ul { 
	top:31px;
	left: auto;
}

#nav li li { 
	text-align: left;
	display: block;
	float: none;
	background-color:transparent;
	border: 0;
	border-bottom:1px solid #99AABB;
	margin-top:0px;
	margin-bottom: 0px;
}

/* added float:none to these two classes */
#nav li li a {
	float:none;
	display: block;
	font:normal 13px arial;
	padding:3px 8px;
}

* html #nav li li a {
	width:99.99%;
}

#nav li li a:hover {
	float:none;
	/*padding: 0.2em 5px; 
	border-left: 5px solid red;*/
	background-color:#336699;
}

#nav li:hover ul, #nav li.over ul { 
	display: block;
}

#MacIEnav td { background-color: #666655; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
#MacIEnav td a { display:block; }
#MacIEnav td a:hover  { background-color:#5588AA; } 
#MacIEnav td.blue { background-color:#666655; } /* uses same hover color as the regular <td>s */
#MacIEnav td.red { background-color:#663300; }
#MacIEnav td.red a:hover { background-color:#990000; }

/* these are used in the marketplace pages as well as on the complex_article display template */
#ad_sidebar {	
	font-size:11px; 
	line-height:13px; 
	background-color:#EEEEEE; 
	border:1px solid #CCCCCC;
	padding:8px;
	margin-bottom:0px;
}

h2.ad_sidebar { 
	font-weight:normal; 
	font-size:10px;  
	text-transform:uppercase;  
	color:#666666; 
	padding-bottom:2px; 
	margin:0px 0px 5px 0px; 
	border-bottom:1px solid #CCCCCC; 
}

#ad_sidebar li { margin-top:3px; }

#ad_sidebar img { display:none ! important; }

.benchmark { display:block; border:2px solid #ff0000; margin:6px 0px; padding:3px; background-color:#ffff99; color:#ff0000; font-weight:bold; }


/* LEGACY STYLES: used in older articles */
.small {
	font-size : 10px;
}

.section { 
	font-size: 14px; 
	font-weight: bold; 
	color: #cc0000;
}

.facts { 
	font-size: 12px; 
	font-weight: bold; 
	color:#990000;
}
/* /LEGACY STYLES */

/***************************************
 Begin Article Formatting Calls */
 
/* This is the link box at the top of articles */
#articleTools  { width:480px; font:normal 12px arial,sans-serif; margin-bottom:10px; border-bottom:1px solid #CCCCCC; }
#articleTools td { vertical-align:top; border-left:1px solid #CCCCCC; }
#articleTools td p { font-size:11px;margin:2px 4px; }
#articleTools h5 { display:inline; width:auto; padding:0px 5px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
#articleTools #toolbox { width:60px; vertical-align:top; padding:2px 8px; border:1px solid #CCCCCC; border-bottom:0px; }
#articleTools #toolbox img { vertical-align:top; }
#articleTools #toolbox a:link { text-decoration:none; }
#articleTools #toolbox a:visited { text-decoration:none; }
#articleTools #toolbox a:hover { text-decoration:underline; }

#article-tools { text-align:right; margin-bottom:-2px; padding-bottom:4px; border-bottom:1px dotted #CCC; }
#article-tools a { text-decoration:none; }
#article-tools ul { margin:0; padding:0; }
#article-tools li { display:inline; padding:2px 5px; border-left:1px solid #CCC; }

div#article ul.paginationNav { font-size: 12px; padding:18px 5px 5px 5px; float:right; }
div#article ul.paginationNav a { font-weight:bold; padding: 1px 5px; border: solid 1px #BBB; background: transparent; text-decoration: none; }
div#article ul.paginationNav a:visited { font-weight:bold; padding: 1px 5px; border: solid 1px #BBB; text-decoration: none; }
div#article ul.paginationNav a:hover { color: #DD6633; text-decoration: none; border: solid 1px #DD6633; }
div#article ul.paginationNav li { list-style:none; display: inline; }
div#article ul.paginationNav li.first {  }
div#article ul.paginationNav li.currentPage { padding: 1px 4px; border: 0px; font-weight: bold; vertical-align: top; background: transparent; }

#article ul.dont-miss {background:url(/images/bg/dont-miss-h.gif) top left no-repeat; padding:25px 0 0 0; list-style-type:none; border-bottom:solid 1px #dae5eb; margin-bottom:10px;}
#article ul.dont-miss li {list-style:none; background:url(/images/icons/bullet.gif) 0 5px no-repeat; padding:0 0 5px 10px; font:bold 14px "Trebuchet MS", arial, verdana, sans-serif;}
#article ul.dont-miss a {color:#cc3300; text-decoration:none;}
#article ul.dont-miss a:hover {text-decoration:underline;}

#article #paginator { float:right; font-size:12px; }
/* .articleTitle { font: bold 16px verdana,arial,sans-serif; color: #990000; border-bottom: 1px solid #990000; margin-bottom: 10px; } */
/* .articleIntro { font: 16px verdana, arial; color: #666666; } */

.articlePubDate { color: #666666; padding: 8px 0px; font-style: italic; }
/*.articleSidebartitle { font: bold 12px arial,helvetica,sans-serif; max-width:200px; width:e xpression(document.body.clientWidth > 200? "200px": "auto" ); padding: 2px 0px 0px 8px; background-color:#999999; color:#ffffff; }*/
.articleSidebartitle { font: bold 12px arial,helvetica,sans-serif; max-width:200px; width:200px; padding: 2px 0px 0px 8px; background-color:#999999; color:#ffffff; }
/*.articleSidebar { font-size:13px; max-width:190px; width:e xpression(document.body.clientWidth > 190? "190px": "auto" ); border:1px solid #999999; margin-bottom:1em; padding:3px 5px 6px 5px; }*/
.articleSidebar { font-size:13px; max-width:190px; width:190px; border:1px solid #999999; margin-bottom:1em; padding:3px 5px 6px 5px; }
.articleSubtitle { font:normal 12px arial; font-size: 16px; font-weight: normal; color:#CC0000; }
.articleFooter { padding:8px; background-color:#EEEEEE; font-size:11px; border:1px solid #CCCCCC; clear:both; margin-top:3px; }
/* End Article Formatting Calls */

#article h2.nomargin { margin:0px; font:bold .9em arial; color:#666666; }
#article h3 { margin:0px 0px 0px 0px; font:bold .9em arial; color:#666666; text-transform:uppercase; }
#article h4 { margin:0px; padding:2px 8px 1px 8px; font:bold 12px arial; background-color:#999999; color:#FFFFFF; }
#article h4.red { background-color:#990000; }
#article .caps { font-size:.8em; text-transform:uppercase; }
	
#article .caption { text-align:right; font:normal 11px arial; color:#666666; }
#article #articleSidebar { float:right; margin-left:10px; }
/*#article .sidebar2 { font-size:1em; max-width:200px; width:e xpression(document.body.clientWidth > 200? "200px": "auto" ); border:1px solid #999999; margin-bottom:1em; padding:0px; }*/
#article .sidebar2 { font-size:1em; max-width:200px; width:200px; border:1px solid #999999; margin-bottom:1em; padding:0px; }
#article #articleSidebar ul { list-style-image:none; list-style-type:square; color:#BBBBBB; margin:0px 0px 10px 0px; }
#article #articleSidebar li { margin:3px 10px 4px 20px; }

select { font:normal 12px verdana; }
.subhed { padding:4px 8px; background-color:#FFFFFF; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
.subhed2 { padding-bottom:2px; margin-bottom:8px; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
h3.throp { padding-bottom:2px; margin-bottom:0px; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
.path { padding:5px; background-color:#EEEEEE; margin-bottom:10px; }


#askSidebar { float:right; clear: right; width:170px; margin-left:10px; background-color: #FFF;}
#askSidebar h4 {margin: 0px 0px; background-color: #666666;}
#askSidebar .content {padding: 8px; margin-bottom: 1em; border: 1px solid #666666; background-color: #EEE;}
#askSidebar .content FORM {margin: 3px 0px; padding: 0px 0px;}
#askSidebar .content FORM OPTION {width:120px;}

.ask h4.weekdate { width: 280px; background-color: #CC6600; font-size: 14px;}
.ask h4.monthdate { background-color: #C60; font-size: 14px;}

.ask .qanda {border-bottom:1px solid #CCC;}
.ask .qanda h2 {color: #C60;}

#family-header { margin:10px 5px; padding-left:5px; border-bottom:1px solid #CCC; }
#family-header img { float:left; padding:0 5px 5px 0; border-right:1px solid #CCC; }
#family-header h1 { float:left; width:340px; margin:5px 0 0 0; font:bold 12px arial; color:#999; float:right; }


.thumbnail {background:url(/images/bg/thumbnails.gif) top left no-repeat; padding:5px; width:75px; height:70px;}
.thumbnail img {width:65px; height:60px;}

.thumbnail-primary {background: url(/images/bg/thumbnail-primary.gif) top left no-repeat; padding:6px; width:224px; height:130px;  }
.thumbnail-primary img {width:212px; height:99px;}



.left {float:left;}
.right {float:right;}

/*
 * Search
 * formerly in separate file /css/travelandleisure/styles_tl_search.css
 * incorpoated 2008-05-07
 */

.search-header { margin:-10px -10px 0 -10px; padding:10px 10px 5px 10px; background-color:#DDDDDD; }
.search-header input { margin-right:2px; }
.search-header input.text { width:60%; }

#search ol { margin:0 0 0 15px; padding:0 0 0 1em; }
#search ol li { padding:.6em 0 .8em 0; border-top:1px solid #DDDDDD; }
#search .search-cat { position:relative; left:-80px; margin:0 -40px 0 0; padding:0; text-transform:uppercase; font-weight:normal; }

#search li.indented { margin-left:50px; padding-top:0; border:0; }

#search ul.award { margin:0; padding:0.3em 0 0 0; list-style:none; }
#search ul.award li { display: inline; margin-right:10px; padding:0px 2px 0px 18px; color:#DD3300; font-size:96%; text-transform:uppercase; background-image: url(/images/icon_award.gif); background-repeat: no-repeat; border:0; }
#search .vcard { padding-left:1.2em; }

.keymatch { padding:2px 10px 3px 30px; background:url(/images/search/icon_keymatch.gif) no-repeat 0; }
.cat { float:right; margin:0; padding:0 4px; font-weight:bold; font-size:95%; text-transform:uppercase; border:1px solid #BBBBBB; }
.cat a { text-decoration:none; }
.cat a:hover { color:#000000; }

#search-keyword p { float:left; margin:0 5px 0 0; }
#search-keyword p.callout { position:relative; z-index:99; background:url(/images/search/bg_callout_grey.gif) 5px bottom no-repeat; padding-bottom:20px; margin-bottom:-20px; height:100%; font-weight:bold; }
.search-nav-cat { margin-top:14px; border-top:2px solid #CCCCCC; margin-bottom:0; padding:5px 10px; background-color:#EEEEEE; border:2px solid #CCCCCC; }
.search-nav-cat img { position:relative; top:-4px; }
.search-nav-cat ul { margin:2px 0; padding:0; list-style:none; }
.search-nav-cat li { float:left; margin:0 3px 0 0; padding:1px 5px; border:1px solid #BBBBBB; }
.search-nav-cat li.active { margin-top:-1px; background-color:#FFFFFF; border-width:2px; border-color:#888888; }
.search-nav-cat a { display:block; color:#000000; font-weight:bold; font-size:95%; text-transform:uppercase; text-decoration:none; }
a.article { color:#990000; }
a.article { color:#990000; }
a.hotdeal { color:#DD6600; }
a.hotel { color:#0088BB; }
a.restaurant { color:#669900; }
a.award { color:#EE3300; }
.search-nav-cat a:hover { color:#000000; }
.search-nav-cat p { position:relative; z-index:99; margin:0; font-weight:bold; }

.search-nav-pagination { padding:1.2em 0 .4em 0; border-bottom:0px solid #CCCCCC; }
.mini { padding:.5em 0; border-top:1px solid #CCCCCC; border-bottom:0; }
.search-nav-pagination h2 { margin:0; color:#000000; }
.search-nav-pagination p { margin:0; }

.search-nav-sort { padding:2px 10px; margin-bottom:10px; background-color:#EEEEEE; border:1px solid #CCCCCC; }
.search-nav-sort a { text-decoration:none; }
.search-nav-sort a.active { padding:0 5px 0 2px; background-color:#FFFFFF; }
.search-nav-sort input { position:relative; top:2px; }

.results-none { margin-top:1em; padding:1em 2em 0.4em 2em; color:#CC0000; border:2px solid #CCCCCC; }

.promo-survey { padding:6px; background-color:#EEB; text-align:center; }
.promo-survey img { margin:-15px 2px -10px 0; }

/*
 * rotating Ad Styles
 * formerly in /css/rotatingAdStyles.css
 * incorporated 2008-05-07
 */
.rotatingAdFrame { float:none;width:100%;background:none; padding:0; margin:0;}

/*
 * 3/31/03 Created by Yossi to allow us to have individually colored section heads without creating legacy issues.
 * formerly in /stylesheets/rainbow.css
 * incorporated 2008-05-07
 */

.ltgrey    {color: #CCCCCC;}
.mdgrey {color: #999999;}
.dkgrey {color: #666666;}
.black  {color: #000000;}
.orange {color: #FF6600;}
.brown  {color: #CC9900;}
.dkred  {color: #CC3300;}
.red        {color: #FF0000;}
.pink   {color: #FF66CC;}
.hotpink    {color: #FF3399;}
.purple {color: #990099;}
.dkpurple   {color: #CC0099;}
.yellow {color: #FFFF00;}
.ltyellow   {color: #FFFF99;}
.ltgreen    {color: #66FF00;}
.green  {color: #00CC33;}
.dkgreen    {color: #336633;}
.ltblue {color: #0099FF;}
.blue   {color: #3333FF;}
.dkblue {color: #000099;}
