/*-------------------------------------------------
	*Filename:				globaldial.css
	*Description:			Global style
	*Version:				1.0.0(2010-04-21)
	*Website:				Global Dial
	*Author:				Extro Interactive
	*Notes:					PLEASE KEEP ANY IE OR OTHER HACKS RELEVENT TO THEIR ORIGINAL ELEMENT

==STRUCTURE========================================
	$__colours				Colours
	$__universal			Universal elements
	$__form					Form Elements
	$__header				Header
	$__nav					Nav below header
	$__content				Elements found within the content area
	$__footer				Footer  
	$__home					The Home page, contains 2 states
	$__standard				Content pages
	$__other				Other random items, try to keep it clean
*/

/*colours
-------------------------------------------------*/
/*
	#6d6e71 - Dark Grey
	#f6f6f5 - Light Grey (Background)
	#315e98 - Global Dial Blue - Theme & Links
	#364c68 - Dark Blue (Borders)
	#2c5589 - Light Blue (Borders)
	#9eb9db - Light Blue (Link Alternative)
	#f6f6f5 - White (Link Alternative)
	#cdcdcd - Shadow
	#23426a - Blue shadow
	#4e73a2 - Border Colour
	#e7e7e7 - Light Grey (Footer bg)
	#c5c5c5 - Dark Grey (Footer bg)
*/

/* $__universal			
-------------------------------------------------*/
html{ height: 100%; }
body{ height: 100%; width: 100%; }
div.site-container{ min-height: 100%; width: 100%;}
* html div.site-container { height: 100%; }
div.page{ width: 100%; height: 100%; display: block; margin: 0 auto;}

body {
	font-family:  Arial, Helvetica, Frutiger, Verdana, sans-serif;
	font-size: 12px; line-height: 1.333em;
	color: #6d6e71; background-color: #f6f6f5;
}

hr{
	height: 1px; 
	margin: 0 0 18px 0; padding: 0 0 0 0;
	border: 0; border-top: 1px solid #315e98; 
	background-color: #f6f6f5; 
	display: block; visibility: visible;
}
	
.clear{ clear: both;}

/*links*/
a:link, a:visited, a:hover, a:active{ color: #315e98; text-decoration: none;}
a:hover{ text-decoration: underline;}

/*headers*/
h1,h2,h3,h4,h5,h6{color: #315e98; font-weight: normal; text-transform: uppercase;}
h1{font-size: 22px; line-height: 22px; padding: 0 0 16px 0; margin: 0;}
h2{font-size: 20px; line-height: 22px; padding: 0 0 16px 0; margin: 0;}
h3{font-size: 16px; line-height: 22px; padding: 0 0 16px 0; margin: 0;}
h4{font-size: 12px; line-height: 14px; padding: 0 0 6px 0; margin: 0; text-transform: lowercase;}
h5{font-size: 12px; line-height: 14px; padding: 0 0 6px 0; margin: 0; text-transform: lowercase;}
h6{font-size: 12px; line-height: 14px; padding: 0 0 6px 0; margin: 0; text-transform: lowercase;}

/*paragraph*/
p{ font-size: 12px; line-height: 18px; margin: 0 0 18px 0; padding: 0;}

/*definitions*/
dl{ margin: 0 0 18px 0; padding: 0;}
	dt, dd{ line-height: 18px;}
	dt { font-weight: bold; text-decoration: underline; }
	dd { margin: 0; padding: 0 0 0.5em 0; }
	
/*lists - only applies to content area*/	
.content ul, ol{ margin: 0 0 18px 0; padding: 0;}
	.layout-standard .content .col-2 ul li, .content ol li{
		font-size: 12px; line-height: 18px;
		padding: 0 0 0 18px; margin: 0;
		list-style-position:inside;
	}
	.layout-standard .content .col-2 ul li{background: transparent url(/img/list-bg.jpg) no-repeat 0 3px;}
	.layout-standard .content .col-2 ol li{  padding: 0; list-style-type: decimal; }

	
	
/*tables*/
	table{
		padding: 0; margin: 0 0 20px 0;
		border-left: 1px solid #315e98; border-bottom: 1px solid #315e98;
	}
	table th{ color: #315e98; font-weight: bold; text-align: center;}
	table th, table td{ padding: 8px; border-right: 1px solid #315e98; border-top: 1px solid #315e98;}

	
	table.product-plan{
		padding: 0; margin: 0 0 20px 0;
		border: 0px;
		border-bottom: 1px solid #eee;
		width:100%;
	}
		table.product-plan th{ 
				color: #315e98; background-color: #9EB9DB; font-weight: bold; text-align: center;
				border: 1px solid #9EB9DB;
		}
		table.product-plan th{
				padding: 6px 8px; 
				border:none;
		}
		table.product-plan td{ 
				padding: 3px 8px; 
				border:none;
				border-top:3px solid #fff;
		}
		
		table.product-plan tr.odd td{
			background-color: #eee;
			color: #444;		
		}
		table.product-plan tr.even td{
			background-color: #eee;
			color: #444;
		}
		table.product-plan tr td.input{
			text-align:center;
		}

table.product-options{
		padding: 0; margin: 0 0 20px 0;
		
		border: 0px;
		width:100%;
	}
		table.product-options th{ 
				color: #315e98; background-color: #9EB9DB; font-weight: bold; text-align: left;
				border: 1px solid #9EB9DB;			
		}
		table.product-options td{ 
				padding: 3px 8px; 
				border:none;
				border-top:3px solid #fff;
		}
		
		table.product-options tr.odd td{
			background-color: #eee;
			color: #444;		
		}
		table.product-options tr.even td{
			background-color: #eee;
			color: #444;
		}
		table.product-options tr td.input{
			text-align:center;
		}
		table.product-options tr td.input input.domain-names{
			width: 300px;
		}

	/*
	table.product-options{
		padding: 0; margin: 0 0 20px 0;
		border: 0px;
		width:100%;
	}
		table.product-options th, 
		table.product-options td{ 
				padding: 2px 8px; 
				border:none;
		}
		table.product-options th{ 
				color: white; background-color: #315e98; font-weight: bold; text-align: center;
				border: 1px solid #2c5589;
		}
		table.product-options tr.odd td{
			background-color: #9eb9db;
			color: #364c68;		
		}
		table.product-options tr.even td{
			background-color: #f6f6f5;
		}
		*/
	
/*misc*/
sup,sub{font-style:italic; font-size: 10px; }
cite{font-style:italic;}
pre{	
	font-style:italic;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
blockquote{font-style:italic; margin: 0 0 18px 0; padding: 0;}	
	
/*buttons*/
a.btn{
    font-size: 12px; line-height: 12px;
	color: #444; text-decoration: none;
    height: 20px;
    display: block; float: left;
    margin:0 6px 0 0;  padding: 0 17px 0 0; /* sliding doors padding */
	background: transparent url('/img/btn-bg-span.png') no-repeat scroll 100% 0;
}
	#ie6 a.btn{background: transparent url('/img/btn-bg-span.gif') no-repeat scroll 100% 0;}

	a.btn span { background: transparent url('/img/btn-bg.png') no-repeat 0 0; display: block; line-height: 12px; padding: 4px 0 4px 10px; }
	#ie6 a.btn span {background: transparent url('/img/btn-bg.gif') no-repeat 0 0; display: block; line-height: 12px; padding: 4px 0 4px 10px;}

		a.btn:hover { 
			background: transparent url('/img/btn-bg-span.png') no-repeat 100% 100%;
			text-decoration: none;
		}
		#ie6 a.btn:hover {
			background: transparent url('/img/btn-bg-span.gif') no-repeat 100% 100%;
			text-decoration: none;
		}
		
		a.btn:hover span {color: #f6f6f5; background: transparent url('/img/btn-bg.png') no-repeat 0 100%; padding: 4px 0 4px 10px;  }
		#ie6 a.btn:hover span {color: #f6f6f5; background: transparent url('/img/btn-bg.gif') no-repeat 0 100%; padding: 4px 0 4px 10px;  }

		

		
		
		
		
/*	$__form
-------------------------------------------------*/
/*textfield*/
fieldset{position: relative;}
form legend{
	display: block; position: absolute;
	left: 0px;
	font-weight: bold;
}
fieldset .input,
fieldset .textarea{
	width: 330px; min-height: 14px;
	padding: 0 0 0 200px;
	display: block; clear: both;
	font-family: Arial, Helvetica, Frutiger, Verdana, sans-serif;
	font-size: 12px; line-height: 14px;
}

	fieldset .input label{
		display: block;
		width: 180px;
		margin: 0 0 0 -200px;
		float: left;
	}

	#ie6 fieldset .input label{ margin: 0; }


		.text input{
			width: 260px; height: 16px;
			padding: 5px 5px; margin: 0 9px 12px 0;
			border: 0px;
			background: #dedede url(/img/form-text-input-bg.jpg) repeat-x 0 0;
			color: #315e98;
		}

		.select select,
		.date select{
			width: 260px; height: 26px;
			padding: 5px 5px; margin: 0 9px 12px 0;
			border: 0px;
			background: transparent  url(/img/form-select-bg.jpg) repeat-x 0 0;
			color: #315e98;
		}

		.date select{width: 70px;}
			.date select#UserDateOfBirthDay,
			.date select#UserDateOfBirthYear,
			.date select#QuoteExpiryDateYear{margin: 0 9px 12px 9px;}

			.select .checkbox label{
				margin: 0 0 0 20px;
			}

			.select .checkbox input{
				margin: 0 0 9px -200px;
			}

		.textarea textarea{
			width: 260px; height: 80px;
			padding: 5px 5px; margin: 0 9px 12px 0;
			border: 0px;
			background: #dedede url(/img/form-text-textarea-bg.jpg) repeat-x 0 100%;
			color: #315e98;
			font-family: Arial, Helvetica, Frutiger, Verdana, sans-serif;
			font-size: 12px; line-height: 14px;
		}


		
		
.layout-standard form.signup-form {
	padding:10px 0px 15px 0px;
	overflow:hidden;
}


	.layout-standard .header #fancybox-close {
		background-image:url("/img/fancybox/fancybox.png");
		background-position:-40px 0;
		cursor:pointer;
		display:none;
		height:30px;
		position:absolute;
		right:25px;
		top:15px;
		width:30px;
		z-index:1103;
	}
	.layout-standard form.signup-form input.extra-gb{
		width:30px;
		height:14px;
	}
		

	.signup-layout{
		padding-bottom:20px;
		width: auto;
	}
	.signup-layout .popup-form{
		width: auto;
	}
	
	.layout-standard form.signup-form .submit-btn{
		float:right;
	}
	
		.signup-layout .popup-form  .form-wrapper{
			margin: 10px 0px 20px 0px;
			padding: 0px 15px;
		}
		.signup-layout .header{
			text-align:left;
		}
		.signup-layout .header h2{
			color:#fff;
			padding:18px 0 0 15px;
		}
		.signup-layout  h3{
			padding:0px 0 0 0px;
		}
		
		.signup-layout .input.error label{
			color: red;
		}
		.signup-layout .message{
			padding-top: 10px;
			padding-left:10px;
		}
		.signup-layout .error-message{
			display:none;
		}
		.signup-layout .popup-form div.content-chunk{
			padding: 5px 0px;
		}
	
		.signup-layout form.cake-signup-form fieldset{
			padding: 3px 0px;
		}
		.signup-layout form.cake-signup-form .input{
				height:28px;
				padding:0 0 0 100px;
		}
		.signup-layout form.cake-signup-form label{
			padding-top:4px;
		}
		.signup-layout form.cake-signup-form ul{
				padding-top: 10px;
		}
		.signup-layout form.cake-signup-form ul li{
				background: url("/img/list-bg.jpg") no-repeat scroll 0 3px transparent;
				margin: 0px 0px;
				padding-left: 20px;
		}
		
			/*user input box*/
			.signup-layout form.cake-signup-form fieldset.user-details .input{
				padding:0 0 0 72px;
				width: auto;
			}
			.signup-layout form.cake-signup-form fieldset.user-details .input.text input{
				margin-right:0px;
				padding-right:0px;
				width:280px;
				float:right;
				margin-bottom:0px;
			}
			/*checkbox*/
			.signup-layout form.cake-signup-form fieldset.user-details .input.checkbox{
				padding:0 0 0 190px;
			}			
				.signup-layout form.cake-signup-form fieldset.user-details .input.checkbox label{
					margin-left:-210px;
					width: 190px;
				}
				.signup-layout form.cake-signup-form fieldset.user-details .input.checkbox input{
					float:left;
				}
				
			/*user account details*/
			.signup-layout form.cake-signup-form fieldset.user-account-details .input{
				padding:0 0 0 160px;
				width:auto;
			}			
				.signup-layout form.cake-signup-form fieldset.user-account-details .input.text input{
					margin-right:0;
					padding-right:0;
					width:200px;
					float:right;
					margin-bottom:0px;
				}
				.signup-layout form.cake-signup-form fieldset.user-account-details .input label{
					margin-left:-160px;
					width: 150px;
				}
			
			
	
				
			/*friend details box*/
			.signup-layout form.cake-signup-form fieldset.user-friend-details table{
				width:100%;
				border:0px;
			}	
			.signup-layout form.cake-signup-form fieldset.user-friend-details table th,
			.signup-layout form.cake-signup-form fieldset.user-friend-details table td
			{
				border:0px;
				padding:0px;
			}
				

			.signup-layout form.cake-signup-form fieldset.user-friend-details .input{
					width:auto;
					padding:0 0 1px 0;
					
			}
				.signup-layout form.cake-signup-form fieldset.user-friend-details .input label{
						margin-left:0px;
						width:50px;
						position:relative;
						float:left;
						padding-top:4px;
				}
				.signup-layout form.cake-signup-form fieldset.user-friend-details table td.friend-name .input input{
						width:auto;
						margin-right:20px;
						position:relative;
						margin: 0 2px;
				}
					.signup-layout form.cake-signup-form fieldset.user-friend-details table td.friend-email .input input{
								width:94%;
							position:relative;
							margin-left:2px;
					}
					
		/*payment options*/
			.signup-layout form.cake-signup-form fieldset.user-payment-details .input{
				width:auto;
				padding:0 0;
				display:block;
				height: auto;
				overflow:hidden;
			}
				.signup-layout form.cake-signup-form fieldset.user-payment-details fieldset{
					position:relative;	
				}
					.signup-layout form.cake-signup-form fieldset.user-payment-details fieldset legend{
						display:none;
					}
					.signup-layout form.cake-signup-form fieldset.user-payment-details fieldset label{
						float:left;
						position:relative;
						margin:0 0px;
						padding: 0 2px;
					}
					.signup-layout form.cake-signup-form fieldset.user-payment-details fieldset input{
						float:left;
						position:relative;
						margin:0 0px;
					}
		
		/*button*/
		.signup-layout form.cake-signup-form .button-wrapper{
			padding-right:0px;
		}
		.signup-layout form.cake-signup-form .btn{
			display:auto;
			float:right;
			padding:0 4px;
		}
		
		
		
	/*Quote form*/
.signup-layout .popup-form{
	
}
.signup-layout .popup-form #errorMessage{
	display:none;
	
}
	.signup-layout .popup-form .business-quote-form{
		padding-left:5px;
	}
	.signup-layout .popup-form .business-quote-form .input{
		width: 290px;
		padding: 0 0 0 100px;
	}
	
	.signup-layout .popup-form .business-quote-form	.input input{
		width:250px;
	}
		
	.signup-layout .popup-form .business-quote-form	.input label{
		margin:0 0 0 -90px;
		width:100px;
	}
	
	.signup-layout .popup-form .business-quote-form	.input.select,
	.signup-layout .popup-form .business-quote-form	.input.textarea{
		padding:0 0 0 10px;
		margin:0px;
	}
		.signup-layout .popup-form .business-quote-form	.input.select p{
			margin:3px 0px;
		}
		.signup-layout .popup-form .business-quote-form	.input.select .checkbox{
			position:relative;
			padding-left:200px;
		}
		.signup-layout .popup-form .business-quote-form	.input.select .checkbox label{
			position:absolute;
			margin:0;
			padding:0;
			width:200px;
			margin-left:-200px;
		}
		.signup-layout .popup-form .business-quote-form	.input.select .checkbox input{
			margin:0px;
			width:20px;
		}

		.signup-layout .popup-form .business-quote-form	.input.textarea textarea{
			width:350px;
		} 
		.signup-layout .popup-form .business-quote-form	.input.textarea p{
			margin:3px 0px;
			width:370px;
		}
	
		.signup-layout .business-quote-form .button-wrapper{
			padding-left:229px;			
		}
		.signup-layout .business-quote-form .btn{
			display:auto;
			float:left;
			padding:0 4px;
		}
					
/* $__header	
-------------------------------------------------*/
.header-container{
	width: 100%; height: 120px;
	display: block;
}
	.header{ 
		width: 730px; height: 100px;
		margin: 0 auto; padding: 23px 0 0 0;
		display: block;
		position: relative
	}
	
		.header .user-options{
			height: 23px; min-width: 180px;
			display: block; 
			position: absolute; top: 0px; right: -2px;
			background: #f6f6f5 url(/img/header-login-bg.jpg) no-repeat 0 0;
		}

			.header .user-options {margin: 2px 0 0 0;}
				#ie6 .header .user-options,
				#ie7 .header .user-options
				{padding: 5px 0 0 0;}
				
				.header .user-options li{
					margin: 7px 10px; padding: 0px;
					display: inline;
					font-size: 10px; line-height: 10px;
					text-transform: uppercase;
					text-shadow: #999999 0px 1px 1px ;
				}


				.header .user-options a{ color: #315e98; text-decoration: none;}
				.header .user-options a:hover{ text-decoration: underline;}
			
		.header .logo{
			width: 245px; height: 75px;
			margin: 0px 10px; padding: 0px;
			display: block; float: left;
			text-align: center; text-indent: -10000px;
			background: #f6f6f5 url(/img/header-logo.jpg) no-repeat 0 0;
		}
		
			.header .logo a{ width: 245px; height: 75px; display: block;}

		.header  h3{
			width: 255px; height: 20px;
			margin: 40px 0 0 0; padding: 0px;
			display: block; float: right;
			text-align: right;
			
			font-size: 22px; line-height: 22px;
			color: #315e98;
			font-weight: normal;
		}

/*	$__nav
-------------------------------------------------*/
.nav-container{
	width: 100%; min-height: 81px;
	display: block; overflow: visible;
	position: relative; clear: both;
	background: #f6f6f5 url(/img/nav-bg.jpg) repeat-x 0 0;
}	
	.nav-container .nav{
		width: 730px; min-height: 80px;
		margin: 0 auto; padding: 0;
		display: block; overflow: visible;
		border-right: 1px solid #364c68;
		border-left: 1px solid #4e73a2;
	}
		.nav-container .nav .nav-item{
			width: 365px; min-height: 81px;
			display: block; float: left;
			text-align: center;
		}
		.nav-container .nav a:visited{
				color: #9eb9db; 
				text-decoration: none;
				text-shadow: #254774 0px 1px 1px ;
		}
		.nav-container .nav .nav-item li.btn,
		.nav-container .nav .nav-item li.btn a{
			width: 365px; height: 81px;
			display: block; float: left;
			text-align: center;
			background: transparent url(/img/nav-item-bg.jpg) no-repeat 0 0;
		}
		.nav-container .nav .nav-item li.btn a:hover,
		.nav-container .nav .nav-item li.btn a:active,
		.nav-container .nav .nav-item li.btn.active a{
			background: transparent url(/img/nav-item-bg.jpg) no-repeat 0 -162px;
			color: #f6f6f5;
			text-decoration: none
		}
			.nav-container .nav .nav-item li.btn a{
				width: 265px; height: 59px;
				padding: 11px 70px 11px 30px;
				text-shadow: #23426a 0px 2px 1px ;
				color: #9eb9db;
			}
				.nav-container .nav .nav-item .title{ 
					font-size: 22px; line-height: 24px; 
					text-transform: uppercase; color: #f6f6f5;
					display: block;	 margin: 20px 0 0 0; 
				}
				.nav-container .nav .nav-item .description{ 
					font-size: 12px; 
					line-height: 16px;
					display: block;
				}
				
			/*sub-nav*/
			.nav-container .sub-nav{
				display: none;
				width: 100%;
				padding: 12px 0 20px 0;
				margin: 1px 0 0 0;
				background: #4b7ab2 url(/img/sub-nav-bg.jpg) repeat-x 0 100%;
				overflow:hidden;
				float:left;
			}
				#ie6 .nav-container .sub-nav,
				#ie7 .nav-container .sub-nav{
						margin: 0;
				}
			
				.sub-nav .inner {
					height:100%;
					overflow:hidden;
				}
			
				.nav-container .sub-nav ul{
					width: 730px; 
					/*min-height: 223px;*/
					height:100%;
					margin: 0 auto;
					display: block; position: relative;
					overflow:hidden;
				}

				.nav-container .sub-nav li{
					display: block;
					text-align: left;
					font-size: 12px; line-height: 22px;
				}

				.nav-container .sub-nav li.sub-nav-item{display: none;}

				.nav-container .sub-nav li.column{
						width: 100px;
						padding: 0 40px 0 0;
						float: left;
					}

					.nav-container .sub-nav ul ul ul{ width: 140px;}

							.nav-container .sub-nav li.column li{
							width: 135px;
							line-height: 14px;
							padding: 0 0 12px 0;
						}

						.nav-container .sub-nav li.column .category{font-weight: bold;}
					
					.nav-container .sub-nav li.close{
						width: 15px; height: 15px;
						display: block; position: absolute;
						bottom: 0px; right: 0px;
					}
					
						/*.nav-container .sub-nav li.close a{
							width: 15px; height: 0px;
							padding: 15px 0 0 0;
							display: block; overflow: hidden; 
							font-size: 0px; line-height: 0px;
							background: transparent url(/img/sub-nav-close-btn.png) no-repeat 50% 50%;
						}*/
				
					.nav-container .sub-nav li a:link,
					.nav-container .sub-nav li a:visited{
						color: #f6f6f5; display: block;
						}
					.nav-container .sub-nav li a:hover{text-decoration: underline;}
	
			

/*	$__content	
-------------------------------------------------*/
	.content-container{
		width: 100%;
		padding: 30px 0 0 0;
		background: transparent url(/img/content-bg.jpg) repeat-x  0 0;
	}

	.content{
		width: 730px;
		margin: 0 auto; padding: 18px 0 0 0;
		overflow: visible;
		display: block
	}

/*	$__footer	
-------------------------------------------------*/
	.sub-footer-container{
		width: 100%;
		padding: 9px 0; margin: 20px 0 0 0;
		background-color: #315e98;
		border-top: 1px solid #4e73a2; border-bottom: 1px solid #364c68;

	}
		.sub-footer-container .sub-footer{
			width:730px;
			margin:0 auto; padding:0;
			overflow:visible; display:block;
			position: relative;
		}

		.sub-footer-container .sub-footer a.top{
			width: 15px; height: 0px;
			padding: 15px 0 0 0;
			line-height: 0; 
			font-size: 0px; bottom: 0px; right: 0px;
			display: block; position: absolute;
			overflow: hidden;
			background: transparent url(/img/top-btn.png) no-repeat 50% 50%;
		}

		.sub-footer-container .sub-footer .column{
			width: 220px;
			padding: 0 30px 0 0; margin: 0;
			display: block; float: left;
		}

		.sub-footer-container .sub-footer .column.last{padding: 0;}

		.sub-footer-container .mod .hd{
			font-size: 12px; line-height: 14px;
			color: #f6f6f5; font-weight: bold;
			text-shadow: #23426A 0px 1px 2px ;
			padding: 0 0 10px 0;
		}
		.sub-footer-container .mod .bd p,
		.sub-footer-container .mod .bd li{
			padding: 0 0 8px 0; margin: 0;
			font-size: 10px; line-height: 12px;
			color: #9eb9db;
		}

			.sub-footer-container .mod .bd li{
				width: 100px;
				padding: 0 9px 8px 0;
				float: left;
			}

			.sub-footer-container .column.mod.last .bd li{ width: 220px;}

			.sub-footer-container .mod .bd a:link, .sub-footer-container .mod .bd a:visited{ color: #9eb9db; text-decoration: underline;}
			.sub-footer-container .mod .bd a:hover, .sub-footer-container .mod .bd a:active{ color: #f6f6f5; text-decoration: underline;}

		
	.footer-container{
		width: 100%;
		padding: 10px 0; margin: 0;
		background-color: #e7e7e7;
		border-bottom: 1px solid #c5c5c5;
	}
		.footer-container .footer{
			width:730px;
			margin:0 auto;
			padding:0;
			overflow:visible;
			display:block;
		}

		.footer .column{
			width: 150px;
			padding: 0 30px 0 0; margin: 0;
			display: block; float: left;
		}
			.footer .column.last{padding: 0;}
			
		.footer .column li{
			font-size: 10px; line-height: 12px;
			margin: 0 0 10px 0;
		}

		.footer .column li a{ color: #4e73a2; text-decoration: none;}
		.footer .column li a:hover{text-decoration: underline; }

	.copyright{
		width:730px;
		padding: 6px 0; margin:0 auto;
		display:block; overflow:visible;
		clear: both;
		font-size: 10px; line-height: 10px;
		color: #6d6e71;
	}		

/*	$__home		
-------------------------------------------------*/
/*Slideshow*/
.features-slideshow-container{
	height: 270px;
	margin: 0 auto 20px;
}

/*Feaured Services*/
.featured-services{ 
	width: 100%; height: 257px;
	margin: 0 auto 25px 0;
	display: block; clear: both;
}
	.featured-services li.service {
		display: block; float: left;
		position: relative;
		width: 156px; height: 143px;
		padding: 110px 8px 0 10px; margin: 0 10px 0 0;
	}

	.featured-services li.service.last{  margin: 0 -2px 0 0; }
	.featured-services li.internet-services{ background: transparent url(/img/home-feature-1.jpg) no-repeat 0 0; }
	.featured-services li.phone{background: transparent url(/img/home-feature-2.jpg) no-repeat 0 0; }
	.featured-services li.domain-hosting{ background: transparent url(/img/home-feature-3.jpg) no-repeat 0 0; }
	.featured-services li.solutions-hardware{ background: transparent url(/img/home-feature-4.jpg) no-repeat 0 0; }

		.featured-services li .hd{
			height: 44px;
			padding: 0 0 5px 0;
			vertical-align: baseline;
			font-size: 22px; line-height: 22px;
			color: #f6f6f5; text-transform: uppercase;
/*			text-shadow: #565656 0 2px 1px ;*/
		}
		.featured-services li .bd{
			padding: 0 0 10px 0;
			font-size: 12px; line-height: 16px;
			color: #f6f6f5; 
			text-shadow: #565656 0 2px 1px ;
		}
		.featured-services li .ft{
			position: absolute;
			bottom: 12px; left: 10px;
		}
		
	.modules-home.modules{
		width: 730px; min-height: 170px;
		margin: 0 -8px 20px 0;
	}
	#ie6 .modules-home.modules{
		width: 730px; height: 170px; overflow: visible;
	}
		.modules-home.modules .mod{
			width: 343px; height: 173px;
			padding: 0 10px 0 10px; margin: 0 4px 0 0;
			display: block; float: left;
			background: transparent url(/img/home-mod-bg.gif) no-repeat 0 100%;
			overflow: hidden;
		}

		#ie6 .modules-home .mod{
			width: 323px; height: 173px;
			padding: 0 15px 0 15px; margin: 0 12px 0 0;
			background: transparent url(/img/home-mod-bg.gif) no-repeat -15px 1px;
		}
		
			.modules-home .mod .hd{
				font-size: 12px; line-height: 12px;
				font-weight: bold; color: #315e98;
				padding: 10px 0 14px 0; margin: 0 0 5px 0;
				background: transparent url(/img/header-border.gif) repeat-x 0 100%;
			}

			.modules-home.modules .mod.testimonials li{
				font-size: 12px; line-height: 18px;
				
			}

			.modules-home.modules .mod.testimonials .bd{position: relative;}

			.modules-home.modules .mod.testimonials  li.testimonial{
				display: none;
				position: absolute; top: 0; left: 0;
				width: 340px; height: 126px;
			}

				.modules-home.modules .mod.testimonials .from{text-align: right;}

				.modules-home.modules .mod.get-broadband{margin: 0;}

					.modules-home.modules .get-broadband p{ margin: 0;}

					.modules-home.modules .get-broadband form{
						height: 48px;
						padding: 12px 0 0 10px;
					}
						.modules-home.modules .get-broadband .text{
							display: block; float: left;
							min-width: 38px;
						}
							.modules-home.modules .get-broadband .text input{
								font-size: 16px; line-height: 16px;
								width: 86px; 
								display: block; float: left;
							}

							#ie6 .modules-home.modules .text input{
								margin: 0 5px 0 0;
							}

							.modules-home.modules .get-broadband .submit input{
								width: 36px; height: 0px;
								padding: 36px 0 0 0; margin: -4px 35px 0 0;
								border: 0px;
								display: block; float: right;
								font-size: 0px; line-height: 0px;
								background: transparent url(/img/home-get-broadband-btn.jpg) no-repeat 0 0;
								cursor: pointer;
							}

							#ie6 .modules-home.modules .get-broadband .submit input,
							#ie7 .modules-home.modules .get-broadband .submit input
							{
								width: 36px; height: 36px;
								padding: 0; margin: -4px 32px 0 0px ;
								text-indent: -1000px;
							}


								.modules-home.modules .get-broadband .text input#phoneAreaCode{ width: 30px; }

								.modules-home.modules .get-broadband .btn{margin: 0 0 0 10px;}
/*	$__standard	
-------------------------------------------------*/
.layout-standard .content-container{
padding: 1px 0 0 0;
}
/*breadcrumb*/
	.breadcrumb{
		width: 100%; min-height: 12px;
		margin: 0 0 10px 0;
		clear: both;
	}
		.breadcrumb ul{
			margin:0;
		}
		.breadcrumb ul li{
			padding: 0 6px 0 10px; margin: 0;
			float: left;
			font-size: 10px; line-height: 10px;
			background-image: url(/img/breadcrumb_arrow.png);
			background-repeat:no-repeat;
			background-position: 0px;
		}
		.breadcrumb ul li.first{
			background:none;
			padding:0 6px 0 0;
		}
			.breadcrumb ul li a{ 
				display:block;
			}			

				
		.call-to-action{ 
			width: 100%; min-height: 30px;
			padding: 0; margin: 0 0 20px 0;
		}			
	.layout-standard .col-1{
		width: 180px; min-height: 100px;
		padding: 0 0 20px 0; margin: 0 20px 0 0;
		display: block; float: left;
	}		
	.layout-standard .col-2{
		width: 530px; min-height: 100px;
		padding: 0 0 20px 0; margin: 0;
		display: block; float: left;
	}

		.col-1 .side-nav, .col-1 .side-nav ul{
			width: 180px; min-height: 16px;
			display: block;
			background: #315e98;
			margin:0 0 18px 0; padding: 0;
		}

				.col-1 .side-nav a{
					width: 150px; min-height: 14px;
					padding: 10px 10px 6px 20px; margin: 0; 
					display: block;
					font-size: 12px; line-height: 14px;
					color: #9eb9db; text-decoration: none;
					text-shadow:0 2px 1px #23426A;
					background-color: #315e98;
					border-top: 1px solid #40699d;
					border-bottom: 1px solid #345580;
			
				}
/*					.col-1 .side-nav li.selected a{color: #f6f6f5;}*/
					.col-1 .side-nav a:hover{color: #f6f6f5; text-decoration: underline;}
/*				.col-1 .side-nav li li a,*/
				.col-1 .side-nav li.selected a{
					color: #f6f6f5; background-color: #4b7ab2;
				}

				.col-1 .side-nav li ul{margin: 0;}
					.col-1 .side-nav li li a,
					.col-1 .side-nav li.selected li a{
						width: 135px;
						padding: 10px 10px 6px 35px;
						background-color: #315e98; color: #9eb9db;
					}

					.col-1 .side-nav li li a:hover,
					.col-1 .side-nav li.selected li a:hover{
						color: #f6f6f5;
					}

	/*related content*/
		.layout-standard .modules{
			width: 530px; min-height: 170px;
			margin: 0 -4px 20px 0;
		}

			#ie6 .layout-standard .modules{ width: 530px !important;}

			.layout-standard .modules .mod{
				width: 238px; min-height: 173px;
				padding: 0 10px 0 10px; margin: 0 4px 0 0;
				display: block; float: left;
				background: none;
			}
				.layout-standard .modules .mod .hd{
					font-size: 12px; line-height: 12px;
					font-weight: bold; color: #315e98;
					padding: 0 0 14px 0; margin: 0 0 9px 0;
					background: transparent url(/img/header-border.gif) repeat-x 0 100%;
				}	
				
				.layout-standard .modules.related-content li{ padding: 0 0 10px 0;}

/*	$__other	
-------------------------------------------------*/
.advert.leaderboard{
	width: 728px; height: 90px;
	margin: 0 auto 20px;
}

.advert.small-ads{
	margin: 0 auto 20px;
}

.popup-form{
	width:380px;
}
	.popup-form .form-wrapper{
		width: auto;
		display:block;
		margin:30px auto;
	}


	.popup-form .header{
		display:block;
		height:60px;
		width:auto;
		padding: 0;
		background-color: #315e98;
	}

	.popup-form fieldset{position: relative;}
	.popup-form legend{
		display: block; position: absolute;
		left: 0px;
		font-weight: bold;
	}
	.popup-form fieldset .input{
		width: 200px; min-height: 14px;
		padding: 0 0 0 120px;
		display: block; clear: both;
		font-family: Arial, Helvetica, Frutiger, Verdana, sans-serif;
		font-size: 12px; line-height: 14px;
	}

	#ie6 .popup-form fieldset .input{ width: 330px; padding: 0 0 0 50px; }
	
	.popup-form .input label{
		display:block;
		float:left;
		margin:0 0 0 -72px;
		width:90px;
	}

	#ie6 .popup-form .input label{ margin:0; }
	
	.popup-form .text input{
		background:url("/img/form-text-input-bg.jpg") repeat-x scroll 0 0 #DEDEDE;
		border:0 none;
		color:#315E98;
		height:16px;
		margin:0 9px 8px 0;
		padding:5px;
		width:150px;
	}
	.popup-form	.select select{
			width: 160px; height: 26px;
			padding: 5px 5px; margin: 0 9px 12px 0;
			border: 0px;
			background: transparent  url(/img/form-select-bg.jpg) repeat-x 0 0;
			color: #315e98;
		}
		
	.popup-form a.btn{
		float:right; margin: 0 80px 0 0;
	}

		#ie6 .popup-form a.btn{margin: 0 40px 0 0;}