/***** general, default, general article, and shared styles ******/
body {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	text-align: center; /**** to correct the centering IE bug ****/}
	
#globalCenter {
     margin-left: auto;
     margin-right: auto;
     width: 990px;
	 text-align: left; /**** to realign your text ****/}

/** standard/sitewide OOL fonts **/	 
body, p, td {font-family: verdana, sans-serif; font-size: 11px; color:#000;}
	 
/** OOL standard/sitewide link colors **/
a:link {color: #06C;}
a:visited {color: #999;}
a:hover {color: #006;}

/** other standard treatments of elements **/
img {border: none 0px;}
ul {list-style-type: none; margin: 0px; padding: 0px;}
h1 {font-size: 18px; margin: 18px 0px 18px 0px; padding: 0px;} /*** used for standard page title ***/
h2 {font-size: 15px; margin: 18px 0px 18px 0px; padding: 0px;} /*** standard section headings ***/
.bold {font-weight: bold;}
.ninepx {font-size: 9px;}

.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#header .primaryNav {font-family: arial;font-weight: bold; font-size: 14px;	background-color: #fff;}
#header div.topNav {padding: 0px 0px 0px 0px;}
	
/*#header div.topNav ul, #header div.topNav li {display: inline;} */
#header div.topNav li {float: left; line-height: 30px; padding: 0px 1px;}
#header div.topNav li.first {padding-left:2px;} 
#header div.topNav li.filled {
	background: #FFD200 url(/images/outside/homepage/2008/red-arrow.gif) no-repeat top center;
}
#header div.topNav li.filled-home {
	background: url(/images/outside/homepage/2008/home-background.gif) no-repeat center;
}
#header div.topNav a {color: #000; padding: 0px 7px; text-decoration: none;}
#header div.topNav a.selected, #header div.topNav a.selected:hover {
	color: #000; 
	background-color: #FFD200;
}
#header div.topNav a:hover {color: #DE0610;}

/*#header div.topNav a:visited {color: #06C;}

#header div.topNav a:visited:hover {color: #006;}*/

#banner-ad-table {height: 104px;}
#banner-ad-table td.ad-title {padding-right: 3px;}

/** end header styles **/


/*New Header Styles*/
			
#header2008 {
	width: 990px;
	height: 262px;
	background: url(/images/outside/homepage/2008/header-background.gif) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
			
#outsideLogo {
	float: left;
	margin-top: 10px;
}
			
#headerAd {
	width: 749px;
	height: 111px;
	background: url(/images/outside/homepage/2008/ad-background.gif) no-repeat;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
			
#headerSubAd {
	float: right;
	width: 201px;
	height: 132px;
	margin: 19px 0px 0px 0px;
}	
			
#navigationBox {
	background: url(/images/outside/homepage/2008/nav-background.gif) no-repeat;
	width: 950px;
	height: 31px;
	float: left;
	padding: 0px;
	margin: 0px;
}
			
#headerHolder {width: 950px; margin-left: 20px;}
.dash {margin: 10px 0px 10px 0px;}
#online-exclusives-2008 {
	font-family: verdana, sans-serif; 
	font-size: 10px;  
	width: 185px;
	height: 327px;
	float: left;
}

/** search in top nav **/
#cse-search-box {margin: 5px 4px 0px 0px; padding: 0px; float: right;}
#cse-search-box input { vertical-align: top; vertical-align: text-bottom;} 
.sitesearchquery {width: 139px;}

/** sub box in right nav **/
		INPUT {
		font-family : Verdana;
		font-size : 10px;
		border-color : #000000;
		border-width : 1;
	}
	SELECT {
		font-family : Verdana;
		font-size : 10px;
	}

/** creates display of dotted line hard rules (page dividers) **/
hr {display: none;}
div.hr {
	background-image: url(/images/dip/grey-white-dots.gif); 
	background-repeat: repeat; 
	height: 1px;
	margin: 0px;
	padding: 0px; }
div.fullWidthHr {width: 950px;} /*** appears in header and footer sections ****/

/**** breadcrumbs ****/
#breadcrumbs {background-color: #fff; font-size: 9px; padding: 6px 30px 6px 20px;clear: both;}
#breadcrumbs ul, #breadcrumbs li {display: inline;}

/** these are hacks to get around the hard coded html returned by the breadcrumbs proc	
	fix the proc, these can go **/
#breadcrumbs td {font-size: 9px;}
#breadcrumbs td b {font-weight: normal;}
/** end breadcrumbs **/


/***** outerTable width and columns for dynamic pages with left nav ******/
#outerMostTable {width: 950px;}

#leftNav {
	width: 130px; 
	font-size:10px; 
	background-color: #FFFFCC;
	vertical-align: top;}
	
.leftNavGrey {
	width: 130px; 
	font-size:10px; 
	background-color: #DDD;
	vertical-align: top;}


/*** standard center width is 484px but shouldn't be set here to account for additional padding that may be added depending on the page ***/
#center, #fullLeft {vertical-align:top;}
#right {width: 336px; background-color: #EBEBEB;font-size: 10px;vertical-align:top;}
#hp-right {vertical-align:top;}	
/***** left nav styles ******/
#leftNav h3 {  /**** left nav headings *****/
	color: #fff; 
	font-size: 10px; 
	padding: 5px 5px 5px 15px;
	margin: 0px;
	background-color: #999966;} 
	
#leftNav li {padding: 4px 5px 4px 15px;} /***** default spacing for left nav list items *****/

#leftNav ul {margin: 6px 0px 12px 0px;}

#leftNav .navthumb {border: 1px solid #666; margin: 6px 0px 0px 15px;}

#leftNav p {margin: 6px 4px 12px 15px; font-size: 10px;}

.leftNavList li {
		background-image: url(/images/outside/online-exclusives/channel/+.gif); 
		background-repeat: no-repeat; 
		background-position: 5 8px; 
		padding: 4px 0px 4px 15px;
	}

/*** end left nav styles ***/


/***** global right nav styles ******/
#right h6 {
	text-align: center; 
	background-color: #fff; 
	padding-top: 6px;
	margin: 0px; 
	padding: 0px;
	font-weight: normal;
	font-size: 9px;}

#right #iframe {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #EEF5FD;
	height: 240px;
	text-align: center;
	padding: 8px 0px 0px 0px;}
	
#right div.hr {
	background-color: #fff; 
	width: 336px; 
	height: 5px;
	background-image: none;}
	
#right #boxAd, #right #towerAd {text-align: center;}	

#right div.rnListContainer { /***** right nav list container *****/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #EEF5FD;
	padding: 0px 5px 12px 5px;
	text-align:left;}
	
#right li {
	background-image: url(/images/dip/right_nav/right-nav-bullet.gif); 
	background-repeat: no-repeat; 
	background-position: 0 8px; 
	padding: 6px 0px 0px 15px;}
	
/** styles for vacation deals box - redwood design */
/** deals used to be in worldwide deals box, which used rnListContainer styles */
/* deals box styles take from redwood global.css */
#deals-box {
	width: 336px;
	background: #D1E9D1 url(/images/dip/right_nav/deals_title_bg.gif) no-repeat;
	font-size: 11px;
}

#deals-box h3 {
	color: #363;
	padding: 12px 15px 0px 45px;
	margin: 0;
	font: bold 16px arial, sans-serif;
	float: left;
	
}

#deals-box #title {
	height: 46px;
}

#deals-box #title a {
	float: left;
	padding-top: 14px;
}

#deals-box #deals-links {
	border-left: 1px solid #378347;
	border-bottom: 1px solid #378347;
	border-right: 1px solid #378347;
	clear: left;
}

#deals-box ul {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
	background-color: #fff;

}

#deals-box ul li {
	background: url(/images/dip/right_nav/deals_bullet.gif) no-repeat 10px 6px; 
	padding: 0 0 5px 22px;
}

#deals-box #deals-sign-up {
	margin: 6px 0 6px 24px; 
	font-weight: bold;
}
	
/****** global footer styles ******/
#footer {width: 950px; margin-left: 20px;}
#footer h2 {
	background-color: #000; 
	color: #fc0; 
	margin: 0px 0px 12px 0px; 
	text-align: center;
	padding: 3px;}

#footer div.listA {float: left; width: 237px;}

#footer div.listB {float: left; width: 238px;}

#footer h3 {font-size: 11px; margin: 0px 0px 6px 0px; padding: 0px;}

#footer .listA li,  #footer .listB li {padding: 0px 15px 4px 0px;}

#oolcopyright {font-size: 9px; text-align:center;}

#oolfooternav {
	background-color: #F1E191; 
	border-bottom: 9px solid #000; 
	text-align: center; 
	padding: 6px 0px 12px 0px;}

#oolfooternav ul, #oolfooternav li {display: inline;}

#oolfooternav li {line-height: 18px;}


/*awaybot styles */
#awaybotnarrow {width: 336px; background-color: #fff;}
h3.awaybottitle {color: #333; margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: bold;}
div.awaybotteasertext {padding-top: 15px; margin-left: 5px; font-size: 14px; font-weight: bold; color: #DE4446;}
#awaybotnav {background: url(/images/awaybot/nav-bg.gif) no-repeat; width: 336px; height: 27px;}
#awaybotnavinner {margin-left: 4px; padding-top: 1px;}
#awaybotnavinner img {cursor: pointer;}
#awaybotforms {border-left: 1px solid #929292; border-bottom: 1px solid #929292; border-right: 1px solid #929292;}
#awaybotforms form {margin: 0px; padding: 0px;}
div.awaybotform {position: relative; margin: 0px 2px 2px 2px; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; padding: 10px;}
div.awaybotflightsicon {float: right; width: 115px; text-align: center; margin-top: 5px;}
img.airplaneicon {margin-bottom: 8px;}
div.awaybotinputright {float: right; width: 115px;}
div.awaybothotelinputright {float: right; width: 60px;}
div.awaybotlabel {font-size: 11px; height: 18px;}
div.awaybotinput {height: 30px;}
div.awaybotinputleft {width: 180px;}
div.awaybothotelinputleft {width: 225px;}
span.awaybotlabel2 {color: #6C6C6C;font-size: 10px; font-family: arial;}
div.awaybotpartner {float: left; width: 151px; margin: 4px 0px; display: inline;}
button.awaybotcalbtn {vertical-align: middle; background-color: #fff; border: none; padding: 0; margin: 0;}
div.awaybotsubmit {text-align: center; margin: 0px; padding: 10px 0px 0px 0px;}
#awaybotpopuperror {color: red; margin: 10px 0px;}
div.awaybotinput select {font-family: arial;}
div.awaybotdealstitle {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
ul.awaybotdealslist li {padding-bottom: 8px;}
div.awaybotmoredeals {font-size: 12px; font-weight: bold; margin: 8px 0px 15px 0px;}
div.awaybotdealsignup {text-align: center; padding: 10px 40px; font-weight: bold; font-size: 13px; border-top: 1px solid #E5E5E5;}
/* end awaybot styles */

/** partner sites **/
.partnerSites {
	font: 10px arial;
	margin-top: 1px;
	background-color: #FFF6CA;
	padding: 2px 0px 2px 20px;
	text-align: center;
}

.partnerSites ul {
	display: inline;
}

.partnerSites li {
	display: inline;
}

/** end partner sites **/

/***  article styles. these are shared with away. TODO: create one stylesheet ****/
.stdArticleContent {padding: 6px 7px 18px 7px;}
.stdArticleContent hr, .articleContent hr {display: block;}
#genericbox {width:175px; margin:4px;}
#genericbox td.title {background-color:#339; font-weight: bold; color: #fff; text-align: center;}
#genericbox td.text {background-color:#D7E5EE; border:1px solid #ccc; line-height: normal}
#pullquote hr {color: #ccc; height: 1px;}
#pullquote .text {font-size: 10px; padding: 0px 12px; text-align: center;}

/**** forced to reuse DEPRECATED article styles from old css. DO NOT USE THESE STYLES. 
	  these are shared with away. TODO: create one stylesheet ****/
.CenterSectionTitle {font-size: 18px; font-weight: bold;}
.CenterCreditText {font-size: 10px;}
.CenterBodyText {font-size: 12px; line-height: 18px}
.CenterBodyText p {font-size: 12px; line-height: 18px; margin-bottom: 12px;}
.CenterBodyText table td {font-size: 11px;}
.PlainBlack10 {font-size: 10px;}
.PlainBlack11 {font-size: 11px;}
.PlainBlack12 {font-size: 12px;}
.PlainBlack12 p {font-size: 12px; line-height: 18px;}
.BoldRed11 {color: #C33; }
.liteblue_link {color: #3965AD; font-weight: bold;}
.liteblue_link10 {color: #3965AD; font-size: 10px;}

/**** more DEPRECATED styles to support older pages. Not all attributes have been implemented. These should not be reused going forward 
	  these are shared with away. TODO: create one stylesheet ****/
.BoldBlack11 {font-weight: bold;}
.BoldBlack12 {font-weight: bold;}
.PlainBlack13 {font-size: 13px;}
.PlainDarkBlue18 {font-size: 18px;}
.BoldLiteBlue20 {font-size: 20px;}
.BoldAqua24 {font-size: 20px;}
.BoldRealRed11 {color: red; font-weight: bold;}
.BoldBlack20 {font-size: 20px; font-weight: bold;}
.yellow11 {font-size: 11px; font-weight: bold; color: #FFCC33;}
.orange11 {font-size: 11px; font-weight: bold; color: #FF6000;}

/**** these styles control the Tab Box ****/	

#ool_TabBox {
	float: right;
	width: 336px;
	height: 328px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	}

.tabPadding {
	padding: 11px 0px 14px 0px;
	height: 270px;
	}
	
#ool_TabBox .tabPadding li {
	background: url(http://away.com/images/outside/homepage/2008/arrow.gif) no-repeat 0px 6px;
	padding: 1px 0px 0px 10px;
	}
	
.tabButton {
	cursor: pointer;
	}
	
#ool_TabBox .button {
	padding: 0px; 
	margin: 0px;
	border: 0px;
	}
	
#ool_TabBox .tabImage {
	border: 1px solid #999999;
	padding: 0px;
	margin-bottom: 2px;
	}
	
.tabCopyLeftBlog {
	float: left;
	width: 315px;
	height: 78px;
	margin-right: 5px;
	}
	
#ool_TabBox .tabCopyLeft {
	float: left;
	width: 247px;
	height: 78px;
	margin-right: 5px;
	}
	
#ool_TabBox .tabPhoto {
	width: 80px;
	float: left;
	}
	
.dots {
	padding: 4px 0px 4px 0px;
	}
	
.tabRow {
	width: 82px;
	float: left;
	height: 78px;
	margin-right: 44px;
	padding: 0px;
	}
	
.tabRowRight {
	width: 82px;
	height: 78px;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
.tabRowImage {
	border: 1px solid #999999;
	}
	
/** most popular **/
#mostpopularmodule {background-color:#fff;padding:10px 0px;}
#mostpopularmodule ul.rss-items {list-style-type:decimal; padding-left:30px; color:#999;}
#mostpopularmodule div.rss-box ul.rss-items li.rss-item {margin:0; padding:0px 0px 6px 0px; background-image:none;font-size:12px;}
img.mostpopulartitle {margin-bottom:10px;}
img.mostpopulartab {vertical-align:top;margin-right:10px;cursor:pointer;}

	
/** subscription box in articles **/
#artSubBox{background: url(http://a1608.g.akamai.net/7/1608/1365/61d6f10a8d841f/away.com/images/outside/subscription/article-subscribe-box-background.gif) no-repeat; width: 448px; height: 192px; padding: 0px; 0px 0px 0px; text-align: left; margin: 0px;}
#artSubBoxCopy {padding: 85px 0px 0px 10px;}
/** end subscription box in articles **/