/* style.css  GradientLens.com */

/* Top Banner */
.ProductTitle			{ color: #FF0033; font: bold 24px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }
.ProductTitleBlue		{ color: #003399; font: bold 32px Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.ProductLine			{ color: black; font: bold 16px arial, helvetica; }
.ProductName 		{ color: #cc0000; font-weight: bold; font-size: 28px; font-family: Verdana, "Arial Black", Tahoma, Helvetica, "Lucida Bright", "Times New Roman" }
.ProductNameBlue 	{ color: #003399; font-weight: bold; font-size: 28px; font-family: Verdana, "Arial Black", Tahoma, Helvetica, "Lucida Bright", "Times New Roman" }
.ProductFeatures		{ color: black; font: bold 13px arial, helvetica; }
.QuickLink			{ color: black; font: bold 10px arial, helvetica; }

/* Body  Content */
/*Tags for main format elements*/




/* Style added by LogicalSolutions Start */


/* Elements */
body {
background: #000;
text-align:center;
margin:0;
}

div, table, p, tr, td, li, ul, ol  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}

h1, h2, h3, h4, h5, h6 {
margin:0;
}



img {
border:0;
}


/* Style added by LogicalSolutions End */



/* Setting 0px margin & padding in CSS doesn't work for IE.  Do this in BODY tag on each page. */	
	/* body {margin: 0px; padding: 0px; } */ 
	
/* p:first-letter { font-size: 200%; color: red; position: top; font-weight: bold; float: left; } */

/*Anchors*/
a 		{ text-decoration: none; }
a:hover	{ text-decoration: underline; }
a:link 	{ color: #CC0000; }
a:visited 	{ color: #CC0000; }
a:active 	{ color: #CC0000; }

/* Classes */
.BodyTitle		{ font-size: 16px; color: #003399;  font-weight: bold; }
.BodyCopy		{ font-size: 12px; }
.CaptionTitle		{ font-size: 16px; color: #cc0000; font-weight: bold; }
.CaptionCopy		{ font-size: 11px; }

/* Price Tables Classes */
.TableTitle			{ font-weight: bold; font-size: 18px; }
.TableColumnLabel		{ font-weight: bold; font-size: 14px; color: #FFFFFF; }
.TableText			{ font-weight: normal; font-size: 11px; }
.TableText_ColumnLabel 	{ font-weight: bold; font-size: 14px; color: #ffffff; }
.TableText_Price		{ font-weight: bold; font-size: 11px; text-align:right;}
.TableRow_Header		{ background: #00539B; }
.TableRow_Header2	{ background: #0066BB; }
.TableRow_Header td	{ color: #eeeeee;}
.TableRow_Header2 td	{ color: #ffffff; }
.TableRow_Odd		{ background: #DDDDDD; }
.TableRow_Even		{ background: #EEEEEE; }

/* Section Headings */
.SectionTitle		{ font-size: 24px; color: #003399; font-weight: bold; }
.SectionSubTitle	{ font-size: 18px; color: #FFAA00; font-weight: bold; }
.SectionSubTitle2	{ font-size: 18px; color: #003399; font-weight: bold; }

/* Footer - Special Classes */
.footer-text	{ color: #A09FC2; font-size: 11px; }
.footer-text-white	{ color: #FFFFFF; font-size: 11px; }

a.white-link, a.white-link:active, a.white-link:visited
	{ color: #FFFFFF; }

a.lightblue-link, a.lightblue-link:active, a.lightblue-link:visited
	{ color: #4DA0DE; font-weight: bold; }
				
/* Home Page - Special Classes */
.home-body, .white-text	
	{ font-size: 11px; color: #FFFFFF; }
.white-header-text	{ font-size: 12px; color: #FFFFFF; font-weight: bold; }
.red-I-header-text	{ color: #f36; font-style: italic; font-weight: bold; font-size: 14px; line-height: 24px; text-decoration: underline }
.gray-header-text	{ font-size: 12px; color: #5C677F; font-weight: bold; }

a.home-link, a.home-link:active, a.home-link:visited 
	{ color: #FFFFFF; font-size: 13px; font-weight: bold; }

a.home-link-normal, a.home-link-normal:active, a.home-link-normal:visited 
	{ color: #FFFFFF; font-size: 13px; font-weight: normal; }

a.home-link-yellow, a.home-link-yellow:active, a.home-link-yellow:visited 
	{ color: #F4FCCD; font-size: 13px; font-weight: bold; }

.home-featured-text { color: #000000; }

a.home-featured-link, a.home-featured-link:active, a.home-featured-link:visited
	{ font-size: 13px; color: #606A82; font-weight: bold; }


/* Application Pages - Special Classes */
.GrayNav { background-image: url(../images/hm_graynav_back.gif); }
a.GrayNav, a.GrayNav:active, a.GrayNav:visited
	{ color: #44506C; font-weight: bold; }

.apps-h2	{ color: #FFFFFF; font-size: 12px; font-weight: bold; }
.apps-h3	{ color: #FF0000; font-size: 12px; font-weight: bold; }
.apps-h4	{ font-weight: bold; }

a.apps-product-link, a.apps-product-link:active, a.apps-product-link:visited
	{ color: #44506C; font-weight: bold; }
	
.apps-text { color: #404040; width: 300px; }

/* Pro Landing Page - Special Classes */
.click-diameter b 
	{ font: 14px  Arial,Verdana, Helvetica, sans-serif;
		font-weight: bold; color: #C00; }

.the-new-Hawkeye
	{ font: 12px  Arial,Verdana, Helvetica, sans-serif; font-weight: bold;
		color:#141e24; margin-bottom: 6px; margin-left: 9px; }

.redLI
	{ font: 12px  Arial,Verdana, Helvetica, sans-serif;
		color: #141e24; margin-right: 20px; }

.redLI-down
	{ font: 12px  Arial,Verdana, Helvetica, sans-serif;
		color: #141e24; margin-right: 20px; }

.arrowLI
	{ font: 12px  Arial,Verdana, Helvetica, sans-serif;
		color: #cc0000; font-weight: bold; }

.circle LI
	{ list-style-image: url(../images/redbull.gif);
		padding: 1px; margin: 1px 20px 1px 30px; }

.circle UL { margin: 0px; padding: 0px; }

.arrow LI
	{ list-style-image: url(../images/bluebull.gif); padding: 0px; margin: 2px 0 1px 30px; }

.arrow UL
	{ margin: 0 10px 0 0; padding: 0px; }


/* Left over on a few older pages.  Should probably be updated to match newer pages. */
.content{font-family: Arial,Helvetica;font-size: 12px;line-height: 16px;}
.contentdetails{font-family: Arial,Helvetica;font-size: 11px;line-height: 14px;}

/* WE PROBABLY DON'T NEED THESE !!! 
	.yellow-text {color:#F4FCCD; font-weight: bold; }

	.footer {font-size: 11px; color: #ffffff; }
	
	.ContentTitle
	{ font-weight:bold; font-size:14px; }

	.content-text
		{ color:#FFFFFF; }

	.FeaturedText
	{ color:#000000; }
	
	.nul_link{font-weight:normal}
	A.nul_link{color:#003399;}
	A.nul_link:hover{color:#CC0000;}

*/







/* Styles added by LogicalSolutions Start */


/* Container */
#container {
margin:auto auto;
padding:0;
width:754px;
text-align: left;
}

/* Header */
#header {
width:754px;
height:62px;
}

.header-logo {
background: #000 url(../images/header-logo-bg.gif) top left no-repeat;
width:187px;
height:62px;
float:left;
}

.header-logo p {
margin:0;
padding: 9px 0 0 21px;
text-align:left;
}

.header-info-bg {
background: #000 url(../images/header-info-bg.gif) top left no-repeat;
width:567px;
height:62px;
float:left;
}

.header-info-bg div  {
margin:0;
padding: 5px 15px 0 140px;
font-size:11px;
text-align:left;
}

.header-info-bg p  {
margin:0;
padding: 4px 10px 3px 100px;
font-size:11px;
text-align:left;
}

.header-vidicon {
margin:0;
padding: 4px 42px 3px 42px;
font-size:11px;
text-align:left;
}

/* Header 1024px */
#header-1024 {
width:998px;
_width:998px;
height:62px;
}

.header-logo-1024 {
background: #000 url(../images/header-logo-bg.gif) top left no-repeat;
width:187px;
height:62px;
float:left;
}

.header-logo-1024 p {
margin:0;
padding: 9px 0 0 21px;
text-align:left;
}

.header-info-bg-1024 {
background: #000 url(../images/header-info-bg-1024.gif) top left repeat-x;
width:811px;
_width:811px;
height:62px;
float:left;
}

.header-info-bg-1024 div  {
margin:0;
padding: 5px 15px 0 255px;
font-size:11px;
text-align:left;
}

.header-info-bg-1024 p  {
margin:0;
padding: 4px 10px 3px 475px;
font-size:11px;
text-align:left;
}

.header-vidicon-1024 {
margin:0;
padding: 4px 42px 3px 42px;
font-size:11px;
text-align:left;
}

/* Header Hybrid */
#header-hybrid {
width:955px;
_width:978px;
height:62px;
padding-left: 26px;
_padding-left: 25px;
}

.header-logo-hybrid {
background: #000 url(../images/header-logo-bg.gif) top left no-repeat;
width:187px;
height:62px;
float:left;
}

.header-logo-hybrid p {
margin:0;
padding: 9px 0 0 21px;
text-align:left;
}

.header-info-bg-hybrid {
background: #000 url(../images/header-info-bg.gif) top left repeat-x;
width:765px;
_width:765px;
height:62px;
float:left;
}

.header-info-bg-hybrid div  {
margin:0;
padding: 5px 15px 0 225px;
font-size:11px;
text-align:left;
}

.header-info-bg-hybrid p  {
margin:0;
padding: 4px 10px 3px 425px;
font-size:11px;
text-align:left;
}

.header-vidicon-hybrid {
margin:0;
padding: 4px 42px 3px 42px;
font-size:11px;
text-align:left;
}

/* Navigation */
.sub-nav {
background: #000 url(../images/sub-nav.gif) top left no-repeat;
width:754px;
height:13px;
font-size:0px;
}

/* Image Section */
.image-border-left {
background: #000 url(../images/image-border-left.gif) top left no-repeat;
width:20px;
height:180px;
float:left;
}

.image-border-right {
background: #000 url(../images/image-border-right.gif) top left no-repeat;
width:23px;
height:180px;
float:left;
}

.image-banner {
width:711px;
height:180px;
float:left;
}

.sub-image-banner {
background: #000 url(../images/sub-image-banner.gif) top left no-repeat;
width:754px;
height:15px;
font-size:0px;
}

/* Added by Landy 10/10/2006 to fix Navigator 7.1 and IE for Mac display */
/* Home Page - Navigation Icon Bar Special Classes */
#ProductNavIcons {
	float: none;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
	height: 82px;
	background-color:#cfcfcf;
	}

#ProductNavIcons ul {
	/* margin: 0; */
	margin-top: 0px;
	margin-left: 12px;
	padding: 0;
	list-style: none;
	}

#ProductNavIcons li {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 7px;
	margin-left: 0px;
	}

#ProductNavIcons li a { 
	text-decoration: none;
	color: #cc3333; }
#ProductNavIcons li a:hover { 
	text-decoration: none;
	color: #cc9999; }
/* End of Landy's 10/10/2006 Navigator 7.1 and IE for Mac display fix */

/* No longer need these LS defined tags for the Icon Bar */
/*
#icon-images {
width:754px;
height:80px;
background-color:#cfcfcf;
}

.icons {
float:left;
height:80px;
}
*/
/* End of no longer needed LS defined tags for the Icon Bar */

.sub-image-icons {
background: #000 url(../images/sub-image-icons.gif) top left no-repeat;
width:754px;
height:52px;
}

/* Body */
#body-bg {
background: #000 url(../images/body-bg.gif) top left repeat-y;
width: 754px;
height: 970px;  /* height added to get body to show up in Navigator 7.01 - LGA 10/11/2006 */
/*overflow: hidden;*/	/* overflow removed to get body showing in Nav 7.01 - LGA 10/11/2006 */
						/* Once height defined, then overflow can still exist.  But why needed? */
font-size: 11px;
text-align: left;
}

#body-bg h5 {
font-size:13px;
color:#db242a;
}

#body-bg h5 a, #body-bg h5 a:active, #body-bg h5 a:visited {
color:#db242a;
text-decoration:none;
}

#body-bg h5 a:hover {
color:#db242a;
text-decoration:underline;
}

/* Left Column */
#left-column {
width:388px;
float:left;
}

#left-column h4 {
padding: 0 0px 0 32px;
font-size:11px;
}

#left-column ul {
margin: 0;
padding:0 0 0 34px;
}

#left-column li {
margin: 0;
padding:0px 37px 16px 0;
list-style: square url(../images/list-arrow-ff.gif);
_list-style: square url(../images/list-arrow-ie.gif);
font-size:11px;
}

.left-column-content {
padding: 0 37px 20px 34px;
font-size:11px;

}

/* Right Column */
#right-column {
width:366px;
float:left;

}

#right-column td {
font-size:11px;
height:22px;
}

#right-column td a {
font-size:9px;
color:#000;
}

.right-column-content {
padding: 2px 22px 0 13px;
font-size:11px;
}

.btn-price-specs {
padding: 9px 0 0 0;
}

.sub-content {
background-color:#cfcfcf;
width:754px;
height:10px;
font-size:0px;
}

/* Content Buckets */
.bucket-titles {
background: #000 url(../images/bucket-titles.gif) top left no-repeat;
width:754px;
height:20px;
}

.bucket-images-bg {
background: #000 url(../images/bucket-images-bg.gif) top left no-repeat;
width:754px;
height:137px;
}

.red-image {
padding: 0 0 0 17px;
}

.green-image {
padding: 0 0 0 15px;
}

.blue-image {
padding: 0 0 0 15px;
}

.yellow-image {
padding: 0 0 0 15px;
}


.bucket-footer {
background: url(../images/bucket-footer.gif) top left no-repeat;
width:754px;
height:17px;
font-size:0px;
}

.bucket-content {
background: url(../images/bucket-content.gif) top left no-repeat;
width:754px;
height:164px;
}

.bucket-content a, .bucket-content a:active, .bucket-content a:visited {
color:#000;
text-decoration:underline;
}

.bucket-content a:hover {
color:#000;
text-decoration:none;
}

.bucket-content-repeat {
background: url(../images/bucket-content.gif) top left repeat-y;
width:754px;
overflow:hidden;
}

.featured-red {
width:187px;
float:left;
text-align:left;
}

.featured-red p {
margin:0;
padding:0px 12px 0 22px;
text-align:left;
font-size:11px;
}

.featured-red h4 {
font-size:12px;
padding: 8px 0 16px 22px;
}

.featured-green {
width:185px;
float:left;
text-align:left;
}

.featured-green p {
margin:0;
padding:0px 18px 0 22px;
text-align:left;
font-size:11px;
}

.featured-green h4 {
font-size:12px;
padding: 8px 0 16px 22px;
}

.featured-blue {
width:185px;
float:left;
text-align:left;
}

.featured-blue p {
margin:0;
padding:0px 18px 0 22px;
text-align:left;
font-size:11px;
}

.featured-blue h4 {
font-size:12px;
padding: 8px 0 16px 22px;
}

.featured-yellow {
width:197px;
float:left;
text-align:left;
}

.featured-yellow p {
margin:0;
padding:0px 18px 0 22px;
text-align:left;
font-size:11px;
}

.featured-yellow h4 {
font-size:12px;
padding: 8px 0 16px 22px;
}

/* Footer */
.sub-body {
width:754px;
height:17px;
background-color:#cfcfcf;
font-size:0px;
}

#footer {
background: #000 url(../images/footer.gif) top left no-repeat;
width:754px;
height:77px;
}

.footer-content {
width:474px;
float:left;
text-align:left;
}

.footer-content p {
margin: 0;
padding: 23px 0 0 148px;
font-size:11px;
}

.footer-links {
width:280px;
float:left;
text-align:left;
}

.footer-links p {
margin: 0;
padding: 21px 0 0 0px;
font-size:11px;
line-height:18px;
}

.footer-links a, .footer-links a:active, .footer-links a:visited {
color:#000;
text-decoration:underline;
}

.footer-links a:hover {
color:#000;
text-decoration:none;
}

.footer-links span {
padding: 0 2px 0 2px;
}

/* Footer 1024px */
#footer-1024 {
background: #000 url(../images/footer_1024.gif) top left repeat-x;
width:998px;
height:77px;
}

.footer-content-1024 {
width:696px;
float:left;
text-align:left;
}

.footer-content-1024 p {
margin: 0;
padding: 23px 0 0 148px;
font-size:11px;
}

.footer-links-1024 {
width:280px;
float:left;
text-align:left;
}

.footer-links-1024 p {
margin: 0;
padding: 21px 0 0 0px;
font-size:11px;
line-height:18px;
}

.footer-links-1024 a, .footer-links-1024 a:active, .footer-links-1024 a:visited {
color:#000;
text-decoration:underline;
}

.footer-links-1024 a:hover {
color:#000;
text-decoration:none;
}

.footer-links-1024 span {
padding: 0 2px 0 2px;
}

/* video pop up */
.vpop {
	margin: 10px 0 0 20px;
	padding: 10px 5px 5px 5px;
	background: #CFCFCF;
	font-size:11px;
	text-align:center;
}
/* Styles added by LogicalSolutions End */