/*
Orange: #f15a22;
Light Orange: #ffcc99;
Dark Grey: #666666;
Grey:  #999999;
Light grey: #cccccc;
Really Light Grey: #ececec;
*/

/* BEGIN Basic HMTL elements */
body { 
	padding: 0px;
	min-width: 780px;
	float: inherit;
	font-size: 0.75em; /* equivalent to font-size: 12px; IE needs em for it's text-size option to work */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #ffffff;
	margin: 0 auto;
	/* Hack for IE5 not knowing how to centre using the above */
	text-align: center;
}

/* Undo the BODY centre hack, we generally don't want text centre-aligned */
body div{
	text-align: left;
}

a, a:visited{
	color: #666666;
}

img {
	border:0;
}

h1{
	font-size: 20px;
/* IE and Mozilla don't agree on common header spacing */
	padding: 4px 0 4px 0;
	margin: 4px 0 4px 0;
}

h2{
	font-size: 18px;
/* IE and Mozilla don't agree on common header spacing */
	padding: 3px 0 3px 0;
	margin: 3px 0 3px 0;
}

h3{
	font-size: 16px;
/* IE and Mozilla don't agree on common header spacing */
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
}

h4{
	font-size: 14px;
/* IE and Mozilla don't agree on common header spacing */
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
}

h5{
	font-size: 12px;
/* IE and Mozilla don't agree on common header spacing */
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
}

/* prevent IE padding around forms */
form{
	padding: 0;
	margin: 0;
}

select, input{
	font-size: 12px;
}

/* prevent lists indenting */
ol{
	margin: 4px 0px 0px 14px; 
	padding: 4px 0px 0px 14px;
	list-style: decimal outside;
}

ul{
			/* top, right, bottom, left */
	margin: 4px 0px 0px 8px; 
	padding: 4px 0px 0px 8px;
	list-style: disc outside;
}

li{
	margin-bottom: 2px;
	padding-bottom: 2px;
}

/* IE and Mozilla don't agree on common paragraph spacing
p{
	padding: 8 0 8 0;
	margin: 8 0 8 0;
}
*/
/* End Basic HMTL elements */


/* BEGIN Useful classes */
.clickable{
	cursor: pointer;
	cursor: hand;
}

.clickable a{
	cursor: pointer;
	cursor: hand;
}

.hidden{
	display: none;
	visibility: hidden;
}

.noBullet{
	list-style: none;
}

.highlight, tr.highlight td, td.highlight{
	background-color: #ffcc99;
}

.horizontalMenu{
	margin: 0px;
	padding: 0px;
}

.horizontalMenu li{
	display: inline;
}

.horizontalMenu li a{
	vertical-align: middle;
	padding: 2px 4px 2px 4px;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
}

.secondaryColour{
	color: #f15a22;
}

.horizontalSpacer {
	float: left;
	width: 10px !important; /* 15 */
	height: 1px;
}

/* used to ensure borders are applied as far as bottom of div */
.divFiller{
	clear: both;
}
/* END Useful classes */


/* BEGIN Classes and IDs */
/* BEGIN pageWrapper - this holds EVRYTHING */
#pageWrapper {
	margin: 0px auto;
	width: 860px;
	height: auto;
}

/* BEGIN header */
#header {
	position: relative;
	width: 726px !important;
	height: 72px;
/* 	margin-bottom: 8px; */
	margin-left: auto; /* -390px */
	margin-right: auto; /* -390px */
	clear: both; 
	background-color: #f15a22;
	background: #f15a22 url(/Images/HomePage/new/shadow_top_menu.jpg) bottom repeat-x;
}

#headerLogo {
	position: relative;
	top: 0px;
	height: 32px;
	width: 139px;
	float: left;
	margin: 8px;
}

#headerLogo img {
	height: 45px;
	width: 67px;
}

#headerLogoAofs {
	position: relative;
	top: 0px;
	height: 45px;
	width: 139px;
	float: left;
	margin: 8px;
}

#headerLogoAofs img {
	height: 45px;
	width: 102px;
}

/* this holds everything to the right of the logo */
#headerRight {
	text-align: left;
	position: absolute;
	left: 166px;
	height: 47px; 
	width: 617px; 
	padding: 0px; 
	margin: 8px 8px 8px 0;
	background: url(/Images/HomePage/new/eircom_net.gif) no-repeat -2px 5px;
}

#headerRightAofs {
	text-align: left;
	position: absolute;
	left: 166px;
	height: 47px; 
	width: 617px; 
	padding: 0px; 
	margin: 8px 8px 8px 0;
}

#lastUpdated {
	position: absolute;
	left: 479px;
	top: 7px;
	vertical-align: bottom;
	color: #ffffff;
	width: 132px;
	height: 14px;
	font-size: 0.9em;
}

#setHomepage {
	position: absolute;
	left: 477px;
	top: 0px;
	width: 75px;
	height: 13px;
	border: 0px;
	display: none;
	visibility: hidden;
}

#setHomepage a:hover{
	background-color: #f15a22;
}

/* for version 2 of header (jsp include) */
.v2 #headerLogo{
	width: 142px;
	height: 48px;
	background: #f15a22 url(/Images/Global/logos/eircomnet.jpg) bottom left no-repeat;
	position: relative;
}

.v2 #headerMenu{
	position: relative;
	left: 0px;
	top: 40px;
	float: left;
}

.v2 #headerRight{
	background-image: none;
	float: right;
	text-align: center;
	position: relative;
	right: 0px;
	left: 0px;
	height: 48px; 
	width: 120px; 
	padding: 0px; 
	margin: 0;
}

.v2 #todaysDate{
	position: relative;
	left: 0;
	top: 7px;
	vertical-align: bottom;
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
}

.v2 #setHomepage{
	/* Don't display by default, can be overridden in per-section css */
	display: none;
	visibility: hidden;
	background: #f15a22 url(/Images/HomePage/new/set_homepage.jpg) bottom left no-repeat;
	left: 23px;
	top: 41px;
}

#headerShadow {
/*	position: absolute;
	left: 0px;
	top: 64px;
	width: 726px;
	height: 8px;
	background-image: url(/Images/HomePage/new/shadow_top_menu.jpg);
	background-repeat: repeat-x; */
}

#headerMenu{
	font-size: 0.9em;
	position: absolute;
	top: 32px;
	left: -1px;
}

#headerMenu a, #headerMenu a:visited{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
}

#headerMenu a:hover{
	color: #f15a22;
	background-color: #ffffff;
	text-decoration: none !important;
	/* filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity: 0.65; */
}

#headerMenu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#headerMenu ul li{
	margin: 0px 8px 0 0px;
	line-height: 1.7em;
	font-weight: bold;
	display: inline;
	padding: 0 0 0 8px;
	background:url(/Images/HomePage/new/top_menu_arrow.jpg) no-repeat center left;
	list-style-position: inside;
}
/* END header */

#contentAndSkyscraperWrapper{
	/* this is defined in skyscraperNNN.css (where NNN is the skyscraper width */
}

#skyscraperAd{
	/* this is defined in skyscraperNNN.css (where NNN is the skyscraper width */
	/* overflow: hidden; */
}

/* this holds the sidebar and page content (leftColumn and middleColumn) */
#contentWrapper{
	float: left;
	position: relative;
	/* width: 764px !important; */
	width: 726px !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-right: 6px;
}

/* BEGIN leftColumn (sidebar) */
#leftColumn {
	position: relative;
	top: -2px;
	left: 0px;
	float: left;
	width: 151px;
	height: auto;
	font-size: 0.9em;
	font-weight: bold;
}

#leftColumn a{
	text-decoration: none;
	font-weight: bold;
}

#leftColumn a:hover{
	text-decoration: underline;
}

#leftColumn dl {
	text-align: left;
	padding-left: 6px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#leftColumn dl dd{
	position: relative;
	margin-left: 0px;
/*	padding-left: 12px; */
	line-height: 1.3em;
    background-repeat: no-repeat;
    background-position: 0px 4px;
}


#leftColumn dl dd:hover{
/*	background-color: #f15a22;
	color: #ffffff !important;
*/
/*    background-image: url('/Images/HomePage/new/arrow_leftnav_gr.jpg'); */
}

/*
#leftColumn dl dd:hover a{
	color: #ffffff !important;
	text-decoration: none;
}
*/

#myeircom {
	margin-top: 2px;
	left: 0px;
	width: 100%;
	background-color: #ffcc99;
	margin-bottom: 2px;
}

#myeircom .leftColumnHeader {
	background-color: #f15a22;
	color: #ffffff;
}

#myeircom a{
	width: 133px;
	padding-left: 10px;
	display: block;
    background-image: url(/Images/HomePage/new/arrow_leftnav_or.jpg);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#myeircom a:hover{
	text-decoration: none !important;
	background-color: #f15a22;
	color: #ffffff !important;
    background-image: url(/Images/HomePage/new/top_menu_arrow.jpg);
    background-position: 0px 2px;
}

.leftColumnHeader{
	height: 18px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 3px;
	background-color: #666666;
	text-align: left;
	color: #ffffff;
}

.leftColumnHeader a, .leftColumnHeader a:visited{
    color: #ffffff !important;
}

.channels{
	background-color: #cccccc;
	height: auto;
	margin-top: 2px;
}

.channels dt {
	color: #f15a22;
	padding-bottom: 2px;
line-height: 1em;
}

.channels a{
	width: 133px;
	padding-left: 10px;
	display: block;
/*    background-image: url(/Images/HomePage/new/arrow_leftnav_gr.jpg); */
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.channels a:hover{
	text-decoration: none !important;
	background-color: #f15a22;
	color: #ffffff !important;
    background-image: url(/Images/HomePage/new/top_menu_arrow.jpg);
    background-position: 0px 2px;
}

/* this is for more advanced browsers */
html[xmlns] .channels dd {
    background: none; /* undo the background-image */
    list-style-image: url(/Images/HomePage/new/arrow_leftnav_gr.jpg);
    padding: 0px;
}

dl.channels{
	margin-bottom: 2px !important;
}

.channels dl dl, dl.channels dl{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.channels dl dl dd, dl.channels dl dd{
	font-weight: normal !important;
}

.channels dl dt a, dl.channels dt a{
	color: #f15a22 !important;
}

.channels dl dl dd a, dl.channels dl dd a{
	width: 129px;
	padding-left: 10px;
	display: block;
	background-image: none;
	font-weight: normal !important;
}

.channels dl dl dd a:hover, dl.channels dl dd a:hover{
	text-decoration: none !important;
	background-color: #f15a22;
	color: #ffffff !important;
	background-image: none;
}

/* this is for more advanced browsers */
html[xmlns] .channels dl dl dd, html[xmlns] dl.channels dl dd {
	background: none; /* undo the background-image */
	list-style-image: none;
	padding: 0px;
}

.channels dt a, .channels dt a:visited{
	width: 145px;
	padding-left: 0px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #f15a22;
}

.channels dt a:hover{
	text-decoration: none !important;
	background-color: #666666;
	color: #ffffff;
	background-image: none;
	background-position: 0px 2px;
}

/* microsite (eg E-mail / Contact Us) links */
dl#micrositeLinks{
	background-color: #cccccc;
	height: auto;
	margin: 0 0 2px 0;
	padding: 0 0 6px 0;
}

dl#micrositeLinks dt{
	margin-bottom: 6px;
}

dl#micrositeLinks a{
	width: 145px;
	padding-left: 6px;
	display: block;
    background-image: none;
	background-repeat: no-repeat;
}


dl#micrositeLinks a:hover{
	text-decoration: none !important;
	background-color: #f15a22;
	color: #ffffff !important;
    background-image: url(/Images/HomePage/new/top_menu_arrow.jpg);
    background-position: 0px 2px;
}

.quickfind{
	padding: 6px 0 6px 6px;
	background-color: #cccccc;
	text-align: left;
	margin-top: 2px;
	height: auto;
}

.quickfind select{
	font-size: 0.9em;
	width: 138px;
	color: #666666;
	border: 1px solid #999999;
	margin: 3px 0 3px 0;
}

#channelsQuickfind{
	color: #666666;
	height: 38px;
}

#leftSideAd{
	margin-top: 6px;
	text-align: center;
}

#leftSideAd img{
	margin-bottom: 4px;
}
/* END leftColumn (sidebar) */


/* CONTENT */
/* this holds the banner and page content */
#middleColumn {
	width: 562px;
	margin-left: 10px;
	padding: 0 4px 8px 4px;
	float: left;
}

#mainImageHeader{
	margin-bottom: 6px;
	height: auto;
}

/* this holds the page content after a banner */
#contentContainer{
}

/* CMTBC - what on earth is this doing here?? */
#contentContainer dt{
	font-weight: bold;
	font-size: larger;
}

#contentContainer dd{
	padding: 2px;
	padding-left: 10px;
	margin-left: 10px;
}

/* BEGIN footer */
#footer{
	font-size: 0.9em;
	position: relative;
	text-align: center;
	margin: 8px 0 12px 0;
	clear: both;
}

#footer ul{
	text-align: center;
	clear: both;
}

#footer ul li{
	display: inline;
	padding-right: 8px;
    padding-left: 10px;
    background-image: url(/Images/Global/icons/arrow-g.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

/* this is for more advanced browsers */
Xhtml[xmlns] #footer ul li{
    background: none; /* undo the background-image */
    list-style-image: url(/Images/Global/icons/arrow-g.gif);
}

#footer a, #footer a:hover, #footer a:visited{
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

.contentBox {
	float: left;
	margin: 0px 0px 0px 0px;
	border: #999999 1px solid;
	background-image: url(/Images/broadband3/box1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	padding-left: 7px;
	padding-top: 4px;
	padding-right: 2px;
}

.contentBoxSize1{
	font-size: 0.9em;
	width: 153px; /* exclusive of padding */
	height: 200px;
	overflow: hidden;
}

.contentBoxSize2 {
	font-size: 0.9em;
	width: 336px; /* exclusive of padding */
	height: 200px; 
	overflow: hidden;
}

.contentBoxSize3{
	font-size: 0.9em;
	width: 320px; /* exclusive of padding */
	height: 300px;
}

.contentBoxSize4 {
	vertical-align: top;
	width: 551px; /* exclusive of padding */
	height: auto;
	margin-bottom: 10px;
}

.contentBoxSize5 {
	font-size: 0.9em;
	float: left;
	vertical-align: top;
	width: 240px; /* exclusive of padding */
	height: 460px;
}

.contentBoxHeader{
	font-weight: bold;
	display: block;
}

.contentBoxHeaderImage{
	position: relative;
	margin-bottom: 4px;
	display: block;
}

.contentBoxMainImage{
	border: 1px solid #f15a22;
	height: 61px;
	width: 145px;
	display: block;
	margin-bottom: 4px;
}

.cbMainImageType4{
	 float: left;
	 padding-right: 6px;
	 width: 151px;
	 height: 58px;
}

.noUnderline{
	text-decoration: none;
}

a:hover>.contentBoxHeader{
	text-decoration: underline;
}

.contentBoxSize4.contentBoxHeader{
	float: left;
	clear: right;
	display: block;
	width: 381px;
}

.contentBoxSize1 p{
	height: 50px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.contentBoxSize4 p{
	margin-top: 2px;
	margin-bottom: 2px;
	clear: right;
}

.contentBoxSize4 .contentBoxHeaderMore{
	float: right;
}

.headerStyle1{
	background-color: #666666;
	color: #ffffff;
	margin-right: 6px;
	font-size: 15px;
	font-weight: bold;
}

.pageHeaderStyle1{ /* h2 */
	padding-left: 6px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	width: 556px; /* exclusive of padding */
	background-color: #f15a22;
	height: 22px;
	line-height: 22px;
	margin-bottom: 10px;
	vertical-align: middle;
}

#toolbar{
	height: 32px;
	width: 512px;
	background-color: #ececec;
	text-align: center;
	clear: both;
	margin-bottom: 6px;
}

.verticalSpacer{
	clear: both;
	line-height: 12px;
}

.headerStyle1 a, .headerStyle1 a:visited{
	color: #ffffff;
	text-decoration: none;
}

.headerStyle1 a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.sectionSeparator{
	background-color: #cccccc;
}

#formMessages{

}

.errorText{
	background: url(/Images/Global/icons/exclamation.gif) left no-repeat;
	padding-left: 20px;
	color: #f15a22;
}

#contentContainer h2{
	color: #ffffff;
	background-color: #f15a22;
	font-size: 14px;
	padding-left: 6px;
}

.imageInput{
	float: left;
	text-align: center;
	display: inline;
	margin: 0 20px 0 20px;
}

.imageInput img{
	display: block;
}

.imageInput label{
}

#personalData{
	margin-top: 20px;
}

#personalData p{
	margin-bottom: 16px;
}

#personalData label{
	font-weight: bold;
}

#personalData .alignInput{
	position: absolute;
	left: 280px;
	width: 180px;
}

iframe.terms{
	clear: left;
	padding-left: 0 !important;
	margin-left: 12px;
}

#sportsQuickFind{
	position: relative;
	top: -2px;
}

#leftColumn #supportButton{
	margin-top: 4px;
}

#dataForm .areaCode{
	display: inline;
	width: 56px !important;
}

#dataForm .phoneNumber{
	margin-left: 60px; /* width of areaCode + 4 pixels */
	width: 120px !important;
}

.formActionButtons{
/*	background-color: red; */
	text-align: center;
}

.formActionButtons input{
	height: auto !important;
	width: auto !important;
	margin-left: 24px;
	margin-right: 24px;
}


#footer p{
    margin-top: 0;
}

#footerLogo{
    text-align: center;
	margin-bottom: 8px;
}

#footerLogo a{
    margin-left: 13px;
    margin-right: 13px;
}

#companyInformation p{
	font-size: 0.9em;
    margin-top: 0;
}

#companyInformation{
    text-align: center;
}

.schedule dt{
	float: left;
	display: inline;
	clear: left;
width: 34px;
	font-weight: bold;
	text-align: left;
	font-size: 1em !important;
/*	margin: 0 0 18px 4px; */

	font-weight: bold;
	color: #f15a22;
}

.schedule dd{
	clear: right;
	position: relative;
	top: -2px;
	font-size: 1em !important;
/*	margin-bottom: 2px; */
}

.schedule dd a{
	text-decoration: none;
}

.schedule dd a:hover{
	text-decoration: underline;
}

.schedule dd.watch{
	text-indent: 27px;
	padding-left: 30px;
	background-image: url(/Images/Global/icons/video.gif);
	background-position: 42px 2px;
	background-repeat:no-repeat;
}


#bannerAd, .bannerAd{
	height: auto;
	clear: both;
	margin-bottom: 6px;
	text-align: center;
}

.floatLeft{
	float: left;
	width: auto;
}

.floatRight{
	float: right;
	width: auto;
}

.floatClearLeft{
	float: left;
	clear: left;
	width: auto;
}

.floatClearRight{
	float: right;
	clear: right;
	width: auto;
}