BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	
UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
	
/* NEW FROM KENT BELOW HERE */
A:link {color:#000099;
	text-decoration:none}
A:visited {color:#000099;
	text-decoration:none;
	}
A:hover {color:#0000FF;
	text-decoration:none
	}
A:active {color:#FFCC00;
	text-decoration:none
	}
body {
	margin: 0px 0px 0px 4px;
	padding: 0;
	background: #FFFFFF;
	}
.font8Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	}
.font9Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	}
.font9Bold {
	font: bold normal 9px Verdana, Arial, Helvetica, sans-serif;
}
.font10Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	}
.font11Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	}
.font11Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	}
.font12Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	}
.font10Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}
.font12Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.font14Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.BigHeader 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
}
.BigSubHeader 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}

.LocationBar 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0033CC;
	border: 1px solid #ffffff;
	padding-left: 8px;
}
.SubCells2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #0099FF;
	border: 1px solid #000000;
	padding-left: 8px;
}
	
	
/*END OF NEW FROM KENT*/
.submitButton {background-color:#FFCC66;font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;}
.greenButton {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
input, textarea {font-size: 11px; font-family: Verdana, Arial, Helvetica;}
	
table {font-family: Verdana, Arial, Helvetica; font-size: 12px;}

.errMsg
{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
}

.cellFrame {
	border: 1px solid #333333;
}
.setTableEntry {
	left: 22px;
	position: absolute;
	z-index: 2;
	visibility: visible;
	top: 110px;
	width: 519px;
	height: 318px;
}
.font18normal {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.row1 {
}
.row2 {
	background-color: #F4F4F4;
}
.rowError 
{
	background-color: #FE7676;
}
.rowdarkhead {
	/*background-color: #E9E9E9;*/
	/*background-color: #00DDDD;*/
	background-color: #dcdcdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}
.rowdark {
	/*background-color: #E9E9E9;*/
	/*background-color: #00DDDD;*/
	background-color: #dcdcdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}
.listheader {
	/*background-color: #E9E9E9;*/
	/*background-color: #00DDDD;*/
	background-color: #dcdcdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #000000;

}
.tableheader {
	/*font-weight: bold;
	background-color: #DAE3E3;
	padding: 3px;
	margin: 3px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	background-color: #0099FF;
	border: 1px solid #000000;
	padding-left: 8px;
}
.tableheaderblank 
{
	border: 1px solid #000000;
}
select {
	font-size: 10px;
}
.tableborder {
	border: 1px solid #000000;
	padding: 2px;
	width: 758px;

}
.tableborderNew {
	border: 1px solid #000000;
	padding: 2px;
	width: 100%;

}



.noborder
{	margin: 0;
	border: 0px;
	padding: 2px; 
	width: 742px;
}

.tableborderblank {
	border: 1px solid #000000;
	width: 758px;
	padding: 0px;
	
}

.tablenoborder {
	padding: 2px;
	width: 100%;

}

.tablenoborder2 {
	padding: 2px;
	width: 100%;

}


 
.btm {
			border-bottom: 2px solid;
			border-color: #000000;
 }

.rowdarkOrderDetails {
	/*background-color: #E9E9E9;*/
	/*background-color: #00DDDD;*/
	background-color: #dcdcdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;

}
 

.imageBorder {
    Border-Color: Black;  
    Border-Width: 1px; 
    Border-Style: solid;
}
.fontSizeB {
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	}
	
	.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.fontSizeC {
	font-size:   small;
	font-style: normal;
	font-weight: bold;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #5078B3;*/
    background-color: White;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    /*background-color: white;*/
   /* border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionHeader
{
  border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #2E4d7B;*/
    /*background-color:#A4C0F4; */
    background-color: white;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.alignTop {
      vertical-align :text-top; 
}

.nomargin {	margin: 0;
	font-size: small;
	}
	
	
	.fontcolor
{
	font-weight: normal;
	font-size: x-small;
	color: blue;
}

.formCellLite {
	background-color: #dcdcdc;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

 div#BookContent
    {
        margin-left :auto;
        margin-right : auto;
         width: 100%;
    }
    div#Wrapper
    {
        margin-left :auto;
        margin-right : auto;
         width: 100%;
    }
    div#leftColumn
    {
        float :left;
         width:auto; 
        border: none;
        padding: 0;
         
    }           
    
    div#rightColumn
{
    float: left;
    width:auto;
     border: none;
        padding: 0;
        text-align:left;   
}

 div#orderleftColumn
    {
       margin-left:70px; 
       margin-top:5px; 
       text-align :center; 
        float :left;
         width:40%; 
        border: none;
        padding: 0;
         
    } 
     div#Section
    {
        margin-left :auto;
        margin-right : auto;
         width: 99%;
        /*border-bottom: 1px solid;
        border-left : 1px solid;
        border-top :1px solid;
        border-right :1px solid;*/
    }
    
    .continueButton {
	background-color: #FFCC66;
	font-size :small;
	font-weight :bold;
	text-align :center;   
	
}
 
 .regCell
     {
        width:20%; 
        text-align :right; 
        vertical-align :top;
        font-size:small;
        font-weight:bold; 
        font-style: normal;   
     } 
     .errors {
	font-size: small;
	font-weight: bold;
	color: #FF0000;
}

.breadCrumbs {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 10px;
     text-decoration :none;
	/*background-color: #CCCCCC;*/
	color: #000000;
}
hr.hrBorder {
	width: 80%;
	 color: black;
	 
}
.calctrl {font-size:12px;}
.border {border:solid 1px #000000;padding:1px;}
.floatR {float:right;margin:3px;}

.ajax__tab_xp .ajax__tab_header {
 height:21px;
}

#UpdateProgress1 {
      width: 300px; background-color :white;   
      bottom: 30%; left: 400px; position: absolute;
     } 
     
     .MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: Black;
}
.MyCalendar .ajax__calendar_header {
background-color:#CCCCFF ;
color: Black;
}
.MyCalendar .ajax__calendar_today
{
    background-color: #CCCCFF;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Blue;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
    background-color: #CCCCFF;
}

.PriceAdjustmentClose {	
    DISPLAY: block;	
    BACKGROUND: url(/images/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
    border:none 0px;
}   
.modalBackground {
	background-color: Gray ;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.openDiv {text-align:center;}
.closedDiv {display:none;} 

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: Black;
}
.MyCalendar .ajax__calendar_header {
background-color:#CCCCFF ;
color: Black;
}
.MyCalendar .ajax__calendar_today
{
    background-color: #CCCCFF;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Blue;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
    background-color: #CCCCFF;
}


.textAlignCenter{text-align:center;}

.screenoverlay {
	position: fixed !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	/*height: 100% !important;*/
	min-height: 300px;
	background-color: #666 !important;
	opacity: .80 !important;
	filter: alpha(opacity=80) !important;
	z-index: 1000 !important;
}
.topBox {
	position: absolute;
	padding: 10px 15px 15px 15px;
	min-width: 300px;
	/*min-height: 300px;*/
	text-align: left;
	background-color: #fff;
	border: 1px solid #333;
	z-index: 1001;
}
.topBox .box {
	margin: 0;
	padding: 0;
	text-align :center ;	
}
.topBox p {
	margin: 0;
	padding: 0;	
	font-size: 0.800em;
}
.topBox p.right {
	text-align: right;
}
.topBox .box p {
	margin: 0 0 15px 25px;
	padding: 0;	
	font-size: 14px;
}
.topBox .box label {
	margin: 0;
	padding: 0;	
}

.floatLeft{float:left; margin-right: 15px}
.floatRight{float:right; margin-left: 15px}

@media only screen and (device-width: 768px){
  /* rules for iPad in landscape orientation */
    .tableWrapper {
        border: 0;
        width: 700px;
        margin: 0 auto;        
    }
    #imgLogo {
        width: 500px;        
    }

    #txtUsername, #txtPassword {
        width: 200px !important;
        height: 50px;
        font-size: 20px;
        margin: 10px;
    }

    #lblUsername, #oldText, #newLogin2 {
        font-size: 30px;
    }

    #LoginButton {
        width: 200px;
        height: 50px;
        margin: 10px;
        font-size: 20px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
    .tableWrapper {
        border: 0;
        width: 400px;       
    }

    #imgLogo {
        width: 375px;
    }

    #txtUsername, #txtPassword, .mobileText {
        width: 200px !important;
        height: 50px;
        font-size: 20px;
        margin: 10px;
    }


    #lblUsername, #oldText, #newLogin2, .mobilelabel {
        font-size: 30px;
    }

    #LoginButton, .mobileButton {
        width: 200px;
        height: 50px;
        margin: 10px;
        font-size: 20px;
    }
}

.tableWrapper {
    width: 200px;   
}

#imgLogo {
    height: 225px;
    width: 550px;
}

#tblPage {
    margin: 0 auto;
}

.mydiv {
    
}
.empmenu {
     text-align :center
}

.tblborder_bottom{
    border-bottom: 1pt solid black; 
}
 /* ========================================================================== */
   
.cart {
	/*width: 100%;*/	
	border: 1px solid #eee;
   }

.cart th {
	color: #99a0a7;
	background-color: #eee; 
}

.cart th, .cart td {
	padding: 10px;	
	vertical-align: top;
	border-bottom: 1px solid #eee;
}


/*.cart input, .cart textarea, .cart select { width: 100%; }*/
.cart td.qty { width: 70px; }
.cart td.qty input[type="number"] { text-align: center; }
.cart td.edit {
	width: 50px;
	text-align: center;
}