/* © Copyright 2009 Newsletter.com.au */

* { margin:0; padding:0; -webkit-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important; }


/* Settings and Common Classes */

a {
	color:#509fd3;
	text-decoration:none;
}

a:hover {
	color:#008a42;
}

img {
	border:none;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

	img.alignright {
		margin-left:20px;
	}
	
	img.alignleft {
		margin-right:20px;
	}
	
	img.centered {
		display:block;
		margin:0 auto;
	}

.strong {
	font-weight:bold;
}

.clear {
	clear: both;
	overflow: hidden;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
	line-height:0;
	font-size:1px;
	width:100% !important;
	float:none !important;
	background:none !important;
}
/* END Common Classes */




/* Typography */
@font-face {
	font-family: 'FuturaMdBTBold';
	src: url('fonts/Futura_Bold_BT.eot');
	src: local('Futura Md BT Bold'), local('FuturaBT-Bold'), url('fonts/Futura_Bold_BT.woff') format('woff'), url('fonts/Futura_Bold_BT.ttf') format('truetype'), url('fonts/Futura_Bold_BT.svg') format('svg');
	font-weight: 700;
}

p {
	margin:1.5em 0;
}

#content h1 {
	color:#fff;
	background:#005a89 url(images/wrap3.jpg) no-repeat -179px -43px;
	margin-bottom:35px;
	font:bold 2em/57px Arial, Helvetica, sans-serif;
}

#content h2 {
	background:#f0f4f7 url(images/h2.png);
	padding-left:10px;
	margin:28px 0 21px -10px;
	color:#216081;
	font:bold 1.5em/37px Arial, Helvetica, sans-serif;
}

#content h3 {
	color:#509fd3;
	margin:15px 0;
	font:bold 1.2em/27px Arial, Helvetica, sans-serif;
}

#content ul li {
	margin-bottom:6px;
	background:url(images/bullet.gif) no-repeat 0 4px;
	padding-left:20px;
	list-style:none;
}

#content ul.ident {
	margin-left: 30px;
}
/* END Typography and Settings */




/* Structure */
body {
	background:#A6D3E6;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}

#wrap {
	background:#fff url(images/wrap.png) repeat-x 0 0;
	padding-bottom: 60px;
}

#wrap2 {
	background:url(images/wrap2.jpg) no-repeat 50% 0;
	min-width:960px;
	position: relative;
	z-index: 1;
}

#home #wrap {
	background:#fff url(images/wrap-home.png) repeat-x 0 0;
}

#home #wrap2 {
	background:url(images/hero.jpg) no-repeat 50% 0;
}

#noside #wrap2 {
	background:url(images/wrap3.jpg) no-repeat 50% 0;
}

#page {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}
/* END Structure */




/* Header */

#header {
	height:76px;
	padding-top:27px;
	width:960px;
	margin:0 auto;
	/*background:url(images/header.jpg) no-repeat 50% 0;*/
}

	#logo {
		float:left;
		font:bold 2em Arial, Helvetica, sans-serif;
	}
	
	#toplinks {
		float:right;
		margin:5px 27px 0 0;
		width:329px;
		height:41px;
	}
	
	#toplinks .signup, #toplinks .login {
		display:block;
		float:left;
		height:41px;
		font:bold 1.2em/38px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		cursor:pointer;
		text-indent: 17px;
		color: #49B9DE;
	}
	
	#toplinks .signup { width:148px; background:url(images/toplinks.png) 0 0; text-indent: 26px; }
	
	#toplinks .signup:hover { background-position: 0 bottom; }
	
	.login { width:110px; background:url(images/toplinks.png) right 0; }
	
	.login:hover { background:url(images/toplinks.png) right bottom; }

	.currencyBox { width: 71px; height: 35px; background:url(images/currency_bg.png); float: left; padding-top: 6px; line-height: 29px; overflow: hidden; position: relative; z-index: 100; }
	
	.currencyBox:hover { background-position: 0 -41px; height: 88px; }
	
	.currencyBox a, .currencyBox a:visited { color: #B4B4B4; font-family: FuturaMdBTBold, Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; position: relative; left: -4px; }
	
	.currencyBox:hover .selected { cursor: default; }
	
	.selectedSign { color: #B4B4B4; }
	
	.currencyBox:hover .selectedSign { color: #E4B80E; }
	
	.selectedCurrency { color: #49B9DE; font-family: FuturaMdBTBold, sans-serif; font-size: 12px; position: relative; left: -4px; top: -1px; }
	
	.currencyBox:hover a, .currencyBox:hover a:visited { color: #B4B4B4; }
	
	.currencyBox:hover a:hover { color: #49B9DE; }


	.selectedCurrency, #toplinks .signup, #toplinks .login { text-shadow: 1px 1px 0px white; }


/* END Header */




/* Nav */
#nav {
	background:url(images/nav.png);
	height:43px;
}

	#nav ul {
		width:960px;
		margin:0 auto;
	}
	
	#nav li {
		padding:0 18px;
		list-style:none;
		float:left;
	}
	
	#nav li a {
		color:#fff;
		font:bold 1.2em/43px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		float:left;
		display:block;
		padding:0 18px;
	}
	
	#nav li a:hover {
		background:url(images/nav.png);
	}
/* END Nav */




/* Hero */
#hero {
	height:283px;
	padding:46px 14px 0 551px;
	color:#fff;
}

	#hero h1 {
		position:relative;
		font:bold 29px/36px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		margin:0;
		overflow:hidden;
		height:36px;
	}
	
		#hero h1 span {
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			background-image:url(images/h1-homepage.png);
		}
		
	#hero p {
		padding:14px 0;
		margin:0;
		font:1.5em/22px Arial, Helvetica, sans-serif;
		text-shadow:1px 1px 1px #004e77;
	}
	
	#hero .signupfree {
		margin:0 10px 0 -2px;
		display:block;
		width:135px;
		height:41px;
		line-height:40px;
		text-align:center;
		color:#fff;
		overflow:hidden;
		float:left;
		position:relative;
		cursor:pointer;
	}
	
	#hero .watch {
		display:block;
		width:135px;
		height:41px;
		line-height:40px;
		text-align:center;
		color:#fff;
		overflow:hidden;
		float:left;
		position:relative;
		cursor:pointer;
	}
	
	#hero .signupfree span, #hero .watch span {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background-position:0 0;
	}
	
	#hero .signupfree span { background-image:url(images/btn-signupfree.png); }
	
	#hero .watch span { background-image:url(images/btn-watchdemo.png); }
	
	#hero .signupfree:hover span, #hero .watch:hover span {
		background-position:0 100%;
	}
/* END Hero */




/* Homepage */
#homepage {
	font-size:1.2em;
	line-height:1.5em;
}

#homepage h2 {
	font:bold 1.3em/18px FuturaMdBTBold, Arial, Helvetica, sans-serif;
	color:#509fd3;
	letter-spacing:-.025em;
	padding-left:17px;
}

	#includes {
		background:#dbe8ef url(images/plans.png);
		width:936px;
		height:157px;
		margin:8px auto 17px;
		padding:0 1px 0 11px;
	}
	
	#includes li {
		list-style:none;
		text-align:center;
		padding:80px 20px 0;
		color:#777;
		float:left;
	}
	
	#includes strong{
		display:block;
		font:bold 1.25em/18px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		color:#41718d;
	}
	
		#includes .emails { width:104px; }
		#includes .lists { width:128px; }
		#includes .graphs { width:111px; }
		#includes .scheduled { width:119px; }
		#includes .forms { width:125px; }
		#includes .fees { width:99px; padding:80px 25px 0; }

#slider {
	position: relative;
	padding:0 6px;
}

	.navigation {
		background:#79a0b3;
		height:55px;
  		width:940px;
  		margin:14px auto 0;
	}
	
		.navigation li {
			list-style:none;
			float:left;
		}
		
		.navigation a {
			display:block;
			color:#fff;
			font:bold 1.5em/55px FuturaMdBTBold, Arial, Helvetica, sans-serif;
			text-shadow:-1px -1px 0 #6391aa;
			background:	url(images/tabs.png);
			outline: none;
		}
		
		.navigation a:hover, .navigation  a.selected {
			text-shadow:-1px -1px 0 #295471;
		}
		
		.navigation .design a {
				padding-left:60px;
				width:250px;
				background-position:0 0;
		}
		
		.navigation .design a:hover, .navigation .design a.selected { background-position:0 100%; }
		
		.navigation .manage a {
				padding-left:65px;
				width:275px;
				background-position:-310px 0;
		}
		
		.navigation .manage a:hover, .navigation .manage a.selected { background-position:-310px 100%; }
		
		.navigation .bulk a {
				padding-left:65px;
				width:225px;
				background-position:100% 0;
		}
		
		.navigation .bulk a:hover, .navigation .bulk a.selected { background-position:100% 100%; }

	.scroller {
	  height: 270px;
	  position: relative;
	  clear: left;
	  overflow: hidden;
	  
	}
	
	.content div.section {
	  height: 270px;
	  width: 948px;
	}
	
	#tab-design { background:url(images/tab-design.png) no-repeat 0 100%; }
	
		#slider #tab-design h3 {
			padding:12px 0 14px 26px;
		}
			
			#tab-design h3 span {
				font-size:12px;
			}
			
		#tab-design .p2 {
			padding:35px 0 19px 26px;
			margin:0;
			width:330px;
			/*color:#406f8b;
			font-size:1.5em;
			line-height:24px;*/
		}
	
	#tab-manage { background:url(images/tab-manage.png) no-repeat 0 100%; }
			
		#tab-manage ul {
			padding:39px 0 19px 26px;
			margin:0;
			width:380px;
			line-height:36px;
			height:70px;
		}
		
			#tab-manage li {
				float:left;
				background:url(images/tick.png) no-repeat 7px 50%;
				font-weight:bold;
				padding:0 18px 0 36px;
				width:135px;
				list-style:none;
			}
	
	#tab-bulk { background:url(images/tab-send.png) no-repeat 0 15px; }
			
		#tab-bulk .p2 {
			padding:35px 0 10px 26px;
			margin:0;
			width:340px;
		}
	
	#slider h3 {
		color:#188ba0;
		margin:0;
		padding:25px 0 17px 26px;
		font:bold 22px/19px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		letter-spacing:-.025em;
	}
			
	#slider .p1 {
		padding:0 0 0 26px;
		margin:0;
		width:380px;
		color:#548aa3;
		font-weight:bold;
		font-size:1.2em;
	}
		
	#slider .p3 {
		padding-left:26px;
		font-weight:bold;
		margin:0;
		clear:left;
	}
			
	#slider .p3 a {
		background:url(images/bullet-link.png) no-repeat 0 50%;
		padding-left:20px;
	}
/* END Homepage */




/* Content */
#content {
	font-size:1.2em;
	line-height:1.5em;
	padding-left:19px;
	width:610px;
	float:left;
}

	#noside #content {
		width:922px;
		float:none;
	}

	#video {
		text-align: center;
		margin-left: -10px;
	}
	
		#video iframe {
			width: 821px;
			height: 626px;
		}
	
	#contactinfo {
		background:url(images/img-contact01.png) no-repeat 0 0;
		padding:5px 0 0 270px;
		margin:0 0 27px -10px;
		height:206px;
	}
	
	#contactinfo-eu {
		background:url(images/img-contact01-eu.png) no-repeat 0 0;
		padding:5px 0 0 270px;
		margin:0 0 27px -10px;
		height:206px;
	}
	
	#contactinfo-in {
		background:url(images/img-contact01-in.png) no-repeat 0 0;
		padding:5px 0 0 270px;
		margin:0 0 27px -10px;
		height:206px;
	}
	
		.phone {
			color:#c91c77;
			font-size:1em;
			font:bold 1.2em/18px FuturaMdBTBold, Arial, Helvetica, sans-serif;
			margin-top:-12px;
		}
		
			.phone span {
				font-size:1.85em;
				line-height:19px;
			}
			
		.email {
			font-weight:bold;
			line-height:24px;
			float:left;
			width:215px;
			margin-top:0;
		}
		
			.email a {
				color:#666;
				background:url(images/icon-email.png) no-repeat 2px 50%;
				padding-left:25px;
			}
			
			.email a:hover {
				color:#509fd3;
				text-decoration:underline;
			}
			
		.postal {
			padding:3px 0 0 24px;
			background:url(images/icon-postal.png) no-repeat 0 5px;
			float:left;
			width:110px;
			margin-top:0;
		}
		
		#contactinfo-in .postal {
			margin:0;
		}
		
	#contactus {
		background:#f0f4f7 url(images/fieldset-btm-cu.png) no-repeat 0 100%;
		margin-left:-17px;
	}
	
		#contactus fieldset {
			background:url(images/fieldset-top-cu.png) no-repeat 0 0;
			padding:3px 23px;
			border:none;
		}
		
		#contactus .text {
			float:none;
			width:249px;
		}
		
			#contactus textarea.text {
				width:290px;
				resize: vertical;
			}
		
		#contactus label, #contactus h3 {
			display:block;
			width:261px;
			font:bold 1.2em/23px Arial, Helvetica, sans-serif;
			color:#509fd3;
			margin-bottom:0;
		}
		
		#contactus p {
			margin:6px 0;
		}
		
/***********************************************/
	/*
	EMOTECH CHANGE
	Copied from #signup styles, then modified
	*/

#supportpage fieldset {
	background:#f6f7f7 url(images/fieldset-btm.png) no-repeat 0 100%;
	border:none;
	margin-left:-10px;
}

	#supportpage .fs-in {
		background:url(images/fieldset-top.png) no-repeat 0 0;
		padding:19px 10px 11px;
		height: 419px;
	}
	
	#supportpage p {
		line-height:31px;
		margin:0 0 9px;
		clear:left;
		height:31px;
	}
	
	#supportpage label {
		display:block;
		float:left;
		width:160px;
		padding-right:23px;
		color:#509fd3;
		font-size:1.2em;
		font-weight:bold;
		text-align:right;
	}
	
	#supportpage label.inline {
		padding-right:18px;
		padding-left: 7px;
		color:#509fd3;
		font-size:1.2em;
		font-weight:bold;
		display: inline;
		float: none;
	}

	
	#supportpage span.element {
		float: left;
		font-weight: bold;
		margin: 3px;
	}
	
	p.department select{
		width: 390px;
	}
		
		
	#supportpage .required {
		float:left;
		margin:6px 0 0 8px;
	}
	
	#supportpage .required.no-margin {
		margin-left: -12px;	
	}
	
	#supportpage p.fs-info {
		padding-left:161px;
		width:300px;
		height:auto;
		line-height:18px;
		font-size:.9em;
	}
	
	#supportpage .textonly {
		height:auto;
		line-height:18px;
		padding:0 40px 0 10px;
		margin-bottom:15px;
	}
	
	#supportpage textarea {
		width: 380px;
		margin-bottom: 8px;
	}	

		#supportpage .btn-signup {
			float:right;
			margin:19px 4px 0 0;
		}
	.sidephone{
	margin: 20px;
	}
	
	.plan_price { }
	
	.plan_equal { color: #216081; font-size: 16px; font-weight: bold; }




/*ENDCHANGE*/		
/***********************************************/		
			
		
		
				
/* END Content */




/* Signup */
#signup h2 {
	margin-bottom:3px;
}


h2 span {
	color:#509fd3;
}

#signup fieldset {
	background:#f6f7f7 url(images/fieldset-btm.png) no-repeat 0 100%;
	border:none;
	margin-left:-10px;
}

	#signup .fs-in {
		background:url(images/fieldset-top.png) no-repeat 0 0;
		padding:19px 10px 11px;
	}
	
	#signup p, #signup div.row {
		line-height:31px;
		margin:0 0 9px;
		clear:left;
		height:31px;
	}
	
	#signup label {
		display:block;
		float:left;
		width:138px;
		padding-right:23px;
		color:#509fd3;
		font-size:1.2em;
		font-weight:bold;
		text-align:right;
	}
	
	#signup label.inline {
		padding-right:18px;
		padding-left: 7px;
		color:#509fd3;
		font-size:1.2em;
		font-weight:bold;
		display: inline;
		float: none;
	}
	
	.text {
		border:2px solid #c8d5dc;
		background:#fff url(images/input.png) 0 0;
		width:290px;
		height:19px;
		padding:6px 4px 2px;
		color:#666;
		font:12px Arial, Helvetica, sans-serif;
		float:left;
	}
	
	.input-promo {
		width: 190px;
		margin-right: 8px;	
	}
	
	.phone-code {
		width: 40px;	
	}
	
	.phone-number {
		width: 215px;
	}
	
	#signup span.element {
		float: left;
		font-weight: bold;
		margin: 3px;
	}
	
	select.text {
		height:31px;
	}
	
	select.text.product-period {
		height: 25px !important;
		margin: 6px 7px 0 0 !important;
		padding-top: 3px !important;	
		width: 135px !important;
		*margin-top: 8px !important;
		border: 1px solid #C8D5DC !important;
		
	}
	
	p.country select{
		width: 301px;
	}
	
	textarea.text {
		height:139px;
	}
	
		#signup input.state {
			width: 119px;
		}
		
		#signup select.state {
			width: 131px;
		}
		
		#signup select.business-type {
			width: 70px;
			
		}
		
		#signup input.business-number {
			width: 210px;
			margin-left: 10px;
		}
	
		#signup input.postcode {
			width:70px;
		}
	
		#signup label.postcode {
			width:78px;
			padding-right:11px;
		}
		
	#signup .required {
		float:left;
		margin:6px 0 0 8px;
	}
	
	#signup .required.no-margin {
		margin-left: -12px;	
	}
	
	#signup p.fs-info, #signup div.row.fs-info {
		padding-left:161px;
		width:300px;
		height:auto;
		line-height:18px;
		font-size:.9em;
	}
	
	#signup h3 {
		background:#e5ecf0 url(images/fieldset-h3.png);
		padding:0 10px;
	}
	
	#signup .textonly {
		height:auto;
		line-height:18px;
		padding:0 40px 0 10px;
		margin-bottom:15px;
	}
	
		#signup .site {
			width:241px;
		}
		
		#signup .suffix {
			float:left;
			padding-left:10px;
			font-weight:bold;
			font-size:1.2em;
		}
		
		#signup .su-fs3 h3 {
			margin-top:-10px;
		}
		
		#signup .exp {
			width:141px;
			margin-right:20px;
		}
		
		#signup .cv {
			width: 80px;	
		}
		
		#signup .cvv_box { 
			margin-top:-372px; 
			position:relative; 
			cursor: pointer; 
			left: -35px; 
			top: 345px;
		}
		
		#signup img.cv-help {
			margin-left: 7px;
			margin-top: 4px;
			cursor: pointer;
			position: relative; 
			top: 4px; 
			*top: 0;
		}
		
		#signup .suffix-small {
			float:left;
			padding-left:10px;
			font-size:.9em;
			font-weight:bold;
		}
		
			#signup .suffix-small a {
				color:#666;
			}
		
			#signup .suffix-small a:hover {
				color:#666;
				text-decoration:underline;
			}
			
		#signup .su-fs4 .fs-in {
			padding:10px;
		}
		
		#signup .su-fs4 p {
			line-height:18px;
			font-weight:bold;
			margin:0;
			height:auto;
		}
		
		#signup .btn-signup {
			float:right;
			margin:19px 4px 0 0;
		}
		
	#table {
		background:#f0f4f7;
		margin:0 0 10px -10px;
	}
	
	div.pricing-table {
		*height: 305px;
		width: 619px;
	}
	
	#content #table li {
		background:url(images/table-div.png) no-repeat 50% 100%;
		padding:0 5px 1px;
		height:36px;
		margin:0;
		*margin: -3px 0 0 0;
		line-height:29px;
		color:#216081;
		font-weight:bold;
		font-size:1.2em;
	}
	
	#content #table li.last {
		background:url(images/table-btm.png) no-repeat 0 100%;
		padding-bottom:2px;
	}

		#signup #table label {
			float:none;
			width:610px;
			padding:0;
			line-height:36px;
			color:#216081;
			text-align:left;
			font-size:1em;
		}
		
			#table .free {
				color:#73a42e;
				text-transform:uppercase;
			}
		
		#content #table .thead {
			background:#37617d url(images/table-top.png);
			color:#fff;
			font:bold 1.2em/38px Arial, Helvetica, sans-serif;
			height:38px;
			line-height:38px;
			padding:5px 5px 0;
		}
		
		#table span {
			display:block;
			float:left;
			padding-left:33px;
			height:36px;
			line-height: 36px;
		}
		
		#table .thead span {
			line-height: 38px !important;
		}
		
		#table span.discount {
			display: inline;
			float: right;
			padding-left:0;
			height:29px;
			color: #FF0101;
			margin-right: 30px; 
			font-size: 11px;
		}
		
		#table .td1 {
			width:131px;
		}
		
		#table .td2 {
			width:113px;
			background:#e0ebf1;
		}
		
		#table .td3 {
			width:167px;
		}
		
		#table .td4 {
			width:100px;
			text-align:center;
			background:#e0ebf1;
			padding-left:0;
		}
		
		#table .td4 input {
			margin-top: 5px;
		}
		
		#signup #table .td4 {
			padding:7px 0 0;
			height:29px;
		}
		
			#table .td4 a {
				display:block;
				margin:5px auto 0;
				background:#3b5f77 url(images/btn-buy.png);
				width:75px;
				height:26px;
				color:#fff;
				font:bold 13px/26px FuturaMdBTBold, Arial, Helvetica, sans-serif;
				text-align:center;
				text-shadow:-1px -1px 0 #144d6a;
				letter-spacing:-.01em;
				text-transform:uppercase;
			}
			
				#table .free a {
					text-shadow:-1px -1px 0 #52882f;
					background:#75ad28 url(images/btn-try.png);
				}
			
			#table .td4 a:hover {
				color:#b3d7e6;
			}
			
				#table .free a:hover {
					color:#ccfe47;
				}
		
			#table .thead .td2 {
				background:none;
			}
			
		#content #table .tlast {
			background:url(images/table-btm.png) no-repeat 0 100%;
			padding-bottom:7px;
		}
		
	#signup .radio {	
		display:block;
		float:left;
		width:100px;
		padding-right:0;
		text-align:left;
	}
	
		#signup .radio input {
			float:left;
			margin:10px 9px 0 0;
		}
		
	#signup .secure {
		float:right;
		margin-right:11px;
	}
	
	
	.promo {
		/*
		float: right;
		margin-bottom: 10px;
		padding-left: 300px;
		*/
		outline: none;
		display: block;
		text-align: right;
		margin-top: 20px;
	}
	
	a.apply-promo {
		line-height: 31px;
		margin-right: 10px;
		margin-top: 4px;
		float: left;
		cursor: pointer;
		background: url(images/signup_promo_apply.png);
		background-repeat: no-repeat;
		width: 68px;
		height: 25px;
	}
	
		a.apply-promo:hover {
			background-position: bottom;
		}
	
	div.promo-status {
		line-height: 31px;
		height: 31px;
		float: left;
		color: #FF0101;
		font-weight: bold;
	}
	
/* END Signup */

/* Signup Thankyou */
#signup_thankyou {
	background: #f0f4f7 url(images/thankyou_bottom.png) no-repeat 0 100%;
	margin-left: -17px;
	width: 426px;
	float: left;
	height: 330px;
}
	
	#signup_thankyou fieldset {
		background: url(images/thankyou_top.png) no-repeat 0 0;
		padding: 3px 23px;
		border: none;
	}
	
	#signup_thankyou .text {
		float: none;
		width: 249px;
	}
	
		#signup_thankyou textarea.text {
			width: 290px;
		}
	
	#signup_thankyou label, #signup_thankyou h3 {
		display: block;
		width: 261px;
		font: bold 1.2em/23px Arial, Helvetica, sans-serif;
		color: #509fd3;
		margin-bottom: 0;
	}
	
	#signup_thankyou p {
		margin:6px 0;
	}
	
div.signup_login {
	float: left;
	border: 0px solid blue;
	background-image: url(images/logincontainer_2.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	height: 335px;
	width: 495px;
}


/* END Signup Thankyou */


/* Features */
#features {
	margin-left:-10px;
}

	#content #features li {
		border-bottom:1px solid #d7dfe5;
		padding:30px 40px 5px 170px;
		margin:0;
	}
	
		#content #features ul {
			padding-left:24px;
			margin:-15px 0 15px;
		}
		
		#content #features li li {
			border:none;
			padding:0 0 0 20px;
			line-height:24px;
			background-position:0 50%;
		}
	
	#content #features h3 {
		background:url(images/bullet.gif) no-repeat 0 50%;
		color:#216081;
		padding-left:24px;
		margin:0;
	}
	
	#features p {
		padding-left:24px;
	}
	
		#features li.wizard { background:url(images/img-design01.png) no-repeat 0 37px; }
		#features li.tools { background:url(images/img-design02.png) no-repeat 0 37px; }
		#features li.coding { background:url(images/img-design03.png) no-repeat 0 37px; }
		#features li.image { background:url(images/img-design04.png) no-repeat 0 30px; }
		#content #features li.personalize { background:url(images/img-design05.png) no-repeat 0 28px; border:none; }
		#features li.templates{ background:url(images/img-design06.png) no-repeat 0 37px; }
	
		#content #features li.list { background:url(images/img-manage01.png) no-repeat 0 30px; padding-bottom:20px; }
		#features li.unlimited { background:url(images/img-manage02.png) no-repeat 0 37px; }
		#features li.import { background:url(images/img-manage03.png) no-repeat 0 37px; }
		#content #features li.donot { background:url(images/img-manage04.png) no-repeat 0 37px; border:none; }
		
		#features li.graphics { background:url(images/img-report01.png) no-repeat 0 37px; }
		#content #features li.bounce { background:url(images/img-report02.png) no-repeat 0 25px; border:none; }
		
		#features li.servers { background:url(images/img-privacy01.png) no-repeat 0 37px; }
		#features li.security { background:url(images/img-privacy02.png) no-repeat 0 37px; }
		#content #features li.privacy { background:url(images/img-privacy03.png) no-repeat 0 23px; border:none; }
	
		#features li.vs { background:url(images/img-deliver01.png) no-repeat 0 30px; }
		#features li.isp { background:url(images/img-deliver02.png) no-repeat 0 32px; }
		#features li.white { background:url(images/img-deliver03.png) no-repeat 0 37px; }
		#content #features li.review { background:url(images/img-deliver04.png) no-repeat 0 37px; border:none; }
		
	.btn-next {
		height:41px;
		margin-top:30px;
		padding-right:7px;
	}
	
		.btn-next a {
			display:block;
			float:right;
			color:#fff;
			font:bold 14px/40px FuturaMdBTBold, Arial, Helvetica, sans-serif;
			text-align:center;
			text-shadow:-1px -1px 0 #52882f;
			letter-spacing:-.01em;
			width:242px;
			height:41px;
			background:#8ac336 url(images/btn-next.png);
			text-transform:uppercase;
		}
	
		.btn-next a:hover {
			color:#2b5003;
			text-shadow:1px 1px 0 #b9db7f;
		}
		
		.btn-next02 a { background-image:url(images/btn-next02.png); width:194px }
		.btn-next03 a { background-image:url(images/btn-next03.png); width:284px; }
		.btn-next04 a { background-image:url(images/btn-next04.png); width:370px; }
		.btn-next05 a { background-image:url(images/btn-next05.png); width:232px; }
/* END Features */


form.thankyou {
	width: 626px;
}


/* Sidebar */
#sidebar {
	float:right;
	width:295px;
	padding-top:92px;
}

	#sidebar ul {
		background:url(images/sidebar-div.png) no-repeat 0 0;
		padding-top:1px;
	}
	
	#sidebar li {
		background:url(images/sidebar-div.png) no-repeat 0 100%;
		margin-top:-1px;
		list-style:none;
	}
	
	#sidebar li a {
		display:block;
		width:239px;
		padding-left:37px;
		background:url(images/bullet-link.png) no-repeat 14px 16px;
		color:#5ca5d6;
		font:bold 16px/45px FuturaMdBTBold, Arial, Helvetica, sans-serif;
	}
	
		#sidebar #demos li a {
			background:url(images/bullet-video.jpg) no-repeat 9px 12px;
		}
	
	#sidebar li a:hover, #sidebar li.current a {
		background:#93bbce url(images/side-tab.png);
		padding-left:48px;
		margin-left:-11px;
		color:#fff;
		text-shadow:-1px -1px 0 #5888a5;
	}
	
		#sidebar #demos li a:hover, #sidebar #demos li.current a {
			background:url(images/side-tab-video.png) 0 0;
		}
	
#plans {
	background:#6b9c2b url(images/plans2.png);
	width:256px;
	height:250px;
	margin-left:24px;
}

	#plans h3 {
		font:bold 18px/50px FuturaMdBTBold, Arial, Helvetica, sans-serif;
		color:#fff;
		padding:20px 0 0 30px;
		text-shadow:-1px -1px 0 #52882f;
		letter-spacing:-.01em;
	}
	
	#plans ul {
		padding:17px 0 0 9px;
		background:none;
	}
	
	#plans li {
		padding-left:28px;
		font:1.2em/24px Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		background:url(images/tick.png) no-repeat 0 50%;
	}
	
#triallink {
	margin:35px 0 0 24px;
}


	#pricing-icons img {
		float:left;
		display:block;
	}
	
	#pricing-icons .icon1 { margin-right:25px; clear:left; }
	#pricing-icons .icon2 { margin-right:25px; }
	#pricing-icons .icon3 { margin-right:0px; }
	#pricing-icons .icon4 { margin-bottom:15px; }
	
/* END Sidebar */




/* Login */
	div#login {
		background-image: url(images/logincontainer.jpg);
		height: 329px;
		width: 980px;
		margin: 0 -39px;
	}
	
	div#login.verify {
		background-image: url(images/520.jpg);
		height: 436px;
		width: 980px;
		margin: 0 -39px;
	}
	
	img#recaptcha_reload {
		margin-bottom: 0px;
	}
	
	div#login.recover {
		background-image: url(images/recover_container.jpg);
	}
		
		div.left,
		div.right {
			width: 380px;
			height: 200px;
			margin-top: 105px;
		}
		
		/*------------- left ------------------------------*/
		
		div.left {
			float: left;
			padding-left:60px;
		}
		
			div.left table tr td {
				vertical-align: top;
			}
			
			div.left ul {
				list-style: inside;
				list-style-type: disc;
				text-indent: 8px;
				margin-top: 4px;
			}
			
				div.left ul li a {
					color: #999;
					font-size: 11px;
					font-weight: bold;
				}
		
			div.left label {
				padding-left: 20px;
				padding-top: 1px;
				background: url(images/bullet.gif) no-repeat 0 50%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #666666;
				margin-top: 5px;
			}
			
			#content .left li {
				background:none;
				list-style:disc inside;
				padding:0;
			}
			
			div.left input {
				width: 300px;
				margin: 5px 0px 7px 20px;
				height: 18px;
			}

			div.left .g-recaptcha-wrap {
				padding-left: 20px;
			}

			div.left input.input-submit {
				width: 118px;
				height: 34px;
				background: none;
				background-image: url(images/login_btn.png);
				background-repeat: no-repeat;
				border: none;
				float: right;
				margin-left: 0px;
				cursor:pointer;
			}
			
				div.left input.input-submit.recover {
					background-image: url(images/button_send_password.jpg);
					width: 170px;
				}
			
			div.left input.input-submit:hover {
				background-position: bottom;
			}

		/*------------- right ------------------------------*/
		
		div.right {
			float: right;
			padding-right:50px;
		}
		
			#content div.right h2 {
				color: #43B8E3;
				font-size: 14px;
				font-weight: bold;
				background:none;
				margin:0;
				padding:0;
				line-height:20px;
			}
			
			div.right p {
				line-height: 1.5em;
				margin: 15px 0px;
				height: 72px;
				font-size:.9em;
			}
			
			div.right a {
				width: 178px;
				height: 34px;
				display: block;
				background-image: url(images/signup_btn.png);
				background-repeat: no-repeat;
				float: right;
			}
			
			div.right a:hover {
				background-position: bottom;
			}
			


/* END Login */


/***********************************************/
	/*
	EMOTECH CHANGE
	Added class .loginnow to html
	Copied .left classes below and added styles to .right
	*/
					
	div#login.loginnow{
		background-image: url(images/loginnow.jpg);
	}

			div#login.loginnow div.left p.pink{
				color:#CB1B77;
				font-size: 13px;
				text-align: center;
				font-weight: bold;
			}
			
			div#login.loginnow div.left p.pink.main {
				font-size: 14px;
				margin-bottom: 5px;
			}
			
			div#login.loginnow div.left p.pink.secondary {
				margin-top: 0px;
			}
			
			div#login.loginnow div.member-url {
				text-align: center;
			}
			
				div#login.loginnow div.member-url a {
					font-weight: bold;
				}
	
			div.right table tr td {
				vertical-align: top;
			}
			
			div.right ul {
				list-style: inside;
				list-style-type: disc;
				text-indent: 8px;
				margin-top: 4px;
			}
			
				div.right ul li a {
					color: #999;
					font-size: 11px;
					font-weight: bold;
				}
		
			div.right label {
				padding-left: 20px;
				padding-top: 1px;
				background: url(images/bullet.gif) no-repeat 0 50%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #666666;
				margin-top: 5px;
			}
			
			#content .right li {
				background:none;
				list-style:disc inside;
				padding:0;
			}
			
			 div.right input {
				width: 300px;
				margin: 5px 0px 7px 20px;
				height: 18px;
			}
			
			
			div.right input.input-submit {
				width: 118px;
				height: 34px;
				background: none;
				background-image: url(images/login_btn.jpg);
				background-repeat: no-repeat;
				border: none;
				float: right;
				margin-left: 0px;
				cursor:pointer;
			}
			
				div.right input.input-submit.recover {
					background-image: url(images/button_send_password.jpg);
					width: 170px;
				}
			
			div.right input.input-submit:hover {
				background-position: bottom;
			}

/*ENDCHANGE*/		
/***********************************************/		
	



/* Footer */
#footer {
	background:url(images/footer.png) repeat-x 0 0;
	height:100px;
}

	#footer2 {
		background:url(images/footer-div.jpg) no-repeat 50% 0;
		color:#d2f0fd;
		line-height:31px;
		font-size:1.1em;
		padding-top:18px;
		width:980px;
		margin:0 auto;
		text-align:left;
	}
	
	#footer a, #footer span {
		color:#fff;
		padding:0 10px;
	}
	
	#footer p {
		margin:0;
	}
	
	#footer .alignright {
		text-align:right;
	}
	
	#footer a:hover {
		color:#2894c9;
	}
	
	#footer .esp {
		background:url(images/esp.png) no-repeat 0 0;
		padding-left:25px;
	}
/* END Footer */




/* MESSAGES */

div.message {
	width: 982px;
	float: left;
	margin: 0 -39px;
	margin-bottom: 20px !important;
}

	div.message div.top,
	div.message div.bottom {
		float: left;
		width: 100%;
		height: 21px;
	}
		
	div.message div.center {
		float: left;
		width: 980px;
		border-left: 1px solid;
		border-right: 1px solid;
	}
	
		div.message div.center p {
			line-height: 20px;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
		}
		
		div.message div.center ul {
			list-style-position: inside;
			padding-left: 10px;
			text-align: center;
		}
		
			div.message div.center ul li {
				line-height: 18px;
				font-weight: normal;
				margin-bottom: 0 !important;
				background: none !important;
				padding-left: 0 !important;
				list-style: none !important;
			}
			
div.message.small {
	width: 620px;	
	margin: 0 -12px;
}

	div.message.small div.center {
		width: 618px;
	}
	
/*------------- ERROR MESSAGES (RED) ----------------*/
	
div.message.red {
	background-color: #F29494;
	color: #9D3032;
}

	div.message.red div.top {
		background-image: url(images/message_red_top.jpg);
	}
	
	div.message.small.red div.top {
		background-image: url(images/message_red_top_small.jpg);
	}
	
	div.message.red div.center {
		border-color: #D36D6B;
	}

	div.message.red div.bottom {
		background-image: url(images/message_red_bottom.jpg);
	}
	
	div.message.small.red div.bottom {
		background-image: url(images/message_red_bottom_small.jpg);
	}

/*------------- SUCCESS MESSAGES --------------*/	

div.message.green {
	background-color: #A5F293;
	color: #2E7923;
}

	div.message.green div.top {
		background-image: url(system/images/message_green_top.jpg);
	}
	
	div.message.green div.center {
		border-color: #80D36C;
	}

	div.message.green div.bottom {
		background-image: url(system/images/message_green_bottom.jpg);
	}
	

/*auto complete*/

.autoComplete { height: 24px; float:left; width: 131px;}

.autoCompleteInputWrapper { position: absolute; }

	.autoCompleteListWrapper { cursor: pointer; top: -1px; *top: -2px; overflow: hidden; position: relative; width: 200px; z-index: 9999; border: 1px solid #DDD; box-shadow: 4px 4px 4px #F0F0F0; *width: 236px; }
	
	.autoCompleteList { margin: 8px 0 0; overflow: auto; background: #FFF; list-style: none !important; position: relative; }
	
	.autoCompleteListWrapper ul { margin: 0px !important; padding: 0px !important;}
	
	.autoCompleteList li { padding: 2px 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; font-size: ; background: none !important;}
	
	.autoCompleteList li a { font-family: Verdana,Arial,sans-serif !important; font-size: 11px !important; }
	
	.autoCompleteList li a:hover { text-decoration: none; }
	
	.autoCompleteItem, .autoCompleteActiveItem { line-height: 22px; }

	.autoCompleteActiveItem { background-color: #F3F3F3; }
	
	.autoCompleteLink, .autoCompleteLink:visited { font-size: 14px !important; font-family: Arial, Helvetica, sans-serif !important; color: #555 !important; display: block; padding-left: 12px; }