/* @group Resest Rules */

html, body, h1, h2, h3, h4, h5, h6, ul, ul li, ol, ol li, dl, p, fieldset, dd, button, img, a  {
	padding:0;
	margin:0;
	border: none;
}


a, img, label, button {
	border: none;
	outline: none;
	background: none;
}

input {outline: none;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

acronym {
	border: none;
	cursor: help;
}

ul {list-style: none;}

optgroup {
	font-style: normal;
	text-transform: uppercase;
}

optgroup option {
	text-transform: capitalize;
}

.fleft {float: left;}

.fright {float: right;}

body {
	font-family: arial;
	background: #f4f4f4 url(../img/common/body-bg.png) repeat-x left top;
}
.marB5{
	margin-bottom:5px;
}
.marB10{
	margin-bottom: 10px;
}
.borBotNone{
	border-bottom: none;
}

.borderImg{
	border: 1px solid #cecece;
	padding: 5px;
}
.marR10{
	margin-right: 10px;
}
/*@end */

/* @group Typographic Rules */

h1 {
	margin-bottom: 25px;
	font-size: 20px;
	color: #333;	
}

h2 {
	margin-bottom: 12px;
	font-size: 16px;
	color: #666;	
}

h1.specWidth {
	float: left;
	width: 250px;
	margin-bottom: 0;
}

h3 {
	margin-bottom: 12px;
	font-size: 16px;
	color: #666;	
}

h3.home {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	margin-bottom: 13px;
}

h3.home strong {font-weight: bold;}

h4 {
	margin-bottom: 12px;
	font-size: 16px;
	color: #666;
}

h5 {
	margin-bottom: 6px;	
}

p {
	line-height: 16px;
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

p.pageIntro strong {
	font-family: arial;
	font-size: 14px;
		color: #666;
}
.marT20{
	margin-top: 20px;
}
.marTB5{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @end */

/* @group sprites*/
.phoneIcon, .emailIcon, .closeBtn {
	background-image:url(../img/sprite/icons.png);
	background-repeat:no-repeat;
}
.btnGreen, .btnGreen span{
	background-image:url(../img/sprite/button.png);
	background-repeat:no-repeat;
}
/* @end */
/* @group Buttons Styles*/
.phoneIcon {
	background-position: left 0px;
	padding-left: 20px;
}
.emailIcon {
	background-position: left -40px;
	padding: 0 0 0 25px;
}
.btnGreen {
	background-position: left -63px;
	padding: 5px 0 10px 8px;
	margin-left: 7px;
	float: left;
}

.btnGreen span{
	background-position: right -28px;
	color: #fff;
	padding:7px 8px 7px 0;
	display: block;
	font-size: 10px;
	cursor: pointer;
}
.closeBtn{
	background-position: right -98px;
	cursor: pointer;
    height: 15px;
    margin-right: 5px;
    text-decoration: none;
    width: 15px;
    padding: 5px;
    margin-top: 3px;
    padding:10px;
}
/* @end */

/* @group GeneralList Styles*/

ul.generalList {
	margin-bottom: 20px; /* Get rid of it if not required */
}

ul.generalList li {
	background: url(../img/icons/bullet.gif) no-repeat left top;
	margin: 0 0 10px 10px;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

div.equipList {
	margin-bottom: 20px;
}

div.equipList ul.generalList {
	margin-bottom: 0;
}

div.supplyWrap {
	width: 570px;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
	float: left;
	margin-right: 31px;
}

div.supplyWrapPad {padding: 0 26px 0 0;}

div.supplyWrap h2 a, div.w363Box h2 a, div.w226 h2 a {
	color: #535353;
	text-decoration: none;
	font-size: 16px;
}

div.supplyWrap h2 a:hover,
div.w363Box h2 a:hover {
	text-decoration: underline;
}

ul.supplyPoints li {
	margin: 0 0 10px 0;
	padding: 0 0 8px 15px;
	border-bottom: #f2f2f2 solid 1px;
}

ul.supplyPoints a {
	font-weight: bold;
	color: #3f6c18;
	text-decoration: none;
}

ul.subGeneralList {
	margin: 8px 0 8px 10px;
}

ul.subGeneralList li {
	margin: 0 0 10px 0;
}

ul.arrowImg li{
	background: url(../img/icons/bullet.gif) no-repeat left top;
	margin: 4px 0 4px 6px;
	padding: 0 0 0 15px;
}

/* @end */

/* Layout Rules */

/* topNavigation Styles */

div.topNavigation {
	width: 996px;
	padding: 3px 0 0 0;
	margin: 0 auto;
	height: 26px;
}

ul.globalNav {
	float: right;
	
}

ul.globalNav li {float: left;}

ul.globalNav input.searchSite {
	border: #e7e7e7 solid 1px;
	background: #fff url(../img/common/homeSearch.gif) no-repeat 132px center;
	width: 128px;
	padding: 3px 19px 3px 3px;
	height: 15px;
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

ul.globalNav li a {
	border-right: #666 solid 1px;
	padding-right: 7px;
	margin-right: 7px;
	font-size: 11px;
	font-weight: bold;
	color: #0c7b90;
	text-decoration: none;
}
.globalNav .currentpage a{
	color: #000;
}
ul.globalNav li a.last {border-right: none;}

/* Layout Styles */

div.wrapper {
	width: 996px;
	margin: 0 auto;
	background: url(../img/common/wrapper-bg.gif) repeat-y;
}

div.pad {
	background: url(../img/common/branding-bg.png) no-repeat left top;
	padding: 3px 3px 0 3px;
}

div.branding {
	padding-top: 15px;
	margin-bottom: 16px;
}

a.logo {
	float: left;
	width: 156px;
	height: 56px;
	margin: 0 0 0 30px;
}

div.contact {
	float: right;
	margin-right: 16px;
	width: 185px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

div.contact strong {
	display: block;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

div.contact a {
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	color: #0c7b90;
	letter-spacing: 0.01em;
	cursor: pointer;
}
div.contact a:hover{
	text-decoration: underline;
}
/* FooterWrap Styles */

div.footerWrap {
	background: url(../img/common/footerWrap-bg.png) repeat-x left top;
}

div.footer {
	width: 996px;
	margin: 0 auto;
}

div.footerPad {padding:15px;}

/* FooterColumn (footerCol) Styles */

div.footerCol {
	float: left;
	margin-right: 42px;
	width: 290px;
	background: url(../img/icons/divider.png) no-repeat top right;
	padding-right: 23px;
	margin-right:23px;
}

div.last {margin-right: 0; padding-right: 0;}

div.footerCol strong {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	padding: 8px 0 13px 50px;
	background-image: url(../img/icons/footer-icons.png);
	background-repeat: no-repeat;
	line-height: 15px;
}
div.footerCol a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	cursor: pointer;
	line-height: 15px;
	text-decoration: none;
}
div.footerCol a:hover{
	text-decoration: underline;
}
div.footerCol strong.acc {background-position: 0 0;color: #000; font-size: 14px;}

.isoCert {
	background: url(../img/icons/isoIcon.png) no-repeat right center;
}
.iso {
    clear: both;
    display: block;
    text-align: center;
    width: 219px;
}
div.footerCol strong.event {
	padding-left: 45px;
	background-position: 0 -100px;
}
div.footerCol strong.affiliation {background-position: 0 -96px;color: #000; font-size: 14px;}

div.footerCol strong.service {background-position: 0 -200px; color: #000;font-size: 14px;}

div.footerCol strong.isoAbout {background-position: 0 -279px; color: #000;font-size: 14px;}

div.footerCol b {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

div.footerCol p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 17px;
	padding: 0 75px 0 0 ;
}

div.chemicalInfo {
	width: 195px;
	float: left;
}

div.footerCol span.img {
	width: 84px;
	float: right;
}

/* EventList Styles */

ul.eventList li {margin-bottom: 13px;}

ul.eventList strong, ul.contactList li strong {
	background-image: none;
	padding: 0;
}

ul.eventList span.date {
	width: 50px;
	float: left;
	font-weight: bold;
	color: #999;
	font-size: 12px;
}

ul.eventList span.date strong {
	font-family: georgia;
	font-size: 24px;
	color: #999;
	line-height: 17px;
}

ul.eventList div.eventDesc {
	float: right;
	width: 240px;
}

ul.eventList div.eventDesc b {
	display: inline;
}

div.eventDesc strong {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #333;
}

/* Contact List Styles */

ul.contactList li {
	margin-bottom: 10px;
}

ul.contactList li em {
	float: left;
	padding-top: 1px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	font-style: normal;
	width: 45px;
	padding-left: 5px;
}

ul.contactList li span {
	float: left;
	margin-bottom: 0;
	font-size: 12px;
	color: #666;
}

/* More & Top Links Styles */

a.more, a.top {
	font-size: 11px;
	font-weight: bold;
	color: #0c7b90;
	text-decoration: none;
}

a.more {
	background: url(../img/icons/arrow.gif) no-repeat right top;
	padding-right: 19px;
}

a.top {
	padding-right: 12px;
	background: url(../img/icons/topArrow.gif) no-repeat right center;
}

a.more:hover, a.top:hover {
	text-decoration: underline;
}

/* =========================== */
ul.globalNav li a:hover,
ul.footerLinks li a:hover, a.more:hover {
	text-decoration: underline;
}

/* Copyright Styles */

div.copyrightWrap {
	background: url(../img/common/copyrightWrap-bg.gif) repeat-x left top;
	padding: 13px 0 5px 0;
}

/* FooterLinks Styles */

div.copyRight {
	margin: 0 auto;
	width: 990px;
	text-align: center;
	color: #666;
}

ul.footerLinks {margin-bottom: 6px;}

ul.footerLinks li {display: inline;}

ul.footerLinks li a {
	margin-right: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-transform: capitalize;
}

p.copyName {
	font-size: 18px;
	margin-bottom: 3px;
	color: #9a9999;
	font-family: Calibri;
}

p.copyStatement {
	margin-bottom: 0;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

/* leftColumn Styles */

div.leftCol{
	float: left;
	width: 219px;
}
div.leftColumn {
	width: 219px;
	float: left;
	background: url(../img/common/leftColumn-bg.gif) no-repeat right bottom;
	margin-bottom: 20px;
}

div.rightColumn {
	width: 750px;
	float: right;
}
div.headContainer{
	width: 730px;
	float: left;
}
div.leftHead{
	width: 500px;
	float: left;
}
div.left {
	width: 730px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 400px;
}

div.right {
	width: 200px;
	float: right;
}

div.pad18 {padding: 16px 18px 16px 0;}

/* leftNav Styles */

ul.leftNav {
	padding: 31px 0 0 13px;
	background: url(../img/common/left-top-bg.png) no-repeat left top;
}

ul.leftNav a {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #0C7B90;
	text-transform: uppercase;
	text-decoration: none;
}

ul.leftNav ul.secondary {
	display: block;
	background: none;
	border: none;
	width: auto;
	position: static;
	_zoom: 1;
	}

ul.leftNav ul.secondary li {
	margin-right: 12px;
	background: url(../img/common/hor-dotted-border.gif) repeat-x left bottom;
}

ul.leftNav ul.secondary a {
	display: block;
	margin: 0;
	border: none;
	width: auto;
	position: static;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/icons/left-li.gif) no-repeat 4px 11px;
	padding: 9px 0 9px 23px;
}

ul.leftNav ul.secondary li.current a,
ul#intermediates a#intermediate,
ul#personal-care a#pc,
ul#speciality-chemicals a#sc,
ul.leftNav ul.secondary li.currentpage a,
ul.leftNav ul.secondary ul.subSecondary li.currentpage a {
	font-weight: bold;
	color: #000;
}

ul.leftNav ul.secondary a:hover {
	text-decoration: underline;
	color: #0C7B90;
}

/* subSecondary Styles */

ul.secondary ul.subSecondary {
	display: none;
}

ul.leftNav li.subSection ul.subSecondary {
	display: block;
	padding-bottom: 5px;
}

ul.leftNav ul.secondary ul.subSecondary li {
	margin: 0 0 0 21px;
	background: none;
}

ul.leftNav ul.secondary ul.subSecondary a {
	padding: 6px 0 6px 18px;
	font-size: 12px;
	font-weight: normal;
	color: #336600;
	background: url(../img/icons/subLeft-li.gif) no-repeat left center;	
}


/* @group Homepage Styles Group */

div.banner {
	background: url(../img/banners/danco-banner.jpg) no-repeat left top;	
	margin-bottom: 20px;	
}
div.banner h2{
	font-family: Kozuka Gothic Pro;
	font-size: 42px;
	color: #fff;
	line-height: 37px;
	padding:50px;
	margin-bottom: 0;
		
}
div.banner span{
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	display: block;
	padding-left: 5px;
	
}
div.pad149 {
	padding: 0 9px 18px 14px;	
}
div.w643 {
	float: left;
	width: 643px;
}
div.w750{
	width: 750px;
}
div.w968 {
	width: 968px;
	margin-bottom: 12px;
}

div.w748 {
	width: 748px;
	float: left;
}

div.w748 h1 {
	margin-bottom: 12px;
}

div.w748 p {
	margin-bottom: 15px;
}

div.w363 {
	width: 363px;
	float: right;
}

div.w363Box {
	margin-bottom: 35px;
}

div.w300 {
	width: 300px;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
	float: left;
}

div.w644 {
	width: 644px;
	float: right;
}

div.w311 {
	width: 311px;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
	float: left;
}

div.w310 {
	width: 310px;
	float: right;
}

div.w620 {
	width: 620px;
	float: right;
}

div.w200 {
	width: 200px;
	float: right;
}

.w250{
	width: 300px;
	float: left;
}
div.topPad {
	padding-right: 9px;
}

/* @end */

/* @group Homepage Tabs Group */

div.productBrowser {
	margin-bottom: 34px;
}

ul.categoryTabs {
	background:url(../img/tabs/browser-top.gif) no-repeat left bottom;
	height: 39px;
}

ul.categoryTabs li {
	float: left;
	margin-right: 1px;
	padding-top: 2px ;
}

ul.categoryTabs li.active {
	padding-top: 0px ;
	margin-top:1px
}
ul.categoryTabs li.active span{
	line-height: 31px;
}

ul.categoryTabs a {
	display: block;
	text-decoration: none;
}

ul.categoryTabs span {
	display: block;
	padding: 0 25px;
	line-height: 29px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

ul.categoryTabs a {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/tabs/right-normal.gif);
}

ul.categoryTabs span {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/tabs/left-normal.gif);
}

ul.categoryTabs a:hover {
	background-image: url(../img/tabs/right-hover.gif);
}

ul.categoryTabs a:hover span {
	background-image: url(../img/tabs/left-hover.gif);
}

ul.categoryTabs li.active a {
	background-image: url(../img/tabs/right-active.gif);	
}

ul.categoryTabs li.active a span {
	background-image: url(../img/tabs/left-active.gif);
}

/* @end */

div.productDesc {
	width: 629px;
	height: 170px;
	background: url(../img/tabs/browser-bottom.gif) no-repeat left bottom;
}

div.contentPad {
	padding: 12px 13px;
}

div.productContent p {
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

ul.productList {
	float: left;
	margin-right: 18px;
	width: 280px;
}

ul.last {
	margin-right: 0;
}

ul.productList li {
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: #f2f2f2 solid 1px;
}

ul.productList a {
	display: block;
	background: url(../img/icons/bullet.gif) no-repeat left top;
	padding-left: 16px;
	font-size: 12px;
	font-weight: normal;
	color: #0c7b90;
	text-decoration: none;
}

ul.productList a.xtraSpace {
	padding-bottom: 15px;
}

ul.productList span {
	color:#999999;
	display:block;
	font-size:11px;
	font-weight:normal;
	padding-left:16px;
}

ul.productList a:hover {text-decoration: underline;}

.contentTxt {
	margin-bottom: 15px;
}
.contentTxt li{
	color: #666666;
    font-size: 12px;
    padding-left: 3px;
    padding-bottom: 2px;
}

/* briefAbout Styles */

div.briefAbout {
	width: 300px;
	float: left;
	margin-right: 30px;
}

div.briefAbout p {
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 18px;
}

/* client Speak Styles */

.clientSpeak {
	width: 291px;
	float: right;
	margin-bottom: 15px;
}
.clientSpeak, .clientAbout {
	width: 265px;
	float: left;
	margin-bottom: 15px;
}
div.lastClientSpeak {
	padding-bottom: 0;
	border-bottom: 0;
}

div.clientSpeak span.clientImg {
	float: left;
	margin-right: 15px;
	width: 73px;
}

div.clientSpeak blockquote {
	float: left;
	width: 210px;
}

div.clientSpeak em {
	text-align: left;
	font-family: arial;
	font-size: 13px;
	color: #666;
	font-style: normal;
	font-weight: bold;
}
div.clientOuter{
	display: table;
	overflow: hidden;
	font-family: arial;
	font-size: 13px;
	color: #666;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	height: 40px;
	#position: relative;
}
div.clientInner{
	display: table-cell;
	vertical-align: middle;
	#position: relative;
	#top: -50%;
}
div.clientInner{
	#position: absolute;
	#top: 50%;
}
div.clientTxt {
	#position: relative;
	#top: -50%;
}

cite {
	display: block;
	font-style: normal;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

cite b {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}


/* @group quoteWrapper Group */

div.quoteWrapper {
	width: 310px;
	background: url(../img/tabs/quoteBottom.gif) no-repeat left bottom;
	position: relative;
	z-index: 9;
}

div.quoteWrapper select {font-size: 12px; width: 130px;}

div.quoteWrapper select#pName {
	font-size: 9px;
	width: 180px;
}

div.quoteWrapper option {
	padding-left: 5px;
}

div.quotePad {
	background: url(../img/tabs/quoteTop.gif) no-repeat left top;
	padding: 16px 11px 16px 14px;
}

div.contactForm {
	width: 280px;
	background: none;
}

div.quoteWrapper p {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

div.quoteWrap {background: none;}

div.quoteWrap div.quotePad {
	background: none;
	padding: 0;
}

/* quoteForm Styles */

label.chkbox input {vertical-align: middle;}

span.note, form.quoteForm label.chkbox {
	display:block;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

/* Privacy Policy link */

span.note a {
	font-size: 10px;
	color: #336600;
	text-decoration: underline;
}

span.note a:hover {text-decoration: none;}

form.quoteForm label.chkbox {margin-bottom: 5px;}

.marNote {margin: 0 0 7px 100px;}

div.quoteWrap .marNote {margin: 0 0 7px 125px;}

div.orderForm .marNote {margin: 0 0 7px 185px;}

form.quoteForm dl {margin-bottom: 6px;}

form.quoteForm dt {
	width: 90px;
	text-align: right;
	float: left;
}

/* this is for the forms that have long lables. For eg. Order Now & Order samples */

div.formSpecWidth {width: 370px;}

div.formSpecWidth dt {width: 160px;}

div.formSpecWidth dd {width: 250px;}

div.quoteWrap dt {text-align: right;}

form.quoteForm dd {
	width: 185px;
	float: right;
}

/*form.quoteForm input.submit {
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/cta/get-quote.png);
	background-repeat: no-repeat;
	width: 127px;
	height: 22px;
	background-position: 0 0;
}

form.quoteForm input.submit:hover {
	background-position: 0 -22px;
}*/

form.quoteForm input.button {
	/*background: url(../img/cta/get-quote.png);
	width: 127px;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	font-size: 15px;
	border: none;*/
	background-image: url(../img/cta/get-quote.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
}

form.quoteForm input.button:hover {
	background-position: 0 -22px;
	cursor: pointer;
}

span.prodName {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

form.quoteForm span.prodName {
	display: block;
	width: 250px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

form.quoteForm label {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

form.quoteForm input.txt {
	font-size: 12px;
	width: 178px;
	background: #fff none;
	padding: 3px;
	border: #e4e4e4 solid 1px;
}

form.quoteForm select.dob, form.quoteForm select.mob, form.quoteForm input.yob {
	float: left;	
}

form.quoteForm input.yob {
	width: 20px;
}

form.quoteForm textarea {
	border:1px solid #E4E4E4;
	font-family: arial;
	font-size: 12px;
	padding: 4px;
	width: 175px;
	height: 100px;
}

/* Error Styles */

span.error {
	font-size: 10px;
	font-weight: normal;
	color: red;
}

form.quoteForm input.error {
	background-color: #fefdca;
	border: red solid 1px;
}

div#msg {
	display: none;
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 285px;
	border: #92c465 solid 1px;
	background-color: #c0ee97;
	text-align: center;
	color: #333;
	font-size: 11px;
	height: 144px;
}

div.msgPad {
	padding: 10px 25px;
}

div#msg strong {
	font-size: 18px;
	font-weight: bold;
	color: inherit;
}

div#msg p {
	margin: 0;
	color: inherit;
	font-size: 11px;
}

div#msg p.message {
	margin-bottom: 12px;
	font-size: 12px;	
}

/* @end */

/* Promos Styles */

div.promos {
	width: 726px;
	margin: 28px auto;
	border: #ccc solid 1px;
}

div.promos a {
	display: block;
	height: 88px;
}

/* Call to Action Styles */

a.greenCTA {
	display: block;
	margin-bottom: 10px;
	padding: 16px 0 30px 0;
	background: url(../img/cta/button.jpg) no-repeat left top;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
a.greenCTAQuote {
	display: block;
	margin-bottom: 10px;
	padding:24px 0 30px;
	background: url(../img/cta/button.jpg) no-repeat left top;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
a.greenCTAQuote strong {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
a.greenCTA strong {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

a.greenCTA em {
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
}
/* Testimonial CTA Styles */

div.quotesWrap {
	margin-bottom: 20px;
}

div.quotes {
	width: 200px;
	background: url(../img/cta/testimonial-bottom.png) no-repeat left bottom;
}

div.quotesBottom {
	background: url(../img/cta/testimonial-top.png) no-repeat left top;
	padding: 13px 12px 36px 12px;
}

span.clientLogo {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

span.usv {
	background-image: url(../img/clients/USV.png);
	height: 50px;
}

span.gsk {
	background-image: url(../img/clients/gsk.png);
	height: 51px;
}
/* breadCrumb Styles */

ul.breadcrumb {
	margin-bottom: 20px;
}

ul.breadcrumb li {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-right: 5px;
}

ul.breadcrumb a {
	text-decoration: none;
	color: #0C7B90;
}

ul.breadcrumb a.home {
	background: url(../img/common/bread-arrow.gif) no-repeat right center;
	padding-right: 16px;
}

ul.breadcrumb a.default {cursor: default;}

ul.breadcrumb a:hover {
	text-decoration: underline;
}

/* The team Styles */
div.team {margin-bottom: 20px;}

div.team img {
	width: 203px;
	float: right;
	margin-left: 15px;
}

/* trivia Styles */

div.trivia {
	background: url(../img/cta/trivia-bg.jpg) no-repeat left top;
	padding: 10px;
	margin-bottom: 26px;
}

div.trivia em {
	font-family: georgia;
	font-size: 16px;
	color: #000;
}

/* impPara Styles */

div.interaction {
	text-align: center;
	margin-bottom: 10px;
}

div.impParaContainer {
	width: 506px;
	height: 420px;
}

div.impPara {
	width: 506px;
	background: url(../img/cta/inpageBottom.gif) no-repeat left bottom;
	margin-bottom: 20px;
}

div.impPad {
	padding: 15px 15px 5px 15px;
	background: url(../img/cta/inpageTop.gif) no-repeat left top;
}

div.impPara strong {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	color: #333;
}

div.impPara b {
	display: block;
	margin-bottom: 8px; /* 3 befre */
	font-size: 12px;
	color: #666;
}

/* imgContainer Styles */

div.imgWrapper {
	width: 504px;
	margin-bottom: 20px;
	border: #ccc solid 1px;
	position: relative;
}

div.imgPad {padding: 4px 5px;}

div.imgInfo {
	display: none;
	width: 494px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

div.infoPad {
	padding: 10px 15px;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.8;
}

div.imgInfo em {
	display: block;
	line-height: 16px;
	background-color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
}

/* @group Small Green Button Group */

/* Order Samples buttons */

a.samples, a.samples:hover {
	background-image: url(../img/cta/samples.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.samples {
	float: left;
	width: 127px;
	height: 22px;
	text-indent: -9999px;
	background-position: 0 0;
}

a.samples:hover {
	background-position: 0 -22px;
}

/* Order Now Buttons */

a.order, a.order:hover {
	background-image: url(../img/cta/order.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.order {
	float: left;
	width: 102px;
	height: 22px;
	text-indent: -9999px;
	background-position: 0 0;
}

a.order:hover {
	background-position: 0 -22px;
}

/* @end */

div.actionWrap  {
	margin-bottom: 25px;
}

div.actionWrap  h2 {margin-bottom: 0;}

ul.actionGroup {
	float: right;
	width: 235px;
}

ul.actionGroup li {
	float: left;
	margin-right: 2px;
}

/* impNote Styles */

div.impNote {
	border: #ebebeb solid 1px;
	background-color: #fcfbf3;
	margin-bottom: 20px;
	padding: 8px 10px;
	font-size: 13px;
	color: #666;
}

div.impNote a {
	font-size: 11px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}

div.impNote p {
	margin-bottom: 0;
	line-height: 24px;
}

div.impNote a.specW {
	float: left;
	width: 120px;
	padding-top: 5px;
}

div.impNote a.specW:hover {
	text-decoration: underline;
}

div.impNote strong {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

div.impNote em {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
}

/* Specification Table Styles */

table.spec {
	border-collapse: collapse;
	border: #e4e3e3 solid 1px;
	width: 100%;
	margin-bottom: 26px;
}

table.spec th, table.spec td {
	padding: 6px 5px;
	border-right: #e4e3e3 solid 1px;
	border-bottom: #e4e3e3 solid 1px;
}

table.spec th {
	background: url(../img/common/tableHeader.gif) repeat-x left top;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

table.spec td.algnC {text-align: center;}


table.spec td {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	vertical-align: top;
}

/*=============================*/

div.chemical {
	width: 502px;
	margin-bottom: 20px;
}

div.chemicalStack {
	background: url(../img/common/hor-dotted-border.gif) repeat-x left bottom;
}

div.chemicalStack em.structure {
	background-image: url(../img/structures/molecular-structure.png);
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	height: 100px;
	font-size: 12px;
	font-style: normal;
}

em.noImage {background-position: -400px -100px;}

em.int-1 {background-position: 0 0;}

em.int-2 {background-position: 0 -100px;}

em.int-3 {background-position: 0 -200px;}

em.int-4 {background-position: 0 -300px;}

em.int-5 {background-position: 0 -400px;}

em.int-6 {
	background-position: 0 -500px;
	height: 200px;
}

em#int-7 {
	background-position: 0 -800px;
	height: 130px;
}

em.int-8 {background-position: -200px 0;}

em.sc-1 {
	background-position: -800px 0;
	height: 200px;
}

em.pc-1 {background-position: -600px -300px;}

em.sc-7 {background-position: -800px -300px;}

em#xheight {height: 110px;}

em.pc-2 {background-position: -600px -500px;}

div.chemical strong {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}


div.small {
	float: left;
	padding: 7px 10px 10px 0;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
	width: 210px;
}

div.big	 {
	float: right;
	padding: 7px 0 0 19px;
	width: 250px;
}

/* Definition List Styles */

dl.list {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

dl.list dt {
	float: left;
	width: 110px;
	color: #666;
}

dl.list dd {
	float: left;
	color: #333;
}

/* Products Landing Page Styles */

div.products, div.contactWrap {
	width: 968px;
}

div.products strong {
	display: block;
	padding: 11px 0 11px 41px;
	margin-bottom: 15px;
	background-image: url(../img/icons/chemical.png);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
div.products span{
	color: #494848;
	font-size: 12px;
	font-weight: bold;
}
div.products strong.intermediates {
	background-position: 0 0 ;
}

div.products strong.personal-care {
	background-position: 0 -100px;
}

div.products strong.speciality-chemicals {
	background-position: 0 -200px;
}

div.productWrapper {
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
	width: 350px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

div.last {
	margin-right: 0;
	background: none;
}

div.productPad {
	padding:5px;
	border-bottom:1px solid #F2F2F2;
	position: relative;
}

div.w520 {
	width: 520px;
	float: right;
}

div.w430 {
	width: 430px;
	float: left;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
}
div.prodImg {
	float: left;
	border: 1px solid #cecece;
}
div.prodImg span{
	display: block;
	font-size: 10px;
	padding: 3px;
	background-color: #ffffff;
}
div.prodValue{
	font-size: 11px;
}
div.productPad:hover{
	background-color: #EDEDED;
	cursor: pointer;
}

div.prodValue dt {
	font-size: 10px;
	font-weight: bold;
	float: left;
	padding-right: 1px;
	padding-left: 7px;
	width: 51px;
	padding-bottom: 1px;
}
div.prodValue dd{
	padding-left: 5px;
	float: left;
	width: 150px;
	padding-bottom: 1px;
}
.productBtns {
	display: none;
}
div.productPad:hover .productBtns {
	display: block;
	float: right;
	margin-right: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* chemicalList Styles */

ul.chemicalList {width: 280px;}

ul.specList {
	float: left;
	margin-right: 16px;
}

/*ul.last {margin-right: 0;}*/

ul.List {float: left; width: 250px;}

ul.chemicalList li {
	border-bottom: #f2f2f2 solid 1px;
	padding: 5px 0;
	position: relative; /* code by arfa */
	z-index: 990;

}

ul.chemicalList li:hover {
	background-color: #fcfbf3;
}

ul.chemicalList li.last {border-bottom: none;}

ul.chemicalList li div.toShow {
	display: none;
	left: 170px;
	position: absolute; /* code by arfa */
	z-index: 9999;
}

ul.chemicalList a {
	display: block;
	background: url(../img/icons/bullet.gif) no-repeat left top;
	padding-left: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #3f6c18;
	text-decoration: none;
}

ul.chemicalList span {
	display: block;
	margin-left: 12px;
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

/* Products Landing Page Popups */

div.popup {
	width: 262px;
	position: absolute;
	top: -6px;
	left: 138px;
	/* Z-index to be specified */
}

div.popupPad {
	padding: 12px 13px 17px 24px;
	/* Z-index to be specified */
}

div.bl {background: url(../img/cta/nlbottom.png) no-repeat left bottom;}

div.br{background: url(../img/cta/nrbottom.png) no-repeat left bottom;}

div.nbl {background: url(../img/cta/popup-bottom-left.png) no-repeat left bottom;}

div.nbr {background: url(../img/cta/popup-bottom-right.png) no-repeat left bottom;}

div.tl {background: url(../img/cta/popup-top-left.png) no-repeat left top;}

div.tr {
	background: url(../img/cta/popup-top-right.png) no-repeat right top;
	padding: 12px 24px 17px 13px;
}

div.ntl {
	background: url(../img/cta/nltop.png) no-repeat left top;
}

div.ntr {
	background: url(../img/cta/nrtop.png) no-repeat right top;
}

/* Popup content Styles */

dl.popupContent dt {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

dl.popupContent dd {
	display: block;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

dl.popupContent dd em.structure {
	background-image: url(../img/structures/molecular-structure.png);
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	height: 100px;
}

div.popupLinks {
	width: 225px;
	position: absolute;
	left: 24px;
	bottom: 13px;
}

div.tr div.popupLinks {
	left: 15px;
}

div.popupLinks a {
	display: inline;
	background: none;
	border-right: #666 solid 1px;
	padding: 0 6px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #3f6c18;
}

div.popupLinks a.last {
	border-right: 0;
	padding: 0 17px 0 0;
	background: url(../img/icons/quote-icon.png) no-repeat right center;
}

div.popupLinks a:hover {text-decoration: underline;}
/* Slider Styles */

div.sliderWrap {
	width: 504px;
	position: relative;
	margin-bottom: 20px;
}

a.back {
	position: absolute;
	left: 0;
	top: 33px;
}

a.next {
	position: absolute;
	right: 0;
	top: 33px;
}

ul.slider {
	width: 400px;
	margin: 0 auto;
}

ul.slider li {
	float: left;
	width: 125px;
	margin-right: 10px;
}

ul.slider li.last {
	margin-right: 0;	
}

ul.slider strong {
	display: block;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

/* Contact Page Styles */

ul.address li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: #f2f2f2 solid 1px;
	font-size: 12px;
	font-weight: normal;
}

ul.address strong {
	width: 70px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-indent: 3px;
}

ul.address em {
	float: left;
	width: 240px;
	font-style: normal;
	color: #666;
}

ul.address em a {
	color: #0C7B90;
	text-decoration: none;
}

ul.address em a:hover {
	text-decoration: underline;
}

ul.address b {
	display: block;
}

/* About us Landing page Styles */

div.w735Wrap {
	width: 735px;
	float: left;
}

div.w226 {
	width: 226px;
	float: left;
	margin-right: 19px;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
}

div.w226Pad {
	padding-right: 20px;
}
.h160 {
	height: 160px;
}


div.w226 strong {
	padding: 0;
	background: none;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

div.w226Last {
	float: right;
	background: none;
	margin-right: 0;
}

/* Directors Page Styles */

div.leadItem {
	width: 500px;
	background: url(../img/common/hor-dotted-border.gif) repeat-x left bottom;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

span.leadImg {
	float: left;
	width: 109px;
	height: 109px;
	margin-right: 16px;
}

div.leadContent {
	width: 372px;
	float: right;
}

div.leadContent strong {
	font-size: 14px;
	color: #333;
	padding-left: 15px;
	padding-right: 10px;
	border-left: #43a629 solid 3px;
}

div.leadContent em {
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

div.leadContent p {
	line-height: 18px;
	padding-left: 15px;
	border-left: #a1d294 solid 3px;
}


/* @group Autosuggest Group */

#ajax_listOfOptions div.optionHead {
	padding: 1px;
}


div.optionHead span {
	display: block;
	padding: 3px 1px;
	text-transform: capitalize;
	background-color: #ccc;
}

#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #e3e3e3;	/* Dark green border */
		background-color:#fff;	/* White background color */
		text-align:left;
		font-size:12px;
		z-index:19610;
		padding:2px 0;
	}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px 5px 1px 1px;
		cursor:pointer;
		font-size: 11px;
		font-weight: normal;
		color:#333;
	}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		padding:2px;
		margin:2px;
	}
#ajax_listOfOptions .optionDiv em {	/* Div for each item in list */
		font-weight:bold;
		color: #000;
		font-style: normal;
	}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#f4f2f2;
		padding:2px;
		margin:2px;
		}
#ajax_listOfOptions .optionDivSelected em { /* Selected item in the list */
		font-weight:bold;
		color: #000;
		font-style: normal;
	}
#ajax_listOfOptions .optionDiv span,
	#ajax_listOfOptions .optionDivSelected span{
		font-size: 10px;
		font-weight: normal;
	}

#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
/* @end */

/* Agreement Styles */

div.formulaWrap {
	width: 506px;
}
div.formulaWrap dt {
	float: left;
	margin-right: 20px;
}

div.formulaWrap dd {
	float: left;
	width: 230px;
}

a.agreement {
	position: absolute;
	left: 330px;
	top: 10px;
	width: 166px;
	height: 197px;
	text-decoration: none;
	/*margin-top: 10px;*/
	padding-top: 13px;
	/*float: right;*/
	background: url(../img/common/agreement.jpg) no-repeat left top;
	text-align: center;
}

a.agreement strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

a.agreement b {
	display: block;
	margin: 135px 0 0 39px;
	font-size: 12px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}

div.agreement a:hover {
	text-decoration: underline;
}

/* @group Terms & COnditions */

ol.mainList {
	list-style-position: inside;
}

ol.mainList li {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-bottom: 20px;
}

ol.subList {
	list-style-position: outside;
	margin: 10px 0 0 40px;
}

ol.subList li {
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	line-height: 15px;
}

ol.subList li b {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

/* @end */

/* @group Custom Synthesis Landing page Styles */

div.synthesis {
	width: 310px;
	float: left;
	margin-right: 15px;
	background: url(../img/common/ver-dotted-border.gif) repeat-y right top;
}

div.synthesisPad {padding-right: 20px;}

div.lastsynthesis {
	margin-right: 0;
	background: none;
}

div.synthesis h2 {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	background: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

div.synthesis h2 a {
	font-size: 16px;
	color: #339900;
	font-weight: bold;
	text-decoration: none;
}

/* @end */

/* @group uplodfile */
div.formulaWrap p.uploadedFiles {
	margin-bottom: 0;
	line-height: 18px;
}

ul.files{
	width: 200px;
}

ul.files span {
	padding: 3px 0 3px 20px;
	margin-left: 3px;
	background: url(../img/common/attachment.png) no-repeat left 2px;
	font-size: 11px;
	font-weight: normal;
	color: #336600;
}

ul.files a {
	text-decoration: none;
	font-size: 11px;
	color: #336600;
}

/* @end */

/* @group 404 Page Styles */

div.errorPad {
	padding: 0 15px;
}


div.errorBanner {
	height: 88px;
	background: #fefdeb url(../img/common/error.jpg) no-repeat left top;
	border: #ccc solid 1px;
	padding: 23px 145px 30px 191px;
	margin: 18px 0 48px 0;
}

div.errorBanner h1 {
	background: url(../img/common/errorheading.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 0;
	font-size: 30px;
	color: #333;
}

div.errorBanner strong {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

div.errorBanner p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

div.errorBanner p.redirect {color: #666;}

div.errorBanner a {
	cursor: pointer;
	text-decoration: underline;
	color: #336600;
}

div.errorWrap strong {
	background: none;
	padding: 0;
}

div.errorWrap ul.chemicalList li {border-bottom: none;}

div.errorWrap ul.chemicalList span {
	visibility: hidden;
	/*display: none;*/
}

/* @end */

/* @group General Ordered List Styles */

ol.generalOrder {
	list-style-position: outside;
	margin-left: 19px;
}

ol.generalOrder li {
	margin-bottom: 10px;
	font-size: 13px;
	color: #333;
}

ol.generalOrder ul.generalList {
	margin: 15px 0;
}

/* @end */

/* @group Sitemap Style */

ul.sitemap ul.secondary, ul.sitemap ul.secondary ul.subSecondary {
	display: block;
	position: static;
}

ul.sitemap li {
	float: left;
	width: 165px;
	margin-right: 8px;
}

ul.sitemap a {
	text-decoration: none;
	color:#0C7B90;
	font-size:14px;
	font-weight:bold;
}

ul.sitemap ul.secondary {
	background: none;
	border: none;
}

ul.sitemap ul.secondary ul.subSecondary {
	margin-left: 20px;
}

ul.sitemap ul.secondary a, ul.sitemap ul.subSecondary a {
	padding: 0 0 0 12px;
	background: url(../img/icons/bullet.gif) no-repeat left top;
}

ul.sitemap ul.secondary a:hover, ul.sitemap ul.subSecondary a:hover {	
	text-decoration: underline;
}
.w150{
	width: 150px;
}
/* @end */
.specificationBox{
	
	margin-left: 20px;
	margin-right: 20px;
}
.specialityProd{
	float: left;
	margin-right: 50px;
}
.specTxt{
	font-size: 11px;
	color: #0C7B90;
	margin-top: 5px;
	
}
.specTxt a {
	color: #0C7B90;
}
/* @group PopUp Style */
.quotepopUp {
   	background: url(../img/common/popUpBg.png) repeat;
	padding: 10px;
    width: 370px;
}
.popUpHead {
	padding: 12px 20px 0px 20px;
    background-color: #0c7b90;
    border: 2px solid #fff;
}
.popUpBody {
    padding: 0 25px 25px;
    background-color: #FFFFFF;

}
.popUpHead h1{
	float: left;
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;	
}
.popupTxt p{
	color: #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 10px 0;
}
.TLR10 {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-topright: 10px;
	border-radius-topleft: 10;
	border-radius-topright: 10px;
}

.BLR10 {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
}
.roundAll5 {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

/* @end */
/* @group News page*/

.downSpec{
	
}
.downSpec li{
	margin-bottom:8px;
	font-size: 11px;
	margin-left: 16px;
}
.downSpec a{
	font-weight: bold;
	color:#0C7B90;
	background: url(/img/icons/news.png);
	background-repeat: no-repeat;
	padding: 3px 0 0 22px;
	line-height: 16px;
}
a.pdf{
	background-position:  0 0;
}
a.link{
	background-position: 3px -77px;
}
.w310{
	width:309px;
}
.w145{
	width: 145px;
}
.w140{
	width: 140px;
}
/* @end */