/*
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; color: #333333;}

/* 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.
*/
/*The selector is normally the HTML element/tag you wish to define, the property is the attribute you wish to change, and each property can take a value. The property and value are separated by a colon, and surrounded by curly braces:*/
body { 
	background-color:F3F3F3;
	background-image:url(/design_images/bg_page.png);
	background-position:top;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	margin: 0px; 
	text-align:center;	
	color: #333333;	
 margin-bottom: 0.01em; /* forces vert scroll so pages of diff height don't jump */
}
form {
	display: inline;
}
img
{  border-style: none;
} 
/* Text color in the non header menus upper right cartl login home contact text decoration does line-through*/
A, A:visited, A:active { color:#333333; text-decoration: none; font-weight: lighter;}
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 }

/* Find where this is used DTL */
.bg1 { 
background: #DCD9CD;
}

/* ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;
}*/

/* modify main table width and background to adjust the page width and color*/
.table-main-table { 
	width:978px;
/*	background-image:url(/design_images/back.jpg);
	background-repeat:repeat-y;*/
	margin:0 auto;
	border-top-style:solid;
	border-top-color:#666666;
	border-top-width:medium;
/* 	background: #ffffff;  This floods white in areas besides bottom and left DTL */
	border: none;
	height:100%;
	margin-top:1px;
	margin-bottom:5px;
}

/* STORE HEADER */
/* You can also define styles for HTML elements with the id selector. The id selector is defined as a #. */
#header {
	/* background: #666666; *//* DTL */
	width: 100%;
	margin:0px;
	border-collapse:collapse;
		background-image:url(/design_images/bindstoreeverything.gif);
	background-repeat:no-repeat;
	height:80px;
	padding-right:10px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right:10px;
}
#headerMainCell {
	color: #000000;
	/* background-image:url(/design_images/bindstore_header.gif);
	background-repeat:repeat-x;
	background-color:#343841;*/
/*	background-image:url(/design_images/back.jpg);
	background-repeat:repeat-y; 11-30*/
	/*vertical-align:middle;*/
}
#headerMainCell H1 {
	color:#000000;
	margin:18px;
}
/* Horizontal Menu for header DTL */
#headerMenuCell {
/*	border-top: 2px solid #2D3A3A;*/
	background-color:#9A1908;
	margin-top:14px;
	text-align: right;
	font-size:14px;
	padding:0px;
	height: 14px;
	vertical-align:middle;
}

#headerMenuCell a {
/*	background-color: #FFFFFF; DTL Nothing*/
/*	color:#F4F4F4;
	margin-left:5px;
	margin-right:5px;
*/}

#mainTableTopCell {
/*    background-color: #000000;  11-30*/
	height:10px;
	padding-right:10px;
}
/* the footer is positioned inside of this div */
#mainTableBottomCell {
/*	background-color: #333333; 333333 matches fade at bottom */
	height:40px;
}
#mainTableRightCell{
  width:250px;
}

/* Used to display featured products on home page */
.categoryProduct {
	margin: 10px 0px 10px 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
/*	height: 160px; */
	width: 167px;
	 float: left;
	border: none;
}

/* You can also omit the tag name in the class selector to define a style that will be used by all HTML elements that have a certain class. In the example below, all HTML elements with class="center" will be center-aligned: */
.table-fixed-width {
	width: 760px; 
	background: #FFFFFF; 
	color: #000000; 
}
.table-small { 
	border: 0px; 
	padding:1px; 
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
text-align:left;
}

#nav a{
display:block;
padding:0px 5px;
border-right:thin;
color:#fff;
text-decoration:none;
background-color:#9A1908;
}

#nav a:hover{
background-color:#fff;
color:#666;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
z-index: 500; /* forces the toplevel menus to display over onces that may follow. */
}

#nav li ul a{
width:12em;
height:auto;
float:left;
color:#ffffff;
background-color:#9A1908;
border:1px solid #FAFAFA;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/*
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: #CCCCCC;
	color: #333333;
	text-align:left;
}
.table-header { 
	text-align:left; 
	background-color: #FFFFFF; }

.listing-row { background: #FFF7E8s}
.listing-row-alt { background: #FFFFFFs}
/* 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:#000000s}

.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;
	/* padding-top: 10px; */
	vertical-align:top;
	background-color:#FDFDFD; /* Left Menu Bkg DTL */
/*    background-image:url(/design_images/grayfadehdr.gif);
	background-repeat:repeat-x;*/
}
#search {
	border-collapse: collapse;
	width: 160px;
	margin: 5px 0px 5px 0px;
}

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

#menuLabel {
	background-color:#22448C;
	font-size:16px;
	text-align:center;
	color: #FFFFFF;
	width: 160px;
	margin-bottom:5px;
	font-weight:bold;
}

#menu, #myaccount  {
	border-collapse: collapse;
	width: 160px;
	margin: 0px 5px 0px 0px;
	font-size:16px;
	margin-right:2px;
	/* background-color:#F9EEDA;  DTL */
	color: #22448C;
	/*background-image:url(/design_images/menu_w_bot.gif);*/
}
.signin {	
	width: 260px;
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:12px;
}

#menu TD, #myaccount TD, .signin td {
/*	padding: 2px;*/
	color: #333333;
	text-align: left;
/* 	background-image:url(/design_images/menu_l_bg.gif); this doesn't work
	background-repeat:repeat-y;*/
}

#menu a, #myaccount a {
	margin-left:3px;
	text-decoration:none;
	color: #47614A;
		font-size:12px;
}

#menu a:hover {
	text-decoration:underline;
}
.tblrow a:hover {
	text-decoration:underline;
}


.tblhead  {
	text-align: left;
	color: #0089BF;  /* Blue */
	font-weight: bold;
	height: 20px;
	border:1px;
	/* background-color: #0F2626; */
	/* background-image:url(/design_images/purple_gradient_hdr.jpg); */
	/*background-repeat: repeat-x; */
	/* background-position: top; */
	white-space: nowrap;
	padding: 2px;
	background-image:url(/design_images/leftNav_top.png);
}
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #8D66A5;
}
.tblfoot {
	background:none;
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
   
   
#content {
	vertical-align:top;
	font-size:12px;
	color:#FF0000;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}   
   
/* bestSellers, featured, newProducts */
#bestSellers {
	background: #FFFFFF; 
	width: 100%;
	text-align: center;	
	font-size:12px;
}
   
#bestSellers td {
	vertical-align: top;
}

#newProducts {
    padding-top:2em;
    clear:both;
	background: #FFFFFF;
	width: 100%;
	text-align: center;	
	font-size:12px;
}
#newPoducts td, related td {
	vertical-align: top;
}  
   
/* FEATURED PRODUCT */
#featured {
	background: #FFFFFF; /* DTL had no effect*/
	width: 100%;
	text-align: center;	
	font-size:12px;
}
#featured td {
	vertical-align: top;
}
.featuredproduct {
	width: 100%;
}
.featuredproduct td {
	text-align: center;
}

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

/* CATEGORY PRODUCT LIST */
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
.phonenum {
 color:#0089BF;
 
}
/* 
 * WSCategoryProductList.xsl uses these for table setup in the content area of the page.
 */

/* breadcrumb and category td at top */
#categoryproductlist {
	width: 98%;
}

#pagehead {
	width: 100%;
	font-size: 14px;
}
/* used solely for the page description that occurs below the page head */
.pagedesc {
	margin: 10px 0px 10px 0px;
	color: #22448C;
}
/* Breadcrumb */
.breadcrumb {
	margin: 0px 0px 10px 0px;
}

a.breadcrumb:link, a.breadcrumb:visited,  a.breadcrumb:hover,  a.breadcrumb:active  {
	color: #999999;
	font-size: 14px;
}
/* For decoration of headings in the multiple product submit at once table */
.tblheadprod  {
	text-align: left;
	color: #C55C2E;
	font-weight: bold;
	height: 20px;
	border:1px;
	white-space: nowrap;
	padding: 2px;
}

#productlist, #invoicelist {
	width: 100;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	font-size:11px;
	margin-right:2px;
}

#productlist TD, #invoicelist TD {
	padding: 1px;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC; 
}

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


/* FOOTER */
#footer {
	margin-top:10px;
	margin-bottom:1px;
	/*background-color:#6B8E66;/* /* Background Color Footer DTL */
	color: #FAFAFA; /* Text Color Footer DTL */
	font-size:9px;
	background-color:#9A1908;
/*	background-color: #333333; */
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #F9EEDA;
}
/* PRODUCT DETAIL */

#productDetailDescription{
    color:#990000;
}
#productDetailDescription a, #productDetailDescription a:visited, #productDetailDescription a:active {
    color:#0089BF;
    text-decoration: none;
}
#productDetailDescription a:hover {
    text-decoration: underline;
}
 
#productdetail {
	font-size:14px;	
	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:12px;
}

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

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

h2 {
	font-size:16px;
}

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

#customerDetailText{
	padding:5px;
}

/*************************left box ********************************/
/* originally width:89px */
.left-box{
	float:left;
	width:140px;
	margin-left:2px;
	margin-top:5px;
}
/*left sub navigation originally width:89px*/
.left-box ul{
	width:140px;
	float:left;
}
/* Originally this was width:89px */
.left-box ul li{
	width:140px;
	float:left;
	padding:0 0 0px 0;
	position:relative;
}
/* Originally this was width:81px */
.left-box ul li a{
	background-image:url(/design_images/nav_left_gld.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:132px;
	display:block;
	height:30px;
	padding:4px 0 0 8px;  /* adjusts the static spacing */
	text-decoration:none;
}
.left-box ul li a:hover{
	color:#062C8D;
	background-position:0 -25px;
}
/* Originally this was width:136px and left:89px*/
.left-box ul li ul{
	width:136px;
	display:none;
	position:absolute;
	left:140px;
	top:0;
	z-index:100;
}
/* originally this was width:136 */
.left-box ul li ul li, .left-box ul li ul li.top-sub, .left-box ul li ul li.bottom-sub{
	width:136px;
	float:left;
	background:url(/design_images/nav_2level_mid_gold.gif) repeat-y 0 0;
	line-height:20px;
	padding:0;
}
.left-box ul li ul li.top-sub{
	background:url(/design_images/nav_2ndlevel_top_gld.gif) no-repeat 0 0;
}
.left-box ul li ul li.bottom-sub{
	background:url(/design_images/nav_2ndlevel_bot_gold.gif) no-repeat 0 100%;
}
.left-box ul li ul li a{
	float:left;
	background:none;
	width:auto;
	height:auto;
}
.left-box ul li.hover ul, .left-box ul li:hover ul{
	display:block;
}
.left-box ul li:hover ul a:hover,
.left-box ul li.hover ul a:hover,
.left-box ul li:hover ul a,
.left-box ul li.hover ul a{
	background:none;
	color:#6D6D6D;
	
}
.left-box ul li:hover ul a:hover,
.left-box ul li.hover ul a:hover{
	text-decoration:underline;
}
.left-box ul li:hover a,
.left-box ul li.hover a{
	background-position:0 -25px;
	color:#062C8D;
}

#sale {
  /* background-image:url(/design_images/sale.jpg);*/
  background-repeat:no-repeat;
  background-position:right;
}

#sale p {
  color:#990000;
  font-size:16px;
}

#sale a {
  color:#0089BF;
}

/*************************************************************/
/*input {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #FF0000;
   background-color: #FFCCCC;
   padding: 5px;
   height: 10px;
   width: 12px;
}
input.myButton {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: italic;
   color: #dddddd;
   background-color: #fff;
   padding: 2px;
   height: 25px;
   width: 30px;
   border: 1px solid #999999;
}

<body>
<input type="button" name="Button" value="Button">
<input name="textfield" type="text" value="123">
<input type="button" name="Submit2" value="Button" class="myButton">
</body>
 */