/*********************/
/* CSS Imports       */
/*********************/

@import url('topmenu.css');
@import url('footer.css');
@import url('content.css');
@import url('sidemenu.css');
@import url('topmenu.css');
@import url('products.css');
@import url('dropDownMenu.css');


/*********************/
/* HTML Selectors    */
/*********************/

#siteName
	{
		background: url(../images/siteName.gif) no-repeat 0 0;
		height: 303px;
		width: 62px;
		float:left;
		margin-left: 30px;
		margin-top: -20px;
	}

html, body, h1, h2, h3, h4
	{
		margin: 0;
		padding: 0;
		color: #464544;
	}

h1
	{
		font-size: 1.9em;
		color: #464544;
	}

h1 img
	{
		display: block;
	}

h4
	{
		display: block;
		font-size: 1em;
		color: #464544;
	}

img
	{
	border: 0;
	}

a
	{
		color: #464544;
		font-weight: bold;
		text-decoration:underline;
	}

a:hover
	{
		color: #abcf6d;
		text-decoration: underline;
	}
	
.left
	{
		float: left;
	}

.right
	{
		float: right;
	}

.more
	{
		text-align: right;
	}

.clear
	{
		clear: both;
	}

body
	{
		margin: 0;
		padding: 0;
		background: url(../images/page_bg.gif);
		text-align: center;
		font: 12px arial, sans-serif;
		color: #464544;
		padding-bottom: 10px;
	}

#outer	
	{
	background: url(../images/page_bg_top.gif) 0 0 repeat-x;
	padding-top: 20px;
	}
 
/*********************/
/* Layout Structures */
/*********************/

#wrapper
	{
		text-align: left;
		margin: auto;
		width: 798px;
		position: relative;
		z-index: 100;
	}

#body-top
	{
		background: url(../images/body_bg_top.jpg) no-repeat;
		height: 100px;
	}

#body-bot
	{
		width: 780px;
		height:auto;
		background: top left url('../images/body_bg_bot_noborder.jpg') no-repeat;
		background-color: #afafaf;
		border-right: #fff 9px solid;
		border-left: #fff 9px solid;
	}

#logo
	{
	height: 76px;
	width: 371px;
	text-align: center;
/*	background: url(../images/logo2.gif) 15px 10px no-repeat;*/
	}

#logo h1
	{
	color: #6F7033;
	font: 22px "Arial narrow", arial, sans-serif;
	line-height: 1;
	padding-top: 0.8em;
	}

#logo p
	{
	color: #464544;
	font: 16px "Arial narrow", arial, sans-serif;
	margin: 0;
	}

#TopBanner, #TopSubBanner, #Content
	{
	position: relative;
	margin: 0;
	padding: 0;
	width: 796px;
	height: auto;
	text-align: left;
	}

#Footer
	{
		width: 780px;
		margin-top:30px;
		height: 220px;
		color: #fff;
	}

#TopBanner
	{
		float:right;
		width: 300px;
		height: 45px;
		text-align: left;
		margin: 10px 10px 0 0;
	}
 
 #HeaderSearch
	{
		float: right;
		right: 16px;
		width: 225px;
		text-align: right;
		margin:10px 15px 0 0;
	}

.rssIcon
	{
		float:right;
		margin: 5px 10px 0 0;
	}
 
#TopSubBanner
	{
	float:left;
	width: 740px;
	height: 50px;
	text-align: left;
	margin-top:25px;
	margin-left: 20px;
	}

#TopSubBanner li
	{
	list-style: none;
	float: left;
	background:url(../images/arr.gif)  -10px center no-repeat;
	vertical-align:middle;
	margin: 20px;
	}

#TopSubBanner a
	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

#TopSubBanner a:hover
	{
	color: #abcf6d;
	}

/* Shopping Cart */

#ShoppingCartBox
	{
	position: relative;
	float:right;
	padding: 0;
	margin-top: 17px;
	right: 15px;
	color: #fff;
	height: 16px;
	width: 300px;
	overflow: hidden;
	font-size: .9em;
	text-align:right;
	} 

a.CartLink { color: #464544; text-decoration: none; }
a:hover.CartLink { color: #fff; }
a:active.CartLink { color: #fff; }

#LiveChatBox
	{
	margin: 81px 0 0 30px;
	float:left;
	height: 16px;
	width: 200px;
	}

#LiveChatBox img { margin:0; }

 /** green box **/

#gbox
	{
	width: 431px;
	margin-top: 35px;
	margin-left: 10px;
	}

#gbox-top { background: url(../images/green_top.gif) no-repeat; height: 24px; }
#gbox-bg  {background: url(../images/green_bg.gif) repeat-y;}
#gbox-grd { background: url(../images/green_grad_bot.jpg) bottom repeat-x; }
#gbox-bot { background: url(../images/green_bot.gif) bottom left no-repeat; height: 23px; }

#gbox-grd
	{
	min-height: 300px;
	padding: 2px 24px;
	}

#gbox h2
	{
	font: bold 16px arial, sans-serif;
	color: #464544;
	margin: 0;
	}

#gbox p
	{
	margin: 1em 0;
	}

#features
	{
	background-color: #e7e7e7;
/* 	padding: 14px;*/
	margin: 0 -14px;
	width:400px;
	border-left: #464544 1px solid;
	border-bottom: #464544 2px solid;
	}

#features .inside
	{
		margin:5px;
	}

#features h2
	{
	position: relative;
	color: #464544;
	}

#features h1, h3
	{
	position: relative;
	}

#features ul
	{
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	}
	
#features li
	{
	list-style: square;
	margin-left: 12px;
	}


/* Feature Box #2 */

#features2
	{
	background-color: #e7e7e7;
/* 	padding: 14px;*/
	margin: 0 -14px;
	}

#features2 .inside
	{
		margin: 5px;
	}

#features2 h2
	{
	position: relative;
	}

#features2 ul
	{
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	}
	
#features2 li
	{
	list-style: square;
	margin-left: 12px;
	}

/* Feature Box #3 */

#features3
	{
	background-color: #e7e7e7;
/* 	padding: 14px;*/
	margin: 0 -14px;
	}

#features3 .inside
	{
		margin: 5px;
	}

#features3 h2
	{
	position: relative;
	}

#features3 ul
	{
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	}
	
#features3 li
	{
	list-style: square;
	margin-left: 12px;
	}

/** grey box **/

#greyBox
	{
		position: absolute;
		top: 350px;
		left: 465px;		
		width: 315px;
		height: auto;
	}

.greyBoxInside
	{
		background: url(../images/grey_bg_pix.png) repeat;
		height: auto;
		width: 313px;
		border: #8c8c8a 1px solid;
	}

.greyBoxContent
	{
		margin: 0 5px 5px 5px;
	}

.greyBoxTop
	{
		background: url(../images/grey_top.png) 0 0 no-repeat;
		height: 18px;
		line-height:18px;
		margin: 0;
		text-align: center;
		color: #fff;
	}

.greyBoxBottom
	{
		background: url(../images/grey_bot.png) top left no-repeat;
		height: 18px;
		margin: 0;
	}

#greyBox h2
	{
	font: bold 12px arial, sans-serif;
	color: #0f38a1;
	line-height: 18px;
	}


/*  hilite boxes */

#hilitebox1
	{
/*	background: url(../images/hilite-box.png) no-repeat;  */
	width: 315px;
	height: 115px;
	position: absolute;
	top: 200px;
	left: 465px;
	}

#hilitebox2
	{
/*	background: url(../images/hilite-box.png) no-repeat;  */
	width: 315px;
	height: 115px;
	position: absolute;
	top: 350px;
	left: 465px;
	}

#hilitebox3
	{
/*	background: url(../images/hilite-box.png) no-repeat;  */
	width: 315px;
	height: 115px;
	position: absolute;
	top: 500px;
	left: 465px;
	}

#hiliteboxYoutube
	{
/*	background: url(../images/hilite-box.png) no-repeat;  */
	width: 315px;
	height: auto;
	position: absolute;
	top: 650px;
	left: 465px;
	text-align:center;
	border: #464544 1px solid;
	}

#hiliteboxBlank
	{
/*	background: url(../images/hilite-box.png) no-repeat;  */
	width: 315px;
	height: 115px;
	position: absolute;
	top: 650px;
	left: 465px;
	text-align:center;
	}

#sideTestimonials
	{
	width: 315px;
	height: auto;
	position: absolute;
	top: 650px;
	left: 465px;
	text-align:left;
	background-color: #ccc;
	border-bottom: #464544 2px solid;
	}


#hilitebox1,#hilitebox2,#hilitebox3 h2
	{
	font: bold 12px arial, sans-serif;
	color: #0f38a1;
	line-height: 1.5;
	}

#mainMenu
	{
	padding: 0;
	width: 798px;
	height: 29px;
	text-align: left;
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid;
	}
  
#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/sidemenu_top.jpg') no-repeat 0 0;
	float: left;
	width: 243px;
	text-align: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	font-size: 0.9em;
	} 
 
 
/*********************/
/* Base Classes      */
/*********************/
 
a.tLink { color: #c00; }
a:hover.tLink { color: #e2e2e2; 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: #464544; 
	background-color: #abcf6d; 
	text-align: left;
	padding: 8px;
	border: #464544 1px solid;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin: 15px 15px 15px 15px;
	width: 90%;
	}

.ErrorMessages
	{
	display: block;
	font-weight: bold; 
	text-align: center;
	color: #fff;
	background: #c03 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: #690; 
	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;
	}
	
/* to size the text in Partner Listing  */

#dgPartnerLogos
	{
	width: 100%;
	}

.smText
	{
	font-family: Arial;
	font-size: 8pt;
	}

#hiliteboxYoutube
	{
	width: 315px;
	height: auto;
	text-align:center;
	border: #464544 1px solid;
	}