/* General settings */
BODY{
	margin: 0px;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	background-color: #A9C4D9;
}
H1{
    COLOR: #053D65;
    TEXT-TRANSFORM: capitalize
}
H2{
    COLOR: #053D65;
    TEXT-TRANSFORM: capitalize
}
H3{
    COLOR: #053D65;
    TEXT-TRANSFORM: capitalize
}
H4{
    COLOR: #053D65;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
H5{
    COLOR: #053D65;
    TEXT-TRANSFORM: capitalize
}
H6{
    COLOR: #053D65;
    TEXT-TRANSFORM: capitalize
}
TH{
	color: black;
}
INPUT, SELECT {
	text-decoration: none;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 8pt;
}
/* classes that just paint with predefined colors */
.light-color{
	/*light color, on login screen, left side menu background*/
	background-color: #A9C4D9;
}
.medium-color{
	/*not used - same color as the one on top and bottom bars*/
	background-color: #075590;
}
.error{
	/*error message*/
	font-size: 11pt;
	text-align: center;
	color: red;
}
.error2{
	/*error message*/
	font-size: 12pt;
	text-align: center;
	color: red;
}
/* containers */
.full-container {
	width: 780px; 
	text-align: left;
}
.main-container {
	width: 620px; 
	background-color: white; 
	vertical-align: top;
	height: 400px;
	/*padding: 0px 5px 5px 5px;*/
}
.single-main-container {
	width: 780px; 
	background-color: white; 
	vertical-align: top;
	height: 400px;
	/*padding: 5px;*/
}
.main-container-noheight {
	width: 620px; 
	background-color: white; 
	vertical-align: top;
	/*padding: 0px 5px 5px 5px;*/
}
.single-main-container-noheight {
	width: 780px; 
	background-color: white; 
	vertical-align: top;
	/*padding: 5px;*/
}
.top-container {
	width: 780px; 
	background-color: white;
}
.side-container {
	background-color: #eeeeee; 
	width: 160px;
	vertical-align: top;
}
/* top, side, bottom bar specific */
.top-bar td{
	/*top right bottom left*/
	/*padding:0px 5px 0px 5px;*/
	padding-right:3px;
	vertical-align: bottom;
/*	width: 70px;*/
}
.top-bar A{
	text-decoration: none;
	color: black;
	font-size: 8pt;
	font-weight: bold;
	border: none; 
	display: block; 
	width: 100%;
	padding:1px;
}
.top-bar A:hover, .top-bar A.here{
	text-decoration: none;
	color: #e76d24;
	border: 1px solid #e76d24;
	padding:0px;
}

.side-bar A{
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size: 9pt;
	border: none; 
	display: block; 
	width: 100%;
	padding:2px 0px 2px 0px;
}
.side-bar A:hover, .side-bar A.here {
	text-decoration: none;
	font-weight: bold;
	color: white;
	background-color: #666666;
}
.side-bar div{
  	display: none;
}

.side-bar div.here{
  	display: block;
}

.bottom-bar{
	/*same color as .medium-color*/
	background-color: #075590;
	color: white;
	width: 780px; 
}

/*
 Std CSS2, IE doesnt understand it yet
*/
input:focus{
	background-color:orange;
	color:white;
}
/*
 Std CSS2, IE doesnt understand it yet (functionallity moved to input.disabled)
 Big difference, no code needs to be changed with this one.
input[readonly] {
	background: gray;
}
*/
input.disabled {
	background: #ebebeb;
}
.grayText{
	/*text used on groupboxes, login and forgot password*/
	color: gray;
	font-family: Verdana, Tahoma, sans-serif, "Microsoft Sans Serif";
	font-size: 10pt;
	text-decoration: none
}
.smallText{
	text-decoration: none;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 8pt;
}
/* Links format everywhere */
A{
	text-decoration: none;
	color: #003399;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 10pt;
	border-bottom: 1px dotted;
}
A:hover{
	text-decoration: underline;
	color: black;	
	border-bottom: none;
}
#innerHtml A {
	border-bottom: none;
}
/* Alternate colors for table rows */
.odd {
	background-color: #cfcfcf;
}
.even {
	background-color: #efefef;
}
.over {
	background-color: #ffff80;
}
.group {
	background-color: #843537;
	color: white;
	font-weight: bold;
	text-indent: 10px;
}
.group2 {
	background-color: #a3781f;
	color: white;
	font-weight: bold;
	text-indent: 20px;
}
.group3 {
	background-color: #4e4e4e;
	color: white;
	font-weight: bold;
	text-indent: 30px;
}
.tableHeader {
	color: white;
	background-color: black;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
}
/* Table format */
TABLE {
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 10pt;
}
/* Links on Listing tables, like for [Edit] links on a record */
#list A:hover {
	text-decoration: underline;
	color: #590000;
	border-bottom: none;
}
#stylelist {
	padding: 25px 10px 10px 10px; 
	background-color:#dddddd; 
/*	margin-top:5px;*/
}
#stylelist TD {
	width:130px;
	vertical-align: top;
}
#stylelist A {
	display: block; 
	border-bottom: none;
}
#stylelist A:hover {
	color: #003399;
	background-color: #F5F5F5;
}
#itemDetail {
	border:1px solid gray; 
	background-color:#eeeeee;
}
.itemDetailOperationBox {
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color:gray;
	text-align: center;
}
.searchBar {
	background-color:#eeeeee;
	text-align: right;
}
.bottomDivBar {
	background-color:black;
	width: 100%;
	height: 25px;	
}
.secondaryDivBar {
	background-color:#eeeeee;
}
/* Links on Menu tables */
#menu TD {
	/*same color as .medium-color*/	
	border-bottom:1px solid #075590;
}
#menu A {
	display: block; 
	border: none; 
	width: 100%;
	padding-left: 4px;
}
#menu A:hover {
	/*same color as .medium-color*/
	background-color: #FFD793;
}
/* END Links on Menu tables */
/*operational links, to simulate buttons*/
#operation A {
	background-color: #843537;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	border: 1px solid gray;
}
#operation A:hover {
	background-color: white;
	color: #843537;
	text-decoration: none;
}
/***********************************/
/*paging links*/
.paging {
	padding: 6px;
	background-color: #843537;
	color: white;
}
.paging A {
	color: white;
	border-bottom: none;
	text-decoration: underline;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 8pt;
/*	vertical-align: middle;*/
}
.paging A:hover {
	color: yellow;
}
.pagingButtons {
	padding: 6px;
	background-color: #843537;
	color: white;
	font-weight: bold;
}
#operation .pagingButtons A{
	border: 1px solid white;
}
/***********************************/
.summaryHeader {
	/*headers on the summary and invoice screens (shipping, billing, payment titles*/
	color: black;
	background-color: #cfcfcf;
	text-align: left;
    padding-top: 5px; 
    padding-bottom: 5px; 
    border-bottom: 1px solid black;
}
.extraCharges {
	/*tax, and shipping and handling color, also on Order History Inquiry (current, history labels)*/
	color: white; 
	background-color: #642829;
}

#customLink TD{
/*        padding: 0px 5px 0px 5px*/
}
#customLink A{
    color: gray;
    font-family: Verdana, Tahoma, sans-serif, "Microsoft Sans Serif";
    text-decoration: none;
    border-bottom: none;
    font-size: 8pt;
}
#customLink A:hover{
    color: rgb(132, 53, 55);
    text-decoration: underline;
}
#customLinkBottom A {
    font-family: Verdana, Tahoma, sans-serif, "Microsoft Sans Serif";
	font-size: 8pt;
}
#customLinkBottom TD{
/*        padding: 0px 5px 0px 5px*/
}
customLinkBottom A:hover{
}
.topAccountLinks{
	text-decoration: none;
	font-family: Tahoma, Verdana, "Microsoft Sans Serif";
	font-size: 8pt;
	color:#843537;
}