html, body{

	font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	background:#000;

}


/* div specific links styles */

a {color:#c4cace; margin:0;padding:0;text-decoration:none;}
a:hover {color:#c4cace; margin:0;padding:0;text-decoration:underline;}
#centrepanel a{color:#c4cace; margin:0;padding:0;text-decoration:underline;}
#centrepanel a:hover{color:#c4cace; margin:0;padding:0;text-decoration:none;}

/* headings */

#logo h1{background:url('images/exsel-logo.png') no-repeat;margin:0; padding:0;height:41px;width:165px;text-indent:-999em;float:left;}
#rhs h1{margin:10px 0 0 ;padding:0 0 6px 8px;font-size:13px;font-weight:bold;color:#c4cace;border-bottom:solid 1px;}
h1.centrepanel{margin:0;padding:0;background:url('images/heading-pic.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_cab{margin:0;padding:0;background:url('images/heading-pic-cabling.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_sup{margin:0;padding:0;background:url('images/heading-pic-support.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_tel{margin:0;padding:0;background:url('images/heading-pic-tele.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_it{margin:0;padding:0;background:url('images/heading-pic-it.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_microsoft{margin:0;padding:0;background:url('images/heading-pic-microsoft.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}
h1.centrepanel_outsourced{margin:0;padding:0;background:url('images/heading-pic-outsourced.jpg') 0 0 no-repeat;text-indent:-999em;width:693px;height:232px;}



/* text p tags */

#header #right p{font-size:11px; color:#fff ;  	padding:12px 18px 0 0; line-height: 13pt;text-align:right;}
#header #right p.phone{font-size:15px; color:#fff ; margin:0 18px 0 0; padding:0; line-height: 13pt;font-weight:bold;}
#footer p{font-size:9px; color:#c4cace ; margin:10px 20px 10px 20px; padding:0; line-height: 11pt;text-align:left;}
#content p{font-size:11px; color:#fff ; margin:15px 40px 0 40px; padding:0; line-height: 14pt;}
#rhs p{margin:6px 0 0 8px;padding:0;font-size:10px;color:#c4cace;}
#centrepanel table p { color:#fff ; margin:15px 4px 0 4px; padding:0px; line-height: 14pt;}
#centrepanel table {margin-left:36px;}
#itcentre p{width:300px;}

/* images */

img{margin: 8px 8px 8px 8px;border:0;display:block;float:left;}
#centrepanel table img {margin: 8px 35px 8px 8px;}

/* styley tweaks - some of these not used, left just incase*/

.imgcell a {display:block;}
.imgcell img {display:block;}
strong {font-weight: bold;}
table{margin: 0 0 0 0;border:0;}
table {border-collapse: collapse;}


/* top level navigation styles */

#navbar ul{

	list-style: none;
	padding: 0;
	margin: 0;
	color:#666;

}


#navbar li{

	float: left;

}


#navbar li a{

	padding: 8px 10px 0 27px;
	background: url('images/nav-a.gif') 0 0 no-repeat;
	display: block;
	font-size:12px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;

}


#navbar li a:hover{

	background: url('images/nav-a.gif') -245px 0 no-repeat;
	display: block;
	color: #c4cace;

}


/* suckerfish specific styles */

#navbar li li a{

	font-weight: normal;
	border: none;
	margin: 0;
	padding: 0 0 3px 8px;
	background : url('/templates/exsel/images/dropdown-bg.png') 0 0 ;
	width:160px;
	border-bottom:solid 1px #224151 ;

}


#navbar li li a:hover{

	font-weight: normal;
	border: none;
	margin: 0;
	background : #254c60;
	color:#fff;
	border-bottom:solid 1px #224151;
	cursor:pointer;

}


#navbar li li{

	border: none;

}


#navbar li ul { /* second-level lists */

	position: absolute;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 10px;
	margin:0 0 0 10px;

}


#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}

/* ------------------------------ contact form -------------------------------- */

form#contactform {
	width: 415px;
}

#contactform label{
	display:block;
	padding: 10px 10px 10px 250px;
	background: transparent;
	color:#fff;
	width: 265px;
}


#contactform label.radio{
	padding: 5px;
	margin-top:0;
}

#contactform h3{
	padding-top:5px;
	margin-top : 7px;
	margin-bottom : 0;
}

#contactform span{
	position: relative;
	left: -125px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -130px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

#contactform input, #contactform textarea{
	border: 1px solid #000;
	width: 250px;
}

#contactform p#buttons{
	padding: 0 0 0 250px;
}

#contactform p#buttons input{
	border: none;
	width: 71px;
	height: 28px;
}

#centrepanel p.email_error,  #content p.email_thanks, #content p.email{
	margin-left: 168px;
	margin-top:30px;
	margin-bottom:20px;
	padding: 10px 10px 10px 32px;
	/*border-width: 1px;*/
	/*border-style: solid;*/
	width: 330px;
}

#centrepanel p.email{
	background: #18303d url(images/email.png) 10px 13px no-repeat;
	border-color: #2479B9;
}

#centrepanel p.email_error{
	background: #18303d url(images/email_error.png) 10px 13px no-repeat;
	border-color: #2479B9;
}

#centrepanel p.email_thanks{
	background: #18303d url(images/email_add.png) 10px 13px no-repeat;
	border-color: #2479B9;
}

fieldset {

    margin:0;
    padding:0;
    border:none;


}

/* -------------- box div layout --------------------- */

#container{

	width:990px;
	margin:12px auto 0;
	overflow:hidden;

}


#header{

	width:990px;
	height:117px;
	background: url('images/header-bg.png') repeat-x;
	display:block;
	overflow:hidden;

}


#header #logo{

	float:left;
	width:156px;
	height:41px;
	padding:41px 0 0 23px;

}


#header #right{

	float:right;
	display:inline-block;

}


#navbar{

	display:inline;
	float:left;
	height:29px;
	width:990px;
	margin:0;
	padding:0;
	background:#224151;

}


#content{

	width:990px;
	background:#000;
	overflow:hidden;
	padding-top:3px;

}


#centrepanel{

	display:inline;
	float:left;
	width:693px;
	margin-right:9px;
	background:#224151 url('images/centrepanel-footer.gif') no-repeat center bottom;
	min-height:460px;
	padding-bottom:40px;

}


#centrepanel #centreheading{

	background:#000;

}


#rhs{

	background:#2f2f32 url('images/rhspanel-footer.gif') no-repeat center bottom ;
	width:288px;
	float:left;
	display:inline;
	overflow:hidden;
	height:500px;

}


#rhs h2{

	float:left;
	display:inline;
	background:#2f2f32 url('/assets/images/rhspic.gif') 0 0 no-repeat  ;
	width:288px;
	height:275px;
	text-indent:-999em;

}


#footer{

	float:left;
	display:inline;
	width:990px;
	border-top: 3px solid #000;
	background: url('images/footer-bg.png') 0 0 no-repeat ;
	min-height:80px;

}


#etoNotice{

	display:none;

}