/* Content Pages  */

/* Page Sub Headings */

#subheading {width: 960px; height: 70px; background: #483B2A url(/images/content/bg_sub_heading.png) repeat-x top;}
	#subheading h1 {float: left; padding-left: 22px; letter-spacing: -1px; line-height: 2.2em; color: #fff; font-size: 30px;}
	
	#subheading_sml {width: 960px; height: 15px; background-color: #433727}
	
	#subgreen {float: right; height: 70px; width: 430px; background: #A2BA49 url(/images/content/bg_sub_green.png) repeat-x top; }
		#subgreen p.btn_order a { float: right; margin: 23px 10px 0 5px;  color: #fff; width: 100px; height: 25px; background: #473A29 url(/images/content/btn_order_sub.png) no-repeat top; text-decoration: none; font-weight: bold; line-height: 2em; text-align: center; display: block;}
		#subgreen p.btn_order a:hover {background: #473A29 url(/images/content/btn_order_sub.png) no-repeat 0 -25px;}
		
		#subgreen p.btn_sub a { float: right; margin: 23px 10px 0 5px;  color: #fff; width: 100px; height: 25px; background: #473A29 url(/images/content/btn_sub_head.png) no-repeat top; text-decoration: none; font-weight: bold; line-height: 2em; text-align: center; display: block;}
		#subgreen p.btn_sub a:hover {background: url(/images/content/btn_sub_head.png) no-repeat 0 -25px;}
		
		#subgreen.double {width: 300px;}
		#subgreen.single {width: 180px;}

/* Content Page */

#content {
	width: 960px;
	margin-top: 5px;
	overflow: auto;
	background-repeat: repeat-y;
	background-position: top;
	text-align: left;
}
	#inner2content {width: 690px; float: left; padding: 20px; line-height: 1.7em; color: #666;}
		#content h3 {font-size: 20px; color: #534531; margin-bottom: 5px; letter-spacing: -1px;}
		#content h3.exagerate {margin: 20px 0;}

/* Content Left Box Elements */

		#content-left {float: left; width: 730px; background: #fff url(/images/content/bg_content_top.png) repeat-x top;}
	
		ul.featboxes { float: left; margin: 20px 0 0 5px; width: 710px; height: 80px;}
			ul.featboxes li { display: inline; line-height: 1.3em; color:#666; margin-right: 12px; float: left; width: 222px; height: 78px; background: url(/images/content/bg_feat_box.png) no-repeat top;}
				ul.featboxes li img {float: left; margin: 3px 3px 0 3px; }
				ul.featboxes li a{display: block; color: #534531; text-decoration: none; cursor: pointer; }
					.featboxes h5 {letter-spacing: -1px; font-size: 16px; margin: 13px 0 3px 0; font-weight: bold; color: #534531; float: left; width: 140px;}
					.featboxes p {float: left; width: 140px; }
					
			#mainpitch {width:730px; float: left; background:#544531 url(/images/content/bg_mainpitch.png) repeat-x bottom;}
				#mainpitch img {float: left;}
						#mainpitch #suzi {color: #fff; float: left; width: 185px; height: 215px; line-height: 1.4em;}
						#mainpitch #suzi h3 {letter-spacing: -1px; float: left; margin: 50px 0 5px 0; color: #fff; font-size: 20px;}
						#mainpitch #suzi p {float: left; margin-bottom: 10px; line-height: 1.6em; font-size: 13px; font-weight: bold;}
						#mainpitch #suzi em {color: #534531; font-size: 17px; font-weight: bold;}
						
				#mainpitch #details {width: 295px; float: right; color: #fff;}
						#mainpitch #details h2 {width: 245px; float: left; color: #fff; font-size: 25px; margin-top: 17px; letter-spacing: -1px;}
						#mainpitch #details p {float: left;}
						#mainpitch #details ul {margin: 2px 0 12px 0; float: left; width: 260px; font-size: 16px; font-weight: bold; padding-left: 30px;}
							#mainpitch #details li {float: left; margin-top: 11px; width: 265px;}
						#mainpitch #details p.price { font-size: 18px; font-weight: bold;}
						
					#mainpitch #details form {width: 325px; float: left; height: 30px;}
						#mainpitch #details .searchbox {margin: 15px 5px 0 10px; padding-top: 3px; height: 20px; color: #8D867E; font-size: 11px; float: left; width: 264px; border: 0; outline: none;}
						#mainpitch .searchbtn {width: 30px; height: 27px; background: url(/images/domains/btn_search.png) no-repeat top; float: right; margin: 13px 14px 0 0;}
						#mainpitch .searchbtn:hover {background: #fff url(/images/domains/btn_search.png) no-repeat 0 -27px;}
				
				#tblheading {float: left; margin-top: 15px; width: 680px; height: 28px; background: #2e84c7 url(www.heartinternet.co.uk/images/content/bg_tbl_headings.png) repeat-x top; color: #fff;}
					#tblheading p {float: left; color: #fff;  line-height: 2.4em; padding-left: 5px;}
					
					.tblheading {float: left; margin-top: 15px; width: 680px; height: 28px; background: #9BB53D url(/images/content/bg_tbl_headings.png) repeat-x top; color: #fff;}
					.tblheading p {float: left; color: #fff;  line-height: 2.4em; padding-left: 5px;}
						
				table {float: left; border-collapse: collapse; line-height: 1.5em;}
					
				th { width: 245px; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; border-top: 0; text-align: left;	padding-left: 10px;	font-size: 12px; vertical-align: middle; font-weight: normal;}
					th.featalt {border-left: 1px solid #DBDBDB;	border-top: 0;	background: #F0F0EE;}
					th.feat{border-left: 1px solid #DBDBDB; border-top: 0;	vertical-align: middle;	font-size: 12px;}	
					
				td {width: auto; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; background: #fff; padding: 4px 5px; text-align: center; vertical-align: middle; }
					td.alt {background: #F0F0EE; color: #666;}
					td.rowheading {background: #A0A0A0; border-right: #A0A0A0; padding: 5px 10px; text-align: left; vertical-align: middle; color: #fff; border: 0;}
					td.rowheading p {float: left; width: 100%;}
					td.rowheading p.right {float: right; font-size: 10px; color: #fff; width: 75px;}
					td.rowheading a {color: #fff;}
					
					.link {text-decoration: underline;}
					.link:hover {text-decoration: underline; color: #333; cursor: pointer;}
					
					th.domalt {background: #F0F0EE;}
					#domains th.domhead {text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
					#domains th.domfeat {background: #B4C86C; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
					
					td.domfeatalt {background: #9EB845; letter-spacing: -1px; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
					td.domfeat {letter-spacing: -1px; background: #B4C86C; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
					table p.small {font-size: 12px; letter-spacing: normal;}
					table p.domprice {font-size: 18px; letter-spacing: -1px; font-weight: bold;}
					
					/* Inner content pages */

		#contents-left {
	float: left;
	width: 680px;
	background: #fff;
	line-height: 1.8em;
}

	#contents-left h3.title {font-size: 35px; letter-spacing: -2px; color: #534531; margin: 10px 0;}
	#contents-left h4 {font-size: 16px; letter-spacing: -1px; color: #534531; margin: 0;}
	
	#half {width: 320px; float: left; margin-right: 20px;}
	#contents-left #tblheading{width: 680px; }
	
	#noticebox {overflow: auto; clear: both; width: 648px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;  margin: 15px 0 5px 0;}
	#noticebox span {font-size: 16px; font-weight: bold; }
	
	.noticebox {overflow: auto; clear: both; width: 648px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;  margin: 15px 0 10px 0;}
	.noticebox span {font-size: 16px; font-weight: bold; }
	
	.ptitle {padding: 5px 10px; background-color: #2e84c7; color: #fff; margin: 20px 0 5px 0; font-weight: bold; font-size: 16px; letter-spacing: -1px; clear: both;}
	.ptitlesub {padding: 5px 10px; background-color: #d1d1d1; color: #fff; margin: 20px 0 5px 0; font-weight: bold; font-size: 16px; letter-spacing: -1px; clear: both;}
	.subtitle {color: #8BA33D ; margin-top: 10px; font-size: 15px; font-weight: bold;}			
	.num {-moz-border-radius: 10%; -webkit-border-radius: 10%; width: 35px; height: 30px; padding: 10px 0 0 0; margin: 15px 10px 5px 0;color: #fff; font-weight: bold; text-align: center; float: left; font-size: 30px; background: #8BA33D;}
	
	ul.qanda {width: 680px; float: left; margin-bottom: 20px;}
		ul.qanda li {background: url(/images/content/bg_fade_gen.png) repeat-x bottom; width: 670px;}
		
		ul.qanda li.question {background: none; padding: 0 0 0 0; float: left;}
		ul.qanda li.answer {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		ul.qanda li.answersml {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		
		ul.qanda li.question p {padding-top: 12px; }
		ul.qanda li.answer p {padding-top: 5px; float: left; width: 600px;}
		ul.qanda li.answersml p {padding-top: 12px; float: left; width: 600px;}
	
		ul.qanda li p.q {padding: 3px; background-color: #A1BA47; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 0 10px; float: left; font-size: 14px; -moz-border-radius: 10%;}
			
		ul.qanda li p.a {padding: 3px; background-color: #433727; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 10px 10px; font-size: 14px; -moz-border-radius: 10%;}
				
		ul.reviews {width: 680px; float: left; margin-bottom: 15px;}
			ul.reviews li {float: left; color: #fff; width: 640px; padding: 20px; font-size: 13px; -moz-border-radius: 1%; background-color: #B1C866; margin-top: 20px;}
			ul.reviews li.green_end {font-style: italic; margin: 0; padding: 0; background: #fff url(/images/content/bg_review_green.gif) no-repeat 10px 0;}
			ul.reviews li.green_end p {color: #4D402D; padding: 3px 0 0 20px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}			
			ul.reviews li.alt {background-color: #4D402D;}
			ul.reviews li.brown_end {font-style: italic; margin: 0; padding: 0; background: #fff url(/images/content/bg_review_brown.gif) no-repeat 10px 0;}
			ul.reviews li.brown_end p {color: #4D402D; padding: 3px 0 0 20px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}			
			
			.screenshot {float: left; border: 1px solid #dadada; padding: 4px; background: #f9f9f9; margin: 10px 10px 10px 0;}
			.screenshot:hover {background: #efefef;}
			
			ul.feat_list {margin-bottom: 10px; clear: both; float: left;}
			ul.feat_list h5 {font-size:18px; letter-spacing: -1px; font-weight: bold; margin: 0 0 0 13px; color: #4C3F2C; padding: 0;}
			ul.feat_list li {width: 665px; background:url(/images/domains/bg_fade.png) repeat-x bottom; padding-left: 15px; float: left; padding-top: 15px;}
			ul.feat_list img {float: left; padding: 0 10px 10px 0; }
			ul.feat_list p {float: left; width: 545px; padding: 0 0 15px 0;}
			
			#hp_demo {width: 638px; border: 1px solid #CCC; padding: 20px; line-height: 1.3em; overflow: auto; margin-top: 15px; background: url(/images/content/bg_fade_tb.png) repeat-x top;}
			#hp_demo h6 {font-size: 25px; color: #96AC41; letter-spacing: -1px; padding: 1px 1px 5px 0;}
			#hp_demo h5 {font-size: 15px; color: #68563E; letter-spacing: -1px; padding-top: 15px;}
			#hp_left {width: 300px; float: left;}
			#hp_left a {font-size: 15px; font-weight: bold; margin-bottom: 5px;}
			#hp_right {width: 280px; float: right; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;}
			
			.promote_brown  {-moz-border-radius: 1%; -webkit-border-radius: 1%; margin-top: 20px; width: 640px; padding: 20px; background: #534531 url(/images/content/bg_brown_promote.png) repeat-x bottom; overflow: auto; color: #fff; clear: both;}
			.promote_brown h6 {font-size: 25px; color: #fff; letter-spacing: -1px; padding: 1px 1px 5px 0;}
			
			.promote_left {width: 355px; float: left; line-height: 1.3em;}
			.promote_right {width: 265px; float: right; font-size: 14px; font-weight: bold; text-align: right; vertical-align: middle; padding: 17px 5px 0 0 ;}
			.promote_right a.alt {color: #fff; }
			.promote_right a.alt:hover {color: #90897E; }
			.promote_brown .spacer {color: #746145; font-weight: normal; }
			
			ul.hp_features {margin-bottom: 10px; clear: both; float: left;}
			ul.hp_features li {width: 665px; background:url(/images/domains/bg_fade.png) repeat-x bottom; padding-left: 15px; float: left; padding-top: 10px;}
			ul.hp_features img {float: left; padding-bottom: 10px; }
			ul.hp_features p {float: left; width: 590px; padding: 10px 0 10px 12px;}
	
		ul.qanda li.answer {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		ul.qanda li.answersml {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		
		ul.qanda li.question p {padding-top: 12px; }
		ul.qanda li.answer p {padding-top: 5px; float: left; width: 600px;}
		ul.qanda li.answersml p {padding-top: 12px; float: left; width: 600px;}
	
		ul.qanda li p.q {padding: 3px; background-color: #A1BA47; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 0 10px; float: left; font-size: 14px; -moz-border-radius: 10%;}
			
		ul.qanda li p.a {padding: 3px; background-color: #433727; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 10px 10px; font-size: 14px; -moz-border-radius: 10%;}

		table.tbl_inner {margin-bottom: 10px; clear: both;}
		table.tbl_inner th {width:590px}
		table.tbl_inner td {width:90px}
		
		table.tbl_compare {margin-bottom: 10px; clear: both; width: 680px;}
		table.tbl_compare th {text-align: center;}
		table.tbl_compare th.feat {text-align: left; padding:5px;}
		table.tbl_compare th.featalt {text-align: left; padding: 5px;}
		
		table.tbl_compare th.heading {background-color: #ECF2D9; border-left: 1px solid #ccc; padding: 5px 0; font-weight: bold; text-align: center;}
		table.tbl_compare th.headingalt {background-color: #9BB53D; color: #fff; font-weight: bold;}
		table.tbl_compare th.headingsml {background-color: #ECF2D9; border-left: 1px solid #ccc; padding: 5px 0; font-weight: bold;}

		table.tbl_compare td.highlight {background-color: #9BB53D; text-align: center; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
		table.tbl_compare td.highlightalt {background-color: #AFC85B; text-align: center; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
		table.tbl_compare td.heading {border-left: 1px solid #ccc; text-align: left; font-weight: bold;}
		table.tbl_compare td {width: 114px;}
		#reseller .tbl_compare td {width: auto;}
		
		#terms {width: 640px; padding: 20px; border: 1px solid #999; height: 400px; overflow: scroll;}
/* iphone list */	
	ul.iphonelist {width: 330px; float: left; padding: 25px 0;}
ul.iphonelist li {background: url(/images/bullet_iphone.png) no-repeat 0 2px; letter-spacing: normal; margin-bottom: 5px; padding-left: 25px; float: left; width: 330px;}

/* Website Builder Index Page */

		#web_builder {
	width: 335px;
	float: left;
	float: left;
}
		#web_builder h4 {color: #7AA91B; font-size: 24px; letter-spacing: -1px;}
		#web_builder .header {width: 315px; height: 62px; padding: 28px 0 0 20px;background: url(/images/heading_web_builder.png) no-repeat top;}
		#web_builder .content {width: 305px; padding: 0 15px 15px 15px; background: #93BD33 url(/images/bg_web_builder.png) repeat-x top; color: #fff; -moz-border-radius: 0 0 3% 3%;}
		#web_builder .content h6 {font-size: 16px; letter-spacing: -1px; color: #fff; padding-top: 15px;}
		#web_builder .content h6 a{color: #fff;}
		#web_builder .content h6 a:hover {color: #E0ECC6;}
		
		#web_builder_plus {width: 335px; float: right;}
		#web_builder_plus h4 {color: #8C0E0B; font-size: 24px; letter-spacing: -1px;}
		#web_builder_plus .header {width: 315px; height: 62px; padding: 28px 0 0 20px;background: url(/images/heading_web_builder_plus.png) no-repeat top;}
		#web_builder_plus .content {width: 305px; padding: 0 15px 15px 15px; background: #BA1511 url(/images/bg_web_builder_plus.png) repeat-x top; color: #fff;  -moz-border-radius: 0 0 3% 3%;}
		#web_builder_plus .content h6 {font-size: 16px; letter-spacing: -1px; color: #fff; padding-top: 15px;}
		#web_builder_plus .content h6 a{color: #fff;}
		#web_builder_plus .content h6 a:hover {color: #ECC0BF;}