/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #221E1F;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

/* body and bodyId contatinters must expand to fill the height of the page so that the finger print backgrod image displays on
a short page. Other container that enclose body and bodyId may require the same treatment*/
body {background: #005DAA url(/Common/Img/pageWhite.gif) repeat-y left;}
body, #bodyId, .printHolder {height: 100%;}
.printHolder {background: url(/Common/Img/bluePrint.gif) no-repeat 550px 190px;}

td, ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	vertical-align: top;}
li {
	padding: 0px 0px 5px 20px;
	background: url(/common/img/bullet.gif) no-repeat 5px 4px;}
input, select, textarea {
	color: #221E1F;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

a h1, a h2, a h3, a h4, a h5, a h6, a h7,
h1 a, h2 , h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #005DAA;
	text-decoration: none;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #005DAA;
	font-weight: bold;}
	
#rightMaster h1, #rightMaster h2, 
#rightMaster h3, #rightMaster h4, 
#rightMaster h5, #rightMaster h6, 
#rightMaster h7 {color:#000000;}

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3, h4, h5, h6, h7 {font-size: 12px;}

#leftMaster h3 {
	color: #000000;}

p {padding-bottom: 20px;}

#dynamicPageTitle {
	margin: 0px;
	padding: 0px;
	color: #005DAA;
	font-size: 16px;
	font-weight: bold;}
#detailPage #dynamicPageTitle {margin: 20px 0px 40px 0px;}

/* ====================== layout & columns ========================*/
#main {width: 780px;} 
#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/ 
	margin-right: 230px;
	padding: 25px 0px 0px 85px;}
#rightMaster {
	float: right;
	width: 215px;
	padding-top: 85px;}
	
#pagePhoto {margin: 0px 0px 10px 0px;}

#content {
	width: 410px;
	margin: 0px 0px 60px 0px;}


/* ====================== Header/Footer ====================== */
#header {
	height: 120px;
	color: #005DAA;
	position: relative;
	border-top: 5px solid #005DAA;}

#header {color: #C0C0C0;}
#header a {
	color: #FFFFFF;
	text-decoration: none;}

#headerLogoContainer {
	top: 0px;
	left: 0px;
	padding: 24px 0px 0px 85px;
	position: absolute;
	background: #000000 url(/Common/Img/headerBackground.jpg) no-repeat left top;}

#headerLogoContainer ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	list-style: none none;}
#headerLogoContainer li {
	float: left;
	margin: 0px;
	background-image: none;
	padding: 7px 25px 0px 0px;
	text-transform: capitalize;}
#headerLogin {
	top: 10px;
	left: 595px;
	position: absolute;}

#footer {
	width: 410px;
	margin-bottom: 60px;
	border-top: 1px solid #005DAA;}
#footer a {text-decoration: none;}
#footer ul {
	margin: 5px 0px 5px 0px;
	list-style: none none;}
#footer li {
	float: left;
	margin: 0px;
	padding: 1px 10px 1px 10px;
	border-left: 1px solid #005DAA;
	background-image: none;}
#footer li a:hover {color: #789179;}
#footer p {
	clear: both;
	color: #898989;}
#footer .first {
	padding-left: 0px;
	border-left: none;}


/* ====================== Menu ====================== */
#navMenu {
	height: 63px;
	position: relative;}

#navMenu, #navMenu li a {
	color: #000000;
	text-decoration: none;}
	
#navMenu ul, #navMenu ul ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	list-style: none none;}
#navMenu ul ul {
	top: 25px;
	left: 0px;
	position: absolute;}
	
#navMenu li {
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 1px 10px 1px 10px;
	border-left: 1px solid #005DAA;}
#navMenu li li {
	border-left: none;
	padding: 1px 12px 1px 0px;}

.categoryAbout #menuAbout a, .categoryServices #menuServices a, 
.categorySolutions #menuSolutions a {color: #005DAA;}

#navMenu li a:hover, #navMenu li li a {color: #005DAA;}
#navMenu li li a:hover {color: #000000;}


/* ====================== Hide/Show Menu Links ====================== */
#navMenu li ul, #hidden {display: none;}
/*
#navMenu #menuHome {
	display: none;
	visibility: hidden;}
*/

.categoryAbout #menuAbout ul, .categoryServices #menuServices ul, 
.categorySolutions #menuSolutions ul {display: inline;}


/* ====================== callouts ========================*/
.callout li {
	list-style: none;
	padding: 2px 0px 2px 20px;
	background: url(/Common/Img/whiteArrow.gif) no-repeat 3px 6px;}
.callout li a {
	color: #FFFFFF;
	text-decoration: none;}
.callout li a:hover {color: #000000;}


/* ====================== home page overrides ====================== */
.categoryHome #pagePhoto {margin: 0px 0px 20px 0px;}

/* ====================== data grids ========================*/
.dataGrid{
	width: 520px;
	border: none;}
.dataGrid td, #CartContainer td {
	padding: 3px;
	height: 20px;
	border: 1px solid #D2D2D2;}
.dataHeaderStyle, #CartContainer .Header {
	height: 25px;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
	background-color: #39618A;
	text-transform: capitalize;}
.dataHeaderStyle a:link, .dataHeaderStyle a:active, .dataHeaderStyle a:visited {color: #FFFFFF;}
.dataItemStyle, #CartContainer .CartItem { }
.dataAltItemStyle, #CartContainer .CartAlternateItem {background-color: #DFDBD4;}
.dataFooterStyle {
	color: #FFFFFF;
	background-color: #000000;}
.dataSelectedItemStyle {background-color: #B0B0B0;}