/*
1.GLOBAL
2.LAYOUT
3.NAVIGATION
4.LINKS
5.HEADERS
6.LISTS
7.FORMS
8.CLEARFIX
9.HOMEPAGE
10.QUOTEPAGE
11.LAYOUT ARRANGEMENTS
*/


/* === 1.GLOBAL === */
* {margin: 0; padding: 0;}

body {
	font: 76%/1.4 Arial,Verdana, Helvetica, sans-serif;
}
img {
	border: none;
}
p {
	margin: 0 0 1.2em 0;
}
br {
	clear: both;
}
strong {
	color: #333;
	font-size: 1.1em;
	line-height: 1.3em;
}
hr {
	border: none 0;
	border-top: #efefef solid 1px;
	height: 1px;
	margin: 10px 0;
	padding: 0 0 10px 0;
}

/* - SPECIAL - */
p.last-item {
	margin-bottom: 0;
}
#main-content .whitelink {
	color:#fff;
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
	padding:2px;
}

/* -- 2.LAYOUT -- */
#container {
	margin: 0 auto 3em auto;
	padding: 30px 0 0 0;
	width: 940px;
}
#content {
	float: right;
	width: 735px;
	margin: 0;
	padding: 0;
}
#content #main-content {
	border-right: solid 1px #ccc;
	color: #333;
	float: left;
	line-height: 1.6em;
	padding: 0 15px 0 0;
	width: 435px;
}
#content #promo-column{
	color: #333;
	float: right;
	line-height: 1.6em;
	padding: 0 0 0 12px;
	width: 270px;
}

#footer {
	background: #fff url(/images/footer-bg.png) repeat-x;
	border-top: solid 1px #e0e0e0;
	color: #999;
	font-size: 1em;
	height: 180px;
	padding: 20px 0 0 0;
	width: 100%;
}
#footer #footer-content {
	margin: 0 auto;
	width: 940px;
}
#footer #footer-lists {
	float: left;
	width: 630px;
	height: 40px;
}
#footer #contact-for-quote {
	background: transparent url(/images/contact-for-quote-bg.png) no-repeat center;
	float: right;
	height: 70px;
	padding: 10px;
	width: 243px;
}
#footer #copyright {
	clear: both; width: 100%; text-align: left; font-size: 11px;
}
#header {
	background: #fff url(/images/header-bg.png) repeat-x center top;
	height: 138px;
	margin: 0 0 45px 0;
	width: 100%;
}
#header #masthead {
	margin: 0 auto;
	width: 930px;
}
#header #masthead a#login {
	background: transparent url(/images/log-in.png) no-repeat top center;
	float: right;
	height: 35px; width: 200px;
	margin: 0 -5px 0 0;
	text-indent: -9999em;
	text-align: left;
}
#header #masthead #logout {
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
}
#header #logo {
	background: #fff url(/images/logo.png) no-repeat;
	width: 286px;
	height: 48px;
	float: left;
	margin: 23px 0 0 0;
	text-align: left;
}
#header #logo a {
	display: block;
	width: 445px;
	height: 45px;
	text-indent: -9999px;
}
#header #logo img {
	display: none;
}
#__asptrace {
	width: 100%;
	padding: 2000px 0 0 0;
}

/* - SIDEBAR - */
#sidebar {
	color: #369;
}
#sidebar {
	float: left;
	margin: 0 20px 0 0;
	width: 185px;
}


/* === 3.NAVIGATION === */
/* - Main Navigation - */
#main-nav {
	padding-top: 73px;
}
#main-nav ul {
	margin: 0 auto;
	padding-left: 390px;
	width: 550px;
}
#main-nav ul li {	
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#main-nav ul li a {
	display: block;
	outline: none;
	height:32px;
	text-indent: -9999em;
}
#main-nav ul li.home a {
	background: #fff url(/images/nav-home.png) top center;
	width: 82px;
}
#main-nav ul li.about-us a {
	background: #fff url(/images/nav-about-us.png) top center;
	width: 103px;
}
#main-nav ul li.products a {
	background: #fff url(/images/nav-products.png) top center;
	width: 104px;
}
#main-nav ul li.resources a {
	background: #fff url(/images/nav-resources.png) top center;
	width: 117px;
}
#main-nav ul li.contact-us a {
	background: #fff url(/images/nav-contact-us.png) top center;
	width: 130px;
}

#main-nav ul li a:hover {
	background-position: bottom center;
}
#main-nav ul li.nohover a {
	background-position: bottom center;
}



/* === 4.LINKS === */
a {
	color: #369;
	text-decoration: none;
}
a:hover, a:focus {
	color: #69C;
	text-decoration: underline;
}
#main-content a {
	color: #369;
	text-decoration: underline;
}
#main-content a:hover, a:focus {
	color: #69C;
	text-decoration: underline;
}
a.heading {
	color: #333;
	text-decoration: none;
}
a.heading:hover, a.heading:focus {
	color: #69C;
	text-decoration: underline;
}
#footer #footer-content #contact-for-quote a {
	color: #369;
	text-decoration: underline;
}
#footer #footer-content #footer-lists ul#footer-nav li a {
	color: #666;
}
#sidebar a:hover, a:focus {
	text-decoration: none;
}



/* -- 5.HEADERS-- */
h1 {
	color: #F90;
	font-size: 2em;
	margin: 0 0 .4em 0;
	line-height: normal;
}
h2 {
	color: #369;
	font-size: 1.4em;
	margin: 0 0 .8em 0;
}
h3 {
	color: #369;
	font-size: 1.2em;
	margin: 0 0 .8em 0;
}
h4 {
	margin: 0 0 .8em 0;
}
#footer #footer-content h4 {
	color: #333;
	margin: 0;
}
h5 {
	font-size: 12px;
	margin: 0 0 .8em 0;
}
h6{
	margin: 0 0 .8em 0;
}

/* - SPECIAL - */
#main-content h2 {
	margin: 1em 0 0 0;
}
#sidebar h3 {
	margin: 0;
}



/* -- 6.LISTS -- */
ul {
	margin: 0 0 1.2em 0;
}
ul li {
	margin: 0 0 .5em 0;
}
#main-content ul li {
	background: transparent url(/images/bullet.gif) left 6px no-repeat;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
}

/* - SPECIAL - */
#main-content p.quotes {
	width:100%;
	padding:5px;
	background-color:#efefef;
}
#content #promo-column ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content #promo-column ul li {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 8px 0;
	padding: 0;
	width: 263px;
}
#content #promo-column ul li a {
	display: block;	
	height: 61px;
	text-indent: -9999px;
}
#content #promo-column ul li#free-quote a {
	background-image: url(/images/promo-free-quote.png);
	height: 80px;
}
#content #promo-column ul li#it-business {
	background-image: url(/images/promo-it-business.png);
}
#content #promo-column ul li#tech-financial {
	background-image: url(/images/promo-planning-benefits.png);
}
div.Step {
	background-color: #ffd698;
	border: 1px solid #F90;
	height: 100%;
	clear: both;
}
div.Step h1 {
	color: #ffe5be;
	background-color: #f90;
	float: left;
	margin: 0;
	text-align: center;
	font-size: 26px;
	padding: 3px 10px;	
}
div.Step h2 {
	padding-left: 5px;
	float: left;	
	font-size: 11px;
	color: #000;
}
#footer #footer-content #footer-lists ul#footer-nav {
	background: transparent url(/images/footer-links-bg.gif) no-repeat center;
	height: 23px;
	list-style-type: none;
	width: 626px;
	padding: 15px 10px 2px 10px;
}
#footer #footer-content ul li {
	display: inline;
}
#footer #footer-content #footer-lists ul#footer-nav li {
	border-left: solid 1px #666;
	float: left;
	line-height: 1em;
	padding: 0 9px;
}
#footer #footer-content #footer-lists ul#footer-nav li.first-item {
	border-left: none;
	padding-left: 8px;
}

#sidebar ul {
	list-style-type: none;
	padding: 0;
}
#sidebar ul li {
	border-bottom: solid 1px #f4f4f4;
	margin: 0;
	padding: 0;
}


/* === 7.FORMS === */
form {
	margin: 0;
	padding: 0;
}
form label {
	display: inline;
}
form input {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}
form input#search-box {
	background: #fff url(/images/search-box.jpg) no-repeat top left;
	border: none;
	height: 25px;
	margin: 0;
	float: left;
	width: 196px;
	padding: 5px;
	cursor:text;
}
form input#search-button {
	background: #fff url(/images/search-button.jpg) no-repeat top;
	border: none;
	height: 25px;
	margin: 0;
	width: 59px;
	cursor:pointer;
}



/* === 8.CLEAR FIX === */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* === 9.HOMEPAGE === */
/* - LAYOUT - */
body#homepage #container {
	margin: 0 auto 3em auto;
	padding: 0;
	width: 940px;	
}
body#homepage #content {
	float: right;
	width: 940px;
	margin: 20px 0 0 0;
	padding: 0;
}
body#homepage #content #main-content {
	border-right: solid 1px #ccc;
	float: left;
	padding: 0 10px 0 0;
	width: 650px;
}
body#homepage #content #main-content p {
	font-size: 1.2em;
}

/* - PROMO ROW - */
body#homepage #container #promo-row {
	color: #333;
}
body#homepage #container #promo-row h1 {
	color: #333;
	font-size: 1.8em;
	margin: 0;
}
body#homepage #container #promo-row p strong {
	display: block;
	font-size: 1.5em;
}
/* COLUMN 1 */
body#homepage #container #promo-row #column-1 {
	float: left;
	width: 400px;
}
body#homepage #container #promo-row #column-1 #learn-more {
	background: #fff url(/images/home-learn-more-bg.png) top center no-repeat;
	height: 193px; width: 355px;
	padding: 10px 15px 15px 15px;
	margin: 0 0 15px 0;
}
body#homepage #container #promo-row #column-1 #learn-more a {
	text-decoration: underline;
}
body#homepage #container #promo-row #column-1 #learn-more ul {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}
body#homepage #container #promo-row #column-1 #learn-more ul li {
	background: transparent url(/images/home-bullet-point.gif) left no-repeat;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
}
body#homepage #container #promo-row #column-1 #learn-more form input {
	background-color: transparent;
}
body#homepage #container #promo-row #column-1 #cse-search-box {
	padding-top: 8px;
}
body#homepage #container #promo-row #column-1 form input#search-box {
	background: transparent url(/images/home-search-box.jpg) no-repeat;
	width: 253px;
}
body#homepage #container #promo-row #column-1 form input#search-button {
	background: transparent url(/images/home-search-button.jpg) no-repeat;
}
body#homepage #container #promo-row #column-1 p {
	background: #fff url(/images/home-not-in-it.png) top center no-repeat;
	width: 305px; height: 50px;
	padding: 12px 5px 5px 75px;
}
/* COLUMN 2 */
body#homepage #container #promo-row #column-2 {
	background: #fff url(/images/home-get-a-free-quote-bg.png) top center no-repeat;
	float: right;
	height: 280px; width: 510px;
	padding: 10px 10px 10px 20px;
	margin: 0;
}
body#homepage #container #promo-row #column-2 h1 {
	color: #333;
	font-size: 28px;
	margin: 0;
}

body#homepage #container #promo-row #column-2 p {
	color: #2e2e2e;
	font-size: 16px;
	width: 260px;
}
body#homepage #container #promo-row #column-2 p strong {
	margin: 8px 0 -2px 0;
}
body#homepage #container #promo-row #column-2 a#start-now {
	background: transparent url(/images/home-start-now-btn.png) top center no-repeat;
	display: block;
	height:38px; width: 210px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
body#homepage #container #promo-row #column-2 a#GetaQuote {
	background: transparent url(/images/btnGetaQuote_orange.png) top center no-repeat;
	display: block;
	height:38px; width: 210px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
body#homepage #container #promo-row #column-2 p#sample-quotes {
	background: transparent url(/images/home-sample-quotes-bg.gif) left center no-repeat;
	display: block;
	font-size: 13px;
	padding: 0 5px 5px 60px;
	width: 440px;
}


/* QUOTES 2 */
body#homepage #content #quotes {
	float: right;
	line-height: 1.6em;
	padding: 0 0 0 10px;
	width: 265px;
}
body#homepage #content #quotes ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#homepage #content #quotes ul li {
	margin: 0;
	padding: 0 0 10px 0;
	text-indent: -9999em;
}
body#homepage #content #quotes ul li#quote-1 {
	background: #fff url(/images/home-thank-you-quote-1.png) no-repeat top center;
	height: 230px; width: 263px;
}
body#homepage #content #quotes ul li#quote-2 {
	background: #fff url(/images/home-thank-you-quote-2.png) no-repeat top center;
	height: 146px; width: 263px;
}


/* === 10.QUOTEPAGE === */
/* - LAYOUT - */
body#quotepage #container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 940px;
	background-color: #f4f4f4;
}
body#quotepage #content {
	float: left;
	width: 725px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body#quotepage #content #main-content {
	border: none;
	float: left;
	padding: 15px 10px 200px 0;
	width: 715px;
}
body#quotepage #content #main-content p {
	font-size: 1.2em;
}
body#quotepage .inputbox,TABLE.inputbox TR TD LABEL,TABLE.inputbox TR TD INPUT {
	COLOR: #555;
}
body#quotepage .tipTextOnly 
{font:10pt Arial,Verdana; width:205px; padding: 0; position:absolute; z-index:100; 
 color:#333;}
.TipWithTitle ul {
	list-style-type: disc;
	padding: 10px 0 0 20px;
}
body#quotepage .TipWithTitle 
{font: 10pt Arial,Verdana;width: 205px;padding: 0;position: absolute;z-index: 100;color: #333;}
body#quotepage .TipWithTitle_Title{FONT: bold 10pt Arial, Verdana; COLOR: #369;
padding: 0px 8px 2px 0px; margin: 0;}
body#quotepage .TipWithTitle_Text{padding: 2px 8px 2px 0px; FONT: 10pt Arial, Verdana; COLOR: black;text-align: left}

body#quotepage #content #main-content table.qtable {
	width: 100%;
	table-layout: fixed;
}

body#quotepage #sidebar {
	color: #369;
	float: right;
	margin: 0;
	padding: 0;
	width: 215px;
	background-color: #777;
}

body#quotepage #sidebar #nav {
	color: #999;
}
body#quotepage #sidebar #nav H3 {
	font-family: Arial;
	font-size: 1em;
	color: #666;
}
body#quotepage #sidebar ul {
	list-style-type: none;
	padding: 0 0 0 10px;
}
body#quotepage #sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#quotepage #sidebar ul li#currentpage {
	list-style-image: url(/images/CurrentPage.png);
	list-style-type: disc;
}
body#quotepage #sidebar a {
	text-decoration: underline;
}
body#quotepage #sidebar a:hover, a:focus {
	text-decoration: none;
}
body#quotepage #sidebar A.ActiveTab, A.ActiveTab:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #369;
}
body#quotepage #sidebar A.InactiveTab, A.InactiveTab:visited
{
	text-decoration: underline;
	font-weight: normal;
	color: black;
}
body#quotepage #sidebar .ProgressBar
{
	text-align: center;
	width: 150px;
	height: 16px;
	border: 1px solid black;
	background-image:  url(/images/ProgressBar.png);
	font-size: 11px;
}
body#quotepage #main-content .linklist {
	margin: 0;
	padding: 0;
}
body#quotepage #main-content .linklist ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
body#quotepage #main-content .linklist ul li {
	background-position:left;
	background-repeat:no-repeat;
	padding: 0;
	margin: 0;
}
body#quotepage #main-content .linklist li a {
	display: block;
	padding-left: 20px;
}
body#quotepage #main-content .linklist li.Plus {
	background-image: url(/images/Plus.png);
}
body#quotepage #main-content .linklist li.Minus {
	background-image: url(/images/Minus.png);
}

body#quotepage TD.leftcell{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369; padding: 3px 0 3px 15px; text-align: left; vertical-align: top}
body#quotepage TD.leftcell_rightalign{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369; padding: 3px 0 3px 15px; text-align: right; vertical-align: top}
body#quotepage TD.leftcell_lowpad{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369; padding: 2px 0 2px 15px; text-align: left; vertical-align: top}
body#quotepage TD.leftcell_lowpad_leftpad{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369; padding: 2px 0 2px 35px; text-align: left; vertical-align: top}
body#quotepage TD.leftcell_rightalign_lowpad{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369; padding: 2px 0 2px 15px; text-align: right; vertical-align: top}

body#quotepage TD.middlecell{color: Red; FONT-SIZE: 12pt; FONT-FAMILY: Verdana; padding: 3px 0 3px 5px; text-align: center; vertical-align: top; width: 10px}
body#quotepage TD.middlecell_lowpad{color: Red; FONT-SIZE: 12pt; FONT-FAMILY: Verdana; text-align: center; vertical-align: top; width: 10px; padding: 2px 0 2px 5px}
.asterisk{color: Red; FONT-SIZE: 12pt; FONT-FAMILY: Verdana; font-weight: normal;}

body#quotepage TD.rightcell{padding: 3px 0 3px 0; text-align: left; vertical-align: top}
body#quotepage TD.rightcell_lowpad{padding: 2px 0 2px 0; text-align: left; vertical-align: top}

body#quotepage #outerheader {
	height: 138px;
}
body#quotepage #outercontent {
	top: 138px;
}

body#quotepage ol {
 list-style-type: decimal;
 margin-left: 25px;
}
body#quotepage ol li {
 margin-bottom: 10px;
}

/* LAYOUT ARRANGEMENTS */
#outerheader {
	position: absolute;
	top: 0;
	height: 155px;
	width: 100%;
}
#outercontent {
	position: absolute;
	top: 155px;
	width: 100%;
}


/* SPECIAL */
.smallbold{FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #369;}
.greypanel_top{BORDER-RIGHT: #888 1px solid; BORDER-LEFT: #888 1px solid; BORDER-BOTTOM: #888 1px solid; BACKGROUND-COLOR: #EEE}
.greypanel_middle{BORDER-RIGHT: #888 1px solid; BORDER-LEFT: #888 1px solid; BACKGROUND-COLOR: #EEE}
A.biztypelink{FONT-SIZE: 12pt; FONT-WEIGHT: 600; COLOR: #369; TEXT-DECORATION: underline}
A.biztypelink:hover{COLOR: #C90; TEXT-DECORATION: none}
body#quotepage A.hoverlink, A.hoverlink:hover, A.hoverlink:visited{font: bold 10pt Arial, Verdana; COLOR: #369;TEXT-DECORATION: none;background-color: #DEE7F7; cursor: default}
body#quotepage A.hoverlinklarge, A.hoverlinklarge:hover, A.hoverlinklarge:visited{font: 12pt Arial, Verdana; COLOR: black;TEXT-DECORATION: none;background-color: #DEE7F7;cursor: default}
body#quotepage A.hoverlinkinput, A.hoverlinkinput:hover, A.hoverlinkinput:visited{font: bold 10pt Arial, Verdana; COLOR: #555;TEXT-DECORATION: none;background-color: #DEE7F7; cursor: default}
body#quotepage A.hoverlinkgray, A.hoverlinkgray:hover, A.hoverlinkgray:visited{font: 10pt Arial; color: #555; text-decoration: none;background-color: #DEE7F7; cursor: default;}
