/* 
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: Verdana;
	
}

/* 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-color: #FCD77E; 
		font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	margin: 0px; 
	text-align:center;	
	}
	
	
	h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	  padding-left:7px; color:#888888; padding-right:5px;}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #888888;
	padding-left: 10px;
	border-left-width: 16px;
	border-left-style: solid;
		border-left-color: #533775;/*this is the purple color used throughout*/
	margin-left:7px;
}
 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif   ;
	font-size: 12px;
	
	color: #888888; padding-left: 20px;}
	
h4 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#888888; margin-left: 25px;}

p,li {
 
	font-family: Verdana;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	margin-left: 20px;
	margin-right: 10px;
	}
/* this is the appearance of the cell under the flash movie ESBA Labs*/

#underflash { background-color:#33FFCC; }
/* this is the main layout table */
#main_layout_table {width: 100%; background-color: #FCF38C;/*this is the pale yellow used throughout*/
}
.table-main-table { 
	width: 85%;
	margin:0 auto;background-color: #FCF38C;
	
	border: none;
}

form {
	display: inline;
	font-style: normal;
}
/* this are the properties of the hyperlinks*/
A, A:visited, A:active { color:#533775; 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: #FCD77E;
}
/* modify main table width and background to adjust the page width and color*/

/* STORE HEADER */
#header {
	width: 100%;
	margin:0px;
	border-collapse:collapse;
	padding:0px;
}
#headerMainCell {
	height:61px;
		background-repeat:repeat-x;
	background-color:#FCD77E;
	vertical-align:middle;
	padding:0px;
}
#headerMainCell h1 {
	color:#ffffff;
	margin:0;
}
/* this is the appearance of the Store Nav Bar- EB- I changed the border top to 0 */
#headerMenuCell {
	border-top: 0px solid #fff;
	background-color: #FCF38C;
	text-align: right;
	font-size:12px;
	color:#666666;
		padding:2px;
	height:20px;
	vertical-align:middle;
}
/* this is the appearance of links Store Nav Bar- EB */
#headerMenuCell a {
	color:  #666666;
	margin-left:5px;
	margin-right:5px;
}


/* these are the featured products in the store lobby; I had to change the height to 225px (prev "inherited"-EB*/
.categoryProduct {
	margin: 2px 2px 2px 2px; /* i changed it to 2 px from 10 px-EB*/
	padding: 2px;
	height: 240px;/*i changed it from 200*/
	width: 120px; /* these are the featured products in the store lobby; I had to change the width to 120 from 160 px-EB*/
	 float: left;
	border: none;
}
/* i changed this to 100% from 750 px on 4-29-10-EB*/
.table-fixed-width {
	width: 100%; 
	background: #FCD77E; 
	color: 000000; 
}
.table-small { 
	border: 0; 
	padding:1; 
	spacing:1  
}
/*
modify these three below to adjust the look and text size of the tables and headers
*/
.table-title { 
	font-weight: bold; 
	font-size: 14px;
  }
.tblcols {
	background: #CC3000;
	color: #6600CC;
	text-align:left;
	border: 1;
	border-color: #533775;
}
/* this is the color of the header of the table that appears after doing a search-EB */
.table-header { 
	text-align:left; 
	background-color: #C0A062; }

.listing-row { background: #FCD77E }
.listing-row-alt { background: #FFFFFF }

/* customize left main menu*/
.menulink {
	background-color: #FF00CC;
}
.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 */
.MenuLeft, .MenuRight {
	width:150px;
	vertical-align:top;
}
#search {
	border-collapse: collapse;
	width: 160px;
	margin: 5px 0px 5px 0px;
}

#search TD {
	padding: 2px;
	white-space: nowrap;
	font-size:12px;
}

/* this is the table under Browse on the left-EB */
#menu, #myaccount  {
	border-collapse: collapse;
	width: 160px;
	margin: 0px 0px 5px 0px;
	background-color:#C0A062;
	font-size:11px;
}
.signin {	
	width: 260px;
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:12px;
}

#menu TD, #myaccount TD, .signin td {
	padding: 2px;
}
#bestSellers TD, #related TD, #newProducts TD{
	padding: 2px;
}
/* this is the color of the links in the left menu under Browse-EB */
#menu a, #myaccount a {
	text-decoration: none;
	color:#533775;
}
/* this are the properties of the headers like Search, Browse and My Account-EB */
.tblhead  {
	text-align: left;
	color: #fff;
	font-weight: bold;
	height: 20px;
	background-color: #533775;
	background-image:url(/design_images/BlueCorporate-1_05.jpg);
	background-repeat: repeat-x;
	background-position: top;
	white-space: nowrap;
	padding: 2px;
}


/* this is the color of the links that show the total number of pages after "Available Products */
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #fff;
}
/* this is the footer of the shopping cart */
.tblfoot {
	background:none;
	background-color: #C0A062;
	color: #533775;
	 
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
   
   
#content {
	vertical-align:top;
	font-size: 11px;
	padding-left:15px;
	width:100%;
}   
   
   
 
/* FEATURED PRODUCT */
/* #featured is the purple bar that has the "Featured Products" title */
#featured {
	width: 100%;
	text-align: center;	
	font-size:12px;
}
#featured td {
	vertical-align: top;
}
.featuredproduct {
	width: 100px;
}
.featuredproduct td {
	text-align: center;
	
}

.frame {
	border: 1px solid #ccc;
	text-align:center;
}
/* PRODUCT ATTRIBUTES */
.name, .price, .qty {
	font-weight: bold;
}

/* CATEGORY PRODUCT LIST */
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
#categoryproductlist {
	width: 700px;
}
.pagedesc {
	margin: 0px 0px 10px 0px;
}
#productlist, #invoicelist {
	width: 100%;
	background-color: #C0A062;
	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 {
	margin: 0px 0px 10px 0px;
}

a.breadcrumb:link, a.breadcrumb:visited,  a.breadcrumb:hover,  a.breadcrumb:active  {
	color: #999;
	font-size: 11px;
}
#pagehead {
	font-size: 11px;
}

/* FOOTER */
#footer {
	margin-top: 20px;
	color: #999;
	font-size: 10px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #999;
}
/* PRODUCT DETAIL */
/* this is the size of the text that appears underneath each picture-EB */
#productdetail {
		font-size:12px;
			
		
}
  
#productdetail .frame {
	margin: 10px 10px 10px 0px;
	
}
#addbutton {
	margin-top: 10px;
}

.PoweredBy{
	color: #000000;
	font-size: 9px;
}
.PoweredBy A, .PoweredBy A:link, .PoweredBy A:visited, .PoweredBy A:active, .PoweredBy A:hover {
	color: #000000;
	font-size: 9px;
	TEXT-DECORATION: underline;
}

#subcategories, #shoppingcart, #coupon {
	font-size:12px;
}

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

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

h2 {
	font-size:16px;
}
/* EB modified the properties for the p paragraph tag in html */
p {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	margin-left: 20px;
	}
	
	
/* EB created this class style for h1 type of titles */
.EBh1style {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #666666;	
	margin-bottom: 12px;
	
	
}
/* EB created this class style for h2 type of titles */
.EBh2style {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-left: 20px;
	margin-bottom: 12px;
	
}
.EBh3style {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-left: 20px;
}
/* EB created this tag definition to change the default text color inside tables */
table {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	text-align:left;
}


 /* this is the appearance of the Bottom Nav Bar- EB- I changed the border top to 0 */
#bottomNavBar1 {
	border-top: 1px solid #888888 ;
	border-bottom: 1px #888888
	background-color: #FCF38C;
	text-align: middle;
	font-size:12px;
	padding:2px;
	height:20px;
	vertical-align:middle;
	color:#666666;
	
}
/* this is the appearance of links in the bottom Nav Bar- EB */
#bottomNavBar1 a {
	color: #666666   ;
	margin-left:5px;
	margin-right:5px;
}

  
 

/* this is the appearance of left table with faqs */ 
#tablefaqs {
		
	background-position: center top;
}
#tablefaqs a{
	font-family: Verdana;
	font-size: 10px;
	color: #533775;
	}
hr {color: #663399;}

/* this is the appearance of the links on StoreCustomerDetails.jsp */
.tabs {  
 padding-bottom:20px;
 text-align:center; 
  }
  
.tabs a { color:#FFFFFF; font-size:12px; font-weight:bold ;} 

.tabs td { padding-right:100px; width: 116px; height:24px;
background-image:url(design_images/menubutton.jpg); text-align:center;
}

#customerDetailText {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif ; padding-bottom:20px;}

.checkoutProgressLink { background-color:#C0A062; border-bottom: ridge; border-bottom-color:#533775;}

#product_details {width: 400px; }
/* EB added this for the simplified menu in StoreHeader.htm */
#menuheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color:#FFFFFF; width:745px;
	height:24px; text-align:center;
	font-weight:bold;
	background-image:url(design_images/menubutton.jpg)	}
#menuheader a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
}

/* this is the appearance of the cell under the flash movie ESBA Labs*/
#underflash {background-color: #FFFFCC; }

/*this is the appearance of the Main Navigation Bar*/
#main_nav_bar  { background-color:#533775;/*this is the purple color used throughout*/}