html {height: 100%;margin: 0px 0px 0px 0px;}

body{
	background-color: #1F4D80;
	background-image: url(/wsimages/homePage/ezHomePageBodyBG.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0;
	margin: 0;
	height: 100%;

	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 16px;
	color: #194677;
}

form, input, textarea, select {margin: 0; padding: 0;}
img {border: none;}

.noText {line-height:1px;font-size:1px;} /* tells IE to use 1px line height and font size */

div#main {
	margin: 0px;
	width: 915px;
	background-color: transparent;
	margin: 26px auto auto auto;
}


div#headerWrapper {padding-bottom: 9px;}
div#headerTop {height: 10px;background-image: url(/wsimages/homePage/ezHomePageHeaderTop.jpg);}
div#headerLeft {float: left;width: 10px;height: 122px;background: #ffffff url(/wsimages/homePage/ezHomePageHeaderLeftBG.jpg) no-repeat top left;}
div#headerImage {float: left;background-color: #ffffff; height: 122px;}
div#headerRight {float: left;width: 10px;height: 122px;background: #ffffff url(/wsimages/homePage/ezHomePageHeaderRightBG.jpg) no-repeat top left;}

div#bodyContent {
	padding-left: 10px;
	background: #FFFFFF url(/wsimages/homePage/ezHomeBodyContentBG.jpg) no-repeat bottom right;
}
div#bodyContentBottom {
	padding-left: 10px;height: 20px;
	background: transparent url(/wsimages/homePage/ezHomePageBodyBottom.jpg) no-repeat bottom left;
}

div#left {width: 506px; float:left;}
div#right {width: 370px; float:left;margin-left: 19px;}

/**********/
/* BLUE   */
/**********/
div#containerBlueWrapper {
	width: 506px;
	clear: both;
	float: left;
}
div#containerBlueTitle {
	height: 48px;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerBlueTitle.jpg) no-repeat;
}
div#containerBlueContent {
	border-left: 2px solid #99A0BE;
	border-right: 2px solid #99A0BE;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerBlueBG.jpg) no-repeat bottom left;
	padding-left: 27px;
	padding-top: 5px;
	
	font-size: 14px;
	
}
div#containerBlueBottom {
	height: 10px;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerBlueBottom.jpg) no-repeat;
}

div.ezyratesEnables {
	padding-left: 12px;
	padding-top: 2px;
	background: transparent url(/wsimages/homePage/bulletRed.gif) no-repeat center left;
}
div.ezyratesEnablesSeparator {
	background: transparent url(/wsimages/homePage/dashedLinesGrey.gif) no-repeat bottom left;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-left: 12px;
}
div#btnSignUpFreeDemo {
	padding-top: 20px;
	padding-bottom: 10px;
}


/**********/
/* ORANGE */
/**********/
div#containerOrangeWrapper {
	width: 370px;
	clear: both;
	float: left;
}
div#containerOrangeWrapper.lhs {
	width: 505px;
}
div#containerOrangeTitle_login {
	height: 48px;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerOrangeLoginTitle.jpg) no-repeat;
}
div#containerOrangeTitle_contact {
	height: 48px;
	margin-top: 16px;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerOrangeContactUsTitle.jpg) no-repeat;
}
div#containerOrangeTitle_faq {
	height: 48px;
	margin-top: 16px;
	background: #DFEBF7 url(/wsimages/homePage/ezHomePageContainerOrangeFAQTitle.jpg) no-repeat;
}
div#containerOrangeContent {
	border-left: 2px solid #E16F50;
	border-right: 2px solid #E16F50;
	padding-left: 20px;
	padding-top: 15px;
	background: #FFEFDB url(/wsimages/homePage/ezHomePageContainerOrangeBG.jpg) no-repeat top left;

}

div#containerOrangeContent.lhs {
	border-left: 2px solid #E16F50;
	border-right: 2px solid #E16F50;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 8px;
	background: #FFEFDB url(/wsimages/homePage/ezHomePageContainerOrangeLHSBG.jpg) no-repeat top left;

}

div#containerOrangeBottom {
	height: 10px;
	background: #FFEFDB url(/wsimages/homePage/ezHomePageContainerOrangeBottom.gif) no-repeat;
}
div#containerOrangeBottom.lhs {
	height: 10px;
	padding-left: 4px;
	background: #FFEFDB url(/wsimages/homePage/ezHomePageContainerOrangeLHSBottom.jpg) no-repeat;
}


/*************/
/* Q&A Panels*/
/*************/
div.qaPanelWrapper {width: 335px;margin-left: auto;margin-right: auto;margin-top: 0px;}
div.qaPanelWrapper.answer {margin-top: 8px;}

div.qaPanelTop {height: 13px;background: transparent url(/wsimages/homePage/qaPanelTop.gif) no-repeat;}
div.qaPanelContent {background: transparent url(/wsimages/homePage/qaPanelBG.gif) repeat-y top left;}
div.qaPanelBot {height: 13px;background: transparent url(/wsimages/homePage/qaPanelBot.gif) no-repeat;}

td.faqQA {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
td.faqQuestion {color: #c12400; font-size: 14px; }
td.faqAnswer {color: #811800; font-size: 14px;}

.faqIconQ {vertical-align: top;}
.faqIconA {vertical-align: top;}

#iconQ {padding-left: 10px;}
#iconA {position: relative; left: 10px; top: -5px;}

div#containerFlippers {
	
	position: relative;
	
	top: 10px;
	left: 210px;
		
}

div.flipperButton {
	display: inline;
	cursor: pointer;
}

div#flipperCounter {
	
	float: left;
	position: relative;
	
	top: 4px;
	right: 8px;
	
	text-align: center;
	padding-top: 3px;
	
	width: 66px;
	height: 19px;
	
	background-image: url(/wsimages/homePage/flipperCounterBG.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 12px;
		
}


/**************/
/* Contact Us */
/**************/

div#containerOrangeContent.contact {
	padding-top: 18px;
	padding-bottom: 18px;	
}

div#contactPhone img, div#contactEmail img {
	vertical-align: middle;
	margin-right: 2px;
}

div#contactEmail img {
	margin-left: 10px;	
}

div#contactEmail {padding-bottom: 10px;}

div#contactPhone, div#contactEmail {display: inline;}

span.lightBrown {font-size: 16px; color: #C12400; font-weight: bold;}
span.darkBrown {font-size: 16px; color: #811800; font-weight: bold;}
span.darkBrown a,span.darkBrown a:link,span.darkBrown a:visited,span.darkBrown a:active,span.darkBrown a:hover {
	font-size: 16px; color: #811800; font-weight: bold;
}

/**************/
/*   LOGIN    */
/**************/

div#forgotPasswordResult {
	padding-bottom: 8px;
	padding-right: 10px;
	color: #C12400;
}

div#containerOrangeContent.login {
	font-size: 14px;
}

div.inputField {
	background: transparent url(/wsimages/homePage/inputFieldBG.gif) no-repeat;
	height: 32px;
	margin-bottom: 13px;
}
input.fldOrange {
	border: 0;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 16px;
	color: #811800;
	background-color: transparent;
	padding: 4px 4px 2px 4px;
	margin-left: 4px;
	height: 24px;
}

input#btnLogin {
	background: transparent url(/wsimages/homePage/btnLogin.gif) no-repeat;
	width: 114px;
	height: 39px;
	margin-right: 18px;
}
input#btnSignUp {
	background: transparent url(/wsimages/homePage/btnSignUp.gif) no-repeat;
	width: 96px;
	height: 39px;
}
div#loginSeparator {
	margin-top: 9px;
	margin-bottom: 9px;
	height: 2px;
	background: transparent url(/wsimages/homePage/dashedLinesOrange.jpg) no-repeat 4px;
}
div#forgotPassword {padding-bottom: 5px;}
div#forgotPassword a {
	font-size: 14px;
	color: #FF943A;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 4px;
}
div#forgotPassword a:hover {text-decoration: none;}

/**********/
/* FOOTER */
/**********/

div#footerLinks {
	
	
	float: right;

	text-align: right;
	font-size: 11px;
	font-family: arial,sans-serif;
	
	color: #B1C1D3;
	
	display: inline;
	
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

div#footerText {
	
	float: right;
	
	display: inline;

	font-size: 11px;
	font-family: 11px;
	color: #B1C1D3;
	
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

div#footerLinks a {
	color: #B1C1D3;
}

div#footerLinks a:hover {
	text-decoration: none;	
}

span.footerLinksDivider {
	color: #768697;	
}




