*	{ margin: 0; padding: 0;}

.clear	{	width: 100%; clear: both; }

.center	 { display: table; margin-left: auto; margin-right: auto;}
		
body {	
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	background: url(/images/Bkgrd_GradientImg2.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
}

td {
	font-size: 12px;
}

#outside_wrapper	{
	display: table;
	background: url(/images/content_RborderBkgrd.png) center center repeat-y;
	width: 1046px;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	}

#wrapper	{
	display: block;
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}

/* Header */
	
#headwrap	{
	display: block;
	width: 100%;
	padding-top: 20px;
	}

#headwrap .left	{
	float: left;
	width: auto;
	margin-left: auto;
	margin-right: auto;	
	padding: 10px 50px 0 50px;	
	}	
	
#headwrap .middle	{
	float: left;
	height: 50px;
	margin-left: auto;
	margin-right: auto;	
	padding: 50px 50px 0 50px;		
	}	

#headwrap .right	{
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 50px 0 50px;		
	}	


/* Logo */

#logo {
	display: block;
	width:auto;
	margin-left: auto;
	margin-right: auto;	

}	

#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;
}

#static_image	{
	width: 1000px;
	height: 229px;
	border: none;
		}

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: 165%;
}

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 {
	color: #009900;
	font-weight: 400;
		}
	
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;
}


/* Top Menu */

# {
	display: table;
	margin-left:auto;
	margin-right: auto;
}

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

#topmenu li {
	padding-left: 22px;
}

#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;
}

#maincontent		{
	display: table;
	width: 1000px;
	margin: 0;
	padding: 0;
		}
	
#maincontent	 .left 	{
	display: table-cell;
	width: 600px;
	float: left;	
	padding-left:10px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;	
	}
	
#step123	{
	display: block;
	width:560px;
	margin-left: auto;
	margin-right: auto;
	}	

#maincontent	 .right 	{
	display: table-cell;
	float: right;
	position: relative;	
	width: 370px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;		
	border-left: 1px dotted #999999;	
	}

#maincontent .single	{
	display: block;
	width: 850px;
	height: auto;
	background:url(/images/maincontent_bkgrd_bdy.png) center center repeat-y;
	margin-left: auto; 
	margin-right: auto; 
	padding: 0 25px 0 25px;
	}
	
#maincontent .singlebtm	{
	display: block;
	width: 850px;
	height: 37px;
	background:url(/images/maincontent_bkgrd_btm.png) center bottom  no-repeat;
	margin-left: auto; 
	margin-right: auto; 
	}
	
.phonedemo	{
	display: table;
	padding: 20px 0 20px 0;
	border: none;
	margin-left: auto;
	margin-right: auto;
	}
	
#GreenEvent	{
	display: table;
	margin-left: auto;
	margin-right: auto;
	}	
	
		

/* 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 li {
	padding-left:15px;
	background: url(/images/leave.gif) top left no-repeat 20px 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;
}

.contentleft	{
	display: table;
	float: left;
	}
	
.cotentright	{
	display: right;
	float: right;
	}
		
.twocols {
}

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

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

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

/*Package*/
#package	{
	display: table; 
	margin-top: 20px;	
	margin-bottom: 20px;
	margin-left: auto; 
	margin-right: auto;
	}

/* Testimonials */

#Testimonials	{
	display: table;
	margin-left: auto;
	margin-right: auto;
	}	


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

#Testimonials li {
	font-style: italic;
}

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

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

.answer		{
	padding: 15px 0 0 30px;
	}
	
/* 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;
}

#footer a:hover {
	color: #009900;
	font-weight: 400;
		}

#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: none;
			 padding: 5px 0 5px 0;
			 height: 50px;
			 
			 }	
			 		 
.price		{
			padding: 5px 0 5px 0;
			margin: 0;
			color: #804000;			
			}
			
/* --------------------------------------
	onMouseover - Block Text
--------------------------------------*/
.blocktxt { 
	background-color: #FFFFCC; 
	border: 1px solid #cccccc; 
	width: 600px; 
	padding: 5px;
	}

.closebtn	{ margin: 4px 0 0 585px;}
#FAQlists ul li		{ 
					background: url(../images/leave.gif) no-repeat 0 8px;
					list-style: none;
					padding-left: 15px;
					margin-bottom: 10px;					
 					} 
					
.eco_blocktxt { 
	z-index: 99; 
	position: absolute; 
	display: none; 
	left: 800px; 
	top: 1000px; 
	}

.eco_blocktxt-2 { 
	z-index: 99; 
	position: absolute; 
	display: none; 
	left: 1000px; 
	top: 600px; 
	}

.shortform_blocktxt { 
	z-index: 99; 
	position: absolute; 
	display: none;
	left: 250px; 
	top: 500px; 
	}
	
.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; 
	margin: 20px 0 20px 0;
	}
	.datagrid td {
		padding: 2px 4px;
		border: 1px solid #CCCCCC;
		color: #CCCCCC;
		}


/* --------------------------------------
	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: 20px; 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 { background: url(/images/breadcrumb_bkgrd.jpg) top left repeat-x; width: 100%; height: 40px; clear: both;} 
.breadcrumb	{ display: table; color: #EF5611; font-weight: bold; font-size: 14px; text-transform: uppercase; padding:  10px 0 0 55px;}	 
.breadcrumb	a {color: #006600;}
.breadcrumb a:hover	{color: #ffffff; 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]
--------------------------------- */
#orangeheader	{
	display: table; 
	width: 780px; 
	height: 36px;
	margin-left: 2px;
	margin-right: auto;	
	}
	
#loginheader	{
	display: table; 
	width: 350px; 
	height: 36px;
	}

.login_body	{
	display: table; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	width: 352px; 
	margin-left: -2px; 
	margin-right: auto; 
	}

.tl	{
	width: 11px; 
	height: 36px; 
	background:url(/images/TL_corner.jpg) top left no-repeat; 
	float: left;
	margin-left: -2px;
	}

.tr	{
	width: 11px; 
	height: 36px; 
	background:url(/images/TR_corner.jpg) top right no-repeat; 
	float: right;	
	margin-right: -2px;
	}
	
.tm	{
	width: 775px; 
	height: 36px; 
	background:url(/images/B_kgrd.jpg) top left repeat-x; 
	}

.tm330	{
	width: 350px; 
	height: 36px; 
	background:url(/images/B_kgrd.jpg) top center repeat-x; 
	position:relative;
	float:left;
	margin-top:1px;
	}
	

#roundcrnerbtm	{
	display: table; 
	width: 778px; 
	height: 10px;
	margin-left:auto;
	margin-right: auto;
	}

#roundcrnerbtmsm	{
	display: table; 
	width: 100%; 
	height: 10px;
	margin-left:auto;
	margin-right: auto;
	}

.bl	{
	display: table;
	width: 10px; 
	height: 10px; 
	background:url(/images/BL_corner_grey.gif) bottom left no-repeat; 
	float: left;
	position:relative;
	margin-left:-2px;	
	}

.br	{
	display: table;
	width: 10px; 
	height: 10px; 
	background:url(/images/BR_corner_grey.gif) bottom center no-repeat; 
	position:relative;
	float: right;
	}
	
.bm	{
	display: table;
	width: 760px; 
	height: 10px; 
	background:none;
	border-bottom: 1px solid #cccccc; 
	position:relative;
	float:left;
	margin-top:-1px;
	}

.bm330	{
	display:table;
	width:330px; 
	height:10px; 
	background:none;
	border-bottom: 1px solid #cccccc; 
	position:relative;
	float:left;
	margin-top:-1px;
	}

.maintable	{ 
		display: table;
		width: 780px;
		margin-left: auto; 
		margin-right: auto; 		
		padding:0; 
		}
		
#form1 .ecoform { 
	width: 100%;
	font-family: Arial, Helvetica, sans-serif!important;
	text-transform: none; 
	padding-top: 15px;
	}
	
.ecoform td { 
	padding-bottom: 10px;
	}
	
.maintable h2 { 
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin: 7px 0 0 10px;
	float: left;
	position: relative;
		}

.loginh2 { 
	font-size:16px;
	font-weight: bold;
	color: #666666;
	margin: 7px 0 0 10px;
	float: left;
	position: relative;
	}
	
.maintable_body	{
	display: table; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	width: 778px; 
	margin-right: auto;
	}
	
/*-----------------------------------
		[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;}

/*------------------
	[callout]
--------------------*/
.callout {
	background:url(/images/callout.png) center center no-repeat;
	line-height: 1.2em; 
	height: 90px;
	}

.margin15150815	{
	margin: 15px 15px 8px 15px;
	}
	
.leaveicon	{
	display: block; 
	float: left; 
	margin-top: 8px; 
	width: 20px; 
	height: 20px;	
	}
	
.characterused	{
	background:url(/images/CharacterUsed.jpg) center center no-repeat; 
	width: 269px; 
	height: 65px;
	 text-transform: uppercase; 
	 font-size:12px; 
	 font-weight: bold;
	 }
	 
#loginpassword	{ 
		display: table;
		width: 350px;
		margin-left: auto; 
		margin-right: auto; 	
 		}
	
#HTMLcode	{
	display: block; 
	width: 245px; 
	height: 100px; 
	background-color:#FFFFFF; 
	border: 2px solid #009900; 
	margin-left: auto; 
	margin-right: auto; 	
	margin-top:390px; 
	padding: 10px;
	}
	
#HTMLcode p.1	{
	padding: 10px 0 30px 0; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; 
	line-height:1em;
	}
	
#HTMLcode .txtarea	{
	width: 240px;
	height: 60px; 
	clear: both; 
	margin: 0; 
	padding: 0;
	}
	
.x	{
	clear:both;
	display: block;
	float: right;
	margin: 70px 50px 0 0;
	}
	
.greyborder {
	border: 1px solid #CCCCCC;
	padding: 15px;
	}