@import "reset.css";
@import "Doc2Form.css";

/**************************************************/
/*          Styles for www.vision-33.com          */
/*                                                */
/*      Vision33 Inc. is an SAP Gold Partner      */
/*    and leading provider of SAP Business One    */
/*  small business management software solutions  */
/*      to small and medium sized businesses.     */
/**************************************************/

html, body { margin:0; padding:0; height:100%; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; }
body { background: #999; color: #333; }
#tinymce { background: #fff; }

h1, h2, h3, h4, h5, h6{ font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif; letter-spacing:-0.05em; color: #075492; }

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

table, th, td, dl, dt, dd, ul, li, p, label, input, select, textarea{ font-size: 14px; }

p{ line-height: 1.3em; }
p.clear { clear: both; }
p.right, p.readMore { text-align: right; }
img.right{ float: right; }
small{ font-size: 12px; }

blockquote{ line-height: 10px; background-color: #f3f3f3; margin: 4px 0px 0px; color: #8e8e8e; font-size: 11px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-bottom-left-radius: 4px 4px; border: #dbdbdb 1px solid; padding: 5px }
ul, ol { margin: 15px 10px 15px 30px; }
a, a:link { color: #00488C; }
a:visited, a:hover { color: #00488C; }
a.bookmark { text-decoration: none; display: none; }

.subheading { font-size: 22px; background-color:#397194; color:#ffffff; width:100%; letter-spacing:1.1px; font-family:'Nobile',arial,serif; margin: 10px 10px 0 0; padding: 2px 0 2px 6px; }

/**************************/
/*   GLOBAL SITE STYLES   */
/**************************/

div#wrap{ width: 100%; margin: 0; padding: 0; background: #999 url(/media/1311/main_bg.jpg) repeat-x; }
#outerContainer { width: 1024px; margin: 0 auto; clear: left; }
div#container{ width: 960px; margin: 0 auto; overflow: hidden; background: #FFF; }

/**************/
/*   HEADER   */
/**************/

div#outerHeader { width: 100%; height: 90px; overflow: hidden; padding-top: 7px; color: #FFF; background:url(/media/1301/headerhighlight.png) no-repeat top center; }

div#header { width: 1024px; margin: 0 auto; overflow: hidden; text-align: right; }

div#header #logo { float: left; height: 90px; width: 130px; }
div#header #logo a { text-decoration: none; }

div#header #searchBar { margin: 8px 0 0 0px; height: 50px; width: 250px!important; float: right; color: #FFF; }
	#searchBar #searchMiniMenu { height:16px; text-align: right; font-size:11px; float: right; padding-right:30px;}
		#searchBar #searchMiniMenu a{ color:#FFF; font-size:11px; text-decoration:none; }
		#searchBar #searchMiniMenu a:hover{ color:#acacac; text-decoration:none; }
	#searchBar #siteSearch { float: right; padding: 0 0 10px 0; }
		#form-search{ width: 255px; background: transparent; padding: 4px 32px 0 0; margin: 0; _padding: 2px 0; }
		#form-search label, #input-keywords, #submit-search{ vertical-align: middle; padding: 0; margin: 0;}
		#input-keywords{ border: 1px solid #a3a7ab; height: 21px; width: 165px; line-height: 20px; padding-left: 4px; color: #999; font-size: 13px; }


div.newsletterLinkBox { float:right; height:40px; width:150px; padding-right:50px;}
div.newsletterLeftside {float:right; padding-left:5px; }
div.newsletterRightside {padding-top: 10px; padding-right: 5px;}

a.newsletterLinkA { color:#FFF; font-size:12px; font-family: arial; text-decoration:none;}
a.newsletterLinkA:hover {color:#999;} 

div.hiddenContainerForHeight {height: 16px;}

	
/*
/********************************************************/
/*             START NAVIGATION BAR 			*/
/********************************************************/

#menuNavbar {
	/*width:873px;*/
	/* margin:0 0 0 -27px;*/
	width: 0 0 0 0;
	border:none;
      	float:left;
	z-index:999;
	text-align:right;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
	padding: 0 0 5px 0;
	margin: 0;
	list-style: none;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 200;
	text-align: right;
}
#nav {height:25px; padding:0;}
#nav table {border-collapse:collapse;}

/**** PARENT LEVEL STYLE ***/
#nav li {
	float:left; 
	width: 80px;
	padding-right:5px; 
	padding-left:5px; 
	text-align: center;
}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display:block; 
	color: #ffffff; 
	height:25px; 
	padding: 0 5px;
	font-size: 12px;
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;
	text-align: center;
}


#nav li.demos a {
	display:block; 
	color: #ffffff; 
	height:25px; 
	padding: 0 5px;
	font-size: 12px;
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;
	text-align: center;
	width:125px;
}

#nav li.demos a:hover {
/*
	position: relative;
	z-index: 300;
   	text-decoration: none;
   	background: #077ab9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#077ab9', endColorstr='#077ab9'); /* for IE */
	color: #ffffff;
*/

	position: relative;
	z-index: 300;
   	text-decoration: none;
   	background:url(/media/1321/header_menu_hover_bg.jpg) repeat-x;
	color: #F3F3F3;

}



/*** drop-down children styles ****/
#nav li li a {
	height: 20px;
	line-height: 20px;
	float: none;
	text-align: left;
	width: 140px;
	padding-left: 10px;
	background: #F3F3F3;
	color: #575757;
}

/***** hover style for all elements *****/
#nav li:hover {position:relative;z-index:300;}
#nav a:hover {
	position: relative;
	z-index: 300;
   	text-decoration: none;
   	background:url(/media/1321/header_menu_hover_bg.jpg) repeat-x;
	color: #F3F3F3;
}
#nav :hover ul {left:0; top:25px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-5px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
#nav li:hover li:hover > ul {
	left:0px; 
	margin-left:100%; 
	top:1px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute;left:-9999px;top:-9999px;width:auto;}

/* show path followed */
#nav li:hover > a {
	text-decoration: none;
   	background:url(/media/1321/header_menu_hover_bg.jpg) repeat-x;
	color: #F3F3F3;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:100%; 
	top:1px;
	text-decoration: none;
	background-color: #575757;
	color: #F3F3F3;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/********************************************************************/



/*******************/
/*   BREADCRUMBS   */
/*******************/

#breadcrumbContainer{ height:14px; margin:0 0 5px 32px;}
.crumbLink { padding: 1px 30px 1px 15px; background: #A4A4A4 url(/media/2217/breadcrumbarrow.png) center right no-repeat; font-size: 11px; white-space: nowrap; text-transform: uppercase; text-decoration:none; float:left; }
	a.crumbLinkLast { color: #FFF!important; background-image: none; padding-right: 20px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
	#breadcrumbContainer a.crumbLink { color:#635c5c; }
		#breadcrumbContainer a:hover { color: #000; }

/****************************/
/*   MAIN CONTENT SECTION   */
/****************************/

#contentColumn { width: 760px; float: left; padding: 0; clear: left; }
	#contentColumn #mainContent { padding: 20px; }
		#contentColumn #mainContent ul { list-style-image: url(/media/2720/blue_bullet.gif); }
			#contentColumn #mainContent ul li { line-height: 1.6em; }
#actionColumn { width: 200px; padding: 0; float: left; }

/*****************/
/*   HOME PAGE   */
/*****************/

#homeMainImageContainer { float:left; width:735px; height:396px; border:1px solid #20619e; margin: 10px 0 0 10px; }
	#mainImageContainer { width:735px; height:351px; z-index:1; position: relative; }
		#mainImageContainer span { position:absolute; width:100%; height:100%; background: url(/media/531/mainimage.jpg) top left no-repeat; }
	#mainImageMenuContainer { width:735px; height:45px; background:url(/media/689/main_img_menu_bg.png) repeat-x; }
		.mainImageMenu { list-style:none; width:735px; margin:0 auto; padding:0; }
			.mainImageMenu li { float:left;  position:relative; z-index:4; border-left:1px solid #93badf; margin:0 1px; padding:0; }
			.mainImageMenu li:hover { background:url(/media/694/main_img_menu_bghover.png) repeat-x; }
			.mainImageMenu a,.mainImageMenu a:link,.mainImageMenu a:visited { display:block; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; font-weight:700; text-shadow:0 1px 2px #092d4e; color:#9ecaf4 !important; text-align:center; padding:14px 10px; }
			.mainImageMenu li em { background:url(/media/699/main_img_hoverbg.png) repeat-x; width:170px; position:absolute; bottom:42px; text-align:left; font-style:normal; display:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-shadow:0 1px 2px #092d4e; color:#9ecaf4; padding:5px; }

/*   FEATURE BLOCKS   */
#homeFeatureBlocks { width: 740px; float: left; overflow: hidden;  }
#homeFeatureBlocks p.readMore { text-align: right; font-size: 13px; padding-right: 10px; margin-top: 0; }
#homeFeatureBlocks img { display: block; float: left; margin: 0 8px 2px 0; }
#homeFeatureBlocks div.content { padding: 3px 10px 0; min-height: 200px; }
#homeFeatureBlocks div.content p { margin: 8px 0; font-size: 13px; }
#homeFeatureBlocks div.content blockquote { margin: 8px 0; line-height: 1.1em; font-size: 11px;}
	#solutionsSpotlight, #featuredVideo, #vsug { width: 245px; float: left; overflow: hidden; margin: 15px 0; }
	#vsug div.content, #vsug p.readMore { padding-right: 0; }
	#solutionsSpotlight div.content, #featuredVideo div.content { border-right:1px solid #eaeaea; }
	#homeFeatureBlocks h2, #homeAboutBlock h4 { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #20619E; font-family: Tahoma, Geneva, sans-serif; text-shadow:0 1px 1px #ffffff; margin-top:8px;}

#homeAboutBlock { clear: left; width:730px; margin:0 0 0 10px; }
#homeAboutBlock p { font-size:12px; }

/*************************************/
/*   HOME PAGE RIGHT ACTION COLUMN   */
/*************************************/

/*   QUESTION BOX   */

#askQuestionContainer{ width:180px; height:24px; background:url(/media/1855/ask_question_bg.png) no-repeat bottom center; margin: 10px 0 8px 1px; cursor:pointer; }
	#askQuestionBalloon{ width:23px; height:22px; background:url(/media/1860/ask_question_balloon.png); margin:0 0 2px -4px; float:left; }
	#askQuestionText a, askQuestionText a:visited{ width:140px; height:15px; text-align:left; float:right; margin:6px 10px 0 0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF !important; }
	#askQuestionText a:hover{ text-decoration:underline; }


/* 	NUMBER ONE PARTNER BLOCK   */

#numberOneContainer{
	width:191px;
	height:80px;
	margin: 8px 0 0 -4px;
}

/*   SUBSCRIBE BLOCK   */

#subscribeCall{ width: 180px; height:201px; border:1px solid #adadad; background:url(/media/791/homeeventsblockbg.png) repeat-x center bottom; margin:12px 5px 12px 0; text-align:center; }
	#subscribeCall .blogLink{ margin:12px 0 0 0; }
	#subscribeCall .blogBlockText{ float:left; width:100%; height:15px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#848383; margin:5px 0 0 0; }
	#subscribeCall .rssLink{ float:left; margin:6px 0 0 20px; width:53px; height:22px; }
	#subscribeCall .emailLink{ float:left; margin:8px 0 0 15px; width:70px; height:21px; }

/*   FEATURED OFFER BLOCK   */

#featuredCall { height: 169px; }
#featuredCall a { display: block; text-decoration: none; }
#featuredCall a.homeFeatureLink1 { height: 75%; }
#featuredCall a.homeFeatureLink2 { height: 25%; }

/*   EVENTS BLOCK   */

#eventsList{ width: 180px; border:1px solid #a8a8a8; float:left; margin:10px 0 0; background:url(/media/791/homeeventsblockbg.png) bottom repeat-x; }
	#eventsBlockTop{ width:185px; height:32px; margin:-5px 0 0 2px; float:left; background:url(/media/786/homeeventsblocktop.png) top center no-repeat; }
	#eventsBlockContent{ width:170px; float:left; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#154776; }
		#eventsBlockContent ul{ padding:0px; margin:10px 0 20px 28px; list-style-image:url(/media/796/homeeventsblockliststyle.png); }
			#eventsBlockContent ul li{ font-size:10px; line-height: 13px; margin:8px 0 0 0; padding-left:0px; }


/* WE RUN ON SAP BLOCK */

#weRunOnSAP{
	width:180px;
	margin:12px 0 10px 0;
	text-align:center;
	float:left;
}

/******************/
/*   SUB HEADER   */
/******************/

h1.subHeader { height: 105px; font-family: Arial Black,Arial,Helvetica,sans-serif; letter-spacing:-0.1em; text-transform: uppercase; font-size:	28px; }
	h1.subHeader span { display: block; padding: 10px 20px 10px; width: 400px; line-height: 32px; }
	h1.subHeader span.longTitle { font-size: 28px; line-height: 32px; }

/***************/
/*   SUBMENU   */
/***************/

ul#subNav { font-size: 14px; font-weight: bold; list-style-type: none; padding: 0px; margin:0px; margin-bottom:10px; }
	ul#subNav li{ width: 100%; padding: 0; margin:0; background: url(/media/2205/subnavi_bg.jpg) repeat-x; }
		ul#subNav li a{ padding-top: 4px; padding-left: 17px; padding-bottom: 4px; display: block; line-height: 24px; text-decoration: none; color: #FFF; font-family: arial, sans; font-size: 11px; font-weight: normal; }
			ul#subNav li a:hover{ text-decoration:none; color:#98b6cf; }

ul#subSubNav { background:#91aec5; font-size: 14px; font-weight: bold; list-style-type: none; padding: 0px; margin:0px; padding-bottom:10px; }
	ul#subSubNav li a { background:#91aec5; color:#586a79; line-height: 16px; font-weight:bold; }
		ul#subSubNav li a:hover { color:#fff; }

/***********************/
/*   CONTACT US PAGE   */
/***********************/

#ContactUsMainContent{ width:100%; background-color:#fff; float:left; display: inline; font-size:12px; padding: 0; margin-left: 0; color: #666; }
#contactContainer{ width:990px; float:left; overflow: hidden; }
	#contactColumnLeft{ width:435px; float:left; margin:15px 0 0 20px; }
		#contactColumnLeft h1, #contactColumnLeft p { font-size:14px; }
		
	#contactColumnRight{ width:375px; float:right; margin:20px 0 0 20px; }
		.contactTitle { font-family:Arial, Helvetica, sans-serif; color:#075492; font-size:2.2em; font-weight:bold; }
		.contactSubTitle { font-family:Arial, Helvetica, sans-serif; color:#586a79; font-size:1.4em; font-weight:bold; }
		.contactText { font-family:Arial, Helvetica, sans-serif; color:#354049; font-size:1.3em; line-height:1.2em; }

#googleMapsContainer{ margin: 15px 0 0 0; }

#contactUsFormContainer{ float:left; width:310px; }

	#contactUsFormContainer form.contactUs{ width: 100%; }
	#contactUsFormContainer form.contactUs legend{ display: none; }
	#contactUsFormContainer form.contactUs fieldset{ border: 0; }
	#contactUsFormContainer form.contactUs ol { margin: 0; padding: 0; }
		#contactUsFormContainer form.contactUs ol li { margin: 0; padding: 2px 0; }
	#contactUsFormContainer form.contactUs label{ font-family:Arial, Helvetica, sans-serif; color:#354049; font-size:1em; display:block; font-weight:bold; float:left; line-height: 24px; width: auto; padding: 0; }
		#contactUsFormContainer form.contactUs label strong { color: #000; font-size: 13px; line-height: 23px; }
	#contactUsFormContainer form.contactUs textarea { clear: left; display:block; padding: 4px; margin: 0; font-size: 12px; color: #000000; font-family:Arial, Helvetica, sans-serif; background:#e6eaed; border:1px solid #999; width: 300px; height: 125px; }
		#contactUsFormContainer form.contactUs textarea:focus { font-family:Arial, Helvetica, sans-serif; background:#f2f6f9; border:1px solid #e6eaed; }
	#contactUsFormContainer form.contactUs input { width: 220px; float:right; display:block; padding: 4px; font-size: 12px; color: #000000; font-family:Arial, Helvetica, sans-serif; height: 16px; background: #e6eaed; border: 1px solid #999; line-height: 16px; clear: none; margin: 0; }
		#contactUsFormContainer form.contactUs input:focus { font-family:Arial, Helvetica, sans-serif; background:#f2f6f9; border:1px solid #e6eaed; }

.contactUsCheckBox{ width: 15px; padding: 1px; margin: 10px 0 0 0; height:15px; border:none; }

#contactUsFormContainer form.contactUs input.button{ width:60px; height:19px; margin:5px 0 0 0; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFF; background: url(/media/2411/contactusform_btn.jpg) repeat-x; border: none; float: left; padding: 2px; }
	#contactUsFormContainer form.contactUs input.button:hover{ cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e6eaed; background:url(/media/2416/contactusform_btnover.jpg) repeat-x; border:none; }

#contactUsOtherWaysContainer{ float:left; width:325px; margin:30px 0 0 0; }
	#contactUsOtherWaysContainer .title{ background:#586a79; height:20px; width:300px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; color:#FFF; text-align:center; padding:5px; }
	#contactUsOtherWaysContainer .otherWays{ width:238px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#586a79; text-align:left; margin: 10px 0 0 0; }
	#contactUsOtherWaysContainer ul.contactUsNormal{ width:150px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#3d454b; list-style:none; margin: 5px 0 0 5px; }
		#contactUsOtherWaysContainer .contactUsNormal ul li { line-height:1.4em; text-indent:10px; margin: 0; padding: 0; }

#contactUsOtherWaysContainer ul{ width:300px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#3d454b; list-style:none; margin: 5px 0 0 5px; }
	#contactUsOtherWaysContainer ul li { float:left; width:150px; line-height:1.4em; text-indent:10px; margin: 0; padding: 0; }
		#contactUsOtherWaysContainer ul li a{ text-decoration:underline; color:#00488c; font-size: 13px; }
			#contactUsOtherWaysContainer ul li:hover{ background:url(/media/2406/contactusarrow.jpg) left no-repeat; text-decoration:none; color:#00488c; }
			#contactUsOtherWaysContainer ul li a:hover{ text-decoration:none; color:#00488c; }

/*********************/
/*   CONTACT FORMS   */
/*********************/

form.regForm ol{ list-style-type: none; list-style-image: none; width: 600px; margin: 10px auto; }
	form.regForm ol li{ padding: 3px; display: block; clear: left; border-bottom: 1px solid #ECE2CA; }
		form.regForm ol li label{ display: inline-block; width: 120px; float: left; text-align: right; padding-right: 6px; line-height: 24px; }

form.regForm ol li fieldset ol li{ border-bottom: none; }
	form.regForm ol li fieldset ol li select{ margin: 0; padding: 0; }
	form.regForm ol li fieldset ol li p{ padding: 0 0 0 165px; margin-top: 0; }
	form.regForm ol li fieldset{ margin: 0; }
	form.regForm ol li fieldset label{ clear: left; }

/*******************/
/*   RESUME FORM   */
/*******************/

form.resume ul{ width: 650px; margin: 10px auto; }
	form.resume ul li{ list-style-type: none; list-style-image: none; padding: 6px 0; overflow: hidden; border-bottom: 1px solid #ECE2CA; }
		form.resume ul li label{ display: block; width: 250px; float: left; text-align: right; padding-right: 6px; }
	form.resume ul li fieldset ul li{ border-bottom: none; }
		form.resume ul li fieldset ul li select{ margin: 0; padding: 0; }
		form.resume ul li fieldset ul li p{ padding: 0 0 0 165px; margin-top: 0; }
	form.resume ul li fieldset{ margin: 0; }
		form.resume ul li fieldset label{ clear: left; }
	form.resume ul li.honEmail{ display: none; }

div#submitForm { text-align: center; }
div#submitForm input { font-size: 18px; }

/****************/
/*   SITE MAP   */
/****************/

div#sitemap ul ul, div#sitemap ul ul ul, div#sitemap ul ul ul ul { margin: 5px 0 5px 30px; }

/********************/
/*   SUPPORT PAGE   */
/********************/

div.supportBlock{ padding: 10px 20px 10px 0; border-bottom: 1px dotted #CCC; margin-bottom: 10px; }
	div.supportBlock img{ display: block; width: 140px; float: left; margin-right: 10px; }

/**********************/
/*   SEARCH RESULTS   */
/**********************/

#searchResults h3 { margin-bottom: 10px; }
#searchResults ul { margin: 0 0 20px 20px; }
	#searchResults ul li { list-style-type: none; list-style-image: none; padding-top: 10px; }
		#searchResults ul li div, #searchResults ul li br { display: none; }
		#searchResults ul li a { font-weight: bold; font-size: 17px; display: block; margin: 0 0 10px; }

/************************/
/*   SPECIAL ELEMENTS   */
/************************/

table.tableBusinessAddons tr { border-bottom: 1px solid #CCC; }
table.tableBusinessAddons tr td { padding: 10px; line-height:16px; }
	table.tableBusinessAddons tr td strong { color: #075492; }

/**********************/
/*   CALL OUTS MENU   */
/**********************/

#callOuts { float:left; width:186px; margin-left:8px; min-height:265px; color:#FFF;  }
	#callOuts img { margin-left:0px; margin-bottom:5px; margin-top:5px; }
	#callOuts h3 { font-size:14px; font-weight:normal; color:#FFF; padding-left:10px; height:24px; padding-top:6px; }
	#callOuts a { color:#FFF; }
		#callOuts a img { padding-left:0px; margin-top:5px; }
		#callOuts a:hover { text-decoration:none; color:#d4d4d4; }
	#callOuts p, #callOuts li { font-size:11px; line-height:14px; }

#callOutTop { height:11px; width:186px; float:left; overflow:hidden;  }
#callOutBottom { height:10px; width:186px; float:left; margin-left:8px; overflow:hidden; margin-bottom:25px;  }


/**********************/
/*  ACCORDIAN MENU    */
/**********************/

#accordion{
   margin:25px 0 0 0;
}


/**********************/
/*   Video Container 600px  */
/**********************/


#videoContainer-600{
	width:602px;
        margin:0 0 0 60px;

}

#videoContainerTop-600{
	width:602px;
	height:14px;
	background:url(/media/21045/video-container-top-600.png) no-repeat;

}

#videoContainerMain-600{
	width:601px;
	height:361px;
	background:#00315a url(/media/21040/video-container-main-600.png) top center no-repeat;
	text-align:center;
	

}

#videoContainerContent{
	width:602px;
	background:url(/media/21035/video-container-content-600.png) repeat-y;
	float:left;

}

#videoContainerContent .content{
	width:590px;
	margin:10px 0 0 10px;
	color:#f9f7f7;
	float:left;
}

#videoContainerBottom{
	clear:both;
	width:602px;
	height:20px;
	background:url(/media/21030/video-container-bottom-600.png) no-repeat;
}

#watchNowContainer{
	float:left;
	width:450px;
	height:21px;
	margin:-15px 0 0 32px;
	background:url(/media/21450/watchvideonow.png) no-repeat;
}

#videoContainerContent .formContainer{
	width:590px;
	float:left;
	text-align:left;
	margin:10px 0 0 15px;

}

.formContainer input{
	border:1px solid #88bce7;
	width:175px;
	padding:4px 4px;
	margin:2px 0 10px 0;
	font-size:16px;
}

.formContainer label{
	color:#ffffff;
}

.formContainer .submitBtn{
	width:auto;
	cursor:pointer;
	border:1px solid #ffc126;
	padding: 2px 6px;
	color:#ffffff;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background:#ffc126;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc126', endColorstr='#806013'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc126), to(#806013)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffc126,  #806013); /* for firefox 3.6+ */ 
}

.formContainer .submitBtn:hover{
	width:auto;
	cursor:pointer;
	border:1px solid #ffc126;
	padding: 2px 6px;
	color:#ffffff;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background:#806013;
}

form.videoForm{
	color:#ffffff;
}

#b1intelTitle{
	width:530px;
	height:42px;
	background:url(/media/24175/b1-briefcase-title.png) left no-repeat;
	margin:5px 0 0 -18px;
	padding:18px 0 0 60px;
	float:left;
	font-family: Arial,Tahoma,Helvetica,Sans;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-transform: none;
	color:#ffffff;
	font-size:22px;
	text-align:center;
}

.formContainer .umbEditorTextField{
	width:250px;
	height:30px;
	font-size:20px;
}

#fs_39 ol{
	margin:0 0 0 0;
	width:550px;
}

#fs_39 ol li{
	width:250px;
}

#fs_39 ol li label strong{
	color:#ffffff;
}


.Doc2Form .button {
	margin: 0 0 0 10px;
}




/* Dropdown Blocks */
.dropOut {
	display:none;
	margin:0 0 10px 25px;
	line-height:16px;
	text-align:justify;
}
.dropOutBox {
	
}
a.dropOutBox {
	font-weight:bold;
	font-size:12px;
	display:block;
	margin:5px 0 10px 20px;
	text-decoration:none;
	color:#156bbb;
}

img.plus {
	border:0px;
	margin:0px;
	margin-right:4px;
	margin-top:3px;
}




/*
Product Kit Step Styles
*/


#StepContainerMain-600{
	width:601px;
	height:361px;
	background:#00315a url(/media/21040/video-container-main-600.png) top center no-repeat;
	text-align:left;
	color:#ffffff;
}

#stepTitle{
	width:580px;
	height:42px;
	margin:5px 0 0 -18px;
	padding:10px 0 0 25px;
	float:left;
	font-family: Arial,Tahoma,Helvetica,Sans;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-transform: none;
	color:#ffffff;
	font-size:22px;
}

/*******************/
/*   QUOTE BLOCK   */
/*******************/

#quoteContainer { width:712px; background: url(/media/48061/quote-bg.png) repeat-y;}
#quoteContainer .top {width:712px; height:30px; background: url(/media/48066/quote-top.png) no-repeat; text-indent:-99999px;}
#quoteContainer .content {width:645px; margin: -10px 0 0 35px; font-style:italic;}
#quoteContainer .quoter {width:685px; font-weight:bold; text-align:right; margin: 0 0 0 10px;}
#quoteContainer .bottom {width:712px; height: 16px; background: url(/media/48071/quote-bottom.png) no-repeat; text-indent:-99999px;}

/*****************************/
/*   B1 BOTTOM SIGNUP BLOCK  */
/*****************************/

#b1-bottom-signup-container {
	width:676px;
	height:102px;
	background: url(/media/48233/b1-bottom-signup-bg.jpg) no-repeat;
	margin: 0 0 0 0;
	color:#ffffff;
}

#b1-bottom-signup-container .title{
	width:580px;
	height:25px;
	font-size:20px;
	font-weight:bold;
	float:left;
	text-shadow:0 -1px 0 #011323;
	margin:13px 0 0 95px;
}

#b1-bottom-signup-container .formContainer{
	width:580px;
	height:50px;
	font-size:12px;
	float:left;
	text-shadow:0 -1px 0 #011323;
	margin:5px 0 0 90px;
}

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

#footer { width: 100%; clear: both; overflow: hidden; background: url(/media/679/footer_bg.jpg) top left repeat-x; min-height: 194px; color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:16px; }
	#footer #footerContentContainer { width: 1024px; margin: 0 auto; color: #FFF; padding: 0 0 10px 0; }
	#footer #footerContentContainer a { color: #FFF; text-decoration: none; }

.footerTitle{ font-size:14px; color:#6bb1e9; }

	#socialBlock, #hqBlock, #officesBlock, #companyBlock { height: 157px; float: left; margin:12px 0 0 0; padding:10px 0 0 25px; }
	#socialBlock, #hqBlock, #officesBlock { background: url(/media/684/footer_seperator.jpg) right no-repeat; }
		#socialBlock { width: 230px; padding-left: 0; }
		#hqBlock { width: 175px; }
			#hqBlock p { margin: 6px 0 0 15px; font-size: 12px; line-height: 16px; }
		#officesBlock { width: 295px; }
		#companyBlock { width: 249px; }

#footerSignup{ float:left; width:200px; height:45px; margin: 5px 0 0 5px; }
	#footerSignup img { vertical-align:middle }
	#footerSignup a{ font-family:Tahoma, Geneva, sans-serif; color:#fff; text-decoration: none; }
		#footerSignup a:hover{ font-family:Tahoma, Geneva, sans-serif; color:#fff; text-decoration: underline; }
		#footer_socialIcons{ clear:both; float:left; margin: 0 0 0 30px; width:195px; }

#footer #officesBlock ul{ width:300px; color:#ffffff; list-style:none; margin: 5px 0 0 5px; }
#footer #officesBlock ul li { float:left; width:150px; line-height: 18px; margin: 0; padding: 0; text-indent:10px; font-size: 12px; }
	#footer #officesBlock ul li:hover{ background:url(/media/93674/footer_arrow.png) left no-repeat; text-decoration:none; color:#b1b1b1; }
#footer #officesBlock ul li a{ text-decoration:none; color:#ffffff; }
	#footer #officesBlock ul li a:hover{ text-decoration:none; color:#b1b1b1; }

#footer #companyBlock ul{ color:#ffffff; list-style:none; margin: 5px 0 0 5px; }
	#footer #companyBlock a img { display: block; float: right; margin-top: 25px; }
	#footer #companyBlock ul li { line-height:18px; text-indent:10px; margin: 0; padding: 0; font-size: 12px; }
		#footer #companyBlock ul li:hover{ background:url(/media/93674/footer_arrow.png) left no-repeat; text-decoration:none; color:#b1b1b1; }
	#footer #companyBlock ul li a{ text-decoration:none; color:#ffffff; }
		#footer #companyBlock ul li a:hover{ text-decoration:none; color:#b1b1b1; }

#footer #footerProductsBlock ul{ color:#ffffff; list-style:none; margin: 5px 0 0 5px; }
	#footer #footerProductsBlock a img { display: block; float: right; margin-top: 25px; }
	#footer #footerProductsBlock ul li { line-height:18px; text-indent:10px; margin: 0; padding: 0; font-size: 12px; }
	#footer #footerProductsBlock ul li:hover{ background:url(/media/93674/footer_arrow.png) left no-repeat; text-decoration:none; color:#b1b1b1; }
	#footer #footerProductsBlock ul li a{ text-decoration:none; color:#ffffff; }
	#footer #footerProductsBlock ul li a:hover{ text-decoration:none; color:#b1b1b1; }

#footer_copyright{ color:#737373; font-size:10px; margin:15px 0 0 0; text-align:center; }



















































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
font-size: 24px;
color: #075492;
}

h3 {
font-size: 20px;
color: #075492;
line-height:26px;
}

h4 {
font-size: 16px;
color: #075492;
letter-spacing:0.3px;
}

.FeaturedBlockTitle {
line-height: 18px;
letter-spacing: -1px;
font-family: verdana;
margin: 10px 0 0 0;
color: #4C4C4C;
font-size: 16px;
padding: 0 0 0 0;
}

blockquote {
line-height: 10px; background-color: #f3f3f3; margin: 4px 0px 0px; color: #8e8e8e; font-size: 11px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-bottom-left-radius: 4px 4px; border: #dbdbdb 1px solid; padding: 5px
}