/* Body and general--------------------------------*/

html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:'';}
abbr,acronym {border:0}
a {outline: none;text-decoration: none}
a img {border: none}
.clear {clear:both}
.float-left {float:left}
.float-right {float:right}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px}
img.border {border: 1px solid #212121}

body{font:12px Arial, Helvetica, sans-serif;text-align:center;background: #fff url(/images/design/bkgd-body.gif) repeat-x top; padding-top: 11px}
div#header .c1 {float: left; width: 134px}
div#header .c1 h1 {background: transparent url(/images/design/bn-logo.gif) no-repeat 0 0; width: 250px; height: 57px; display: block; text-indent: -9999px; margin: 19px 0 0 0; padding: 0; border:none;}
div#header .c1 h1 a {width: 250px; height: 57px; display: block}
div#header .c2 {float: right; width: 350px}
div#header .c2 h2 {font-size:18px;color:#F5852A; font-weight: normal; text-align: right}
div#header .c2 h2 span {color:#676767; font-style: italic; font-size: 12px}
div#header .c2 .phone {float: left; width: auto; margin: 15px 0 0 0}
div#header .c2 .livechat {float: right; width: auto; margin: 16px 0 0 0}
div#header .c2 .livechat a {background: url(/images/design/bn-live_chat.gif) no-repeat 0 0; height: 31px; line-height: 31px; padding: 0 28px 0 46px; display: block; font-weight: bold; color: #404040; text-decoration: none}

div#topnav {height: 39px; width: 957px; background: #3F4C53 url(/images/design/bn-nav_left.gif) no-repeat 0 0; text-align: right; border-bottom: 1px solid #fff}
div#topnav ul {float: right; background: transparent url(/images/design/bn-nav_right.gif) no-repeat 100% 0; height: 39px; width: auto}
div#topnav li {float: left; border-left: 1px solid #fff}
div#topnav li a {color: #fff; text-decoration: none; padding: 16px 15px 8px 15px; display: block; float: left}
div#topnav li a:hover {background: #F5852A}
div#topnav li.last a:hover {background: #f5852a url(/images/design/bn-nav_right02.gif) no-repeat top right}

div#subnav {border-bottom: 1px solid #fff; width: 957px; height: 67px; background: url(/images/design/bn-subnav_tile.gif) repeat-x top}
div#subnav .c1 {float: left; width: auto; height: 67px; line-height: 67px; margin: 0 0 0 31px}
div#subnav .c1 h2 {font-size: 22px; color: #fff}
div#subnav .c1 h2 span {font-style: italic; font-weight: bold}
div#subnav .c2 {float: right; width: auto; text-align: right}
div#subnav .c2 ul {width: auto; margin-right: 20px}
div#subnav .c2 li {float: left; margin: 0 0 0 25px}
div#subnav .c2 li a {height: 66px; line-height: 66px; display: block; padding: 1px 0 0 55px; color: #464646; font-weight: bold; text-decoration: none}
div#subnav .c2 li.demo a {background: transparent url(/images/design/bn-subnav_btn01.gif) no-repeat 0 0; padding-right: 40px}
div#subnav .c2 li.gallery a {background: transparent url(/images/design/bn-subnav_btn02.gif) no-repeat 0 0; padding-right: 23px}
div#subnav .c2 li.quote a {background: transparent url(/images/design/bn-subnav_btn03.gif) no-repeat 0 0; padding: 1px 58px 0 60px}

div#container{text-align:left}

div#content .flash {width: 100%; float: left}
div#content .c1 {float: left}
div#content .c2 {float: right}
div#content table td#promo .c1 {width: 310px;}
div#content table td#promo .c2 {width: 310px;}
div#content table td#promo .c3 {width: 310px;}

/*
#leftnav2 table td#leftnav2 {width: 184px;}
<!--#leftnav2 .c3 {height:100%; float:right; padding-right:10px; background: url(../images/design/dots-vert.gif) repeat-y 100% 27px}-->
#leftnav2 .c3 a {font-size: 15px}
#leftnav2 {/*background: url(../images/design/dots-vert.gif) repeat-x bottom repeat-y right*/}
/*
#leftnav2 .c3 h1 {text-align: left; font-size: 14px; color: #676767; border-bottom: 1px solid #676767; margin: 0 11px 3px 8px; padding-top:3px}
#leftnav2 .c3 h2 {text-align: left; font-size: 12px; color: #f5852a; border-bottom: 0px; margin: 0 11px 3px 8px; padding-top:3px}
*/

div#footer {background: #404040;color: #fff;font-size:10px;height:39px;line-height:39px}
div#footer .c1 {padding: 0 0 0 15px; float: left; width: auto; background: transparent url(/images/design/ft-nav_left.gif) no-repeat 0 100%; height: 39px; line-height: 39px}
div#footer .c2 {padding: 0 15px 0 0; float: right; width: auto; background: transparent url(/images/design/ft-nav_right.gif) no-repeat 100% 100%; height: 39px; line-height: 39px}
div#footer a {color: #fff; text-decoration: none}
div#footer span {margin: 0 3px}

/*
div#container{width:957px;margin:0 auto}
div#header {width: 957px;height:67px}
div#topnav {height: 39px; width: 957px}
div#subnav {width: 957px; height: 67px}
div#content{float:left;width:957px}
div#footer{clear:both;width:957px}
*/

/* Left Nav Area
div#leftnav h1 {font:Arial, Helvetica, sans-serif;font-size: 17px; color:#FFFFFF; font-weight: bold;}
div#leftnav h2 {font:Arial, Helvetica, sans-serif;font-size: 20px; color:#F5852A; font-weight: bold;}
div#leftnav .title {font:Arial, Helvetica, sans-serif;font-size: 20px; font-weight: bold;color:#333333;}
div#leftnav h3 {font:Arial, Helvetica, sans-serif;font-size: 10px;color:#333333;font-style:italic;}
End Left Nav Area */

body.home sidenav {display:none}
body.home div#content {width:957px}

/* New Code to reformat old pages */
/*Small Business home page content headlines
---------------------------------------------------------------------*/
.sideImage {
	float: right;
	height: auto;
	width: 220px;
	padding-left: 10px;
}
.quoteTop {
	background: url(/images/quote_top_new.gif);
	float: left;
	height: 18px;
	width: 197px;
}
.quoteBox {
	float: left;
	height: 100px;
	width: 185px;
	border-right: 3px solid #E5E5E5;
	border-left: 3px solid #E5E5E5;
	padding: 3px;
}
.quoteBottom {
	background: url(/images/quote_bottom_new.gif);
	float: left;
	height: 18px;
	width: 197px;
}

.txtHeader {color: #879b68;}
.inlineHeader {color: #879b68; font-weight: bold;}

.greenarrow li{
 	background:url(/smbiz/images/greenarrow.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 2px;
	text-align: left;
}
#header h1, h2{color:#62694b;}

.tableHeader {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	border-bottom: 2px solid #869A67;
	background: #A5B399;
}
.tableContents{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px solid #A7B09F;
	
}
#main-content {
	padding: 0;
	font-size: 8pt;
	line-height: 12pt;
}

/*
#main-content h1 {
	color:#62694b;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight:bold;
	text-align:left
}

.lowercase {text-transform: lowercase}


#main-content h3 {
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

#main-content h4 {
	display: inline;
	border: 1px solid #ccc;
	margin-bottom: 2%;
	padding-left: 3px;
	text-decoration: none;
	
}

#main-content {
	font-family: Verdana;
	color: #6f6f6e;
}

#main-content hr {
	line-height: 120%;
	padding: 0 0 10px 0;
	margin: 0;
	color: #a8be7f;
}


#main-content img {margin: 0; padding: 0}

#main-content div.contentBody {padding: 9px; }

#main-content .contentBody h2 a {text-decoration: none; }
#main-content div.contentHeader {height: 265px; background: #fff}
#main-content div.contentBody {color: #333}

/* separator bar between links */
.mainLinks {
	border-left: 1px solid #ccc;
	padding: 3px 8px 6px 0;
	text-indent: 7px;
}

/* separator bar between links */
li.careers a {
	color: #333;
}

li.careers a:hover {
	color: #ef7b21;
}

.careers ul li a {}

.bar {height: 64px; width: 750px; padding: 2px}
.bar h3 {margin: 5px 0 5px 5px; padding: 0}
.bar p {margin: 0 0 0 1px; padding: 0}
.txtHeader{text-transform: uppercase; font-weight:600}

#podWrapperLeft, #podWrapperMid, #podWrapperRight {}
.podSpace{
	background:url(/images/common_pod_left_head.jpg) no-repeat;
	width:244px;
	margin: 5px 5px 0px 0px;

}
.podSeperator{
	height:1px;
	border-top:2px solid #ccc;
	margin:10px;
}
.podHeader a:link {color: #859760; text-decoration: none}
.podHeader a:visited {color: #859760; text-decoration: none}
.podHeader a:active, .podHeader a:hover {color: #7b8949; text-decoration: none}
.podHeader {background: url(/images/common_pod_head.gif) no-repeat top right; height:35px; border-left:1px solid #C8CDD3; margin: 0}
.podHeader h1 {
	text-transform: uppercase;
	margin: 0 0 0 7px;
	padding-top: 10px;
	text-align: left;
	vertical-align: middle;
	color: #62694b;
	font-weight:bold
}
#podContent {
	margin: 0 0 7px 0;
	vertical-align: top;
	padding: 3px 5px 5px 0;
	border:1px solid #C8CDD3;
	border-top:0;
}
#podContent p {
	/*line-height:13px;*/
	/*text-align:justify;*/
	padding: 0 0 0 7px;
	text-decoration: none;
	margin: 2px;
}

#podContent ul { padding:7px; list-style-type: square; } 

#podContent h1 {
	text-transform: uppercase;
	padding:0 0 0 7px;
	text-decoration: none;
}	
#podContent h4{
	text-transform: none;
	padding:0 0 0 7px;
	font-size:10px;
	text-align: right;	
	margin-right: 4px;
}
#podContent a{
	text-decoration: none;
}
#podContent img {
	margin-right: 4px;
}


/* 11/16/07
-------------------------------------*/
#container {margin: 0 auto; padding:20px 0 0 0;}
#container h1 {margin-left:20px; margin-right:20px; overflow: hidden; font-size: 20px; font-weight: normal; border-bottom: 1px solid #C0C5C5; color: #F5852A; padding-bottom: 10px; margin-bottom: 10px; text-transform:capitalize;}
#container h2 {font-size:18px; color:#000; font-weight:bold; line-height:22px;}
#container .selectWrap {background:#f6f6f6; height:30px; padding:10px 0 0 0; margin:0 20px; border:1px solid #cdcdcd;}
#container .selectWrap h3 {color:#3b4d57; font-size:14px; text-indent:10px; float:left; margin:0 10px 0 0; padding:2px 0 0 0; font-weight:bold;}
#gallery-content {border-left:1px solid #efefef; border-right:1px solid #efefef;}

#leftnav2 {width: 250px; border-bottom: 1px solid #fff; background: url(../smbiz/images/design/lc-tile.gif) repeat-y left; vertical-align: top}
#leftnav2 h2 {color: #F5852A; font-size: 18px; margin: 15px 0 15px 33px; padding: 0}
#leftnav2 ul {line-height: 17px; background: url(../smbiz/images/design/lc-divide.gif) repeat-x top; margin-bottom: 15px; padding-top: 2px}
#leftnav2 ul li {background: url(../smbiz/images/design/lc-divide.gif) repeat-x bottom; padding-bottom: 2px}
#leftnav2 ul li a {color: #fff; text-decoration: none; display: block; background: url(../smbiz/images/design/lc-bullet.gif) no-repeat 33px 12px; padding: 10px 25px 10px 48px}
#leftnav2 ul li a:hover {background-color: #313C42;}
#leftnav2 ul li a span {color: #f5852a; font-weight: bold}
.lc-nav {width: 250px}

#main-content {width: 707px; background: #fff url(../smbiz/images/design/c-tile2.gif) repeat-y left; border-bottom: 1px solid #fff; font-size: 12px; color: #797979; line-height: 18px; padding-bottom: 20px}
#main-content .contentBody {padding: 20px 20px 0 20px}
#main-content .contentBody td {padding: 3px 3px 3px 3px;}
#main-content h1 {overflow: hidden; font-size: 20px; font-weight: normal; border-bottom: 1px solid #C0C5C5; color: #F5852A; padding-bottom: 10px; margin-bottom: 10px; text-transform:capitalize; line-height:24px}
#main-content .contentBody h2 {overflow:hidden; font-size: 14px; font-weight: normal; border-bottom: 1px solid #C0C5C5; color: #F5852A; text-transform:capitalize}
#main-content .contentBody h3 {overflow:hidden; font-size: 14px; font-weight: normal; color: #F5852A; text-transform:capitalize}
#main-content .contentBody p {margin-bottom: 15px}
#main-content .contentBody ul {margin-bottom: 20px; overflow: hidden}
#main-content .contentBody ul li {padding-left: 10px; background: url(../images/design/bullet-check.gif) no-repeat 0 5px; width: auto}
#main-content .contentBody strong {font-weight: bold}
#main-content .contentBody strong em {font-style: italic}
#main-content h2 span {color:#676767; font-size:14px; margin-left:10px}
#main-content .contentBody table.features {border: 1px solid #cdcdcd; border-top: none; border-left: none; font-size: 12px; color: #797979}
#main-content .contentBody table.features th, #main-content .contentBody table.features td {border: 1px solid #cdcdcd; border-right: none; border-bottom: none; text-align: center; padding: 5px; width: 130px}
#main-content .contentBody table.features th {text-align: center; padding: 5px; width: 130px; background: #404040; text-align: center; color: #f5852a; font-size: 14px; padding: 10px 5px}
#main-content .contentBody table.features .c1 {width: 250px; text-align: left; font-weight: bold}
#main-content .contentBody table.features .c1 a {background: url(../smbiz/images/orangeinfo.gif) no-repeat 100% 50%; padding-right: 20px; display: block}
#main-content .contentBody table.features .alt {background: #f6f6f6}

#main-content .contentBody table.features4 {border: 1px solid #cdcdcd; border-top: none; border-left: none; font-size: 12px; color: #797979}
#main-content .contentBody table.features4 th, #main-content .contentBody table.features4 td {border: 1px solid #cdcdcd; border-right: none; border-bottom: none; text-align: center; padding: 5px; width: 100px}
#main-content .contentBody table.features4 th {text-align: center; padding: 5px; width: 130px; background: #404040; text-align: center; color: #f5852a; font-size: 14px; padding: 10px 5px}
#main-content .contentBody table.features4 .c1 {width: 130px; text-align: left; font-weight: bold}
#main-content .contentBody table.features4 .alt {background: #f6f6f6}

/* Form Page Styles */
.form-right {float: right; background: #eee; border: 2px solid #D7D7D7; padding: 10px; margin-left: 30px}
.form-right table td {vertical-align: top; white-space: nowrap; padding-bottom: 5px}
.form-right table td span {color: #f5852a}
#main-content .contentBody .form-right h3 {margin-bottom: 5px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px}
#main-content .contentBody .form-right h4 {font-size: 11px; color: #797979; text-transform: none; font-weight: normal; letter-spacing: normal; margin: 0 0 15px 0}
#fixed {width: 270px; text-align: center}
#fixed h3 {text-align: left}
.form-right .item {width: 238px; margin: 10px auto 0 auto; text-align: left}
.form-right .item p {margin: 0; padding: 0}
.form-right .item .image {width: 100%; float: left; text-align: center; margin: 0 0 5px 0}
.form-right .item .image a img {margin: 0 auto; display: block; border: 3px solid #D7D7D7}
.form-right .item .image a:hover img {border: 3px solid #404040}

.form-right .form-element {font: 12px Arial, Helvetica, sans-serif; color: #000; width: 175px; border: 1px solid #d7d7d7; padding: 3px; color: #797979}
.no-width {width: auto}
/*.form-right input:focus {border: 1px solid #f00}
*/
/*Screen shot addition 
.menu {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:289px;
margin:0 auto;
height:50px;
background:#575;
border-top:380px solid #444;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
width:289px;
height:26px;
background:#444;
padding:5px;
margin:5px 78px 0 78px;
position:absolute;
border:1px solid #8a8;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:26px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}

.menu table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}

.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #8a8;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-9999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(slides/point.gif); position:absolute; left:50px; top:92px; border-left:1px solid #8a8; border-right:1px solid #8a8; border-bottom:1px solid #8a8;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #666;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:-24px; 
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-68px; 
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-112px; 
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-156px; 
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-200px; 
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-244px; 
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-288px; 
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-332px; 
}

.menu ul li:hover span,
.menu ul li a:hover  span {
display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
border:1px solid #8a8;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#8a8; padding:5px; border-bottom:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}
End Screen shot additions */

.nothanks1 { background-color:#FFFFFF; text-align:left; width:100%; height:80px; position: relative; margin:0 auto; }
.logo {width:600px; position: relative; margin:0 auto;}
.nothanks {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; width:600px; position: relative; margin:0 auto;}
#nothanks-header1 {font-size:21px; padding-top:25px; padding-bottom:15px; color:#F89A1B;}
#nothanks-header {font-weight:bold; font-size:16px; padding-top:5px; color:#F89A1B; border-bottom:solid #97AFBD 1px;"}

/*------------------------------------------
	HOME PAGE STYLES
------------------------------------------*/

body.home div#sidenav-home {width:250px; float:left;}

div#content-home {width:707px; float:right}
div#content-home .primary {width:400px; height:200px; float:left;}

/*------------------------------------------
	FEATURES PAGE STYLES
------------------------------------------*/

.DottedBar {
background-color:#CCCCCC;
border-bottom:1px dotted #FFFFFF;
border-top:1px dotted #FFFFFF;
color:#6C6C6C;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

.FeaturesContent {
color:#6C6C6C;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height:16px
}

.FeaturesContent a 
{background: url(../smbiz/images/orangeinfo.gif) no-repeat 100% 50%; padding-right: 20px; display: block; font-size:12px; color:#EE7C22; font-weight:bold; text-decoration:none;}

/*------------------------------------------
	SMALL BUSINESS PAGE STYLES
------------------------------------------*/
.BoxGreyNB {
background-color:#EEEEF0;
color:#6C6C6C;
font-family:Tahoma;
font-size:8pt;
font-style:normal;
line-height:15px;
padding:5px;
text-decoration:none;
}

.ContentWhite {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:16px;
margin: 5px 0px 5px 5px
}