/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
	background:#f6f6f6 url(../images/bodytopbg.gif) 0 0 repeat-x;
	line-height:130%;
}

ul { list-style: none;
	margin-bottom:5px;
 }

ul li {
	padding:5px 0;
	background:url(../images/arrow.gif) 0 50% no-repeat;
	padding-left:15px;
	position:relative;
}


a {
	color:#f7941d;
}

a:hover {
	text-decoration:none;
}

h1, h2, h3 {
	font-size:24px;
	letter-spacing:-1px;
	color:#333333;
	font-weight:bold;
	padding:10px 0 5px;
}

h2 {
	font-size:18px;
	padding:5px 0 0;
	color:#666666;
	font-weight:bold;	
	letter-spacing:0px;	
}

h3 {
	font-size:14px;
	color:#999999;
	padding:5px 0 0;
}



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
	
}

#wrapper {
	margin:0 auto;
	width:801px;
}

#header {
	height:86px;
	position:relative;
}

#content {
	padding:0 0 0px 0px;
}

#subPage-content {
background-color:#fff;
padding-left:10px;
/*padding:0px 0px;*/
width:787px;
position: relative;
float:left;

}

#subPage-content .bottomborder{
background:transparent url(../images/subpage-contentbtmbg.gif) 0 0 no-repeat;
width:797px;
height:15px;
position:relative;
clear:both;

}

#footer {
	height:30px;
	background: url(../images/footer-bg.gif) 0px 0px no-repeat;
	margin-top:20px;
	margin-left:0px;
}


#innerFooter {
	width:540px;
	height:20px;
	padding:5px 3px 3px 10px;
	font-size:10px;
	color:#7b7b7b;
	background: url(../images/footer-bg.gif) 0px 0px no-repeat;
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	float:left;
}

#innerFooter a{
	color:#000000;
	text-decoration:none;
}

#innerFooter a:hover{
	color: #FF6600;
	text-decoration:none;
}

#innerlogos {
	float:left;
	border:0px;
	padding:2px 5px 0px 1px;
}

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:absolute;
	top:0px;
	left:10px;
	
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo-CCTLD-BOX.gif) 0 0 no-repeat;
	width:261px;
	height:84px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#topMenu {
	position:absolute;
	top:0px;
	right:10px;
}

#topMenu li {
	float:left;
	padding:0 0px;
	background:none;
	text-align: center;
}

#topMenu li a, #topMenu li.Partner a, #topMenu li.Corporate a, #topMenu li.Registrar a, #topMenu li.Registry a {
	font-size:12px;
	color:#6e6e6e;
	text-decoration:none;
	font-weight:bold;
	display: block;
	background-position:0px 0px;
	width: 120px;
	height: 79px;
	padding-top: 37px;
	cursor: pointer;
}


#topMenu li.Partner a:hover {
	color:#ff660c;
	background:url(../images/1stLevelMenuBg-Partner.jpg) 0 0 no-repeat;
}

#topMenu li.PartnerSelected a {
	color:#ff660c;
	background:url(../images/1stLevelMenuBg-Partner.jpg) 0 0 no-repeat;
}

#topMenu li.Corporate a:hover {
	color:#0951b3;
	background:url(../images/1stLevelMenuBg-Corporate.jpg) 0 0 no-repeat;
}

#topMenu li.CorporateSelected a {
	color:#0951b3;
	background:url(../images/1stLevelMenuBg-Corporate.jpg) 0 0 no-repeat;
}

#topMenu li.Registrar a:hover {
	color:#6f2a0f;
	background:url(../images/1stLevelMenuBg-Registrar.jpg) 0 0 no-repeat;
}

#topMenu li.RegistrarSelected a {
	color:#6f2a0f;
	background:url(../images/1stLevelMenuBg-Registrar.jpg) 0 0 no-repeat;
}

#topMenu li.Registry a:hover {
	color:#5b5654;
	background:url(../images/1stLevelMenuBg-Registry.jpg) 0 0 no-repeat;
}

#topMenu li.RegistrySelected a {
	color:#5b5654;
	background:url(../images/1stLevelMenuBg-Registry.jpg) 0 0 no-repeat;
}

#topMenu li a:hover {
	color:#ff660c;
	background:url(../images/1stLevelMenu-HighlightBG.jpg) 0 0 no-repeat;
}

#topMenu li.selected a{
	color:#ff660c;
}

/*CONTENT ELEMENTS
--------------------------------------------*/

#subheader {
  width:580px;
  padding: 0px 0px;
  border: 0px dotted #f3f3f3;
  background-color: #FFFFFF;
  float:left;
  margin: 15px 0px 5px 0px;
}


#content p {
	margin:0.7em 0;
}

#colLeft-1strow {
	float:left;
	width:260px;
	padding-right:3px;
	margin-top:5px;
	padding-left:3px;
}

#colLeft-2ndrow {
	float:left;
	width:260px;
	padding-right:3px;
	margin-top:5px;
	padding-left:3px;
}

#colRight-1strow-flashelement {
	float:right;
	width:528px;
	margin-top:5px;
	padding-right:5px;

}

#colRight {
	float:left;
	width:250px;
	margin-left:20px;
	margin-top:15px;
	
}

#colLeft-3rdrow-Accreditations {
	float:left;
	width:792px;
	padding-right:3px;
	margin-top:15px;
	padding-left:3px;
}


.boldtext {font-weight: bold;}

.findoutmorebtn{
  	float:right;
  	font-size:10px;
	color:#8d0806;
	font-weight:bold;
	position:relative;
	z-index: 10;
	background: url(../images/arrow-findoutmore.png) 0px 0px no-repeat;
	padding: 0px 5px 0px 20px;
}

.findoutmorebtn a {
	text-decoration:none;
	color: #8d0806;
}

.findoutmorebtn a:hover {
	text-decoration:none;
	color: #f7941d;
}

.findoutmorebtn2{
  	float:right;
  	font-size:11px;
	color:#8d0806;
	font-weight:bold;
	position:relative;
	background: url(../images/btn-orangebg.gif) 0px 0px no-repeat;
	padding: 5px 2px 2px 2px;
	width:97px;
	height:26px;
	text-align:center;
	vertical-align:middle;
}

.findoutmorebtn2 a {
	text-decoration:none;
	color: #8d0806;
}

.findoutmorebtn2 a:hover {
	text-decoration:none;
	color: #ffffff;
}


.link-smalltxt-Grey{
  	float:right;
  	font-size:10px;
	color:#7d7b7b;
	font-weight: normal;
	position:relative;
	z-index: 10;
	padding: 0px 5px 0px 20px;
}


.link-smalltxt-Grey a {
	text-decoration:none;
	color: #7d7b7b;
}

.link-smalltxt-Grey a:hover {
	text-decoration:none;
	color: #f79720;
}

.bluetext-italic {
	color: #429acb;
	font-style: italic;
}

.greytext {
	color:#6d6b6b;
}

.redtitle-14px {
font-size:14px;
color:#FF0000;
font-weight:bold;
padding-bottom:10px;
}

.redtitle-20px {
font-size:20px;
color:#FF0000;
font-weight:normal;
}

.bluetitle-14px {
font-size:14px;
color:#0951b3;
font-weight:bold;
padding-bottom:10px;
}

.browntitle-14px {
font-size:14px;
color:#6f2a0f;
font-weight:bold;
padding-bottom:10px;
}

.greytitle-14px {
font-size:14px;
color:#5b5654;
font-weight:bold;
padding-bottom:10px;
}

.text-11px {
font-size:11px;
}

.subPage-LeftCol .OneColumn{
width:450px;
padding:10px 5px 1px 5px;
float:left;
vertical-align:top;
}

.stepbg{
background:#fdfdfd url(../images/graidentbg.jpg) 0 0 repeat-x;
width:430px;
min-height:125px;
}

.step-Leftimg{
float:left;
width:110px;
text-align:center;
position:relative;

}

.step-RightContent{
width:310px;
text-align:left;
padding-left:115px;

}


.subPage-LeftCol {
width:460px;
margin:5px 5px;
padding:10px 5px 1px 15px;
color:#5b5654;
float:left;
}


.subPage-LeftCol .columnLEFT{
width:220px;
padding:5px 5px 1px 5px;
float:left;
vertical-align:top;
}

.subPage-LeftCol .columnRIGHT{
width:220px;
padding:10px 5px 1px 5px;
float: right;

}

.subPage-RightCol-PartnerProgramme {
width:160px;
margin:10px 35px 5px 5px;
padding:10px 5px 1px 15px;
float: right;
background:#ff670f;

}

.subPage-RightCol-CorporateWebManager {
width:160px;
margin:10px 35px 5px 5px;
padding:10px 5px 1px 15px;
float: right;
background:#0951b3;
}

.subPage-RightCol-Registrar {
width:160px;
margin:10px 35px 5px 5px;
padding:10px 5px 1px 15px;
float: right;
background:#6f2a0f;
}

.subPage-RightCol-Registry {
width:160px;
margin:10px 35px 5px 5px;
padding:10px 5px 1px 15px;
float: right;
background:#5b5654;
}

.extraspacing {
height:7px;
}


.subpage3rdLevelNav li {
	padding:0 0px;
	text-align: left;
	line-height: 14px;
	background: transparent url(../images/icon-whitearrow.gif) 0px 10px no-repeat;
	padding: 5px 10px 15px 10px;
}

.subpage3rdLevelNav li a {
	font-size:11px;
	color:#cccccc;
	text-decoration:none;
	font-weight:bold;

}

.subpage3rdLevelNav li a:hover {
	color:#fff;
}

.subpage3rdLevelNav li.selected a{
	color:#fff;
}

/* HOMEPAGE-MainBanner
---------------------------------------------*/

.homepage-mainbanner{
	position: relative; 
	overflow: hidden; 
	width: 801px;
	height: 356px; 
	margin-top:0px;
}



.homepage-mainbanner .panel{
	float: left;
	overflow: hidden; 
	margin:0px;
	width: 801px; 
	height:356px;
	position:relative;
	background: url(../images/home-mainbanner.jpg) 0 0 no-repeat;

}

.homepage-mainbanner .panel .RightPanelListing {
	float:right;
	width:300px;
	margin:63px 8px 0 0px;
}

#homepagehelplist li {
	float:left;
	padding:0 0px;
	background:none;
	text-align: left;
	line-height: 12px;
	height: 10px;
	width: 290px;
	background: transparent url(../images/homepage-divider.png) 0px 9px no-repeat;
	padding: 8px 0px 13px 0px;
}

#homepagehelplist li a {
	font-size:12px;
	color:#ccffff;
	text-decoration:none;
	font-weight:bold;

}

#homepagehelplist li a:hover {
	color:#ffcc33;
}

#homepagehelplist li.selected a{
	color:#ffffff;
}

/* HOMEPAGE 2nd NAV ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/

#homeSubMenu {
	position:relative;
	clear: both;
	background: url(../images/2ndLevelMenu.jpg)
}

#homeSubMenu li {
	float:left;
	padding:0 0px;
	background:none;
	text-align: center;
	margin-left: 8px;
	background: url(../images/subMenuDivider.gif) right 40px no-repeat;
	height: 100px;
}

#homeSubMenu li a {
	font-size:15px;
	color:#000;
	text-decoration:none;
	font-weight: normal;
	display: block;
	width: 152px;
	padding-top: 55px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

#homeSubMenu li a:hover {
	color:#fff;
}

#homeSubMenu li.selected a{
	color:#fff;
}


/* SUBPAGE-MainBanner
---------------------------------------------*/

.subpage-mainbanner{
	position: relative; 
	overflow: hidden; 
	width: 797px;
	margin:0px;
	padding:0px 0px;
	background:transparent url(../images/2ndLevelMenu.jpg) 0 0 no-repeat; 
}



.subpage-mainbanner .panel{
	float: left;
	overflow: hidden; 
	margin:0px;
	width: 797px; 
	padding:0px 0px;
	position:relative;
	background:transparent url(../images/2ndLevelMenu.jpg) 0 0 no-repeat;
}


/* SUBPAGE 2nd NAV ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/

#Subpage-SubMenu {
	position:relative;
	clear: both;
	
}

#Subpage-SubMenu li {
	float:left;
	padding:0 0px;
	background:none;
	text-align: center;
	margin-left: 8px;
	background: url(../images/subMenuDivider.gif) right 2px no-repeat;
	height: 41px;
}

#Subpage-SubMenu li a {
	font-size:15px;
	color:#000;
	text-decoration:none;
	font-weight: normal;
	display: block;
	width: 145px;
	padding-top: 10px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

#Subpage-SubMenu li a:hover {
	color:#fff;
}

#Subpage-SubMenu li.selected a{
	color:#fff;
}

#Subpage-mainbanner {
position:relative;
clear:both;
width:797px;
height:198px;
border:0px;
margin:0px 0px;
padding:0px 0px;
}

/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* style the rounded box elements */

.liquid-round {
width:100%;
margin:0px auto;
background:#fff url(../images/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(../images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(../images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(../images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -35px 0;
}

.center-content-logo {
position:relative;
background:url(../images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-15px 0 -35px 0;
}

.bottom {
width:100%;
height:60px;
background:url(../images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(../images/bottom-right.gif) no-repeat right top;
}
.liquid-round p {margin:0 0 1em 0}
.liquid-round h1 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	background: url(../images/divider.gif) 0px 35px no-repeat;
	font-weight: normal;
	padding: -10px 0px 15px 0px;
	line-height: 30px;
	margin-top: -20px;
	text-indent: 2px;
	letter-spacing: 0px;

}
.liquid-round p.flashelement { height: 163px;}

.style5 {font-size: 20px; color: #FF6600;}

/* change of colour 28Oct2010*/
.sub-header {
background-color: #F7941D;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;	
margin: 0px 0px 10px 0px;
text-align: left;
padding: 5 10 5 6;
}

/*div version */
#sub-header {
background-color: #F7941D;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;	
margin: 0px 0px 10px 0px;
text-align: left;
padding: 5 10 5 6;
}