/* 
	Name: Eircom Wholesale
	Date: 26th February 2010 
	Description: Main stylesheet
	Version: 1.0 
	Author: Pete Luffman
	Author URI: http://www.merchantmarketinggroup.com
*/

/* 
	/// HEX COLOURS ///
	
	**** Primary  ****
	
	#736C66 Eircom Grey
	#F15A22 Eircom Terracotta
	
	
	**** Secondary ****
	
	#C3064F Eircom Burgundy
	
	
	**** Eircom Grey Tints  ****	
	
	#E3E2E0 20%
	#D5D3D1 30%
	#C7C4C2 40%
	#9D9894 70%
	#88827d 85%
	
*/  

/*********************************************** 
				Browser reset
***********************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,hr {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 0*

caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 	
} 

/*********************************************** 
				Global
***********************************************/

 @font-face {
	 font-family: 'Klavika';
	 font-weight: 700;
	 font-style: normal;
	 src: url('../fonts/KlavikaWebBasicBoldSub.eot');
	 src: url('../fonts/KlavikaWebBasicBoldSub.eot?#iefix') format('eot'), url('../fonts/KlavikaWebBasicBoldSub.woff') format('woff');
	}
 @font-face {
	 font-family: 'Klavika';
	 font-weight: 500;
	 font-style: normal;
	 src: url('../fonts/KlavikaWebBasicMediumSub.eot');
	 src: url('../fonts/KlavikaWebBasicMediumSub.eot?#iefix') format('eot'), url('../fonts/KlavikaWebBasicMediumSub.woff') format('woff');
	}
 @font-face {
	 font-family: 'Klavika';
	 font-weight: 400;
	 font-style: normal;
	 src: url('../fonts/KlavikaWebBasicRegularSub.eot');
	 src: url('../fonts/KlavikaWebBasicRegularSub.eot?#iefix') format('eot'), url('../fonts/KlavikaWebBasicRegularSub.woff') format('woff');
	}
 

/* Body */ 

html { height: 100%; font-size: 100%; } 
body {
	font-size: 12px; 
	line-height: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #736C66 /* Eircom Grey */;
	height: 100%;
	background: #F4F3F3 url(../images/bg.png) repeat-y 50% 0;
	}

#mainmenu, #sideNav, h1, h2, .searchBox, #footerlinks dt, #intro, #slideLinks, .header, #news h3, .connections span, .news-item h3 { font-family: Klavika; }

/* Headings */

h1 { font-size: 290%; padding: 0 0 0.3em; line-height: 1.5em; }
h2 { font-size: 196%; font-weight: bold; line-height: 1.5em; }
h3,h4 { font-weight: bold; padding: 0 0 0.2em 0; }
h3 { font-size: 127%; }

/* Anchors */
a { color:#F15A22 /* Eircom Terracotta */; text-decoration: none;}
a:hover { color: #842D09;}
a:focus { outline: none;}

/* Paragraphs */  
p, address {
	line-height: 1.5em;
	padding-bottom: 1em;
	}
p:last-child, ul:last-child {
	padding-bottom: 0em;
	}
	
/* Lists */
ul, ol { padding: 0 0 1em 0; }

ul li, ol li {
	line-height: 1.5em;
	padding-bottom: 0.3em;
	}

ul li { 
/*	background: transparent url(../images/bullet.jpg) no-repeat scroll 0 0.5em; */
	padding: 0.2em 0 0.2em 12px;  
	}	

ol { padding: 0 0 0.7em 1.6em; }
ol li { padding-left: 0; background:none;}

/* Tables */

td { vertical-align: top; }

/* Misc */
hr { 
	clear: both; 
	color: #F1F0F0; 
	background: #F1F0F0;
	height: 1px;
	margin: 0.9em 0;
	border: none;
	}
object { display: block;}

fieldset { margin: 0 0 0.5em 0;}


/*********************************************** 
				Layout
***********************************************/


/* 
    Header 
*****************/

#header {
	position: relative;
	padding-top: 115px;
	width: 940px;
	z-index: 100;
	}
	
	/* Logo */
	#header h1 {
		position: absolute;
		left: 0px;
		top: 0px;
		}
	
	/* Main Menu */		
	#header dd#mainmenu ul { 
		display: block;
		margin: 0 -1px;
		font-size: 138%; 
		width: 940px; 
		padding: 0; 
		position: relative; 
		height: 36px;
		}		
	#header dd#mainmenu ul li { 
		display: block; 
		float: left; 
		margin: 0; 
		line-height: 1.2em;
		margin: 0 8px 0 0;
		padding: 0;
	}
	#header dd#mainmenu ul li.active {		
		border-top: 1px solid #DCDAD9;
		border-right: 1px solid #DCDAD9;
		border-left: 1px solid #DCDAD9;
	}
	#header dd#mainmenu ul li a { 
		display: block; 
		float: left; 
		padding: 0;
		color: #736C66; 
		padding: 0 10px; 
		font-weight: 500;
		background: #fff;
		line-height: 36px;
		height: 36px;
		}
		#header dd#mainmenu ul li.active a { line-height: 35px;}	
		#header dd#mainmenu ul li a:hover { color: #F15A22 } 
		#header dd#mainmenu ul li a.active:hover { color: #736C66 }			
							
	#header dd#mainmenu ul li.parent ul { 
		font-size: 90%; 
		position: absolute;	
		left: 2px; 
		top: 38px; 
		clear: both;
		width: 942px;
		padding: 0 0 0 10px;
		margin: 0;
		display: none;
		}
		#header dd#mainmenu ul li.active ul { display: block; height: 20px; padding: 8px 0; }    
		#header dd#mainmenu ul li.active ul ul { display: none; }    
		#header dd#mainmenu ul li.active ul li { 
			width: auto; 
			height: auto; 
			margin: 0 1em 0 0; 
			padding: 0 5px 0; 
			border: none;
			background: none;
			height: 19px;
			line-height: 19px;
		}
		#header dd#mainmenu ul li.active ul li.active { background: #60CDCB; }
			#header dd#mainmenu ul li.active ul li.active a { color: #fff; }
		#header dd#mainmenu ul li.active ul li.last { padding-right: 2px !important; margin-right: 0; }
			#header dd#mainmenu ul li.active ul li a { 
				background: none !important;
				width: auto;
				height: auto;
				line-height: 19px;
				font-weight: normal;
				padding: 0 !important;
				margin: 0;
				}
		
	
	/* Toolbar */	
	#header dd#toolbar { position: absolute; right: 325px; top:48px; }
		#header dd#toolbar ul { font-size: 90%; }
		#header dd#toolbar ul li { float: left; line-height: 31px; padding: 0 0.7em; }
		#header dd#toolbar ul li a { color: #736C66; }
		#header dd#toolbar ul li a:hover { color: #F15A22; text-decoration: none; }
		
	
	/* Search */
	#header dd#search {
		display: block;
		position: absolute; 
		right: 0px; 
		top:40px; 
		height: 42px; 
		width: 302px;
		}
		#header dd#search .searchBox {		
			width: 217px; 
			padding: 0 50px 0 35px;
			height: 42px;
			line-height: 42px;
			margin:0;
			font-size: 153%;
			border: none; 
			color: #B9B5B3;
			background: url(../images/searchbox.png) no-repeat;
			}
			#header dd#search .searchBox:focus { outline: none; background-position: 0 -42px; color: #736C66; }
			
		#header dd#search .searchBtn { 
			position: absolute;
			right: 45px;
			top: -10000px;
			background: url(../images/searchbox-btn.png) no-repeat;
			width: 30px;
			height: 23px;		
			}
			
/* 
    Content 
*****************/

#home #container {
	margin-top: 30px;
	height: 543px;
	/* overflow: hidden; */
	}
#container {
	width: 940px;	
	z-index: 99;
	}
	
	#bannerContainer { 
	    width: 700px;
	    margin: 0 20px 0 0;
	    float: left;
	    }
	    #banner { height: 310px; width: 700px; margin: 0 0 20px;}
	    div#banner { background: #000 }
	 
	/* News */
	
	#news { width: 220px; float: left;}
		#news .rss {
			background: url(../images/rss.png) no-repeat;
			display: block;
			height: 16px;
			width: 16px;
			text-indent: -1000000px;
			font-size: 0;
			line-height: 0;
			position: absolute;
			top: 16px;
			right: 0px;
			}
		#news h2 { 
			margin-bottom: 0px; 
			background-position:  -440px 0; 
			font-size: 172%;
			border-top: 4px solid #F15A22;
			padding-top: 0.6em;
			}	
			#news h2 a { color: #736C66; }
		#news .bttn { 
			width: 72px; 
			height: 18px; 
			background: url(../images/btn-viewmore.png) no-repeat;
			position: absolute;
			top:12px;
			right: 8px;
			}
	
	
	.drawers {
		display: block;
		overflow: hidden;
		position: relative;
		margin: 10px 0 0;
		border-bottom: 1px solid #E3E2E0;
		padding: 0;
		width: 220px;
		}
		.js .drawers { height: 492px;}
	
	.drawers li {
		display: block;
		background: #fff;
		border-top: 1px solid #E3E2E0;
		padding: 0;
		width: 220px;
		overflow: hidden;
		}
	
	.drawers .drawer-active {	background: #f1f0f0; }
		.drawers .drawer-handle { padding: 13px 10px; }
				.drawers .drawer-handle h3 { padding: 0; font-size: 130%; }
				.drawers .drawer-handle .date { color: #9D9894; font-size: 100%; line-height: normal; padding-bottom: 0em; }	
		
		.drawers .drawer-content { overflow: hidden; padding: 0 10px;  }
			.drawers .drawer-content div { padding: 0 0 10px; }
			
			.drawers .drawer-content h3,
			.drawers .drawer-content .date,
			.drawers .drawer-content p { text-shadow: #fff 1px 1px 1px;	}
			
			.drawers .drawer-content p {  padding: 0; 	}
			
			.drawers .img { display: none; margin: 0 0 8px 0 }
			.js .drawers .img,
			.js .drawers .img img { display: block; }
		
	
	/* Home 'finder' */
	
	#finder { 
		background: url(../images/finder.png) no-repeat; 
		width:700px;
		height: 193px;
		padding: 10px 0;
		position: relative;
		}
		#finder h2 { 
			position: absolute; 
			left: 20px;
			top:13px;		
			z-index: 98; 
			font-size: 235%;
			}
		#finder ul#slideLinks { 
			position: absolute; 
			top: 22px;
			left: 0; 
			z-index: 99;
			font-size: 125%;
			text-transform: lowercase;
			}
			#finder ul#slideLinks li { padding: 0;}
			#finder ul#slideLinks li a { 
				line-height: 41px; 
				display: block; 
				height: 42px;
				color: #736C66;
				padding: 0 0 0 160px;
				width: 160px;
				}
				#finder ul#slideLinks li a.current { color: #FFF;  }
				
			
			#finder #slides {
				width: 370px;
				height: 193px;
				/* overflow: hidden; */
				position: absolute;
				left:321px;
				}
				#finder #slides .pane { 
					width: 220px;
					height: 163px;
					text-align: left;
					color: #FFF;
					padding: 15px 75px;
					overflow: auto;
					/* background: #b2aeab; */
					}
					.js #finder #slides .pane { overflow:visible }
					#finder .pane p { padding: 0 0 1em 0; text-shadow: #7b7876 1px 1px 1px; }
					#finder .pane a.readMore { 
						background: #F15A22 url(../images/btn-corner-grey.png) no-repeat 100% 0;
						width:210px;
						height: 28px;
						display: block;
						line-height: 28px;
						padding: 0 0 0 10px;	
						color: #FFF;
						text-shadow: none;
						font-weight: normal;
						}
						
					#finder #slides #pane1 {}
					#finder #slides #pane2 {}
					
					
					
	/* Breadcrumbs */

	#breadcrumbs { background: url(../images/line.png) repeat-x 0 100%;	margin-top: 38px; }
		#breadcrumbs dd {
			display: block; 
			position: relative; 
			height: 34px;
			}
		#breadcrumbs dd ul {font-size: 90%; padding: 0;}
		#breadcrumbs dd ul li {
			float: left;
			display: block;
			background: none;
			padding: 0;
			line-height: 34px;
			height: 34px;
			}
		#breadcrumbs dd ul li a {
			float: left;
			display: block;
			padding: 0 15px 0 0;
			margin: 0 10px 0 0;
			height: 34px;
			line-height: 34px;
			background: url(../images/breadcrumb-bar.png) no-repeat right -68px;
			color: #F15A22;
			}
			#breadcrumbs dd ul li a:hover { color: #842D09;  }
			
		#breadcrumbs dd ul li.home a {
			text-indent: -999em;
			width: 45px;			
			background-position: left top;
			padding: 0;
			display: block;
			line-height: 0px;
			}
			#breadcrumbs dd ul li.home a:hover { background-position: -49px top }
		
		#breadcrumbs dd a.print-page {
			background: url(../images/print.gif) no-repeat 15px 12px;
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			line-height: 34px;
			padding: 0 0 0 30px;
			font-size: 90%;
			color: #736C66;
			}
			#breadcrumbs dd a.print-page:hover { color: #F15A22 }
			
	#intro { 
		width: 430px; 
		float: left;  
		background: url(../images/intro.png) no-repeat;
		padding: 55px 230px 40px 55px;
		margin-top: 30px;
		color: #fff;
		font-size: 130%;
		line-height: 1.5em;
		}
	    #intro p.summary { padding-top: 1.1em; } 
	    #intro h1 { font-size: 270%; color: #fff; font-weight: 500; line-height: 1em; }
	    #standard #intro h1, #management #intro h1 { padding-bottom: 0; color: #fff; } 
		.video #intro { width: 440px } 
		#intro a { color: #fff; text-decoration: underline; }
		
	#main {
		clear: both;
		margin: 0 0 15px; 
		}
		#section #main { padding: 0 0 25px; }
		#main #body {
			float:left;
			width: 720px;
			position: relative;
			padding: 0 0 40px;
			}
			#standard #main #body {
			    width: 940px; 
			    background-repeat: repeat-x; 
			    float: none; 
			}
			#management #main #body,
			#products_home #main #body { 
				width: 940px; 
				float: none;
				overflow: hidden;
				}
			#main #body #content {
				float: left;
				width: 400px;
				}
			    #standard #main #body #content { width: 604px; }
			    #standard #main #body #content.wide { width: 940px; }
			    #management #main #body #content { margin: 0 7px 0 8px; width: 891px; }
			    #products_home #main #body #content { margin: 0; width: 940px; }
				#main #body #content h2 { padding: 0 0 1em;}
				#main #body #content li { 
					background: url(../images/bullet-content.png) no-repeat 0 0.7em; 
					padding-left: 12px;
				}				
		
		#main #product-tools { position: absolute;right: 10px;top:-26px; }
	        #main #ratePage {
	        	border-top: 1px solid #E3E2E0;
	        	border-bottom: 1px solid #E3E2E0;
	        	margin-bottom: 25px;
	        	padding: 12px 0 10px;
	        	}
		        #main #ratePage p { 
			        float: left; 
			        font-weight: bold; 
			        margin-right: 10px;
			        padding: 0;
			    }
		        #main #ratePage label { 
			        cursor: pointer;
			        display: block;
			        width: 14px;
			        height: 14px;
			        float: left;
			        background: url(../images/radiobuttons.png) no-repeat;
			        text-indent: -9999em;
			        font-size: 0;
			        line-height: 0;
			        margin: 0 0 0 3px;
			        }
			        #main #ratePage label.focus {	background-position: -14px 0;	}
            #main #login 
            {
                float: right;
                font-size: 90%;
                margin-right: 0px;
                }		
                #main #login a { font-weight: bold; } 	       
		
		#main #rss { 
			position: absolute;
			right: 10px;
			top:10px; 
			font-size: 90%;
			color: #736C66;
			display: block;
			background: url(../images/rss.gif) no-repeat right 0;
			padding: 0 20px 0 0;
			line-height: 1.5em;
			}
			
			#main #body .news { width: 940px !important; }
			
			#main #body #content #latest-news { 
				width: 620px; 
				float: left; 
				padding-right: 49px;
				margin-right: 49px;
				border-right: 1px solid #E3E2E0;
				}	
				#main #body #content #latest-news .header { border-color: #F15A22; padding-top: 0.5em; }
				#main #body #content .news-item { 
					background: none; 
					padding: 0; 
					width: 300px; 
					float: left; 
					margin-right: 20px;
					}
					#main #body #content .col2 { margin-right: 0; }
					#main #body #content .news-item h3 { font-size: 157%; font-weight: bold; padding-bottom: 0.5em; }
						#main #body #content .news-item h3 a {
							background: url(../images/link-corner.png) no-repeat 0 5px;
							padding-left: 18px;
						}
					#main #body #content .news-item img { margin-bottom: 15px; }
					#main #body #content .news-item .desc { padding-bottom: 0.3em; }
					#main #body #content .news-item .date { font-size: 90%; color: #9D9894; margin-bottom: 2em; }
				
			#main #body #content #old-news { float: left; width: 221px; }
				#main #body #content #old-news .header { border-color: #F15A22; padding-top: 0.5em; }
				#main #body #content #old-news .news-item { 
					width: 221px; 
					border-bottom: 1px #E3E2E0 solid; 
					padding: 1em 0; 
					margin: 0; 
					}
					#main #body #content #old-news .first { padding-top: 0; }
					#main #body #content #old-news .news-item h3 { font-size: 130%; font-weight: bold; }
						#main #body #content #old-news .news-item h3 a { background: none; padding-left: 0; }
					#main #body #content #old-news .news-item .date { margin-bottom: 0; }
			
			#main #body #content #product-sections { }
				#main #body #content #product-sections li {
					float: left;
					width: 300px;
					padding: 125px 0 0;
					margin-right: 20px;
					position: relative;
					color: #F15A22;
					background: #FEF2ED no-repeat;
					}
					#main #body #content #product-sections li.Access {
						background-image: url(../images/product-access.jpg);
					}
					#main #body #content #product-sections li.Traffic {
						background-image: url(../images/product-traffic.jpg);
					}
					#main #body #content #product-sections li.Infrastructure {
						background-image: url(../images/product-infrastructure.jpg);
						margin-right: 0;
					}
					#main #body #content #product-sections li .product-description {
						border-top: 3px solid #F15A22;
						padding: 8px 20px 20px;
					}
					#main #body #content #product-sections h2 { 
						color: #C3064F; 
						font-weight: bold; 
						padding: 0px 0px 0.3em;
						line-height: 1.5em;
					    }
					    #main #body #content #product-sections h2 a { 
						    display: inline; 
						    background: url(../images/link-corner.png) no-repeat 0 8px;
						    padding-left: 22px;
						}
						
		#section #main .box {
			width: 443px; 
			margin: 0;
			padding: 15px 13px;
			min-height: 111px;
			background: white;
			float: left;
			border-bottom: 1px solid #E3E2E0;			
		}
		#section #main .wide { min-height: 85px; }
		#section #main .col1 { clear: left; border-right: 1px solid #E3E2E0; }
		#section #main .last { border-bottom: none; }
			#section #main .box img { 
				float: left;
				display: block;
				margin: 0 15px 0 0px;
				}	
			#section #main .box .product-description { 
				float: left; 
				width: 212px; 
				margin: 0 10px 0 0; 
				padding: 0;
				display: inline;
				}
				#section #main .wide .product-description { margin: 0px 10px 0px 15px; width: 410px; }
			#section #main .box .product-description h2 {
				width:205px; 
				background:white;
				padding:0 0 0.5em 0;
				margin: 0;
				font-size: 157%;
				line-height: 1.2em;
				}
				#section #main .wide .product-description h2 { width: 273px; }
				#section #main .box .product-description h2 a {
					background: url(../images/link-corner.png) no-repeat 0 0.25em;
					padding-left: 17px;
				}
			#section #main .box ul li {line-height: 1.3em; }
			#section #main .box p { line-height: 1.5em; font-size: 100%; }
			
			#section #main .box .downloads {
				width:120px;
				min-height:75px;
				float: left;	
				padding: 0 10px;
				overflow:hidden;
				}
				#section #main .box .downloads label {
					font-size: 86%;
					margin: 0 0 1em;
					display: block;
					}
				#section #main .box .downloads select{ margin: 0 0 1em; width: 100px; position: relative; }
		 		#section #main .box .downloads .formGoBtn {
					border: none;
					text-indent: -999em;
					cursor: pointer;
					background:url(../images/download_btn.png) no-repeat; 
					width: 107px; 
					height: 19px; 
					}
	
	#bg-img { background: #dcdad9 url(../images/bg-img.png) repeat-x; margin: 0 0 40px; }
		#bg-img .wrapper { background: no-repeat  100% 100%; width: 940px !important; }
	
	#videoBox {
		float: right;
		margin: 15px 0;
		border: 7px solid #FFF;
		}
		
	/* Side Navigation */
		
	#sideNav { 
		float: left;
		width: 190px;
		margin: 0 30px 0 -10px;
		padding: 0;
		position:relative;
		z-index:99;
		}
		#sideNav ul { font-size: 130%;}
		#sideNav ul li { 
			padding: 0; 
			display: block; 
			width: 190px; 
			margin-bottom: 0.3em; 
		}
		#sideNav ul li a { 
			display: block; 
			padding: 6px 35px 6px 10px;
			width: 145px;
			}
			#sideNav li.active a { 
				background: #60CDCB url(../images/sidenav-active.png) no-repeat 100% 0;
				color: #fff;
				position: relative;
				z-index: 1;
				}
					
	/* Side Column */
	
	#sideCol {
		width: 220px;
		float: left;
		margin-left: 100px;
		}
		#sideCol .box {	
			background-position: 0 bottom;
			width: 220px; 
			margin: 0; 
			}
			#sideCol .box .bttn { background-image: url(../images/btn-viewarchive.png); height:18px; }
			#sideCol .box .bttn:hover { background-position: 0 -18px; }
			#sideCol .header { border-color: #F15A22; }
			#sideCol .noHead .header { margin-bottom: 0;}
			#sideCol .feature { background-position: -388px bottom;  }
				#sideCol .feature .header { background-position: -582px 0; }
				
		#sideCol  ul.documents {  }
			#sideCol ul.documents li {
				padding:0;
				background:url(../images/tiny_pdf.png) 0px 0.5em no-repeat; 
				padding:0.5em 5px 0.5em 14px;
				}
				#sideCol ul.documents li span {	font-weight: normal; font-size: 90%; color:#C7C4C2;	}
			
			
		#sideCol .notify {
			background: #E3E2E0 url(../images/sidecol-boxes.png) -194px bottom no-repeat; 
			position: relative;
			padding:1em 8px 0.5em 8px;
			margin: 12px -8px -12px;
			width:178px;
			}
			#sideCol .notify p {
				background:url(../images/tiny_email.png) 0 0.4em no-repeat;
				padding:0 0 0.8em 15px; 
				font-weight: bold; 
				color: #9D9894; 
				}
			#sideCol .notify fieldset { position: relative;}	
				#sideCol .notify fieldset .formGoBtn {  
					border: none;
					text-indent: -999em;
					cursor: pointer;
					position: absolute;
					top:5px;
					right:5px;
					background:url(../images/form_go.png) no-repeat; width: 21px; height: 16px; 
					}
				#sideCol .notify fieldset .formField {width:142px; padding-right:30px; margin: 0;}
		
		#sideCol .reader { border: 1px solid #E3E2E0; padding: 10px; margin-top: 20px; width: 200px; }
/* Sitemap */

#main #body #content .sitemap { font-size: 120%; }
	#main #body #content .sitemap li { background: none; padding-left: 0; }
		#main #body #content .sitemap ul { font-size: 90%; margin: 0.2em 0 0 10px; }
			#main #body #content .sitemap ul li {
				background: url(../images/bullet-content.png) no-repeat 0 0.7em; 
				padding-left: 12px;
			}

/* Sitemap */
#main #body #content .unsubscribeOne, 
#main #body #content .unsubscribeAll {
   background: url('../images/btn-unsubscribe.png') no-repeat 0 0;
   display: block;
   float: left;
   margin-right: 15px;
   line-height: 0;
   font-size: 0;
   width: 202px;
   height: 24px;
} 
#main #body #content .unsubscribeOne:hover { background-position: 0 -26px; } 
#main #body #content .unsubscribeAll {
    background-position: -207px 0;
    width: 197px;
}
#main #body #content .unsubscribeAll:hover { background-position: -207px -26px; } 

/* 
    Footer 
*****************/

#footer {
	}
	#footer p { font-size: 64%; }
	#footer a { color: #736C66; text-shadow: #fff 1px 1px 1px; }
		
	/* Social bookmarks */	
	#socialBookmarks { 
		padding: 1.3em 0; 
		}
		
		#socialBookmarks p, 
		#socialBookmarks ul { font-size: 90%; font-family: sans-serif; }
		
		#socialBookmarks p, 
		#socialBookmarks ul,
		#socialBookmarks ul li,
		#socialBookmarks ul li a { 
			display: block; 
			float: left; 
			padding: 0; 
			height: 18px; 
			line-height: 18px; 
			}
			
		#socialBookmarks ul { position: absolute; right: 0;  }
		#socialBookmarks ul li { padding: 0 15px 0 0;  }
		
		#socialBookmarks ul li a { 
			background:url(../images/socialbookmarks.png) no-repeat; 
			padding: 0 0 0 24px; 		
			}
			#socialBookmarks a:hover { color: #F15A22 ; text-decoration: none; }
			
			#socialBookmarks ul .Digg a { background-position: 0 -18px; }
			#socialBookmarks ul .Delicious a { background-position: 0 -38px; }
			#socialBookmarks ul .Reddit a { background-position: 0 -59px; }
			#socialBookmarks ul .Facebook a { background-position: 0 -77px; }	
			
	/* Quick links */
	#footerlinks {
		background: #f4f3f3;
		padding: 1.5em 0;
		}	
		#footerlinks dl { float: left; display: block; width: 140px; margin: 0 20px 0 0; position: relative; }
		    #footerlinks dl.last { margin-right: 0; }
		#footerlinks dl dt { 
			font-size: 126%; 
			color: #E3E2E0 /* Eircom Grey, 20% tint */;  
			padding-bottom: 0.7em;
			font-weight: bold;
			}
			#footerlinks dl dt a:hover { color: #F15A22; } 
			#footerlinks dl dd ul { font-size: 90% }
			#footerlinks dl dd ul li { line-height: 1.4em; padding: 0em; margin-bottom: 0.6em; }
				#footerlinks dl dd ul li a:hover { text-decoration: underline; }	
	
	/* Signoff */
	#signoff { padding: 1.5em 0; background-color: #f4f3f3; }
		#signoff p { padding: 0;}	
		#signoff li { 
			display: inline; 
			padding: 0 0.5em 0 0; 
			margin: 0 0.5em 0 0; 
			border-right: 1px solid #736C66 /* Eircom Grey */;
			}
			#signoff li a:hover { text-decoration: underline; }
			
	#videoPlayer 
	{
	    margin: 0 0 10px;
	}
			
/* 
    Search 
*****************/

.ektronSearch { margin: 0 0 20px; padding: 0; } 
    .ektronSearch ul.searchNavigation { overflow:hidden; padding:0 0 1em; }
    #main #body #content .ektronSearch ul.searchNavigation li,
    #main #body #content .ektronSearch ul.searchNavigation li a {
        float:left; 
        display:block;
        border: none;
        background:none;
        padding:0;
        color: #F15A22;
        }
     .ektronSearch ul.searchNavigation li { margin: 0 0.8em 0 0 } 
     .ektronSearch ul.searchNavigation li a { padding:0.1em 0.5em!important; }
     #main #body #content .ektronSearch ul.searchNavigation li a.selected {
        	background: #F15A22;
        	color: #fff;
        }
     
    .ektronSearch div.searchWrapper { clear:left; border-color: #E3E2E0;}
        .searchWrapper legend { margin: 0; color:#736C66; padding: 0 0 1em; font-weight: bold; font-size: 120%; }
        .searchWrapper .findResults li { clear:left; }
        .searchWrapper .findResults li span { width:190px; display:block; float:left }
        .searchWrapper .searchFilters select { width:170px; display:block; float:left; margin: 0 20px 0 0}
        .ektronSearch div.searchWrapper #LoadingLabel { display: none; }
    
    #main #body #content .ektronSearch div.searchWrapper div#advancedTerms ul li { padding-left: 0; background: none; }
    .ektronSearch div.searchWrapper div#advancedTerms fieldset ul { margin: 0; }
    .ektronSearch div.searchWrapper div#advancedTerms fieldset p { margin: 0; }

#results li { border-bottom: 1px solid #E3E2E0; padding: 1em 0 1em 15px !important;  }
    #results li:last-child { border-bottom: none;  }    
    #results li p { padding:0;  }
    #results .Assets { background: url(../images/content-types/documents.gif) 0 1.2em no-repeat !important;  }
    #results .Content { background: url(../images/content-types/html.gif) 0 1.2em no-repeat !important;  }

#navbar { overflow:hidden; padding: 0.3em 0em;}  
#navbar li  {
    float:left; 
    display:block; 
    background:none !important;
    padding:0!important;
    margin:0 1em 0 0;
    border:none;
    }

/*********************************************** 
			Classes for reuse
***********************************************/

.wrapper { width: 940px; margin: 0 auto; text-align: left; position: relative;  }

.hidden	{ position:absolute; left:-9999px; font-size:0; }

.clearFix {	width: 100%;} 

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clear { clear: both; }

.last { /*border: none !important; padding-right: 0px !important;*/ }

.line {
	background: url(../images/line.png) repeat-x 0 0;
	}
	.line-top { background-position: 0 151px; height: 152px; }
	.line-bottom { background-position: 0 100%; }

.linkList { font-size: 90%; }
.linkList li,
.readMore { 
	padding: 0.2em 0 0.2em 12px;
	background:url(../images/link-bullet.png) no-repeat 0 0.5em;  
	color: #736C66;
	}

.linkList li a { color: #736C66; }

.linkList li a:hover,
.readMore:hover { text-decoration: none; color:#F15A22; /* Eircom Terracotta */; }

.corner { 
	display: block; 
	width: 3px; 
	height: 3px; 
	background:url(../images/roundies.png); 
	position: absolute;
	font-size: 0px;
	line-height: 0px;
	}
	.bl { background-position: 0 0; left: -1px; bottom: -1px; }
	.br { background-position: -3px 0; right: -1px; bottom: -1px; }
	
.bttn { display: block; text-indent: -999em; background-repeat:no-repeat;}

.jumpBttn { 
	background: url(../images/btn-products.png) -114px 0 no-repeat;
	width: 119px;
	height: 18px;
	}
.downloadBttn { 
	background: url(../images/btn-products.png) 0 0 no-repeat;
	width: 114px;
	height: 18px;
	}

/* 
    Form elements 
*****************/

.formField { 
	border: 1px solid #C7C4C2 /* Eircom Grey, 40% tint */; 
	padding: 5px 4px; 
	margin-bottom: 0.5em;
	}
	
.formBttn {  
	cursor: pointer;
	border: none;
	color: #fff;
	background: #F15A22 url(../images/btn-corner.png) no-repeat 100% 0;
	height: 23px;
	line-height: 23px;
	padding-right: 41px;
	text-align: left;
	display: block;
	padding: 0px 6px;
	}
	/*.signup { background:url(../images/btn-signup.png) no-repeat; width: 91px; height: 25px;  }*/
	.submit {  width: 91px;  }
		.submitRow .submit { margin-left: 75px; }
	.signup {  width: 161px;  }
	.login, .logout { width: 90px; }
	
.formLabel { float:left; display:block; width:75px; padding: 0.5em 0 0 }

.row { clear:left; padding: 0 0 1em}	
.row .formField { width:350px;}
.row .formFieldContainer { float:left;  width: 350px} 

/* overide ektron css */
#design_content, div.design_content { overflow: visible; }

/* 
    Feature boxes 
*****************/
	 
	.box {
		width: 220px; 
		}
		.box .header {  
			font-size: 170%; 
			font-weight: bold; 
			color: #736C66; 
			position: relative;
			margin-bottom: 0.3em;
			border-top: 3px solid #736C66;
			padding: 0.3em 0 0.2em 0;
			line-height: 1em;
			}
		.box ul li {line-height: 1.3em; }
		.box p { line-height: 1.5em; font-size: 90%; }
		.box .featureImage { position: relative; width: 220px; }
			.box .featureImage a,
			.box .featureImage img { display: block; }
			.box .featureImage .teaser {
				position: absolute;
				top: 0;
				left: -100000px;
				width: 200px;
				height: 173px;
				padding: 10px;
				background: url(../images/teaser.png) no-repeat;
				color: #fff;
				text-shadow: #7b7876 1px 1px 1px;
				/*pointer-events: none;*/
			}
			.box .featureImage:hover .teaser,
			.js .box .featureImage .teaser { left: 0; }
				.box .featureImage .teaser p { font-size: 100%; }
	
	.boxRow { width: 940px; margin: 40px auto; }
		.boxRow .box { margin: 0 20px 0 0; float: left; }
		.boxRow .box input { width: 210px; }
		.boxRow .last { margin-right: 0; }
		
	.feature { background-position:  -660px bottom;  }
		.feature .header { background-position:  -440px 0; color: #FFFFFF;  }
		.feature .formField { width: 194px;  }
		.feature h4 { color:#413c39}

	.connections { 
		background: #F1F0F0; 
		width: 192px; 
		height: 165px; 
		padding: 14px;
		text-shadow: #fff 1px 1px 1px;
		}
		.connections p { font-size: 120%; }
		.connections div {
			color: #fff;
			font-size: 430%;
			height: 52px;
			line-height: 52px;
			text-shadow: none;
			font-weight: bold;
			}
			.connections div span {
				line-height: 52px;
				height: 52px;
				display: block;
				float: left;
				text-align: center;
				width: 31px;
				margin-right: 1px;
				background: #F15A22;
			}
			.connections div .sp1 {  }
	
	/* Custom box styling */
	
	#newsletter {  background-position: -880px bottom; position:relative; min-height:260px; padding-bottom:34px; }
		#newsletter hr { color: #C7C4C2; background: #C7C4C2;}
		#newsletter .formField { width: 210px; }
		#newsletter .signup { width: 220px; }
		#newsletter a#twitter-btn {
		    display:block; 
		    background:url(../images/btn-twitter.png) no-repeat; 
		    height:34px; 
		    width:220px;
		    position:absolute;
		    left:0px;
		    bottom:0px;
		    text-indent:-9999em;
		    }
		
/* 
    Contact us
*****************/

.contact #main #body #content.wide { width: 836px !important; }  

#contact-col-1 
{
    width: 440px;
    float: left;
    margin-right: 35px;
    min-height: 450px;
}

#contact-col-2 
{
    width: 350px;
    float: left;
    height: 530px; 
    border: 1px solid #C7C4C2 /* Eircom Grey, 40% tint */;
    padding: 5px 4px; 
}

.adp-directions, .adp-summary { line-height: 1.5em; }

.adp-placemark { font-size: 120%; font-weight: bold; } 
.adp-placemark img { margin: 10px 10px 5px;} 
.adp-text { padding: 21px 10px 0; } 

/* 
    Our Brand
*****************/

.our-brand .row { margin-bottom: 30px; }
.our-brand .col { float: left; width: 420px; margin-right: 100px; }
	#main #body #content .our-brand .col h2 { padding-bottom: 0.3em; }
	.our-brand .col h2, .our-brand .col h3 { color: #F15A22; }
	.our-brand .col h3 { padding-bottom: 0.4em; }
.our-brand .col2 { margin: 0; }
.our-brand .attribute { padding-left: 200px; min-height: 160px; width: 220px; }
.our-brand .Collaborative { background: url(../images/attribute-collaborative.jpg) no-repeat; }
.our-brand .Expert { background: url(../images/attribute-expert.jpg) no-repeat; }
.our-brand .Straightforward { background: url(../images/attribute-straightforward.jpg) no-repeat; }
.our-brand .Trusted { background: url(../images/attribute-trusted.jpg) no-repeat; }
