/*
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: tahoma, verdana, sans serif;}

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

/*LS:Modified to make text black, Arial*/

BODY { 
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 14px;
	margin: 0px; 
	text-align:left;	
	color: #000000;	
	overflow: -moz-scrollbars-vertical;
}
form {
	display: inline;
}
A, A:visited, A:active { color:#1656a0; text-decoration: none; }
A:hover { text-decoration: underline; }

/* IA: 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 { 
	width:1024px;
	margin:0 auto;
	background: #ffffff; 
	border: none;
	height:100%;
	margin-top:5px;
	margin-bottom:5px;
}

/* STORE HEADER */
#header {
	width: 100%;
	margin:0px;
	border-collapse:collapse;
	padding:0px;
}

/* LS: WAS SPECIFIED AS ZERO HEIGHT, commented out*/
#headerMainCell {
/*	height:0px;
	background-image:url(/design_images/BlueCorporate-1_01.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;  */
	padding:0px;
	background-color:#ffffff;
}
#headerMainCell h1 {
	color:#ffffff;
	margin:12px;
}

/*LS: Modified all headerMainCell styles to redesign menu*/
#headerMenuCell {

	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	border-left:none;
	border-right:none;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-color: #000000;
	padding:4px;
	height:20px;
	vertical-align:middle;
	
}

#headerMenuCell a {
	color:#000000;
	font-weight: bold;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}

#headerMenuCell a:hover {
	color:#ef000b;
	
}

#mainTableTopCell {
/*	height:81px;  */
}

#mainTableBottomCell {
	height:40px;
}

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

.table-fixed-width {
	width: 1024px; 
	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 }


/* IA: 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:150px;
	vertical-align:top;
}
#search {
	border-collapse: collapse;
	width: 160px;
	margin: 5px 0px 5px 0px;
}

.MenuLeft a {
color:#000000;
text-decoration:none;
}

.MenuLeft a:hover {
color:#d8040e;
text-decoration: underline;
}


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

/*LS:Modified all menu items, inclding tblhead to restyle side menu*/
#menu, #myaccount  {
	border-collapse: collapse;
	width: 160px;
	margin: 0px 0px 5px 0px;
	background-color:#FFFFFF;
	font-size:14px;
}
.signin {	
	width: 260px;
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:14px;
}

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

#menu a, #myaccount a {
	text-decoration: none;
	color:#000000;
}

#menu a:hover, #myaccount a:hover {
	text-decoration: underline;
	color:#ef000b;
}


.tblhead  {
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	height: 20px;
	background-color: #ef000b;
	white-space: nowrap;
	padding: 3px;
	border:none;

}
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #ffffff;
}
.tblfoot {
	background:none;
	color: #666666;
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
   
   
#content {
	vertical-align:top;
	text-align:justify;
	font-size:14px;
	font-stretch:expanded;
	padding-left:15px;
	padding-right: 10px;
}   
   
   
   
/* FEATURED PRODUCT */
#featured {
	width: 100%;
	text-align: center;	
	font-size:14px;
}
#featured td {
	vertical-align: top;
}
.featuredproduct {
	width: 100%;
}
.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: 100%;
}
.pagedesc {
	margin: 0px 0px 10px 0px;
}
#productlist, #invoicelist {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:14px;
}

#productlist TD, #invoicelist TD {
	padding: 2px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #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 */
#footer {
	margin-top:20px;
	margin-bottom:10px;
	color: #999;
	font-size:11px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #999;
}
/* PRODUCT DETAIL */
#productdetail {
	font-size:13px;	
	width:100%;
}
#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:14px;
}

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

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

<!--Modified to increase size to 18px, and set top margin to 0-->
h2 {
	font-size:18px;
	margin-top:0;
}

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

#customerDetailText{
	padding:5px;
}

/* LS: Styles added to redesign StoreHome.htm*/
 div.seasonal {
	 background-color:#f2fbfd;
	 border:1px solid black;
	 font-family:Arial, Helvetica, sans-serif;
	 overflow:auto;
	  }
	  
	  div.seasonal img {
	margin:none;
	margin-right:15px;
	float:left;
	border-right:1px solid black;
	width:210px;
	height:264px;
	}  
	 
	 div.seasonal h2 {
	 font-size:30px;
	 line-height:50px;
	 color:#ef6d6d;
	 text-align:left;
	 margin: 10px 0 -8px 10px;
	 }
	   
	
	 
	p.textSeasonal {
	 font-size:13px; 
	 text-align:left;
	  margin:0 20px 5px 15px;
	  }
	  
	 p.textSeasonal a {
	display:inline;
	height:auto;
	clear:none;
	visibility:visible;
	font-size:13px;
	text-align:left;
	padding-bottom:3px;
    color:black;
	  text-decoration:none;
	  }
	  
	p.textSeasonal a:hover {
	  text-decoration:underline;
	  }
	  
	 
	td.miniSidebar {
	margin:0;
	padding: 8px 5px 4px 6px;
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
	td.miniSidebar img {
	margin:0;
	padding:0;
	border:none;
	}
	
	td.miniSidebar p {
	margin:0;
	padding:0;
	}
	
	td.miniSidebar a {
	color:#d8040e;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
	td.miniSidebar a:hover {
	text-decoration:underline;
	color:#d8040e;
	}
	
	td.trust {
	margin:0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	td.trust h3 {
	font-size:18px;
	color:#ef000b;
	}
	
	td.trust p {
	font-size:13px;
	margin: 0 10px 10px 5px;
	}