﻿/* DEFAULTS
----------------------------------------------------------*/

body
{
    /**/
   /* background-color: #000000;*/
    background-image: url('../images/bgBody.gif');
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-repeat: repeat-x;
}

.page
{
    width: 960px;
/*    background-image: url('../images/bg-page.jpg');*/
    background-color: #fff;
    margin: 20px auto 0px auto;
    line-height: 19px;
    border: 1px solid #EEEEEE;
    vertical-align:middle;
    position:static;
    min-height:700px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
 
}
.main
{
   /* background-color: #eeeeee;*/
    padding: 0px 0px;
    margin: 12px 8px 8px 8px;
    min-height: 600px;
}
.footer
{
    margin:0;
    padding:0;
   background:#3a4f63;
}
.sidemenu
{
    width: 150px;
    height: 620px;
     background-color:#FFF;
     background-image: url('../images/bgGray.jpg');
     background-repeat:no-repeat;
}
.sidemenuTitle
{
line-height:21px; color:#009933;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:800; border-top-style: solid; border-top-width: 0px; border-top-color: #003300;
}
.sidemenuDetail
{
line-height:21px; color:#000000;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:600; border-top-style: solid; border-top-width: 0px; border-top-color: #003300;
}
.ent
{
background-image:url('../images/enter3.gif');
background-repeat:no-repeat;
 height:600px;
}
/***************************************/

#navMenu { 
    text-align:center;
    margin:0;
    padding:0;
   background:#3a4f63; }


#navMenu ul {
    Margin:0;
    padding:0;
    float: left;
    line-height:30px;
}

#navMenu li 
{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
}

#navMenu ul li a
{
    text-align: center;
/*    font-family: 'Arial';  
    font-size: 12px; */
    text-decoration: none;
    height: 30px;
    width: 100px;
    display: block;
    color: #eeeeee;
    border: 1px solid #034300;
    text-shadow: 1px 1px 1px #000;
}

#navMenu ul ul
{
    position:absolute;
    visibility:hidden;
    top:32px;
    
            }

                        
#navMenu ul li:hover ul
{
    visibility:visible;
    
}

/*********************************/
#navMenu li:hover
{
    background: #D49F01;
   /* background: #09F;  #FFCC00 */
}
    
#navMenu ul li:hover ul li a:hover
{
    background-color:#FF9900;  /* #eeeeee; */
    color: #FF3300;
}

#navMenu a:hover
{
    background-color: #336699;
    color: #FF3300;
}

.clearFloat 
{
    clear:both;
    margin:0;
    padding:0;
}

/*********************************/

.watermark {
	background: #FFAAFF;
}
.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 820px;
	height: 300px;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modaldummycontrol 
{
    display:none;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
.rightJustified {
        text-align: right;
    }

/*****************Receipt*******************/
a { color:#000000; text-decoration: none; }
a:hover { color:"maroon"; text-decoration: underline; }
.MainHeader{font-family:verdana,sans-serif;font-size:30px;color:#006600;}
.menuFont{font-family:verdana,sans-serif;font-size:11px;color:#000000;}
.cfFont{font-family:arial,sans-serif;font-size:12px;color:#000000;}
.cfFontBlue{font-family:arial,sans-serif;font-size:12px;color:#0000ff;}
.cpqFont{font-family:verdana,sans-serif;font-size:11px;color:#666666;}
.SubHeader{font-family:helvetica,arial,bold;font-size:14px;color:#880000;}
.SubHeaderblk{font-family:helvetica,arial,bold;font-size:14px;color:#000000;}
.SubHeaderRed{font-family:helvetica,arial,bold;font-size:14px;color:#990000;}
.SubHeaderWhite{font-family:helvetica,arial,bold;font-size:14px;color:#ffffff;}
.SubHeaderlblue{font-family:helvetica,arial,bold;font-size:14px;color:#0000bb;}
.SubHeader1{font-family:helvetica,arial,bold;font-size:14px;color:#000088;}
.SubHeader2{font-family:helvetica,arial,bold;font-size:24px;color:#000088;}
.RegularFont{font-family:helvetica,arial,bold;font-size:11px;color:#000000;}
.RegularFontblk{font-family:helvetica,arial,bold;font-size:11px;color:#000000;}
.RegularFontWhite{font-family:helvetica,arial,bold;font-size:11px;color:#ffffff;}
.RegularFontBlue{font-family:helvetica,arial,bold;font-size:11px;color:#000088;}
.RegularFontlBlue{font-family:helvetica,arial,bold;font-size:11px;color:#0000EE;}
.RegularFontRed{font-family:helvetica,arial,bold;font-size:11px;color:#880000;}
.menufontlBlue{font-family:helvetica,arial,bold;font-size:12px;color:#0000EE;}
.smallfont{font-family:helvetica,arial,bold;font-size:10px;color:#000000;}
#companyinfo{position:absolute;top:43px;left:430px;visibility:hidden;}
#contactus{position:absolute;top:43px;left:559px;visibility:hidden;}
#search{position:absolute;top:43px;left:578px;visibility:hidden;}
#justincase{position:absolute;top:1px;left:1px;width:1;height:1;visibility:hidden;}
.navlink{text-decoration:none;}
.inputtext{font-family:Courier, Monaco, Monospace; font-size:10px; text-align:left; color:#000033}
/*** set the width and height to match your images **/
#ddltaken option{
  width:150px; height:24px;   
} 
#slideshow {
	position:relative;
	height:330px;
}
 
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
 
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
 
#slideshow img.last-active {
	z-index:9;
}