@charset "utf-8";
/* CSS Document */

body{
	background-color:#f8f8f8;
}
div#wrapper{
	margin:0 auto;
	width:980px;
}
a.hover-effect{padding-bottom:10px;}
a.hover-effect span{
	visibility:hidden;
	border:1px solid #eaea00;
	display:block;
	background:#ffffcc;
	padding:5px;
	position:absolute;
	margin-left:180px;
	margin-bottom:10px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
a.hover-effect:hover span{
	visibility:visible;
}
/************************************************************/
/*                      GENERIC                             */
/************************************************************/
.clear-both{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.float-left{float:left;}
.float-right{float:right;}
.block{display:block;}
.red{color:#f00; font-weight:bold;}
h2.important{color:#f00;}
div.list{
	padding-bottom:10px;
	margin-bottom:10px;
}
div.list-right{
	float:right;
	width:330px;
}
div.list h2{
	margin-top:10px;
}
img.movie{margin-bottom:15px;}
img.product-image{
	border:1px solid #999;
}
.warning{
	color:#fff; 
	background:#f00; 
	padding:5px; 
	text-align:center; 
	font-weight:bold; 
	border-top:1px solid #900; 
	border-bottom:1px solid #900;
}

a.products-learn-more{
	color:#069;
	font-weight:bold;
	text-decoration:none;
}
a{
	color:#069;
	text-decoration:none;
	
}

a:hover{
	color:#09f;
	text-decoration:underline;
}

p{
	font-size:10pt;
	line-height:20px;
	margin-bottom:5px;
}

input.center{
	display:block;
	margin:20px auto 20px auto;
}
img.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
strong{font-weight:bold;} /*restore bold enabling*/

acronym{border-bottom:1px dotted #444;}
/**START PAGE***/

/************************************************************/
/*                      HEADER                              */
/************************************************************/

div#header{
	padding-top:10px;
	padding-bottom:2px;
	width:980px;
	height:57px;
}
div#header img.logo{
	float:left;
	margin-left:15px;
}
/************************************************************/
/*              TOP RIGHT CONTACT INFORMATION               */
/************************************************************/
ul.contact-info{
	float:right;
	font-size:10pt;
	width:500px;
}
ul.contact-info li{float:right;}
ul.contact-info li.at-icon{
	background:url(/_images/at-icon.jpg) no-repeat top left;
	line-height:17px;
	margin-left:16px;
	padding-left:26px;
}

ul.contact-info li.phone-icon{
	background:url(/_images/phone-icon.jpg) no-repeat top left;
	padding-left:26px;
	line-height:17px;
	margin-bottom:7px;
}
ul.contact-info li{
	color:#737373;
	font-size:10pt;
}
/************************************************************/
/*              PRIMARY SITE NAVIGATION                     */
/************************************************************/
div#site-nav{
	background:url(/_images/site-nav-bg.jpg) no-repeat top left;
	height:35px;
	width:980px;
}

div#site-nav ul{
	float:left;
}
div#site-nav ul li{
float:left;
line-height:35px;
	border-left:1px solid #858781;
	border-right:1px solid #41423E;
}

div#site-nav li ul {
    display: none;
}
div#site-nav li a:hover > ul {
    display: block;
}



div#site-nav ul li.current{
}
div#site-nav ul li.first{border-left:none;}
div#site-nav ul li.last{border-right:none; /* background:url(/_images/icons/shopping-cart-icon-small.png) no-repeat center right;*/}

div#site-nav ul li a{
	color:#eaeaea;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding:0 20px 0 20px;
	text-decoration:none;
}
div#site-nav ul li a:hover{
	color:#fff;
	text-decoration:none;
}
div#site-nav ul li span{
	color:#ccc;
	font-size:10pt;
}
/************************************************************/
/*              MAIN CONTENT FOR PAGE                       */
/************************************************************/
div#page-content{
	clear:both;
	margin-top:20px;
	width:980px;
}
/************************************************************/
/*              LEFT COLUMN                                 */
/************************************************************/
div#primary{
	border-right:1px solid #ccc;
	float:left;
	min-height:350px;
	width:739px;
}
div#primary-content{
	float:left;
	margin-right:19px;
	width:720px;
}
div#primary-content ul, div#primary-content ol{
	font-size:10pt;
	line-height:20px;
	margin-bottom:10px;
	margin-top:0;
}

div#primary-content a{
	font-weight:bold;
}
div#primary h1.underline{
	border-bottom:1px solid #ccc;
	font-family:'trebuchet ms', ariel, helvetica;
	font-size:18pt;
	margin-bottom:10px;
	padding-bottom:3px;
}
div#primary h2{
	font-weight:bold;
	margin-bottom:8px;
}
div#primary form{
	margin-top:10px;
}
div#primary form label{
	float:left;
	font-size:10pt;
	margin-right:8px;
	margin-top:3px;
	text-align:right;
	width:120px;
}
div#primary form input.read-only{
	background:#f5fdff url(/_images/locked.png) no-repeat center right;
	border:1px solid #7F9DB9;
	padding:1px;
	padding-right:16px;
}
div#primary form input,select{
	margin-bottom:7px;
	width:150px;
}
div#primary form input.long{
	width:184px;
}
div#primary form select{
	margin-bottom:7px;
}
/**************************/
/****account.php layout****/
/**************************/
div.personal-information{
	margin-right:20px;
	width:320px;
}
div.company-information{
	clear:right; 
	text-align:left;
	width:350px;
}
div.personal-information span{
	font-size:10pt;
	line-height:20px;
	margin-bottom:12px;
	margin-top:5px;
	
}
/**************************/
/**end account.php layout**/
/**************************/

div#tagline{
	border-bottom:1px solid #ccc;
	/*margin-bottom:26px;*/
	padding-bottom:15px;
}
div#tagline h1{
	color:#999;
	font-family:trebuchet ms, ariel, helvetica;
	font-size:22px;
	font-weight:normal;
	line-height:38px;
	margin-top:-10px;
	text-align:center;
}
div#tagline h1 a{
	color:#069;
	font-weight:normal;
	text-decoration:none;
}
div#tagline h1 a:hover{
	color:#09f;
	text-decoration:underline;
	}
div#tagline p{
	line-height:22px;
	margin-top:5px;
	text-align:center;
}
div#tagline a.learn-more{
	background:url(/_images/live-demo.jpg) no-repeat top left;
	color:#069;
	font-size:8pt;
	padding:10px 0px 10px 24px;
	text-decoration:none;
}
div#tagline p{font-size:8pt;}
div#tagline a.learn-more:hover{
	color:#09f;
	text-decoration:underline;
}
div.features{
	float:left;
	margin-right:20px;
	width:350px;
}
div.features ul{
	
}
div.features ul li{
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-left:30px;
	list-style-type:disc;
	line-height:18px;
}
div.features img{
	/*border:1px solid #ccc;*/
	/*background:#fff;*/
	margin-bottom:7px;
	/*padding:4px;*/
}
div.features img.last{
	margin-right:0;
}
div.features h2{
	/*border-bottom:1px dotted #999;*/
	color:#069;
	font-size:12pt;
	font-weight:bold;
	margin:0px 0 2px 0;
	/*padding-bottom:2px;*/
	padding-left:2px;
}
div.features p{
	font-size:10pt;
	line-height:18px;
	margin-bottom:5px;
	/*text-align:justify;*/
}
/************************************************************/
/*              RIGHT COLUMN                                */
/************************************************************/
div#secondary{
	float:right;
	padding-left:20px;
	width:220px;
}
div#secondary p{
	font-size:10pt;
	line-height:18px;
	margin-bottom:8px;
}
div#secondary h2{
	color:#777;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:5px;
}
div#secondary img.video-tour{
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:4px;
}
div#secondary form{
	margin-top:10px;
}

div#secondary form legend{
	padding:5px;
	margin-left:5px;
}
div#secondary form label{
	color:#999;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	font-size:10pt;
	line-height:20px;
	margin-right:5px;
	margin-bottom:12px;
	text-align:right;
	width:70px;
	}
div#secondary form input{
	margin-bottom:12px;

}
div#secondary form input.submit{
	/*display:block;
	margin-left:auto;
	margin-right:auto;*/
	width:123px;
	}

/************************************************************/
/*             WHEN LOGGED IN                               */
/************************************************************/
div.logged-in{
	clear:both;
}

div.logged-in h2{
	margin-bottom:5px;
	padding-bottom:0;
}
div.logged-in p{
	margin-left:10px;
	margin-top:10px;
}
div.logged-in ul{
	margin-bottom:20px;
	margin-top:5px;
}

div.logged-in ul li{

}

div.logged-in ul li a{
	border-bottom:1px dotted #ccc;
	color:#069;
	display:block;
	font-size:10pt;
	margin-bottom:2px;
	margin-bottom:2px;
	padding:8px 0 10px 45px;
	text-decoration:none;
}

div.logged-in ul li a.reporting{
	background:url(/_images/icons/reporting-small.png) no-repeat left center;
}
div.logged-in ul li a.scan-ids{
	background:url(/_images/icons/scan-ids-small.png) no-repeat left center;
}
div.logged-in ul li a.users{
	background:url(/_images/icons/user-small.png) no-repeat left center;
}
div.logged-in ul li a.hardware{
	background:url(/_images/icons/manage-hardware-small.png) no-repeat left center;
}
div.logged-in ul li a.logout{
	background:url(/_images/icons/logout-small.png) no-repeat left center;
}
div.logged-in ul li a.software{
	background:url(/_images/icons/software-small.png) no-repeat left center;
}
div.logged-in ul li a.account{
	background:url(/_images/icons/account-small.png) no-repeat left center;
}
div.logged-in ul li a.last{
	border:none;
}
div.logged-in ul li a.f00{
	/*color:#f00;*/
}
div.logged-in ul li a:hover{
	color:#09f;
}

div.logged-in p{
	font-size:8pt;
	color:#555;
}




table#user-list{
	font-size:10pt;
	text-align:center;
	width:100%
}
table#user-list tr{
	
}
table#user-list th{
	font-weight:bold;
	text-align:center;
}
table#user-list td{
	padding:5px;
	text-align:center;
}




table#product-list{
	font-size:10pt;
	text-align:center;
	width:100%
}
table#product-list tr{
	
}
table#product-list th{
	font-weight:bold;
	text-align:center;
}
table#product-list td{
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
table#product-list td a:hover span{
	visibility:visible;
}

/****** in account ****/
form label.smaller{
	clear:none;
	float:left;
	margin-left:0;
	margin-right:0;
	max-width:30px;
	text-align:left;
}
form input.smaller{
	clear:none;
	float:left;
	margin-left:0;
	margin-right:0;
	max-width:20px;
	padding:0;
	text-align:left;
}
/****** end account ****/

/*****************************************************************/
/****************************REPORTING****************************/
/*****************************************************************/
.capitalize{
	text-transform:capitalize;
}
.lowercase{text-transform:lowercase;}
div#dashboard{
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	width:698px;
	margin-top:10px;
}
div.dashboard-image a img{
	border:1px solid #d9d9d9;
}
div#dashboard h1, div#dashboard h2{
	border-bottom:1px solid #eaeaea;
	color:#999;
	font-family:'trebuchet ms', ariel, helvetica;
	font-size:14pt;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:2px;
}
div#dashboard h2{
	font-size:12pt;
	border-bottom:none;
}

div.dashboard-image{
	float:left;
	width:230px;
	margin-right:15px;
}
div.dashboard-image p{
	color:#333;
	font-weight:bold;
	margin-top:7px;
}
div.dashboard-image{
	
}
div#reporting table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
		text-align:center;

}
div#reporting table th{
	font-weight:bold;
}

div#reporting table td{
	font-weight:normal;
	padding:3px;
}


div#reporting form#report select{
	width:50px;
}
div#reporting form#report input.small{
	width:40px;
}
div#reporting form#report input.checkbox{
	width:20px;
}

div#report form span{
	font-size:10pt;
}
/*****************************************************************/
/************************END DASHBOARD****************************/
/*****************************************************************/

/***************CODA SLIDER***********************/
img.screenshot-image{
	float:left;
	margin-right:20px;
}
div.screenshot-text{
	float:right; width:280px;
}


/*****************************************************************/
/************************WEB STORE********************************/
/*****************************************************************/

div.products-container{
	background:#fff;
	border:1px solid #ccc;
	margin-top:10px;
	width:100%;
}
div.products{
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	float:left; 
	margin:5px;
	padding:18px;
	padding-top:8px;
	width:190px;
}

div.products span{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
}
div.products span.price{
	font-weight:normal;
	margin-top:8px;
}
div.products img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div.product-header{
	background:url(/_images/cart-bg-header.jpg) repeat-x top left #dedede;
	border-bottom:1px solid #ccc; 
	height:50px;
	padding:0px 20px 0px 20px; 
	width:680px;
}
div.product-header h2{
	 color:#333;
	 font-family:'trebuchet ms', ariel, helvetica, sans-serif;
	 font-size:14pt;
	 font-weight:normal;
	 line-height:50px;
	 text-align:center;
}
div.products span.category-title{
	font-family:'trebuchet ms', ariel, helvetica, sans-serif;
	font-size:10pt;
	line-height:18px;
}
div.products span.category-description{
	color:#666;
	font-family:ariel, helvetica, sans-serif;
	font-size:8pt;
	line-height:16px;
}
div.products span.category-asterisk{
	color:#999;
	font-family:ariel, helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	line-height:16px;
}						
  .override #googlecart-widget-head {
    Shopping Cart
  }

div.buy-button{
	background:url(/_images/buy-button-right.jpg) repeat-x top right;
	height:26px;
	margin-top:10px;
	width:auto;
}
div.buy-button a{
	background:url(/_images/buy-button-left.jpg) no-repeat top left;
	color:#fff;
	display:block;
	font-size:10pt;
	font-weight:normal;
	height:26px;
	line-height:26px;
	margin:0 auto; 
	text-align:center;
	text-decoration:none;
}
/*reporting summary */

div#reporting-summary{
	padding-bottom:15px;
}
div#reporting-summary h1{
	color:#999;
	font-family:trebuchet ms, ariel, helvetica;
	font-size:22px;
	font-weight:normal;
	line-height:34px;
	text-align:center;
}
div#reporting-summary h1 span{
	color:#333;
}
div#reporting-summary h1 a{
	color:#069;
	font-weight:normal;
	text-decoration:none;
}
div#reporting-summary h1 a:hover{
	color:#09f;
	text-decoration:underline;
	}

/*end reporting summary */


/*store*/


div.product-detail{
	/*border-bottom:1px solid #eaeaea;*/
	margin:0 20px 0 20px;
	padding-bottom:20px;
	padding-top:20px;
	width:678px;
}
div.product-detail-image{
	float:left;
	margin:0 20px 0px 0px;
	width:300px;
}
div.product-detail-description{
	float:right;
	width:358px;
}
div.product-detail-image h2{
	font-family:'trebuchet ms', ariel, helvetica;
	text-align:center;
}
div.product-detail-description ul{
	list-style-type:disc;
	margin-left:30px;
}
div.product-detail-description ul li{
	margin-bottom:5px;
}
div.product-detail-description img.other-images{
	border:1px solid #ccc;
	float:left;
	margin-right:8px;
	padding:3px;
}

div.storefront{
	margin-top:10px;
}
div.top-storefront{
	background:url(/_images/top-storefront.jpg) no-repeat top left;
	border-bottom:1px solid #ddd;
	height:40px;
	width:720px;
}
div.top-storefront-small{
	background:url(/_images/top-storefront-small.jpg) no-repeat top left;
	height:4px;
	width:720px;	
}
div.top-storefront h2{
	line-height:40px;
	text-align:center;
}
div.middle-storefront{
	background:url(/_images/middle-storefront.jpg) repeat-y top left;
	position:relative;
	width:720px;
}
div.bottom-storefront{
	background:url(/_images/bottom-storefront.jpg) no-repeat top left;
	height:4px;
	width:720px;
}

/* end store */

/*  start gender breakdown */
div.gender-title{
	width:718px;
	background:url(/_images/gender-title-bg.jpg) repeat-x top left;
	border:1px solid #ccc;
	border-bottom:none;
	height:30px;
}
div.gender-title h1{
	color:#333;
	font-size:20px;
	line-height:30px;
	margin-left:20px;
}
div.gender-wrapper{
		/*background:url(/_images/gender-bg.gif) repeat-y top left;*/
		background:#fff;
		border:1px solid #ccc;
		margin-bottom:20px;
		padding-top:20px;
		padding-bottom:20px;
		width:718px;
	}
	div.gender-wrapper span{
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
		font-weight:normal;
		line-height:30px;
		margin-left:5px;
	}
	div.male{
		background:#C8E6FA url(../_images/male-bg.gif) no-repeat top right;
		color:#fff;
		float:left;
		height:45px;
		margin-bottom:10px;
		max-width:640px;
	}
	div.female{
		background:#FADBE5 url(../_images/female-bg.gif) no-repeat top right;
		/*border-top:1px solid #FF6698;
		border-bottom:1px solid #FF6698;*/
		color:#fff;
		float:left;
		height:45px;
	}
	div.m-wrap{
		float:right;
		margin-right:20px;
		max-width:600px;
		width:600px;
	}
	div.f-wrap{
		float:right;
		margin-right:20px;
		max-width:600px;
		width:600px;
	}
	div.female-wrapper{
		float:right;
		width:720px;
	}
	div.male-wrapper{
		float:right;
		width:720px;
	}
	div.desc{
		float:left;
		margin-right:10px;
		text-align:right;
		width:90px;
	}
	div.desc span{
		line-height:15px;
	}
/* end gender breakdown */


/*start multi level css navigation menu */
@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */
/*
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
*/
/* end css navigation */