/*
Contact IA Modules Support if you need help modifying the look and feel of your site.
Extensive design customization well beyond this files options are easily done by our staff by request
Note: Your web browser may cache the css stylesheet making it appear as if effects are not occurring.
You can set your browser to not cache content to solve this.
*/

/* tag overrides follow*/
* { font-family: Arial, Helvetica, sans-serif;}

/* modify the BODY's: 
text-align: left or center   this will justify the pages
background to any color for the background around the pages
add leftmargin:0 topmargin:0 to remove padding around main page.
*/
body { 
	background:#000000;
	/*font-family: Arial, Helvetica, sans-serif;  */
	font-size: 12px;
	margin: 0 auto; 
  	/*text-align:center;*/
	padding: 0px;	
	color: #0b0b85;	
	border-collapse:collapse;
	width:780px;
	max-width:780px;
	}
#splash{
	margin-top:40px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
}

#body{
	background-color:#FFFFFF;
}

#html {	background-color:#FFFFFF;
		max-width:780px;
		width:780px;
		color:#000000;
		margin: 0 auto;
		border: none;
		border-collapse:collapse;
		}
/*----------------- Contact Us Page --------------------*/		
h2, h3{
	padding:0 1em;
}

#Contact_page h1{
		/*margin:1em auto;
		/*background:#0099CC;*/
		text-align:center;
}
		
#div_html_contact{
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
.stateContractLink{
	width:50%;
	margin:10px auto;
	border:#006699 3px solid;
}

.stateContractLink h1{
	text-align:center;
	font-size:1.4em;
	margin:0px auto;
	
}
	.stateContractLink h1 a{
		background:#FFF;
	}
#html_contact{	
	width:770px;
	padding:2px;
	margin:5px;
	border: 1px solid #45627E;
	border-collapse:collapse;
	text-align:center;}

#tr_html_admin_contact{
	background-color:#F2F2F2;
	text-align:center;}
#tr_html_admin_contact2{
	background-color:#EAEAEA;
	text-align:center;}

.tr_html_contact{
	background-color:#F2F2F2;
	text-align:left;}
.tr_html_contact2{
	background-color:#EAEAEA;
	text-align:left;}
#contact_store_title{
	background-color:#45627E;
	}
.contact_td{
	width:380px;
	border-left:1px solid #45627E;
	border-right:1px solid #45627E;
	padding:3px;
	}
/* -------------------------------------------------------*/
table{
	width:inherit;
	}/*This effects the whole layout in size*/

#tableFooter {
			/*width:780px;
			max-width:780px;*/
			background-color:#FFFFFF;
			border-top-color:#990000;
			border-top-style:solid;
			border-top-width:1px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			}

p {		color:#000000;
		font-size:1.25em;
		text-align:left;
		letter-spacing:normal;
		line-height:1.25em;
		padding-left:40px;
		padding-right:40px;
		padding-bottom:20px;
		padding-top:0px;
		/*width:auto;*/
		}
ul{
	text-align:left;
	margin-left:80px;
	margin-right:40px;
	}	

form {display: inline;}

A, A:visited, A:active { color:#316ac5; text-decoration: none; }
A:hover { text-decoration: underline; }

/* classes */
A.no-link:hover {  color:#ffffff }
A.grey-link:hover { background:#d4d0c8; color:#ffffff }
A.light-colored { color:yellow }

.bg1 { 
/*background:#dcd9cd;*/
}

/* AA-header links*/

#welcome a { background:url(design_images/Welcome_Nav.gif) top left;
			height:30px;
			width:225px;
			max-height:30px;
			max-width:225px;
			display:block;}
#welcome a:hover {background-position:bottom;}

#about a { background:url(design_images/About_Us_Nav.gif) top left;
			height:30px;
			width:225px;
			max-height:30px;
			max-width:225px;
			display: block;}
#about a:hover {background-position:bottom;}
#store a {	background:url(design_images/Online_Catalog_Nav.gif) top left;
			height:30px;
			width:225px;
			max-height:30px;
			max-width:225px;
			display: block;}
#store a:hover {background-position:bottom;}
#lease a { background:url(design_images/Lease_Program_Nav.gif) top left;
			height:30px;
			width:225px;
			max-height:30px;
			max-width:225px;
			display: block;}
#lease a:hover {background-position:bottom;}
#contact a { background:url(design_images/Contact_Us_Nav.gif) top left;
			height:30px;
			width:225px;
			max-height:30px;
			max-width:225px;
			display: block;}
#contact a:hover {background-position:bottom;}


/* modify main table width and background to adjust the page width and color*/
.table-main-table { 
	max-width:780px;
	/*width:780px;*/
	margin: 0px;
	background: #000000;
	border: none;
	border-collapse:collapse;
	}

/* STORE HEADER */
#mainTableTopCell{
	background-repeat:repeat-x;
	z-index:auto;
	width:780px;
	max-width:780px;
}
/*
#headergroup{
	width:780px;
	height:61px;
	vertical-align:top;
	margin: 0 auto;
	text-align:center;
	padding:0px;
	border-collapse:collapse;}
#header {
	max-width:780px;
	margin: 0 auto;
	border-collapse:collapse;
	padding:0px;
	background-color:#000000;
	}
	
#headerMainCell {
	height:61px;
	vertical-align:top;
	text-align:left;
	padding:0px;
	border-collapse:collapse;}
#headerMainCellnav{
	height:61px;
	vertical-align:top;
	text-align:right;
	padding:0px;
	border-collapse:collapse;}
#headerMainCell h1 {
	color:#ffffff;
	border-collapse:collapse;}
#headerMenuCell {
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
	background-color: #ffffff;
	text-align: center;
	height:20px;
	vertical-align:middle;
	margin:0px;
	width:780px;
	max-width:780px;}
#headerMenuCell a {
	color:#494949;
	margin-left:5px;
	margin-right:5px;}
	*/
	
#header{
	width:780px;
	margin:0 auto;
	background:#fff url(design_images/AAWebHeader.jpg) top left no-repeat;
	border-bottom:1px solid #800000;
}

#header ul{
	list-style:none;
	margin:0 0 0 0;
	padding:.25em 1em;
	width:756px;
	height:2em;
	border:none;
	border-top:1px solid #800000;
	background:#fff;
}

#header #navigation li{
	display:inline;
	float:left;
	padding: .5em .75em 0;
}

#header #navigation li a{
	font-weight:bold;
	font-size:1.25em;
	height:100%;
	display:block;
}

#header h1{
	height:168px;
	width:732px;
	margin:0;
	padding:.5em .75em;
}
.categoryProduct {
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border-bottom:solid #CCC 1px;
	overflow:hidden;/*scroll;*/
	}
#catListDiv{
	font-size:1.4em;
	color:#999;
}

#catListDiv a{
	font-size:1.6em;
	color:#666666;
	padding-top:5px;
	padding-left:10px;
}
.table-fixed-width {
	width: auto;
	background: #FFFFFF; 
	color:#ffffff; 
}
.table-small { 
	border: 0px; 
	padding:1px; 
	margin:1px;  
}
/*
modify these three below to adjust the look and text size of the tables and headers
*/
.table-title { 
	font-weight: bold; 
	font-size: 14px;
	background-color:#FFFFFF;
 }
.tblcols {
	background: #CCC;
	color:#ffffff;
	text-align:left;
}
.table-header { 
	text-align:left; 
	background-color: #fff;
	width:auto;
/*added width auto*/ }

.listing-row { background: #FFF7E8 }
.listing-row-alt { background: #FFFFFF }
/* customize left main menu*/
.menulink {
	background-color:#FFFFFF;
}
.cell-menulinktext{color:#ffffff; font-weight: bold;}
.cell-menulink{background:#CCCCCC ; font-weight: bold;}
.cell-menusearch{background: #CCCCCC}
.cell-catlink{background: #EEEEEE}
.cell-cart{ background: #EEEEEE; color: #000000; font-weight:bold; font-size: 12px; text-align:center} 
/*
Modify the two classes below to adjust the text of the category product list
*/
.text-category-name{ color: #cccccc; font-weight:bold; font-size: 14px;}
.text-category-desc{ color: #000000; font-weight:bold; font-size: 12px;}

.body-form { background:#E3DFD7; color:#000000; }

.warning { color: #cc1000; font-weight:bold; }

.stackdump-class { color:black; }
.stackdump-method { color:black; }
.stackdump-file { color:purple; }
.stackdump-line { color:red; }

.currency-input { 
    BORDER-RIGHT: black 0px solid; 
    BORDER-TOP: black 0px solid; 
    BORDER-LEFT: black 0px solid; 
    BORDER-BOTTOM: black 0px solid; 
    BACKGROUND-COLOR: #f5f5f5;
    text-align: right;
    font-size: 8px;
}

.option-input { 
    BORDER-RIGHT: black 0px solid; 
    BORDER-TOP: black 0px solid; 
    BORDER-LEFT: black 0px solid; 
    BORDER-BOTTOM: black 0px solid; 
    BACKGROUND-COLOR: #f5f5f5;
    text-align: right;
    font-size: 8px;
}

.text-input {
    BORDER-RIGHT: black 0px solid; 
    BORDER-TOP: black 0px solid; 
    BORDER-LEFT: black 0px solid; 
    BORDER-BOTTOM: black 0px solid; 
    BACKGROUND-COLOR: #f5f5f5;
    font-size: 8px;
}

.number-input {    
    BORDER-RIGHT: black 0px solid; 
    BORDER-TOP: black 0px solid; 
    BORDER-LEFT: black 0px solid; 
    BORDER-BOTTOM: black 0px solid; 
    BACKGROUND-COLOR: #f5f5f5;
    text-align: left;
    font-size: 8px;
}

/* SIDEBAR MENU */
#mainTableRightCell {
	width:auto;
	background-color:#f1f1f1;
	}
.MenuLeft {
	vertical-align:top;
	background-color:#fff;
	border-collapse:collapse;
	width:25%;
	text-align:left; 
	/*max-width:120px;
	min-width:20%
	margin:0px;
	padding:0px;*/}
	
	
.MenuRight {
	vertical-align:top;
	text-align:center;
	background-color:#f1f1f1;
	border-collapse:collapse;
	width:160px;}
#search {
	border-collapse: collapse;
	width:100%;
	padding-left:5px;
}

#search TD {
	padding: 2px;
	white-space: nowrap;
	font-size:12px;
	
	
}
#menu, #myaccount  {
	border-collapse: collapse;
	width: 100%;
	background-color:#fff;
	font-size:14px;
	padding-left:5px;
}
.signin {	
	width: 100%;/*Changed from "260px"*/
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:12px;
}

#menu TD, #myaccount TD, .signin td {
	padding: 0px;
	
}
#bestSellers TD, #related TD, #newProducts TD{
	padding: 2px;
	background-color:#F1f1f1;
	border-collapse:collapse;
	color:#0b0b85;
	width:auto;}

#menu a, #myaccount a {
	text-decoration: none;
	height:2.3em;
	padding: 5px 0 5px 20px;
	line-height:1.5em;
	color:#333333;
}

#menu a:hover{
	color:#FF6600;
}
.tblhead  {
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	background-color: #800000;
	/*background-image:url(/design_images/BlueCorporate-1_05.jpg);*/
	background-repeat: repeat-x;
	background-position: top;
	white-space: nowrap;
	padding: 2px;
	/*padding-right:0px;
	padding-left:30px;*/
	margin:0px;
	width:auto;/*added width 100%*/}
	
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #fff;
}
.tblfoot {
	background-color:#FFFFFF;
	border-collapse:collapse;
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
    
#content {
	width: 80%;
	/*max-width: 460px;*/
	vertical-align:top;
	font-size:12px;
	background-color:#ffffff;
	text-align:left;
	color:#333333;
	padding:1em;
}   

/* FEATURED PRODUCT */
#featured {
	width:100%;
	text-align: center;
	background-color: #ffffff;
	font-size:12px;
	border-collapse:collapse;
}
#featured td {
	vertical-align: top;
}
.featuredproduct {
	/*width: I made this change from "auto"*/
}
.featuredproduct td {
	text-align: center;
}

.frame {
	border: solid 1px #efefef;
	float:left;
	margin:5px;
	padding: 5px;
	/*text-align:center;*/
	white-space:nowrap;
	/*display:block;*/
}

/* PRODUCT ATTRIBUTES */
.name, .price, .qty {
	font-weight: bold;
}

/* CATEGORY PRODUCT LIST */

#categoryproductlist {
	width:auto;
}
p.pagedesc {
text-align:left;
margin:0;
padding:0;
color:#666666;
}
#productlist, #invoicelist {
	width:100%;/*Made change form 100% */
	background-color: #fff;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:12px;
}

#productlist TD, #invoicelist TD {
	padding: 2px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc; 
}
.breadcrumb {
	/*display:inline;*/
	font-size:1em;
}

a.breadcrumb:link, a.breadcrumb:visited,  a.breadcrumb:hover,  a.breadcrumb:active  {
	
	color:#990000;
	/*font-size: 11px;*/
}
#pagehead {
	
	color:#333333;
	width:100%;
	margin:0;
}
#pagehead h1{
	display:block;
	padding:0 1em 0 0 ;
	margin:0;
	letter-spacing:-.5px;
	text-transform:uppercase;
	font-size: 1.8em;
}
#pagehead td{
	height:2em;
}
/* FOOTER */
#mainTableBottomCell {
	background-color:#ffffff;
	width:780px;
	max-width:780px;
	}
	
#mapText {
		float:left;
		font-size:10px;
		text-align:center;
		width:50%;
		margin-bottom:10px;			
}

#footer {
	margin: 0 auto;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
	background-color:#FFFFFF;
	border-top:1px #990000 solid;
	/*width:780px;
	max-width:780px;*/}
	
#divFooter {
		width:780px;
		max-width:780px;}
	
#footer a:link, #footer a:hover, #footer a:active  {
	color: #0b0b85;
}
#footer a:visited{ color:#800000}

/* __________________________________________________________________ PRODUCT DETAIL */
#productdetail {
	/*font-size:12px;	*/
	color:#666666;
	font-size:1.4em;
}
#productdetail .frame {
	margin: 10px 10px 10px 0px;
	
}
#addbutton {
	margin-top: 10px;
}


#subcategories, #shoppingcart, #coupon {
	font-size:18px;
}
#subcategories br{
	display:none;
}
#subcategories tr{
	/*margin:1em 0;*/
	height:1.5em;
	font-size:14px;
}
#subcategories td a{
	/*background:#666666;
	border:solid #333333 1px;*/
	color:#666666;
	padding:.25em;
	margin:0;
	font-size:14px;	
}
.subcategory{
	font-size:1.4em;

}
.fieldlabel {
	background:none;
	font-weight:bold;
	font-size:12px;
}

#customerdetails, #customerdetails input, #customerdetails select, #customerdetails option {
	font-size:12px;
}

/* ---------------------- About Us Page----------------------*/

#aa_building{
		width:300px;
		height:200px;
		border: solid 1px #990000;
		float:right;
		clear:both;
		position:relative;
		margin:10px;
		}
		
/*-----------------------------------------------------------*/

/*-------------------- BioPages -----------------------------*/

#BioPhoto{
	width:auto;
	height:auto;
	border: solid 1px #990000;
	float:right;
	clear:left;
	margin:20px;}

/*-----------------------------------------------------------*/

/*-------------------- BioPages -----------------------------*/

.vendorLogos > img{
	margin: 10px;
	
}
/*-----------------------------------------------------------*/

td .mapHolder{
width:50%;
}

.listStyle1{
	list-style:none;
	color:#000000;
	font-size:1.2em;
	margin:0px;
}
.listStyle2{
	list-style:lower-alpha;
	color:#000000;
	font-size:1.2em;
	margin-left:2em;
	display:block;
}
.listStyle2 a{
	list-style:none;
	font-size:1em;
}

.contactPara{
color:#FF6600;
text-align:left;
padding-top:1em;
}
.imageState{
	display:inline;
	float:left;
	height:350px;
}
.imageState img{
	margin:1em;
	margin-left:.5em;
}


.stateContractTable{
	border-collapse:collapse;
	margin:0 auto;
	width:90%;
	}
	
.stateContractTable td{
	text-align:left;
	border:1px solid #999999;
	width:15%;
	padding:10px;
}

.td2{
	background:#EFEFEF;
	width:80%;
}


.klear{
	clear:both;
}
/************************************************************************************
Use code for colors of products paste it into the HTML Detailed Description area on the IA Modules Item Manager

<div class="color">
<ul class="detailedDescUl">
<li>LED color:
<span class="colorRed"></span></li>
<li>Lens color:<span class="colorClear"></span></li>
</ul>
<div class="klear"></div>
</div>

****************************************************************************************/
 td .color{
	text-align:left;
	float:left;
 }
 .detailedDescUl{

 }
 .detailedDescUl li{
	list-style:none;
	font-size:1.1em;
	padding:0 0 5px 0;
	float:left;
	margin:4px;
	border:#CCCCCC solid 1px;
	padding:4px;
	width:150px;
 }
 .colorRed{
 	background:#CC0000;
	float:left;
	height:20px;
	width:20px;
	border:1px solid #CCCCCC;
	margin-left:-1px;
	
 }
 .colorClear{
 	background:#fff;
	float:left;
	height:20px;
	width:20px;
	border:1px solid #CCCCCC;
	margin-left:-1px;
	
 }
  .colorBlue{
 	background:#3300CC;
	float:left;
	height:20px;
	width:20px;
	border:1px solid #CCCCCC;
	margin-left:-1px;
 }
  .colorAmber{
 	background:#FF9900;
	float:left;
	height:20px;
	width:20px;
	margin-left:-1px;
	border:1px solid #CCCCCC;
 }
 
 b a{
 	padding:0 1em;
 }