@charset "utf-8";
/* Master CSS document created - 13/12/2007 */

* {
	margin: 0;
	padding: 0;
}

option {
	padding-right: 10px;
}

body {
	font-size: small;
	font-family: Verdana, sans-serif;
	background: #F5F6F8 url(../imgs/page_bckgd.jpg) repeat-x;
}

a {
	color: #00529B;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	color: #666666;
	margin-bottom: 15px;
}

h1 {
	color: #00529B;
	font-weight: normal;
	font-size: 120%;
	text-align: left;
	margin: 20px 10px 10px 0;
}

h2 {
	color: #00529B;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h3 {
	color: #00529B;
	font-size: 100%;
	margin: 0 0 15px 0;
}

h6 {
	color: #666;
	margin: 0 0 10px 0;
	font-size: 100%;
}

label {
	cursor: pointer;
}

input, select, textarea {
	font-size: small;
	color: #666;
	font-family: Verdana, sans-serif;
}

hr {
	margin: 0 0 15px 0;
}

/*#container {
	width: 995px;
	margin: 50px auto 0 auto;
	background-color: #FFF;
}*/

/*#masthead {
	margin: 0 0 30px 0;
	padding: 1px 0 0 0;
}*/

#masthead p {
	text-align: right;
	margin: 8px 9px 0 0;
}

#imgDNSLogo {
	margin: 0 0 0 37px;
}

#searchHolder {
	float: right;
	width: 360px;
	margin: 32px 0 0 0;
}

input#inputSearch {
	border: 1px solid #00529B;
}

/*input#btnSearch{
	margin-bottom: -3px;
}*/

#contentHolder {
	background-color: #FFF;
}

#leftColumn {
	float: left;
	width: 187px;
	background-color: #FFF;
}

#leftColContent {
	margin: 0 3px 0 9px;

}

table {
	margin-bottom: 15px;
}

td {
	padding: 5px;
	color: #666;
}

td p {
	margin: 0;
	padding: 0;
}

ul#Nav {

}

/*********************************************/
/** Start left column sub-navigation styles **/
/*********************************************/

.Nav {
	width: 100%;
	margin: 0;
	list-style-type: none;
	/* Add borders top and bottom of the menu area
	border-top: ;
	border-bottom: ;
	*/
}

.Nav ul {
	list-style-type: none;
}

.Nav li {
	width: 100%;
	display: inline;
}

.Nav a, .Nav strong {
	font-size: 76%;
	font-weight: bold;
	width: 90%;
	display: block;
	margin-bottom: 2px;
	padding: 4px 0 4px 10%;
	text-decoration: none;
	background: transparent url(../imgs/btn_nav_backgd.jpg) repeat-x; /* Sets the background colour for the first menu level */
	color: #FFF;
	/*border-bottom: 1px solid #F00;*/ /* Sets the line colour between the menu items */
}

.Nav a.section {
		margin-bottom: 0;
		background: transparent url(../imgs/btn_nav_section.jpg) no-repeat;
		padding-bottom: 5px;
}

.Nav a.section:hover {
	text-decoration: none;
	cursor: default;
}

/* Menu title CSS styles */
.Nav li#menuTitle {
	width: 90%;
	padding: 4px 0 4px 10%;
	font-weight: bold;
	background-color: #008E90; /* Sets the background colour of the menu title */
	color: #FFF; /* Sets the colour of the menu title */
}

/* Sub-menu level 1 */
.Nav li#active, .Nav li strong {
	width: 90%;
	padding: 4px 0 4px 10%;
	/*font-weight: bold;*/
	color: #FFF; /* Sets the colour of the active menu item */
	background-color: transparent; /* Sets the background colour of the active menu item */
	/*border-bottom: 1px solid #DDD; /* Sets the line colour between the menu items */
}

.Nav li a {
	width: 90%;
	padding-left: 10%;
}

.Nav li a:hover, .Nav li a:active {
	background-color: transparent;
	color: #FFF;
	text-decoration: underline;
}

/* Sub-menu level 2 */
.Nav li ul li a, .Nav li ul li#active, .Nav li ul li strong {
	width: 80%;
	padding-left: 20%;
}

.Nav li ul li a {
	background-color: #F0F0F0; /* 2nd level background colour */
	color: #666;
}

.Nav li ul li a:hover, .Nav li ul li a:active {
	background-color: #4BAEB0;
	color: #FFF;
}

/* Sub-menu level 3 */
.Nav li ul li ul li a, .Nav li ul li ul li#active, .Nav li ul li ul li strong {
	width: 70%;
	padding-left: 30%;
}

.Nav li ul li ul li a {
	background-color: #E0E0E0; /* 3rd level background colour */
	color: #666;
}

.Nav li ul li ul li a:hover, .Nav li ul li ul li a:active {
	background-color: #4BAEB0;
	color: #FFF;	
}

/* Sub-menu level 4 */
.Nav li ul li ul li ul li a, .Nav li ul li ul li ul li#active, .Nav li ul li ul li ul li strong {
	width: 60%;
	padding-left: 40%;
}

.Nav li ul li ul li ul li a {
	background-color: #D2D2D2; /* 4th level background colour */
	color: #666;	
}

.Nav li ul li ul li ul li a:hover, .Nav li ul li ul li ul li a:active {
	background-color: #4BAEB0;
	color: #FFF;
}

.topSpace {
	margin-top: 2px;
}

/***************************************/
/* Customise sub-menu title background */
/***************************************/

body#dm .Nav li#menuTitle {
	width: 90%;
	background: transparent url(../images/btn_navtitle_dmIE.gif) no-repeat;
	margin: 0;
	padding: 7px 0 7px 10%;
	/*display: block;*/
	font-size: 120%;
	color: #FFF;	
}

/*******************************************/
/** End left column sub-navigation styles **/
/*******************************************/


#rightColumn {
	float: left;
	width: 799px;
}

/*#imageInformationHolder h1, .centiaBckgd h1, .swirlBckgd h1 {
    color: #FFF;
	font-weight: normal;
	font-size: 32px;
	text-align: right;
	margin: 20px 10px 10px 0;
}*/

/*.companyBckgd, .centiaBckgd, .entswBckgd, .networkBckgd, .professionalBckgd, .ptoolsBckgd, .renewalsBckgd, .securityBckgd, .serversBckgd, .storageBckgd, .trainingBckgd, .swirlBckgd {
	margin: 0 0 20px 0;
	padding: 1px 0 10px 0;
	border-bottom: 9px solid #00A0AF;
	min-height: 198px;
}*/
/*
body#home .centiaBckgd { background: transparent url(../imgs/img_centia.jpg) no-repeat; border-bottom: 9px solid #00A0AF; }
body#company .companyBckgd { background: transparent url(../imgs/img_company.jpg) no-repeat; border-bottom: 9px solid #00539B; }
body#centia .centiaBckgd, body#login .centiaBckgd { background: transparent url(../imgs/img_centia.jpg) no-repeat; border-bottom: 9px solid #00A0AF; }
body#storage .storageBckgd { background: transparent url(../imgs/img_storage.jpg) no-repeat; border-bottom: 9px solid #CA711A; }
body#security .securityBckgd { background: transparent url(../imgs/img_security.jpg) no-repeat; border-bottom: 9px solid #701371; }
body#servers .serversBckgd { background: transparent url(../imgs/img_servers.jpg) no-repeat; border-bottom: 9px solid #840000; }
body#enterprise .entswBckgd { background: transparent url(../imgs/img_enterprise.jpg) no-repeat; border-bottom: 9px solid #00ADEF; }
body#network .networkBckgd { background: transparent url(../imgs/img_network.jpg) no-repeat; border-bottom: 9px solid #C41130; }
body#professional .professionalBckgd { background: transparent url(../imgs/img_professional.jpg) no-repeat; border-bottom: 9px solid #FAA633; }
body#training .trainingBckgd { background: transparent url(../imgs/img_training.jpg) no-repeat; border-bottom: 9px solid #5C8727; }
body#renewals .renewalsBckgd { background: transparent url(../imgs/img_renewals.jpg) no-repeat; border-bottom: 9px solid #6C8158; }
body#tools .ptoolsBckgd { background: transparent url(../imgs/img_tools.jpg) no-repeat; border-bottom: 9px solid #00539B; }

body#home .companyBckgd { background: transparent url(../imgs/img_company.jpg) no-repeat; border-bottom: 9px solid #00539B; }
body#home .centiaBckgd, body#login .centiaBckgd { background: transparent url(../imgs/img_centia.jpg) no-repeat; border-bottom: 9px solid #00A0AF; }
body#home .entswBckgd { background: transparent url(../imgs/img_enterprise.jpg) no-repeat; border-bottom: 9px solid #00ADEF; }
body#home .networkBckgd { background: transparent url(../imgs/img_network.jpg) no-repeat; border-bottom: 9px solid #C41130; }
body#home .professionalBckgd { background: transparent url(../imgs/img_professional.jpg) no-repeat; border-bottom: 9px solid #FAA633; }
body#home .ptoolsBckgd { background: transparent url(../imgs/img_tools.jpg) no-repeat; border-bottom: 9px solid #00539B; }
body#home .renewalsBckgd { background: transparent url(../imgs/img_renewals.jpg) no-repeat; border-bottom: 9px solid #6C8158; }
body#home .securityBckgd { background: transparent url(../imgs/img_security.jpg) no-repeat; border-bottom: 9px solid #701371; }
body#home .storageBckgd { background: transparent url(../imgs/img_storage.jpg) no-repeat; border-bottom: 9px solid #CA711A; }
body#home .trainingBckgd { background: transparent url(../imgs/img_training.jpg) no-repeat; border-bottom: 9px solid #5C8727; }
body#home02 .swirlBckgd { background: transparent url(http://www.dnsarrow.co.uk/dns_CMS/front_image/front_image.jpg) no-repeat; border-bottom: 9px solid #00539B; }
body#home03 .swirlBckgd { background: transparent url(../imgs/swirl03.jpg) no-repeat; border-bottom: 9px solid #00539B; }

.companyBckgd p, .centiaBckgd p, .entswBckgd p, .networkBckgd p, .professionalBckgd p, .ptoolsBckgd p, .renewalsBckgd p, .securityBckgd p, .serversBckgd p, .storageBckgd p, .trainingBckgd p, .swirlBckgd p {
	margin: 0 15px 10px 440px;
	text-align: right;
	color: #FFF;
	font-weight: bold;
	line-height: 130%;
	font-size: 90%;
}

.companyBckgd p, .swirlBckgd p {
	margin: 0 15px 10px 430px;
}
*/
/*body#renewals .renewalsBckgd h1, body#home .renewalsBckgd h1 {
	color: #6C8158;
}*/

.renewalsBckgd p {
	/*color: #D2C1D8;*/
	color: #6C8158;
}

/*body#storage .storageBckgd h1, body#home .storageBckgd h1 {
	color: #CA711A;
}*/

body#home03 .swirlBckgd h1 {
	color: #00529B;
}

body#home03 .swirlBckgd P {
	margin: 0 15px 10px 430px;
	text-align: right;
	color: #00529B;
	font-weight: bold;
	line-height: 130%;
	font-size: 90%;
}

body#home03 .swirlBckgd p.bigTel {
	display: none;
}

.storageBckgd p {
	/*color: #D2C1D8;*/
	color: #CA711A;
}

p#learnMore {
 	text-align: right;
	margin-right: 20px;
	margin-top: 17px;
	font-weight: normal;
}

a#btnLearnMore {
	padding: .3em 1.3em .5em 1.5em;
	background: transparent url(../imgs/btn_learn.gif) no-repeat 4px 0;
	color: #FFF;
	border: none;
}

a#btnLearnMore:hover {
	text-decoration: underline;
}

body#centia p#learnMore, body#company p#learnMore, body#storage p#learnMore, body#security p#learnMore, body#enterprise p#learnMore, body#network p#learnMore, body#professional p#learnMore, body#training p#learnMore, body#renewals p#learnMore, body#tools p#learnMore {
	display: none;
}

#centreContentTop {
	margin: 0 0 20px 0;
}

/* Old  #introText {
	width: 537px;
	float: left;
}*/

#introText {
	width: 796px;
	float: left;
}

#introText p {
	margin: 0 0 10px 20px;
	color: #00529B;
	line-height: 140%;
}

#introText p#introBtnHolder {
	text-align: right;
	margin-right: 60px;
	margin-top: 20px;
}

a.btnIntro {
	padding: .3em 1.7em .4em 1em;
	background: transparent url(../imgs/btn_more.jpg) no-repeat;
	color: #FFF;
}

a.btnIntro:hover {
	text-decoration: underline;
}

#enquiriesText {
	float: right;
	width: 239px;
}

#enquiriesText p {
	line-height: 140%;
}

#centreContentBot {
	clear: both;
	background: transparent url(../imgs/dotted_line.gif) repeat-y top left;
	margin-bottom: 20px;
}

.informationBlock {
	width: 266px;
	float: left;
}

.infoBlockContent {
	margin: 0 20px;
}

.btnParas {
	margin: 20px 0 0 0;
	padding: 0 0 15px 0;
}

img.imgRight {
	float: right;
	margin: 0 0 20px 20px;
}

.companyBckgd p.bigTel, .centiaBckgd p.bigTel, .entswBckgd p.bigTel, .networkBckgd p.bigTel, .professionalBckgd p.bigTel, .ptoolsBckgd p.bigTel, .renewalsBckgd p.bigTel, .securityBckgd p.bigTel, .storageBckgd p.bigTel, .trainingBckgd p.bigTel {
	font-size: 130%;
	font-weight: bold;
}

body#home .centiaBckgd p.bigTel, body#home02 .swirlBckgd p.bigTel {
	display: none;
}

/***********************/
/* Start footer styles */
/***********************/

/*#footer {
	width:995px;
	margin: 0 auto 0 auto;
	padding: 9px 0 0 0;
	clear: both;
}

#footer p {
	color: #666;
	font-size: 80%;
	margin: 0 0 0 9px;
	line-height: 140%;
}

#imgArrowLogo {
	float: right;
	margin: 0 9px 0 0;
}*/

/*********************/
/* End footer styles */
/*********************/

/******************************/
/* Start content pages styles */
/******************************/

body#login #centreColumn {
	min-height: 325px;
}

#centreContent {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: transparent url(../imgs/sidebar_dotted_bckgd.gif) repeat-y 650px 0;
}

#centreColumn {
	float: left;
	width: 644px;
}

#centreColContent {
	margin: 0 10px;
	padding: 0 0 20px 0
}

#centreColContent h1 {
	font-size: 120%;
	font-weight: bold;
	color: #00529B;
	text-align: left;
	margin: 0 0 15px 0;
}

#centreColContent h2 {
	font-size: 100%;
	font-weight: bold;
	color: #00529B;
	margin: 0 0 15px 0;
}

#centreColContent p {
	margin: 0 0 15px 0;
}

#centreColContent ul {
	list-style: disc;
	margin: 0 0 15px 30px;
	padding: 0 0 0 30px;
}

#centreColContent ul ul {
	margin-top: 6px;
}

#centreColContent ul li {
	color: #666;
	margin: 0 0 6px 0;
}

#centreColContent ol {
	list-style: decimal;
	margin: 0 0 15px 30px;
	padding: 0 0 0 30px;
}

#centreColContent ol li {
	color: #666;
	margin: 0 0 6px 0;
}

#sideBar {
	float: left;
	width: 155px;
	word-wrap: break-word;
}

#sideBarContent {
	margin: 0 0 0 17px;
}

/*#sideBarContent img {
	margin: 0 0 12px 0;
}*/

#sideBarContent p {
	font-size: 86%;
}

/* .sectionItem {
	margin: 8px 8px 8px 4px;
	padding: 2px;
	border: 1px solid #00539B;
	background: #FFF;
}

.sectionItem p {
	margin: 0;
	padding: 5px;
	background-color: #00539B;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.sectionItem p a {
	display: block;
	color: #FFF;
}*/

#pageContent {

}

#pageContent p {
	font-size: small;
	margin: 0 0 15px 0;
}

#innerCol {
	width: 195px;
	float: right;
	margin-bottom: 20px;
}

#innerCol img {
	margin: 0 0 15px 40px;
}

#innerColContent {
	margin: 10px 0 0 30px;
	background: transparent url(../imgs/sidebar_dotted_bckgd.gif) repeat-y top left;
	padding: 0 0 0 0;
}

#innerColContent ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	list-style: none;
}

#innerColContent li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: transparent url(../imgs/bullet_sub.gif) no-repeat 12px .3em; 
}

#innerColContent p {
	margin: 0 0 15px 10px;
}

#innerColContent p.listHeader {
	color: #00529B;
	font-weight: bold;
	margin: 0 0 0 10px;
}

#centreColContent .theQuote {
	font-weight: bold;
	color: #00529B;
	font-style: italic;
	margin: 0 1px 5px 1px;
	padding: 0;
}

#centreColContent .theVoice {
	font-weight: bold;
	color: #666666;
	margin: 0 0 15px 0;
}

#centreColContent img.imgNoMargin {
	margin: 0 0 0 10px;
}

#centreColContent p.blueBoldText {
	color: #00529B;
	font-weight: bold;
}

#centreColContent p.whiteBoldText {
	margin: 0;
	padding: 0;
}

p.blueBoldText {
	color: #00529B;
	font-weight: bold;
}

p.whiteBoldText {
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.bulletList {
	list-style: disc;
	margin: 0 0 15px 30px;
	padding: 0 0 0 30px;
	color: #666;
}

ul.bulletList li {
	margin-bottom: 5px;
}

ol.numberList {
	list-style: decimal;
	margin: 0 0 15px 30px;
	padding: 0 0 0 30px;
	color: #666;
}

ol.numberList li {
	margin-bottom: 5px;
}

ul.bulletList ul {
	margin-top: 6px;
}

img.posRight {
	margin: 0;
	padding: 0;
}

p.bigTel {
	font-size: 130%;
	font-weight: bold;	
}

/*******************************/
/* Start in-page search styles */
/*******************************/
 
.frmSearch {
	padding: 0 0 8px 0;
	margin: 0 0 5px 0;
	line-height: 140%;
	color: #666;
}

.btnSearchSubmit {
	margin: 5px 0 8px 0;
}

h6.searchHeader {
	color: #00529B;
	padding: 8px 0;
	margin: 5px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.resultLine {
	font-size: 86%;
	font-weight: bold;
	padding: 0 0 7px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #EEE;
}

.resultDate {
	font-weight: normal;
	font-style: italic;
	color: #666;
}

/*****************************/
/* End in-page search styles */
/*****************************/

/****************************/
/* End content pages styles */
/****************************/

/* Clearing floats */

.clearIt {clear: left; line-height: 0; height: 0;}

.clearFix {
	overflow: auto;
	/*height: 1%;*/
}

/* End clearing floats */


.dotBckgd { 
	background: transparent url(../imgs/leftnav_dot_bckgd.gif) repeat-y;
}

#lsPrizeDraw ol {
	margin-top: 6px;
	list-style-type: lower-roman;
}

.sImage1, .sImage2, .sImage3 {
	float: right;
	margin: 0 0 5px 45px;
	text-align: center;
	overflow: auto;
}

.sImage1 {
	width: 299px;
}

.sImage2 {
	width: 220px;
	margin: 0 0 5px 70px;
}

.sImage3 {
	width: 202px;
	/*float: left;
	margin: 0 20px 10px 0;
	overflow: auto;*/
}

.sImage1 img, .sImage2 img, .sImage3 img {
	display: block;
	margin: 0 auto;
	margin-bottom: 8px;
}

.sImage1 p, .sImage2 p {
	border-top: 1px dashed #CCC;
	border-top-style: dotted;
	color: #333;
	font-style: italic;
	line-height: 1.6em;
	margin: 0;
	padding-top: 5px;
}
