/*	----------------------------------------------------------------------
	RESET
	Set all margins, paddings and font sizes to the same base.
	---------------------------------------------------------------------- */
* {
	font-family:'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.1;
	color:#232528;
	margin:0;
	padding:0;
	text-align:left;
}

body {
	font-size:90%;
	color:#232528;
	background:#262626;
	margin:0;
}

/*	----------------------------------------------------------------------
	LAYOUT
	Main blocks used in the layout of the site.
	---------------------------------------------------------------------- */
#wrapper {
	width:900px;
	/*float:left;*/
	background-attachment: scroll;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	_overflow:hidden;
	_padding:0 10.8px 0 10.8px;
	background-color: #B1B7B5;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1.53em;
	padding-bottom: 1em;
	padding-left: 1.53em;
}



/* TITLE */
#title {
	background:left bottom no-repeat url(../images/title_bkg.gif);
	margin-bottom:0.5em;
	width:100%;
	float:left;
}
#title h1 {
	background:left top no-repeat url(../images/logo.gif);
	width:185px;
	height:0;
	padding-top:50px;
	margin:0.6em 0 0 2%;
	overflow:hidden;
	float:left;
	display:inline; /* Hack against margin doubling IE */	
}

#title p {
	text-indent:-1000em; /* this bit hides the text */
	height:0;
	padding:0px;
	margin:0px;
	overflow:hidden;
	float:left;
	display:inline; /* Hack against margin doubling IE */	
}
/* CONTROL PANEL ETC */
#title ul {
	background:right bottom no-repeat url(../images/title_bkg.gif);
	padding:1.8em 1.5em 1.8em 0 !important;
	float:right;
}
#title ul li,
#title ul a {
	float:left;
}
#title ul li {
	list-style-type:none;
}
#title ul a {
	font-size:0.75em;
	text-decoration:none !important;
	padding-left:16px !important;
	padding-right:0 !important;
	
	background:no-repeat left center;
	float:left !important;
}
#controlNav:hover,
#billsNav:hover,
#mailNav:hover,
#statusNav:hover {
	
	color:#000000 !important;
}

/* CONTENT */
#content {
	background:#ffffff;
	margin-bottom:0em;
	width:94%;
	float:left;
	padding-top: 1em;
	padding-right: 3%;
	padding-bottom: 1em;
	padding-left: 3%;
}
#main {
	width:70%;
	float:left;	
}
/* SIDE BAR */
#sideBar {
	border:1px solid #A5BCD8;
	background:#DCECFF;
	padding:1em 1.5% 0 1.5%;
	width:24%;
	float:right;	
}
#sideBar li {
	list-style-type:none;
}
/* FOOTER */
#footer {
	clear:both;
	font-size:0.8em;
	margin:0;
	padding:1em 10px;
	height:120px;

}
#footer h1 {
	float:left;
	font-weight:bold;
	
}
#footer h1,
#footer p {
	color:#CeCeCe !important;
}
#footer p {
	width:100%;
	clear:both;
}

#footer ul{
	margin: 0px;
	padding: 0px;
}

#footer li {
	list-style-type:none;
	padding-right:0.5em;
	display:inline;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer #websiteByCaramel {
	float:right;
	clear:none !important;
	width:auto !important;
}

/* FOOTER NOTICES*/
#footer_notices {
	width:900px;
	font-size:0.7em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 4em;
	padding-left: 2%;	
}
#footer_notices h1 {
	float:left;
	font-weight:bold;
}
#footer_notices h1,
#footer_notices p {
	color:#43474D !important;
}
#footer_notices p {
	width:100%;
	clear:both;
}

#footer_notices ul{}

#footer_notices li {
	list-style-type:none;
	padding-right:0.5em;
	display:inline;
}

#footer_notices a:link {
	color:#43474D;
}
#footer_notices a:visited {
	color:#43474D;
}


/*	----------------------------------------------------------------------
	NAVIGATION
	---------------------------------------------------------------------- */
#navigation,
#subNavigation {	
	float:left;
}
#navigation {
	border-bottom:1px solid #B1B7B5;
	background:left top no-repeat url(../images/navigation_bkg.gif);
	width:100%;
}
#navigation li,
#subNavigation li {
	list-style-type:none;
	float:left;
}
#navigation li {
	padding:0.6em 0;
}
#navigation a,
#subNavigation a {
	font-size:0.85em;
	color:#54390F !important;
	text-decoration:none !important;
	padding:0.4em 0.9em;
	float:left;
}
#navigation a:hover {
	color:#ffffff !important;
	background-color:#88BEFD !important;
}
#homeNav {
	padding-left:1.5em !important;
}
/* CURRENT PAGE */ 
#home #homeNav a,

#hosting #hostingNav a,
#domains #domainsNav a,
#servers #serversNav a,
#support #supportNav a
 {
	color:#ffffff !important;
	background:#4886CA;
}
/* SUB NAVIGATION */
#subNavigation {
	background:#ffffff left top repeat-x url(../images/sub_navigation_bkg.gif);
	border-bottom:1px solid #C9CCBA;
	padding:0.4em 2%;
	width:96%;
}
#subNavigation a {
	font-size:0.8em !important;
	color:#666666 !important;
}
#subNavigation a:hover {
	color:#000000 !important;
}
/* SIGN UP & LIVE HELP */
#signUpNav,
#liveHelpNav {
	padding:0.5em 0 0 0 !important;
	float:right !important;
}
#signUpNav a,
#liveHelpNav a {
	background:left top no-repeat;	
	margin-bottom:0.2em;
	padding:25px 0 0 0;
	height:0;
	overflow:hidden;
}
#signUpNav a:hover,
#liveHelpNav a:hover {
	background-color:transparent !important;
}
/* SIGN UP NOW */
#signUpNav {
	background:right top no-repeat url(../images/navigation_bkg.gif);
	padding-right:1em !important;
}
#signUpNav a {
	background-image:url(../images/sign_up_now.gif);	
	width:125px;
}
/* LIVE HELP */
#liveHelpNav {
	margin-right:0.5em;
}
#liveHelpNav a {
	background-image:url(http://www.myhost.ie/livehelp/include/status.php);	
	width:155px;
}
#liveHelpNav a.offline {
	background-position:0 30px;
}

/*	----------------------------------------------------------------------
	BLOCKS
	Blocks used repeatedly through out the site layout.
	---------------------------------------------------------------------- */
#content .block {
	border-bottom:1px solid #cccccc !important;
	background:15px 0 no-repeat;
	padding:0 30% 1em 15%;
	margin-bottom:1.8em;
	width:55%;
	float:left;
}

#content .ssl {
	border-bottom:1px solid #cccccc !important;
	background:15px 0 no-repeat;
	padding:0 30% 1em 20%;
	margin-bottom:1.8em;
	width:50%;
	float:left;
}

#content #main .block {
	background-position:1% 0;
	/* When in the narrower content box, remove the padding to compensate */
	width:85%;
	padding-right:0 !important;
}
#content .solidBlock {
	font-size:0.85em !important;
	border:1px solid #A5BCD8;
	background:#DCECFF;
	padding:1em 2% 0 2%;
	margin-bottom:1.2em;
	width:96%;
	float:left;
}
/* NESTED COLUMNS */
#content .block .colOdd,
#content .solidBlock .colOdd {	
	float:left;
	width:48.5%;
}
#content .block .colEven,
#content .solidBlock .colEven {
	float:right;
	width:48.5%;
}
/* BIG ICONS */
#content .documentBlock {background-image:url(../images/icon_large/document.gif);}
#content .briefcaseBlock {background-image:url(../images/icon_large/briefcase.gif);}
#content .ticketBlock {background-image:url(../images/icon_large/ticket.gif);}
#content .questionBlock {background-image:url(../images/icon_large/question.gif);}
#content .telephoneBlock {background-image:url(../images/icon_large/telephone.gif);}
#content .envelopeBlock {background-image:url(../images/icon_large/envelope.gif);}
#content .sslBlock {background-image:url(../images/logos/pp_trans.gif);}
#content .spamfilteringBlock {background-image:url(../images/icon_large/spamfree.gif);}
#content .personBlock {background-image:url(../images/icon_large/person.gif);}
#content .globeBlock {background-image:url(../images/icon_large/globe.gif);}
#content .moneyBlock {background-image:url(../images/icon_large/money.gif);}
#content .arrowBlock {background-image:url(../images/icon_large/arrow.gif);}
#content .newBlock {background-image:url(../images/icon_large/new.gif);}
#content .peopleBlock {background-image:url(../images/icon_large/people.gif);}
#content .serverBlock {background-image:url(../images/icon_large/servers.gif);}
#content .tomcatBlock {background-image:url(../images/icon_large/tomcat.gif);}
#content .windowsBlock {background-image:url(../images/icon_large/windows.gif);}
#content .linuxBlock {background-image:url(../images/icon_large/linux.gif);}
#content .linuxWizard {background-image:url(../images/icon_large/linux_Wiz.gif);}
#content .virtuozzoblock {background-image: url(../images/icon_large/virtuozzo.gif);}

/*	----------------------------------------------------------------------
	CONTENT STYLES
	Paragraphs, headings and other text styles used repeatedly.
	---------------------------------------------------------------------- */
#content h1 {
	font-size:2.2em;
	line-height:0.9;
	color:#FEA520;
	border-bottom:1px solid #B1B7B5;
	padding-bottom:0.5em;
	margin-bottom:0.8em;	
}	
#content h1 span {
	font-size:0.8em;
	color:#666D77;
}
#content h1 em {
	font-style:normal;
	color:#FEA520;
}
#content h2,
#content legend {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1.3em;
	color:#1A1414;
        background:#ffffff;
}
#content #sideBar h2 {
	color:#3399CC;
}
#content h3 {
	font-weight:bold;
	color:#436FA4;
	clear:both;
}

#content h4 {
	font-weight:bold;
	color:#666;
	clear:both;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#content strong {
	font-weight:bold;
}
#content p {
	line-height:1.3;
	margin-bottom:1em;
}
/* ANCHORS */

/* LISTS */
#content dl {
	margin-bottom:0.5em;
}
#content dt {
	font-weight:bold;
	padding:0 0 0.5em 0;
	color:#666666;
	float:left;
	width:6.5em;
}
#content dd {
	padding:0 0 0.5em 0;
}
#content ul {
	margin:0 0 1em 1.0em;
}



/*	----------------------------------------------------------------------
	FORMS
	Styles for the forms themselves and the actual inputs.
	---------------------------------------------------------------------- */
#content form {
	padding:0;
	margin:0 0 1em 0;
}
/* LABELS */
#content label {
	padding:0.2em 0 0.4em 0;
	width:7em;
	float:left;
	clear:left;
}
#content label span {
	font-size:0.9em;
	color:#666666;
}
#content label.inline {
	padding-right:0.5em;
	clear:none;
	width:auto;
}
/* INPUTS and TEXTAREAS */
input.narrow,
input.medium {
	margin:0 0.5em 0.8em 0;
	float:left;
	clear:right;	
}
input.medium {
	width:15em;
}
input.inline {
	clear:none;
}
/* CHECKBOXES and RADIO BUTTONS */
#content input.radio {
	float:left;
	clear:left;
	margin:0.2em 0.3em 0 0;
}
/* SELECTS */
#content select {
	margin-bottom:0.8em;
	float:left;
	clear:right;
}
#content select option {
	padding-right:1em;
}
/* SMALL INLINE FORMS */
#content form.solid,
#content fieldset.solid {
	border:1px solid #A5BCD8;
	background:#DCECFF;
	padding:1em 1em 0.2em 1em;
	float:left;
	width:95%;
}

#content form.logins{
	padding:1em 1em 0.2em 1em;
	float:left;
	width:430px;
}
/* FIELDSET and LEGEND */
#content fieldset.block {
	border:0;
	padding-bottom:1.5em !important;
	padding-right:0;
	width:85%;
	 /* Force the legend to behave in Firefox/Safari/Opera */
	margin-top:-1.4em;
}
#content fieldset fieldset {
	border:0;
	border-top:1px solid #cccccc;
	padding:1em 0 0 0;
	margin:0.4em 0 0 0;
	clear:both;
	width:100%;
	float:left;
}
#content fieldset.solid {
	width:auto;
	margin-left:1.2em;
}
#content legend {
	 /* Force the legend to behave in Firefox/Safari/Opera */
	padding-top:1.2em;	
}
/* IE HACKS - TODO: move these into a separate CSS file */
#content fieldset.block {
	_margin-top:0;
}
#content legend {
	_padding-top:0;
}
/* BUTTONS - SMALL */
#content button.go,
#content button.login,
#content button.nextStep,
#content button.previousStep,
#content button.finish {
	border:0;
	background:transparent left top no-repeat;
	height:0;	
	overflow:hidden;
	float:left;
}
#content button.go,
#content button.login {
	padding-top:24px;
}
#content button.go {
	width:44px;
	background-image:url(../images/button/go.gif);
}
#content button.login {
	width:63px;
	background-image:url(../images/button/login.gif);
}
/* BUTTONS - LARGE */
#content button.nextStep,
#content button.previousStep,
#content button.finish {
	margin-bottom:1em;
	padding-top:32px;
	float:right;
}
#content button.nextStep {
	width:111px;
	background-image:url(../images/button/next_step.gif);
}
#content button.previousStep {
	width:140px;
	background-image:url(../images/button/previous_step.gif);
	float:left;
}
#content button.finish {
	width:82px;
	background-image:url(../images/button/finish.gif);
}
/* NOTES */
#content form p.note {
	font-size:0.8em;
	color:#666666;
	margin-left:8.5em !important;
}
#content form p.note,
#content form p.link {
	margin-left:7em;
	float:left;	
	clear:both;
}

/*	----------------------------------------------------------------------
	CONTACT US
	---------------------------------------------------------------------- */
#contact #emergencies {
	background-image:url(../images/icon_large/alert.gif);
	border:2px solid #FEA520 !important;
	padding-top:1em;
	padding-bottom:0;
	width:54.5%;
}
#contact #emergencyPhone {
	font-size:2em;
	margin-bottom:0.6em;
}

/*	----------------------------------------------------------------------
	PACKAGE OVERVIEW
	Used on both the hosting and server pages
	---------------------------------------------------------------------- */
#content .packageOverview {
	float:left;
	width:32%;
	margin-bottom:1em;
}
#content .packageOverview h2 {
	background:center top no-repeat;
	margin:0 0 0.6em 0;
}
#content .packageOverview .description {
	font-size:0.85em;
}
/* POSITIONING */
#hosting #emailOverview,
#servers #dedicatedOverview {
	float:right;
}
#hosting #personalOverview,
#servers #coloOverview {
	margin-left:2%;
}

/*	----------------------------------------------------------------------
	PACKAGES
	Package details
	---------------------------------------------------------------------- */
#content .packages {
	background:left top no-repeat url(/_assets/images/package_bkg.gif);
	border:0;
	border-bottom:1px solid #cccccc;
	padding:1.5em 2% 1.5em 2%;
	width:96%;
	float:left;
}
#content .packageDetails p {
	font-size:0.85em;
}
#content .packageDetails {
	width:48%;
	margin-bottom: 20px;
}
#content .packageBasic {
	float:left;
}
#content .packagePro {
	float:right;
}

#content .packageDetails .details {
	float:left;
	width:80%;
	margin:0 0 0 40px;
}

#content .details ul {
	margin:0.5em 0 0 15px;
}
#content .details li {
	font-size:0.85em;
	color:#666666;
}

#content .packageDetails .features {
	float:left;
	width:48%;
}

#content .packageDetails .features h3 {
	margin-bottom:0.5em;
}
#content .features ul {
	margin-left:0;
}
#content .features li {
	font-size:0.85em;
	list-style-type:none;
	color:#666666;
}
/* PRICES AND SIGN UP */
#content .packageDetails .prices {
	background:left bottom no-repeat url(/_assets/images/price_bkg.gif);
	border-top:1px solid #cccccc;
	width:347px;
	float:left;
	padding-top: 1em;
	padding-right: 20px;
	padding-bottom: 0.2em;
	padding-left: 20px;
}
#content .packageDetails .prices p {
	font-size:1em;
	margin-bottom:0.8em !important;
	width:100%;
	float:left;
	clear:both;
}
#content .packageDetails .prices p strong {
	font-size:1.2em;
	margin-right:0.5em;
	color:#3399FF;
	float:left;
}
#content .packageDetails .prices p span {
	font-size:0.85em;
	padding-top:0.3em;
	float:left;
	margin-left:1.0em;
}
#content .packageDetails .prices p a {
	background:left top no-repeat url(../images/button/sign_up.gif);
	padding-top:24px;
	height:0;
	width:69px;
	overflow:hidden;
	float:right;
}
/* FEATURE LISTING */
#content #features h2,
#content #features h3 {
	margin-bottom:0.5em;
}
#content #features ul {
	margin-left:1.2em;
}
#content #features .colOdd,
#content #features .colEven {
	width:25%;
}

#content #features .colEven {
	float:left;
}

#content #features .colQuestionsOdd,
#content #features .colQuestionsEven {
	width:55%;
}

#content #features .colQuestionsEven {
	float:left;
}
/* TWEAK PACKAGES FOR PARTICULAR PAGES */
#servers.vps .block,
#servers.windows .block,
#servers.colocation .block,
#servers.dedicated .block,
#servers.tomcat .block,
#hosting.business .block,
#hosting.personal .block,
#hosting.reseller .block,
#hosting.spamfiltering .block,
#hosting.email .block {
	background-position:15px 2em;
	border-top:1px solid #cccccc;
	border-bottom-width:0 !important;
	padding-top:2em;
	margin-bottom:0;
}
#servers.vps .solidBlock,
#servers.windows .solidBlock,
#servers.colocation .solidBlock,
#servers.dedicated .solidBlock,
#servers.tomcat .solidBlock,
#hosting.business .solidBlock,
#hosting.personal .solidBlock,
#hosting.reseller .solidBlock,
#hosting.spamfiltering .solidBlock,
#hosting.email .solidBlock {
	border:0;
	background:left bottom no-repeat url(/_assets/images/feature_bkg.gif);
	margin-bottom:5em;
}

/*	----------------------------------------------------------------------
	TESTIMONIALS
	Found on both the frontpage and the testimonials page under about
	---------------------------------------------------------------------- */
#content .testimonial,
#content #testimonial {
	background:right top no-repeat url(../images/testimonials/top.gif);
}
#content #testimonial h2,
#content .testimonial .quote,
#content .testimonial h2 {
	background:left top no-repeat url(../images/testimonials/top.gif);
	padding:0.6em 0 0 0.8em;
	margin:0 0.8em 0 0;
	color:#54390F;
}
#content #testimonial h2,
#content .testimonial .quote {
	font-weight:normal;
}
#content .testimonial .quote {
	background-position:left center;
}
#content #testimonial p,
#content .testimonial .credit {
	background:#ffffff left top no-repeat url(../images/testimonials/person_left.gif);
	padding:0 0 2em 70px;
	font-size:0.85em;
	margin-bottom:0;
}
#home .testimonialRight p,
#content .testimonialRight .credit {
	text-align:right;
	padding:0 70px 2em 0;
	background-position:right top;
	background-image:url(../images/testimonials/person_right.gif);
}
#content #testimonial p strong,
#content .testimonial .credit strong {
	padding-top:40px;
	background:right top no-repeat url(../images/testimonials/right_bottom.gif);
	display:block;
}
#home .testimonialRight p strong,
#content .testimonialRight .credit strong {
	background-position:left top;
	background-image:url(../images/testimonials/left_bottom.gif);
}
#clientlogin
{
	height: 141px;
	width: 460px;
	margin-left:210px;
	margin-top:10px;
	display: block;
	margin-bottom: 40px;
	background-attachment: scroll;
	background-image: url(../images/login_bkg.gif);
	background-repeat: no-repeat;
}

#clientlogin .submit{
	float:left;
	clear:left;
	margin:0 0 0 6.8em;
}
#tablelayouts{
	background:15px 0 no-repeat;
	margin-bottom:1.8em;
	padding-top: 0;
	padding-bottom: 1em;
	}
#misctitle{
	font-size:2.2em;
	line-height:0.9;
	color:#FEA520 !important;
	border-bottom:1px solid #B1B7B5;
	padding-bottom:0.5em;
	margin-bottom:0.8em;
	text-align: left;
}
.solid{
	border:1px solid #A5BCD8;
	background:#DCECFF;
	padding:1em 1em 0.2em 1em;
	
}

.ordertable{
	border-bottom:1px solid #B1B7B5;
	margin-bottom: 20px;
	font-size:12px;
}

#wizard {
	padding:5px;
	line-height:24px;
	margin-left:20px;
}
#floatLayer {
	position: absolute;
	visibility: hidden;
	z-index: 5000;
	top: 400px;

}


#radio {
	margin-top:10px;
	
}

#extraStuffBoxes{
	float: left;
	width: 100%;
 	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#extraDomain{
	float: left;
/*	width: 250px;*/
}

#extraInfo{
	float: left;
	width: 250px;
}

#extraFaq{
	float: left;
	width: 250px;
}

.pageBox {
		width:900px;
		margin:20px auto;
}
			
#siteMap {

		width:900px;
		float:left;
		list-style-type:none;
		margin:0 0 0em 0;
		padding:0;
		/*clear:both;*/
}
			
#siteMap li {
	width:150px;
	padding:0 0 0.5em 20px;
	margin:0;
	display:block;
	float:left;
	_width:150px;
}
			
#siteMap ul{
	padding:0.0em 0 0.2em 0;
	margin:0.5em 0 0 0;
	font-size:0.9em;
}
			
#siteMap li li{
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 15px;
}

#siteMap a:link{
		color: #515457;
}

#siteMap a:visited{
		color: #515457;
}


.libullet{
	background-image:url(../images/icon_small/bullet.gif);
	background-position:0 40%;
	background-repeat:no-repeat;
    padding:0.5em 0 0.2em 0;
	margin:0;
}



td.head {
border-bottom: 2px solid #dde0e4;
border-left: 1px solid #dde0e4;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-weight: bold;
color: #404040;
}
td.bod {
border-bottom: 1px solid #dde0e4;
border-top: 0px;
border-left: 1px solid #dde0e4;
border-right: 0px;
text-align: left;
text-indent: 5px;
color: #404040;
background-color: #fafafa;
}


table.dns {
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border: 1px #dde0e4 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom:20px;
}

fieldset {
background-color:#FAFAFA;

}

form label#field-dns {
display:block;
padding:0 0 10px;
width:450px;
}

form label#field-dnsCheck {
display:block;
padding:0 0 10px;
width:310px;
}

form label#field-lookup {
float:left;
margin:0 10px 0 0;
width:50px;
clear:none;
padding:0;
}

form label#contact-submit, form label#contact-clear {
clear:left;
float:left;
margin:0;
padding:0;
width:70px;
}

#spamtrial{
	float: right;
	width: 174px;
	margin:-200px -240px 0 0;
}

code{
	-moz-border-radius:10px 10px 10px 10px;	
	background-color: #000000;
	color:#FFFFFF;
	float:left;
	margin:20px 0;
	padding:20px 0 20px 20px;
	width:95%;
	background-image: url(../images/code_block.gif);
	background-repeat:no-repeat;
	

}