@charset "UTF-8";

html, body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
	color:#333;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #C6DFF1;
	background-image: url(../../images/template-images/site-bg-2.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
}

a, a:link {
	color:#003399;
	text-decoration: underline;
}

a, a:hover {
	text-decoration: underline;
}

a, a:visited {
	color:#3366cc;
	text-decoration: underline;
}

/* Clear */
.clear {
	clear:both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

#lo_body_wrapper {
	width:980px !important;
	margin:0 auto !important;
	padding:0px 0 10px!important;
	position:relative;
}

#lo_newsletter_signup {
	padding-left:80px;
	float:right;
	margin:20px 10px 0 0;
}

#lo_newsletter_signup .signup {
	background-image:url(/images/button_newsletter_signup.gif);
	background-repeat:no-repeat;
	border:0;
	width:60px;
	height:0;
	padding:19px 0 0 0;
	overflow:hidden;
	display:block; 
	float:left;
}

#lo_newsletter_signup input.text {
	background-color:white;
	border:0;
	width:100px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	float:left;
	margin-right:4px;
	overflow:hidden;
	padding:2px 4px;
}

#lo_main_container, #lo_sitemap_link_block_container {
	padding: 0 10px 5px;
}

#lo_splash {
	clear:both;
	height:180px;
	overflow:hidden;
	text-align:left;
	width: 690px;
	padding-left: 15px;
}

#lo_content_container {
	background:#fff;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C0C1B5;
	border-right-color: #C0C1B5;
	border-bottom-color: #888974;
	border-left-color: #888974;
	padding-top: 20px;
	padding-right: 17px;
	padding-bottom: 20px;
	padding-left: 17px;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*This adds the column used for the quicklinks to the main template. Changes to this style only effect the conatiner that holds the quicklink info boxes and has no impact on the design elements of those box's. NOTE: The style name is not accurate as the name implies that the resulting content would be on the left and in practice the content is on the right*/
#lo_content_left {
	float:right;
	width:210px;
	position:relative;

}
/*This ads the background to the quick link info boxes example: the vertical bars that define the left and right borders of the info box, as well as the white background fill
*/
#lo_content_left_container_fill {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(/images/template-images/grd-4px_table-bg.gif);
	padding: 0px;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	background-repeat: repeat-x;
}

/*Style name no longer reflect its use. Currently this forces the main body text to the left and not the right as the name implies.*/
#lo_content_right {
	float:left;
	width:690px;
	font-size:1.05em;
	line-height:135%;
	position:relative;
}

#h1_wrapper {
	position:relative;
	height:50px;
}

/*old h1 style*/
#lo_content_right h1 {
	display:block;
	margin:0;
	overflow:hidden;
	background-repeat:no-repeat;
	line-height:140%;
	font-size: 1.8em;
	padding-left: 5px;
	color: #1A6CA8;
}
/* eof old h1 style*/

#lo_content_right_h3 {
	display:block;
	width:100%;
	margin:0;
	background-color: #ffffff;
	background-repeat:no-repeat;
	line-height:100%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.h3image1 {
	float: right;
	border: 0;
}

.h3image2 {
float: right;
border: 0;
}

/* --- PAGE HEADLINE --- */
#lo_content_right_h3 h3 {
	font-weight: bold;
	color: #333333;
	font-size: 18px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin: 0;
}

/* --- PAGE SUB-HEADLINE --- */
#lo_content_right_h3 p {
	margin: 0;
	color: #E26703;
	font-weight: bold;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#lo_footer h1 {
font-size: 10px;
margin: 0 0 0 0;
}

#lo_footer h2 {
font-size: 10px;
margin: 0 0 0 0;
}

h5 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #2a5faa;
	text-align: left;
	line-height: 14px;
	left: auto;
}

h5 a, a:link, a:visited {
text-decoration: underline;
}

/*the following styles add the background title graphic to the various infobox's.*/ 
#left_h2_quicklinks {
	background-image:url(/images/template-images/blue-quicklinks-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h3_account {
	background-image:url(/images/template-images/blue-account-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h2_employeemanualbuilder {
	background-image:url(/images/template-images/blue-top-quicklinks-emb-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h2_publicitybuilder {
	background-image:url(/images/template-images/blue-top-quicklinks-pb-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h2_marketingbuilder {
	background-image:url(/images/template-images/blue-top-quicklinks-mb-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h2_hrfbuilder {
	background-image:url(/images/template-images/blue-top-quicklinks-hrfb-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h3_guarantee {
	background-image:url(/images/template-images/blue-guarantee-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h3_shoppingcart {
	background-image:url(/images/template-images/blue-top-quicklinks-shoppingcart-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}
#left_h3_whyjian {
	background-image:url(/images/template-images/blue-top-quicklinks-whyjian-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-bottom: -20pt;
	background-position: top;
	margin: 0px;
}

#left_home_whyjian {
}

#left_home_whyjian p {
margin-bottom: -6px;
margin-top: 0px;
margin-left: 15px;
background-image: url(/images/arrow-right.gif);
background-repeat: no-repeat;
background-position: top left;
}

h1#right_h1_blackbelt {
	border-width:0 0 1px 0;
	display: inline !important;
	position:absolute;
	top:-49px;
	padding:100px 0 0 0;
	background-image:url(/images/lo_right_h1_blackbelt.gif);
	float:right;
	margin-right:14px;
}

#left-promo-box {
	position:relative;
	height:100%;
	z-index:1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*background-image: url(/images/template-images/grd-4px_table-bg.gif);*/
	background: -moz-linear-gradient(center top , #E1E2E4, #FFFFFF) repeat scroll 0 0 transparent;
	float: left;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	line-height: 140%;
	color: #333333;
	overflow: hidden;
	text-align: left;
/*	vertical-align: top;*/
	display: inline;
	padding-top: -5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 179px;
	margin-left: 9px;
	margin-bottom: 15px;
	border-radius: 0px 0px 4px 4px;
	
}


#lo_content_right h2 {
	display:block;
	line-height:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-bottom:-6px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
}

#lo_content_left_container h2 {
	margin:0;
	padding:0;
	display:block;
	height:0;
	line-height:100%;
	width:210px;
	overflow:hidden;
	position:relative;

}

h2#left_h2_quicklinks {
	padding:42px 0 0 0;
	background-image:url(/images/lo_left_h3_quicklinks.gif);
	top:-8px;
	position:absolute;
}


div.lo_right_borderless {
	color:#000000;
	line-height:140%;

}

div.lo_right_borderless p {
	line-height:16px;
	padding-left: 5px;
}

p.bigger {
	font-size:12px;
	padding:4px 30px;
}

/*div.lo_right_borderless ul {
	padding:0 0 0 14px;
}*/

div.lo_right_borderless ul li {
	margin-top:4px;
}

h3 a {
	text-decoration:none;
}

h3.lo_right_infobox_h3 {
	display:block;
	width:250px;
	height:21px;
	padding:10px 0 0 0;
	background-repeat:no-repeat;
	margin:0;
	color:#000066;
	font-size:14px;
	text-align:center;
}

h3.infobox_yellow {
	background-image:url(/images/lo_right_infobox_bg_h3_yellow.gif);
}

/*Product Page Title: replaces the old h3 that made the box around the title of the product*/
h4.infobox_product_page {
	border-bottom-style:none;
	border-bottom-width:0px;
	color:#333333;
	display:block;
	font-size:14px;
	height:24px;
	margin:4pt 0pt 0pt;
	padding:6px 0px 0px;
	text-align:left;
	text-indent:10px;
	width:auto;
}

h3.infobox_green_question {
	background-image:url(/images/lo_right_infobox_bg_h3_green_question.gif);
}

#lo_business_solutions_container {
	float:left;
	width:240px;
	padding-left: 0px;
	padding-right: 0px;
}

#lo_why_buy_container {
	float:left;
	width:250px;
	padding-left: 15px;
	border-left: 1px dotted #cccccc;
}

#lo_business_solutions_container h4, #lo_why_buy_container h4 {
font-size: 14px;
border-bottom: 1px dotted #cccccc;
margin-top: 0px;
}

#lo_business_solutions_container p, #lo_why_buy_container p {
margin-bottom: 0px;
}

#lo_why_buy_container img {
	margin-left:0px;
	margin-right:auto;
	margin-bottom: 10px;
}

#lo_why_buy_image_container {
	position: relative;
	width: 240px;
}

/* --- PRODUCT SUB-HEAD --- */
h2 {
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:-5px;
	padding-bottom:10px;
/*	border-bottom:1px solid #ffcc33;*/
	color:#993300;
	background-repeat: no-repeat;
}

h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:-5px;
	padding-bottom:10px;
/*	border-bottom:1px solid #ffcc33;*/
	color:#993300;
	background-repeat: no-repeat;
}
h4  a:link, a:active {
	color:#000066;
	text-decoration:underline;
}
	
h4  a:hover {
	color:#003366;
	text-decoration: underline;
}

div#lo_content_left_borderless {
	padding:2px 20px 19px 20px;
	font-size:11px;
	line-height:140%;
	color:#003366;
	text-align:left;
	/*background-image:url(/images/background-left.jpg);*/
}

div#lo_content_left_borderless img {
	border:1px solid #C7C8BA;
	padding:1px;
}

/* --- HORIZONTAL RULE ABOVE COMMENTS --- */
hr {
    border:1px solid #cccccc;
/* ---		border-bottom-style:dashed;--- */
	border-width:0 0 1px 0;
	height:6px;
	clear:right;
}

img.review_pic {
	clear:right;
	float:right;
	border:1px solid #C7C8BA;
	margin:0 14px 12px 12px;
	padding:1px;
}

.borderless {
	border:0 !important;
}

p.quote {
	color:#003366;
	font-size:12px;
	line-height:150%;
}

p.author {
	color:#cccccc;
	text-align:left;
	border-bottom:1px dashed #C7C8BA;
	padding-bottom:16px;
	margin-bottom:16px;
}

img.author_pic {
	float:right;
	margin:0 0 4px 4px;
	border:1px solid #C7C8BA; 
}

div.lo_right_infobox_left_container {
	padding: 0;
}

div.lo_right_infobox_left_content {
	display: block;
	border: 1px solid #A6A6A6;
	margin-top: 7px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(/images/template-images/productinfo-fill.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.product_infobox div.lo_right_infobox_left_content {
	height: auto;

}

div.lo_right_infobox_left_content ul, div.lo_right_infobox_right_content ul {
	margin:5px 5px 5px 15px;
	padding:0;
}

div.lo_right_infobox_left_content ul li, div.lo_right_infobox_right_content ul li {
	margin:0;
	padding:0;
	list-style-position: inside;
	list-style-type: square;
	text-indent: 10px;
}

div.lo_right_infobox_left {
	float:left;
	width:250px;
	overflow:hidden;
}

div.lo_right_infobox_right {
	float:left;
	overflow:hidden;
	width:100%;
}

div.lo_right_infobox_right_container {
	background-image:url(/images/lo_right_infobox_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 0 9px 0;
}

div.lo_right_infobox_right_content {
	background-color:white;
	border-width:0 1px;
	padding:0px 10px 5px;
	height:250px;
	overflow: visible;
}

div.right_box {
	overflow:hidden;
	padding:12px 12px 12px 110px;
	background-color:white;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div.product_infobox {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 5px;
}

div.gradient {
	background-position:bottom;
}

div.beige {

}

div.green {
}

div.yellow {
}

a.button_left_box {
	display:block;
	width:85px;
	height:auto;
	line-height:100%;
	background-repeat:no-repeat;
	overflow:visible;
	float:left;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

a.button_right_box {
	display:block;
	width:85px;
	height:auto;
	line-height:100%;
	padding: 0 0 15px 0;
	background-repeat:no-repeat;
	overflow:visible;
	margin:0 0 0 0;
	float:right;
}

.sys_req_box {
	width:100px;
	float:left;
	display:block;
}

a.button_more {
	background-image:url(/images/new_button_more_info.gif);
	margin: 0 3px 0 0 !important;
}

a.button_more_dkblue {
	background-image:url(/images/new_button_more_info_dkblue.gif);
}

a.button_more_green {
	background-image:url(/images/new_button_more_info_turqoise.gif);
	margin:0;
}

a.button_upgrade {
	background-image:url(/images/new_button_upgrade_info.gif);
}

a.button_buynow {
	background-image:url(/images/new_button_buy_now.gif);
}

a.product_box {
	float:left;
	margin-left:-110px;
	margin-right: 15px;
	margin-bottom: 10px;
}

a.product_box img {
	border:0;
}

a.button_upgrade_now {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/new_button_upgrade_now.gif);
}


a.button_add_to_cart {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/button-add-to-cart-grn.gif);
}

a.button_join_now {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/new_button_join_now.gif);
	margin-left: 5px;
}

a.button_login {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/new_button_client_login_red.gif);
	margin-left: 5px;
}

a.button_network_join {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/new_button_join_now.gif);
}

a.button_network_find {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-image:url(/images/new_button_send_question.gif);
}

	#lo_content_left_container {
	background-image:url(/images/template-images/bottom-infobox-small.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 210px;
}

#lo_content_left_container p {
	position:relative;
	color:#5A5A5A;
	font-size:11px;
	margin-top:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#lo_content_left_container h3 {
	margin:0;
	padding:0;
	display:block;
	height:0;
	line-height:100%;
	width:210px;
	overflow:hidden;
	background-repeat:no-repeat;
	position:relative;

}

#left_h3_evaluate_bpb {
	background-image:url(/images/template-images/blue-top-quicklinks-bpb-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

#left_h3_affiliates {
	background-image:url(/images/template-images/blue-top-quicklinks-affiliates-small.gif);
	background-repeat: no-repeat;
	position:relative;
	top:auto;
	width:210px;
	padding-top: 30px;
	padding-right: 0pt;
	padding-bottom: -20pt;
	padding-left: 0pt;
	background-position: top;
	margin: 0px;
}

h3#left_h3_quicklinks {
	padding:42px 0 0 0;
	top:-8px;
	position:absolute;
}

h3#left_h3_ataglance {
	padding:42px 0 0 0;
	top:-8px;
	position:absolute;
}

h3#left_h3_jianid {
	padding:42px 0 0 0;
	top:-8px;
	position:absolute;
}

h3#left_h3_guarantee {

}

/*This style includes a MS Office header graphic in the side column and has been devalued in the lattest version of the site */
h3#left_h3_office_marketplace {
	padding:51px 0 0 0;

}

/* Primary side bar navigation Menu ;*/
#quicklinks a {
	color:#003366;
	font-size:11px;
	text-decoration:none;
}

#quicklinks a:hover {
	text-decoration: underline;

}

#quicklinks ul {
	margin:0;
	padding:0;

}

#quicklinks ul li {
	font-weight:bold;
	color:#003366;
	font-size:11px;
	list-style-type: none;
	padding-bottom: 5px;
	padding-left: 15px;
}

#quicklinks ul li.none {
}

#quicklinks ul ul {
	margin:-5px -5px -5px 25px;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

/* Main Menu Background image;*/

#quicklinks ul ul li {
	display:block;
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:#660000;
	font-size:11px;
	text-decoration:none;
	margin:0;

}


a.quicklink:hover {
	text-decoration:underline;
	color:#990000;
}

#lo_footer {
	padding:18px;
	text-align:center;
	font-size:11px;
	color:black;
}

#lo_footer a {
	color:black;
	text-decoration:none;
}

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

#lo_addresses {
	width:160px;
	padding:20px;
	float:right;
}

img.right_img {
	float:right;
	clear:right;
	margin:0 0 10px 10px;	
}

.right {
	float:right !important;
}

.left {
	float:left !important;
/*	width: 170px;*/
	margin-right: 10px;
	margin-bottom: 70px;
}
.discount_left {
	float:left !important;
	width: 170px;
	margin-right: 10px;
	
}
.product_description {
	float:right !important;
	height: 200px;
	width: 450px;
	text-align: left;
	overflow: auto;
}

.button_ordernow_green {
	display:block;
	width:102px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/images/new_button_order_now.gif);
	margin:0 auto;
	
}

.pad15 {
	margin:15px;
}
<!-- start shopping cart styles-->
.infoBoxContents {
  background: #FFFFFF;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 11px;
}

.infoBoxHeading {
	font-size: 12px;
	font-weight: bold;
	color:#000066;
	text-align:left;
	text-transform:uppercase;
}

.infoBox {
  font-size: 11px;
}

.boxes .infoBox {
	background: #ffffff;
}

table.infoBox{
  border: 1px solid #DFE0D0;
	padding: 8px;
}
<!--end shopping cart styles-->
#vb_copyright {
	width:300px;
	height:0px;
	padding:5px 0 0 0;
	overflow:hidden;
	
}

#c_new label {
	display:block;
	float:left;
	clear:left;
	width:150px;
	margin:2px 0;
	text-align:right;
	padding-right:6px;
}

#c_new legend {
	font-weight:bold;
	color:#000066;
	margin-top:10px;
}


legend {
	font-weight:bold;
	color:#000066;
	margin-top:-5px;
}

span.form_login {
	font-weight:bold;
	color:#000066;
	float:left;
	clear:left;
	width:200px;
	margin:2px 0;
	text-align:right;
	padding-right:6px;
}

#osc_options label {
	width:200px !important;
}

span#statusRadios { padding:10px 10px 10px 0; display:block; font-size:14px;
}

/* CUSTOMER COMMENTS -- CENTERED */
h6 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #2a5faa;
	text-align: center;
	line-height: 14px;
	left: auto;
	padding-right: 40px;
	padding-left: 30px;
}

/*  CUSTOMER COMMENTS -- RIGHT-SIDE */ 
h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #2a5faa;
	text-align: left;
	line-height: 14px;
	left: auto;
	padding-right: 40px;
	padding-left: 30px;
}

.saleprice {
	font-style: normal;
	font-size: 14px;
	line-height: 120%;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: blink;
}
.regprice {
	font-style: normal;
	font-size: 14px;
	line-height: 120%;
	color: #5A9F31;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector 
 */
 .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 690px;
	background-image: url(/images/template-images/solutions-tab-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #838383;
}


/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	background-color: #EFEFE5;
	list-style: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #181073;
	padding: 4px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    margin-left: 3px;
	border-bottom-color: #E3E0D1;
	border-top-color: #E3E0D1;
	border-right-color: #E3E0D1;
	border-left-color: #E3E0D1;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FFFFFF;
	color: #181073;
	outline-color:invert;
	border-bottom-width: 4px;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FFFFFF;
	color: #181073;
	outline-color:invert;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	background-color:#FFFFFF;
	border:1px solid #838383;
	clear:both;
	margin:0px;
	padding: 8px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	margin: 0px;
	background-color: #FFFFFF;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/*start footer sitemap this block determines the layout of the footer sitemap*/
#lo_footer_container {
	background-color:white;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C0C1B5;
	border-right-color: #C0C1B5;
	border-bottom-color: #888974;
	border-left-color: #888974;
	height: 175px;
	width: 960px;
}
	
#sitemap_link_block {
	background-color:#FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	border:1px solid #999999;
	height:125px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	width:950px;
}
.sitemap_link_column {
	width:180px;
	float:left;
	margin-left:65px;
	margin-bottom:20px;
}
.sitemap_link_column_left{
	width:180px;
	float:left;
	margin-left:10px !important;
	margin-bottom:20px;
}
.sitemap_link_column h4, .sitemap_link_column_left h4{
	font-size:11px;
	font-weight:bold;
	color:#333;
	border-bottom:0px;
}
.sitemap_link_column ul li, .sitemap_link_column_left ul li, .sitemap_link_column ul li a , .sitemap_link_column_left ul li a {
	font-size:1.0em !important;
	color:#666 !important;
	line-height:16px !important;
	text-decoration:none !important;
}
.sitemap_link_column ul li a:hover, .sitemap_link_column_left ul li:hover {
	font-size:11px !important;
	color:#333  !important;
	line-height:18px !important;
	text-decoration:underline !important;
}
.sitemap_link_column ul , .sitemap_link_column_left ul {
	width:180px !important;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
#home_page #sitemap {
	border:none !important;
}
/*start content list box*/
#listbox_link_block {
	width:690px;
	height:365px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-image: url(/images/template-images/grd-4px_table-bg.gif);
	background-repeat: repeat-x;
}
.listbox_link_column {
	width:216px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
.listbox_link_column_left{
	width:200px;
	float:left;
	margin-left:10px !important;
	margin-bottom:20px;
}
.listbox_link_column h4, .listbox_link_column_left h4{
	font-size:12px;
	font-weight:bold;
	color:#333;
	border-bottom:0px;
}
.listbox_link_column ul li, .listbox_link_column_left ul li, .listbox_link_column ul li a , .listbox_link_column_left ul li a {
	font-size:1.00em !important;
	color:#666 !important;
	line-height:135% !important;
	text-decoration:none !important;
}
.listbox_link_column ul li a:hover, .listbox_link_column_left ul li:hover {
	font-size:1.0em !important;
	color:#333  !important;
	line-height:16px !important;
	text-decoration:underline !important;
}
.listbox_link_column ul , .listbox_link_column_left ul {
	width:180px !important;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}

/* magento tweaks */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

div.header div#lo_header_wrapper {
	position:relative;
}
div.header div#lo_navigation_wrapper {
	background:url(/includes/layout/qmimages/center_tile.gif);
	position:relative;
	top:-4px;
}
div.header div#lo_navigation_wrapper td {
	vertical-align:middle;
}
/*div.header div.store-switcher {
	background:#fff;
	border-right:1px solid #C0C1B5;
	border-left:1px solid #888974;
	padding-left:12px;
}*/

div.wrapper div#lo_main_container div#lo_content_container {
	position:relative;
	top:-18px;
}


div#lo_sitemap_link_block_container div#sitemap_link_block {
	margin:0 auto;
}

.form-button {
-x-system-font:none !important;
background:#F18200 none repeat scroll 0 0;
border:1px solid #DE5400;
color:#FFFFFF;
cursor:pointer;
font-family:arial,sans-serif !important;
font-size:14px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:bold !important;
line-height:normal !important;
overflow:visible;
padding:1px 8px;
text-align:center;
vertical-align:middle;
width:auto;
} 
/* Features and Pricing table*/
}
#feature-table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}
#feature-table th {
    height: 90px;
    padding-bottom: 14px !important;
    vertical-align: bottom;

}
#header-feature {
    /*background: url("../images/header-15.png") no-repeat scroll 0 0 transparent;*/
}
#header-basic {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/bpb-template-header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header-plus {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/bpb-windows-header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header-premium {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/bpb-online-header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header-pro {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/bpb-online-header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#feature-table th span {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
#feature-table td, #feature-table th {
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 8px 5px;
    text-align: center;
    width: 138px;
}
#feature-table .final-row td {
    padding: 24px 5px;
}
.feature {
	background-color: #CCCCCC;
}
.basic {
    background-color: #CEDBBC;
}
.plus {
    background-color: #b2d8d2;
}
.premium {
    background-color: #BCDBCC;
}
.pro {
    background-color: #BCD6DB;
}
.odd .table-col-1 {
    background-color: #F0F4EB;
}
.odd .table-col-2 {
    background-color: #ECF4EB;
}
.odd .table-col-3 {
    background-color: #EBF4EF;
}
.odd .table-col-4 {
    background-color: #EBF2F4;
}
.leftOfFeatured {
	background-image: url(/images/shadow-left.png);
	background-position: right center;
	background-repeat: repeat-y;
}
.rightOfFeatured {
	background-image: url(/images/shadow-right.png);
	background-position: left center;
	background-repeat: repeat-y;
}
.fbutton {
    background: -moz-linear-gradient(center top , #836C94, #64548F) repeat scroll 0 0 transparent;
    border-radius: 8px 8px 8px 8px;
    border-top: 1px solid #A695B3;
    box-shadow: 0 1px 0 #000000;
    color: white;
    font-family: 'Lucida Grande',Helvetica,Arial,Sans-Serif;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    vertical-align: middle;
}
.fbutton:hover {
    background: none repeat scroll 0 0 #755A99;
    border-top-color: #755A99;
    color: #FFFFFF;
}
.fbutton:active {
    background: none repeat scroll 0 0 #4F3463;
    border-top-color: #4F3463;
    position: relative;
    top: 1px;
}