@charset "UTF-8";
/* CSS Document */

body
{
  margin:0px;
  padding:0px;
  font-family:Optima, Georgia, serif;
  font-size:14px;
  font-style:normal;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
  height:100%;
  width:100%; 
 background-color:#01272a;
background:url(../images/bg13.jpg) top center no-repeat #000;
  text-shadow: rgba(0,0,0,.5) 0 -1px 0;
background-attachment:fixed;
line-height:20px;
}
a
{
  outline:none;
}
h1, h2, h3, h4, h5, h6
{
  margin:0px;
  padding:0px;
  font-weight:normal;
}
.c_lear
{
  clear:both;
}
img
{
  border:none;
  outline:none;
}

a.prev
{
float:left; 
margin:90px 20px 0px 30px;
cursor:pointer;
background:url(../images/prev.png) no-repeat top left;
width:24px;
height:31px;
}
a.prev:hover
{
float:left; 
margin:90px 20px 0px 30px;
cursor:pointer;
background:url(../images/prev_hover.png) no-repeat top left;
width:24px;
height:31px;
}
a.next 
{
margin:90px 20px 0px 10px;
cursor:pointer;
background:url(../images/next.png) no-repeat top left;
width:24px;
height:31px;
float:left;
}
a.next:hover
{
margin:90px 20px 0px 10px;
cursor:pointer;
background:url(../images/next_hover.png) no-repeat top left;
width:24px;
height:31px;
}
.disabled
{
opacity:0;
}
/***************  navigation content**************/
#nav
{
  background:url(../images/carousal_mid.png) repeat-x bottom left;
  height:56px;
}

#navContent
{
  width:980px;
  margin:0px auto;
}

#navContentLt
{
  float:left;
  width:300px;
}
#navContentRt
{
  float:right;
  text-align:right;
 /* width:560px;*/
  height:50px;
}
#navContent #navContentRt ul
{
  
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type:none;
}

#navContent #navContentRt ul li
{
  margin:0px;
  display:inline;
  list-style-type:none;
  padding:15px 0px 0px 0px;
  float:left;
}

#navContent #navContentRt ul li a
{
  padding:10px 21px; 
  font-size:16px;
  color:#fff;
  text-shadow: rgba(0,0,0,.7) 0 -1px 0;
  text-decoration:none;
}
#navContent #navContentRt ul li a:hover
{
  padding:20px 21px; 
  background:url(../images/transp_blk.png) top left;
  font-size:16px;
  text-decoration:none;
}

#navContent #navContentRt ul li a.chosen
{
  padding:20px 21px;
  background:url(../images/transp_blk.png) top left;
  font-size:16px;
  text-shadow: rgba(0,0,0,.7) 0 -1px 0;
  color:#acd701;
  text-decoration:none;
  border-right:#222 1px solid;
  border-left:#222 1px solid;
  
}

/***************  end of navigation content**************/

/*************** sub navigation content**************/

#subnav
{
margin-top:30px;
}
#subnav #subnavContent
{
  width:980px;
  margin:0px auto;
 
}
#subnavLt
{
 float:left;
 width:300px;
}
#subnavRt
{
  float:right;
  margin:18px 0px;
}
#subnav a
{
  
  text-decoration:none;
  text-shadow: rgba(255,255,255,.1) 0 -1px 0;
}
#subnav a:hover
{

  color: #fff;
  border-bottom:#00aeef solid 2px;
}

#subnav a.chosen,  #subnav a.chosen:hover, #subnav a.chosen:active, #subnav a.chosen:focus
{
 color: #00aeef;
 text-shadow: rgba(255,255,255,.1) 0 -1px 0;
}
#subnavContent img a
{
  border:none;
}
#subnavConLt
{
	background:url(../images/subnav_lt2.png) no-repeat top left;
	width:11px;
	height:47px;
	float:left;
}
#subnavConmid
{
	background:url(../images/subnav_mid2.png) repeat-x top left;
	color:#fff;
	width:958px;
	height:47px;
	text-align:right;
	margin:0px auto;
	float:left;
}

#subnavConmid #subNavmidLt
{
float:left; width:50%; text-align:left; padding-top:15px;
}
#subnavConmid #subNavmidRt
{
float:right; text-align:right; width:50%;padding-top:15px;
}
#subnavConmid #storesubNavmidLt
{
  text-align:left; padding-top:15px;
}

#subnavConmid p
{
	margin:0px;
	padding:15px 0px;
}

#subnavConRt
{
	background:url(../images/subnav_rt2.png) no-repeat top left;
	width:11px;
	height:47px;
	float:left;
}

/*******************end of subnav*********/





#productDisplay
{
margin-top:30px;
  height:232px;
 /*border-bottom:#111 3px solid;*/
}
#prodDisCont
{
  width: 978px;
  margin: 0px auto;

}
#prodDisContLt
{
	
	width:10px;
	float:left;
	background:url(../images/carousal_lt.png) no-repeat top left;
	height:232px;
}
#prodDisContmid
{
	background:url(../images/carousal_mid.png) bottom left repeat-x;
	width:958px;
	padding:8px 0px 0px 0px;
	float:left;
}
#prodDisContRt
{
	background:url(../images/carousal_rt.png) no-repeat top right;
	height:232px;
	width:10px;
	float:left;
}
/*****carousel******/
.stepcarousel{
position: relative; /*leave this value alone
border:  20px solid orange ;*/
overflow: scroll; /*leave this value alone*/
width: 290px;
height: 224px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px 10px 0px 10px; /*margin around each panel*/
width: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.product_selected
{
background:url(../images/selprod.png) no-repeat top center;
}

/********end of carousel*******/

/***************  end of navigation content**************/

/***************  product content**************/

#mainproduct
{

/*background:url(../images/background4.jpg) top center no-repeat; 
background-color:#000000;*/
/* min-height:550px;
  border-bottom:#111 2px solid;*/
}
#mainproduct #mpContent
{
 
  width:980px;
  /*height:473px;*/
  margin:0px auto;
}




/*************** end of product content**************/
#titles
{
  width:980px;
  margin:0px auto;
}

/***************  body content**************/
a
{
  color:#fff;
  text-decoration:underline;
  text-shadow: rgba(255,255,255,.05) 0 -1px 0;
}

a:hover
{
  color:#111;
  text-decoration:underline;
}
.bContent .m_argin
{
  margin:0px;
  padding:0px;
}
#bodycontent
{
	margin-top:20px;
}

#bodycontent1
{
  
   background:url(../images/footer_bg1.png) top left repeat-x;
   height:3px;
}
.b_odybg
{
  background:url(../images/body_bg2.png) top left;
}
.bContent
{
  width:980px;
  margin:0px auto;
  padding:20px 0px;
}
.bContent .bContentLt, .bContent .bContentRt
{
  width:300px;
 /* background:#e3e3e3;*/
  float:left;
}
.bContent .bContentMid
{
  width:300px;
  /*background:#CCCCCC;*/
  margin:0px 37px;
  float:left;
}

.bContent h1
{
  margin:20px 0px;
/*  color:#3366cc;
*/  font-weight:normal;
 text-shadow: rgba(0,0,0,.5) 0 -1px 0;
}

.bConHeader
{
  
  text-shadow: rgba(0,0,0,.5) 0 -1px 0;

}
.bConHeader img
{
  margin-right:10px;
}
.bConHeader h2
{
 text-shadow: rgba(0,0,0,.5) 0 -1px 0;

}
.bConHeader p
{
  margin:0px;
  padding:0px;
}

.bConBody
{
  padding:20px;
  background:#e3e2e2;
  border:#bcbcbc 1px solid;

}
.bConBody h2
{
  color:#3366cc;
  font-weight:normal;
}
.bConBody p
{
  color:#555555;
}
.bConBody hr
{
  color:#a4a4a4;
  border-bottom:#e7e7e7 1px solid;
  margin-bottom:10px;
}
.bContent .bluegreen
{
  color:#009999;
}
.bContent .blue
{
  color:#3366cc;
}
.bContent .orange
{
  color:#b76713;
}
.bContent .orange1
{
  color:#ffdeab;
}
.bContent .green
{
  color:#558b1c;
}
.grey
{
	color:#999;
}

/*************** end of body content**************/

/**************** FOOTER ************/

#footer
{
  background:url(../images/footer_bg1.png) top left;
  text-align:center;
   padding-top:10px;
}

/****************end of footer ************/

#subnav a
{
  /*color:#d2d2d2;*/
  text-decoration:none;
}
#subnav a:hover
{
  color:#111;
  text-decoration:none;
/*  border-bottom:#aaaaaa solid 2px;
*/}
#subnav .chosen,  #subnav a.chosen:hover, #subnav a.chosen:active, #subnav a.chosen:focus
{
 color:#111;
 text-decoration:none;
 border-bottom:#111 solid 2px;
 text-shadow: rgba(255,255,255,.1) 0 -1px 0;
}

.prodContentLt
{
  float:left;
  margin:0px 37px 0px 0px;
  width:643px;
}
.prodContentRt
{
  width:300px;
  background:#e3e3e3;
  float:right;
}
.prodContentLt img
{
  margin-right:20px;
}
.carousel ul li a img
{
	margin:0px 21px;
}
.carousel 
{
  padding:20px 30px 0px 20px;
  height:204px;
}
.carousel ul li a:hover
{
  text-decoration:none;
  border:0px;
}
#slider {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.scroll {
   /*
     height: 250px;
	width: 620px;*/
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
   /* padding: 20px 0px;
    height: 210px;*/
    width: 980px;
}
.scrollContainer h1,.scrollContainer h2
{
  font-weight:normal;
}
.hide {
    display: none;
}

.feature_capture1
{
  float:left;
  width: 300px;
  
}

.feature_capture2
{
  float:left;
  width: 300px;
  margin: 0px 37px;
  
}
.feature_capture1 img, .feature_capture2 img
{
  margin-right:20px;
  
}
#accordianContent
{
  padding:20px;
}
#accordianContent dl,#accordianContent dt,#accordianContent dd,#accordianContent ul,#accordianContent li
{
  margin:0px;
  padding:0px;
}

#accordianContent dt
{
  font-size:14px;
  padding:3px 0px;
}
#accordianContent dd
{
  padding:15px 0px 15px 15px;
  text-align:justify;
}

#accordianContent a
{
  text-decoration:none;
}
/************** slideshow********/

#voilaMpContent
{
  width:980px;
  margin:0px auto;
}
.bContent .gery
{
  color:#CCCCCC;
}


#prodDisCont a 
{
  color: #fff;
  text-decoration:none;
}
.bContent a
{
  color: #fff;
  text-decoration:underline;
}

#prodDisCont a:hover
{
  text-decoration:underline;
}
.bContent a:hover
{
  text-decoration:underline;
  color:#111;
}
#prodDisCont dt
{
	margin:15px 0px;
	color:#aaa;
	font-weight:bold;
}
#prodDisCont dd
{
	margin:0px 0px 30px 20px;
	text-align:justify;
}


/***form styles********/


#frmtrial input, #frmtrial textarea, #frmlicenses input, #frmlicenses textarea
{
	
		font-family:Optima;
		border:1px solid #ddd;
		padding:5px 3px;
		background:url(../images/transp_white30.png);
		font-size:14px;
/*		height:20px;
*/		color:#333333;
}
#frmtrial textarea, #frmlicenses textarea
{
	height:50px;
}
#frmtrial input[type="radio"], #frmtrial input[type="checkbox"], #frmlicenses input[type="radio"], #frmlicenses input[type="checkbox"]
{
	background:none;
	/*height:16px;*/
	
}
#frmtrial select, #frmlicenses select
{
		background:url(../images/transp_white30.png);
		 font-family:Optima;
		border:1px solid #ddd;
		color:#333333;
		margin-top:2px;
		font-size:13px;
		}		
#frmtrial select option, #frmlicenses select option, #form2 select option
{
background-color:#fff;
}

	#form2{
		margin: 0;
		 font-family:Optima;
		}

	#form2 h3{

		margin:0;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		

	#form2 h3 span{
		display:block;
		padding:10px 20px;
		}				

	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		padding-bottom:1em;

		}		

	#form2 legend{display:none;}	

	#form2 p{margin:.5em 20px; clear:both;}	

	#form2 label{display:block; width:80px; margin-right:10px; text-align:right; float:left; padding:1px 0px 14px 0px;}	

	#form2 input, #form2 textarea{		
		width:348px;
		font-family:Optima;
		border:1px solid #ddd;
		padding:5px 3px;
		background:url(../images/transp_white30.png);
		font-size:14px;
/*		height:12px;
*/		color:#333333;
		}		

	#form2 textarea{
		height:125px;
		}		
	#form2 select{
		background:url(../images/transp_white30.png);
		 font-family:Optima;
		border:1px solid #ddd;
		color:#333333;
		margin-top:2px;
		font-size:13px;
		}					

	#form2 p.submit{
		text-align:right;
		}	

#frmlicenses .btn, #form2 .btn, #frmtrial .btn
{
		padding:0 20px;
		height:28px;
		width:98px;
/*		line-height:28px;		*/
		border:0px solid #70ad2e;
		background:url(../images/form_btn.png)  no-repeat top center;
		color:#fff;
		cursor:pointer;	
		 font-family:Optima;
		font-size:13px;
		text-align:center;	
		padding:0px 0px 5px 0px;	
		}				

.checked
{
	background:url(../images/right.png) top left no-repeat;
	padding-left:20px;
}
.unchecked
{
	background:url(../images/wrong.png) top left no-repeat;
	padding-left:20px;
	
}
#err_subject, #err_name, #err_email, #err_message, #err_busTitle
{
	margin: 0px 0px 0px 115px;
	color:#fff;
	display:none;
}
.error
{
	margin:10px 0px;
	color:#fff;
	display:none;
}

.border
{
	width:978px;
	margin:0px auto;
}
.bdrmid
{
background:url(../images/transp_white_btmmid.png) top left;
float:left;
height:10px;
width:958px;
}
.bdrlt
{
	height:10px;
	float:left;
	width:10px;
	background:url(../images/transp_white_btmlt.png) no-repeat bottom left;
}
.bdrrt
{
	height:10px;
	float:right;
	width:10px;
	background:url(../images/transp_white_btmrt.png) no-repeat bottom right;
}
.bdrtopmid
{
background:url(../images/transp_white_topmid.png) top left repeat-x;
float:left;
height:10px;
width:958px;
}
.bdrtoplt
{
	height:10px;
	float:left;
	width:10px;
	background:url(../images/transp_white_toplt.png) no-repeat bottom left;
}
.bdrtoprt
{
	height:10px;
	float:right;
	width:10px;
	background:url(../images/transp_white_toprt.png) no-repeat bottom right;
}
.box_btmleft
{
	float:left;
	width:7px; 
	height:20px;
	background:url(../images/transp_b_ltcor.png)no-repeat top left;
}
.box_topleft
{
	float:left;
	width:7px; 
	height:7px;
	background:url(../images/transp_ltcor.png) no-repeat bottom left;
}

.box_btmright
{
float:right;
	width:7px; 
	height:20px;
  background:url(../images/transp_b_rtcor.png) no-repeat top left;
}
.box_topright
{
float:right;
	width:7px; 
	height:7px;
  background:url(../images/transp_rtcor.png) no-repeat top left;
}
.box_topmid
{
	background:url(../images/transp_top.png) repeat-x top left; 
	height:7px; 
	float:left; 
	width:246px;
}
.box_ltborder
{
	background:url(../images/transp_ltborder.png) repeat-y top left;
	padding-left:10px;
}
.box_rtborder
{
	background:url(../images/transp_rtborder.png) repeat-y top right;
	padding-right:10px;
}
.box_btmmid
{
	background:url(../images/transp_btm.png) repeat-x top left; 
	height:20px; 
	float:left; 
	width:246px;
}
.box_ltborder .para
{
	margin:0px;
	padding:3px 0px 0px 0px; 
    /*line-height:22px;*/
}
.box_ltborder img
{
  float:left;
}

.calloutbox_btmmid
{
	background:url(../images/transp_btm.png) repeat-x top left; 
	height:20px; 
	float:left; 
	width:196px;
}
.calloutbox
{
	background:url(../images/callout.png) no-repeat top left;
	height:20px;
	width:50px;
	float:left;
}
.comment
{
	margin:0px;
	font-style:italic;
}

#content
{
  width:938px;
  margin:0px auto;
  background:url(../images/bg11px.png) top left repeat-y;
  padding:20px;
}
#content dl
{
	padding: 0px 40px 20px 20px;
	margin:0px;
	text-align:justify;
}

#content dl dt
{
	padding: 0px 0px 20px 0px;
}
#content dl dd
{
	padding: 0px 0px 20px 0px;
}
.v_ltcol
{
  float:left;
  width:656px;
  border-right:#FFFFFF 1px dashed;
  text-align:justify;
}
.v_rtcol
{
  float:right;
  width:260px;
  margin-left:20px;
}
.v_rtcol a
{
  color:#FFFFFF;
  text-decoration:underline;
}
.v_rtcol a:hover
{
  color:#111;
  text-decoration:underline;
}
.v_ltcol_cont
{
	margin:0px 40px 50px 20px;
}
.v_ltcol_contlt
{
	float:left;
	width: 250px;
}
.v_ltcol_contlt img
{
	border:#FFFFFF 10px solid;
}
.v_ltcol_contrt
{
	float:right;
	width: 320px;
}
.v_ltcol_contrt h2
{
	margin:5px 10px 20px 0px;
}
.v_ltcol_contrt ul 
{
  list-style-type:none;
  margin:10px 0px 0px 0px;
  padding:0px;
}
.v_ltcol_contrt ul li
{
   background:url(../images/Tick.png) no-repeat top left;
   padding: 0px 0px 20px 50px;
   
}
.v_ltcol_contlogo
{
	width:100px;
	float:left;
}
.v_ltcol_contlogort
{
	margin:7px 0px 0px 0px;
	float:left;
}
.v_ltcol_contlogort h1
{
	margin:0px 0px 10px 0px;
	
}
.asterisk
{
  color:#990000;
  font-size:10px;
}
ul.connect 
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
ul.connect li
{
	padding:0px;
	margin:0px 15px 0px 0px ;
	width:60px;
	list-style-type:none;
	float:left;
	display:inline;
}
ul.connect_txt
{
	padding:0px;
	margin:5px 0px 0px 0px;
	list-style-type:none;
}
ul.connect_txt li
{
	padding:0px;
	margin:0px 15px 0px 0px ;
	list-style-type:none;
	width:58px;
	float:left;
	display:inline;
	text-align:center;
}