@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}

.main {
	position:relative;
	width:898px;
	margin: 0px auto;
}

/*======= header and top menu =======*/
#header {
	height:280px;
}

#header #menubar {
	position: relative;
	width: 900px;
	height: 254px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/asap_logo_background_new.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #eae7e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#header #menubar #titleImage {
	position: absolute;
	top: 30px;
	right: 0px;
}

#header #menubar #logoImage {
	position: absolute;
	top: 5px;
	left: 18px;
}

#header #menubar #menusection {
	float: left;
	margin: 86px 0px 0px 0px;
	width: 310px;
	height: 150px;
}

#header #menubar #menusection #options {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 5px solid #da6800;
	/* background-color: #7c7061; */
	color: #000;
}

#header #menubar #menusection #options a,
#header #menubar #menusection #options a:visited {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
	color: #000;
}

#header #menubar #menusection #options a:hover {
	border-left: 30px solid #da6800;
	padding: 2px 0px 0px 10px;
	background-color: #80848a;
	color: #FFF;
	height: 18px;
}

#header #menubar #menusection #options .selected {
	display: block;
	border-left: 30px solid #da6800;
	padding: 2px 0px 0px 10px;
	background-color: #80848a;
	color: #FFF;
	height: 18px;
}

/* ####################### CONTENT SECTION ####################### */

.content {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(images/bg_row1.gif);
	background-repeat: repeat-x;
	background-color: #e5e4e3;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif, Arial;
}

h2 {
	color:#da6800;
	font-size:22px;
	margin-bottom:15px;
	margin: 2px 0px 8px 0px;
	font-weight: bold;
}

h3 {
	color:#da6800;
	font-size:16px;
	margin-bottom:15px;
	margin: 2px 0px 8px 0px;
	font-weight: bold;
}

h4 { 
	color:#da6800; 
	font-size:12px; 
	margin: 2px 0px 8px 0px;
}

h5 { 
	color:#da6800; 
	font-size:12px; 
	margin: 2px 0px 8px 0px;
}

.content_left {
	float: left;
	width:296px;
	margin: 0px 21px 20px 25px
}

.content_right {
	float: left;
	width:510px;
	height: 320px;
	overflow: auto;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 7px;
	text-align: justify;
}

.content_right h3{
	color:#da6800;
	font-size:12px;
	margin-bottom:15px;
	margin-top: 2px;
	font-weight: bold;
}

.list a, .list a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height: 18px;
}

ul li{
	background-position:0 8px;
	margin:0px;
	padding-left:18px;
	background-image: url(images/marker.gif);
	background-repeat: no-repeat;
}

.specialList ul li {
	background-image: none;
	list-style-type: disc;
	list-style: inside;
	margin-left: -14px;
}

.clear {
	clear: both;
}


.content .finishText {
	float: left;
	width: 610px;
	text-align: center;
	margin: 15px 0px 0px 0px;
}

/**************** index page styles ***********************/
.imageStyle {
	border: none;
	margin: 0px 0px 20px 0px;
}

.imageDemoStyle {
	border: none;
	margin: 10px 0px 25px 20px;
}

#currency_au, #currency_us, #currency_uk, #currency_eu, #currency_nz {
	display: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #da6800;
} 

#currency_au .small, #currency_us .small, #currency_uk .small, #currency_eu .small, #currency_nz .small {
	font-size: 12px;
	margin-top: 4px;
}

#charges_au, #charges_us, #charges_uk, #charges_eu, #charges_nz {
	position: absolute;
	width: 482px;
	height: 232px;
	top: 194px;
	right: 60px;
	border: 0px solid #999999;
	padding: 8px;
	background-color: #CC6602;
	display: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border-bottom: 0px solid #222;
	border-right: 0px solid #222;
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	z-index: 1400;
} 

#charges_au .close, #charges_us .close, #charges_uk .close, #charges_eu .close, #charges_nz .close {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 16px;
	width: 16px;
}


#charges_au .content, #charges_us .content, #charges_uk .content, #charges_eu .content, #charges_nz .content {
	margin: 8px auto;
	padding: 1px 2px;
	width: 444px;
	height: 190px;
	background-color: #EEEEEE;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

#charges_au .content .cell, #charges_us .content .cell, #charges_uk .content .cell
, #charges_eu .content .cell, #charges_nz .content .cell {
	float: left;
	width: 213px;
	height: 44px;
	margin: 1px 1px 0px 0px;
	padding: 4px;
	background-color: #FFDF04;
}

#charges_au a, #charges_au a:visited, 
#charges_nz a, #charges_nz a:visited, 
#charges_us a, #charges_us a:visited, 
#charges_uk a, #charges_uk a:visited, 
#charges_eu a, #charges_eu a:visited {
	color: #000000;
	text-decoration: underline;
}

#charges_au a:hover, 
#charges_nz a:hover, 
#charges_us a:hover, 
#charges_uk a:hover, 
#charges_eu a:hover {
	text-decoration: none;
}

.currency_select {
	margin: 14px 0px 0px 0px;
	text-align: center;
}

.currency_select a, .currency_select a:visited {
	text-decoration: none;
}

.currency_select a:hover {
	text-decoration: underline;
}



/**************** system workflow style *******************/
#flowchart_title {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0px 12px 0px;
}

.fullWidth {
	position: relative;
	width: 850px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

.fullWidth ul {
	line-height: 14px;
}

/****************** a greener world styles *****************/
.large_title {
	color: #da6800;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
	text-align: center;
}	

.left {
	float: left;
	width: 590px;
	text-align: justify;
}

.right {
	float: left;
	width: 260px;
	text-align: right;
}

.right img {
	border: none;
	margin: 4px 0px 6px 0px;
}

.left a, .left a:visited {
	color: #da6800;
}

/* ***************** Free Trial Section ***********************/

#freeTrialBox {
	width: 775px;
	background-image: url(images/trial_box.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 10px 5px;
	margin: 0px auto 0px auto;
	height: 196px;
}

.content_index_5 {
	float: left;
	width: 500px;
	margin: 0px 30px;
	padding: 0px;
	clear: both;
}

.title_5, .title_5_left {
	float: left;
	width: 120px;
	height: 12px;
	margin: 1px 0px 0px 18px;
	padding: 8px 0px 0px 0px;
}

.title_5_left {
	width: 90px;
}

.input_5, .input_5c, .input_special, .timeDisplay {
	float: left;
	width: 250px;
	height: 17px;
	margin: 1px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

.input_5c {
	height: 17px;
	margin: 2px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

.input_5a {
	float: left;
	width: 30px;
	height: 12px;
	margin: 1px 0px 0px 0px;
	padding: 8px 8px 0px 0px;
}

.input_5b {
	float: left;
	height: 17px;
	margin: 1px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	width: 200px;
}

.input_5 input, .input_5b input, 
.input_5 select, .input_5b select, 
.input_special select {
	font-size: 12px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	height: 16px;
	border:1px solid #4d453c; 
	background:#edeceb;
}

.input_special select, .input_5c select {
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	font-size: 12px;
 	border:1px solid #4d453c; 
	background:#edeceb;
}

.input_special {
	width: 630px;
	margin: 2px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

#inputHeight {
	height: 16px;
}

.submit_5 {
	float: left;
	width: 98%;
	padding-top: 2px;
	margin: 6px 0px 0px 0px;
	text-align: center;
}

#button {
	margin: 4px 0px -1px -10px;
	padding: 0px;
	text-align: center;
	width: 80px;
	height: 28px;
	color: #000;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #FFF;
}

#button:hover {
	background-color: #57B02D;
}

.freeTrialInfo { 
	color:#da6800;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}

#showTime {
	display: inline; 
	width:445px; 
	margin: 2px 0px 10px 10px; 
	height:16px;
}

/**************************** Trial agreement page ****************************/

.agreement {
	width: 90%;
	margin: 5px auto;
	height: 280px;
	overflow: auto;
	border: 1px solid #AAA;
	padding: 8px;
	background-color: #FFF;
}

.agreementConfirmation {
	position: relative;
	width: 90%;
	text-align: right;
	padding: 8px;
	margin: 5px auto;
}

.agreementConfirmation .subscriberStatement {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 300px;
	text-align: left;
}

.agreementConfirmation .submitButton {
	background-color: #AACC02;
	padding: 0px;
	margin: 0px;
	border-width: 1px;
	height: 20px;
	width: 230px;
}

.agreementConfirmation input {
	border-width: 0px;
	width: 20px;
	background-color: #E4E4E4;
}

.submitButton {
	background-color: #AACC02;
	padding: 0px;
	margin: 0px;
	border-width: 1px;
	height: 20px;
	width: 230px;
}
.agreement {
	width: 90%;
	margin: 5px auto;
	height: 280px;
	overflow: auto;
	border: 1px solid #AAA;
	padding: 8px;
	background-color: #FFF;
}

.agreementConfirmation {
	position: relative;
	width: 90%;
	text-align: right;
	padding: 8px;
	margin: 5px auto;
}

.agreementConfirmation .subscriberStatement {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 300px;
	text-align: left;
}

.agreementConfirmation .submitButton {
	background-color: #AACC02;
	padding: 0px;
	margin: 0px;
	border-width: 1px;
	height: 20px;
	width: 230px;
}

.agreementConfirmation input {
	border-width: 0px;
	width: 20px;
	background-color: #E4E4E4;
}

.submitButton {
	background-color: #AACC02;
	padding: 0px;
	margin: 0px;
	border-width: 1px;
	height: 20px;
	width: 230px;
}

/************************* contact page **************************/

#contactAddress a, #contactAddress a:visited {
	color:#da6800;
	font-weight: bold;
	text-decoration: none;
}

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

/************************* System demo page ***********************/

.continueDemo {
	background-image: url(images/continue.gif);
	background-repeat: no-repeat;	
	width: 180px;
	height: 28px;
}

/* ####################### FOOTER SECTION ####################### */
.footer {
	position: relative;
	height: 55px;
	color:#4d453c;
	font-size:11px;
	background-color: #80848a;
}

.footer a {color:#4d453c; text-decoration:underline; margin:0 0px 0 10px}  
.footer a:hover {  text-decoration:none}
.footer p a {color:#4d453c; text-decoration:none; margin: 0 20px 0 20px}  
.footer p a:hover {  text-decoration:underline}

.footer_icons {
	height: 32px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.footer_icons .left_icon {
	float: left;
	width: 33%;
	height: 23px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	border-right: 1px solid #444;
	text-align: center;
}

.footer_icons .centre_icon {
	float: left;
	width: 33%;
	height: 23px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	border-right: 1px solid #444;
	text-align: center;
}

.footer_icons .faq_icon {
	float: left;
	width: 20%;
	height: 23px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	border-right: 1px solid #444;
	text-align: center;
}

.footer_icons .right_icon {
	float: left;
	width: 33%;
	height: 23px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}

.footer_link {
	font-size: 16px;
	font-weight: bold;
	color: #EEE;
	letter-spacing: 1px;
}

.footer_link a, .footer_link a:visited, .footer_link a:hover {
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}

.footer_link_bar {
	height: 17px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	background-color: #bfc1c4;
	text-align: center;
}

.footer_link_bar p {
	margin: 0px;
}

.copyright-footer{
	margin: 8px 0px 10px 0px;
	padding: 0px;
	text-align: right;
	font-size: 9px;
	color:#4d453c;
}

.contactUs a, contactUs a:visited, contactUs a:hover {
	color:#00F;
}

contactUs a:hover {
	text-decoration: none;
}

.supportEmail a, supportEmail a:visited {
	color: #00F;
}