/*-------GLOBAL SETTINGS-------------------*/

html table div td  span p {font-size:100%;}
td.boxText{font-size:95%;}
td{font-size:95%;} 
td div a {text-decoration: none;}
div{margin:0; padding:0px;}	 
a {border:none;font-family:Arial, sans-serif;text-decoration: none; font-weight:bold;} 
a:hover {text-decoration: none;} 
hr{padding:0 0 0 0; margin:0 0 3 0; background:none;}
h1, h2, h3 { margin:0em 0 0em 0; padding:0; font-size:180%}
p {margin:.4em 0 .8em 0;padding:0;}
a, img {margin:0px 0 0px;border:none;}
TD.pageHeading, DIV.pageHeading { font-weight: bold;margin:0; padding:0px;text-transform: capitalize;}
.bgMenus{ height:28px;}
input ,select,textarea{border:solid 1px #cccccc;}
/*----------------------------BODY and BODY WRAPPER----------------------------------------*/
body {text-align: center;margin:0;margin-top:0px;padding:0;border:0;min-width:600px; min-height:400px;font-family:Arial,sans-serif;font-weight:bold;width:100%;margin:0;
padding:0; }
#wrapper{position:relative;left:0px;width:99.9%;  padding: 0px 0 0 0; vertical-align:top; height:auto;}
	html>body #wrapper{ width:99.7%;}
/*----------------------------------  BUTTONS  ------------------------------------------*/
 /*buttons -  right by accounts */
.buttons {width:98%;cursor:pointer;font-weight:bold;text-align:center;vertical-align:top; height:22px;}
	 html>body /**/ .buttons{height:25px;padding-bottom:3px;}
.on {width:98%;cursor:pointer;font-weight:bold;text-align:center;height:22px;}
 	html>body /**/ .on{height:25px;padding-bottom:3px;}
	
 /*cssButton -----------  prodNew divsleft by accounts---------------------------*/
.cssButton { width:98%;cursor:pointer;font-weight:bold;text-align:center; vertical-align:bottom;padding:1px 0 0 0; height:22px; }
	html>body /**/.cssButton {height:20px; overflow:hidden;width:98%; }
a:hover .cssButton{ width:98%;cursor:pointer;font-weight:bold;text-align:center;height:22px; }
  a ins {  text-decoration: none; }
 	html>body /**/a:hover .cssButton {height:20px; overflow:hidden; }
.productListing-data .cssButton{margin-top:12px;}  
	html>body/**/.productListing-data .cssButton{margin-top:15px;}
		  
  /*-----------------------------------------HEADER ----------------------------------------------------*/
#header { height:auto ;*height:80px;}
	html>body #header {position:relative;}  
/*left side*/
#leftHeaderCont{text-align:left;   margin:5px; display:inline; white-space:nowrap;}	
	.logo{position:relative;text-align:left;  margin-right:10px;overflow:hidden; margin-top:2px;padding-left:10px; }
		html>body /**/.logo{ float:left}  
	/*header mid*/	
    #headerMid { position:relative;text-align:center;overflow:hidden; width:90%;  margin-left: auto;margin-right: auto; padding-top:7px; height:67px}
	#flash{position:relative;text-align:center; width:95%;  margin:0 auto} 
	#flash ul { list-style:none ; padding:0;  margin-left:auto; margin-right:auto;}
	  
/*right side----------------*/
#rightHeaderCont{position:relative;width:303px; text-align:right; height:70px; padding: 3px; }
	#languages{  margin-top:0px;height:36px;overflow:hidden; }
	#languages	.infoBoxHeading { border:none; background:none}
    #languages	.infoBox { border:none;}
	
	#search {  white-space:nowrap; margin-top:0px;height:35px;overflow:hidden;}
	#search  .infoBoxHeading { border:none; background:none}
	#search .infoBox { border:none;}
		html>body /**/ #search {width:310px;}
	#search .on {width:100px;font-size:80%;}
		html>body /**/ #search .on{width:100px;font-size:80%;}
	#search .buttons { width:100px;height:22px; font-size:80%;}
	#search input{width:190px;height:20px;}

#mainMenu {position:relative;  width:100%; height:auto; margin-top:0px;text-align: center;}

/*GENERIC NAVIGATION ------------------------------------- --------------------------------------------------- */ 
				.nav {position:relative; text-align: left;  width:100%}
				.nav ul {list-style:none; margin:0;padding:0; text-align:center; }
				.nav li {height:30px; float:left;display: inline;text-transform: capitalize;text-decoration:none;width:auto;margin:0;padding:0;margin-bottom:0px; margin-top:0px;}
				.nav ul li a { position:relative;vertical-align:middle; top:4px;height:28px; }
				.nav .topcat a:hover{position:relative;vertical-align:middle; padding-top:5px;*padding-top:4px;padding-bottom:7px;*padding-bottom:6px; border:none;top:5px;*top:0px;  }
			.nav .topcat a.activelink{position:relative;vertical-align:middle; padding-top:5px;*padding-top:5px;padding-bottom:7px;*padding-bottom:6px; border:none;top:5px;*top:0px; }
/*BREAD AND INFO MENU BAR---------------------------------------------------------------------------------- */  
 #breadInfo{display:inline; white-space:nowrap;} 
 #bread{text-align:left;  font-size:80%; font-weight:normal;  height:19px;overflow:hidden; width:50%;  float:left;padding-top:3px;}
 #bread a{ font-size:90%; text-decoration:none;font-weight:normal;}
 
 #infoMenu{float:right; text-align:right;  list-style:none; width:45%; padding-top:2px;} 
#infoMenu ul li{margin:0;padding:0;display:inline; }
/*LEFT COLUMN --------------------------------------------------------  ---------------------------------------------- */
#colLeft{position:relative;top:0px;width:188px; height:100%; min-height:400px;padding-bottom:10px;padding-right:0px;padding-left:0px; z-index:1;  float:left; padding:4px 0 0 0;}	
#colLeft div, table tr td { vertical-align:top; background:none; text-align:left;}	

/*MANUFACTURER MENU -------------------------  ------------ */
#manufacturerMenu{ padding:0;text-transform: capitalize; margin:0}
#manufacturerMenu ul{display:block; line-height:19px; padding-left:4px; padding-top:0;margin:0; list-style:none}

/*CATEGORIES MENU ------ ------------------ ------------------- */
#catMenu{ text-transform: capitalize;}
#catMenu li{width:98%; float:none; display:inherit;padding-left:4px; }																							
.catwithnosubs {padding-right: 5px;padding-left: 5px;}
.catwithsubs{padding-right: 5px;} 
.topcat a {padding-left: 0px;}
#secondcat{text-align:left; border-left:none} 
#secondcat a {text-align:left;padding-left: 0px;}
	html>body /**/#secondcat a {text-align:left;padding-left: 15px; border-bottom:none;}
#secondcat{text-align:left; border-left:none} 
#secondcat a {text-align:left;padding-left: 0px;}
html>body #secondcat a {text-align:left;padding-left: 15px; border-bottom:none;}
#thirdcat a {text-align:left;padding-left: 5px;}
#fourthcat a {text-align:left;padding-left: 10px;}
#fifthcat a {padding-left: 15px;}
.catNav { text-align:left;padding-top:0px;}
.catNav ul {margin:0;padding:0;list-style:none;}
.catNav li {display:block;margin:0;padding:0; ; width:100%; line-height:19px;}
.catNav li a.activelink { margin-left:3px;}
/*RIGHT COLUMN  ----------------------------------------------- ------------------------------------------------ */
#colRight{position:relative;top:0px;width:188px; height:100%; min-height:400px; z-index:1;   padding:5px 1px 0 1px; }
#colRight table tr td *{ vertical-align:top; text-align:center;}

/*MAIN CONTENT CENTER ------------------------------------   -------------------------------------------------- */
#Page{position:relative; width:100%;vertical-align:top; padding:5px 5px 5px 5px; margin-top:5px; min-height:400px ; z-index:8;}
		html>body #Page{width:99%;}	
#topText{position:relative; left:0; text-align:left; width:99.6%; margin:0 0 0 0;padding:0px 10px 0px 10px; vertical-align:top ;z-index:-1;display:block; height:230px; overflow:auto; }
		html>body #topText{z-index:0;width:97%;}
#topText h2{}		
.prevNextBar td{font-size:80%;padding:2px; position:relative; }
.prevNextBar{margin:4px 0  4px 0 ; width:99.9%;}

/*PRODUCT IMAGES BOX IN PROD NEW - HOME  ------------------------------------ ------------------------------------- */
		.newProd{padding:1px 1px 2px 2px; float:left;margin-right:1px; margin-left:1px; margin-bottom:2px;text-align:center; vertical-align:middle;width:160px; padding:1px;*padding:1px; }	

		.newProd table tr td{margin:0;padding:0;width:100%;text-align:center;vertical-align:top;}                     
		.newProd .ImginNewProd{text-align:center;  vertical-align:bottom;padding-top:3px;width:160px; height:127px;  overflow:hidden; }
		.prodDesc {position:relative;font:normal 10px verdana; height:27px; padding:0px 0 0 0px; width:99%;  overflow:hidden; padding-top:0px; }
		 .thumb{ margin-left:auto; margin-right:auto}
		a:hover .thumb{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}
/*ZOOMS-------------- ---------------*/ 
.prodList{position: relative; float:right}
.prodList:hover{ background-color: transparent;z-index:2;cursor:pointer; }
.prodList .popImage{  position: absolute;visibility: hidden; z-index:99;padding:5px;}
.prodList:hover .popImage{ position: absolute; visibility: visible;top:-115px; cursor:default;margin-left:20px;}
	html>body /**/.popImage:hover {width:auto; visibility: visible;}
	html>body /**/.popImage{ position: absolute;  visibility: hidden;}	
/*CHANGE FOR PRODUCTINFO PAGE-------------- ---------------*/ 
.productInfoImg .prodList:hover .popImage{ left:-708px; top:0px; z-index:90;}
/*ZOOM FOR MODULES/NEW_PRODUCT.php ------------------------*/
.newProd .prodList:hover .popImage {left:-250px; top:16px;}		
/*ZOOM FOR PRODUCT_NEW.php ------------------------*/	
.productListing-data .prodList:hover .popImage {float:left;}	
	html>body /**/.productListing-data .prodList:hover .popImage {left:200px;top:-140px; margin-left:0px;}	
/*CATEGORY IMAGES BOX IN INDEX  ----------  ------------- */
.catImage{position:relative;padding:10px 5px 5px 5px; text-align:center;font-size:90%; float:left;font-weight:bold;vertical-align:bottom; width:173px;height:220px ;margin:1px;}
	html>body /**/.catImage{padding:10px 0px 0px 0px;width:172px;}  
a:hover .thumb{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}
/*PRODUCT LISTING--------------------------------------------------------------------------*/
TD.productListing-data {padding-right:5px; padding-left:5px;vertical-align:middle;}
.productListing-data img{ cursor:pointer; }
/*FOOTER--------------------------------- -----------------------------------*/
.footer {position:relative;width:100%; height:26px;text-align: center; margin-top:0px; }
.footer .nav ul li a{padding-left:5px; padding-right:5px;}
#date{font-size: 11px;   vertical-align:bottom;margin-top:7px; width:auto; height:14px; text-align:center}
/*BOXES----------------------------------------------------------------------------------------*/
.infoBoxHeading {   font-weight: bold;   text-transform: capitalize; padding-top:4px; text-align:center}
.infoBox{padding:4px 0 4px 0;}
/*ELEMENT STYLES---------------------------------  -----------------------------------*/ 
.moduleRowOver { cursor: pointer; cursor: hand;}
.checkoutBarFrom, .checkoutBarTo {text-align:center;}
.checkoutBarCurrent {  text-align:center;}
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
 td .cssbutton {  text-align:center;}