body{
	color: #000;
	background: #eaeaea;
	font-family: Lucida Sans  /*, "Trebuchet MS", sans-serif*/;
	font-size: small;
}

*html body {
	font-size: x-small; /*for IE5/WIn */
	f\ont-size: small; /*for other IE versions */
}



ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

h2, h3, h4{
	margin: 0 0 10px;
}

h2{
	font-size: 160%;
	font-weight: normal;
}

h3{
	font-size: 120%;
}

small {
	font-family: verdana, sans-serif;
	font-size: 90%;
	color: #555
}

#wrap{
	width: 100%;
	background: #fff;
}

#wrap-inner{
	width: 951px;
	padding: 0px 0;
	margin: 0 auto;
}

#wrap.fullwidth #wrap-inner{
	width: 100%;
}

#header {
	background: #222;
	width: 100%;
	border-bottom: 7px solid #22c3f7;

}

#header.widenav {
height: 105px;
}

#header-inner{
	width: 100%;
	padding: 0px 0 0;
	margin: 0px auto;
}

#header.widenav #header-inner { 
height: 105px;
}

#header h1{
	font-size: 110%;
	margin: 0;
	color: #eee;
	float: left;
}

#header h1 a{
	color: #aaa;
}

#main {
	width: 380px;
	margin: 0;
	margin-top:0px;
	padding: 20px 0;
	min-height: 300px;
	float: right;
	overflow: hidden;
}

.fullwidth #main {
	width: 80%;
}

#main-inner{
	padding: 0 15px 0 10px;
}

#main-inner ul{
	margin: 0;
	padding: 0 10px;
	
	float: left;
	width: 100%;
}

#main-inner ul li
{
	font-size:13pt;
	color:#676767;
	padding: 0px 35px 17px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}



#sidebar{
	width:310px;
	margin-right: 30px;
	padding: 15px 0px 0px 0px;
	color: #555;
	float: right;
}

#sidebar-inner{
	padding: 0 10px;
}

.fullwidth #sidebar {
	width: 20%;
	font-size: 90%;
}

#footer {
	clear: both;
	float: right;
	width: 100%;
	background: #555 url('images/bg_footer.gif') repeat-x top;
	color: #fff;
	padding-bottom: 20px;
	margin-bottom: 30px;
	position: relative;
}

#footer-inner{
	width: 780px;
	margin: 0 auto;
	padding: 10px 0;
}

/* Navigation Containers */
#navlist, #subnavlist, #navlist-right{
	margin: 0 auto;
	padding: 0;
}

#navlist{
	float: left;
}

#navlist-right{
	margin:0px auto;
}

#subnavlist{
	width: 945px;
	margin: 0 auto;
	padding: 0;
}

#navlist li, #subnavlist li, #navlist-right li{
	float: left;
	list-style: none;
	margin: 0 1px 0 0;
	display: inline;
	padding: 0;
	position: relative;
}


#navcontainer{
	margin: 0px 0 0;
	padding-top: 1px;
	background: #222;
	font-size: 120%;
	width: 100%;
	text-align: center;
}

#header hr{
	display: none;
}

#subnavcontainer{
	background: #22c3f7 url('images/subnav.gif') repeat-x bottom;
	font-size: 12px;
	color: #fff;
	width: 100%
}

/* Navigation Tabs and Active States */
#navorders em, #navmessages em{
    position: absolute; 
    background: #7a0;  
    display: block;  
    border: 1px solid #360;  
    top: -1.0em; 

    right: 5px;  
    padding: 1px 3px 1px;  
    color: #fff;  
    font: normal 75% Verdana; 
}

#navorders.active em, #navmessages.active em{
	display: none;
}


#navlist li, #navlist-right li{
	background: #333 url('images/navtabright_inactive.gif') no-repeat top right;
}

#navlist li.active, #navlist-right li.active{
	background: #22c3f7 url('images/navtabright.gif') no-repeat top right;
	}

#navlist li a, #navlist-right li a{
	font-size: 90%;
	padding: .6em 1.33em .3em;
	text-transform: uppercase;
	color: #aaa;
	background: url('images/navtableft_inactive.gif') no-repeat top left;
}

#navlist li.active a, #navlist-right li.active a{
	color: #fff;
	text-decoration: none;
	background: url('images/navtableft.gif') no-repeat top left;
}

#navlist li.active a:hover, #navlist-right li.active a:hover{
	color: #fff;
}

#navlist li a, #subnavlist li a, #navlist-right li a{
	font-weight: bold;
	display: block;
	text-decoration: none;
}

#navlist li a:hover, #navlist-right li a:hover{
	color: #ddd
}

#subnavlist li a{
	padding: 5px 10px;
	color: #fff;
}

#subnavlist li.active a{
	background: #fff;
	color: #333;
	border: 1px solid #eee;
	border-right: 1px solid #999;
	border-bottom: 0;
}

#subnavlist li a:hover{
	text-decoration: underline;
}

/* --- Sitemap ---*/

#sitemap{
	width: 100%;
	position: relative;
	text-align:center;
	font-size: 90%;
	float: left;
	z-index: 1;
	margin-top:5px;
}

#sitemap h4{
	font-size: 130%;
	color: #ccc;
	padding: 3px 5px;
	margin-top: 10px;
}

#sitemap a{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px;
}

#sitemap a:hover{
	background: #fff;
	color: #333;
}

#sitemap li{
	position: relative;
	margin: 7px 10px 0px 0px;
	clear: none;
	display: inline;
}


/*--- End Sitemap ---*/

#footer p{
	margin: 20px 0;
}

#footer-right{
	width: 28%;
	float: left;
}

#contactcard{
	border: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
}

#edit{
	float: right;
}

#contactcard table{
	width: 100%;
	padding: 20px 0;
}
#contactcard td, #contactcard th{
	padding: 7px;
}
#contactcard th{
	width: 30%;
	text-align: right;
	color: #777;
}

#contactcard .contactinfo{
	font-size: 130%;
	color: #000;
}

.important{
	font-size: 13px;
	display: block;
}


	
/*The start of the "Clean" stylesheet*/

#mainwrap h2{
	margin: 5px 0 0;
	font-size: 21px
}

#mainwrap p{
	margin: 0;
	font-size: 13px
}



/*---June 16 Cleanup---*/

#ctl00_AdminMenu_welcome{
	float: right;
	color: #ccc;
	text-align: right;
}

#ctl00_AdminMenu_welcome a{
	color: #eee;
}

#header #ctl00_AdminMenu_lnkMessages{
	font-weight: bold;
	padding-left: 18px;
	background: url('icons/unreadmessagetiny.gif') no-repeat left;

}


.formtable{
	margin-bottom: 25px;
	width: 100%
}

.formtable caption{
	width: 100%;
	padding: 5px 10px 3px;
	margin-bottom: 20px;
	background: #eee;
	font-size: 130%;
	text-align: left;
	font-weight: bold;
	color: #333;
}

.formtable td{
		padding: 7px;
		font-size: 14px;
		color: #333;
		vertical-align: text-top
	}
	
.formtable th{
		padding: 9px 7px 5px;
		color: #555;
		text-align: right;
		width: 110px;
		font-size: 12px;
		vertical-align: top
	}

.formtable p.info{
		color: #555;
		font-size: 11px !important;
		margin: 4px 0 !important;
		line-height: 1.2em
	}



fieldset {
	color: #555;
	background: #f7f7f7;
	margin: 0 0 10px;
	border: 1px solid #ddd;
}

fieldset p{
	font-size: 90%;
	color: #777;
	margin: 5px 0;
}
.daterange strong, .increments strong{
	color: #333;
}

.increments{
	color: #555;
	margin: 10px 0;
}


/* ---JUNE 29--- */


/* one form class to rule them all */

.masterform{
	background: #fff;
	margin: 0;
	padding: 0 0 15px 0;
	clear: both;
	width: 100%;
}

.masterform h3{
	background: #eee;
	padding: 5px 10px;
	margin: 0;
	color: #333;
}
.masterform ul{
	width: 100%;
	clear: both;
	list-style: none;
	padding: 10px 0 10px 0;
	margin: 0;
}

.masterform li{
	padding: 10px 0;
	margin: 0;
	clear: left;
	border-bottom: 1px solid #eee;
}

.masterform input, .masterform textarea, .masterform select{
	font-size: 110%;
}

.masterform label, .masterform dt{
	color: #555;
	font-weight: bold;
	width: 130px;
	display: inline;
	float: left;
	text-align: right;
	padding: 2px 10px 0 0;
}

.masterform dt{
	float: left;
	width: 130px;
	display: inline;
	text-align: right;
}
.masterform dd{
	margin-left: 140px;
	padding: 0 0 3px;
}

.masterform dd label{
	padding: 0;
	float: none;
	color: #333;
	font-weight: normal;
	text-align: left;
}

.masterform .info{
	color: #555;
	font-size: 90%;
	padding: 0 25px 0 0;
	margin: 10px 0 0;
	margin-left: 140px;
	display: block;
	clear: left;
}

.masterform .info input{
	vertical-align: middle;
	margin: 0;
}

.masterform ul ul .info{
	font-size: 100%;
}

#submit{
	clear: both;
	text-align: right;
	padding: 0;
	margin: 0;
}

#submit input{
	font-size: 120%;
}

.masterform ul ul{
	margin-top: 10px;
	margin-bottom: 0;
	border-bottom: 0px solid #eee;
	font-size: 90%;
	background: #f7f7f7;
}

.masterform ul ul label{
	font-weight: normal;
}

.masterform ul ul li{
	border: 0;
	padding: 7px 0;
}

#cardtypes{
	margin: 0;
	padding: 0;
	clear: none;
	border: 0;
}

#cardtypes li{
	border: 1px solid #eee;
	background: #fff;
	clear: none;
	margin: 0 7px 0 0;
	padding: 5px;
	float: left;
	display: inline;
}

#cardtypes input{
	float: left;
}

#cardtypes label{
	width: 40px !important;
	padding: 0;
}

#cardtype img{
}

#editpage label, #editemail label{
	display: block;
	padding: 0;
	float: none;
	text-align: left;
	margin: 0 0 5px 0;
}

#productimages, #relatedproducts{
	height: 250px;
}


#alert {
	border-top: 2px solid #99cc66;
	border-bottom: 2px solid #99cc66;
	padding: 5px;
	margin: 0 0 10px;
	background: #e8f3ca;
	color: #333;
	text-align: center;
}

#alert p{
	margin: 0 !important;
	padding: 0;
	color: #555 !important;
}

#ctl00_alert {
	border-top: 3px solid #99cc66 !important;
	border-bottom: 3px solid #99cc66;
	padding: 7px 10px;
	margin: 0 0 20px;
	background: #e8f3ca;
	color: #333;
}



#ctl00_Main_Pager{
	display: block;
	text-align: right;
}

#alert h4{
	margin: 0;
	padding: 10px;
}

#alert ul{
	padding: 10px 20px;
	background: #ffe;
}
#alert li{
	padding: 5px 0 7px;
}

#alert .error{
	color: #555;
	padding-left: 25px;
	background: url('icons/error.gif') no-repeat top left;
	background-position: 2px;
}

#alert .warning{
	color: #555;
	padding-left: 25px;
	background: url('icons/warning.gif') no-repeat top left;
	background-position: 2px;
}

#alert a{
	color: #222;
}


/* listtable formatting */

.listtable{
    margin: 0;
    padding: 0;
    color: #444;
    background: transparent;
    clear: both;
    width: 100%;
}

.listtable th{
    background: #eee;
    color: #555;
}


.listtable td, .listtable th{
	padding: 5px 10px;
	margin: 0;
	text-align: center;
	border-right: 0px solid #eee;
}

.listtable .flag{
	width: 17px;
	padding: 0 5px 0 0;
	text-align: center;
	border-right: 0;
}

.listtable td.flag a{
	margin: 0;
	padding: 17px 0 0;
	display: block;
	width: 17px;
	height: 0px;
	overflow: hidden;
	background: url('images/flag.gif') no-repeat top left !important;
}

.listtable .flag a.flagged, .listtable td.flag a:hover{
	background: url('images/flagged.gif') no-repeat top left !important;
}

.listtable .product, .listtable .category, .listtable .brand, #customers .customer, .listtable .coupon, .listtable .order, .listtable .message, .listtable .file, .listtable .shipmethod, .listtable .page, .listtable .zip{
	text-align: left;
}

.listtable .price{
	text-align: right;
	width: 5.0em !important;
}

.listtable .quantitystocked, .listtable .date, .listtable .totalsold{
	width: 8.0em;
}

.listtable .icon, .listtable .thumbnail{
	width: 25px;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
	border-right: 0;
}

.listtable .important a:link, .listtable .important a:visited{
	font-weight: bold;
}

.listtable caption{
    padding: 5px;
    margin: 0;
    width: 100%;
    text-align: left;
    font-size: 110%;
    font-weight: bold;
    background: #eee;
    color: #333;
}

.listtable th a:visited, .listtable th a:link{
    background: transparent;
    color: #555;
}

.listtable td a:visited, .listtable td a:link{
    background: transparent;
    color: #008ED3;
}

.important{
    font-size: 110%;
    display: block;
}

.listtable .icon img{
	width: 25px;
}

.listtable td{
	border-top: 1px solid #eee;
}

.listtable tr.alt{
 /*   background: #f6f3fe;*/
}

.listtable tr.oddvariantrow td{
    border-top: 1px dotted #ddd;
}

.listtable tr.evenvariantrow td{
    border-top: 1px dotted #ddd;
}

.listtable .flag{
	vertical-align: top;
}

.listtable tr.variant, .listtable tr.altvariant{
	font-size: 90%;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Trebuchet MS, sans-serif;
    background: #f6f3fe;
}

.listtable .action{
	text-align: right;
	padding-right: 10px;
}

.listtable strong{
	display: block;
}

.listtable .subtotal td, .listtable .couponcode td, .listtable .total td, .listtable .tax td, .listtable .shipping td, .listtable .giftcard td{
	text-align: right;
}

.listtable .total td{
	font-weight: bold;
	padding: 10px;
}

.listtable th a.sortascending{
	padding-right: 16px;
	background: url('icons/sort_asc.gif') no-repeat right;
}

.listtable th a.sortdescending{
	padding-right: 16px;
	background: url('icons/sort_desc.gif') no-repeat right;
}

#variants {
	margin: 15px 0 0;
}
#variants table{
	padding: 10px 0;
	margin-left: 137px;
}

#addrow{
	padding-left: 137px !important;
}

#variants th{
	text-align: left;
}

#variants td, #variants th{
	width: 120px;
}

#variants input{
	width: 100px;
}

#variants ul ul{
	padding-left: 0;
	font-size: 100%;
}
#variants li {
	margin: 0;
	padding: 0;
}

#ctl00_Main_ProductName_txtTextBox, #ctl00_Main_ShortDescription_txtTextBox, #ctl00_Main_DetailedDescription, #ctl00_Main_Keywords_txtTextBox, #ctl00_Main_Category, #ctl00_Main_AvailabilityStatus_txtTextBox, #ctl00_Main_StoreTagline_txtTextBox, #ctl00_Main_DefaultDescription, #ctl00_Main_Keywords, #ctl00_Main_pName, #ctl00_Main_Subject{
	width: 60%;
}

#ctl00_Main_RetailPrice_txtTextBox, #ctl00_Main_CurrentPrice_txtTextBox, #ctl00_Main_Quantity_txtTextBox, #ctl00_Main_SalePrice_txtTextBox, #ctl00_Main_Weight_txtTextBox, #ctl00_Main_PartNumber_txtTextBox, #ctl00_Main_OriginZipcode_txtTextBox, #ctl00_Main_TaxRate_txtTextBox, #ctl00_Main_lblRate_txtTextBox{
	width: 100px !important;
}

#contact{
	padding: 10px 20px 20px;
	border: 5px solid #eee;
}

#contact p{
	font-weight: bold;
	color: #555;
}

#contact input{
	margin-top: 3px;
}
/*---First Run Helpers---*/
.firstrun{
	background: #efe;
	border: 1px solid #8c8;
	padding: 0;
	margin-bottom: 15px;
	position: relative;
}

.firstrun p{
	margin: 0;
	padding: 5px 10px 10px;
	color: #555;
}

.firstrun h3{
	margin: 0;
	padding: 10px;
	color: #f96111;
}

.firstrun span{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 90%;
}

.firstrun span a{
	color: #555;
}

/*---COUPONS---*/
#ctl00_Main_minorder_txtTextBox, #ctl00_Main_maxuses_txtTextBox, #ctl00_Main_CouponValueDollar_txtTextBox, #ctl00_Main_CouponValuePercentage_txtTextBox{
	width: 4em;
}

/*---PROGRESS CHECKLIST---*/
#progress{
	margin: 0 0 15px;
	font-size: 90%;
	background: #e8f3ca url('images/bg_tableupperleft.gif') no-repeat top left;
}

#progress-inner{
	padding: 10px;
	background: url('images/bg_roundedbottomright.gif') no-repeat bottom right;
}
#progress h4{
	float: left;
	font-size: 120%;
	padding: 2px 0;
}

#progress p{
	clear: both;
	margin: 10px 0 5px;
}

#progress ol 
{
    padding-left:0;
    margin-left:0;
}
#progress li{
	font-size: 100%;
	color: #000;
	padding: 3px 15px 3px 15px;
	background: url('icons/unchecked.gif') no-repeat left .5em;
	border: 0;
	display:inline;
	
}

#progress li a{
	color: #333;
	display: inline;
	font-size: 100% !important;
	margin: 0;
	padding: 0 !important;
	text-decoration: underline;
}

#progress li a:hover{
	background: transparent;
}

#progress li.checked{
	background-image: url('icons/checked.gif');
	text-decoration: line-through;
}

#progress div#showhide{
	text-align: right;
	float:left; 
	padding-left:15px;
	padding-top:3px;
}

#progress #showhide a{
	color: #333;
}

#meter{
	border: 1px solid #ccc;
	padding: 1px;
	overflow: hidden;
	float: right;
	background: #fff;
	width: 700px;
}

#bar{
	background: url('images/progressbar.gif') repeat-x 50%;
}

.percent0{
	padding-left: 0%;
}

.percent20{
	padding-left: 20%;
}

.percent40 {
	padding-left: 40%;
}

.percent60{
	padding-left: 60%;
}

.percent80{
	padding-left: 80%;
}

.percent100{
	padding-left: 100%;
}

#bar span{
	padding: 2px 4px;
	background: url('images/bg_progressbar.gif') repeat-x 50%;
	display: block;
	font-size: 90%;
}

/*---Customer Alphabet---*/

#ctl00_Main_Alphabet{
	padding: 0;
	margin-left: 15px;
	text-align: left;
	font-size: 100%;
}

#ctl00_Main_Alphabet a{
	background: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	padding: .15em .4em;
	margin: 0;
	text-decoration: none;
}

#ctl00_Main_Alphabet a:hover{
	background: #efd;
}

/*---Login Form---*/

body#loginpage{
	background: #555;
}

#login a{
	color: #0698d4;
}
#login{
	width: 100%;
	background: #fff;
	font-family: trebuchet ms;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-top: 150px;
	padding: 1px 0 0;
}

#login h2{
	font-size: 150%;
	color: #333;
	margin: 0;
}

#login p{
	color: #777;
	margin-top: 10px;
}

#login-head{
	margin: 10px 0;
	padding: 10px 0;
	width: 420px;
	float: left;
	text-align: right;
	display: inline;
}

#login-head p{
	margin-left: 180px;
}
#login-form{
	float: right;
	width: 430px;
	background: url('images/pike.gif') repeat-y left;
	margin: 15px;
	display: inline;
	padding-left: 25px;
}

#login-wrap{
	width: 920px;
	margin: 0 auto;
	background: url('images/bg-glow.gif') repeat-y 130px;
}

#login td, #login th{
	padding: 4px 3px;
	color: #555;
}

#login th{
	text-align: right;
}

#login td{
	vertical-align: top;
}

#login h4{
	margin: 0;
}

#login label{
	display: inline;
	width: 50px;
	margin: 10px 0 2px;
}

/* Hacks */

#login-wrap:after{
	content:  ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#login-wrap{
	display: inline-block;
}

* html #login-wrap{
	height: 1%;
}

#login-wrap{
	display: block;
}

#login .warning{
	background: #fdd;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	padding: 5px;
	margin-bottom: 10px;
}

#login .warning p{
	color: #555 !important;
	margin: 0;
	text-align: center;
}

/* Message Detail */
#fullmessage{
	border: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	color: #333;
	margin-bottom: 15px;
}

#fullmessage{
	background: url('images/repliedemailicon.gif') no-repeat 12px 12px;
}

#subject{
	color: #333;
	margin: 10px 0 0 60px;
	font-size: 130%;
	font-weight:  bold;
}

#type{
	color: #555;
	font-size: 90%;
	margin: 0 0 0 60px;
	font-family: Verdana;
}

#message-info{
	margin: 10px 0 0;
	width: 100%;
	border-top: 1px dotted #ddd;
}

#message-info{
	color: #555;
}

#message-info td, #message-info th{
	padding: 5px;
	border-bottom: 1px dotted #ddd;
}

#message-info th{
	text-align: right;
	width: 45px;
}

#message-body, .reply-body{
	padding: 10px;
	font-family: Verdana;
}

.reply{
	margin: 15px 0;
	color: #555;
	font-size: 90%;
}

.reply h3{
	background: #eeffff;
	font-size: 100%;
	padding: 5px 10px;
	margin: 0;
}

#reply-form{
	background: #f3f3f3;
	border: 1px solid #e3e3e3;
	padding: 10px;
}

#reply-form textarea{
	width: 99%;
}

#reply-form #submit{
	margin-top: 10px;
}

#reply-form h2{
	font-size: 120%;
	margin-top: 0;
	color: #555;
}

#wrap div 
{
    display:none;
}
.text #message-wrap 
{
}
.graphical #wrap div
{
    display:block;
}
.graphical #message-wrap 
{
    display: none;
}

.both  #wrap div
{
    display:block;
}

#message-holder {
	background: url(images/right-top-corner-box.jpg) top right no-repeat;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

#message-holder-inner {
	background: #fff url(images/left-top-corner-box-full.jpg) top left no-repeat;
}

#brand {
	padding:10px;
	padding-left: 0px;
	padding-bottom: 7px;
	width:790px;
height: 70px;
	margin:0px auto
}

#header.widenav #brand { 
height: 88px;
}

#brand-text {
	width:500px;
	color: #25BDED;
	font-weight:bold;
	font-size:18pt	
}

#brand-text-sub {
	width:500px;
	color: #fff;
	font-size:16pt	
}

#brand-image { 
	padding-right:10px
}

#herolist li 
{
    color: #333;
}


/* Changes for Commerce page */

body {
	color: #373737;
	background: #eaeaea;
	font-family:  Trebuchet MS, Arial, sans-serif;
}

#wrapper {
width: 951px;
padding: 0 20px;
margin: 0 auto;
background-color: #fff;
background-image: url(images/bg.gif);
background-repeat: repeat-y;
}

#calltoaction {
padding: 40px;
height: 266px;
background-image: url(images/intro-bg.jpg);
position: relative;
}

#calltoaction h1 {
	color: #000000/*#83c135*/;
	font-size: 20pt;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	margin: 0;
	position: absolute;
	left: 30px;
	top: 32px;
	width: 684px;
}

#calltoaction p {
	color: #373737;
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
	text-align: left;
	width: 450px;
	position: absolute;
	top: 112px;
	left: 42px;
}

#calltoaction img#heropic {
position: absolute;
top: -60px;
right: -40px;
}

#calltoaction #signature {
color: #777;
position: absolute;
top: 240px;
}

#content {
margin: 40px;
margin-top: 50px;
line-height: 150%;
}

p.subhead {
font-size: 18px;
font-weight: bold;
}

p span.highlight {
color: #83c135;
}

p.subsubhead {
font-size: 14px;
font-weight: bold;
}

p.warning {
background-color: #fffed2;
padding: 10px;
}

#left {
width: 358px;
margin-left: 40px;
background-image: url(images/form-bg-bottom.gif);
background-position: bottom;
float: left;
display: inline;
}

#left form {
padding: 20px;
background-image: url(images/form-bg-top-blue.gif);
background-repeat: no-repeat;
}

#left form td {
padding-right: 5px;
}

#right {
width: 290px;
float: right;
margin-right: 40px;
display: inline;
}

#right ul {
}

#right ul li {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
margin-bottom: 10px;
padding: 0px 0 10px 35px;
font-size: 16px;
border-bottom: 1px dotted #ddd;
line-height: 150%;
color: #555;
font-weight: normal;
}

hr.clear {
display: block;
clear: both;
margin: 0;
visibility: hidden;
}

#cards {
margin-top: 20px;
text-align: center;
}

.highlight {
border: 8px solid #fffed2;
padding: 0px;
text-align: center;
font-size: 15px;
color: #666;
}

#bottom {
background-image: url(images/bottom-gradient.jpg);
width: 100%;
height: 100px;
background-repeat: repeat-x;
position: relative;
top: 1px;
}

#brand {
position: relative;
}

#brand #logo {
position: absolute;
top: 13px;
left: 42px;
}

#brand #brand-right {
position: absolute;
right: 85px;
width: 200px;
text-align: right;
color: #fff;
top: 20px;
}

div.letter {
background-image: url(images/stationery.gif);
background-repeat: repeat-y;
background-position: top left;
padding: 10px 0 10px 70px;
}

div.letter p.from {
text-align: right;
margin-bottom: 30px;
}

div.letter em {
font-style: normal;
background-color: #fff9b4;
}

div.letter li {
margin: 30px 0;
}

#wrapper-top {
width: 774px;
height: 31px;
margin: 0 auto;
background-image: url(images/wrapper-top.gif);
margin-bottom: -10px;
}

#wrapper-bottom {
width: 774px;
height: 30px;
background-image: url(images/wrapper-bottom.gif);
position: absolute;
left: -7px;
bottom: -5px;
}

#header ul#rightnav {
margin: 0;
padding: 0;
position: absolute;
left: 470px;
bottom: 0;
}


#header.widenav ul#rightnav {
left: 110px;
}

#header ul#rightnav li {
display: inline;
}

#header ul#rightnav li a {
display: block;
float: left;
height: 24px;
margin-left: 2px;
}

#header.widenav ul#rightnav li a {
height: 26px;
}


#header ul#rightnav li#navapply a {
width: 98px;
background-image: url(images/tab-applynow-sm.gif);
}
#header.widenav ul#rightnav li#navapply a {
background-image: url(images/tab-applynow-lg.gif);
}


#header ul#rightnav li#navrates a {
width: 61px;
background-image: url(images/tab-rates-sm-grey.gif);
}
#header ul#rightnav li#navrates.active a {
background-image: url(images/tab-rates-sm-blue.gif);
}
#header.widenav ul#rightnav li#navrates a {
background-image: url(images/tab-rates-lg-grey.gif);
}
#header.widenav ul#rightnav li#navrates.active a {
background-image: url(images/tab-rates-lg-blue.gif);
}


#header ul#rightnav li#navabout a {
width: 81px;
background-image: url(images/tab-aboutus-sm-grey.gif);
}
#header ul#rightnav li#navabout.active a {
background-image: url(images/tab-aboutus-sm-blue.gif);
}
#header.widenav ul#rightnav li#navabout a {
background-image: url(images/tab-aboutus-lg-grey.gif);
}
#header.widenav ul#rightnav li#navabout.active a {
background-image: url(images/tab-aboutus-lg-blue.gif);
}


#header.widenav ul#rightnav li#navhome a {
width: 61px;
background-image: url(images/tab-home-lg-grey.gif);
}
#header.widenav ul#rightnav li#navhome.active a {
background-image: url(images/tab-home-lg-blue.gif);
}


#header.widenav ul#rightnav li#navretail a {
width: 61px;
background-image: url(images/tab-retail-lg-grey.gif);
}
#header.widenav ul#rightnav li#navretail.active a {
background-image: url(images/tab-retail-lg-blue.gif);
}


#header.widenav ul#rightnav li#navwireless a {
width: 81px;
background-image: url(images/tab-wireless-lg-grey.gif);
}
#header.widenav ul#rightnav li#navwireless.active a {
background-image: url(images/tab-wireless-lg-blue.gif);
}


#header.widenav ul#rightnav li#navweb a {
width: 91px;
background-image: url(images/tab-webphone-lg-grey.gif);
}
#header.widenav ul#rightnav li#navweb.active a {
background-image: url(images/tab-webphone-lg-blue.gif);
}


#header span.calltoaction {
background-image: url(images/questions.gif);
width: 200px;
height: 29px;
display: block;
position: relative;
top: -10px;
left: -20px;
}

#header span.calltoaction5 {
background-image: url(images/questions.gif);
width: 200px;
height: 29px;
position: relative;
top: -10px;
left: -20px;
}

#header span.calltoaction2 {
background-image: url(images/questions2.gif);
width: 238px;
height: 35px;
display: block;
position: relative;
top: 0px;
left: -20px;
}
#header.widenav span.calltoaction {
top: 8px;
}

/*---HACKS---*/

#navcontainer, #wrap, #subnavcontainer, .masterform li {
    display: inline-table;
}

/* Hide from IE/Mac \*/
* html #navcontainer, 
* html #wrap, 
* html #subnavcontainer, 
* html .masterform li { height: 1%; }
#navcontainer, #wrap, #subnavcontainer, .masterform li { display: block; }
/* End hide from IE-mac */

#navcontainer:after, #wrap:after, #subnavcontainer:after,  .masterform li:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hide from IE/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE-mac */
#calltoaction2 {
	padding: 40px 40px 30px;
	height: 90px;
	position: relative;
	background-color: #e3f8ff;
}
.calltoaction4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/question4.gif);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
		width: 300px;
}
#calltoaction2 h1 {

	color: #000000/*#83c135*/;
	font-size: 17pt;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	margin: 0;
	position: absolute;
	left: 30px;
	top: 32px;
	width: 684px;
}
#right2 {
	width: 500px;
	float: left;
	margin-right: 20px;
	display: inline;
	margin-left: 40px;
	height: 450px;
}
#right2 ul {
}
#right2 ul li {

background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
margin-bottom: 10px;
padding: 0px 0 10px 35px;
font-size: 16px;
line-height: 120%;
color: #555;
font-weight: normal;
}
#calltoaction3 {

padding: 40px;
height: 266px;
background-image: url(images/intro-bg.jpg);
position: relative;
}
#bottom2 {
	background-image: url(images/bottom-gradient.jpg);
	width: 718px;
	height: 90px;
	background-repeat: repeat-x;
	position: relative;
	top: 1px;
	padding-top: 0px;
	padding-left: 40px;
}