﻿/*********************/
/* CSS Imports       */
/*********************/

@import url('topmenu.css');
@import url('footer.css');
@import url('content.css');
@import url('sidemenu.css');
@import url('mainmenu_drop.css');


/*********************/
/* HTML Selectors    */
/*********************/

body
	{
		background: #BDC1C5 url('../images/body_bg.gif') repeat-x top center;
	/*	background: #BDC1C5;  */
		margin: 0;
		padding: 0;
		font: 62.5% verdana,helvetica,sans-serif;
		color: #444;
	}

h1, h2, h3, h4
	{
	font-family: tahoma,helvetica,sans-serif;
	font-size: 1.8em;
	}
 
h1 { 
		margin: 5px 0 10px 0;
		padding: 0 0 5px 38px;
		background: url('../images/h1_bg.gif') no-repeat 0 1px;
		border-bottom: 2px solid #6c9fd1;
		color: #274776;
	}

h1.small { font-size: 1.7em }
 
h2	{
		font-size: 1.5em;
		font-weight: bold;
		color: #274776;
		text-decoration:underline;
/*		width: 370px;	
		border-bottom: 2px solid #6c9fd1;  */	
		padding-top: 8px;
		line-height:1.6em;
	}
  
h3 { margin: 15px 0 8px 0; font-size: 1.2em; color: #555; padding-bottom: 0; border-bottom:#555 1px solid;width:350px;}
 
h4	{ font-size: 1.1em; margin: 0; padding: 0 0 5px 0; color: #333;}
 
img { border: none; }

acronym { border-bottom: 1px dotted #999; }
 
/*********************/
/* Layout Structures */
/*********************/

#TopBanner, #TopSubBanner, #MainMenu, #Content, #Footer
	{
	position: relative;
	margin: 0;
	padding: 0;
	width: 850px;
	height: auto;
	text-align: left;
	}

#TopBanner
	{
	margin-top: 0px;
	height: 128px;
	width: 850px;
	text-align: right;
	background: url('../images/header_bg2.jpg') no-repeat top left;
	z-index: 80;
	}
 
#TopSubBanner 
	{
	background: url('../images/topSubBanner_bg.jpg') no-repeat 0 0;	
	position: relative;
	height: 170px;
	float: right;
	width: 630px;
	overflow: hidden;
	clear: right;
	z-index: 25;
	}

.topSubBannerBlurb
	{
	font: 12pt arial, verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 2px 0 2px 2px;
	}

#MainMenu
	{
	margin: 0;
	padding: 0;
	width: 440px;
	float: right;
	text-align: right;
	}
 
#HeaderSearch
	{
	position: relative;
	right: 16px;
	top: 11px;
	width: 267px;
	height: 100%;
	float: right;	
	text-align: right;
	}
 
#Content
	{
	clear: both;
	overflow: hidden;
	background: url('../images/content_bg.gif') repeat-y 0 0;
	font-size: 1.2em;
	}
 
#SideMenu
	{
	position: relative;
	background: url('../images/cartBackground.gif') no-repeat 0 0;
	float: left;
	width: 220px;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	font-size: 0.9em;
	} 
 
#Footer
	{
	overflow: hidden;
	background: url('../images/footer_bg2.gif') no-repeat 0 0;
	width: 850px;
	height: 126px;
	color: #fff;
	font-size: .9em;
	}
 
/*********************/
/* Base Classes      */
/*********************/
 
a.tLink { color: #c00; }
a:hover.tLink { color: #274776; text-decoration: none; }

.tSmall { font-size: 0.8em; }

.tNormal { font-weight: normal;	}

.tStrike { text-decoration: line-through; }

.tBold { font-weight: bold; }

.tWhite { color: #fff; }

.tGrey { color: #666; }

.tRed { color: #900; }
	
.noShow { display: none; }

.clear { clear: both; }

.FloatR { float: right; }

.FloatL { float: left; }


/**************************/
/* FROM STOREFRONT        */
/* Default CSS Stylesheet */ 
/* for a new Web          */
/* Application project    */
/**************************/

.Instructions
	{
	display: block;
	color: #666; 
	background-color: #b5dfff; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.8em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

.ErrorMessages
	{
	display: block;
	font-weight: bold; 
	text-align: center;
	color: #fff;
	background: #70baff url('../images/errorbox.gif') no-repeat top center;
	padding: 20px 0 10px 0;
	border: 1px solid #600;
	margin-bottom: 10px;
	}

.ErrorMessages a { color: #fff !important;}


#ErrorParagraph
	{
	height: auto !important;
	}

.Messages
	{
	display: block;
	border-bottom: 1px solid #ccc;
	color:  #70baff; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: center; 
	width: 95%;
	padding: 3px 8px;
	font-size: 1em;
	}

.Inputs
	{
	color: black; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #fff; 
	background-image: none;
	font-size: 1em;
	}

.datagrid
	{
	width: 95%;
	background-color: #b5dfff;
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.8em !important;
	}

/* to size the text in Partner Listing  */

#dgPartnerLogos
	{
	width: 100%;
	}

.smText
	{
	font-family: Arial;
	font-size: 8pt;
	}