@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, .wrapper {
	background-image: url(/images/bg_home.png);
	background-repeat: repeat-y;
}
div#mainContainer {
	width: 740px;
}

div#globalLogoPlaceholder {
	background: url('http://www.rte.ie/shopfiles/images/logo.gif') left no-repeat;
	background-color: #000000;
}
#globalMenuPlaceholder {
	background-color: #333333;
}
#globalMenu {
	background-color: #000000;
}
#globalMenu li {
	background-color: #333333;
	border-left: solid 1px #d6d6d6;
}
#globalSecondaryMenu {
	background-color: #d6d6d6;
	border-top: solid 1px #d6d6d6;
	color: black;
}
#footer {
	border-top: solid 1px #d6d6d6;
}

div.titleHeader {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 6px;
	width: 100%;
	background-color: #9e6200;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	text-indent: 11px;
	display: table;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}

/*  Top Nav */

#topNav {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg.gif') bottom repeat-x;
	padding:5px 0px 0px 0px;
	height:32px;
	margin:0px;
	background-color:#333333;
	width:859px;
	border-left:1px #ffffff solid;
}

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

ul.topList li {
	padding:5px 0px 10px 0px;
	margin:0px;
	display:inline;
	color:#ffffff;
	font-size:12pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.topNavHolder {
	height:32px;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	clear:none;
}



ul.topList li div.topNavHolder:hover {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_on.gif') bottom repeat-x;
}

ul.topList li div.topNavHolder:hover a {
	color:#2896C7;
}

ul.topList li.on div.topNavHolder {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_on.gif') bottom repeat-x;
}	

ul.topList li#spacer  {
	padding:0px;
	margin:0px;
}

ul.topList li#spacer div.topNavHolder{
width:100px;
}

ul.topList li#spacer div.topNavHolder:hover {
	background:none;
}

ul.topList li#amazon {
	padding:0px;
	margin:0px;
}

ul.topList li#amazon div.topNavHolder:hover {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_amazon_on.gif') bottom repeat-x;
}

ul.topList li#amazon div.topNavHolder:hover a {
	color:#8DAB19;
}

ul.topList li#amazon.on div.topNavHolder {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_amazon_on.gif') bottom repeat-x;
}	

ul.topList li#download div.topNavHolder:hover {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_download_on.gif') bottom repeat-x;
}

ul.topList li#download div.topNavHolder:hover a {
	color:#C90693;
}

ul.topList li#download.on div.topNavHolder {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_download_on.gif') bottom repeat-x;
}	

ul.topList li#vodafone div.topNavHolder:hover {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_vodafone_on.gif') bottom repeat-x;
}

ul.topList li#vodafone div.topNavHolder:hover a {
	color:#FE0000;
}

ul.topList li#vodafone.on div.topNavHolder {
	background: #343434 url('http://www.rte.ie/shopfiles/images/topnav_bg_vodafone_on.gif') bottom repeat-x;
}	



ul.topList li a {
	margin:0px;
	padding:0px 10px;
	color:#ffffff;
	font-size:12pt;
	border-right: solid 1px #929292;
}

ul.topList li#amazon  a {
	border-left: solid 1px #929292;
}

ul.topList li a:hover {
	text-decoration:none;
	color:#2896C7;
}

ul.topList li#amazon a:hover {
	text-decoration:none;
	color:#8DAB19;
}

ul.topList li#vodafone a:hover {
	text-decoration:none;
	color:#FE0000;
}




/* ---- Main home page content ---- */

#mainContent {
	width: 669px;
	margin: 0px 0px;
	background-color: #fff;
}


#mainContent h3 {
	margin: 0px;
	padding: 6px;
	font-size: large;
	color: #e39b00;
	font-weight: normal;
	clear: both;	
}
#mainContent 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-top: 2px;
	margin-bottom: 2px;	
}
.offers #leftBox {
	float: left;	
	text-align: center;
	width: 70px;
	padding-top: 3px;
}
.offers #rightBox {
	float: left;	
	text-align: center;	
	width: 100px;
	padding-top: 3px;	
}