/*
-----------------------------------------------
employeecarpurchase Screen Styles
Version:  23 September 2005
----------------------------------------------- */


/* =Body
----------------------------------------------- */
body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#323232;
	font-size:11px;
	line-height:14px;
	text-align: center;
}
form, input{
	margin:0;
	padding:0;
}


/* Common=Structure
----------------------------------------------- */
#page{
	width:760px;
	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:760px;
	text-align:left;
}

#branding{
	height:75px;
	background:transparent url(../images/common/logo.png) no-repeat 3px 27px;
}
#branding img{
	border:0;
	margin:27px 0 0 3px;
	padding:0;
}
#footer{
	clear:both;
}
#footer p{
	margin:10px 0;
	padding:0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#989898;
	text-align:center;
}
#footer a,
#footer a:link{
	color:#376fa8;
	text-decoration:underline;
}
#footer a:hover{
	color:#003399;
	text-decoration:underline;
}


/* Common=Navigation
----------------------------------------------- */
#navigation{
	height:26px;
	background:url(../images/common/nav_bg.gif) repeat-x 0 0;
	margin:0;
	padding:0 0 0 57px;
}


.subnav
{
	border:1px solid #777777;
}
.subnavItem 
{	
	font-size:11px;	
	display:block;
	color:#000000;
	background-color:#F2F2E5;
	width: 171px;
	height:auto;
}

.subnavItemHover 
{
	font-size:11px;	
	display:block;
	color:#F2F2E5;
	background-color:#CC0000;
	width: 171px;
	height:auto;
}

table.subnav td
{
	padding:3px;
	display:block;	
}



/* Common=Search Form
----------------------------------------------- */
input#criteria{
	width:142px;
	height:14px;
	border:1px solid #A4A1A2;
	margin:0;
}
form#search-form{
	float:right;
	margin:-20px 1px 0 0;
	display:inline;
}


/* HomePage=Structure
----------------------------------------------- */
#home div#main{
	height:399px;
	padding:15px 19px 10px 17px;
	background:url(../images/home/main_bg.gif) no-repeat 0 0;
}
#splash{
	width:724px;
	height:223px;
}
#splash img{
	margin:0;
	padding:0;
	border:0;
}
#home #feature01{
	width:248px;
	height:158px;
	margin:14px 22px 0 0;
	float:left;
	font-size:10px;
	background:url(../images/home/feature01_bg.jpg) no-repeat 0 0;
	/*padding:19px 0 0 124px;*/
}
#home #feature01 p{
	line-height:12px;
	position:relative;
	top:29px;
	left:123px;
	margin:0;
	padding:0;
	width:120px;
}
#home #feature02{
	width:236px;
	height:39px;
	background:url(../images/home/feature02_bg.gif) no-repeat 0 0;
	margin:21px 0 0 0;
	padding:116px 0 0 0;
	float:left;
	text-align:center;
}
#home #feature03{
	width:218px;
	height:155px;
	margin:21px 0 0 0;
	padding:0;
	float:left;
}
#home #feature03 img{
	margin:0;
	padding:0;
	border:0;
}


/* HomePage=Misc
----------------------------------------------- */
#home #feature01 .emphasis{
	font-weight:bold;
	font-size:12px;
	line-height:12px;
}
#special-link{
	margin:0 0 0 25px;
	line-height:30px;
}
img#payment-btn{
	border:0;
	margin:116px 0 0 0;
}


/* Interior=Structure
----------------------------------------------- */
#interior div#main{
	margin:0;
	padding:15px 0 17px 17px;
	background:transparent url(../images/common/main_bg.gif) repeat-y 0 0;
}
#banner{
	margin:0 0 1px 0;
	background:url(../images/common/int_banner.jpg) no-repeat 0 0;
	height:90px;
}
#banner img{
	margin:60px 0 0 0;
}
#interior #alt-content,
#interior #content{
	width:722px;
	margin:0 0 0 0;
	padding:1px 1px 0 1px;
	min-height:703px;
	font-size:11px;
}
#interior #content{
	background:#FFF url(../images/common/content_bg.gif) repeat-y 0 1px;
}
#interior #alt-content{
	background:#FFF;
}
#right-column{
	width:192px;
	background:transparent url(../images/common/right_column_bg.gif) repeat-y 0 0;
	float:right;
	padding:0 0 0 2px;
	margin:0;
}
#interior #feature01{
	padding:0 0 75px 0;
	background:#EBEBEB url(../images/common/internet_bg.gif) no-repeat bottom left;
	margin:0 0 3px 0;
}
#interior #feature02{
	padding:0 0 20px 0;
	background:#EBEBEB;
	margin:0 0 3px 0;
}
#interior #feature03{
	padding:0 0 20px 0;
	background:#EBEBEB;
	margin:0 0 3px 0;
}

#copy-margin{
	margin:0;
	padding:0;
	height:32px;
	background:#FFF;
}
#copy{
	margin:0 232px 0 0;
	padding:15px 0 0 35px;
}
#alt-copy{
	margin:0;
	padding:15px 35px;
}
#copy a,
#copy a:link,
#alt-copy a,
#alt-copy a:link{
	color:#376fa8;
	text-decoration:underline;
}
#copy a:hover,
#alt-copy a:hover{
	color:#003399;
	text-decoration:underline;
}
#alt-copy h1{
	color:#EF3B37;
	font-size:11px;
}
#alt-copy h2{
	color:#333;
	font-size:11px;
}
#alt-copy h3{
	color:#EF3B37;
	font-weight:normal;
	font-size:11px;

#pricing td{	
	color:#477DB1;
}
#pricing{
	border:1px solid #CCC;
	width:300px;
	background:#EEE;
	padding:4px;
}




/* Common=Misc Classes
----------------------------------------------- */
a.more,  a:link.more{
	color:#ED2224;
	text-decoration:underline;
	font-weight:bold;
	padding:0 0 0 12px;
	background: url(../images/common/more_bg.gif) no-repeat 0 3px;
}
a:hover.more{
	text-decoration:none;	
}
.listing{
	margin:15px 0 0 20px;
}
.bl-bold{
	font-weight:bold;
	color:#477DB1;
}
.error{
	font-weight:bold;
	color:red;
}
.required-message{	
	color:red;
}
.required-label{	
	color:#323232;
}
.italic{
	font-style: italic;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: Gray;
	padding-left: 20px; 
	padding-right: 20px;
}

.button{
	padding:0 3px;
	color:#FFF;
	border:1px solid #999;
	background-color:#6293CC;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#copy h1{
	color:#EF3B37;
	font-weight:bold;
	font-size:11px;
}
#copy h2{
	color:#333;
	font-weight:bold;
	font-size:11px;
}
#copy h3{
	color:#EF3B37;
	font-weight:normal;
	font-size:11px;
}


/* Common=Accessibility
----------------------------------------------- */
p.accessibility, h2.accessibility, ul.accessibility{
	margin:0;
	padding:0;
	height:0;
	width:0;
	display:none;
}



/*   NEW STYLES FOR TD   */
td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#323232;
	font-size:11px;
}

/*   NEW STYLES FOR RESULT TABLE   */
#results{
	width:100%;
	border:1px solid #BCBDBD;
}
#results td{
	padding:4px;
}
#results tr.header td{
	text-align:center;
	font-weight:bold;
}
#results tr.header td a,
#results tr.header td a:link{
	color:#323232;
	font-weight:bold;
	text-decoration:underline;
}
#results tr.header td a:hover{
	color:#003399;
	font-weight:bold;
	text-decoration:underline;
}
tr.evenrow{
	background-color:#FFF;
}
tr.oddrow{
	background-color:#EDEDED;
}

table#dgExtService th{
	background:#747070;
	text-align:left;
	color:#FFF;
	padding:4px 6px;
	font-size:11px;
}
.CoverageHeader
{
	background:#747070;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding:4px 6px;
	font-size:11px;
}
table#dgExtService td{
	padding:4px 6px;
}
table#dgExtService{
	border:2px solid #FFF;
}
#coverageBrdr{
	border:1px solid #999;
}
div.package{
	font-weight:bold;
	background:transparent url(../images/financing/ico_check.gif) no-repeat 4px 0;
	padding:0 0 0 44px;
	font-size:11px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
}
div.bank{
	background:#FFF url(../images/financing/bank_bg.gif) repeat-x bottom left;
	border:4px solid #FFF
}
div.bank p{
	margin:0;
	padding:8px 12px;
}
div.bankbrdr{
	border:1px solid #CCC;
	padding:0;
	margin:36px 0;
}
p.financeBtn img{
	margin:0 0 10px 0;
}
img.gap-head{
	border:1px solid #FFF;
}
.callout{
	width:300px;
	padding:0 0 20px 0;
	float:right;
	display:inline;
	margin:0 0 20px 40px;
	background:#EEE;
	border:1px solid #CCC;
}
.callout .title{
	color:#FFF;
	line-height:30px;
	vertical-align:middle;
	background:#EC2224;
	padding:0 0 0 10px;
	margin:0;
	font-weight:bold;
}
.callout .callout-content{
	margin:0 16px;
}
.callout-content ul{
	margin:0;
	padding-left:18px;
	list-style:none;	
}
.callout-content li{
	background:transparent url(../images/gap_bullet.gif) no-repeat 0 5px;
	padding-left:16px;	
}

table#benefits td{
	vertical-align:top;
	padding:6px;
}
table#benefits{
	border:3px solid #FFF;
}
table#benefits td.title{
	font-weight:bold;
}
ul.contract li{
	margin:6px 0;
}	
ul.contract{
	margin-bottom:20px;
}	

.bluehr
{
	color:#477DB1;
	height:1px;
	
}

