/* General */
body                          { background-color: #666666; background-image: url(images/bg.jpg); background-attachment: fixed; text-align: center; margin: 10px 0 10px 0; padding-top: 0px; padding-bottom: 0px; }
h1                            { position: relative; text-align: left; vertical-align: middle; height: 16px; margin-top: 0px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #375174; }
h2                            { position: relative; text-align: left; vertical-align: middle; margin-top: 15px; margin-bottom: 5px; padding: 0 0 0 2px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #375174; }
hr                            { width: 100%; height: 1px; border: 0px dashed #DDDDDD; border-top-width: thin; margin-bottom: 10px; }
.ContentPadding ul                   { margin-left: 15px; margin-top: 11px; margin-bottom: 11px; padding: 0px; }
.ContentPadding li                   { margin-bottom: 5px; list-style: square outside; line-height: 1.2; color: #EE0000; }
.RightNaviText ul                 { margin-left: 15px; margin-top: 11px; margin-bottom: 11px; padding: 0px; }
.RightNaviText li                 { margin-bottom: 5px; list-style: square outside; line-height: 1.2; color: #EE0000; }
li i                          { font-style: normal; color: #666666; }
a                             { text-decoration: none; color: #375174; }
a:visited                     { text-decoration: none; color: #375174; }
a:hover                       { text-decoration: none; color: #6C91C3; }
form                          { margin: 0px; } 
img                           { border: 0px; }
.Page                         { position: relative; text-align: left; background-color: #FFFFFF; background-image: url(images/left_bg.gif); border-left: 2px solid #BBBBBB; border-right: 2px solid #BBBBBB; width: 800px; margin:0 auto; }
.Top                          { width: 800px; height: 139px; background-color:#CCCCCC; background-image: url(images/top_bg.gif); }
.TopNavi                      { width: 800px; height: 35px; background-color: #E0E0E0; }
.TopNaviLinkLeft              { width: 18px; }
.TopNaviLink                  { display:block; width: 120px; padding-top: 13px; padding-bottom: 10px; border-left: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #666666; }
.TopNaviLink b                { padding-left: 8px; }
a.TopNaviLink                 { text-decoration: none; color: #375174; }
a.TopNaviLink:visited         { text-decoration: none; color: #375174; }
a.TopNaviLink:hover           { text-decoration: none; color: #6C91C3; background-color: #EEEEEE; }
.TopNaviShadow                { width: 800px; height: 10px; text-align: right; background-image: url(images/top_navi_shadow_bg.gif); }
.RightNaviBG                  { background-color: #F1F1F1; } 
.RightNavi                    { z-index: 1; position: relative; width: 176px; text-align: center; }
.RightNaviText                { text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #666666; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;  }
.RightNaviText hr             { clear: both; }
a.RightNaviLink               { text-decoration: none; color: #375174; font-weight:700; }
a.RightNaviLink:visited       { text-decoration: none; color: #375174; font-weight:700; }
a.RightNaviLink:hover         { text-decoration: none; color: #6C91C3; font-weight:700; }
.BotNavi                      { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;  }
.Content                      { position: relative; width: 624px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.ContentPadding               { padding: 15px; }
.ContentFiller                { height: 200px; }
.ContentFillerContact         { height: 300px; }
.SmallText                    { font-size: 8px; }
.NormalText                   { font-size: 11px; }
.LargeText                    { font-size: 17px; }
.Red                          { color: #A51324; } 
.Bold                         { font-weight: bold; }
.Absolute                     { position: absolute; }
.RightAlign                   { text-align: right; }
.LeftAlign                    { text-align: left; }
.TopAlign                     { vertical-align: top; }
.BottomAlign                  { vertical-align: bottom; }
.FloatLeft                    { float: left; }

.FloatLeftPadding             { float: left; padding: 5px 5px 5px 5px; clear: both;  }
.FloatRightPadding            { float: Right; padding: 5px 5px 5px 5px; clear: both;  }

.FloatRight                   { float: right; }
.alignRight					  { float: right;  clear: both; font-weight:bold; }
.ImageRight                   { margin-left: 10px; float: right; }
.clear 						  { clear: both;}
.frontOptions				  { float: left; width: 130px; height: 130px; background-color:#f3f3f3; border: #666666 solid 1px; margin: 5px; }
.solutionOptions			  { float: left; width: 70px; height: 70px; background-color:#f3f3f3; border: #666666 solid 1px; margin: 5px; clear: both;}
.topImage 					  { background-color: #fff; width: 585px; height: 160px; margin: 0 0 15px 0;  }
.actionBox					  { background-color: #EEEEEE; width: 585px; height: 80px; margin: 10px 0 5px 0; clear:both; padding: 2px; border: #DDDDDD dashed 1px; }

.opacityit img  { filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

.opacityit:hover img { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; }

a:active { outline: none; }

a:focus { -moz-outline-style: none; }




/* Menus */
.Menu          { display: block; margin-top: 1px; margin-bottom: 1px; width: 230px; height:10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #FFFFFF; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 0px; }
a.Menu         { text-decoration: none; color: #375174; background-color: #E0E0E0; }
a.Menu:visited { text-decoration: none; color: #375174; background-color: #E0E0E0; }
a.Menu:hover   { text-decoration: none; color: #fff; background-color: #375174; }
.MenuContainer { z-index: 1000; position: absolute; visibility: hidden; top: -1000px; left: -1000px; text-align: left; width: 220px; background-color: #FFFFFF; clip:rect(0px,0px,0px,0px); }

/* Contact */
.ContactForm { border: 1px dashed #EEEEEE; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.ContactFormInput { width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.ContactFormBtn { margin-top: 5px; width: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EE0000; }


#zindex {
		z-index: -10; 
		position: absolute;
		background-color: #FFFFFF;
		font: Arial, Helvetica, sans-serif;
		font-size: 5px; 
		color: #FFFFFF;
		top: 5px;
		width: 560px;
		
		}


/* Testimonial Rotator */
#testimonialHolder {height: 185px; margin-top: 10px; margin-bottom: 20px; border-left: 3px solid #1B1E6F; background-color: #F2F2F2; padding: 10px 0 0 0; }
#testimonials {width: 570px;} 
#testimonials ul {color: #333; list-style: none; padding: 0; margin: 0;} 
#testimonials .slide {list-style-type: none;line-height: 22px; padding: 0; margin: 0;} 
blockquote {font-size: 13px;font-family: Arial, Helvetica, sans-serif;color: #333;font-style: normal; padding: 0; margin: 0;} 


/* New Menu */

#page-wrap							            {float: left; width: 800px; margin: 0 auto; background-color: #F1F1F1; border-bottom: 1px solid #333; } 
#page-wrap a									{ text-decoration: none; }
#page-wrap ul									{ list-style: none;  margin: 0; padding: 0; }
#page-wrap p  									{ margin: 15px 0; }


/* 
	LEVEL ONE
*/
#page-wrap ul.dropdown                         { position: relative; z-index: 1000; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#page-wrap ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #F1F1F1; list-style: none; width: 132px; }
#page-wrap ul.dropdown a:hover		           { color: #000; }
#page-wrap ul.dropdown a:active                { color: #ffa500; }
#page-wrap ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }
#page-wrap ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#page-wrap ul.dropdown li.hover,
#page-wrap ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
#page-wrap ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
#page-wrap ul.dropdown ul 						{ width: 230px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none;}
#page-wrap ul.dropdown ul li 					{ width: 230px; font-weight: normal; background: #F1F1F1; color: #000; padding: 0;
												  border-bottom: 1px solid #ccc; float: none; list-style: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#page-wrap ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; list-style: none; } 

/* 
	LEVEL THREE
*/
#page-wrap ul.dropdown ul ul 					{ left: 100%; top: 0; list-style: none; padding: 0; width: 230px; }
#page-wrap ul.dropdown li:hover > ul 			{ visibility: visible; }


/* End */





/*custom*/

.the-cycle{
	width:594px;
	height:200px;
	background-position:center;
}

.cycle1{
	width:594px;
	height:200px;
	background-image:url("images/frontBanners/webinar.jpg");
	background-position:center;
}

.cycle2{
	width:594px;
	height:200px;
	background-image:url("images/frontBanners/webrootBanner.jpg");
	background-position:center;
}

.cycle3{
	width:594px;
	height:200px;
	background-image:url("images/frontBanners/rapidDeploymentBanner.jpg");
	background-position:center;
}

p.textBanner { position: absolute; top: 130px; height:60px; width: 594px; background-color: #999;
				filter:alpha(opacity=90);
				-moz-opacity:0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
				padding: 0;
				color: #FFF;
				font-weight:bold;
				font-size: 12px;
				

}

.cycle-content a { color: #FF6;}
.cycle-content a:hover { color: #F96;}



#content table {border:0px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;}

#content td {border:0px solid #d8d8d8; padding:5px 10px 5px 10px;}

#content th {border:0px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;}

#content caption {margin-bottom:10px; font-size:18px;}

#content #table-a table, #content .table-a table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;}

#content #table-a td, #content .table-a td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;}

#content #table-a th, #content .table-a th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; }

 

#table-a, .table-a {

	width: 100%;

	height: auto;

	margin:0 0 20px 0;

	border-collapse: separate;

	border-bottom:1px solid #cecece }





#table-a img, .table-a img { border: none;

			   background: none;

			   background-color: transparent;

			   }



#table-a img:hover, .table-a img:hover { border: none;

			   background: none;

			   background-color: transparent;

			   }



#table-a caption, .table-a caption {

	font-size:20px;

	color: #999;

	margin:10px 0 20px 0;

	padding:0;

	text-align: center; }	

	

#table-a thead, .table-a thead {

	height:45px;

	line-height:12px;

	/*

background: url("../../images/bg_table_thead.gif") no-repeat top right;

*/ }	



#table-a thead th, .table-a thead th {

	color:#fff;

	text-align: left;

	font-size: 12px;

	padding:0 0 0 10px;

	background-color: #999; }	



#table-a tbody, .table-a tbody {

	font-size:0.9em;

	background:#fcfcfc; }	



#table-a tr.alt, .table-a tr.alt {

	background:#e9e9e9; }	



#table-a tr.alt td, .table-a tr.alt td {

	border-left:1px solid #fff;

	border-bottom:1px solid #e4e4e4;

	border-top:1px solid #e4e4e4; }	



#table-a tr.alt td.left, .table-a tr.alt td.left {

	border-left:1px solid #cecece; }	



#table-a td, .table-a td {

	padding:10px;

	color:#666;

	font-weight: normal;

	border:none;

	border-left:1px solid #cecece;

	vertical-align: middle;}	



#table-a td.left, .table-a td.left {

	width:150px;

	color:#333;

	font-weight: bold;

	padding:10px 10px 10px 15px;

	border-left:1px solid #cecece; }	



#table-a td.last, .table-a td.last {

	border-right:1px solid #cecece; }	



#table-a td.price, .table-a td.price {

	color:#5381ac;

	font-size:14px; }	



#table-a td.order, .table-a td.order {

	background:#fff;

	padding:20px 0 0 10px;

	border: none !important; }



#table-a td.order a, .table-a td.order a {

	color:#fff;

	padding:10px 13px;

	font-size:12px;

	font-weight: bold;

	margin:0 10px 0 0;

	background:#5381ac;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px; }