﻿/*
	Primary Color: #1E1A1B
	Secondary Color: #E3B811
*/
html, body, #aspnetForm {
	height: 100%; width: 100%;
	margin: 0; padding: 0;
}
/*body {background-color: #3F9537;}*/
body {background: url("Images/bodyBack.png") 0 0 repeat #f7f6f5;}

body, table, p, input, textarea, select {font-family: Calibri, Verdana, Arial, Tahoma, Sans-Serif;}
H1 {color: #1E1A1B; border-bottom: Solid 2px #1E1A1B;}
H2, H3, H4, H5, H6 {color: #1E1A1B; text-align: left; margin-bottom: 5px}
P, TD, UL {margin-top:0; font-size: 12pt; color: #1E1A1B;}
input[type="text"], input[type="password"], textarea, select {font-size: 14pt; background: url("Images/trans50.png");
}
input[type="submit"] {font-size: 12pt;}

A:link {color: Blue; text-decoration: none;}
A:visited {color: Blue; text-decoration: none;}
A:hover {color: Blue; text-decoration: underline;}
A:active {color: Blue; text-decoration: none;}

#layout {
	width: 1100px;
	margin: 25px auto;
	border: solid 1px #1E1A1B;
	background: #FFFFFF url("Images/sideBack.jpg") no-repeat bottom left;
	/* Round corners */
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
}

/* Styled separately for easy removal */
#layout {
	-moz-box-shadow: 5px 5px 6px Silver; /* Mozila */
	-webkit-box-shadow: 5px 5px 6px Silver; /* WebKit */
	box-shadow: 5px 5px 6px Silver; /* W3C */
}
#banner {
	position: relative;
	width: 1100px;
	height: 295px;
	background-image: url("Images/Banner.jpg");
	/*border-bottom: solid 1px black;*/
	/* Round corners */
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#banner #languageSelector {position: relative;float: left;}
#banner #companyInfo {
	position: relative;
	float: left;
	width: 365px; text-align: center;
	left: 625px; top: 25pt;
	color: White;
}
#banner #companyInfo .companyName {
	color: White; font-weight: bold; font-size: 18pt; margin: 0; left: 0
}
#banner #companyInfo ADDRESS {
	font-style: normal; padding: 15px 0;
}
#banner #companyInfo .companyPhoneNumber {
	display: block;
	color: White; font-weight: bold; font-size: 16pt; margin: 5px 0; left: 0; 
}
#banner #companyInfo .currentDate {
	display: block;
	color: White; font-weight: bold; margin: 0; left: 0; 
}
#sideContentLeft {
	float: left;
	width: 195px; 
	padding: 15px;
}
#sideContentRight {
	float: left;
	width: 195px; 
	padding: 15px;
}

#mainContent {
	float: left;
	width: 619px;
	padding: 15px;
	/*
	border-left: dashed 1px #1E1A1B;
	background: url("Images/contentBack.jpg") no-repeat bottom right;*/
}
#footerRow {
	background-color: #6488D5;
	padding: 5px 10px;
	/* Round corners */
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#footerRow TD {font-size: 0.8em; color: White; }
#footerRow A:link {color: White; text-decoration: none;}
#footerRow A:visited {color: White; text-decoration: none;}
#footerRow A:hover {color: White; text-decoration: underline;}
#footerRow A:active {color: White; text-decoration: none;}
#footerRow TABLE {width: 100%}

#subFooterRow P {text-align: center; font-style: italic; font-size: small; line-height: 32px;}

.clear {clear: both;}

.productPanel {
	float: left;
	width: 290px;
	height: 128px;
	border: dashed 1px silver;
	margin: 15px;
	background-color: White
}
.productPanel TABLE {border-collapse: collapse}
.productPanel TABLE TD {padding: 0; margin: 0}
.productPanel TABLE TD.productImage {width: 128px; height: 128px; text-align: center}
.productPanel TABLE TD.productImage IMG {margin: auto} /* Center the image in the cell */
.productPanel TABLE .productCode {font-weight: bold}
.productPanel TABLE .productDescription {font-size: 0.8em; color: Gray}
 
/* Flat Grid stuff */
TABLE.flatGrid {
	border: solid 1px #1E1A1B;
	background-color: silver;
	border-collapse: separate;
	margin-bottom: 15px;
}
TABLE.flatGrid CAPTION {background-color: #23511E; color: White; font-weight: bold;}
TABLE.flatGrid TH {
	text-align: left;
	font-size: 0.8em; font-weight: bold;
	color: White;
	background-color: #4B6075;
	padding: 4px; margin: 0;
	border-style: none;
	border-width: 0;
}
TABLE.flatGrid TH A:link {color: White; text-decoration: none;}
TABLE.flatGrid TH A:visited {color: White; text-decoration: none;}
TABLE.flatGrid TH A:hover {color: White; text-decoration: underline;}
TABLE.flatGrid TH A:active {color: White; text-decoration: none;}

TABLE.flatGrid TD {
	font-size: 0.8em;
	padding: 4px; margin: 0;
	border-style: none;
	border-width: 0;
	border-bottom: dashed 1px #4B6075;
}
TABLE.flatGrid TR.altRow {background-color: White;}
TABLE.flatGrid TR.pagerRow {}

.cke_panel {z-index: 1000002 !important}