@import url('header.css');
@import url('footer.css');
@import url('sidemenu.css');
@import url('mainmenu.css');


body
	{
		padding: 0px;
		margin: 0px;
		background-color: #ffffff;
		font-family:arial, verdana;
		font-size: .8em;
		color: #4d4d4d;
/*		background: url('../images/topBannerLogos-600px.png') no-repeat 0 0;  */
	}


ul
	{
		padding: 0px;
		margin: 0px;
	}
	
li
	{
		padding: 0px;
		margin: 0px;
	}

h1, h2, h3, h4
	{
		font-weight:normal;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
	}

h1	
	{
		margin-bottom: 0.5em;
		color: #327e11;
		font-family: arial, verdana;
		padding-left: 35px;
		height:30px;
		font-size:1.5em;
		font-weight:bold;
		background: url('../images/h1-bg.gif') no-repeat 0 -2px;
		}

h2
	{
		margin-bottom: 0.5em;
		color: #327e11;
		font-family: arial, verdana;
		font-size:1.4em;
	}

h3
	{
		padding: 0 0.3em 0 0;
		font-size: 1.3em;
		TEXT-TRANSFORM: uppercase;
		color: #327e11;
		LETTER-SPACING: 1px;
	}

h4
	{
		padding: 0 0.3em 0 0;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #327e11;
		LETTER-SPACING: 1px;
	}

h4 a:hover
	{
		color:#fff;
	}

blockquote
	{
		padding: 0;
		margin: 10px 0 0 0;
		font-size:9pt;
	}

#testimonial
	{
		width: 98%;
		display:block;
		text-align:center;
	}

#testimonialInner
	{
		margin: 10px 0 0 0;
		font-size:9pt;
		width:350px;
		margin: 20px 0px 10px 20px;
		text-align:left;
	}

.testimonialTop
	{
		width:100%;
		height:30px;
		text-align:left;
		background: url('../images/quoteLeft.gif') no-repeat 0 0;
	}

.testimonialBottom
	{
		width:100%;
		height:30px;
		text-align:right;
		background: url('../images/quoteRight.gif') no-repeat 300px 0;
	}


.wrapper
	{
		margin: 0px auto;
		width: 900px;
	}

.topWrapper
	{
		margin: 0px auto;
		width: 100%;
	}


a {color: #327e11; text-decoration: none}

a:hover
	{
		color: #fff;
		background-color: #51a53a;
	}

a.form {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px}
a img {border:none;background-color:none;}

.ampersand {FONT-STYLE: italic; font-family: arial, verdana, arial}
.clear {CLEAR: both}
input.text {border-right: #d9d9d9 1px solid; padding-right: 0.4em; BORDER-TOP: #d9d9d9 1px solid; padding-left: 0.4em; font-size: 100%; padding-bottom: 0.4em; border-left: #d9d9d9 1px solid; color: #666; padding-top: 0.4em; border-bottom: #d9d9d9 1px solid; font-family: "arial", Helvetica, Arial, sans serif}

dd.title {font-weight: normal; margin-BOTTOM: 0.5em; color: #689c44; font-family: arial, verdana}
dt.title {	font-weight: normal; margin-BOTTOM: 0.5em; color: #689c44; font-family: arial, verdana}

/*  Top Menu Formatting  */

#topMenu
	{
		float: right;
		width: 310px;
		height: 35px;
	}

.siteLogo
	{
		float:left;
		height:80px;
	}

#topMenu UL
	{
		border-left: #e5e2d2 4px double;
		border-bottom: #e5e2d2 4px double;
		border-right: #e5e2d2 4px double;
		background-color: #e5e2d2;
		display: block;
		float:left;
		font-size: 8pt;
		color: #5f5c56;
		line-height: 30px;
		list-style-type: none;
	}

#topMenu UL LI
	{
		font-weight: bold;
		float: left;
		text-transform: uppercase;
		font-family: arial, verdana;
		letter-spacing: 1px;
		height: 30px;
		text-align:center;
	}

#topMenu a
	{
		padding: 10px 20px 0 20px;
		display: block;
		width: 55px;
		float: left;
		color: #6b6a68;
		line-height: 100%;
		border:none;
		height: 30px;
	}


#topMenu UL LI a:hover
	{
		background-color: #51a53a;
		padding: 10px 20px 0 20px;
		width: 55px;
		height:20px;
		display:block;
		color: #ffffff;
	}



/* Main Menu Formatting */

#mainMenu
	{
		width: 100%;
		border-bottom: #fff 1px solid;
		height: 35px;
		background-color: #e5e2d2;
		font-size: 8pt;
		border-top: #327e11 1px solid;
		border-bottom: #327e11 1px solid;
	}

/***** HighLight Formatting *****/

#highlight {float:left;width:900px;height:200px;}
#highlight {padding-right: 0px; padding-left: 0px; padding-bottom: 34px; padding-top: 34px}
#highlight IMG {float: left; margin: 0px 40px 0px 0px}
#highlight {float: left; width: 900px} p {font-size: 100%; margin: 0px; LINE-height: 1.4em}
#highlight A {font-size: 105%}

#highlight p {margin-top:5px;}

#highlight #main-photo-box {float: right; margin: 0px 0px 0px 40px; width: 350px; height: 200px}
#highlight #main-photo-box P.text {padding-left: 1.5em; margin-TOP: 140px; padding-right: 1.5em; padding-bottom: 0.3em; color: #ddd; padding-top: 0.3em}


/***** Main Photo Box Formatting *****/

#main-photo-box {border:#e5e2d2 10px solid;background-color:#e5e2d2;}
#main-photo-box strong {color: #fff}
#main-photo-box P A {font-weight: bold; border-bottom-color: #999; color: #eee}
#main-photo-box P A:hover {color: #fff}


/***** 	PRODUCT INFORMATION SECTION *****/

/* sectionLeft is the sidemenu.  detailed formatting in sidemenu.css */

#sectionRight
	{
		float: left;
		margin: 5px 0 0 10px;
		width: 650px;
		line-height: 20px;
	}

#sectionRight p	{margin:10px 0 10px 0;}

#sectionRight h3
	{
		font-size:11pt;
		font-weight:bold;
		border-bottom: #e5e2d2 2px solid;
		color:#51a53a;
		padding-left:5px;
	}

#sectionRight h4
	{
		font-size:8pt;
		font-weight:bold;
		margin:10px 0 10px 0;
	}

#sectionRight ul
	{
		list-style:square inside;
		margin-bottom:20px;
	}

.inside
	{
		margin: 5px;
	}

/* Footer Formatting */

#footer
	{
		clear: both;
		margin-TOP: 25px;
		height: 150px;
		width:100%;
		color: #4d4d4d;
		text-align:center;
	}
	
.gap {margin-RIGHT: 30px;}


/*********************/
/* Base Classes      */
/*********************/
 
a.tLink { color: #c00; }
a:hover.tLink { color: #e2e2e2; text-decoration: none; }
   
.tSmall { font-size: 0.8em; }
.tBlue { color: #413e73; }
.tNormal { font-weight: normal !important;	}
.tStrike { text-decoration: line-through; }
.tItalic { font-style: italic; }
.tBold { font-weight: bold; }


/**************************/
/* FROM STOREFRONT        */
/* Default CSS Stylesheet */ 
/* for a new Web          */
/* Application project    */
/**************************/

.Instructions
	{
	display: block;
	color: #555; 
	background-color: #f0f0f0; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

.ErrorMessages
	{
	display: block;
	text-align: center;
	color: #327e11;
	background-color: #e5e2d2;
	padding: 20px 0 10px 0;
	border: 1px solid #327e11;
	margin-bottom: 10px;
	width:95%;
	}

.ErrorMessages a { color: #fff !important;}


#ErrorParagraph
	{
	height: auto !important;
	}

.Messages
	{
	display: block;
	border-bottom: 1px solid #327e11;
	color: #327e11; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: center; 
	width: 95%;
	padding: 3px 8px;
	font-size: 1em;
	margin-bottom: 1ex;
	}

.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;
	}

.floatPicR { float: right; margin: 10px 0 10px 10px; }
.floatPicL { float: left; margin: 10px 10px 10px 0; }
.prodInfoBox { float: right; margin: 0 0 15px 35px; text-align: center }

.datasheetBox, .notesBox
	{
	position: relative;
	float: right;
	margin: 5px 0 15px 15px;
	padding: 8px;
	width: 150px;
	border: 1px solid #004d9f;
	text-align: center;
	}

.datasheetBox h3 {margin-top:0;padding-top:0}
.pageButton { margin: 2px 0 2px 0; }
.ContentCloser
	{
		margin-top: 20px;
		border-top:#327e11 1px solid;
	}

/* Accordion Comparison Features */

.AccordionTitle, .AccordionContent, .AccordionContainer
	{
	position:relative;
	width:670px;
	}

.AccordionTitle
	{
		height:20px;
		overflow:hidden;
		cursor:hand;
		font-family:Arial;
		font-size:9pt;
		background-color: #e5e2d2;
		border-bottom: #327e11 1px solid;
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
		background-repeat:repeat-x;
		-moz-user-select:none;
	}

.AccordionContent
	{
	height:auto;
	overflow: hidden;
	display:none; 
	}

.AccordionContainer
	{
		border:#327e11 solid 1px;
	}

.AccordionContainer .alternatingRow
	{
		background-color: #e5e2d2;
	}

.tRed
	{
		color: Red;
	}

.tGreen
	{
		color: #327e11;
	}

/* Formatting TABLES  */

.ContentTableHeader, .ContentTableHeaderHL
	{
		color: #ffffff;
		font-weight: bold; 
		font-style: normal; 
		text-decoration: none; 
		background-color: #807f84; 
		background-image: none; 
		text-align: left;
	}

span.ContentTableHeader
	{
		display: block; padding: 3px 0;
	}

.ContentTableHeaderHL
	{
		background: #327e11;
		color: #fff;
		font-weight:bold;
	}

#ContentTable, #ContentTableHorizontal
	{
		margin: 20px 0 20px 0;
		background-color: #ffffff;
		border: #327e11 1px solid;
	}

.alternatingRow
	{
		background-color: #e5e2d2;
	}

.subHeading
	{
		font-size:9pt;
		font-style:italic;
	}
	
.downloadnowimg
	{
		margin:8px 0 10px 5px;
	}
	
/* Shopping Cart Formatting */

#ShoppingCartBox
	{
		float:right;
		left:0;
		height:60px;
		vertical-align:top;
		padding-left: 60px;
		width: 120px;
		font-size: 0.8em;
		background: url('../images/cartbox-bg.gif') no-repeat 0 0;
	} 

a.CartLink {color: #327e11;width:60px;}
a:hover.CartLink {color: #fff;text-decoration: none}
a:active.CartLink {color: #327e11;}


#featuresBox
	{
		width:100%;
		border:#cccccc 1px solid;
		margin:10px;
	}

#productBox
	{
		width:100%;
		border-bottom:#cccccc 1px solid;
		margin:10px;
	}

#featuresBox p h3
	{
		margin: 10px 0 10px 0;color:Red;
	}

.quotes
	{
		font-size:18pt;
		color:#4d4d4d;
	}

/* Styling for the pop up Quick Link Area  */

.quicklinkarea{padding:4px;line-height:1.5; cursor:default;font-size:9pt;}
.more {text-decoration:underline; color:#00c; cursor:pointer;}
#info {background:#fff; padding:10px; text-align:left; width:50%; margin:0 auto; display:none; font-family:verdana, sans-serif;}

img {display:block; margin:0 10px 10px 0;}
#info a {color:#327e11;}
#info a:hover {color: #ffffff;}
.clear {clear:both; text-align:right;}
.close {color:#327e11; font-weight:bold; cursor:pointer;}
.more {color:#327e11;}

/* Styling the SightMax Image  */

#LiveChatBox
	{
		position: relative;
		width: 220px;
		height:65px;
		background-color: #e5e2d2;
		border-top: #51a53a 5px solid;
		left:0;
		top: 0;
		text-align:center;
		padding: 0;
	}

#LiveChatBox img
	{
		border:none;
		margin: 10px 0 0 10px;
	}

#LiveChatBox a:hover
	{
		border: none;
	}

#TrustWave
	{
		float:left;
		margin: 100px 0 0 60px;
		border:none;
	}
	
/***********************/
/*  Mouseover PopBox   */
/***********************/

a.specPopBoxLink {position:relative;}
a.specPopBoxLink span {display:none;}
a.specPopBoxLink:hover {color:#000; cursor:default;}
a.specPopBoxLink:hover .specPopbox
	{
		display:block;
		position:absolute;
		top:-20em;
		right:10px;
		width:250px;
		height:auto;
		overflow-y: auto;
		background-color:#fff5e2;
		border:1px solid #327e11;
		padding:2ex;
		z-index: 1500;
	}