/* CSS Document */

body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}

#OuterContainer {
/*	border: 1px solid blue;
*/	width: 980px;
	margin-left: auto;
	margin-right: auto;
	min-height: 400px;
	position:relative; /* added so that FootSection can be positioned absolute in relation to OuterContainer */
}

.break { /* used to prevent major layout changes when page resizing */
	clear: both;
}

p {
	font-size: 12px;
	margin: 3px 0 3px 0;
	padding: 0px 0 0px 0;
	line-height: 1.2em;
}

h1 {
	font-size: 32px;
	font-weight:bold;
	line-height: 38px;
}

h1.special, h1.special2, h1.special3 {
	font-size: 15px;
	font-weight:bold;
	line-height:normal;
	color:#003355;
	margin-bottom:10px;
}
h1.special {
	margin-left:2.9em;
}
h1.special2 {
	margin-left:4.2em;
}
h1.special3 {
	margin-left:6.2em;
}

.extra_large {
 	font-size: 38px;
	font-weight:bold;
	line-height: 38px;
}

h2 {
	font-size: 14px;
	margin-bottom: 3px;
}

.blue_text {
	color:#003355; /* was #003366; */
}
.orange_text {
	color:#FF7733; /* was #FF6633; */
}

.bold {
	font-weight: bold;
}

.small_print {
	font-size: 10px;
	color: #000066;
}

.normal_text {
	color: #000066;
	margin: 6px 0 3px 0;
	line-height: 1.2em;
}

.main_copy {
/*	border:1px solid red;
*/	margin: 10px 0 0 0;
}

.no_border {
	border: 0;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a.underline_link:link {
	text-decoration: underline;
	color: #000066;
}

a.underline_link:hover {
	text-decoration: none;
}

a.underline_link:visited {
	text-decoration: underline;
}

/***** Header *****/

#Header {
/*	border:1px solid grey;
*/	position:relative;
	width: 100%;
	margin-top: 10px;
	min-height: 65px;
}

#MainLogo {
/*	border: 1px solid green;
*/	position:absolute;
	width: 340px;
	left:0px;
    bottom:0px;
	border:none;
}

#MainLogo a {
	text-decoration:none;
	border: none;
}

/* #MCsubscription { */
/*	border:1px solid red;
*/ /*	position:absolute;
	width: 215px;
	height: 60px;
	left:50%;
    margin-left:180px;
    top:5px;
}
*/

#lc {
	width: 85px;
	height: 43px;
	position:absolute;
	right:105px;
	top: 15px;
}

#Login {
/*	border: 1px solid #3A3F56;
*/	position:absolute;
	right:10px;
    bottom: 12px;
	background: url(../images/login_normal.gif) no-repeat;
	border-radius: 6px;
	height: 26px;
	width: 70px;
	text-align: center;
	color: #fff;
	display:block;
}

#Login p {
	margin-top: 5px;
	font-weight: bold;
	color: #ffffff;	
}

#Login a, #Login a:visited {
	text-decoration: none;
	color: #ffffff;
		display:block;

}

#Login a:hover {
	text-decoration: none;
	color:#CC6600;
	display:block;
}

/***** Generic to all/most pages *****/

.inner_container {  /* This is for all pages except index page */
/*	border: 1px solid green;
*/	width: 980px;
	position: relative;
	padding-top: 10px;
	margin-top: 25px;
	min-height: 350px;
}

/*.left_arrow {
	border: 1px solid blue;
	width: 30px;
	min-height: 380px; /* this controls the min height of the inner_container.  It is possible that content in the left_main, right_main and right_arrow divs can flow over the social div and footer */
/*}*/

.left_main {
/*	border:1px solid pink;
*/	width:220px;
	margin-left: 40px;
	margin-top:20px;
	position: relative;
	top: 0px;
}

.right_main {
/*	border: 1px solid grey;
*/	width:600px;
	float:right;
/*	min-height: 600px;
*/	margin: 0 50px 0 10px;
	text-align: right;
}

.right_main_inner {
	border:2px solid #000066;
	border-radius: 6px;
	text-align:left;
	margin-bottom: 10px;
}


/*.right_arrow {
	border:1px solid green;
	width: 30px;
	min-height:300px;
	float:right;
}
*/

.trial_holder {
/*	border:1px solid red;
*/		margin-left: 40px;
	margin-bottom: 10px;
	margin-top: 40px;
	width: 270px;
}

.SignUp {
/*	border: 1px solid #3A3F56;
*/	background-color: #FF7733; /* url(../images/login_normal.gif) no-repeat; */
	border-radius: 6px;
	height: 26px;
	width: 170px; /* was 180px; before change of text */
	text-align: center;
	color: #fff;
	display:block;
}

.SignUp h2 {
	margin-top: 15px; /* was 6px*/
	font-weight: bold;
	color: #ffffff;
	line-height: 24px;
}

.SignUp a, .SignUp a:visited {
	text-decoration: none;
	color: #ffffff;
	display:block;
}

.SignUp a:hover {
	text-decoration: none;
	color:#3A3F56;
	display:block;
}

.TourLink {
/*	border:1px solid red;
*/	float:right;
	margin-right: 5px; /* this was added when the signup text was reduced */
	margin-top: 5px;
	font-weight: bold;
}

/***** Index page *****/

.inner_container_index {
/*	border: 1px solid green;
*/	width: 980px;
	position: relative;
	padding-top: 10px;
	margin-top: 25px;
	height: 370px;
}

.intro_text {
	color: #000066;
	margin: 20px 0 10px 0;
}

.index_image {
/*	border:1px solid red;
*/	width: 560px;
	margin-left: 18px;
}

#sample_img_heading {
	margin-left: 27px;
	margin-bottom: 10px;
	font-weight: bold;
}

#websites_built_link {
	font-weight: bold;
	margin-left: 5px;
	margin-top: 10px;
}

#lower_section {
	width: 890px;
	margin-left: 40px;
	clear:both;
	height: 48px;
}

#latest_article {
	float:right;
	width: 400px;
	overflow:hidden;
	text-align:right;
}

#index_testimonials {
/*	border:1px solid red;
*/	position:absolute;
	bottom:0px;
	width: 480px; /* was 680px before the addition of latest article link */
	height: 45px;
	margin-left: 0px; /* was 40px before the addition of latest article link */
	font-size: 14px;
	line-height: 1.2em;
}

#quotes {
	color:#000066;
	margin-top:10px;
}

  /* start of home page slide show */
.banner {
	clear:both;
	width:560px; /*100%;*/
	margin-left:auto;
	margin-right:auto;
	min-height:275px;
	margin-top:3px;
	margin-bottom:7px;
}

.banner img { display: none } /* Stops the display of all but the first image loading at initial page load */

.banner img.first { display: block }

.banner img {
	max-width:1200px;
	max-height:274px;
	border:none;
}
  /* end of home page slide show */

/***** Account page *****/

#newsfeed {
	text-align:left;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}

#SM_AccountModule {
	outline: 0; /* to prevent border displaying in firefox after clicking on module */
/*	border: 1px solid red;
*/	width: 550px;
	margin-left:auto;
	margin-right:auto;
}

/***** Build page *****/

#SM_container {
	width: 500px; /* enables to center alignment of the module.  If greater than 500px, the module moves to the left */
	margin-left: auto;
	margin-right:auto;
}

#SM_BuildModule {
	outline: 0; /* to prevent border displaying in firefox after clicking on module */
/*	border: 1px solid red;
*/
}

/***** Features page *****/

.feature_item_container {
	padding: 5px;
	color: #000066;
}

.newboxes-2 {
	display: none;
	padding: 5px;
	width: 160px;
}

.aTag {
	color:#CC6600;
}

.features_image {
	margin:3px;
	
		width:560px;
	margin-left: 18px;
}

.features_text {
	margin:3px;
	padding:3px;
	color: #000066;
}

/***** Upgrades page *****/

#SM_PricingModule {
	outline: 0; /* to prevent border displaying in firefox after clicking on module */
/*	border: 1px solid red;
*/	margin-right: 20px;
}

#upgrades_cost {
	float:right;
}


/***** Samples page *****/

.right_samples_inner {
	border:2px solid #000066;
/*	background-color:#eee;
*/	border-radius: 6px;
	text-align:left;
	margin-bottom:10px;
}

#samples_table {
/*	border: 1px solid red;
*/	width: 440px; /* originally 550px.  385px; if 169x125 img */
	margin-left:auto;
	margin-right:auto;
}

.results td {
	padding:0 10px 10px 10px;
}

.samples_td_250 {
	width: 216px; /* originally 250px. 189px; if 169x125 img */
}

.samples_td_230 {
	width:196px /* originally 230px.  189px; if 169x125 img */
}

.samples_arrows img {
	border: 0;
}

.headertxt2 {
	font-size: 14px;
	font-weight: bold;
	color: #3A3F56;
}
.samplesActivePageNo {
	font-size: 14px;
	font-weight: bold;
	color: #F4801E;
}

#samples_nav {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	height: 25px;
	margin-bottom: 8px;
}

#samples_nav img {
	border: none;
}

#samples_nav p {
	line-height: 15px;
}	

/***** Domains page *****/

#SM_DomainsModule {
	outline: 0; /* to prevent border displaying in firefox after clicking on module */
/*	border: 1px solid red;
*/	margin-right: 20px;
}


/***** why_ezweb123 and testimonial pages *****/

.testimonial_td {
	border: 1px solid #888888;
	border-radius: 6px;
	padding: 3px;
	margin: 6px;
	color: #000066;
	width: 290px;
}

.main_testimonial_text {
	font-style:italic;
/*	font-size: 10px;
*/}

.testimonial_td {
}

.testimonial2 {
	float:right;
	width: 280px;
}

.testimonial3 {
	width: 250px;
}

.testimonial4 {
	float:right;
	width: 300px;
}

.large_testimonial_area {
/*	border: 1px solid grey;
*/	width:880px;
/*	min-height: 600px;
*/	margin: 0 10px 0 10px;
	float:right;

}

.testimonial_table {
/*	border: 1px solid red;
*/	width: 600px;
	margin-left:auto;
	margin-right:auto;
}
.testimonial_table td {
	vertical-align: top;
/*	border: 1px solid green;
*/	padding: 10px;
}
.testimonial_cells {
	color: #000066;
}
.table_nav_back {

}
.table_nav_next {
	text-align:right;
}

/***** About page *****/

.about_main_inner {
/*	border:1px solid red;
*/	margin-left:auto;
	margin-right:auto;
	width: 500px;
	margin-top:25px;
	margin-bottom:25px;	
}

#about_items {
	list-style-position: inside;
	list-style-image: url(../images/tick.gif);
	line-height: 1.5em;
	text-indent: 5px;
	color: #003355;
	font-size: 22px;
}

#about_items li {
	text-indent: 20px;
	margin: 5px;
}

#about_heading  {
	font-size: 22px;
	color: #003355;
	margin-left: 20px;
	margin-top: 20px;
}

#about_img {
	padding-top: 20px;
	padding-bottom: 10px;
}

.partners_image {
	border:none;
	margin: 10px 25px 10px 25px; /* 20px 40px 20px 40px; */
}


/***** Social section *****/

#social {
	clear:both;
	border-bottom: 2px solid #003355;
	width: 980px;
	margin-left:auto;
	margin-right: auto;
	padding-bottom: 10px;
	text-align: right;
	height:20px;
}

.social_list {
	float: right;
	list-style-type: none;
	vertical-align:baseline;
}

.social_list li {
	float:left;
	display: block;
	margin: 0 2px 0 2px;
}


/***** Sitemap ****/

#site_map {
	margin: 10px 10px 0 40px;
}

#site_map h1 {
	padding: 5px;
	margin: 5px;
	
}

.sitemap {
	list-style-position: inside;
	list-style-type:none;
	line-height: 2em;
	text-indent: 5px;
}

.sitemap li {
	text-indent: 20px;
}

.inner_item {
	margin-left: 20px;
}

/***** Privacy ******/

.privacy_area {
/*	border: 1px solid grey;
*/	width:550px;
/*	min-height: 600px;
*/	margin: 10px 10px 0 40px;
}

/***** Footer *****/

#FootSection {
/*border:1px solid red;
*/	clear:both;
	width: 980px;
	margin-left:auto;
	margin-right: auto;
	font-size: 12px;
	color: #003355; /* was 555555; */
}

/*** For link text css, see "Bottom Navigation" CSS in the "Navigation.css" file ***/

#copyright {
/*	border:1px solid red;
*/	float:right;
}

#copyright p {
	font-size:12px;
}