* {
	margin: 0;
	padding: 0;
}
.clear	{	width: 100%;
			clear: both;
		}
		
body {	
	border: 1px solid #CCCCCC;
	padding: 0;
	background: #FFFFFF url(../images/static_header_bkgrd_v4.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
}
td {
	font-size: 12px;
}

body.none {
	margin: 0;
	padding: 0;
	background: none;
		}
		
		
h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #85C329;
}

h1 {
	font-size: 197%;
	font-weight: bold;
	color: #85C329;
	padding: 10px 0 10px 0;
	margin:0;
	
}

h2 {
	font-size: 167%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

h3.bannertxt {
	font-size: 150%;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

h4	{ font-size: 120%;
	font-weight: bold;
	color: #85C329;
	padding: 0;
	margin:0;
}


p, ol, ul {
	line-height: 180%;
}

p {
}

ol {
}

ul {
}

blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #999999;
}

blockquote * {
	line-height: normal;
}

a {
	color: #E06529;
	text-decoration: none;	
}

a:hover {
	font-weight: bold;
	color: #429739;
		}
	
a.disabled {
	color:#666;
}

#header2 {
	position: relative;
	}
#header2 .none {
	position: absolute;
	text-decoration: none;
	top: -10px;
	right: 0;
	height: 130px;
	width: 210px;
	}
	
img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

	hr {
	display: none;
}

/* Header */

#header {
	width: 960px;
	height: 90px;
	margin: 10px auto;
	padding-bottom: 240px;
}

/* Logo */

#logo {
	float: left;
	width: 200px;
}

#logo h1, #logo h2 {
	margin: 0;
	padding-left: 60px;
	font-weight: normal;
	color: #E06529;
}

#logo h1 {
	font-weight: bold;
}

#logo h2 {
	font-size: 92%;
}

#logo a {
	text-decoration: none;
}

/* Top Menu */

#topmenu {
	float: left;
	width:auto;
}

#topmenu ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline;
	padding-left: 15px;
}

#topmenu a {
	padding: 0;
	text-decoration: none;
	font-size: 92%;
}

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

#topmenu .first a {
	border: none;
}


/* Menu */

#menu {
	float: left;
	width: 200px;
	height: 200px;
	background: url(../images/img03.jpg);
}

#menu ul {
	margin: 0;
	padding: 20px 20px 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 8px 10px;
	background: url(../images/img05.gif) repeat-x;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

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

#menu .first a {
	background: none;
}

/* flash */

#flash {
	float: LEFT;
	width: 560px;
	height: 200px;
}


/* Page */

#page {
	width: 720px;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 600px;
}

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

#content ul li {
	padding-left: 15px;
	background: url(../images/leave.gif) no-repeat 0 8px;
}

#content ol {
	margin-left: 0;
	padding-left: 0;
	list-style: lower-alpha inside;
}

.title {
	padding-top: 3px;
}

.content {
	padding: 20px;
	background: url(../images/paragraph_bkgrd.jpg) no-repeat;
}

.twocols {
}

.twocols .col1 {
	float: left;
	width: 220px;
}

.twocols .col2 {
	float: right;	
	width: 220px;
}

#rightcontent	{
	float: right;
	position: relative;
	width: 350px;
	}




<!--background: url(../images/paragraph_bkgrd_green_horz.jpg) repeat-y-->	

<!-- grey corners -->
div.bgcolorCCCCCC	{ width: 350px; height: 15px; background-color: #CCCCCC;}
div.bgcolorCCCCCC_Body	{ background-color: #CCCCCC; padding: 15px;}
div.cccccctl		{ background-image: url(../images/cccccc_tl.jpg); background-repeat: no-repeat; background-position: top left; width: 15px; height: 15px; float: left; }
div.cccccctr		{ background-image: url(../images/cccccc_tr.jpg); background-repeat: no-repeat; background-position: top right; width: 15px; height: 15px; float: right; }
div.ccccccbl		{ background-image: url(../images/cccccc_bl.jpg); background-repeat: no-repeat; background-position: bottom left; width: 15px; height: 15px; float: left;}
div.ccccccbr		{ background-image: url(../images/cccccc_br.jpg); background-repeat: no-repeat; background-position: bottom right; width: 15px; height: 15px; float: right;}
	
/* Sidebar */

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

#sidebar li {
	font-style: italic;
	margin-bottom: 20px;
	background: #E7FED8;
}

#sidebar li ul {
	padding: 10px 20px;
	font-size: 92%;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted #CDCDCD;
}

#sidebar h2 {
	height: 30px;
	margin: 20px 0 0;
	padding: 6px 0 0 10px;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	background: #690;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	text-decoration: none;
}

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

#sidebar .first {
	border: none;
}

/* Footer */

#footer-wrapper {
	height: 55px;
	padding: 20px 0;
	background: #CCCCCC;
	border-top: 10px solid #666666;
}

#footer {
	width: 960px;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: #666666;
}

#legal {
	height: 40px;
	float: left;
	padding: 10px 0 10px 0;
		}

#links {
	float: right;
	padding: 10px 0 0 0;
}

.features	{
			 padding: 8px;
			 background:url(../images/tab_bkgrd_2.gif) repeat-x left top;
			 }

.checkicon	{
			 background:url(../images/tab_bkgrd_2.gif) repeat-x left top;
			 padding: 5px 0 5px 0;
			 }	
			 		 
.Step1		{
			float: left;
			width: 238px;
			border: 1px solid #CCCCCC;
			border-right: none;
			}		 
			
.Step2		{
			float: left;
			position: relative;
			width: 239px;
			border: 1px solid #CCCCCC;
			}
			
.Step3		{
			float: right;
			position: relative;
			width: 238px;
			border: 1px solid #CCCCCC;
			border-left: none;			
			}				
			
.price		{
			padding: 5px 0 5px 0;
			margin: 0;
			color: #804000;			
			}
			
/* --------------------------------------
	onMouseover - Block Text
--------------------------------------*/
.closebtn	{ margin: 4px 0 0 740px;}
#FAQlists ul li		{ 
					background: url(../images/leave.gif) no-repeat 0 8px;
					list-style: none;
					padding-left: 15px;
					margin-bottom: 10px;					
 					} 



.eco_blocktxt_addthis	{ background-color: #ccff66; border: 1px solid #000000; width: 180px; padding: 10px; z-index: 99; position: absolute; display: none; text-align: left; left: 835px; top: 150px; }
					
/* --------------
	Colors
--------------*/

.Bgreen	{ font-weight: bold; color: #336c00;}
.Borange { font-weight: bold; color: #EF5611;}
.orange  { color: #EF5611; }
#lblResult {color: #000000; text-align: left; font-size: 10px; line-height: 1.15em;}


/* --------------
	Datagrid
--------------*/

.datagrid {
	font-size: 9pt; 
	}
	.datagrid td {
		padding: 2px 4px; 
		}


/* --------------------------------------
	Small & SmallTxt
--------------------------------------*/
.smalltxt	{ margin-left: 90px; padding-right: 10px; font-size: 10px; line-height: 15px;}

.small	{font-size: 10px; line-height: 15px; color: #666666; font-weight: 400;}

/* --------------------------------------
	FAQ's - Close button
--------------------------------------*/

.blktxt	{color: #000000;}

/* ------------------------
		FORM STYLES
	 ---------------------------------------------- */	
	
legend { height: 25px; font-size:14px; font-weight: bold; color: #304667; margin-left:15px; }
.fieldset { -moz-border-radius: 2px; border-radius: 2px; width: 150px; height: 15px; padding:0 0 0 2px; font-size: 11px; color: #333333;   border: 1px solid #999999; background-color: #FFFFFF;}
.fieldset-error { border: solid 1px #ff0000; }
#drpProvince, #drpCity, #drpType, #drpCarrier {width: 150px; font-size: 11px; color: #333333; text-transform: capitalize;}
.password	{ -moz-border-radius: 2px; border-radius: 2px; width: 125px; height: 15px; padding:0 0 0 2px;  font-size: 11px; color: #333333; }

/* ------------------------
	Text box
	 -------------------------------------------- */	

.phonefield, #txtPhone1, #txtPhone2	 { width: 35px; background-color:#ffffff;  font-size: 11px; color: #333333; background: #ffffff; border: 1px solid #999999;}
.phonefield2, #txtPhone3{ width: 40px; background-color:#ffffff;  font-size: 11px; color: #333333;  border: 1px solid #999999;}


/* ------------------------
		BreadCrumb
	 -------------------------------------------- */	
.breadcrumbmargin { width: 720px; margin: 0 auto; clear: both; font-size: 11px; } 
.breadcrumb	{color: #E06529; font-weight: bold;}	 
a.breadcrumb	{color: #429739; font-weight: bold;}
	a.breadcrumb:hover	{color: #E06529; font-weight: bold; border-bottom: 1px dotted #666666;}
.breadcrumbactive	{color: #EF5611; font-weight: bold;}

/* -------------------------
		[Button]
--------------------------------*/			

.button	{ height: 27px; font-size:11px; font-weight:bold; color:#304667; text-transform:capitalize;}
.buttonfaded	{ height: 27px; font-size:11px; color: #999999; text-transform:capitalize;}
.loginbutton  { height: 21px; font-size: 9px; color: #666666}
/* -------------------------------
		[Table]
--------------------------------- */

.maintable	{ width: 720px; margin: 15px auto; padding:0; }
#form1 .ecoform { text-transform: uppercase; padding-top: 15px;}
.ecoform td { padding-bottom: 10px;}
.maintable h2 { margin-bottom: 10px; }

/*-----------------------------------
		[Card Info]
------------------------------------*/
.cardinfo	{ float: left;  width:473px; height: 475px; }		
.marginT85R45	{ margin: 85px 45px 0 0;}

/*-----------------------------------
		[UPDATE Card Info]
------------------------------------*/
.update_bc_card_info	{ float: left;  width:473px; height: 522px; background-repeat: no-repeat; }		
.marginT75L65	{ margin: 80px 0 0 45px;}


/*-----------------------------------
		[Card Info]
------------------------------------*/
.updateinfo	{ float: left;  width:473px; height: 475px;  background-repeat: no-repeat; }
.marginT100L45	{ margin: 100px  0 0 45px;}