@charset "utf-8";
/* CSS Document written by Electric Studio, Copyright 2008 */

/* general */

body{
	margin:0;
	text-align:center;
	font-size: 13px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

a{
	color: #897A67;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a img{
	border:none;
	text-decoration:none;
}

a.pdf{
	background: transparent url('../publicimages/pdf.png') left top no-repeat;
	padding: 9px 0 0 40px;
	height: 35px;
	display: block;
}

.left{
	float:left;
}

.right{
	float:right;
}

p{
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

br.clear{
	clear:both;
	height: 0px;
	line-height: 0em;
}

h1, h2, h3, h4, h5, h6, ul, ol{
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	color: #FF8000;
	font-weight: normal;
}


h1{
	margin-top:0;
}

h1#pageTitle{
	margin: 0 0 0.5em 0;
}

h2{
	margin-bottom: 0.5em;
}


h1.orangeUnderline,
h2.orangeUnderline{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 7px;
	background: transparent url('../publicimages/h2_bg.png') left 16px repeat-x;
}

h1.orangeUnderline span,
h2.orangeUnderline span{
	background-color: white;
	padding-right: 2px;
	margin: -2px 0 -5px 0;
}

h1.orangeUnderline{
	font-size: 22px;
	background: transparent url('../publicimages/h2_bg.png') left 20px repeat-x;
}

h3{
	color: black;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 20px 0;
}

h4{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}


ul, ol{
	padding:0 0 0 1.3em;
}

ul.homepageList{
	list-style: square;
	padding: 0 0 1em 2em;
}

ul.homepageList li{
	padding-left: 0.5em;
}

a.arrowlinks{
	color: #0099CC;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	background:url('../publicimages/arrow_home.png') center left no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.arrowlinks:hover{
	text-decoration: underline;
}

/*---------------------------------
  Layout
----------------------------------*/

/* Start master holder DIV's (ID) */

#siteWidth {
	text-align:center;
}
#outerHolder {
	width:980px;
	margin:0 auto;
}
#contentHolder {
	padding:154px 0 0 0;
	width:980px;
	background-color:#fff;
	text-align:left;
}
#headerHolder {
	position:absolute;
	top:0;
	right:0;
	left:0;
	padding:0;
	margin:0;
}
#headerWidth {
	width:980px;
	margin:0 auto;
	background-color: #F4F2F0;
	height: 124px;
	position: relative;
}
#footerHolder {
	border-top: 1px solid #D9D3CC;
	margin: 20px auto 40px auto;
	text-align:left;
	width:980px;
	padding: 5px 0 0 0;
}

span.mainNavigationFooter {
	float:left;
}

/* Start children DIV's (class) */


.contactUs {
	float:right;
	padding:20px 0 0 0;
	width:500px;
	text-align:right;
}

.breadCrumb {
	padding: 10px 0 10px 18px;
	margin: 0 0 20px 0;
	color: black;
	border-bottom: 1px solid #D9D3CC;
	background-color: #F4F2F0;
	font-size: 18px;
}

.breadCrumb a{
	color: black;
}

#bannerHolder{
margin-top: -30px;
padding-top: 30px;
background-color: #F4F2F0;
}

	
/*---------------------------------
  Main content holders
----------------------------------*/

.mainContentHolder,
.mainContentHolderSidePanel,
.mainContentHolderSideNav,
.mainContentHolderSidePanelAndSideNav {
	width:980px;
	margin:0;
}

/*---------------------------------
  Lefthand navigation
----------------------------------*/

.mainContentNavigation {
	float:left;
	width:230px;
	padding:0;
}

/*---------------------------------
  Righthand side panels
----------------------------------*/

.mainContentSidePanel{
	width:230px;
}

.mainContentSidePanel h5.boxheader{
	margin: 0;	
	padding: 5px 0 5px 8px;
	font-size: 14px;
	font-weight: bold;
	background-color: #A39585;
	color: white;
}

.mainContentSidePanel div.panelbackground{
	padding: 10px;
	background-color: #F4F2F0;
}


/*---------------------------------
  Main content holders - Lefthand navigation only
----------------------------------*/

.mainContentHolderSideNav{
	background: url('../publicimages/mainContentHolderSideNav.png') left top repeat-y;
}


.mainContentHolderSideNav .mainContentContent{
	float: right;
	width: 720px; /* 980px - 230px - 30px*/
}


/*---------------------------------
  Main content holders - Righthand side panels only
----------------------------------*/

.mainContentHolderSidePanel .mainContentContent{
	float: left;
	width: 660px;
	min-height:350px;
	padding-right:20px;
}
.mainContentHolderSidePanel .mainContentSidePanel{
	float:right;
}

/*---------------------------------
  Main content holders - Both lefthand navigation and righthand side panels
----------------------------------*/

.mainContentHolderSidePanelAndSideNav{
	background: url('../publicimages/mainContentHolderSideNav.png') left top repeat-y;
	position:relative;
}


.mainContentHolderSidePanelAndSideNav .mainContentNavigation {
	position:absolute;
	top: 0;
	z-index:99;
}
.mainContentHolderSidePanelAndSideNav .mainContentContent{
	width: 450px;
	position:relative;
	left:260px;
	padding-right:20px;
	z-index: 99;
}
.mainContentHolderSidePanelAndSideNav .mainContentSidePanel{
	position:absolute;
	padding-left:750px;
	top: 0;
}




/*---------------------------------
  Main Navigation
----------------------------------*/

div.mainNavigation {
	line-height:normal;
	position: absolute;
	top: 87px;
	left: 0px;
	width: 100%;
}

ul#mainNavigation{
	line-height:normal;
	margin: 0;
	padding: 0 0 0 10px;
	list-style:none;
	text-align: right;
	background: url('../publicimages/mainNav-bg.jpg') left top repeat-x;
	border-bottom: 2px solid #F5860A;
	height: 35px; /* NEEDED FOR IE */
}

ul#mainNavigation li{
	display: inline;
	float: left;
	margin: 0;
}

ul#mainNavigation li#current{
	background: url('../publicimages/mainNav_current_bgLeft.png') no-repeat left top;
	padding: 0 7px;
	margin: 0 -7px 0 -1px; /* The negative left margin is neccessary to 'swallow' the separator bar to the left */
}

ul#mainNavigation li a{
	/* See siteIE.css for IE only rules for this tag */
	text-decoration:none;
    padding: 12px 14px 6px 14px;
	margin: 0;
	font-size: 14px;
	display: block;
	white-space:nowrap;
	color: white;
	background: url('../publicimages/mainNav_pipe.png') no-repeat right 12px;
}

ul#mainNavigation li#current a{
	font-weight: bold;
	background: url('../publicimages/mainNav_current_bg.png') repeat-x right top;
	padding: 12px 19px 6px 14px;
}

ul#mainNavigation li.lastitem a{
	background: none;
}


/*---------------------------------
  Sub navigation
----------------------------------*/
ul#subNavigation,
ul#tertiaryNavigation{
	margin:0;
	padding:0 0 10px 0;
	list-style: square;
	color: #F79727;
	background-color: #F4F2F0;
	border-bottom: 1px solid white;
}

ul#tertiaryNavigation{
	border-bottom: none;
}


ul#subNavigation li,
ul#subNavigation ul#tertiaryNavigation li{
	margin:0 10px 0 22px;
	padding:0;
	border-bottom: 1px solid #F4F2F0; /* FOR IE */
}

ul#subNavigation li a{
	padding: 4px 0px;
	display:block;
	color:#333333;
	text-decoration:none;
}

ul#subNavigation li a:hover{
	text-decoration: underline;
}

ul#subNavigation li.current a.current{
	font-weight:bold;
}

/*
ul#subNavigation li.current a:hover{
	cursor: default;
	color:#333333;
	text-decoration: none;
}
*/

ul#subNavigation li.title,
ul#subNavigation li.section{
	list-style:none;
	margin: 0;
}

ul#subNavigation a.title{
	padding: 5px 0 5px 8px;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	background-image: none;
	background-color: #A39585;
	color: white;
}

ul#subNavigation li.section{
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #A39585;
	color: white;
}

ul#subNavigation li.section p{
	font-size: 12px;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-weight: bold;
	border-bottom: 1px solid white;
}

ul#subNavigation a.title:hover,
ul#subNavigation a.title.activenav:hover{
	cursor: default;
	text-decoration: none;
}

/*---------------------------------
  Header
----------------------------------*/

.logo {
	width:271px;
	height:45px;
	padding:20px 0 0 10px;
	float:left;
}

/*---------------------------------
  Footer
----------------------------------*/

div#footerHolder ul#footerNav{
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;
}

div#footerHolder ul#footerNav li{
display: inline;
padding: 0 0 0 0;
}

div#footerHolder ul#footerNav li a{
padding: 0 5px 0 0;
}

div#footerHolder ul#footerNav li a.current,
div#footerHolder ul#footerNav li a.current:hover{
text-decoration: none;
cursor: default;
}

div#footerHolder ul#footerNav li a:hover{
text-decoration: underline;
}

div#footerHolder ul#footerNav li.lastitem a{
padding: 0;
}

div#footerHolder #leftCol{
width: 480px;
margin-right: 20px;
float: left;
line-height: 1.8em;
font-size: 11px;
}

span.electricStudio a{
	text-decoration:none;
}

span.electricStudio a:hover{
	text-decoration:underline;
}

div#footerHolder #middleCol{
width: 230px;
margin-right: 20px;
float: left;
}

form#newsletterform{
margin: 10px 0 0 0;
}

form#newsletterform input.textField{
width: 140px;
border: 1px solid #A39585;
margin: 0 2px 0 0;
padding: 3px;
}

form#newsletterform input.submit{
line-height: 1.1em;
vertical-align:top;
color: white;
background-color: #897A67;
border: 0;
padding: 3px 5px ;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

div#footerHolder #rightCol{
width: 230px;
float: left;
}

div#footerHolder #staffLogin{
float: right;
padding: 0;
margin: 5px 0 0 0;
}

div#footerHolder #staffLogin a{
text-decoration: none;
}

div#footerHolder #staffLogin a:hover{
text-decoration: underline;
}

div#footerHolder img#chungnamLogos{
margin: 8px 0 0 0;
}

/*---------------------------------
  Search field
----------------------------------*/

form#searchform{
margin: 0; /* KEEP - FOR IE */
margin: 15px 10px 0 0;
float: right;
clear: both;
}

form#searchform input.searchField{
border: 1px solid #A39585;
width: 155px;
margin: 0 2px 0 0;
padding: 3px;
}

form#searchform input#searchsubmit{
line-height: 1.1em;
vertical-align:top;
color: white;
background-color: #897A67;
border: 0;
padding: 3px 5px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


/*---------------------------------
  Header images
----------------------------------*/

div#headerImageSpacer{
	height: 0px;
	width: 100%;
	font-size: 0px;
	line-height: 0px; /* NEEDED FOR IE 6 */
}

img.bannerImage{
}


/*---------------------------------
  Home
----------------------------------*/

div#homeTopSection div#intro{
float: left;
margin-bottom: 20px;
width: 720px;
}

div#homeTopSection div#intro div#introImage{
background: url('../publicimages/home-intro.jpg') left top no-repeat;
height: 200px;
}

div#homeTopSection div#intro p{
color: white;
font-size: 22px;
width: 50%;
padding: 15px 0 0 20px;
line-height: 1.6em;
}

div#homeTopSection div#latestNews{
float: right;
width: 229px;
}

div#homeTopSection div#latestNews h2{
margin-top: 4px;
}

div.homeNewsItem,
div.homeNewsItemLast{
	border-bottom: 1px solid #D9D3CC;
	padding: 0 0 12px 0;
	margin: 0 0 10px 0;
}

div.homeNewsItemLast{
	border-bottom: none;
}

div.homeNewsItem h4,
div.homeNewsItemLast h4{
margin: 0;
padding: 0;
}

div.homeNewsItem a,
div.homeNewsItemLast a{
	text-decoration: none;
}

div.homeNewsItem a:hover,
div.homeNewsItemLast a:hover{
	text-decoration: underline;
}

div.homeNewsItem p,
div.homeNewsItemLast p{
	margin: 0;
	line-height: 1.2em;
}



div.fourCols,
div.fourColsLast{
	/* See siteIE.css for IE only rules for this tag */
	background-color: #F4F2F0;
	width: 230px;
	min-height: 270px;
	float: left;
	margin-right: 20px;
}

div.fourColsLast{
	margin-right: 0;
}

div.fourCols h3,
div.fourColsLast h3{
	margin: 0;
	background-color: #A39585;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 8px;
	text-align: left;
}

div.fourCols img,
div.fourColsLast img{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div.fourCols ul,
div.fourColsLast ul{
	list-style: square;
	color: #F79727;
	margin: 8px 0 11px 0;
}

div.fourCols ul li,
div.fourColsLast ul li{
	margin: 0 8px 5px 8px;
}

div.fourCols ul li a,
div.fourColsLast ul li a{
	color: #786A5A;
	text-decoration: none;
}

div.fourCols ul li a:hover,
div.fourColsLast ul li a:hover{
	text-decoration: underline;
}


/*---------------------------------
  Summary pages
----------------------------------*/




/*---------------------------------
  Listing pages
----------------------------------*/

div.listing
{
	margin:15px 0;
}
div.listing img.listing
{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
div.listing h3
{
	color:#2E4F36;
}
div.listing div.clear
{
	clear:both;
	width:100%;
	height:1px;
	border-bottom:dashed 1px #A0BCA2;
	font-size:0;
}
img.gallery
{
	margin:0 8px 8px 0;
}


/*---------------------------------
  News Summary
----------------------------------*/

a.rss{
	background: url('../publicimages/rss16x16.gif') left center no-repeat;
	text-decoration: none;
	padding: 0 0 0 22px;
}

a.rss:hover{
	text-decoration: underline;
}

div.newsSummaryElement{
	margin: 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #D9D3CC;
}

div.newsSummaryElement p{
	margin: 0;
}

div.newsSummaryElement img.listing{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	border: 3px solid #004259;
	padding: 5px;
}
div.newsSummaryElement h2 a{ 
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1em;
	text-decoration: none;
	color: black;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

div.newsSummaryElement h2 a:hover{
	color: #FF8000;
}

div.newsSummaryElementText{
	float: right;
	width: 450px;
}

div.newsSummaryElement a.summary{
	color: #003040;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.3em;
}

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

div.newsSummaryElement p.datePosted{
	margin: 0 0 0.6em 0;
	padding: 0;
	font-size: 10px;
}

div.newsSummaryElement a.readMore{
	background: url('../publicimages/moreLinkArrow.png') right center no-repeat;
	padding: 0 9px 0 0;
}

/*---------------------------------
  News Item
----------------------------------*/

div.newsItem{

}

div.newsItem div.newsItemText{
	font-size: 16px;
	line-height: 1.3em;
}

div.newsItem p.datePosted{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	color: #007EA8;
	font-style: italic;
}

div.newsItem div#newsLayoutNav{
}

div.newsItem img.newsItemMainImage{
	margin: 0 auto 15px auto;
	border: 3px solid #004259;
	padding: 5px;
	display: block;
	/* image width = 694px, 2*3 + 2*5 = 710px */
}

div.newsItem div.morePhotos{
	border-top: 1px solid #6C6F75;
	border-bottom: 1px solid #6C6F75;
}

div.newsItem div.morePhotos a img{
	border: 3px solid white;
	margin: 0 10px 10px 0;
}

div.newsItem h3.moreNews{
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 15px 0;
	padding: 10px 0 0 0;
	background: url('../publicimages/dotted-banner-light.png') top repeat-x;
}

div.newsItem h3.moreNews a{
	margin: 5px 0 0 0;
}

div.newsItem ul#moreLinks{
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	list-style: none;
}

div.newsItem ul#moreLinks li{
	background: url('../publicimages/newsItem_bullet.png') 0px 5px no-repeat;
	padding: 0 0 12px 22px;
}

div.newsItem ul#moreLinks li a{
	font-size: 20px;
	text-decoration: none;
}

div.newsItem ul#moreLinks li a:hover{
	text-decoration: underline;
}

/*---------------------------------
  Product Summary
----------------------------------*/

div.product{
	margin: 0 20px 20px 0;
	border: 1px solid #D9D3CC;
	width: 224px;
	float: left;
	text-align:center;
}

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

div.product img.listing{
	margin: 10px;
	min-height: 136px;
}

div.product div.details{
	color: white;
	background-color: #A39585;
	padding: 10px;
	min-height: 80px;
	text-align: left;
}

div.product div.details a{
	color: white;
	text-decoration: none;
}

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

div.product div.details h3{
	color: white;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	line-height: 1.2em;
}

div.product div.details a p{
display: inline;
line-height: 1.2em;
}

/*---------------------------------
  Product pages
----------------------------------*/

h1.centeredTitle,
h2.centeredTitle
h3.centeredTitle{
	text-align: center;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 15px 0;
}

h3.centeredTitle{
	font-size: 18px;
}

div.specificationOuterOuter{
	border: 1px solid #F79727;
	margin: 0 0 20px 0;
}

div.specificationOuter{
	background: #F9F9F9 url('../publicimages/specification-bg.jpg') left top repeat-x;
	padding: 10px;
	margin: 3px;
}

ul.specification{
	margin: 0;
	padding: 0;
}


ul.specification li{
	width: 40%;
	float: left;
	margin: 0 25px 5px 20px;
}

ul.specification li.header{
	font-size: 14px;
	color: black;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #C4C2C1;
	width: 100%;
	list-style: none;
}

ul.specification li.last{
	clear: both;
}

div#productLeftCol{
	float: left;
	width: 480px;
}

div#productRightCol{
	float: right;
	width: 220px;
	margin: 0 0 20px 20px;
}

div.productImage{
	border: 1px solid #D9D3CC;
	padding: 10px;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 11px;
}

a.productImage img{
	
}

div.productImage div.productCaption{
	text-align: left;
	margin: 10px 0 0 0;
}

div.productImage div.productCaption p{
	margin: 0;
	padding: 0;
}

h5.underline{
	border-bottom: 1px solid #D9D3CC;
	font-size: 14px;
	color: #F79727;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
}

p.getAdobeReader{
font-size: 11px;
}

div.twoCols{
width: 230px;
margin: 20px 20px 0 0;
float: left;
}

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

ul.relatedTechnologies{
	list-style: square;
	color: #F79727;
	margin: 8px 0 11px 0;
}

ul.relatedTechnologies li{
	margin: 0 8px 5px 8px;
}

ul.relatedTechnologies li a{
	color: #786A5A;
	text-decoration: none;
	padding-right: 8px;
	background: url('../publicimages/moreLinkArrow.png') right center no-repeat;
}

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

/*---------------------------------
  Forms - General styling
----------------------------------*/


form .formName,
form .formNameValidationError {
	vertical-align:top;
	width: 400px;
	text-align:right;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font-weight:bold;
	font-size:90%;
}
form .formNameValidationError {
	color:#CC0000;
	border:1px solid #CC0000;
	margin:3px 0 3px 0;
}
p.formHeader {
	vertical-align:top;
	width:452px;
	text-align:left;
	font-weight:normal;
	padding:3px 3px 3px 0;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px dotted #999;
}
.formField,
#enquiry{
	border:1px solid #999;
	width:280px;
	margin:0;
	padding:3px;
}
select#enquiry{
	width: 288px;
}
.formDrop{
	border:1px solid #999;
	width:215px;
	margin:0 0 2px 5px;
	padding:3px;
}
.formSelectDrop {
	border:1px solid #999;
	width:60px;
	margin:0;
	padding:2px;
}
.formSelectDropDate {
	border:1px solid #999;
	width:92px;
	margin:0 0 0 5px;
	padding:2px;
}

.formSelect {
	border:1px solid #999;
	width:288px;
	margin:0;
	padding:3px;
}

form.loginform,
form#contactform{
	background-color: #F4F2F0;
	padding: 15px;
}

form#contactform{
	width: 430px;
}

form.loginform{
	width: 250px;
}

form.loginform input.formbutton{
margin: 0 0 0 180px;
padding: 0;
}

form.loginform p{
margin: 0 0 10px 0;
}

form.loginform label{
width: 75px;
display: block;
float: left;
}

form.loginform input[type="input"]{
float: left;
}

form div.requiredFields{
	color: #D20000;
	font-size: 11px;
	text-align: right;
	float: right;
	margin-bottom: 5px;
}

form span.required{
	color: #D20000;
	font-size: 11px;
}

/*---------------------------------
  Forms - Validation
----------------------------------*/

div.validationerrorBox{
	width: 100%;
	background-color: #FFE6E6;
	border: 1px solid #CC0000;
	margin: 15px 0;
	font-weight:bold;
	color:#CC0000;
}

div.validationerrorBoxInner{
	padding: 5px 5px 5px 20px;
}

p.validationerror{
	padding: 0;
	margin: 0;
}

tr.validationerror td, div.validationerror {
	border:solid 1px #CC0000;
}


/*---------------------------------
  Search Results
----------------------------------*/

.searchResult{
	margin: 0 0 15px 0;
}

.searchResult h2{
	font-size:138%;
	font-weight:bold;
	margin: 0 0 2px 0;
}