@import url('core.css');



/********************************************
        PRIMARY STYLES
********************************************/


#primary{margin-right: 20px;}



/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}

a {
	color:#d9c100;
}


/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        MODIFIED CODES
********************************************/
/* reset of primary and secondary */
.yes { color:#009900; }
.no { color:#FF0000; }

#content {
	display: block;
}
#primary { 
	float: left;
	width: 639px;
	margin-right: 0; 
	background:url(../images/core/sidebar_border.jpg) top right no-repeat;
	padding-right:1px;
}

#primary2 { 
	float: left;
	width: 619px;
	margin-right: 0; 
	padding-right:1px;
	font-size: 12px;
	font-family: verdana;
	color: #fff;
}
#secondary {
	float:right; 
	width: 300px; 
	padding-bottom: 40px;
}
body { background-color: #000000; }

/* header */
#header_bg {
	background: url(../images/core/bg-header.gif) top center no-repeat;
	height: 193px;
}
#logo {
	width: 100%;
	height: 142px;
	margin-top: -527px;
}
#logo2 {
	width: 100%;
	height: 142px;
	margin-top: -193px;
}
/* navigation */
#navigation {height: 51px;}
#nav_gradientbar {
	background: url(../images/core/gradientbar.jpg) no-repeat;
	height: 5px;
}
#nav {height: 46px;}
ul#nav li {
	height: 40px;
	margin:0 0 0 32px;
	padding: 5px 32px 0 0;
	border-right: 1px solid #7c7c7c;
}
ul#nav li a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin:3px 0;
	float:left;
}
.act {
	color: #d9c100 !important;
}
#nav_contact {
	border-right:none !important;
}

ul#nav li span {
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;

}
#nav_index, #nav_aqueous, #nav_360_aqueous, #nav_ultrasonic, #nav_health_safety {}
/*#nav_index { padding-right: 25px; }
#nav_aqueous { padding-right: 20px; }
#nav_360_aqueous { padding-right: 20px; }
#nav_ultrasonic { padding-right: 25px; }
#nav_health_safety { padding-right: 45px; position: relative;}*/
li#nav_index a:hover, li#nav_aqueous a:hover, li#nav_360_aqueous a:hover, li#nav_ultrasonic a:hover, li#nav_health_safety a:hover, li#nav_contact a:hover { color: #dcc400; }
/* need to make sure that all pages have thier corresponding highlighter */
#p-index li#nav_index a, #p-index a#sitemap_index, 
#p-aqueous li#nav_aqueous a, #p-aqueous a#sitemap_aqueous,
#p-360-aqueous li#nav_360_aqueous a, #p-360-aqueous a#sitemap_360_aqueous,
#p-ultrasonic li#nav_ultrasonic a, #p-ultrasonic a#sitemap_ultrasonic,
#p-health-safety li#nav_health_safety a, #p-health-safety a#sitemap_health_safety,
#p-contact_us li#nav_contact a, #p-contact_us a#sitemap_contact
{ color: #dcc400; }

/* override drop down highlight */
#p-360-aqueous li#nav_360_aqueous .sub_menu a {color: #fff;}


/* banner */
#banner_bg { 
	background-color: #272727;
	height: 334px; 
}
#banner {height: 100%;}

/* banner panel styles */
#banner_panels_wrapper {
	display: block;
}
.banner_panels {
	width: 300px;
	float: left;
	padding-left: 10px;
	padding-top: 15px;
}
	.banner_panel_top {
		background: url(../images/core/panel-top.jpg) no-repeat;
		height: 11px;
		width: 300px;
	}
	.banner_panels_details {
		background: url(../images/core/box_bg.jpg) repeat-y;
		width: 300px;
		padding-bottom: 20px;
	}
	.banner_panels_details h3{
		padding-bottom: 10px;
		padding-left: 15px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.banner_panels_details p{
		color: #7f7f7f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		margin-left:15px;
		margin-right: 20px;
		padding-top: 5px;
	}
	.banner_panels_details hr {
		width: 95%;
		background-color: gray;
		color: gray;
		height: 1px;
		border: 0;
	}
	.banner_panels_footer {
		display: block;
		background: url(../images/core/box_bg.jpg) repeat-y;
		width: 300px;
		height: 45px;
	}
		.banner_panels_footer_left {
			float: left;
			height: 45px;
			width: 249px;
		}
			a.banner_panels_footer_arrow {
				display: block;
				text-indent: -9999px;
				background: url(../images/core/cta-button.gif);
				width: 234px;
				height: 42px;
				margin-left: -6px;
			}
			a.banner_panels_footer_arrow:hover {
				background-position: 0 42px;
			}
		.banner_panels_footer_right {
			background: transparent url(../images/core/cta-icon.gif) no-repeat;
			float: right;
			height: 45px;
			width: 51px;
		}
	.banner_panels_bottom {
		background: url(../images/core/panel-bottom.jpg);
		height: 34px;
		width: 300px;
	}

/* primary column */
.gold { 
	color: #d9c100;
	font-size: 13px;
	line-height: 22px;
	font-weight:bold;
}
.green { color: #059003 }
#primary, #primary2 { 
	color: #c4c2c3;
	font-family: Arial, Helvetica, sans-serif; 
}
#primary2 {
	padding-left:20px;
}
#primary ul, #primary2 ul, .column_b ul {
	margin-left: 15px;
	list-style: none; 
}
#primary ul ul, #primary2 ul ul, .column_b ul ul { margin-top: 15px; }

#primary  ul li, #primary2 ul li, .column_b ul li {
	background: url(../images/core/bullet.gif) 0 4px no-repeat;
	padding-left: 15px;
	font-size:12px;
}

#maincontent ul li {
	list-style: none;
	margin-left: -20px;
}
#primary p, #primary2 p {
	font-size: 12px;
	width: 625px;
}

.container { width: 940px; }
.floatleft {float:left}
.floatright { float: right; }

/* secondary */
#secondary {	
	width: 250px;
	padding-left: 20px;
}
.enquiries_text_format, .contact_us_text_format, span.contact_us_text_format a, #secondary p {
	color: #c6c6c6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#secondary p {
	font-size: 13px;
	line-height: 18px;
}
#secondary table tr td, #secondary table tr td a {
	color: #c4c2c3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 15px;
}
#secondary table tr td a:link, #secondary table tr td a:visited { text-decoration: none; }
#secondary table tr td a:hover { color: #dcc400; }
.enquiries_text_format { font-weight: bold; }
span.contact_us_text_format a { font-size: 12px; }
span.contact_us_text_format a:hover { color: #e4bf00 }
span.contact_us_text_format a:link, span.contact_us_text_format a:visited { text-decoration: none; }
#affiliates_panel {
	background-color: #151515;
	padding: 10px 10px 10px 10px;
	width: 200px;
}
#affiliates_panel span { 
	color: #969696;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px; 
}
#affiliate_1 {
	background: url(../images/core/logo-recycling.gif) no-repeat;
	margin-top: 10px;
	height: 46px;
	width: 200px;
}
#affiliate_2 {
	background: url(../images/core/logo-fischemicals.gif);
	margin-top: 10px;
	height:34px;
	width: 128px;
}
#affiliate_3 {
	background: url(../images/core/logo-australian.jpg) no-repeat;
	margin-top: 10px;
	height:74px;
	width: 100px;
}
/* footer outside of content */
#footer_bg { 
	background: url(../images/core/bg-footer.jpg) repeat-x center;
	height: 310px; 
}
#footer {	background: url(../images/core/gradientbar2.jpg) no-repeat top center; }
#footer p {
	color: #7b7b7b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
#footer a { margin-top: -25px; }
ul#sitemap li { padding-top: 15px; }
ul#sitemap li a:link, ul#sitemap li a:visited { text-decoration: none; }
ul#sitemap li a { 
	color: #c1c1c1;
	font-family: Tahoma;
	font-size: 10px; 
}
#sitemap_index, #sitemap_aqueous, #sitemap_360_aqueous, #sitemap_ultrasonic, #sitemap_health_safety, #sitemap_contact { 
	border-right: 1px solid #c1c1c1;
	padding-right: 10px; 
}
#sitemap_aqueous, #sitemap_360_aqueous, #sitemap_ultrasonic, #sitemap_health_safety, #sitemap_contact { padding-left: 10px }
#sitemap_contact { border-right: 0; }
ul#sitemap li a:hover { color: #dcc400; }

/* inner column format */
#content_wrapper {
	display: block;
}
#maincontent {
	width: 630px;
	float: right;
}
#column_a {
	float: left;
	width: 300px;
	padding-bottom: 40px;
}
.column_b {
	color: #c4c4c4;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	width: 360px;
}
.column_b p, .column_b ul, .column_b ul li, .column_b p a { line-height: 16px; }

.column_b p a {
	color:#D9C100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.column_b p a:hover{ color: #dcc400; text-decoration:underline !important; }
.column_b p a:link, .column_b p a:visited { text-decoration: none; } 
.column_c {
	float: right;
	width: 240px;
}
.column_c h6 {
	font-family: Arial, Helvetica, sans-serif;	
	color: #c4c4c4;
	font-weight: normal;
	padding: 10px;
}
.column_c a { 
	float: left;
	padding: 10px 10px 10px 10px; 
}
#contact_content wrapper {
	display: block;
	float: left;
	width: 100%;
}
#contact_col_a {
	float: left;
	width: 300px;
	padding-bottom: 40px;
}
#contact_col_b {
	float: left;
	width: 580px;
	padding-bottom: 40px;
	margin-left:60px;
}
div#contact_col_b div#primary { background: none; }
form#enquiry_form ul li { list-style-image: none; }
form#enquiry_form ul li label { width: 90px; }
form#enquiry_form ul li input, form#enquiry_form ul li textarea { margin-left: 20px; }

/* scrollable codes */
div#scroll_container { width:940px; }
div.scrollable {
	display: block;
  float: left;
  position: relative;
  overflow: hidden;
	height: 334px;
	width: 100%;
}
div.scrollable div.items {
  width: 20000px;
  position: absolute;
}
div.scrollable div.items div img.scrollable-img {
	display: block;
	float: left;
	width: 940px;
}
div.scrollable div { display: block; }
/* navigation for scroll */
div.navi {
	position: relative;
	float: right;
	width: 130px;
	height: 10px;
	z-index: 1px;
	margin-top: -25px;
}
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(../images/core/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
}  
.navi a:hover { 
    background-position:0 -8px;       
}  
.navi a.active { 
    background-position:0 -16px;      
}

a.prevPage, a.nextPage {
	display: block;
	height: 15px;
	width: 18px;
	position: relative;
}
a.prevPage:hover , a.nextPage:hover { background-position: 0 15px }
a.prevPage{
	float: left; 
	background: transparent url(../images/core/arrow-left.gif);
	z-index: 1;
	margin-top: -25px;
	margin-left: 15px;
}
a.nextPage{ 
	float: right;
	background: url(../images/core/arrow-right.gif);
	z-index: 1;
	margin-top: -25px;
	margin-right: 15px;

}

/* NEW STYLES */

.divider {
	border-top : 1px solid #c4c4c4;
	width: 630px;
	margin-bottom: 20px;
}

.margin_2_1 {
	margin-top: 630px;
}


/* Buy nav button */

.clr {
	clear:both;
}
li.lasti, li.lasti a {
	border:none !important;
}
#first_page_main_in a, #first_page_main_in a:hover  {
	color:#999999 !important;
	text-decoration:none !important;
}