@import url('/style/global.css');
/* this overrides the global page background so you can use your own instead of the brown yoke. global one should (probably) be removed */

body {
	background-image: url('/travel/images/bg.png');
}


a {
	color: rgb(0,0,0);
}
div#content{
	width: 859px;
}
div#rightContainer {
	float: left;
	width: 687px;
	border-top: solid 1px #FFFFFF;
}

div#rightTop {
	width: 100%;
}
div#rightBottom {
	clear: both;
	width: 100%;
}
div#primaryContent {
	border-left: solid 1px white;
	border-top: solid 1px white;
	background-color: #ffffff;
	width: 468px;
	float: left;
}
div#rightWide {
	width: 709px;
	float: left;
}
div#secondaryContent {
	border-top: solid 1px white;
	border-left: solid 1px white;
	display: block;
	width: 217px;
	float: right;
	background-color: #ffffff;
}


div#leftNav {
	background-color: #FFFFFF;
	width: 169px;
	float: left;
	border-top: 1px white solid;
	border-bottom: 1px #EAEAEA solid;	
	font-size: 100%;	
}
div#globalLogoPlaceholder {
	background: url('/travel/images/logo.gif') left no-repeat;
	background-color: #00aebe;
}
#globalMenuPlaceholder {
	background-color: #027f8a;
}
#globalMenu {
	background-color: rgb(158, 102, 173);
}
#globalMenu li {
	background-color: #027f8a;
	border-left: solid 1px #eaeaea;
}
#globalSecondaryMenu {
	background-color: #e5f9fb;
	border-top: solid 1px #e5f9fb;
	color: black;
}
#footer {
	border-top: solid 1px #3c3103;
}

/*---------------------------------= menu */
ul.menlinkList {
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding:6px;
}
ul.menlinkList li {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: rgb(33, 75, 123);
	background-image: url('/images/bullet_transparent.gif');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 3px 3px 0px 10px;
	line-height: 1.4em;
}
ul.menlinkList li a {
	color: rgb(33, 75, 123);
}

ul.menlinkList li img {
	position:relative;
	top:2px;
}

ul.menlinksList ul.menlinksList
{
	padding: 0px;
}


/*---------------------------------= menu ends here */


div.titleHeader {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 0.2em 0em;
	width: 100%;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #fff;
	height: 1.4em;
	background-color: #f6cb05;
	clear: both;
	border-bottom: 1px solid #FFFFFF;

}

div.AdHeader {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 0.2em 0em;
	width: 100%;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #fff;
	height: 1.4em;
	background-color: #ffffff;
	background: url(http://www.rte.ie/travel/images/new_meteor_bug.gif);
	background-repeat:no-repeat;
	clear: both;
	border-bottom: 1px solid #FFFFFF;

}

div.titleHeader span, div.titleHeader div {
	font-weight: bold;
	padding: 0px 8px;
	position: relative;
	top: 1px;
}

div.titleHeader .timeStamp {
	font-size: 8pt;
}

/*------------------------------------= */

/* ---- Main home page feature ---- */

/* ---- IE Transparency Solution ---- */
/* This is the background image */
#bg {
	width: 231px;
	background-image: url(/travel/images/index_woman.jpg);
	border-bottom: #edcb9f solid 1px;
	background-repeat: no-repeat;
	padding-left: 240px;
	clear: both;
}
	
/* This is the transparent box */
#transbox {
	width: 231px;
	margin: 0px 0px;
	background-color: #fff;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.8;
	min-height: 245px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html #transbox {
 height: 245px;
}

	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox div {
	padding: 0px;
	font-weight: bold;
	color: #000;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: .8;
	position: relative;
}
#transbox h3 {
	margin: 0px;
	padding: 6px;
	font-size: large;
	color: #e39b00;
	font-weight: normal;
	clear: both;	
}
#transbox p {
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;	
	padding-bottom: 8px;
	font-size: 85%;
	color: #000000;
	font-weight: normal;
	clear: both;	
}



/* ---- home main features ---- */

div.featureModule * {
	margin: 0px;
	padding: 0px;
}
div.featureModule {
	width: 100%;
	clear: both;
}
div.featureModule#bottom {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	border-bottom: #edcb9f solid 1px;
	min-height: 210px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html div.featureModule#bottom {
 height: 210px;
}


div.featureModule a {
	color: #2d4a4c;
}
.featureModule img {
	float: right;
	margin-left: 6px;
	margin-right: 0px;
}
.featureModule p {
	padding-right: 5px;
	padding-left: 7px;
	padding-bottom: 10px;			
	margin: 0px;
	font-size: 100%;
}
.featureModule h3 {
	color: #2d4a4c;
	font-size: large;
	font-weight: normal;
	padding: 5px;
	margin: 0px;
}
.featureModule h4 {
	color: #d37c0f;
	padding: 5px;
	padding-top: 0px;	
}
div.separator {
	width: 200px;
	height:20px;
	clear: both;	
}
.featureModule ul {
	float: left;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	list-style-type: none;
}

/* ---- home page right-side features ---- */

div.rightFeature * {
	margin: 0px;
	padding: 0px;
}
div.rightFeature {
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
	margin-top: 7px;
	margin-bottom: 12px;
}
.featureModule a {
	color: #b45204;
}
.rightFeature h3 {
	color: #2d4a4c;
	font-size: large;
	font-weight: normal;			
	padding: 0px;
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;	
	border-bottom: #edcb9f 1px solid;		
}
.rightFeature img {
	padding-left: 10px;
	float: right;
	margin-top: 10px;
}
.rightFeature a {
	color: #2d4a4c;
}
.rightFeature p {
	padding: 0px;
	padding-left: 5px;				
	margin: 0px;
	min-height: 65px;
	color: #000000;
}

/* min-height hack for Internet Explorer */
/*\*/
* html .rightFeature p {
	height: 65px;
}

/* ---- home page, right offer boxes --- */

div.offers {
	width: 180px;
	border: solid 1px #b4dae7;
	padding: 3px;
	padding-bottom: 5px;
	margin: auto;
	display: table;
}
.offers h4 {
	background-color: #fdeea9;
	margin: 0px;
	padding: 3px;
	text-transform: uppercase;
	font-size: 85%;
}
.offers p {
	float: left;
	width: 90px;
	text-align: center;
	font-size: 85%;
	margin: 3px;
	padding: 0px;
}
.offers img {
	margin: 2px 0px;
	padding: 0px;
}
.offers #leftBox {
	float: left;	
	text-align: center;
	width: 70px;
	margin:0px;
	padding: 3px 0px 0px 0px;	
clear:none;
}
.offers #rightBox {
	float: right;	
	text-align: center;	
	width: 98px;
	margin:0px;
	padding: 3px 0px 0px 2px;	
clear:none;
}

.offers #rightBox #adButton {
height:19px;
width:68px;
	margin:0px;
	padding: 0px;	
}

div#adCode {
height:19px;
width:70px;
	margin:0px;
	padding: 2px 9px 2px 9px;	
}


#playerFooter
{
	border-top:solid 1px white;
	border-left:solid 1px white;
	width: 860px;
	height: 1.6em;
	background-color: #00AEBE;
	clear:both;
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-top:0.3em;
}

#playerFooter a {
color:#ffffff;
}

#playerFooter div#copyright{
	background-color: #00AEBE;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
font-weight:bold;
color:#ffffff;
padding-left:407px;
display:inline;
float:left;
}

#playerFooter div#terms{
	background-color: #00AEBE;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
font-weight:bold;
color:#ffffff;
float:right;
display:inline;
padding-right:15px;
}



/*-------------------------------------------------------------------- =storyBody Container*/

.storyBody {
	padding:8px; 0px;
	background-color:#FFFFFF;
}

/*-------------------------------------------------------------------- =storyBody Typography*/



div.storyBody p{
	font-size:small;
	line-height:1.5em;

}

div.storyBody h1{
	color: #2d4a4c;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

div.storyBody h2{
	font-size:small;
	font:bold;
	color: #d37c0f;
	padding: 0px;
}

div.storyBody p strong {
}

#progModule_sidebar {
	width:213px;
	float:right;
	background-color:#E5F9FB;
	font-size:8pt;
	font-family:Tahoma, Arial;
}

#progModule_sidebar_imagecaption {
	width: 193px;
	color:#333333;
	padding: 10px;
font-weight:bold;
text-align:center;
}

div.topImagePlaceholder {
	color: #000;
	width: 100%;
}
div.topImagePlaceholder img {
	width: 217px;
	margin: 0px;
	padding: 0px;
	display: block;
}
div.topImagePlaceholder div.imageCaption {
	text-align: center;
	font-family: Arial;
	font-size: small;
	color: #ffffff; 
	padding: 0.4em 0.6em;;
	background-color: #00AEBE;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

#storyImageMenuHolder {
	width: 100%;
	padding: 2px 0px 4px 0px;
	background-color: #E5F9FB;
	text-align: center;
	border-bottom: solid 1px #ffffff;
}
ul.storyImageMenu {
	list-style-type: none;
	margin: auto;
	padding: 0px;
}
ul.storyImageMenu li {
	display: inline;
	font-family: Tahoma, Arial;
	font-size: 8pt;
}
ul.storyImageMenu li.selected {
}
ul.storyImageMenu li.unselected {
}
ul.storyImageMenu li.selected a {
	outline: 0;
	padding: 0px 4px 0px 5px;
	border: 1px #000 solid;
}
ul.storyImageMenu li.unselected a {
	outline: 0;
	padding: 0px 4px 0px 5px;
	border: 1px #E5F9FB solid;
}

ul.relatedList {
	list-style-type: none;
	margin: 0em;
	padding: 0px;
	padding-bottom: 7px;
	padding-top: 5px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 5px;
	background-color: #EAEAEA;
	border-bottom: solid 1px #ffffff;
}

ul.relatedList li {
	color: #000000;
	background-image: url('/news/images/bullet.gif');
	background-repeat: no-repeat;
	margin: 0px 0px;
	padding: 0px 10px;
	padding-top: 3px;
	line-height: 1.3em;
}

#tilesHolder {
	height: 300px;
background-color:#EAEAEA;
}

div#dhtmlgoodies_slidedown_menu ul {
padding-bottom:10px;
}

/*-------------------------------------------------------------------- =AVMS content */


ul.tvClipList {
	list-style-type:none;
	clear:both;
	margin:0px;
	padding:0px;
}

ul.tvClipList li {
	margin:0px;
	padding:0px;
}
ul.tvClipList img {
float:left;
	margin:5px 8px 5px 0px;
	padding:0px;
}
hr.tvClipList {
clear:both;
}


img.nofrontiersImage {
// float:right;
margin-bottom:10px;
padding:2px;
border:1px #00AEBE solid;
}


/*------------------------------------------ =RightArchive*/

div.rightArchive {
background-color:#ffffff;
}

div.rightArchive div#progModule_sidebar {
background-color:#ffffff;

}

div.titleTV {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 0.2em 0em;
	width: 100%;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #fff;
	height: 1.4em;
	background-color: #f6cb05;
	clear: both;
	border-bottom: 1px solid #FFFFFF;

}

div.titleTV span, div.titleTV div {
	font-weight: bold;
	padding: 0px 8px;
	position: relative;
	top: 1px;
}
ul.linkList
{
	list-style-type:none;
	clear:both;
	margin:0px;
	padding:5px;

}
ul.linkList li 
{
	font-family:Tahoma, Arial;
	font-size:8pt;
	color:#000000;
	background-image:url(/tv/images/bullet.gif);
	background-repeat:no-repeat;
	margin:0px 5px;
	padding:0px 10px;
	padding-top: 3px;
	line-height:1.3em;
	
}
ul.linkList li a 
{
	font-family:Tahoma, Arial;
	font-size:8pt;
	color:#000000;
}
ul.linkList2
{
	list-style-type:none;
	clear:both;
	margin:0px;
	padding:0px;
	/*height:inherit;*/
}
div.TVnavbut
{	
	
	background-color:#CCCCCC;
	border-bottom:#ffffff solid 1px;
}

div#meteorBug {
	position: absolute;
	top: 128px;
	left: 586px;
}
/*-------------------------------------------------------------------- =Table style Archive */


.archiveShows table {
  	width: 90%;
  	position: relative;
  	top: 0px;
  	left: 20px;
  	border: 1px solid #000;
  	background: #fff;
  	}
.archiveShows table caption {
	margin: 0;
	padding: 8px 20px;
	text-align: centre;
 	border: 1px solid #000;
	border-bottom: none;
	background: #f6cb05;
	font-weight: bold;
	color: #ffffff;
  	}
.archiveShows table th, .archiveShows table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: center;
  	border-bottom: 1px solid #b5b5b5;
  	}
.archiveShows table th {
  	color:#ffffff;
	background:#CCCCCC;
	width:33.3%;
  	}
.archiveShows table .name {
  	text-align: left;
  	}
.archiveShows table tr {
  	background: #e6e6e6;
  	}
.archiveShows table tr.alt {
  	background: #f1f1f1;
  	}
.archiveShows table td a , .archiveShows table th a {
	display: block;
	font-weight: bold;
	color:#ffffff;
	text-decoration: underline;	
  	}
/*-------------------------------------------------------------------- =Travel Briefs */
.briefInfo {
	border:#cccccc 1px dashed;
	
	background:#F4F4F4;
}
.briefInfo p {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
}
.briefInfo h3 {
  margin: 0;
  padding: 3px 8px 3px 10px;
  font-size: 100%;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  background:#FFCC00;
  }
  .briefInfo h4 {
  margin: 0;
  padding: 3px 8px 3px 10px;
  font-size: 100%;
  color: #ffffff;
 
  border-bottom: 1px solid #ffffff;
  background:#CCCCCC;
  }

  



span.sale {
font-weight:bold;
font-size:14pt;
color:#C62000;
}
/*-------------------------------------------------------------------- =Travel Briefs */ 

ul.avList {
	list-style:none;
	margin:0px;
	padding:Opx;
	margin-top:10px;
	background:#efefef;
	width:190px;
	padding-top:8px;
	padding-bottom:8px;
	border:1px solid #999999;
}
ul.avList li a {
	margin:0px;
	padding:0px;
	padding-left:24px;
	background:url(../../tv/images/video_icon_black_tran.gif) no-repeat 0px 2px;
}
ul.avList li  {
	margin:0px;
	padding:0px;
}





/*-----------------------------------------------------= WIDE SEARCH CONTAINER */
div.wideSearchForm {
	clear:both;
	width:400px;
	height:79px;
	margin:0px 0px 20px 0px;
	background: url(/food/images/wide_search_bck.jpg) no-repeat;
}


div.wideSearchForm h2 {
	padding:10px 14px 12px 20px;
	padding-left:60px;
	font-size:150%;
	font-weight:normal;
	color:#4C3E0F;
}

div.wideSearchForm form{
	width:380px;
	display:block;
}

div.wideSearchForm input#query {
	width:290px;
	height:16px;
	margin:0px 0px 0px 20px;
	padding:0px 2px 1px 2px;

	border:1px solid #aaa;
	vertical-align: text-bottom;
	display:block;
	float:left;
}

div.wideSearchForm input#RecipeSearchSendButton {
	vertical-align: text-bottom;
	width:26px;
	display:block;
	float:left;
}	



/*-----------------------------------------------------= Sub Index Page */

ul.searchIndexList {
	margin:8px;
        padding:0px;
list-style:none;
}

ul.searchIndexList li {
list-style-type:none;
	margin:0px 0px 14px 0px;
        padding:0px 0px 0px 0px;
	clear:both;
}

ul.searchIndexList li div.images {
	width:108px;
	float:right;
	clear:none;
}

ul.searchIndexList li.altBg div.images{
}


ul.searchIndexList li div.text {
	float:left;
	clear:none;
	width:330px;
}

ul.searchIndexList li div img {
	float:left;
	padding:2px;
	width: 104px;
	height: 59px;
	border:1px solid #BADEEC;
}

ul.searchIndexList li div img.videoLink {
	float:left;
	clear:both;
	padding:0px;
	border:none;
	width:40px;
	margin-top:2px;
}

ul.searchIndexList li div h3 {
	margin:0px;
padding:0px;
	line-height:1em;
	font-size:130%;
	color:#4d2200;
}

div#primaryContent ul.searchIndexList li div p {
	margin:0px 0px 3px 0px;
	line-height:1.2em;
	font-size:90%;
	padding-right:8px;
}

/*
-----------------------------------------------------= SEARCH RESULTS*/

ul.pager {
	margin:15px 0px;
}

ul.pager li {
	display:inline;
	padding:1px 4px;
	margin:2px;
	font-weight:bold;
	border:1px #BADEEC solid;
	font-size:85%;
	background-color:#EDF5F8;
	color:#003875;
}

ul.pager li.current {
	padding:1px 1px;
	border:none;
	background-color:#ffffff;
}

ul.pager li a {
	font-weight:normal;
	color:#003875;
}

ul.pager li:hover {
	background-color:#BADEEC;
}

ul.pager li a:hover {
text-decoration:none;
color:#000000;
}

ul.pager li.current:hover {
	background-color:#ffffff;
}