/* ------------------------------- *
 * ------	Banner styles	------ *
 * ------------------------------- */

 #homepage #container{
	width: 100%;
 }


#hero{
	position: relative;
	clear: both;
	width: 100%;
	height: 260px;
	background-color: #eee;
	background: url('/assets/hp/images/hero-vertical-bg.png') repeat-x left bottom;
	padding-top: 20px;
}
.hero_image{
	position: absolute;
	top: 0;
	left: 0;
}

#hero_0,#hero_1,#hero_2,#hero_3,#hero_4,
#ev_hero,#seal_hero,#trial_hero,#code_signing_hero,#enterprise_hero,
#wildcard_hero, #price_change_hero,#cert_error_hero
{
	margin: 0 auto;
	display: none;
	vertical-align: middle;
	width: 950px;
	height: 260px;
}

#cert_error_hero{
	display: none;
	background: url('/assets/hp/images/1024-dont-let-this-happen-hero.jpg') no-repeat left top;
}

#price_change_hero{
	display: none;
	background: url('/assets/hp/images/price-change-hero.jpg') no-repeat left top;
}

#ev_hero{
	display: none;
	background: url('/assets/hp/images/ev-ssl-hero.jpg') no-repeat left top;
}

#seal_hero{
	display: none;
	background: url('/assets/hp/images/daily-assurance-thawte-seal-hero.jpg') no-repeat left top;
}

#trial_hero{
	display: none;
	background: url('/assets/hp/images/try-thawte-ssl-hero.jpg') no-repeat left top;
}

#code_signing_hero{
	background: url('/assets/hp/images/code-signing-hero.jpg') no-repeat left top;
	display: none;
}

#wildcard_hero{
	background: url('/assets/hp/images/wildcard-ssl-hero.jpg') no-repeat left top;
	display: none;
}

#enterprise_hero{
	background: url('/assets/hp/images/secure-multiple-servers-enterprise-hero.jpg') no-repeat left top;
	display: none;
}


#hero_counter_div{
	position: relative;
	display: none;
	background: transparent;
	text-align: center;
	height: 5px;
	width: 960px;
	display: block;
	margin: 0 auto;
	margin-top: -5px;
}

.hero_counter{
	width: 30px;
	height: 5px;
	background-color: #999;
	float: left;
	margin-right: 10px;
    cursor: pointer;
}

.first_counter{
	margin-left: 400px;
}

.hero_counter_last{
	margin-right: 0;
}

.hero_counter:hover, .hc_active{
	background-color: #00467D;
}

.hc_active{
   cursor: default;
}

.last{
	margin:0;
}

.hero_text_div{
	display: table-cell;
	width: 470px;
	height: 260px;
	vertical-align: middle;
}

.hero_text_div_wide{
	display: table-cell;
	width: 620px;
	height: 260px;
	vertical-align: middle;
}

.hero_text_div_narrow{
	display: table-cell;
	width: 400px;
	height: 260px;
	vertical-align: middle;
}

.hero_text_right{
	padding-left: 486px;
}

div.acc_button_container {
	vertical-align: middle;
	padding: 2px 0px;
	margin: 2px 0px;
	clear: both;
}

a.hero_button,
a.hero_button:hover,
a.hero_button:active,
a.hero_button:visited{
	background: url('/assets/hp/images/hero-blue-btn.png') repeat-x left top;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
}

a.acc_button_blue,
a.acc_button_blue:hover,
a.acc_button_blue:active,
a.acc_button_blue:visited{
	background: url('/assets/hp/images/a-box-blue-btn.png') repeat-x left top;
	text-decoration: none;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	height:24px;
	text-align: center;
	display: block;
	width: 65px;
	vertical-align: middle;
	float: left;
	margin-right: 8px;
	margin-top: -2px;
}

a.acc_button_green,
a.acc_button_green:hover,
a.acc_button_green:active,
a.acc_button_green:visited{
	background: url('/assets/hp/images/a-box-green-btn.png') repeat-x left top;
	text-decoration: none;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	height:24px;
	text-align: center;
	display: block;
	width: 65px;
	vertical-align: middle;
	float: left;
	margin-right: 8px;
}

#header_container{
	/*  dimenstions? */
}

#top_nav_div{
	width: 780px;
	height: 38px;
}

.nav_flyout{
	background: #E1E1E1;
	width: 730px;
}

.flyout_list_container{
	width: 230px;
	margin-left: 10px;
	float:left;
}



/* BEGIN TEXT CSS */

h2.hero_text_heading{
	font-family: arial;
	font-weight: normal;
	line-height: 40px;
	font-size: 38px;
	color: #00467D;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

h2.hero_text_heading_red{
	font-family: arial;
	font-weight: normal;
	line-height: 40px;
	font-size: 38px;
	color: #d2143c;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

p.hero_text{
	font-family: arial;
	font-weight: normal;
	line-height: 24px;
	font-size: 20px;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
}

a, a:visited{
	color: #00467D;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h3.container_head{
	color: #000;
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

ul.container_list{
	margin-left: 0;
	padding-left: 15px;
}

li.container_list_item{
	color: #000;
	font-family: arial;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 3px 0;
	padding: 0;
}

.bold{
	font-weight: bold;
}

.acc_red_text{
	color: #d2143c;
	font-family: arial;
	font-style: italic;
	font-size: 11px;
	font-weight: bolder;
}



.news_date{
	color: #333;
	font-size: 11px;
}



a.container_link{
	font-size: 13px;
	line-height: 16px;
}

.container_bottom-right{
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/**************/
#banner {
	width: 683px;
	padding-left: 287px;
	background: url('/assets/hp/images/hp_sprite.jpg') no-repeat left top;
	height: 270px;
}

#banner .bannertext {
	width: 598px;
	background: url('/assets/hp/images/hp_sprite.jpg') repeat-y right top;
	height: 240px;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 50px;
}

#banner .bannertext h2 {
	margin: 0px;
	padding: 0px;
	font-family: "Arial";
	font-size: 50px;
	color: #c2c3c4;
	font-weight: bold;
	line-height: 45px;
	letter-spacing: -1px;
}

#banner .bannertext .subheads {
	width: 598px;
	height: 135px;
	margin-top: 15px;
}

.subheads div {
	float: left;
	width: 209px;
	height: 120px;
	font-family: "Arial";
	padding: 0px;
	padding-bottom: 15px;
}

.subheads div h3 {
	margin: 0px;
	padding: 0px 35px 0px 25px;
	color: #00467d;
	margin-bottom: 10px;
	height: 43px;
}

.subheads div h3 span {
	display: block;
}

.subheads div h3 a,
.subheads div h3 a:link,
.subheads div h3 a:visited,
.subheads div h3 a:hover,
.subheads div h3 a:active {
	font-size: 20px;
	color: #00467d;
	line-height: 20px;
	text-decoration: none;
}

.subheads div h3 a:hover {
	text-decoration:underline;
}

.subheads div p {
	font-size: 13px;
	color: #777878;
	line-height: 15px;
	padding: 0px 35px 0px 25px;
	padding-bottom: 13px;
	height: 69px;
	margin-bottom: 0px;
	/*background: url('/assets/hp/images/grey_dots.png') repeat-y right bottom;*/
	border-right: 2px dotted #C2C3C4;
}

.subheads div p a {
	font-size: 12px;
	font-weight: bold;
	color: #00467d;
	text-decoration: underline;
	float: right;
	margin-top: 5px;
}


.subheads div.last {
	width: 175px;
}

.subheads div.last h3 {
	padding-right: 0px;
}

.subheads div.last p {
	border: none;
	padding-right: 0px;
}

/* ------------------------------- *
 * ----	  Grey Line Spacer	------ *
 * ------------------------------- */
.clear_greylines {
	width: inherit;
	height: 11px;
	margin-top: 10px;
	margin-bottom: 40px;
	background: url('/assets/hp/images/grey_lines.jpg') repeat-x left top;
	clear: both;
}

/* ------------------------------- *
 * ----	 Bottom Box Styles	------ *
 * ------------------------------- */
#bottomBox {
	width: 100%;
	height: 244px;
	background-color: #eee;
	clear: both;
	position: relative;
	background-color: #eee;
}

.hp_bottom_container{
	height: 224px;
	width: 960px;
	background-color: #eee;
	margin: auto;
}

.left{
	float: left;
}


/*
   2048  counter
*/
	#daysToRevoke{
		position: absolute;
		top: 93px;
		left:75px;
		font-family: arial;
		font-weight: bold;
		font-size: 42px;
		color: #fff;
		z-index: 2;
		text-align: center;
		width: 80px;

	}
	.daysText{
		color: #d2143c;
		font-size: 12px;
		font-weight: bold;
		font-family: arial;
		text-align: center;
		position: absolute;
		bottom: 6px;
		width: 100%;
	}
	#strikethrough{
		background-color: #d2133c;
		width: 80px;
		left:75px;
		height: 1px;
		position: absolute;
		z-index: 3;
		top: 119px;
	}

/* end 2048 counter */

.hp_shadow_box{
	float: left;
	height: 200px;
	width: 230px;
	margin-right: 10px;
	position: relative;
}

#new_prices{
   position: absolute;
   top: 0;
   right: 0;

}

.hp_container{
	background-color: #fff;
	height: 180px; /* with padding equals 200 */
	width: 210px; /* with padding = 230 */
	border: #d8d8d8 1px solid;
	padding: 10px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	box-shadow: 5px 5px 10px #888888;
	border-radius: 5px;
}

.hp_container_img{
	background-color: #fff;
	height: 200px; /* with padding equals 200 */
	width: 230px; /* with padding = 230 */
	border: #d8d8d8 1px solid;
	margin-top: 20px;
	position: relative;
	box-shadow: 5px 5px 10px #888888;
	border-radius: 5px;
}

.promo_hp{
	border: 0;
	border-radius: 5px;
}



#bottomBox #promos {
	width: 693px;
	padding-left: 7px;
	height: 180px;
	float: left;
}



#promos h3 {
	display: none;
}

#promos #p1,
#promos #p2,
#promos #p3,
#promos #p4 {
	background: #C2C3C4;
	height: 180px;
}

#promos .phide {
	display: none;
}

#promos .pshow {
	display: block;
}

.pcontrols a {
	font-size: 0%;
	color:#c2c3c4;
	margin: 2px 1px;
	height: 14px;
	width: 8px;
	display: block;
	float: left;
	background: url('/assets/hp/images/promos/dots.gif') no-repeat -7px 3px;
}

.pcontrols a.active {
	background: url('/assets/hp/images/promos/dots.gif') no-repeat 1px 3px;
}


/* Promo 1 */
#promos .pcontrols {
	position: absolute;
	height: 25px;
	width: 65px;
	text-align: center;
	margin-left: 621px;
	margin-top: 155px;
}

#promos a#lctrl {
	font-size: 0%;
	color:#CE1339;
	background: url('/assets/hp/images/promos/l_arrow.gif') no-repeat left top;
	height: 25px;
	width: 10px;
}

#promos a#rctrl {
	font-size: 0%;
	color:#CE1339;
	background: url('/assets/hp/images/promos/r_arrow.gif') no-repeat left top;
	height: 25px;
	width: 10px;
}

#p1 .top {
	height: 109px;
}

#p1 .bottom {
	height: 71px;
}

#p1 .bottom h4 {
	margin: 5px 0px 0px 30px;
	float: left;
	font-family: "Arial";
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 48px;

}

#p1 .bottom p {
	margin: 7px 0px 0px 10px;
	float: left;
	width: 340px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	line-height: 21px;
	text-align: justify;
}

#p1 .bottom p a {
	font-size: 13px;
	margin-left: 0px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	text-transform: uppercase;
}

#p1 .bottom p a:hover, #p1 .bottom p a:active {
	color: #00467d;

}

/* Promo 2 */
#promos #p2 {
	padding: 20px 50px 10px 50px;
	height: 150px;
	width: 593px;
}

#p2 h4 {
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 36px;
	margin-bottom: 10px;
}

#p2 p.small {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	line-height: 21px;
	text-align: justify;
}

#p2 p {
	margin-bottom: 10px;
}

#p2 p.small a {
	font-size: 13px;
	margin-left: 0px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	text-transform: uppercase;
}

#p2 p.small a:hover, #p2 p.small a:active {
	color: #00467d;

}


/* Promo 3 */
#p3 .top {
	height: 109px;
}

#p3 .bottom {
	height: 71px;
}

#p3 .bottom h4 {
	margin: -2px 0px 0px 8px;
	font-family: "Arial";
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 36px;
}

#p3 .bottom p {
	margin: 5px 0px 0px 10px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	line-height: 13px;
}

#p3 .bottom p a {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	text-transform: uppercase;
}

#p3 .bottom p a:hover, #p3 .bottom p a:active {
	color: #00467d;
}



/* Promo 4 */
/* promo control coords for promo 4 */

#promos .pcontrols_p4 {
	margin-left: 475px;
	margin-top: 70px;
}

#p4 .left {
	float: left;
	width: 500px;
	height: 180px;
	background-color: #c2c3c4;
}

#p4 .left .back_indent {
	margin-left: 75px;
	height: 6px;
	width: 110px;
	display: block;
	background: url('/assets/hp/images/promos/p4/grey_indent.jpg') no-repeat left top;
}

#p4 h4 {
	margin: 25px 50px 10px 25px;
	font-family: "Arial";
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 40px;
	letter-spacing: -1px;
}

#p4 p {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	line-height: 21px;
	text-align: justify;
	margin-left:25px;
}

#p4 p a {
	font-size: 13px;
	margin-left: 0px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	text-transform: uppercase;
}

#p4 p a:hover, #p4 p a:active {
	color: #00467d;
}

#p4 .right {
	float: left;
	width: 193px;
	height: 180px;
}

/* whitepaper promo */
#promo_whitepaper{
								position: relative;
								background: url('/assets/hp/images/promo_whitepaper.jpg');
								background-position: top left;
								background-repeat: no-repeat;
								height: 200px;
								width: 230px;
								}
								#wp_content h4{
									margin-bottom:10px;
									font-size: 12px;
									font-weight: bold;
									color: #000;

								}
								.wpDivider{
									width: 110%;
									background-color: #e4e4e4;
									height: 1px;
									margin-top: 10px;
									margin-bottom: 10px;
								}

								#wp_content{
										position: absolute;
										top: 35px;
										left: 10px;
								}

								#wp_content a,#wp_content a:visited{
										font-family: Arial;
										font-size: 13px;
										line-height: 18px;
										font-weight: normal;
										cursor: pointer;
								}
								#wp_content a.headlink{
										color: #00467d;
										font-family: Arial;
										font-size: 14px;
										margin-bottom: 11px;
										font-weight: bold;

								}
								#wp_content a:hover{
										text-decoration: underline;
								}