/*
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*/

/* 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 { 
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #f2f2e5 ;
	font-size:12px;
	color:#534a40;
}
form {
	display: inline;
}


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

.bg1 { 
background: #dcd9cd;
}
/* modify main table width and background to adjust the page width and color*/
.table-main-table { 
	margin:0 auto;
	padding:0;
	position:relative;
	width:1000px;
}

/* STORE HEADER */

#headerMainCell {
	height:61px;
	background-image:url(/design_images/BlueCorporate-1_01.jpg);
	background-repeat:repeat-x;
	background-color:#0F77A6;
	vertical-align:middle;
	padding:0px;
}
#headerMainCell h1 {
	color:#ffffff;
	margin:18px;
}
#headerMenuCell {
	border-top: 1px solid #fff;
	background-color: #DBD9D9;
	text-align: right;
	font-size:12px;
	padding:2px;
	height:20px;
	vertical-align:middle;
}

#headerMenuCell a {
	color:#494949;
	margin-left:5px;
	margin-right:5px;
}

#mainTableTopCell {
	height:81px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto 0 auto; /* center, not in IE5 */
	width:1000px; 
	padding: 0;
}

#mainTableBottomCell {
	height:40px;
}

#mainTableRightCell {
	width: 0px;
	display: none;
}



.categoryProduct {
	margin: 10px 10px 10px 10px;
	padding: 5px;
	height: 200px;
	width: 160px;
	 float: left;
	border: none;
}

.table-fixed-width {
	width: 760px; 
	background: #FFFFFF; 
	color: #000000; 
}
.table-small { 
	border: 0px; 
	padding: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;
  }
.tblcols {
	background: #CCC;
	color: #333;
	text-align:left;
}
.table-header { 
	text-align:left; 
	background-color: #fff; }

.listing-row { background: #FFF7E8 }
.listing-row-alt { background: #FFFFFF }
/* customize left main menu*/
.menulink {
	background-color: #fff;
}
.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:0px;
	vertical-align:top;
}
#search {
	border-collapse: collapse;
	width: 160px;
	margin: 5px 0px 5px 0px;
}

#search TD {
	padding: 2px;
	white-space: nowrap;
	font-size:12px;
}
#menu, #myaccount  {
	border-collapse: collapse;
	width: 160px;
	margin: 0px 0px 5px 0px;
	background-color:#F1F1F1;
	font-size:12px;
}
.signin {	
	width: 300px;
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:12px;
}
table.signin td {
	padding:5px 7px;
}

#menu TD, #myaccount TD, .signin td {
	padding: 2px;
}
#bestSellers TD, #related TD, #newProducts TD{
	padding: 2px;
	font-size:12px;
}

#menu a, #myaccount a {
	text-decoration: none;
}
.tblhead  {
	text-align: left;
	color: #534a40;
	font-weight: bold;
	height: 25px;
	background-color: #c1d199;
	white-space: nowrap;
	padding: 2px;
}
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #fff;
}
.tblfoot {
	background:none;
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
   
   
#content {
	background:#fff;
	border-left: 1px solid #c7df96;
	border-right: 1px solid #c7df96;
	border-bottom: 1px solid #c7df96;
	width: 974px;
	padding: 0 12px 12px 12px;
	margin: 0 auto 0 auto;
 }
 
 #contentHeader{
 	background:#fff;
 	width: 974px;
	padding: 0 12px 0px 12px;
	margin: 0 0 0 0;
	border-left: 1px solid #c7df96;
	border-right: 1px solid #c7df96;
 }
   
   
/* FEATURED PRODUCT */
#featured {
	width: 100%;
	text-align: center;	
	font-size:12px;
}
#featured td {
	vertical-align: top;
}
.featuredproduct {
	width: 100%;
}
.featuredproduct td {
	text-align: center;
}

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

#LongDescHTML{ 
	width:300px; 
	float:left; 
	padding:5px;
	text-align:left;
}

#productDetailDescription{ display:none;}  <! -- hides HTML Detailed Description from showing up at bottom of the page-- >

#pdImage {
float:right;
padding:5px;
width:300px;
}


/* CATEGORY PRODUCT LIST */

#categoryproductlist {
	width: 100%;
}
.pagedesc {
	margin: 0px;
	font-size:14px; 
	padding:0 59px 15px 0;
}
#productlist, #invoicelist {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
	border-top: solid 0px #ccc;
	border-right: solid 0px #ccc;
	font-size:12px;
}

#productlist TD, #invoicelist TD {
	padding: 2px;
	border-left: solid 0px #ccc;
	border-bottom: solid 0px #ccc; 
}

#productlist .tblhead{
	text-align:center;
}

.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 */

/* PRODUCT DETAIL */
#productdetail {
	font-size:12px;	
	width:600px;
}
#productdetail .frame {
	margin: 10px 10px 10px 0px;
}
#addbutton {
	margin-top: 10px;
}



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

#shoppingcart td {
	padding:5px 7px;
}

#Cartcontent a {
	color: #534a40;
}

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

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



select#BCountry, select#SCountry {
	width:140px;
}

#customerDetailText{
	padding:5px;
}