/* 
	NOTE: Astericks (*) that appear before CSS attributes are IE6 hacks and should always be placed after regular attributes 
*/

/* RESET CSS */
html { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
.Forms {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9.5pt;
	font-style: normal;
	line-height: 20pt;
	font-weight: normal;
	text-indent: 50;
}
.FormHeaders {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #FFF;
	line-height: 20pt;
	text-transform: uppercase;
	background-color: #06C;
	display: block;
	text-indent: 4px;
}


sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }
del,ins { text-decoration:none; }

/* styles */

html { background-color:#999999; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px; padding:0px;
	}

a { text-decoration:underline; color:#000000; }
a:hover { text-decoration:none; color:#003366; }

h1, h2, h3, h4, h5, h6, caption { font-family: 'Muli', Verdana, Arial, Helvetica, sans-serif; color:#09f; font-weight:bold; font-style:italic; letter-spacing:-1px; }

	h1 { font-size:24px; margin:10px 0px; }
	h2 { font-size:18px; }
	h3 { font-size:14px; margin:20px; }


.product_spec_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #0D4D79;
	display: block;
	clip: rect(auto,auto,auto,auto);
	font-variant: normal;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.quote_popup { z-index: 1; }

div.quote_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;
  width: 235px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
  background: url('form_header.png') no-repeat;
  text-decoration: none;
  font-family: Verdana, Arial;
  font-weight: 900;
  font-size:  13px;
  color:   #FFFFFF;
  cursor:  default;
}

div.quote_popup div.menu_form_body
{
	width: 225px;
	border: 1px solid black;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #0033FF;
	font-size: 12px;
	padding-top: 8px;
	line-height: 30px;
}

div.quote_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.quote_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.quote_popup th
{
	width: 1%;
	padding: 0px 5px 1px 0px;
	text-align: left;
	font-family: Verdana, Arial;
	font-weight: 900;
	font-size:  13px;
	color:   #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.quote_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.quote_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.quote_popup input.field
{
	width: 140px;
	border: 1px solid #808080;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding-bottom: 3px;
}

div.quote_popup input.field2 {
	width: 35%;
	border: 1px solid #808080;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding-bottom: 3px;
}

div.quote_popup input.btn
{
	margin-top: 2px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-style: oblique;
}
.Quotes {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 10px;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
}


div#wrapper { width:1000px; margin:0px auto; }

div#header { width:1000px; margin:0px; padding:0px; float:left; }

div#topNav {
	width:985px;
	height:28px;
	margin:0px; padding:0px 0px 0px 15px;
	font-size:12px;
	background:url(http://www.comarkcorp.com/images/nav-background.jpg) no-repeat;
	}
	
	div#topNav a { color:#FFFFFF; }

	/* LEVEL ONE */
		div#topNav ul.dropdown                  { position:relative; margin:0px; padding:0px; list-style:none; z-index:200; }
		div#topNav ul.dropdown li               { font-weight:bold; float:left; zoom:1; margin:0px; padding:5px; }
		div#topNav ul.dropdown a:hover		    { color:#fff; text-decoration:none; }
		div#topNav ul.dropdown a:active         { color:#ffa500; text-decoration:none; }
		div#topNav ul.dropdown li a             { display:block; padding:0px 8px; text-decoration:none; }
		div#topNav ul.dropdown li a:hover		{ color:#0099FF; } /* light blue */
		div#topNav ul.dropdown li.hover,
		div#topNav ul.dropdown li:hover         { position:relative; } 
		div#topNav ul.dropdown li.hover a       { color:#fff; }
	
	/* LEVEL TWO */
		div#topNav ul.dropdown ul 				{ visibility: hidden; position: absolute; top: 100%; left: 0; padding:0px; margin:0px; list-style:none; background:#09f; }
		div#topNav ul.dropdown ul li 			{ font-weight: normal; border-bottom:1px solid #fff; border-right:1px solid #fff; float: none; margin:0px; padding:1px 5px; }	
		div#topNav ul.dropdown ul li.hover,
		div#topNav ul.dropdown ul li:hover		{ background:#CCCCCC; }
		div#topNav ul.dropdown ul li a			{ font-size:10px; border-right: none; width: 100%; display: inline-block; margin:0px; padding:0px; } /* IE 6 & 7 Needs Inline Block */
		div#topNav ul.dropdown ul li a:hover	{ color:#000; }
			div#topNav ul.dropdown ul.products	{ width: 300px; }
			div#topNav ul.dropdown ul.services	{ width: 180px; }
			div#topNav ul.dropdown ul.support	{ width: 180px; } 
			div#topNav ul.dropdown ul.news		{ width: 100px; }	
			div#topNav ul.dropdown ul.contact	{ width: 180px; }	
			div#topNav ul.dropdown ul.about		{ width: 140px; }
		div#topNav ul.dropdown li.additionalLevel { background:url(http://www.comarkcorp.com/images/list-arrow.gif) right no-repeat; }
	
	/* LEVEL THREE */
		div#topNav ul.dropdown ul ul 			{ left: 100%; top: 0; }
		div#topNav ul.dropdown li:hover > ul 	{ visibility: visible; }
		




div#mainHome { width:960px; background:#fff; margin:0px; padding:10px 20px; float:left; }

	div.homeBox { width:191px; height:27px; background:url(http://www.comarkcorp.com/images/home-button-background.gif) no-repeat; font-size:10px; line-height:25px; text-align:center; margin:3px 20px; padding:0px; }
	
div#mainProducts,
div#mainInfoSection { width:1000px; background:#fff url(http://www.comarkcorp.com/images/product_background.jpg); margin:0px; padding:0px; float:left; }

div#mainInfoSection { padding:0px 0px 20px 0px; }

	div#mainProducts h1 { color:white; text-align:center; margin:0px; padding:5px; background:#5DB3FF; } /* light blue */
	
	div#mainInfoSection h1 { text-align:left; margin:20px 20px 0px 20px; padding-bottom:5px; border-bottom:2px solid #5DB3FF; color:#5DB3FF; } /* light blue */
	div#mainInfoSection h2 { text-align:left; margin:20px 20px 0px 20px; padding:0px; color:#5DB3FF; } /* light blue */
	
		div.infoProductBoxSize5x { width:180px; float:left; font-size:10px; margin:25px 10px; padding:0px; *margin:25px 0px 25px 12px; *padding-bottom:25px; }
			div.infoProductBoxSize5x h2 { color:white; text-align:center; font-size:18px; font-weight:normal; margin:0px 20px; padding:5px; background:#0D4D79; } /* dark blue */
			div.infoProductBoxSize5x h2 a { color:white; }
			div.infoProductBoxSize5x img { margin-top:10px; }
			
		div.infoProductContent { float:left; margin:20px; }
		div.infoProductContent ul  { margin:10px 15px; padding:0px 0px 0px 30px; }
		div.infoProductContent ul li { font-size:12px; margin:5px 0px; padding:0px; list-style-image:url(http://www.comarkcorp.com/images/Sq_blue.gif); }
	
		table.chart { display:inline; float:left; }
		table.chart caption { text-align:left; margin:0px 0px 20px 0px; padding:5px; border-bottom:2px solid #5DB3FF; color:#5DB3FF; } /* light blue */
		table.chart th { font-size: 10px; font-weight: bold; color: #FFFFFF; padding:0px 5px; background:#005E9B; } /* dark blue */
		table.chart tr.even { background:#CCCCCC; }	
		table.chart td { font-size: 10px; }
		table.chart th, table.chart td { padding:5px; border:1px solid #000; }
	
	div#mainInfoSection p { margin:10px 20px; font-size:12px; line-height:18px; }
	
		div.section { margin:10px 40px 40px 40px; float:left; width:920px; *margin:20px; }
	
	div#mainInfoSection ul { margin:10px 15px; padding:0px 0px 0px 30px; }
	div#mainInfoSection ul li { font-size:12px; line-height:18px; margin:5px 20px; padding:0px; list-style-image:url(http://www.comarkcorp.com/images/Sq_blue.gif); }
	
	p.inStock { text-align:center; font-size:14px; font-weight:bold; }
	.inStockColor {	color:#009900; } /* green */
	
	form.quickQuote { margin:0px 0px 20px 0px; }
	
	div.columnSection { width:380px; float:left; margin:10px 20px; text-align:center; *margin:10px; }
	
	div.columnSectionLeft { width:440px; float:left; margin:10px 20px; text-align:left; *margin:10px; }
		div.columnSectionLeft strong { color:#005E9B; } /* dark blue */
		
	div.execPhoto { text-align:center; float:left; width:82px; margin-right:10px; margin-top:20px; font-size:10px; }
	div.execBio { float:left; width:340px; }
	
	
	div.productBoxSize1x { width:640px; height:360px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize1x-bg.gif) top no-repeat; margin:25px 180px; padding:0px; *margin:25px 0px 25px 80px; *padding-bottom:25px; }
	div.productBoxSize1xsmall { width:640px; height:360px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize1x-sm.gif) top no-repeat; margin:25px 180px; padding:0px; *margin:25px 0px 25px 80px; *padding-bottom:25px;}
	div.productBoxSize2x { width:470px; height:360px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize2x-bg.gif) top no-repeat; margin:25px 15px; padding:0px; *margin:25px 0px 25px 12px; *padding-bottom:25px; }
	div.productBoxSize2xLG { width:470px; height:470px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize2xLG-bg.gif) top no-repeat; margin:25px 15px; padding:0px; *margin:25px 0px 25px 12px; *padding-bottom:25px; }
	div.productBoxSize3x { width:300px; height:520px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize3x-bg.gif) top no-repeat; margin:10px 0px 25px 25px; padding:0px; *margin:0px 0px 25px 15px; *padding-bottom:25px; *padding-top:10px; }
	div.productBoxSize4x { width:240px; height:400px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize4x-bg.gif) top no-repeat; margin:10px 5px 25px 5px; padding:0px; *margin:0px 0px 15px 5px; *padding-bottom:25px; *padding-top:10px; }
	div.productBoxSize4xLG { width:240px; height:550px; float:left; font-size:12px; background:url(http://www.comarkcorp.com/images/productBoxSize4xLG-bg.gif) top no-repeat; margin:10px 5px 25px 5px; padding:0px; *margin:0px 0px 15px 3px; *padding-bottom:25px; *padding-top:10px; }
	div.productBoxSize5x { width:180px; height:525px; float:left; font-size:10px; background:url(http://www.comarkcorp.com/images/productBoxSize5x-bg.gif) top no-repeat; margin:25px 10px; padding:0px; *margin:25px 0px 25px 12px; *padding-bottom:25px; }
	
	
		div.productBoxSize1x h2,
		div.productBoxSize2x h2,
		div.productBoxSize2xLG h2,
		div.productBoxSize3x h2, 
		div.productBoxSize4x h2,
		div.productBoxSize4xLG h2,
		div.productBoxSize5x h2  { color:white; text-align:center; font-size:18px; font-weight:normal; margin:20px 20px 0px 20px; padding:5px; background:#0D4D79; } /* dark blue */	
		  	
		div.productBoxSize1x img, 
		div.productBoxSize3x img { margin:0px 30px; }
		div.productBoxSize2x img,
		div.productBoxSize2xLG img { margin:0px 0px 0px 10px; }
		div.productBoxSize4x img,
		div.productBoxSize4xLG img { margin:10px 25px; } 
		div.productBoxSize5x img { margin:10px; }
								
		div.productBoxSize1x ul, 
		div.productBoxSize2x ul,
		div.productBoxSize2xLG ul, 
		div.productBoxSize3x ul  { margin:10px 30px; padding:0px 0px 0px 30px; }
		div.productBoxSize4x ul,
		div.productBoxSize4xLG ul,
		div.productBoxSize5x ul  { margin:10px 15px; padding:0px 0px 0px 30px; }
								
		div.productBoxSize1x ul li,
		div.productBoxSize2x ul li,
		div.productBoxSize2xLG ul li,
		div.productBoxSize3x ul li { font-size:12px; margin:5px 0px; padding:0px; list-style-image:url(http://www.comarkcorp.com/images/Sq_blue.gif); }
		div.productBoxSize4x ul li,
		div.productBoxSize4xLG ul li,
		div.productBoxSize5x ul li { font-size:10px; margin:5px 0px; padding:0px; list-style-image:url(http://www.comarkcorp.com/images/Sq_blue.gif); }
								
		div.productBoxSize1x p.links,
		div.productBoxSize2x p.links,
		div.productBoxSize2xLG p.links,
		div.productBoxSize3x p.links { text-align:center; font-weight:bold; margin:20px 0px 10px 0px; clear:both; }
		div.productBoxSize4x p.links,
		div.productBoxSize4xLG p.links,
		div.productBoxSize5x p.links { text-align:center; font-weight:bold; margin:20px 0px 10px 0px; clear:both; }
								
			div.productBoxSize1x div.boxB { float:left; width:300px; margin:10px 0px; }
			div.productBoxSize2x div.boxB,
			div.productBoxSize2xLG div.boxB { float:left; width:230px; margin:10px 0px; }
			
			p.price { margin:10px 0px 0px 0px; font-size:20px; font-weight:bold; color:#0D4D79; } /* dark blue */
			p.lease { margin:0px 0px 10px 0px; font-size:14px; font-weight:bold; color:#009900; } /* green */
		
		h3.underProducts { text-align:center; clear:left; margin:20px; }
		
		
		div.productDetails { float:left; bgcolor:#333333; background:url(http://www.comarkcorp.com/images/product_column_back.jpg) top repeat-x; width:990px; margin:0px; padding:30px 5px 10px 5px; }
		div.productDetailsImage { float:left; width:322px; height:280px; text-align:center; background:url(http://www.comarkcorp.com/images/brushed_aluminum.jpg); }
		div.productDetailsBox { float:left; width:215px; height:280px; margin:0px 0px 0px 5px; background:#CCCCCC; font-size:10px; }
		div.productDetailsBox h2 { font-size:18px; color:white; background:#09f; margin:0px; padding:5px 10px; text-transform:uppercase; text-align:center; }
		div.productDetailsBox ul { padding:0px 0px 0px 20px; margin:10px; }
		div.productDetailsBox ul li { font-size:10px; margin:5px 0px; list-style-image:url(http://www.comarkcorp.com/images/sq_blue_sm.gif); }
		div.productDetailsBox p { margin:10px; }

		
		div.productNoBackground { float:left; width:250px; height:300px; margin:15px 25px 0px 25px; text-align:center; *margin:15px 15px 0px 15px; }
div.productNoBackgroundSmaller {
	float:left;
	width:200px;
	height:300px;
	text-align:center;

*margin:15px 15px 0px 15px;	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}

div.productNoBackgroundLarge {
	float:left;
	width:300px;
	height:300px;
	text-align:center;

*margin:15px 15px 0px 15px;	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}



div#mainInfoSection div.jobInfo {float:left; width:700px; }

div#mainInfoSection div.jobApply { float:left; width:260px; background:#e7e7e7; margin:20px; padding-bottom:10px; *margin:10px; }	
	
	div#mainInfoSection div.jobApply h2 { color:white; background:#0D4D79; text-align:center; font-size:14px; padding:5px; }
	
	div#mainInfoSection div.jobApply p { font-size:10px; line-height:14px; }

	
p { margin:10px 0px; }

hr { margin:20px; float:left; width:960px; color:#5DB3FF; }

	
div#footer { width:1000px; margin:0px; padding:0px; font-size:10px; text-align:center; background:url(http://www.comarkcorp.com/images/footer-background.jpg) no-repeat top; float:left; }

	div#footer ul { list-style:none; margin:0px; padding:5px 0px; }
	
		div#footer ul li { margin:5px; padding:0px 0px 0px 10px; display:inline; font-size:12px; font-weight:bold; border-left:1px solid #000; }
		div#footer ul li:first-child {	border-left:none; }
		
			div#footer ul li a { text-decoration:underline; color:#000000; }
			div#footer ul li a:hover { text-decoration:underline; color:#0066FF; } /* blue */