/*
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:#fff;	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 8px;
	topmargin:5;
	margin: 0px; 
	text-align:left;	
	color: #03051E;	
	overflow: -moz-scrollbars-vertical;
}
img {
     border:none;
}
form {
	display: inline;
	padding:0px;
	margin:0px;
}
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;
}
/* modify main table width and background to adjust the page width and color*/
.table-main-table { 
	width:100%;
	margin:0 auto;
	background: #ffffff; 
	border: none;
	height:100%;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}

/* STORE HEADER */
#header {
	width: 100%;
	margin:0px;
	border-collapse:collapse;
	padding:0px;
}
#headerMainCell {
	height:61px;
	background-color:#0F77A6;
	vertical-align:middle;
	padding:0px;
}
#headerMainCell h1 {
	color:#ffffff;
	margin:5px;
}
#headerMenuCell {
	border-top: 1px solid #fff;
	background-color: #DBD9D9;
	text-align: center;
	font-size:12px;
	padding:2px;
	height:20px;
	vertical-align:middle;
}

#headerMenuCell a {
	color:#494949;
	margin-left:5px;
	margin-right:5px;
}
#checkout{
	
	text-align:left;
}
#mainTableTopCell {
	height:81px;
}

#mainTableBottomCell {
	height:40px;
}

#mainTableRightCell {
	height:150px;
	display:inline;
}

.MenuLeft, td.MenuLeft, #mainTableLeftCell {
	width:170px;
	vertical-align:top;
	padding:0px;
}

.categoryProduct {
	margin: 10px 10px 10px 10px;
	padding: 5px;
	height: 220px;
	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: #000000; 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 */

#search {
	border-collapse: collapse;
	width: 160px;
	margin: 5px 0px 5px 0px;
	text-align:left;
}

#search TD {
	padding: 2px;
	white-space: nowrap;
	font-size:12px;
}
.menuTop {width:170px;font-size:12px;text-align:center;}
#menu, #myaccount, #leftCartSummaryTable  {
	border-collapse: collapse;
	width: 170px;
	margin: 0px 0px 10px 0px;
	background-color:#fff;
	border:solid 2px #0A50FF;
	border-top:none;
	font-size:12px;
	text-align:left;
}
.signin {	
	width: 260px;
	border-collapse: collapse;
	margin: 10px 10px 0px 0px;
	font-size:12px;
}

#menu TD, #myaccount TD, .signin td {
	padding: 2px;
}
#bestSellers TD, #newProducts TD{
	padding: 2px;
	font-size:12px;
}
#related TD {
	width: 150px; 
	font-size:12px;
	text-align:left;
}
#menu a, #myaccount a {
	text-decoration: none;
}
.tblhead  {
	text-align: left;
	color: #fff;
	font-weight: bold;
	height: 20px;
	background-color: #0A50FF;
	white-space: nowrap;
	padding: 2px;
}
.tblhead a:link, .tblhead a:visited, .tblhead a:hover, .tblhead a:active  {
	color: #fff;
}
.tblfoot {
	//background:none;
	//color:#000;
	color: #fff;
	background-color: #0A50FF;
}
.hellouser {
	
}
.gobutton {   
   margin-left: 5px;
   font-size: 11px;
   } 
   
   
#content {
	vertical-align:top;
	font-size:12px;
	padding:5px;
	text-align:left;
	width:100%;
}   
   
   
   
/* FEATURED PRODUCT */
#featured {
	width: 125;
	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;
}

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

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

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

.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:12px;	
	text-align: left;
	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;
}
.subcategoryDiv {
	margin: 8px 0px 8px 8px;
      padding: 0px;
      height: 170px;
      width: 170px;
      text-align:center;
      float: left;
      font-size: 12px;
}
.subcategoryDiv a:hover{
	text-decoration: underline; 
}


#productDetailDescription {
	text-align: left; 
}

.msrpPrice {
	text-decoration:line-through;
}

a#img1 {background:url(/design_images/top3/l1.jpg)}
a#img1:hover {background:url(/design_images/top3/d1.jpg)}

.subcategoryDiv a image.frame {
	text-decoration: none; 
} 

/* ##### Twitter Widget Hack Start ##### */
    .twtr-hd
    {
        visibility: hidden;
        height:0px;    
    }
    .twtr-ft
        {
        visibility: hidden;
        height:0px;
    }    

/* ##### Twitter Widget Hack End ##### */

/* ##### Product Availability Status Start ##### */

.AvailabilityInStock
{
    /* Green */
     color:#339933;
}

.AvailabilityBackOrder
{
    /* Red */
     color:#FF0000;
}

.AvailabilityOther
{
    /* Orange */
     color:#e47911;
}
.MailInRebate
{
    font-weight:bold;
}

/* ##### Product Availability Status End ##### */


/* ##### Tabber Start ##### */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber 
{
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 8px 0;
 /*padding: 3px 0;    */
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;

width: 630px;
/*--width: 662px;--*/
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
  
}

ul.tabbernav li a
{
 padding: 8px 1em;  /* These pad the tabs 1st number is top-bottom 2nd number is left-right */
  /*padding: 3px 0.5em;    */
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
  background: #e7eefe; /* Light Blue Non Active Tab */
 text-decoration: none;

}

ul.tabbernav li a:link { color: #e47911; }
ul.tabbernav li a:visited { color: #e47911; }

ul.tabbernav li a:hover
{
 color: #e47911;
 background: #fff; /* White on Mouse Over */
 border-color: #778;
  
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #e47911;
 background: #fff;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:8px; /* body padding */
 /* White on Mouse Over */

 border:1px solid #778;
 border-top:0;
 width:612px;
 /*--width: 650px;--*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;

}
.tabberlive .tabbertab h3 {
 display:none;

}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;

}

/* ##### Tabber End ##### */


/* ##### IE Friendly Tab Start ##### */
			.tabs {
				width:100%;
				overflow:hidden;
				/*font-size:0.9em;*/
				margin:0em 0;
				/*margin:2em 0;*/
				zoom:1;
				padding:0px;
				position:relative;
			}
			
			.tabs dt {
				float: left;
				line-height:2;
				height:2.6em; /* height of the line of the tab */
				/*height:2em;*/
				background:#E7EEFE;
				border:1px solid #777788;
				border-bottom:0;
				/*padding:0 1em;*/
				 padding-top: 5px; /* top padding on tab */
				 padding-bottom: 0px; /* bottom padding on tab */
				position:relative;
				left: 0px;
				margin-right:3px;
				cursor:pointer;
				color:#E47911;
				font-weight:bold;
				width: 203px;
				
                /*
                -webkit-border-top-left-radius:10px;
				-webkit-border-top-right-radius:10px;
				-moz-border-radius-topleft:10px;
				-moz-border-radius-topright:10px;*/
				
			}
			
			.tabs dt:hover {
				background-color:#fff;
			}
			
			.tabs dt.selected {
				border-color:#777788;
				background:#fff;
				z-index:3;
				cursor:auto;
			}
			
			.tabs dd {
				
				display:none;
				float:right;
				width:100%;
				
				margin:3em 0 0 -100%;
				/*margin:3em 0 0 -100%;*/
				position:relative;
				z-index:2;
			}
			
			.tabs dd.selected {
				display: block;
			}
			
			.tabs .tab-content {
				border:1px solid #777788;
				padding:10px;
				width:608px;  /* This is the width of the body */
				/*
				-webkit-border-radius:20px;
				-moz-border-radius:20px;
	            */		
			}
			
/* ##### IE Friendly Tab End ##### */