@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ADA67E;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #400;
}

body a:link,
body a:visited,
body a:active{
	text-decoration:none;
	color: #990000;
}

body a:hover {
	text-decoration:underline;
	color: #990000;
}

h2 {
	margin: 0;
	font-size: 10pt;
}

.twoColElsLtHdr #container {
	width: 780px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFF0C9;
	background-image: url(../Assets/Images/evect_curved.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.twoColElsLtHdr #header {
	height: 196px;
	padding-bottom: 0;
} 


.twoColElsLtHdr #header h1 {
	margin: 0;
	padding-top: 5px;
	float: left;
	width: 450px;
	font-size: 16pt;
	font-weight: bold;
	color: #990000;
	text-align: center;
}

.twoColElsLtHdr #sidebar1 {
	width: 170px;
	background-image: url(../Assets/Images/evect_login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	padding-left: 15px;
	float: left;
	padding-right: 5px;
}

.twoColElsLtHdr #sidebar2 {
	width: 125px;
	padding-top: 1em;
	padding-left: 5px;
	padding-bottom: 20px;
	padding-right: 5px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #660000;
}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent {
	background-image: url(../Assets/Images/evect_curved.jpg);
	background-repeat: no-repeat;
	width: 450px;
	float: left;
	font-size: 10pt;
	padding-top: 1em;
	zoom: 1;
	text-align:justify;
} 
.twoColElsLtHdr #footer {
	background-color: #F1D898;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #800000;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
} 
.twoColElsLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*    ******   site definitions    ******   */

p {
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.header_note {
	background-image: url(../Assets/Images/evect_note.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 161px;
	width: 170px;
	font-size: 16px;
	font-weight: bold;
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 35px;
	padding-left: 20px;
}

.header_menu {
	background-image: url(../Assets/Images/evect_logo.jpg);
	background-repeat: no-repeat;
	height: 196px;
	background-position: right top;
	width: 590px;
	float: left;
	vertical-align: baseline;
	clear: none;
}

.LoginTitle {
	color: #800000;
	padding-left: 15px;
	font-size: 14px;
}

/* For Login Area cell backgrounds */
.RC1_Header {
	background-image: url(../Assets/Images/RC1_Dots.gif);
	background-repeat: no-repeat;
	background-color: #e7a87a;
	font-size: 10pt;
	color: #804040;
	font-weight: bold;
	line-height: 12pt;
	padding-left: 13px;
	padding-bottom: 4px;
}

.RC1_OrderNow {
	background-image: url(../Assets/Images/Order-Now.gif);
	background-repeat: no-repeat;
	background-color: #e7a87a;
	height: 47px;
}

.DecoRect_UL, .DecoRect_UR,
.DecoRect_LL, .DecoRect_LR
{
	width: 8px;
	height: 7px;
	background-repeat:no-repeat;
}
.DecoRect_LL, .DecoRect_LR{ height: 9px; }

.DecoRect_UL { background-image: url(../Assets/Images/RC1_UL.gif); }
.DecoRect_UR { background-image: url(../Assets/Images/RC1_UR.gif); }
.DecoRect_U {
	height: 7px;
	background-image: url(../Assets/Images/RC1_U.gif);
	white-space: nowrap;	
}
	
.DecoRect_LL { background-image: url(../Assets/Images/RC1_LL.gif); }
.DecoRect_LR { background-image: url(../Assets/Images/RC1_LR.gif); }
.DecoRect_L {
	height: 9px;
	background-image: url(../Assets/Images/RC1_L.gif);
	white-space: nowrap;	
}

.DecoRect_L1 { background-image: url(../Assets/Images/RC1_L1.gif); }
.DecoRect_R1 { background-image: url(../Assets/Images/RC1_R1.gif); }
.DecoRect_L2 { background-image: url(../Assets/Images/RC1_L2.gif); }
.DecoRect_R2 { background-image: url(../Assets/Images/RC1_R2.gif); }

.AdArea {
	background-image: url(../Assets/Images/RC1_BG.gif);
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #802F4B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-right: 1px;
	padding-left: 1px;
	background-color: #E7C465;
	background-repeat: repeat-x;
}

.twoColElsLtHdr #container #sidebar1 #LoginForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #804040;
}

.LoginLabel {
	width: 55px;
	text-align: right;
	float: left;
	line-height: 20px;
	padding-right: 2px;
}

.LoginArea {
	background-image: url(../Assets/Images/RC1_BG.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	background-color: #EBCC7C;
	font-size: 11px;
	color: #804040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.LoginArea p a:link,
.LoginArea p a:visited,
.LoginArea p a:active{
	text-decoration:none;
	color: #990000;
}

.LoginArea p a:hover {
	color: #990000;
}

.LoginAreaTextField {
	background-color: #FFE7A6;
	font-size: 10px;
	color: #802F4B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	height: 18px;
	margin: 2px;
}

.LoginButton {
	font-size: 11px;
	color: #802F4B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 60px;
	margin-top: 10px;
	text-align: center;
}

#title {
	padding-top: 5px;
	float: left;
	width: 450px;
	font-size: 16pt;
	font-weight: bold;
	color: #990000;
	text-align: center;
}

#text_title {
	padding-top: 5px;
	font-size: 12pt;
	font-weight: bold;
	color: #990000;
	font-style: italic;
}

#scrollup {
	position: relative;
	overflow: hidden;
	height: 80px;
	width: 100px
 }
.headline {
	position: absolute;
	top: 85px;
	height: 75px;
	width:95px;
	text-align: left;
 }
.headline span {
	color: #A86868;
	font-size: 8px;
	font-style: italic;
	float: left;
}
.explanation {
	color: #A54040;
	font-size: 8pt;
	font-style: italic;
	height: 2em;
	text-align: center;
	float: left;
 }



.twoColElsLtHdr #InputArea, #ResultArea, #discountArea {
	background-image: url(../Assets/Images/RC1_BG.gif);
	color: #804040;
	width: 80%;
	background-color: #E7C465;
	padding: 15px;
	margin-left: 30px;
	background-repeat: repeat-x;
	margin-top: 10px;
	border: medium double #990000;
}

.InputLabel {
	width: 80px;
	text-align: right;
	float: left;
	line-height: 20px;
	padding-right: 2px;
}

.InputTextField {
	background-color: #FFE7A6;
	color: #802F4B;
	width: 170px;
	height: 18px;
	margin: 2px;
}

.InputButton {
	color: #802F4B;
	margin-left: 100px;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.testTBL{
	margin: 5px 5px 5px 5px;
	
}

	.testTBL input, .testTBL select {
	background-color: #FFE7A6;
	color: #802F4B;
	height: 16px;
	margin: 1px;
	}

	.KT_tngtable textarea {
		font-size: 12px;
		background-color: #FFE7A6;
		color: #802F4B;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.DetailSeparator {
	font-size: 11pt;
	color: #900;
	font-weight: bold;
	font-style: italic;
}


.twoColElsLtHdr #mainContent input#kt_login2 {
	font-size: 11px;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../Assets/Images/RC1_BG.gif);
	padding: 3px;
	height: auto;
}



#tooltip {
	display: none;
	width: 180px;
	z-index: 10000;
	border: 1px solid #990000;
	background-color: #E7C465;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-image: url(../Assets/Images/RC1_BG.gif);
	background-repeat: repeat-x;
	text-align: left;

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
#tooltip h3 {
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align:center
}

#tooltip h4 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* Styles for the entire LavaLamp menu */
.lavaLamp {
	position: relative;
	height: 31px;
	width: 580px;
	padding-top: 120px;
	padding-left: 10px;
	overflow: hidden;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}
/* Force the list to flow horizontally */
.lavaLamp ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.backLava {
	background:url(../Assets/Images/menuhl_right.gif) no-repeat right top;
	width: 9px; height: 29px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.backLava .leftLava {
	background:url(../Assets/Images/menuhl_left.gif) no-repeat left top;
	height: 29px;
	margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	font: bold 14px arial;
	outline: none;
	text-align: center;
	height: 30px;
	top: 7px;
	z-index: 10;
	letter-spacing: 0;
	float: left;
	display: block;
	margin-top: auto;
	margin-right: 12px;
	margin-bottom: auto;
	margin-left: 12px;
}

#greetingArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #900;
	float: left;
	height: 40px;
	width: 160px;
	padding-top: 17px;
	padding-bottom: 5px;
	background-image: url(../Assets/Images/SingInArea.gif);
	background-repeat: no-repeat;
}

.collapsed, .expanded
{
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 19px;
	cursor: pointer;
	cursor: hand;
	text-decoration:underline
}

.collapsed
{
	background-image:url(../Assets/Images/Down.gif);
}

.expanded
{
	background-image:url(../Assets/Images/Up.gif);
}

.roundB_title_L, .roundB_title_R
{
	background-image:url(../Assets/Images/title_bg_L.gif);
	width:10px;
	height:28px;
	float:left;
}

.roundB_title_R
{
	background-image:url(../Assets/Images/title_bg_R.gif);
}

.roundB_title
{
	background-image:url(../Assets/Images/title_bg.gif);
	padding-top:6px;
	height:22px;
	float:left;
	color: #900;
	font-weight: bold;
}
