﻿body {
	font: 75%/1.5 Arial, Helvetica, sans-serif;
	color: #343434;
	background: url("../image/bodyBackground.gif") top left repeat-x #dcdcdc;
	margin: 0;
	padding: 0;
	text-align: center;
}
.foreign1 {
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	font-weight: bold;
}

img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; padding: 0; }
h1 { font-size: 24px; margin: 16px 0; }
h2 { font-size: 22px; margin: 14px 0; }
h3 { font-size: 20px; margin: 12px 0; }
h4 { font-size: 18px; margin: 10px 0; }
h5 { font-size: 16px; margin: 8px 0; }
h6 { font-size: 14px; margin: 6px 0; }
ol, ul { margin: 1em 0; padding: 0 0 0 40px; }
ol ol, ol ul, ul ul, ul ol { margin: 0 0; }
p { line-height: 1.35em; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.seo { display: none; }

#template { width: 1024px; margin: 0 auto; padding: 0; text-align: left; background: url("../image/templateBackground.gif") top left repeat-y; }
#header { height: 151px; background: url("../image/headerBackground.gif") top left no-repeat; color: #666; font-size: 10px; font-weight: bold; }
#headerContent, #headerNav, #mainContent, #footer {  margin: 0 32px; }
#headerContent { background-color: #fff; }
#headerNav { background: url("../image/headerNavBackground.gif") top left repeat-x; }
#headerContent {  height: 118px; }
#headerLogo { width: 200px; float: left; margin: 7px 0 0 29px; }
#headerLinks { width: 600px; float: right; padding: 14px 27px 0 0; }
#siteLinks, #language { float: right; clear: right; }
#banner { height: 266px; _overflow: hidden; }
#banner .description { width: 270px; color: #fff; margin: -253px 0 0 40px; font-weight: bold; z-index: 2; }
#banner .description h2 { font-size: 19px; margin-bottom: 0; }
#banner .description p { margin-top: 5px; }
#banner .emphasis { color: #e22927; }
#headerNav {  height: 33px; }
.home #flash { height: 369px; overflow: hidden; z-index: 1; }
.interior #flash { height: 266px; overflow: hidden; z-index: 1; }
#main { background: url("../image/mainBackground.gif") top left repeat-x #fff; padding: 28px 20px 22px 20px; }
.home #products { width: 384px; float: left; }
/* Changed by Nizar Noman from width:179px to width:215px */
.interior #products { width: 215px; float: left; }
#search { width: 180px; float: left; }
#locate { width: 180px; float: left; }
.home #columnRight { float: right; width: 536px; }
/* Nizar Changed Width from 741px to 680  and changed 495px to 435px*/
.interior #columnRight { float: right; width: 680px; background: url("../image/columnRightBackground.gif") 435px bottom no-repeat; }
.interior #columnRight1 { float: right; width: 680px; }

.home #columnRightLeft { float: left; width: 269px; padding: 5px 12px; margin-top: 4px; background: url("../image/columnRightBackground.gif") left bottom no-repeat; }
/* Nizar Changed Width from 435px to 364 */
.interior #columnRightLeft { float: left; width: 364px; padding: 0 30px; }
.home #columnRightRight { float: right; width: 228px; padding: 5px 0 0 15px; margin-top: 4px; background: url("../image/columnRightBackground.gif") left bottom no-repeat; }
/* Nizar Changed Width from 230px to 250 */
.interior #columnRightRight { float: right; width: 230px; padding-left: 15px; }
#footer { background-color: #fff; color: #777; padding: 0 20px 20px; }

/**
 * navigation	
 */
#nav, #siteLinks ul, #language ul, #companyInfo ul, #companyDocuments ul { margin: 0; padding: 0; }
#nav li, #siteLinks li, #language li, #companyInfo li, #companyDocuments li { list-style-type: none; float: left; }
#nav { padding: 0 10px; z-index: 1000; }
#nav li { margin: 0 19px; _display: inline; }
#nav li li { _display: block; }

#siteLinks a, #language a { font-size: 10px; font-weight: bold; color: #666; text-decoration: none; }
#siteLinks a:hover, #language a:hover { text-decoration: underline; }
#siteLinks li { padding: 0 8px; background: url("../image/headerSiteLinksBackground.gif") 0px 3px no-repeat; }
#language { margin-bottom: 0; margin-top: 31px; }
#language li { padding: 0 8px 0 0; }
#language a { padding-top: 3px; padding-bottom: 3px; }
#language li { line-height: 18px; }
#language .continue { padding-left: 25px; padding-top: 4px; margin-left: 5px; }
#language .last { width:120px; }
#siteLinks li.first { background: none; }
#nav a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding: 6px 10px;
}
#nav a:hover {
	/*text-decoration: underline;*/
}
#productlines { background-color: #e5e5e5; }
#productlinks{ padding: 6px 0; }
#productlinks ul { list-style: none; padding-left: 20px; }
#productlinks li { padding-bottom: 5px; }
#products .header { background: url("../image/listHeaderLeftBackground.gif") top left repeat-x #c8211b; color: #fff; text-align: center; }
#products .header .text { background: url("../image/listHeaderRightBackground.gif") bottom left repeat-x; font-size: 14px; margin: 0; padding: 2px 0 1px 0; }
#products .listing { padding: 4px 20px 5px; }
#products .listing ul { list-style: none; padding-left: 0; }
#products .listing a { background: url("../image/productsL1Background.gif") left center no-repeat; color: #222; font-size: 12px; font-weight: bold; text-decoration: none; padding: 2px 0 0 21px; }
#products .listing a:hover { text-decoration: underline; }
#products .listing li a { padding-bottom: 2px; /* Fix for Safari */ }
#products .listing li.selected { padding-top: 15px; }
#products .listing li.first { padding-top: 0; }
#products .listing li.selected a { background: url("../image/productsL1SelectedBackground.gif") left center no-repeat; color: #a70604; }
#products .listing li.selected li a { background: url("../image/productsL2Background.gif") 21px center no-repeat; font-size: 11px; font-weight: normal; padding-top: 0px; padding-left: 36px; }
#products .listing li.selected ul { padding: 0 0 18px 0; }



#subcategories { margin-top: 25px; }
#subcategories ul { list-style: none; padding-left: 0; }

#footer ul { padding-left: 0; }
#footer li { background: url("../image/footerListBackground.gif") left center no-repeat; padding: 0 5px; }
#footer li.first { background: none; padding-left: 0; }
#footer a { color: #777; }
#footer h3 { color: #343434; font-weight: bold; padding: 0; }
#footer T3 { color: #343434; }
#companyInfo { float: left; font-size: 11px; }
#companyDocuments { float: right; font-size: 10px; }



/**
 * content
 */
.asset { color: #343434; text-decoration: none; }
.asset:hover, .continue:hover, .more:hover { text-decoration: underline; }
.course { padding: 2px 0 2px 21px; background: url("../image/trainingBackground.gif") left center no-repeat; }
.continue { padding: 2px 0 2px 21px; background: url("../image/moreBackground.gif") left center no-repeat; color: #222222; font-weight: bold; text-decoration: none; }
.more { padding: 2px 21px 2px 0; background: url("../image/moreBackground.gif") right center no-repeat; color: #5d5d5d; font-weight: bold; text-decoration: none; }
.pdf { padding: 1px 1px 4px 24px; background: url("../image/pdf.gif") left center no-repeat; }
.pdf1 { padding: 1px 1px 4px 24px; background: url("../image/pdf1.gif") left center no-repeat; }
.mail { padding: 1px 1px 4px 24px; background: url("../image/mail.gif") left center no-repeat; }
.link { padding: 1px 1px 4px 24px; background: url("../image/productsL1SelectedBackground.gif") left center no-repeat; }
.link2 { padding: 1px 1px 4px 24px; background: url("../image/productsL2Background.gif") left center no-repeat; }
.relatedlist, .traininglist { list-style: none; padding-left: 0; padding-bottom: 20px; }
.relatedlist li, .traininglist li { padding-bottom: 3px; }
.subcategory { background: url("../image/subcategoryBackground.gif") left center no-repeat; padding-left: 15px; color: #af1715; }

/**
 * typo
 */
.headline { font-size: 16px !important; margin-top: 0; margin-bottom: -10px; }

/**
 * form
 */
#frmDistributorLocator { margin-top: -79px; margin-left: 24px; vertical-align: middle; }
#txtLocate { width: 105px; font-size: 10px; *margin-top: 4px; }
#btnDistributorLocatorSubmit { margin: 4px 0 0 7px; }

/**
 * suckerfish navigation
 */
#nav li ul {
	position: absolute;
	width: 160px;
	_overflow: hidden;
	left: -999em;
	background: url("../image/menuBackground.png") top left no-repeat;
	border-bottom: solid 1px #dd140f;
	padding: 9px 0 14px 0;
}
#nav li:hover ul,
#nav li.sfhover ul {
	left: auto;
}
#nav li:hover a,
#nav li.sfhover a {
	background:url('../image/headerNavSelectedBackground.gif') top left repeat-x;
}
#nav li:hover a a,
#nav li.sfhover a a {
	background: none;
}
#nav li ul li {
	text-align: left;
	width: 150px;
	float: none;
	margin-left: 10px;
}
#nav li ul li a {
	display: block;
	*zoom: 1;
	background: url("../image/menuAnchorBackground.gif") 5px 5px no-repeat !important;
	padding: 0 5px 0 15px;
	margin-right: 2px;
	color: #ccc;
}
#nav li ul li a:hover {
	background: url("../image/menuAnchorSelectedBackground.png") top left no-repeat !important;
	_background: url("../image/menuAnchorSelectedBackground.gif") top left no-repeat !important;
	text-decoration: none;
	color: #fff;
}
<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background: none;
z-index: 0;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: none;
padding-left: 0;

border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 175px;
left: 30px; /*position where enlarged image should offset horizontally */

}
#firsttd
{	
	width:70px;
	text-align: left;vertical-align:top;
	padding-top:0px;
	}
</style>
