@import "common.css";
body#Home {
	margin			: 0;
	padding			: 0;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000;
	text-decoration	: none;
	background		: #b9c6d3 url(../images/page_bckrnd.png) repeat-x left top;
}
body {
	margin			: 0;
	padding			: 0;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000;
	text-decoration	: none;
	background		: #b9c6d3 url(../images/page_bckrnd2.png) repeat-x left top;
}
/*----- Wrapper */
#wrapper {
	width			: 1000px;
	margin			: 0 auto;
	padding			: 0 0 30px 0;	
	overflow		: hidden;
}
/*---------------- Header */
#header {
	height			: 84px;
	position		: relative;
	background		: #fff;
}
#logo {
	width			: 177px;
	float			: left;
	padding			: 25px 0 0 0;
}
#mainNav {
	width			: 640px;
	height			: 100px; 
	position		: absolute;
	left			: 198px;
	bottom			: 0;
	background		: url(../images/menu.gif) no-repeat left top;
	overflow		: hidden;
}
#mainNav ul {
	position		: absolute;
	left			: 12px;
	bottom			: 0;
}
#mainNav ul li {
	width			: auto;
	float			: left;
	display			: block;
	margin			: 0 0 0 0;
	padding			: 4px 0 4px 0;
	background		: url(../images/main_nav_off_left.gif) no-repeat left top;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	background		: url(../images/main_nav_off_right.gif) no-repeat right top;
	text-decoration	: none;
	color			: #fff;
	font-style		: italic;
	font-size		: 11px;
	padding			: 4px 0 4px 0;
}
#mainNav ul li.active {
	background		: url(../images/main_nav_on_left.gif) no-repeat left top;
}
#mainNav ul li a:hover, #wrapper #mainNav ul li.active a {
	background		: url(../images/main_nav_on_right.gif) no-repeat right top;
}
#mainNav ul li.hovers {
	background		: url(../images/main_nav_on_left.gif) no-repeat left top;
}

#mainNav ul li span {
	padding			: 6px 14px 6px 14px;
}
#leftMenu ul {
	margin			: 0 0 3px 0;
}
#leftMenu ul li {
	margin			: 0;
	padding			: 0;
	width			: 195px;
	background		: #fff url(../images/dot.gif) repeat-x left bottom;
}
#leftMenu ul li.last {
	background		: #fff;
}
#leftMenu ul li a:link, #leftMenu ul li a:visited {
	width			: 182px;
	display			: block;
	padding			: 3px 3px 3px 10px;
	text-decoration	: none;
	color			: #000;
	font-style		: italic;
	line-height		: 17px;
}

#leftMenu ul li a:hover, #leftMenu ul li.active a {
	background		: #d5dce5 url(../images/dotBlack.gif) repeat-y left top;
}
#leftMenuFromDB ul {
	margin			: 0 0 3px 0;
}
#leftMenuFromDB ul li {
	margin			: 0;
	padding			: 0;
	width			: 195px;
	background		: #fff url(../images/dot.gif) repeat-x left bottom;
}
#leftMenuFromDB ul li.last {
	background		: #fff;
}
#leftMenuFromDB ul li a:link, #leftMenuFromDB ul li a:visited {
	width			: 182px;
	display			: block;
	padding			: 3px 3px 3px 10px;
	text-decoration	: none;
	color			: #000;
	font-style		: italic;
	line-height		: 17px;
}
#leftMenuFromDB ul.nav li ul li a:link, #leftMenuFromDB ul.nav li ul li a:visited {

	font-style		: normal;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:700;

}

#leftMenuFromDB ul li a:hover, #leftMenuFromDB ul li.active a {
	background		: #b5c2d0 url(../images/dotBlack.gif) repeat-y left top;
}

#rightSidebar ul li {
	margin			: 0 0 3px 0;
	background		: #000;
	line-height		: 23px;
}
#rightSidebar ul li a:link, #rightSidebar ul li a:visited {
	width			: auto;	
	display			: block;
	padding			: 1px 0 1px 10px;
	text-decoration	: none;
	color			: #fff;
}
#rightSidebar ul li a:hover, #rightSidebar ul li.active a {

}
#productsMenu ul {
	margin			: 0 0 3px 0;
}
#productsMenu ul li {
	margin			: 0 0 3px 0;
	background		: #db002f;
	border			: none;
	overflow		: hidden;
	color			: #fff;
	padding			: 0;
	float			: left;
	
}
#productsMenu ul li a:link, #productsMenu ul li a:visited {
	width			: 185px;
	display			: block;
	padding			: 0 0 0 10px;
	text-decoration	: none;
	color			: #fff;
	line-height		: 25px;
}
#productsMenu ul li.active ul {
	padding			: 0;
	margin			: 0;
	width			: 195px;
	overflow		: hidden;
}
#productsMenu ul li.active ul li {
	padding			: 0;
	margin			:0;
}
#productsMenu ul li.active ul li a:link, #productsMenu ul li.active ul li a:visited {
	width			: 195px;
	text-decoration	: none;
	color			: #000;
	font-style		: italic;
	background		: #fff url(../images/dot.gif) repeat-x left bottom;
	overflow		: hidden;
}
#productsMenu ul li.active ul li a:hover, #wrapper #productsMenu ul li.active ul li.active a {
	background		: #d5dce5 url(../images/dotBlack.gif) repeat-y left top;
}
/*----- Banner */
#banner {
	width			: 1000px;
	text-align		: center;
}
/*----- Sidebars */
#leftSidebar {
	float			: left;
}
#rightSidebar {
	float			: right;
}
.sidebar {
	width			: 195px;
}
/*----- Content */
#allContent {
	position		: relative;
	width			: 610px;
	float			: left;
	background		: #fff;
	margin			: 0;
	overflow		: hidden;
}
#content {
	width			: 550px;	
	margin			: 35px 0 0 10px;
	padding			: 10px 20px 20px 20px;
	overflow		: hidden;
	background		: #fff url(../images/content.gif) repeat-y left top;
}
/*----- Footer */
#footer {
	padding			: 5px;
	text-align		: center;
	color			: #fff;
	clear			: both;
	font-size		: 10px;
	margin			: 20px 0 0 0;
	background		: #244f6a;
}
#footer div {
	padding			: 0 20px;
}
#footerLeft {
	float			: left;
	text-align		: left;

}
#footerRight {
	float			: right;
	text-align		: right;

}
/*------Heading & Fonts -------*/
p {
	padding			: 4px 0 4px 0;
	line-height		: 1.5em;
}
h1 {
	color			: #fff;
	background		: #244f6a;
	padding			: 7px 6px 6px 20px; 
	position		: absolute;
	top				: 0;
	left			: 10px;
	width			: 564px;
	font-style		: italic;
}
h2 {
	font-size		: 16px;
	padding			: 0 0 10px 0;
}
h3 {
	width			: 185px;
	color			: #fff;
	background		: #244f6a;
	padding			: 5px;
}
em {
	color			: #db002f;
	font-style		: normal;
	font-weight		: bolder;
}
h4 {
	font-size		: 13px;
	padding			: 4px 0 4px 0;
	color			: #000;
	font-weight		: bolder;
	line-height		: 18px;	
}
h4.subheading {
	font-size		: 11px;
}
ul.panel li {
	list-style		: none;
	background		: #dae0e8;
}
#rightSidebar h3 {
	width			: 180px;
	color			: #fff;
	background		: #244f6a url(../images/wArrow.gif) no-repeat 178px 4px;
	padding			: 3px 5px 3px 10px;
	margin			: 0 0 3px 0;
	cursor			: pointer;
	line-height		: 19px;	
}
#rightSidebar h3.acc_open {
	background		: #244f6a url(../images/rArrow.gif) no-repeat 178px 4px;
}
div.news_panel {
	margin			: 0 0 5px 0; 
	padding			: 0 0 5px 0; 
	background		: url(../images/dotDark.gif) repeat-x left bottom;
}
.locations {
	margin			: 0 0 5px 0; 
	padding			: 0 0 5px 0; 
	background		: url(../images/dotDark.gif) repeat-x left bottom;
	height			: 140px;
}
div.news_panel_withoutBorder {
	margin			: 0 0 5px 0; 
	padding			: 0 0 5px 0; 
}
div.info {
	display			: none;
	padding			: 10px;
	background		: #dae0e8;
	margin			: 0 0 2px 0;
}
div.info span {
	font-weight		: bolder;
}
div.info a:link, div.info a:visited {
	color			: #db002f;
	text-decoration	: none;
}
#footer a:link, #footer a:visited {
	color			: #fff;
	text-decoration	: none;
} 
#slide_panel {
	background		: url(../images/dot.gif) repeat-x left top;
	padding			: 20px 0 0 0;
	margin			: 10px 0 0 0;
}
#slider {
	width			: 530px;
	overflow		: hidden;
	background		: url(../images/panel.gif) no-repeat left top;
	margin			: 0;
}

#slider_bottom {
	width			: 550px;
	height			: 10px;
	background		: url(../images/panel_bottom.gif) no-repeat left top;
}
.stripViewer { 
	position		: relative;
	overflow		: hidden; 
	margin			: auto;
	clear			: both;
	padding			: 10px;
	
}
.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position		: relative;
	left			: 0; 
	top				: 0;
	overflow		: hidden;	
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float			: left;
	position		: relative;
	width			: 550px; /* Also specified in  .stripViewer  above */
}
.wrapperX { 
	width			: 510px;
	padding			: 15px;
}
.stripNav { 
	margin			: 0;
	padding			: 0;
	
}
.stripNav ul { 
	list-style: none;
	width:550px;
}
.stripNav ul li {
	width			: 149px;
	float			: left;
	margin			: 0 0 0 20px;
	display			: block;
	background		: url(../images/pannel_off.gif) no-repeat left top;
	text-align		: center;
	
}
.stripNav a:link, .stripNav a:visited  { /* The nav links */
	display			: block;
	padding			: 4px 10px 4px 10px;
	text-decoration	: none;
	text-transform	: uppercase;
	font-weight		: bolder;
	color			: #fff;
}
.stripNav li a:hover {
	background		: url(../images/pannel_on.gif) no-repeat left top;
}

.stripNav li a.current {
	background		: url(../images/pannel_on.gif) no-repeat left top;
}
.stripNav li.hovers, .stripNav li.active {
	background		: url(../images/pannel_on.gif) no-repeat left top;
}

.stripNavL, .stripNavR {
	display:none;
}
		
table td {
	vertical-align	:top;
	padding			: 4px 0 4px 0;
}

#slider p {
	color			: #58585a;
	padding			: 1px 0 1px 0;
}
/*-------------------------------------------*/
#products {
	width			: 570px; 
}
.prod {
	position		: relative;
	width			: 180px;
	height			: 230px;	
	float			: left; 
	margin			: 0 5px 10px 0;
	border			: 1px solid #bfbfbf;
}
#pagination {
	margin-top		: 0px;		
	width			: 400px;
	padding			: 10px;
	text-align		: left;
	color			: #999;
	clear			: both;
}
#products a:link, #products a:visited {
	font-size		: 11px;
	color			: #244f6a;
	text-decoration	: none;
}
#pagination a:link, #pagination a:visited {
	font-size		: 11px;
	color			: #000;
	text-decoration	: none;
	padding			: 0 2px 0 2px;
}
/*------------------*/
.prodTable {
	width			: 550px;
	padding			: 20px 0 20px 0;
	background		: url(../images/dot.gif) repeat-x left bottom;
}
table td {
	vertical-align	: top;
}
table th {
	text-align		: left;
	vertical-align	: top;
}
table.product {
	width			: 550px;
	padding			: 0 0 20px 0; 
	margin			: 20px 20px 0 20px; 
	border-bottom	: 1px dotted #456680;
}

#back {
	float			: right;
	padding			: 10px;
	margin			: 0 20px 0 0;	
}
#back a:link, #back a:visited {
	color			: #000;
	text-decoration	: none;
}
#back span {
	color			: #db002f;
}
.readon {
	width			: 162px;
	position		: absolute;
	left			: -1px;
	bottom			: -1px;
	padding			: 3px 10px 3px 10px;
	background		: #db002f;
	color			: #fff;
}
#content a.more:link, #content a.more:visited {
	color			: #fff;
}
table ul li {
	list-style		: disc;
	margin			: 0 0 0 20px;
}
table.prodTable ul li a:link, table.prodTable ul li a:visited {
	display			: block;
	padding			: 4px 0;
	color			: #000;
	text-decoration	: none;
}
#name a:link, #name a:visited, a.header:link, a.header:visited {
	color			: #fff;
	text-decoration	: none;
}

/*------------*/




table.prodTable ul {
	margin			: 5px 0;
	padding			: 0 0 0 10px;
}

table.prodTable ul li {
	margin			: 0;
	padding			: 0;
	list-style		: none;
}

table.prodTable ul li a.pdf {
	padding			: 4px 0 4px 17px;
	background		: url(../images/icon_pdf.png) no-repeat left center;

}
/*------------*/

table.product a:link, table.product a:visited  {
	color			: #000;
}
tr.even {
  background-color	: #eee;

}

tr.odd {
  background-color	: #ddd;
}
select {
	background-color	: #dae0e8;
	border				: 0;
	width				: 177px;
}

#advancedSearch {
	position			: relative;
	height				: 270px;
	padding				: 10px 0px 10px 0px;	
	background			: #fff;
}
.submitB {
	position		: absolute;
	left			: 0;
	bottom			: 0;
	width			: 195px;
	background		: #000;
	color			: #fff;
	border			: none;
	text-align		: right;
	font-size		: 11px;
	font-style		: italic;
	padding			: 4px;
	cursor			: pointer;
}
h3.name  {
	width			: 550px;
	height			: 18px;
	position		: absolute;
	top				: 0;
	left			: 10px;
	padding			: 6px 0 0 20px;
}
h4.productsNav, h4.productsNav2, h4.link {
	width			: 182px;
	padding			: 4px 3px 4px 10px;
	background		: #db002f url(../images/icons/industrial.gif) no-repeat 168px 1px;
	border-left		: none;
	margin			: 0 0 3px 0;
	cursor			: pointer;
	font-weight		: normal;
	color			: #fff;
	font-size		: 11px;
}
h4.link {
	background		: #db002f;
}
h4.link a {
	color			: #fff;
}
h4.black {
	color			: #fff;
	background		: #000 url(../images/icons/industrial_search.gif) no-repeat 168px 1px;
}
h2.dwnld {
	color			: #db002f;
	font-weight		: bolder;
}
div.acc, div.acc2{
	display			: none;
	margin			: 0 0 3px 0;
}
label {
	color			: #000;
}
a:link, a:visited {
	color			: #db002f;
	text-decoration	: none;
}
.prodTable {
	line-height		: 1.4em;
}
table td {
	padding			: 5px;
	font-size		: 11px;
	font-weight		: normal;
}
table th {
	padding			: 5px;
}
.careers {
	padding			: 10px 0 10px 0;
	background		: url(../images/dot.gif) repeat-x left bottom;
}
#wrapper ul.pdf li {
	background		: url(../images/page_white_acrobat.gif) no-repeat left top;
	padding			: 3px 0 3px 20px;
	margin			: 12px 0 2px 0;
	list-style		: none;
}
ul.exe li {
	background		: url(../images/page_white_gear.gif) no-repeat left top;
	padding			: 3px 0 3px 20px;
	margin			: 12px 0 2px 0;
	list-style		: none;
}
#gallery {
	width			: 350px;
	height			: 250px;
	margin			: 0 10px 10px 0;
	float			: right;
}
#bannerGallery {
	overflow		: hidden;
	margin			: 0 0 0 210px;
}
span#galleryInfo {
	margin			: 20px 0 0 0;
	display			: block;
	width			: 480px;
	padding			: 10px;
	background		: #dbdddf;
	color			: #db002f;
	font-style		: italic;
}
#slideshowList {
	position		: relative;
	width			: 460px;
	padding			: 20px;
	overflow		: hidden;
	background		: #f0f6fc;	
}
#slideshowList  ul li{
	display			: block;
	float			: left;
	margin			: 0 10px 10px 0;
	/*border			: 5px solid #b9c6d3;*/
	background		: #b9c6d3;
	padding			: 5px;
}	
#map {
	margin			: 0 0 20px 0;
}
ul li {
	padding			: 1px 0 1px 0;
}
table#priceList td {
	width			: 25%;
	text-align		: left;
	vertical-align	: top;
}
img.withBorder {
	padding			: 4px;
	border			: 1px solid #ccc;
	margin			: 0 0 7px 7px;
}
#content ul li ul {
	margin			: 0 0 0 20px;
}
ul.locationLink li { 
	background		: url(../images/icons/location_map.gif) no-repeat left top;
	padding			: 5px 0 10px 30px;
}
#backButton {
	padding			: 20px 0 0 0;
}
table.contact td {
	width: 33%;
}

a.ditto_page:link, a.ditto_page:visited {
	padding			: 0 5px 0 5px;
	margin			: 0 5px 0 5px;
	border			: 1px solid #db002f; 
}
body#normal #wrapper #allContent #footer {
	background		: #244f6a;
}