/*-------------------------------------------------

css{
	site: cilutions.com ;
	date: Jan 2010;
}

---------------------------------------------------*/

/*-------------------------------------------------

HTML Elements

-------------------------------------------------*/

html, body, h1{
	margin: 0;
	padding: 0;
}

body{
	/*background: #f0f0f0;*/
      background-color: #ffffff;
	color: #636363;
      font-family: "Verdana", "Lucida Sans Unicode", Lucida, Arial, sans-serif;;
	font-size: 12px;
	line-height: 18px;
}

a{ text-decoration: none; color: #636363; }
a:hover{  text-decoration:underline;	}
a img {border: 0;}
a:active, a:focus {outline: 0;}/*for Firefox*/

p{   }

h1{
	float: left;
	width: 95px;
	height: 60px;
	text-indent: -900em;
}

h1 a{
	display: block;
	background-color: none;
      width: 180px;
	height: 63px;
      /*padding-left: 100px;*/
      margin-top: 28px;
      margin-left: 50px;
}

.text_input, .contact_input_text{
	width: 170px;
	height: 15px;
	border: 1px solid #afafaf;
	background-color: #fff;
	color: #000;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

.clear_input{width: auto; height: auto; border: none; background-color:inherit; display: inline; margin: auto; padding: auto;}

h4{
	font-size: 14px;
	color: #1d1827;
}

/*iepngfix http://www.twinhelix.com/css/iepngfix/demo/ */
img, div, a, input { behavior: url(/_assets/images/iepngfix/iepngfix.htc); }

/*-------------------------------------------------

Common Classes

-------------------------------------------------*/

.hide{display: none;}

.clear{clear: both;}

.left{float: left;}

.right{float: right;}

.center{text-align: center;}

.green_link{
	font-weight: bold;
	text-decoration: none;
	/*color: #3dd729;*/
      color: #0A55A3;
}
a:hover.green_link{
	color: #000;
}

a.plain{text-decoration: none; color: #737373;}

.no_margin{margin: 0;}

.white{color: #fff;}
.green{color: #31cd1e;}
.lightgrey{color: #ababab;}
.black{color: #000;}

/*-------------------------------------------------

Navigation, Header Styles

-------------------------------------------------*/

#header a{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.05em;
}
#header a:hover{ color: #999999; text-decoration: underline;}

ul#nav{
      /*margin:12px 0 0 300px;*/
      margin:0px 0 0 300px;
	padding:0;
	list-style: none;
	height: 16px;
	text-indent: -900em;
}

ul#nav li{float: left;}
ul#nav li a{display: block;}


#nav #servicesLink{width: 89px; background: url("../images/services.png") no-repeat center;}
#nav a:hover#servicesLink{background: url("../images/services_over.png") no-repeat center;}
body#services #nav #servicesLink{background: url("../images/services_over.png") no-repeat center;}

#nav #videosLink{width: 132px; background: url("../images/howToVideos.png") no-repeat center;}
#nav a:hover#videosLink{background: url("../images/howToVideos_over.png") no-repeat center;}
body#videos #nav #videosLink{background: url("../images/howToVideos_over.png") no-repeat center;}

#nav #pricing{width: 75px; background: url("../images/pricing.png") no-repeat center;}
#nav a:hover#pricing{background: url("../images/pricing_over.png") no-repeat center;}
body#pricing #nav #pricing{background: url("../images/pricing_over.png") no-repeat center;}

#nav #applicationsLink{width: 94px; background: url("../images/products.png") no-repeat center;}
#nav a:hover#applicationsLink{background: url("../images/products_over.png") no-repeat center;}
body#applications #nav #applicationsLink{background: url("../images/products_over.png") no-repeat center;}

#nav #demo{width: 63px; background: url("../images/demo.png") no-repeat center;}
#nav a:hover#demo{background: url("../images/demo_over.png") no-repeat center;}
body#demo #nav #demo{background: url("../images/demo_over.png") no-repeat center;}

#nav #labs{width: 59px; background: url("../images/labs.png") no-repeat center;}
#nav a:hover#labs{background: url("../images/labs_over.png") no-repeat center;}
body#support #nav #labs{background: url("../images/labs_over.png") no-repeat center;}

#nav #company{width: 89px; background: url("../images/company.png") no-repeat center;}
#nav a:hover#company{background: url("../images/company_over.png") no-repeat center;}
body#company #nav #company{background: url("../images/company_over.png") no-repeat center;}

#nav #contactLink{width: 89px; background: url("../images/contact.png") no-repeat center;}
#nav a:hover#contactLink{background: url("../images/contact_over.png") no-repeat center;}
body#company #nav #contactLink{background: url("../images/contact_over.png") no-repeat center;}

/*Breadcrumbs*/
#breadcrumbs{
	text-align: right;
}
.crumb, .crumb_last{
	font-family:"Lucida Grande" Arial san-serif;
	font-size: 10px;
}
.crumb a{
	color: #00c100;
	text-decoration: none;
}
.crumb a:hover{
	text-decoration:underline;
}
.crumb_last{
}


/*-------------------------------------------------

Global Styles

-------------------------------------------------*/
#header{
	/*height: 140px;*/
      height: 120px;
      background: #000000 url("../images/bg_header.png") center no-repeat;
}

#wrapper{
	margin: 0 auto;
	width: 992px;
	background: #000;
}

#footer{
	height: 145px;
	padding-top: 32px;
	background: url("../images/bg_footer.jpg") top center no-repeat #d4d4d4;
	border-top: 1px solid #c8c8c8;
}

/*-------------------------------------------------

Page Styles

-------------------------------------------------*/
.sitewidth{
	margin: 0 auto;
	width: 927px;      
}
#container_top{
	padding-top:18px;
	/*background: url("../images/bg_headershadow.jpg") no-repeat center top;*/
}
#container_btm{
	margin-bottom:25px;
	/*background: url("../images/bg_container_btm.jpg") no-repeat center bottom;*/
}
#container{
	padding: 7px 38px 38px 38px;
	/*background: url("../images/bg_container_tile.jpg") repeat-y #fff;*/
}

#content{}

.wide{margin-left: 0;}
.narrow{margin-left: 210px;}

.split{
	margin-left: 185px;
}

.split h2, .split h3{
	/*display:inline;*/
	width:530px;
}

.twocolumns{
	float: left;
	width: 45%;
	margin-right: 5%;
}

#padded_bottom{
	padding: 20px 40px;
}

#content_header_shadow{
	height: 45px;
	/*background:url("../images/content_header_shadow.jpg") no-repeat center;*/
}


#sidebar{
	float: left;
	width: 160px;
	background:url("../images/bg_subnav_mid.jpg") repeat-y;
}
#sidebar_top{
	background:url("../images/bg_subnav_top.jpg") no-repeat top;
}
#sidebar_btm{
	padding: 20px 0;
	background:url("../images/bg_subnav_btm.jpg") no-repeat bottom;
}


/*Subnavs*/
#subnav{
	margin: 0 auto;
	padding: 0;
	width: 146px;
	list-style: none;
	font-weight: bold;
}
#subnav li a {
	display: block;
	/*padding: 4px 4px 4px 28px;*/
      padding: 0px 8px 2px 8px;
      text-align: center;
	color: #2f2d33;
	text-decoration: none;
}

/* #subnav li a:hover{background: #e0e0e0;} */

/* ------------------ */
/* new for videos */
#subnav li a.video {
	display: block;
	/*padding: 4px 4px 4px 28px;*/
      padding: 0px 8px 2px 8px;
      text-align: center;
	color: #2f2d33;
	text-decoration: none;
}

#subnav li a.video:hover {
	display: block;
	/*padding: 4px 4px 4px 28px;*/
      padding: 0px 8px 2px 8px;
      text-align: center;
	color: #2f2d33;
	text-decoration: underline;
}

/* ------------------ */

#subnav li ul{list-style: disc;}
#subnav li ul li a{
	/*margin: 0;
	padding: 2px 2px;*/
	color: #6b6b6b;
	font-weight: normal;
}

/*box*/
#box_wide_mid{
	/*background: url("../images/box_wide_mid.jpg") repeat-y left;*/
}
#box_wide_top{
	/*padding-top:18px;*/
	/*background: url("../images/box_wide_top.jpg") no-repeat left top;*/
}
#box_wide_btm{
      /*background: url("../images/box_wide_mid.jpg") repeat-y left;*/
      /*width: 844px;*/
      margin-bottom: 2px;
      margin-left: 70px;
      /*padding: 50 100px 100px 100px;*/
}

/*hr's*/
div.hr {height: 25px; width:126px; background: url("../images/line2.jpg") no-repeat;}
div.hr hr{display: none;}

/*-------------------------------------------------

Shared Buttons

-------------------------------------------------*/
a.signup_btn{
	display: block;
	width: 80px;
	height: 29px;
	background: url(../images/btn_signup_up.png) no-repeat;
	text-indent: -900em;
}
a:hover.signup_btn{background: url(../images/btn_signup_over.png) no-repeat;}

a.demo3d_btn{
	display: block;
	width: 79px;
	height: 29px;
	background: url(../images/btn_demo3d_up.png) no-repeat;
	text-indent: -900em;
}
a:hover.demo3d_btn{background: url(../images/btn_demo3d_over.png) no-repeat;}

a.call_btn{
	display: block;
	width: 80px;
	height: 29px;
	background: url(../images/btn_call_up.png) no-repeat;
	text-indent: -900em;
}
a:hover.call_btn{background: url(../images/btn_call_over.png) no-repeat;}


a.more_btn{
	display: block;
	width: 80px;
	height: 29px;
	background: url("../images/btn_more_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.more_btn{background: url("../shared/btn_more_over.png") no-repeat top;}


a.app_signup_btn{
	float: left;
	display: block;
	width: 78px;
	height: 27px;
	background: url(../images/btn_app_signup_up.jpg) no-repeat;
	text-indent: -900em;
}
/*a:hover.app_signup_btn{background: url(../images/btn_signup_over.png) no-repeat;}*/


a.demo_btn{
	display: block;
	margin: -19px 0 20px 100px;
	width: 78px;
	height: 27px;
	background: url("../images/btn_demo_up.jpg") no-repeat top;
	text-indent: -900em;
}
/*a:hover.demo_btn{background: url("../images/btn_more_over.png") no-repeat top;}*/

a.demo3d_player_btn{
	display: block;
	margin: 0 0 20px 100px;
	width: 78px;
	height: 47px;
	background: url("../images/btn_demo3d_player_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.demo3d_player_btn{background: url("../images/btn_demo3d_player_over.png") no-repeat top;}

a.demo3d_admin_btn{
	display: block;
	margin: -67px 0 20px 100px;
	width: 78px;
	height: 47px;
	background: url("../images/btn_demo3d_admin_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.demo3d_admin_btn{background: url("../images/btn_demo3d_admin_over.png") no-repeat top;}

a.contact_btn{
	display: block;
	width: 80px;
	height: 30px;
	background: url("../images/btn_contact_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.contact_btn{background: url("../images/btn_contact_over.png") no-repeat top;}


a.send_btn{
	display: block;
	width: 80px;
	height: 29px;
	background: url("../images/btn_send_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.send_btn{background: url("../images/btn_send_over.png") no-repeat top;}


a.submit_btn{
	display: block;
	width: 80px;
	height: 30px;
	background: url("../images/btn_submit_up.png") no-repeat top;
	text-indent: -900em;
}
a:hover.submit_btn{background: url("../shared/btn_submit_over.png") no-repeat top;}


/*-------------------------------------------------

Footer Styles

-------------------------------------------------*/
#footer{color: #929292;}
#footer b{color: #848383;}

#bucket1{float:left; width: 464px;}
#bucket1 a{
	color: #a7a7a7;
	text-decoration: none;
}
#bucket1 a:hover{color: #848383;}

#bucket2{float:left; width: 211px;}

#bucket3{}

#footer ul{
	margin:0;
	padding:0;
	list-style: none;
	height: 18px;
	text-indent: -900em;
}

#footer ul li{float: left;}
#footer ul li a{display: block;}


#footer #services{width: 64px; background: url("../images/fnav_services.jpg") no-repeat center;}
#footer a:hover#services{background: url("../images/fnav_services_over.jpg") no-repeat center;}

#footer #pricing{width: 61px; background: url("../images/fnav_pricing.jpg") no-repeat center;}
#footer a:hover#pricing{background: url("../images/fnav_pricing_over.jpg") no-repeat center;}

#footer #support{width: 71px; background: url("../images/fnav_support.jpg") no-repeat center;}
#footer a:hover#support{background: url("../images/fnav_support_over.jpg") no-repeat center;}

#footer #demo{width: 58px; background: url("../images/fnav_demo.jpg") no-repeat center;}
#footer a:hover#demo{background: url("../images/fnav_demo_over.jpg") no-repeat center;}

#footer #applications{width: 95px; background: url("../images/fnav_applications.jpg") no-repeat center;}
#footer a:hover#applications{background: url("../images/fnav_applications_over.jpg") no-repeat center;}

#footer #company{width: 81px; background: url("../images/fnav_company.jpg") no-repeat center;}
#footer a:hover#company{background: url("../images/fnav_company_over.jpg") no-repeat center;}


#copyright{
	font-size: 10px;
	margin-top: 0px;
      /*background-color: red;*/
}

.login_box{
	display: inline;
	width: 87px;
	height: 26px;
	padding: 6px 5px 0 10px;
	background:url("../images/bg_login.png") no-repeat top ;
	font-family:"Myriad Pro" Arial sans-serif;
	font-size: 12px;
	color: #848383;
	border: none;
}



.google_search, .google_search:focus{
	display: inline;
	width: 211px;
	height: 26px;
	padding: 6px 5px 0 10px;
	background:url("/_assets/images/bg_search.jpg") no-repeat top ;
	font-family:"Myriad Pro" Arial sans-serif;
	font-size: 12px;
	color: #848383;
	border: none;
}





/*-------------------------------------------------

Home Styles

-------------------------------------------------*/
#news_ticker{
	background: #000;
	/*padding: 11px 20px 11px 30px;*/
	color: #fff;
}


/*-------------------------------------------------

Support Section Styles

-------------------------------------------------*/

#box1 {
	height: 573px;
	width: 567px;
	padding: 35px 35px;
	background: url("../images/support_landing.jpg") top left no-repeat ;
	color: #ababab;
	overflow: hidden;
}
#box1 h5{
	margin: 0 0 20px 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: lighter;
}
#box1 #books{
	float: left;
	width: 355px;
}
#box1 #book_item{
	float: left;
	width: 165px;
	height: 170px;
	color: #fff;
}
#box1 #links{ margin-left: 355px;}


/*
Services Guide
*/
#box2{
	width: 567px;
	height: 800px;
	padding: 35px 35px;
	background: url("../images/bg_servicesguide.jpg") top left no-repeat ;
	color: #fff;
	overflow: hidden;
}
#box2 a{color: #00ff00;}
#box2 b{display: block; color: #fff;}
#box2_point{border-bottom:solid 1px #595467; padding: 31px 0;}
#box2_content{margin-left:100px;}

#plan_chooser{border-collapse: collapse; width: 100%;}
#plan_chooser th, #plan_chooser td{padding: 7px; border: solid 1px #e0e0e0;}
#plan_chooser th{
	width: 33%;
	color: #333;
	background: #e0e0e0;
}


/*
Industries
*/
#industries_content{
	padding: 30px 40px;
	background: url("../images/bg_industries.jpg") top center no-repeat #f1f1f1;
	color: #737373;
}
#testimonials{
	padding: 30px 40px;
	height: 355px;
}

#indLinks{
	float: left;
	width: 146px;
	margin-right: 25px;
}
#indLinks a{
	display: block;
	padding: 2px 9px;
	font-weight: bold;
	text-decoration: none;
	color: #2f2d33;
}
#indLinks a img{margin-right: 5px;}
#indLinks a:hover{background: #e1e1e1;}

#quote_large, #quote_medium, #quote_small{
	float: left;
	width: 222px;
	padding: 25px 25px;
	margin-right: 8px;
	color: #f1f1f1;
}
#quote_large{
	height: 200px;
	background: url("../images/quote_large.jpg") no-repeat;
}
#quote_medium{
	height: 148px;
	background: url("../images/quote_medium.jpg") no-repeat;
}
#quote_small{
	height: 129px;
	background: url("../images/quote_small.jpg") no-repeat;
}

/*-------------------------------------------------

Company Styles

-------------------------------------------------*/

#bio {
	float: left;
	width: 240px;
	margin: 0 40px 25px 0;
}
#bio img{
	float: left;
	margin-right: 20px;
}
#bio b{
	font-size: 14px;
	color: #fff;
}
#bio em{
	color: #fff;
}
#bio p{
	margin: 0 0 0 98px;
}

/*-------------------------------------------------

Privacy Styles

-------------------------------------------------*/

#privacy {
	height: 643px;
	width: 637px;
	background: url("../images/support_landing.jpg") top center no-repeat ;
}


/*-------------------------------------------------

Contact Styles

-------------------------------------------------*/
#contact_map{
	width: 846px;
	height:452px;
	background: url(../images/contact.jpg) no-repeat ;
}
#contact_map #map{
	float: left;
}
#contact_info{
	display: block;
	margin: 0 20px 0 660px;
	padding: 60px 0;
	color: #c6c6c6;
}
#contact_map b{
	font-size: 14px;
	/*color: #fff;*/
}
#contact_map a{
	color: #fff;
	text-decoration: none;
}
#contact_map a:hover{ text-decoration: underline;}


.contact_label{
	float: left;
	width: 75px;
	padding-top: 4px;
	margin-right: 10px;
	text-align: right;
}

/*-------------------------------------------------

Pricing Styles

-------------------------------------------------*/

#announcement{
	width: 833px;
	background: #000;
	padding: 15px 44px;
	text-align: center;
}
#announcement span{
	color: #a9a9a9;
	font-weight: bold;
}

#pricing_bucket{
	float: left;
	width: 180px;
	margin-right: 30px;
	color: #737373;
}
#pricing_bucket b{
	display: block;
	font-weight: lighter;
	font-size: 28px;
	color: #000;
}
#pricing_bucket span{
	font-size: 16px;
	color: #00c100;
}

#bg_price{
	width: 182px;
	height: 45px;
	padding-top: 80px;
}
#bg_price a{
	margin: 0 auto;
}

h7{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#other_pricing_bucket{
	float: left;
	width: 30%;
	margin-right: 3%;
	color: #737373;
}
#other_pricing_bucket b{
	margin-bottom: 15px;
	font-weight: lighter;
	font-size: 18px;
	color: #404040;
}
#other_pricing_bucket em{
	font-size: 11px;
	background: #f7f7d0;
}
#other_pricing_bucket span{
	font-size: 16px;
	color: #00c100;
}

#plans_box{
	width: 800px;
	height: 600px;
	padding: 85px 0 45px 47px;
	overflow: hidden;
	background: url(../images/bg_pricing.jpg) no-repeat top center;
}

#plans{
	float: left;
	width: 360px;
	height: 320px;
	margin-right: 30px;
}

#plans #column1{
	float: left;
	width: 80px;
}
#plans #column2{
	margin-left: 115px;
}

#plans .title{display: block; font-size: 20px; font-weight: bold;}
#plans .description{}
#plans p{ margin-top: 0; color: #ababab;}

#meter{
	height: 19px;
	margin-bottom: 1px;
	font-weight: bold;
	color: #fff;
}
#meter div{
	float: left;
	padding: 2px 5px;
	margin-right: 4px;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: 0px;
	color: #000;
	text-transform: uppercase;
	background: url(../images/bg_pricing_meters.jpg) no-repeat;
}

.br{line-height: 5px; height: 0;}
#meter div.w50{padding: 2px 15px 2px 5px;}
#meter div.w50sc{padding: 2px 7px 2px 5px;}
#meter div.w75{padding: 2px 65px 2px 5px;}
#meter div.w75sc{padding: 2px 25px 2px 5px;}

.wFull {width: 165px;}
#meter div span{width: 150px;}

/*Safari Hack for meter bars*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    br.br {display:none;}
    #meter{clear: both;}
}

/*-------------------------------------------------

App Styles

-------------------------------------------------*/

#app_preview{
	float: left;
	width: 355px;
	height: 188px;
	overflow: hidden;
	margin-right: 30px;
	line-height: 15px;
}
#app_preview div{
	margin-left: 135px;
	padding-top: 0px;
}
#app_preview p {
	margin-bottom: 6px;
}
#app_img{
	display: block;
	float: left;
	width: 127px;
      /*background-color: red;*/
	height: 118px;
	border: 0px solid #b8b7bc;
	overflow: hidden;
}
a:hover#app_img{border: 0px solid #0A55A3;}
#app_preview b {
	font-size: 14px;
	color: #000;
}

#app_thumbs{
	margin: 0;
	padding: 0;
	list-style: none;
}
#app_thumbs a{
	display: block;
	width: 186px;
	float: left;
}

#app_header{
	height: 357px;
	background: url("../images/bg_app_header.jpg") top center no-repeat #e7e7e7;
}
#app_header div{
	padding: 77px 72px 0 0;
	margin-left: 463px;
}

ul#app_stats{
	margin:0;
	padding:0;
	list-style: none;
}
ul#app_stats li{
	float: left;
	width: 50%;
}



/*from http://www.cssplay.co.uk/menu/photo_album.html#nogo*/
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:380px; 
	height:80px;
	margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0; 
	margin:13px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:380px;
}
/* remove the default image border */
.gallery img {
	border: solid 1px #000;
}
/* make the list horizontal */
.gallery li {
	float:left;
	margin-bottom: 24px;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	float:left; 
	/*background:#efefef; */
	text-align:center; 
	width:75px; 
	height:72px; 
	margin-right:24px;
	border: solid 1px #d8d8d8;
}
.gallery li a.last, .gallery li a:visited.last {margin-right: 0;}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top:-300px; 
	left:0; 
	visibility:hidden; 
	border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-312px;
}



/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}
.gallery li a {
	background:#ddd;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}




/*-------------------------------------------------

News Styles

-------------------------------------------------*/

#event{
	float: left;
	width: 30%;
	margin-left: 3%;
	margin-bottom: 30px;
	line-height: 14px;
}

#logo{
	float: left;
	width:70px;
	height: 70px;
	background: #efefef;
	margin-right: 10px;
	overflow: hidden;
	border: solid 1px #c9c9c9;
}

#partnership{
	padding: 20px 0;
	border-bottom: solid 1px #efefef;
	min-height: 100px;
}
#partnership div{
	float: left;
	width: 100px;
	height: 100px;
	background: #efefef;
	border: solid 1px #dadada;
}
#partnership p{
	margin: 0 0 0 120px;
}

.pastevent{}






/*-------------------------------------------------

Plan Activation Styles

-------------------------------------------------*/

#activation_container {
	width: 847px;
	height: 1060px;
	text-align: center;
	background: url(../images/bg_activation_container.jpg) top left no-repeat;
}

#activation_type {
	width: 847px;
	margin: 45px auto 8px auto;
	text-align: left;
	color: #0eb800;
	font: normal 33px Helvetica, Arial, Verdana, sans-serif;
}

#activation_info {
	width: 847px;
	margin: 0px auto 15px auto;
	text-align: left;
	color: #9a9a9a;
	font: normal 14px Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

#activation_top {
	width: 847px;
	margin: 0px auto;
	background: url(../images/bg_activation.jpg) top left no-repeat;	
}

#activation_btm {
	height: 1060px;
	background: url(../images/bg_activation_btm.gif) bottom left no-repeat;
}

#activation_content {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	color: #c5c5c5;
}

#activation_options{
	width: 645px;
	height: 181px;
	margin: 0 auto;
	padding-left: 142px;
	color:#000;
	text-align: left;
	background: url("../images/bg_header_basic.png") no-repeat;
}

.act_option #meter{color: #000; text-transform: capitalize;}

.dotted_line{
	height: 1px;
	border-bottom: dashed 1px #726e81;
}

#activation_container select{
	height:26px;
}

.act_option {
	float: left;
	margin: 20px 10px 10px 10px;
	width: 145px;
}

.act_yp_option_header {
	font: bold 13px Helvetica, Arial, Verdana, sans-serif;
	margin: 0px 0px 5px 0px; 
}

.act_yp_bullet {
	background: url(../images/bg_circle.gif) top left no-repeat;
	background-position: 0px 4px;
	color: #c5c5c5;
	font: bold 11px Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 15px;
}

.act_level {
	background: url(../images/bg_activation_dots.gif) bottom left repeat-x;
	padding: 0px 0px 10px 0px;
	margin: 24px 0px 0px 0px;
}

.act_block {
	float: left;
	width: 385px;	
}

.act_block_right {
	float: right;
	width: 384px; 
}
.act_block_title {
	font: bold 13px Helvetica, Arial, Verdana, sans-serif;
	color: #0eb800;
	margin: 0px 0px 20px 0px;
}

.act_field {
	width: 185px;
	float: left;
	margin: 0px 0px 10px 0px;
}


.act_field_right {
	width: 185px;
	float: right;
	margin: 0px 0px 10px 0px;
}

.act_input_field, .act_input_field_small {
	width: 175px;
	height: 15px;
	border: 1px solid #afafaf;
	background-color: #e0e0e0;
	color: #000;
	display: block;
	padding: 5px;
}

.act_input_field_small {
	display: inline;
	width: 55px;
	vertical-align: middle;
}

#act_check {
	margin: 15px 0px 0px 0px;
	width: 40px;
	float: left;
	text-align: center;
}

#act_check_info {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 415px;
}

#act_submit {
	margin: 10px 0px 0px 0px;
	float: right;
}

.act_form_spacer {
	height: 57px;
}

#act_cart_total{
	font-weight: bold;
	font-size: 14px;
}


/*-------------------------------------------------

Other

-------------------------------------------------*/














/*
	Vertical Accordions
*/
		
.accordion_toggle {
	display: block;
	padding: 2px 0;
	color: #5a8eba;
	font-weight: normal;
	text-decoration: underline;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 0 0;
}
		
.accordion_toggle_active {
	color: #333;
	text-decoration: none;
}
		
.accordion_content {
	background: url(../images/bg_faq.jpg) no-repeat #efefef;
	overflow: hidden;
}
			
.accordion_content h1 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}
			
.accordion_content p {
	line-height: 150%;
	display: block;
	/*padding: 5px 10px 15px 10px;*/
}

.accordion_content div{margin:  50px 40px;}