/* 
***********   TEMPLATE LAYOUT ONLY ***************

styling for page headers(banners) in header-styles.css
Styling for page elements, boxes, page content etc in content-style.css

***************************************************

*/

html, body {
	background: #072b49 url(../images/mainbg.jpg) repeat-x center top;
	margin: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #353535;
}



p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 10px 0;
}

a {
	color: #0099ff;
}

a:hover {
	text-decoration: none;
}

.outer-outer-wrapp {
	width: 924px;
	background: url(../images/useless-part-left.jpg) no-repeat 0 top;
	margin: 0 auto;
}

.outer-wrapp {
	width: 924px;
}

.header-logo {

	float: left;
	width: 347px;
	height: 107px;
}

.header-logo {
padding-left : 0px;
}

.header-logo a, header-logo a:visited, .header-logo a:hover {
color : #ffffff;
display: block;
width: 290px;
height: 96px;
font-weight : bold;
}


.header{
	background: url(../images/irish-header-long.jpg) no-repeat top; /* change to .jpg for no phone number */
	height:366px;
	}


.header-search-call {
	float: right;
}

.header-search {
	background: url(../images/search-bg.jpg) no-repeat;
	width: 495px;
	height: 44px;
	
}

.header-search form {
	margin: 0 0 0 200px;
	padding: 5px 0 0 0;
}

.header-banner {
	float:right;
	margin:0px 10px 0px 0px;
	height:55px;
	width:450px;
	overflow:hidden;
	color:#FFFFFF;
}

.search-name { width:125px; height:14px; margin-bottom:5px; vertical-align:top ;}
.search-drop { width:65px; margin-bottom:5px; vertical-align:top ;}


input.form-top-input {
	width: 120px;
	margin-top: 0px;
}

.main-menu {
	clear: both;
	/* height: 60x;   this set in menu module in /modules/mod_ojdlmenu/lib/oj-dlmenu.css */
	background-color:#0099ff;
	line-height: 30px;
	background: url(../images/menu-bg-long.jpg) no-repeat left top;
}

/*
.main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.main-menu ul li.active {
	background: url(../images/selected.jpg) no-repeat 50% bottom;
}

.main-menu ul li a {
	color: white;
	line-height: 33px;
	display: block;
	float: left;
	padding: 0 17px 0 15px;
	background: url(../images/menu-spacer.jpg) no-repeat right;
	text-decoration: none;
}

.main-menu ul li.last a {
	background: none;
	padding-right: 115px; 
}




.main-menu ul li a:hover {
	text-decoration: underline;
}


.customer-login a{
	float:right;
	background: url(../images/icon-customer-login.jpg) no-repeat 0px 5px;
	padding: 0 10px 0 0;
}
*/	
#banner {
	margin 0px 0px 0px 0px;
	}



.content-area {
	background: white url(../images/page-end.jpg) no-repeat 0 bottom;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	width: 900px;
}



/* General layout settings  */



.main-sidebar-right {
	float: right;
	width: 235px;  /* to align with icons in banner  */
	margin: 20px 20px 0px 0px;	
	border-left: 0px solid #c8c8c8;
	font-size:10px;
	text-align:justify;
}

.main-content-zone {
/*	width: 580px;  */
	float: left;
	padding: 0px 10px 0px 10px;  /* padding: 0px 20px 0px 33px;  */
	font: 12px Arial, Helvetica, sans-serif;
}

.contentheading{
	color: #0b4574;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: normal;
}

.main-content-zone h1, {
	color: #0b4574;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: normal;
}

.main-content-zone h2, .main-content-zone h3 {
	color: #0b4574;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.moduletable h1 {
	color: #0b4574;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: normal;
}

.moduletable h2, .moduletable h3 {
 	color: #0b4574;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.main-content-zone p {
	font-size: 12px;
	line-height: 18px;
}
/*
.homepage-left {
	float: left;
	width: 47%;
	padding-right: 3%;
	border-right: 1px  solid #c8c8c8;	
}
*/
.reseller-left {
	float: left;
	width: 47%;
	padding-right: 3%;
	border-right: 1px  solid #c8c8c8;	
}

.domains-left {
	float: left;
	width: 30%;
	padding-right: 2%;
	border-right: 1px  solid #c8c8c8;	
}

.domains-middle {
	float: left;
	width: 30%;
	padding:0 2% 0 2%;
	border-right: 1px  solid #c8c8c8;	
}

.homepage-left h2 {
	background: url(../images/icon-hosting.jpg) no-repeat;
	line-height: 44px;
	padding-left: 50px;
}

/*
.homepage-right {
	float: right;
	width: 47%;
}
*/
.reseller-right {
	float: right;
	width: 47%;
}

.domains-right {
	float: right;
	width: 30%;
}

.homepage-right h2 {
	background: url(../images/icon-ecommerc.jpg) no-repeat;
	line-height: 44px;
	padding-left: 55px;
}

.main-sidebar-right h2 {
	font-size: 16px;
	color: #858585;
	font-weight: normal;
}

.main-sidebar-right p {
	font-size: 11px;
	color: #353535;
	line-height: 18px;
	padding: 0 20px 20px 20px;
}

.main-sidebar-right h2.one {
	line-height: 44px;
	padding-left: 70px;
	background: url(../images/side-featured.jpg) no-repeat;
}

.main-sidebar-right h2.two {
	line-height: 44px;
	padding-left: 70px;
	background: url(../images/side-special-offer.jpg) no-repeat;
}

.main-sidebar-right h2.three {
	line-height: 44px;
	padding-left: 70px;
	background: url(../images/side-news.jpg) no-repeat;
}

.site-footer {
	background: url(../images/page-start.jpg) no-repeat 0 1px;
	padding-top: 10px;
}

.site-footer h2 {
	color: #0099ff;
	font-size: 14px;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.site-footer p {
	font-size: 12px;
}

.footer-inner {
	background: white url(../images/page-end.jpg) no-repeat 0 bottom;
	padding-bottom: 10px;
}

.footer-testimonials {
	float: left;
	padding: 1%;
	width: 30%;
}

.footer-testimonials img {
	float: left;
	margin: 0 7px 10px 0;
}

.footer-partners {
	width: 60%;
	padding: 1%;
	float: right;
}

.global-credits {
	font-size: 12px;
	color: #0099ff;
	text-align: center;
}

.global-credits a {
	color: #0099ff;
}

.global-credits ul {
list-style:none;
text-align:center;
}

.global-credits li {display:inline; margin: 0 5px 0 5px}

.global-credits li a {
	color: #0099ff;
}

.global-credits li a:hover {
	color: #00CCFF;
	text-decoration:none;
}


#box1, #box3 {
	float:left;
	text-align:justify;
}

#box2, #box4 {
	float: right;
	width: 48%; 
	text-align:justify;
}

.contentpane_webmail  {
	text-align:center;
}




/*  module menu navigation  */

/* .moduletable {margin:20px 0px 0px 25px;} */

.moduletable ul {
	margin: 0px 0px 30px 20px;
	list-style-type:none;

}

.moduletable li {
	list-style-type:none;
	}

.moduletable li a {
	text-decoration::none;
	}
.moduletable li a:hover {
	text-decoration::underline;
	}
	
	
	

/* **************************** */

div#navwrap  {
/*	width:9em;  */
	/*margin-top:-9em;*/
/*	margin-left:1.2em;  */
	/*position:absolute;top:80px;left:0;*/
/*	float:left; */

	/*display:inline;  stops the IE6 and earlier doublemargin bug */
/*	margin-bottom:30px; */
}

ul#navigation {
	font-family: Tahoma,Helvetica, Arial,sans-serif;
	font-size: 100%; /*          ****CHANGE**** change for larger or smaller font */
	float:left;
}

ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
/*	border-right: 1px solid #238126;  */
/*	border-bottom: 1px solid #238126; */
}
ul#navigation li { 
/*	line-height : 1.35em;	*/
	position: relative;
	float: left;
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation li a {
	display: block;
/*	text-decoration: none;  */
	text-align:center;
/*	color: #000;  */
/*	background-color: #0099ff;  */
/*	width: 6em;  */ /*          ****CHANGE-MENU**** */
/*	padding: 0.5em 0.5em; */
/*	border-top: 1px solid #238126;    */ /*0.04em*/
/*	border-left: 1px solid #238126; */
}



ul#navigation li li a, #navigation li li a:focus {
	width: 8em; /*           ****CHANGE-SUBMENU**** */
        
/* border-right: 1px solid #238126; */
/* border-bottom: 1px solid #238126; */
background: #0099ff;


	text-align:left;
}

ul#navigation li li li a, #navigation li li li a:focus {
	width: 10em; /*           ****CHANGE-SUBMENU**** */
}

ul#navigation li a:hover { /* The hovered style for submenus */
/*	background-color: #A9E1B1;  */
}
ul#navigation li a:focus { /* The focus style for submenus */
/*	background-color: #F4D4D8;   */
}
ul#navigation li a:active { /* The active style for submenus */
/*	background-color: #A9D1E1;  */
}



#navigation li li a:focus, #navigation li li a:active { /* The focus position for anchors */
	position : relative;
	left: 10000px;
	/*margin-left:7em;*/
	top:0;
	z-index:1;
}
#navigation li:hover li a:focus, #navigation li:hover li a:active, #navigation li.sfhover li 

a:active { /* The hovered style 
for submenus when anchor is in focus */
	position : relative;
	left: 0;top:0;
	margin-left:0;
}
#navigation li li li a:focus, #navigation li li li a:active { /* The focus position for 

anchors */
	left: 20000px;
	margin-left:9em;
	top:-2.38em;
}
#navigation li:hover li li a:focus, #navigation li:hover li li a:active, #navigation 

li.sfhover li li a:active { /* The 
hovered style for submenus when anchor is in focus */
	position : relative;
	left: 0;margin-left:0;
}
#navigation li li li li a:focus, #navigation li li li li a:active { /* The focus position for 

anchors */
	position : relative;
	left: 30000px;
	margin-left:20em;
	top:-4.76em;
	z-index:1;
}
#navigation li:hover li li li a:focus, #navigation li:hover li li li a:active, #navigation 

li.sfhover li li li a:active { /* 
The hovered style for submenus when anchor is in focus */
	position : relative;
	left: 0;margin-left:0;
}





/* Give some outline */


#navigation li a:focus { /* The focus position for anchors */
	outline: 2px solid #e05067;
}
#navigation li li a:focus { /* The focus position for anchors */
	outline: 2px solid #60a0d0;
}


#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -10000px;
}
/*#navigation li:active ul ul, #navigation li:active ul ul ul*/
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, 

#navigation li.sfhover ul ul ul {
	left: -10000px; /* Hides the second and following unhovered submenus */
}

#navigation li:hover ul, #navigation li li:hover ul, ul#navigation li li li:hover ul, 

#navigation li.sfhover ul, #navigation 
li li.sfhover ul, #navigation li li li.sfhover ul { /* Displays submenu when the parent anchor 

element is hovered */
	top: 0;
	left: 0;
	margin-left: 100%;
}

/* Displays submenu when the parent anchor element is in focus */

#navigation li a:focus+ul {
	top: 0;
	left: 0;
	margin-left: 0;
	top: 2.35em; 
}
#navigation li:hover a:focus+ul {
	margin-left: 0;
}
#navigation li li a:focus+ul {
	top: 0;
	left: 10000px;
	margin-left:100%;
}
#navigation li:hover li a:focus+ul {
	left: -10000px;
	margin-left:100%;
}
#navigation li li:hover a:focus+ul {
	left: 0;
	margin-left:100%;
}
#navigation li li li a:focus+ul {
	top: -2.35em;
	left: 20000px;
	margin-left:100%;
}
#navigation li li li:hover a:focus+ul {
	top: 0;
	left: 0;
	margin-left:100%;
}
#navigation li li:hover li a:focus+ul {
	left: 0;
	margin-left:100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {
	top:100%;
	margin-left: 0;
}

/*
div#navwrap {
	width:95%;
}
*/


#navigation li li li:hover { /* currently in to prevent IE7 recalculated offset bug for last 

submenu, oh dear */
	background-position:left;
}

#navigation li.parent a li.parent   {
	background: #0099ff url(../images/subarr.gif) no-repeat 100% 50%;
}



/* **************************** */