body{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #fff; margin: 0px auto 0 auto; padding: 0; text-align: center; width: 832px; background: url(../images/custom/main_bg.gif) center repeat-y;  }
table#alignment_table{ background: url(../images/custom/main_bg.gif) center repeat-y; }
/*table#alignment_table{  background: url(../images/custom/main_bg.gif) repeat-y;}*/
table{ text-align: center; margin: 0 auto; }

/* The wrapper that align everything center with drop shadow background on both sides */
.mainWrapper{ margin: 0 auto; padding: 0; width: 832px; background: url(../images/custom/main_bg.gif) repeat-y;}
.bodyWrapper{  margin: 0 auto; padding: 0; width: 832px; background: url(../images/custom/main_bg.gif) repeat-y;}

.topBg{ width: 832px; height: 17px;  text-align: center; margin: 0 auto; background: url(../images/custom/bg_top.jpg) center no-repeat;} /* The top part with drop shadow */

.bottomWrapper{ clear: both; margin: 0 auto; padding: 0; width: 832px; text-align: center; } /* Wrapper for the drop shadow at the bottom */
.bottomBg{ width: 832px; height: 27px; background: url(../images/custom/bg_bottom.jpg) top center no-repeat; } /* The drop shadow at the bottom */

.header{  margin: 0 20px; padding: 0; float: left; }
.tagline{ float: left; font-size: 10px; margin: 0px 0 5px 30px; }

.logo{ float: left; width: 216px; height: 127px; display: block; background: url(../images/custom/intequus_logo.gif) no-repeat;  }
.inner-logo{ float: left; margin: 7px 0 3px 12px; }

/*** MENU ***/

.menuTopBg{ float: left; } /* The rounded top of the menu group */
.menuLeftBg{ float: left; margin:0; padding: 0; } /* The rounded left side of the menu group */

.menuWrapper{ float: left; height: 117px; width: 542px; margin-bottom: 0px; background: url(../images/custom/menu_bottom_bg.gif) bottom right no-repeat; text-align: left; _margin: 0;}

.menu{ float: left; margin: 0; padding: 0;  height: 18px; overflow: hidden;}
.menu2{ float: left; margin: 0; padding: 0;}

.dropdown{ margin: 0; padding: 0; position: absolute; height: 0; overflow: hidden;}

.dropdown ul.menuItems{ margin: 0; padding: 3px; background: url(../images/custom/bubble_black.png) bottom left no-repeat; filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80; }
.products{ width: 125px;}
.services{ margin-left: 11px; width: 145px;}
.markets{ margin-left: 8px; width: 85px; }
.tools { margin-left: 8px; width: 120px; }
ul.menuItems li{ list-style: none; margin: 0; font-size: 8pt; padding: 0 3px 0px 3px; }
ul.menuItems li a{ color: #fff; text-decoration: none;  }
ul.menuItems li:hover{ background: #FF0000; color: #fff; padding: 0 3px;  }

/* The wrapper contains all the content of the left side */
.leftWrapper{ width: 208px; margin: 0 8px 0 0; padding: 8px 0 0 20px; float:left; }

/* The top rounded corner of the left side */
.leftTop{ margin: 0; padding: 0; background: url(../images/custom/left_top.gif) no-repeat;  height: 10px;}

.leftContent{ background: #666; margin: 0 0 0 1px; padding: 5px 5px; width: 197px; font-family: Geneva, Arial, Helvetica, sans-serif;  }

.news{ min-height: 280px; margin-top: 0; }
.news h3{ color: #fff; margin: 0; padding: 0; text-align: center; font-size: 10pt;}
.news span.headings{ font-weight: bold; }
.news p{ color: #ccc; font-size: 8pt; padding: 0 5px; margin-bottom: 8px;}
.news a{ color: #ccc; text-decoration: none; }
.news a:hover{ text-decoration: underline; }

/* Where the intequus cricle and the location lists */
.locations{ text-align: center; color: #fff; font-size: 8pt; min-height: 400px;}
.locations h3{ color: #fff; margin: 2px 5px; }
.locations p{ font-size: 9pt; padding: 0 5px; margin-bottom: 4px;}
.locations img{ text-align: center; margin: 0 auto; }

.branches{ width: 65px; float: left; font-size: 8pt }
.branches a{ color: #fff; text-decoration: none; }
.branches a:hover{ text-decoration: underline; }

.phone{ font-size: 11pt; margin-top: 20px; font-weight: bold; }

/* The bottom rounded corner of the left side */
.leftBottom{ height: 8px; margin: 0 0 8px 0; padding: 0; background: url(../images/custom/left_bottom.gif) no-repeat; }

/* container with body text */
.mainContent{ float: left; width: 558px; padding: 8px 0 0 0; margin-right: 17px; _margin: 0 8px 0 0px; background:url(../images/custom/bubbles_bg_full.gif) center no-repeat; color: #666;  }
.mainContent p{ font-size: 9pt; margin: 5px 0; padding: 3px 0; text-align: justify;}

/* The wrapper that contains both the left side and the right side */
.mainBody{float: left; width: 558px; margin: 0px auto 0px auto; text-align: left;  }
.mainBody{ _margin-right: 0; }
.mainBody h1, h2, h3, h4, strong{ color: #333; }
.mainBody h1{ font-size: 21px; }
.mainBody h3{ font-size: 18px; border-bottom: 1px solid #e51b24; padding-bottom: 5px; }
.mainBody h3{ font-size: 16px; }
.mainBody ul li{ font-size: 10pt; background: url(../images/custom/sm-arrow.gif) top left no-repeat; padding-left: 14px; list-style: none; line-height: 12pt;}
.mainBody a{ color: #e51b24; text-decoration: none; }
.mainBody a:hover{ text-decoration: underline; }
.mainBody table{ width: 95%;}
.mainBody table tr td p{ text-align: left; }
.mainBody th{ font-size: 12pt; }
.mainBody td.rb, th.rb{ border: 1px solid #ddd; border-top: none; border-left: none; }
.mainBody td.lb, th.lb{ border: 1px solid #ddd; border-top: none; border-right: none; }
.mainBody td.r{ border-right: 1px solid #ddd;}
.mainBody td.l{ border-left: 1px solid #ddd;}
.mainBody td.b{ border-bottom: 1px solid #ddd;}
.mainBody .tipbox{ border: thin dashed #ddd; padding: 8px;  margin: 5px; background: #efefef;}
.mainContent input, .mainContent2 input, .mainContent3 input{ height: 22px; color: #003366; font-size: 11px; font-weight: bold; }
.border{ border-bottom: 1px solid #FF0000; height: 1px; }
.centered{ text-align: center; margin: 8px auto; font-size: 10pt; }
.leftimg{ float: left; margin: 0 8px 8px 0; }
.rightimg{ float: right; margin: 0 0 8px 15px; }
.sm-txt, ul.sm-txt li{ font-size: 9pt; }
ul.sm-txt{ margin: 0; }
ul.sm-txt li{ margin-bottom: 8px; list-style: none; background: url(../images/custom/sm-arrow.gif) top left no-repeat; padding-left: 14px; line-height: 12pt; }
ul.sm-txt li ul li{ list-style: circle; background: none; margin-top: 5px; padding: 0;}

div.prod-box{ margin: 15px 5px 8px 5px; border-bottom: 1px solid #ccc; padding-bottom: 8px; }
p.prod-name{ font-size: 12px; margin: 3px 0; padding: 0; text-align: center; color: #e51b24;}
span.prod-price{ color: #333; font-weight: bold; font-size: 14px; }
.prod-thumbs{ padding: 4px; border: 2px solid #efefef; width:115px; float: left; margin-right: 15px; min-height:100px; }
.prod-thumb{ padding: 4px;  width:105px; border-bottom: 1px solid #ccc; margin: 0; }
.prod-des{ float: left; width: 405px;}
div.prod-title{ font-weight: bold; font-size: 15px; color: #333; padding: 0 0 0 15px; margin: 0 0 5px 0;  background: url(../images/custom/red-arrow.png) no-repeat top left;}
.prod-des p, .prod-des table tr td{ margin: 3px 0 3px 15px; font-size: 9pt; text-align: left; vertical-align: top; }
.prod-des th{ background: #666; color: #fff; font-weight: bold;  font-size: 8pt; }
table.lists tr td{ color: #333; font-size: 8pt; border-collapse: separate; border-right: 1px solid #ccc; text-align: center; padding: 4px 0px; }
table.lists{ border: 1px solid #ccc; border-right: none; margin-top: 5px; }
.prod-des ul li{ font-size: 8pt; text-align: left;} .prod-des ul{ margin: 0; padding: 0 0 0 12px; }
ul.prod-lists{ margin: 0; padding: 0;  font-size: 9pt; }
ul.prod-lists li{ font-size: 9pt; height: 25px; display: inline; margin: 3px 8px 3px 0; }

p.top{ text-align: center; }


.clear{ clear: both; margin:0; padding:0; visibility:hidden; overflow: hidden; height: 0; }

.clearboth{ clear: both; margin:0; padding:0; visibility: hidden; overflow: hidden; height: 0; }

/* The Circles at the bottom of the front page */
.circlesWrapper{ float: left; width:558px; height: 73px; margin-right: 5px; padding: 0; bottom: 0; margin-top: 15px; margin-bottom: 0; }
.circles{ float: left; margin-right: 22px; };
.circle6{ float: left; }

/* Tool tips */

.tip {
	color: #fff;
	width: 135px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 4px;
	background: url(../images/custom/bubble_black.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px;
	background: url(../images/custom/bubble_black.png) bottom right;
}

/*** SLIDE SHOW STYLES ***/

#rotator {
	MARGIN: 0;
	OVERFLOW: hidden;
	WIDTH: 559px;
	POSITION: relative;
	HEIGHT: 161px;
}  

#rotator IMG {  	
WIDTH: 559px; 
HEIGHT: 161px  
}