/** 

1. Global Styles
2. Wrappers and Containers
3. Header
4. Sub nav
5. Inner Content
6. Sidebar
7. Footer and content split

**/



/** 

1. Global Styles

**/

body {
	background-color: #1E1E1E;
	color: #5b5b5b;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size:13px;
	}
	a:link {	
		color: #e60753;
		text-decoration: none;
	}
	a:visited {		
		color: #e60753;
		text-decoration: none;}
	a:active {
		color: #e60753;
		text-decoration: none;}
	a:hover {
		text-decoration: underline;
	}
	img {
			border-style: none;
	}
	h1, h1 a {
		font-family: Arial, sans-serif;
		font-size: 18px;
		color: #292c2e;
		text-decoration: none;
		font-weight: lighter;
		letter-spacing: 1px;
	}
	h2, h3 {
		font-size: 14px;
		color: #292c2e;
	}
	
	.h2smaller {
		font-size: 13px;
		color: #292c2e;
	}
	
	ul {
		list-style: none;
	}
	.green { 
		color:#006F0F; 
	}
	.red { 
		color:#e60753; 
	}
	.textgreen 
	{ 
		color:#158F00; 
	}
	.smallcrumb 
	{ 
		font-size: 12px;
	}
	
	.button { 
		font-size: 13px;
		color:#e60753;
		align:center;
		text-align:center;
		border-bottom:1px solid #EBEBEB;
		padding:4px;
		background-color:#fff;
		text-align: centre;
	}
	.imgButton {
		padding: 2px;
	}
	.buttonbox
	{ 
		font-size: 13px;
		color:#red;
		align:center;
		text-align:center;
		border-bottom:1px solid #EBEBEB;
		padding:7px;
		background-color:#fff;
		width:50%;
		margin-left: auto; 
		margin-right: auto; 
		text-align: centre;
	}
	
	.successbox
	{ 
		font-size: 13px;
		color:#158F00;
		align:center;
		text-align:center;
		border-bottom:1px solid #EBEBEB;
		padding:7px;
		background-color:#fff;
		width:50%;
		margin-left: auto; 
		margin-right: auto; 
		text-align: centre;
	}
	
	.errorbox
	{ 
		font-size: 13px;
		color:#e60753;
		align:center;
		text-align:center;
		border-bottom:1px solid #EBEBEB;
		padding:7px;
		background-color:#fff;
		width:50%;
		margin-left: auto; 
		margin-right: auto; 
		text-align: centre;
	}
	
	.textred { 
		color:#e60753; 
		}
		
	.hostedo { 
		color:#e60753; 
		}
		
.clientticketreply {
	background-color: #red; text-align: left;
	}		

		
.supportheaderPara {
	height: 120px; 
	width: 400px;
}
			

		        
		        
		
	.domSuccess 	{ padding:5px; text-align:left; color:#158F00; font-size: 16px; font-weight: lighter; line-height:180%;}
	.domUnava		{ padding:5px; text-align:left; color:#e60753; font-size: 16px; font-weight: lighter; line-height:180%;}
	.domError		{ padding:5px; text-align:left; color:#e60753; font-size: 16px; font-weight: lighter; line-height:180%;}
	.domInvalid		{ padding:5px; text-align:left; color:#e60753; font-size: 16px; font-weight: lighter; line-height:180%;}
	
	
	td { padding: 5px; color:#5B5B5B; font-size: 13px; margin: 0px;}
	table {border-collapse: collapse; margin: 0 auto; margin-top: 15px;}
	table#homepage {margin-top: 15px; margin-bottom: 15px; text-align: left;}
	table#homepage td{padding: 10px;}
	table.data tr:hover td{background-color:#EFF5FF;}
	table.data td { background-color:#FFF; border-bottom:1px solid #EBEBEB; padding:7px; text-align: center}
	table.data td.domresults { background-color:#FFF; border-bottom:1px solid #EBEBEB; padding:7px; text-align: left}
	table.data td.textgreen { background-color:#FFF; border-bottom:1px solid #EBEBEB; padding:7px; text-align:left; color:#158F00}
	table.data td.textred { background-color:#FFF; border-bottom:1px solid #EBEBEB; padding:7px; text-align:left; color:#e60753}
	table.data td.smalltext { background-color:#fff; /* color:#333;  */text-align:right; /* border-right:1px solid #EBEBEB;  */ font-size: 18px;}
	table.data td.domainnameresult { background-color:#FFF; border-bottom:1px solid #EBEBEB; padding:7px; text-align:left; word-wrap:break-word; width: 176px;}
	table.data th { background:#ECECEC url(gfx/tables/subTitle.gif) repeat-x scroll left top; color:#5B5B5B;font-weight:400; padding: 7px;  text-align: center}
table.data tr.clientareatableactive td {background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td {background-color:#DBF8FF !important;}
table.data tr.clientareatablesuspended td {background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td {background-color:#FFCFCF !important;}
table.dataKey td.clientareatableactive  {background-color:#DFFFE0 !important;}
table.dataKey td.clientareatablepending  {background-color:#DBF8FF !important;}
table.dataKey td.clientareatablesuspended  {background-color:#FFF6CF !important;}
table.dataKey td.clientareatableterminated  {background-color:#FFCFCF !important;}
table.dataKey td.keyText {padding: 5px; color:#5B5B5B; font-size: 10px; margin: 0px;}
	table.frame { margin:0 0 10px; padding:0; border:3px solid #e4e4e4; border-collapse: collapse}
	table.frame table td { background-color:#FFF; /* border-bottom:1px solid #EBEBEB; */}
	table.frame table td.fieldarea { background-color:#fff; /* color:#333;  */text-align:right; /* border-right:1px solid #EBEBEB;  */}
	input, textarea { color:#666; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; margin:0; padding:2px; vertical-align: top; border: none;}
	td#nexusBox input {
	 border: 1px solid #DFDFDF;
	 }
	
	table.data td.floatTextRight {
	text-align: right;
}
table.data td.floatTextLeft {
	text-align: left;
}
	
	
	
	
	.text {
		 border: 1px solid #DFDFDF;
	}
	
	
		table.domTable td.domType {
		color: #000;
		text-align: center;
		}

	table.domTable td.tdPink{
	background-color: #FEF7F9; text-align: center;
	}

	table.domTable td.tdOrg{
		background-color: #fff7ec;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;text-align: center;
	}

	table.domTable td.tdYel{
		background-color: #FFFCF4; text-align: center;
	}
	
	table.domTable td.tabType {
		background: #ececec url(gfx/content/tables/subTitle.gif) repeat-x bottom left;
		color: #5b5b5b; font-size: 14px;  text-align: center;
	}

	table.domTable td.tabPrice {
		background: #e10751 url(gfx/content/tables/tabPrice.gif) repeat-x top left;
		width: 150px; font-size: 14px; color: #fff; text-align: center;
	}

	table.domTable td.tabPeriod {
		background: #fa9600 url(gfx/content/tables/tabPeriod.gif) repeat-x top left;
		width: 150px; font-size: 14px; color: #fff; text-align: center;
	}

	table.domTable td.tabTPrice {
		background: #f0c612 url(gfx/content/tables/tabTPrice.gif) repeat-x top left;
		width: 150px; font-size: 14px; color: #fff; text-align: center;
		}
	
/** 

2. Wrappers and Containers

**/

#rapFoot{
	background: #efefef url(gfx/background.jpg) repeat-x left top scroll;
}
#content {
		background: #efefef url(gfx/contentBack.jpg) no-repeat top left;
}

/** 

3. Header

**/

div#header {
		background: transparent url(gfx/headerBack.jpg) no-repeat top center;
	}
	a#logo {
		background: transparent url(gfx/logo.png) no-repeat top left;
	}
	a#logoSmall {
		background: transparent url(gfx/logoSmall.png) no-repeat top left;
	}
	
	ul#topNav li, ul#topNavWB, ul#mainNav li {
			list-style-type: none;
		}
		ul#topNavWB {
			color: #efefef;
		}
		ul#topNav a, ul#topNavWB a {
			background: transparent url(gfx/topnavBack.jpg) no-repeat;
			background-position: -112px 0px;
			text-decoration: none;
			color: #efefef;
			font-size: 12px;
			}
			ul#topNav a:hover, ul#topNavWB a:hover {
					background-position: -112px -21px;
			}
	ul#mainNav {
			background: #FBFBFB url(gfx/mnBack.jpg) repeat-x top left;
		}
		ul#mainNav a {
				color: #515151;
				font-size: 15px;
				text-decoration: none;
				font-family: Arial, Helvetica, Tahoma, sans-serif;
				text-shadow: 1px 1px 1px #fff;
			}
			ul#mainNav a:hover {
				font-weight: bolder;
			}
			ul#mainNav a:link {
				outline: none;
			}
		li#left {
			background: transparent url(gfx/mnLeft.jpg) no-repeat top left;
		}
		li#right {
			background: transparent url(gfx/mnRight.jpg) no-repeat top left;
		}
		ul#mainNav.pinkOrder .order, ul#mainNav.pinkSupport .support {
				background: transparent url(gfx/home.jpg) no-repeat center -1px;
		}
		ul#mainNav.yellow .domain {
			background: transparent url(gfx/domains.jpg) no-repeat center -1px;
		}
		ul#mainNav.pinkOrder .order  a, ul#mainNav.pinkSupport .support a, ul#mainNav.yellow .domain a {
				color: #fff;
				text-shadow: none;
		}
		ul#mainNav.pinkOrder .order  a:hover, ul#mainNav.pinkSupport .support a:hover, ul#mainNav.yellow .domain a:hover {
			font-weight: normal;
		}

/** 

4.  Subnavigation

**/	
		
#page_title_wr {
	border-bottom: 3px solid #DE2C68;
	}
#page_title_wr_DS {
	border-bottom: 3px solid #ffcc1b;
	}
	#page_title {
		color: #fff;
		font-size: 14px;
		text-shadow: 1px 1px 2px #de2c68;
		background: #de2c68 url(gfx/secNav/pink.jpg) repeat-x top left;
		line-height: 36px;
	}

	ul#domNav li {
		font-size: 14px;
		list-style: none;
		background: #ececec url(gfx/secNav/default.jpg) repeat-x bottom left;
		line-height: 32px;
		margin-top: 4px;
		margin-right: 1px;
		text-shadow: 1px 1px 2px #fff;
		text-align: center;
	} 

	ul#domNav li a {
		color: #666;
		text-decoration: none;
		font-weight: 400;
	}
	ul#domNav li.current_page_item {
		line-height: 36px;
		margin-top: 0px;
	}
	ul#domNav li.current_page_item a {
		color: #fff;
		font-weight: bold;
	}

	ul#domNav li.current_page_item {
		text-shadow: 1px 1px 2px #f8bc5e;
		background: #ffcc1b url(gfx/secNav/yellow.jpg) repeat-x top left;
	}



#sub_nav {
		line-height:30px;
		font-size: 11px;
	}
	#sub_nav  { 
		list-style:none; 
	}
	#sub_nav li {
		 text-shadow: 1px 1px 2px #fff; 
	}
	#sub_nav li a,#sub_nav li a:visited { 
		background: #ececec url(gfx/secNav/default.jpg) repeat-x bottom left; color:#666;  text-align:center; text-decoration:none; font-weight: 400;  
	}
	#sub_nav li a.down,#sub_nav li a.down:visited,#sub_nav li a.down:hover { 
		background-color:#FFF; border-right:1px solid #EBEBEB; color:#333; font-weight:700; 
	}
	#sub_nav li a:hover {
		 background-color:#EBEBEB; color:#333;
	}

/** 

5. Inner Content

**/		
		
.innerContent {
		color: #5b5b5b;
		font-size: 13px;
		background: transparent url(gfx/default_back.jpg) no-repeat top left;
	}
	.innerContent .small {
		font-size: 10px;
	}
	.innerContent table {
		border: 4px solid #f7f7f7;
		border-collapse: collapse;
		font-size: 13px;
	}
	.innerContent table td {
		/* text-align: center; */
	}
	.innerContent .tabTitle {
		color: #fff;
		font-size: 14px;
	}
	.innerContent .subTitle {
		background: #ececec url(gfx/content/tables/subTitle.gif) repeat-x top left;
	}
	.innerContent .subTitle td {
		background-color: transparent;
		border: 0px;
	}
	.innerContent .tabType {
		background: #ececec url(gfx/content/tables/subTitle.gif) repeat-x bottom left;
		color: #5b5b5b;
	}
	.innerContent .tabPrice {
		background: #e10751 url(gfx/content/tables/tabPrice.gif) repeat-x top left;
		width: 150px;
	}
	.innerContent .tabPeriod {
		background: #fa9600 url(gfx/content/tables/tabPeriod.gif) repeat-x top left;
		width: 150px;
	}
	.innerContent .tabTPrice {
		background: #f0c612 url(gfx/content/tables/tabTPrice.gif) repeat-x top left;
		width: 150px; font-size: 14px; color: #fff;
		
	}
	.innerContent .tdPink{
	background-color: #FEF7F9;
	}
	.innerContent .tdOrg{
		background-color: #fff7ec;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.innerContent .tdYel{
		background-color: #FFFCF4;
	}
	
		.innerContent #domTable {
		float: left;
		width: 100%;
		margin-bottom: 25px;
		
		}
	
	/* Domain Content */
	
	div#domainContent {
		background: transparent url(gfx/content/domainsBack.jpg) no-repeat top center;		
	}	
	div#domainContent p {
		line-height: 18px;
	}
	div#domainContent span{
			line-height: 19px;
		}
		div#domainCheck input {
			color:#5b5b5b;
			font-size:16px;
			outline-style: none;
			border-width: 0px;
			outline-width: 0px;
			background: transparent;
		}
		


/* Domains */

		div#domainCheck {
			background: transparent url(gfx/content/domainbox.jpg) no-repeat 0px 0px;		
		}
		
/* Client Area */

			.clientareaDetails {
				border: 2px solid #F7F7F7;
				background-color:#FFF;
				text-align: center;
			}
			
		div#indexContent {
			background: transparent url(gfx/content/videoDemos.jpg) no-repeat 0px 0px;
		}
		div#clientContent {
			background: transparent url(gfx/content/clientarea.jpg) no-repeat 0px 0px;
		}
		div#cartContent {
			background: transparent url(gfx/content/cart.jpg) no-repeat 0px 0px;
		}	
		div#knowledgeContent {
			background: transparent url(gfx/content/knowledgeBack.jpg) no-repeat 0px 0px;
		}	
		div#downloadContent {
			background: transparent url(gfx/content/downloads.jpg) no-repeat 0px 0px;
		}
		div#annContent {
			background: transparent url(gfx/content/announcements.jpg) no-repeat 0px 0px;
		}	
		div#viewcartContent {
			background: transparent url(gfx/content/view_cart.jpg) no-repeat 0px 0px;
		}	
		div#serverContent {
			background: transparent url(gfx/content/server_status.jpg) no-repeat 0px 0px;
		}
		div#ticketContent {
			background: transparent url(gfx/content/contactus.jpg) no-repeat 0px 0px;
		}
		
		

/** 

6. Sidebar

**/

#menu, #menu_DS {
		list-style: none;
	}
	#menu li, #menu_DS li {
		list-style: none;
		color: #fff;
		text-indent: 10px;
		line-height: 16px;
		font-size: 12px;
	}
	#menu div, #menu_DS div {
		border: 1px solid #e1e1e0;
		background: #f6f6f6 url(gfx/sidebar/widgetBack.jpg) no-repeat bottom right;
		text-indent: 0px;
		text-shadow: none;
		color: #515151;
		line-height: 12px;
	}
	#menu h3, #menu_DS h3 {
		color: #353131;
		font-size: 14px;
		font-weight: lighter;
	}
	#menu a, #menu_DS a {
		color: #e60753;
/* 		font-size: 12px; */
		text-decoration: none;
	}
	#menu a:hover, #menu_DS a:hover {
		text-decoration: underline;
	}
	
	/* video-tutorials */
	#menu li#text-4 div {
			background: #fff url(gfx/sidebar/control.jpg) no-repeat top left;
	}
	
	/* Quick domain checker */
	#menu li#text-5 #sDSubmit{
			border: none;
			outline: none;
			font-size: 12px;
			color: #5b5b5b;
		}
		#menu li#text-5 p {
			background: transparent url(gfx/sidebar/smallSearchBox.jpg) no-repeat top left;
		}
		
	/* Login Out Section */
	#menu div#loggedInBox {
			font-size: 11px;
		}
		#menu div#loggedInBox span {
			color: #e60753;
		}
		/* ipod competition widget */
		#menu_DS li#text-7 h3 {
			font-size: 16px;
		}
		#menu_DS li#text-7 div {
			background: #fff url(gfx/sidebar/ipod.jpg) no-repeat top left;
		}
		
		/* Application Vault Widget */
                
		#menu_DS li#text-6 div {
			background: #fff url(gfx/sidebar/app_vault.jpg) no-repeat top left;
		}
		
		
		/* Hosted UK */
		#menu_DS li#text-3 div {
			background: #fff url(gfx/sidebar/hostedUK.jpg) no-repeat top left;
		}

		/* Twitter */
		#menu_DS li#text-8 div{
			background: #fff url(gfx/sidebar/twitter_small1.jpg) no-repeat top left;
		}	


/** 

7. Footer and content split

**/

#footWrap {
		background: #efefef url(gfx/footerBack.jpg) repeat top left;
	}
	#footer {
		color: #fff;
		font-size: 12px;
		text-shadow: 1px 1px 2px #000;
	}
	#footer a {
			color: #fff;
			text-decoration: none;
		}
		#footer a:hover {
			text-decoration: underline;
		}
	#footer a#sitemap {
			color: #878686;
			text-shadow: none;
			font-size: 10px;
		}
	#footer dt {
		font-size: 14px;
	}
	#footer dd {
		border: 1px solid #565656;
		border-width: 0px 0px 0px 1px;
	}
	#footer p#support {
			font-size: 18px;
			color: #878686;
			text-shadow: none;
		}
	#footer .footer_text {
		color: #878686;
		text-shadow: none;
	}

/** 

8. Shopping Basket Sidebar

**/

table.data1 {
		border: 1px solid #e1e1e0;
		background: #f6f6f6 url(gfx/sidebar/widgetBack.jpg) no-repeat bottom right;
		text-indent: 0px;
		text-shadow: none;
		color: #515151;
		font-size: 12px;
		line-height: 12px;
		table-layout:fixed;
}
table.data1 tr td{border-bottom:1px solid #EBEBEB;color:#666;padding:1px;font-size:10px;}
table.data1 tr th{border-bottom:1px solid #e1e1e0; font-weight:lighter; padding:5px 0px;text-align:center; font-size:11px;}
table.data1 tr.basketheader td{
		background: #de2c68 url(gfx/secNav/pink.jpg) repeat-x -20px -7px;
		color: #fff;
		font-size: 14px;
		font-weight: lighter;
}
table.data1 tr.baskettabledue td{background-color:#E7FFDA !important;color:#333;font-size:9px;font-weight:700;height:20px;text-align:center;}
table.data1 tr.baskettableproduct td{color:#666;padding:10px; width: 176px; }
table.data1 tr.baskettableproduct td#basketDesc{word-wrap:break-word; width: 176px;}
table.data1 tr.basketmessage td{font-size:9px;font-weight:100;height:10px;text-align:center;}
table.data1 tr.basketlinks td{font-size:10px;font-weight:700;height:20px;text-align:center;}
table.data1 tr.basketlinks td a { font-size:10px;font-weight:700;height:20px;text-align:center;}

/** 

9. Knowledgebase and Network Issues

**/
	p.knowledgebase { 
				font-size: 13px;
		        color: #292c2e;
		        margin-bottom: .5em;
		        }
		        
	p.loginbox { 
				font-size: 12px;
		        color: #292c2e;
		        margin-top: .5em;
		        }
	p.loginboxremb { 
				font-size: 10px;
		        color: #292c2e;
		        margin-top: .5em;

/** 

10. Customer Upgrade Area 

**/

.productBox {
	margin-left: 15px;
	margin-bottom: 20px;
	height: 280px;
	padding: 5px;
}
.cartbox, .cartboxBig {
	border-top: 1px solid #DFDFDF; 
	border-bottom: 1px solid #DFDFDF; 
	padding-top: 7px; 
	padding-bottom: 7px;
	 height: 338px
}
.cartbox {
	background-color: #fff;
	border: 3px solid #F7F7F7;
	height:35px;
	padding-top: 15px;
	margin-bottom: 10px;
	}
.cartbox {
	line-height: 23px;
}
.searchStrip {
	line-height: 23px;
}
.searchBut {
	margin-top: -4px;
}
.cartmenu{
	border: 2px solid #F7F7F7;
	background-color:#FFF;
	margin: 0 auto;
	margin-bottom: 15px;
	padding:10px;
}
.pricing{	
	color:#9F0000;
	font-size: 11px;
	line-height: 15px;
}