@charset "UTF-8";
/* CSS Document */
@import url("nav.css"); 

/* SET UP
__________ */

* {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: "lucida sans", helvetica, arial, sans-serif; color: #000; background-color: #f6fafb; background-image:url(../images/bg2.jpg); background-repeat: repeat-y; background-position: center top }

#wrapper {width: 850px; margin: 0 auto;}

/* TEXT AND LINKS
_________________ */

p, h1, h2, ul, li {line-height: 150%; color: #000;}

p, li {font-size: 0.8em;}

a {background-color: none; display: inline; text-decoration: none; border-bottom: dotted 1px #000; color: #000;}

a.reverse {background-color: #fff; display: inline; padding: 3px; color: #87cdec; text-decoration: none;}

.cursor {cursor: pointer; background-color: none; display: inline; color: #000; text-decoration: none; border-bottom: dotted 1px #000;}

h1, h2 {font-size: 1.4em; padding: 5px 0 5px 0;}

h2 {font-size: 1em;}

.small {font-size: 0.7em;}

.medium {font-size: 0.9em;}

.big {font-size: 1.1em;}

.green {color: #aedfe5;}

.italic {font-style: italic;}


/* IMAGES
__________ */


img, img.left, img.right {border: 0; text-decoration: none; background-color: none;}

img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}



/* HYPERLINKS
______________ */




/* SPECIALS 
___________*/

.clearer {clear: both; padding-bottom: -10px; height: 2px;}
.hidden {dislay: none;}
.bold {font-weight: bold;}
.italics {font-style: italic;}

.gimmeSpace {padding-top: 10px; clear: left; }


/* LISTS
__________ */

li {list-style-position:outside; padding:0;}
li.highlight {font-size: 0.9em; font-weight: bold;}
li.none {list-style: none;} 
li.indent {margin-left: 10px; font-size: 0.8em;}
li.large {font-size: 0.9em;}

li.expanded {line-height: 220%;}


/* LOGO
_____________ */

#logo {width: 100%; height: 110px; margin-top: 20px; background-image: url(../images/logoBg.jpg); background-repeat: repeat-x;}

.logoLeft {float: left; width: 603px; height: 110px; background-image: url(../images/logo.jpg); background-repeat: no-repeat;}

.logoRightTop, .logoRightBottom {float: right; width: 220px; height: 56px; background-image: url(../images/awards.jpg); background-repeat: no-repeat;}

.logoRightBottom {height: 45px; background-image: none; color: #fff;}

.logoRightBottom img {float: right; padding-right: 3px;}


/* FLASH BANNER
_____________ */

#flash {
position: relative; /*or absolute*/
z-index: 0;
}


/* NAV BAR
_____________ */

/* Replaced with better nav css that supports drop downs */


/*
#navBar, #navBar2 {clear: both; width: 100%; height: 30px; background-image: url(../images/navBarBg.jpg); background-repeat:repeat-x; background-position: bottom;}

#navBar2 {background-image: url(../images/navBar2Bg.png);}


#navBar2.hidden {background-image: none; background-color: #fff;}

#navBar ul, #navBar2 ul {display: inline; list-style:none; margin: 0; padding: 0; }

#navBar li, #navBar2 li {float:left; height: 27px; position:relative; text-align: center; font-size: 0.7em; padding: 3px 20px 0 20px; border-right: 1px solid #000; } 

#navBar li.active, #navBar2 li.active {background-color: #aedfe5;}

#navBar a, #navBar2 a {border-bottom: none; color: #011431; font-weight: bold;}

#navBar2 a {font-weight: normal;}

#navBar a:hover, #navBar2 a:hover {border-bottom: dotted 1px #666;}
*/

/* HEADLINE
_____________*/

#headline {width: 100%;}

#headline h1 {color: #aedfe5; font-size: 2em; padding-top: 20px; font-weight: bold; margin-left: 20px;}


/* MAIN BODY
_____________*/

#mainContainer {width: 850px; background-color: #fff;}

#mainBody {width: 90%; margin: 0 auto;}

#mainBody h1
{
    font-size:1.2em;
}

#mainBody h2, #mainBody h3 {font-size: 1.1em;}

#mainBody h3 {font-size: 1em;}

#mainBody p
{

    line-height: 150%; 
    margin-top: 10px;
    margin-bottom:20px;
}



/* MAIN LEFT
_____________*/

#mainLeft {min-height: 400px; height: auto !important; height: 400px;}

#mainLeft p {font-size: 0.8em;}

#mainLeft ul{position:relative; left:50px;}

#mainLeft ul li{ line-height:2em;}

#mainLeft.caseStudies {float: left; width: 450px; }

#mainLeft.contactUs {float: left; width: 450px;}

#mainLeft.home {float: left; width: 450px;}

#mainLeft.manufacturingCapacity {float: left; width: 620px;}

#mainLeft.marketSectors {float: left; width: 620px;}

#mainLeft.news, #mainLeft.conditionsOfSale, #mainLeft.termsAndConditions, #mainLeft.certification {float: left; width: 780px;}

#mainLeft.productsServices {float: left; width: 620px;}

#mainLeft.whoCanHelp {float: left; width: 780px;}




/* MAIN RIGHT
_____________*/

#mainRight.contactUs {float: right; margin-top: 40px; width: 250px;}

#mainRight.home {float: right; /*margin-top: 100px; */width: 280px; }

#mainRight.manufacturingCapacity {float: right; margin-top: 40px; width: 100px;}

#mainRight.manufacturingCapacity img {margin-bottom: 20px;}

#mainRight.marketSectors img {margin-bottom: 20px;}

#mainRight.marketSectors {float: right; margin-top: 50px; width: 100px; }

#mainRight.marketSectors img {margin-bottom: 20px;}

#mainRight.productsServices {float: right; margin-top: 50px; width: 100px; }

#mainRight.productsServices img {margin-bottom: 20px;}

#mainRight.why {float: left; padding-oeft  margin-top: 50px; width: 100px; position:relative; left:80px; }

#mainRight.why img {margin-bottom: 20px;}


/* WHO CAN HELP
_____________*/

#whoCanHelp {width: 100%; clear:both; float:left;}

.whoCanHelpPerson 
{
    float: left; 
	width: 380px; 
	margin-top: 30px;
	height:180px;
	}


.whoCanHelpPerson p
{
    float:left;
}

.whoCanHelpPerson .contactIMG p 
{
		display:inline-block;
    float:left;
    width:100%;

}

.whoCanHelpPerson .contactProfile p
{
            float:left;
            width:240px;
            position:relative;
            top:0px;
            left:-10px;

}

.whoCanHelpPerson p img
{
    padding-right:20px;
}



.whoCanHelpPerson div
{
	display:inline-block;
	float:left;
    font-size: 0.9em;
}

.whoCanHelpPerson div.name  
{
    float:left;  font-size: 1.2em; color: #aedfe5; font-weight: bold; width:228px;             
            position:relative;
            top:-10px;
            left:-10px;
}

.whoCanHelpPerson div.position 
{
    float:left; font-size: 0.9em; font-weight: bold; width:228px;      
            position:relative;
            top:-10px;
            left:-10px;
}

.whoCanHelpPerson div.email {
 float:left; width:228px;         
            position:relative;
            top:-10px;
            left:-10px;
}

.contactProfile{

float:left;
width:200px;
height:100px;
}

        
            
            

/* ENQUIRY
_____________*/

#enquiry {width: 100%; font-size: 0.9em; }

#enquiry img {float: left;}

#enquiry p {margin-top: 5px;}

.enquiryLabel {width: 100px; float: left; font-weight: bold;}

.required {margin-left: 100px;}

.noBold {font-weight: normal;}

#enquiry input, #enquiry textarea {background-color: #aedfe5; width: 350px; border-style: none; border-width: 0; height: 20px;}

#enquiry textarea {height: 150px;}

#enquiry input.checkbox {background-color: none; width: 10px;}

#enquiry #Checkboxes input 
{
    width:auto;
    
}


#enquiry input.silver {width: 100px; margin-left: 100px; background-image: url(../images/buttonBg.png); height: 26px;}

#enquiry h2.blue {display: block; background-color: #aedfe5;}


/* PRODUCTS AND SERVICES
_____________*/

#productsServices {width: 100%;}

#productsServices li {font-style: normal; color: #000; list-style-image:url(../images/greenDot.png); list-style-position: inside;}


/* MARKET SECTORS
_____________*/

#marketSectors {width: 100%;}

#marketSectors li {font-style: normal; color: #000; list-style-image:url(../images/greenDot.png); list-style-position: inside;}


/* NEWS / CONDITIONS / TERMS AND CONDITIONS / CERTIFICATION
_____________*/

#news, #conditionsOfSale, #termsAndConditions, #certification {width: 100%; }

#news img, #conditionsOfSale img, #termsAndConditions img, #certification img {float: left; padding-top: 10px;}

#news p, #conditionsOfSale p, #termsAndConditions p, #certification p {margin-top: 5px;}

/* #news li, #conditionsOfSale li, #termsAndConditions li, #certification li 
{font-style: normal; color: #000; list-style-image:url(../images/greenDot.png); list-style-position: inside; margin-bottom: 10px;}

#news ul, #conditionsOfSale ul, #termsAndConditions ul, #certification ul 
{clear: left; padding-top: 20px;}
 */

/* MANUFACTURING CAPACITY
_____________*/

#manufacturingCapacity {width: 100%;}

/* #manufacturingCapacity li {font-style: normal; color: #000; list-style-image:url(../images/greenDot.png); list-style-position: inside;}
*/

.listings {width: 100%; margin-top: 20px;}

.column1, .column2, .column3 {width: 250px; float: left; font-size: 0.9em; margin-bottom: 10px;}

.column1 {clear: left;}

.column2 {width: 80px; float: left; margin-left: 20px;}

.column3 {width: 200px; float: left; margin-left: 20px;}

.listings h1 {color: #aedfe5; font-weight: bold;}


/* QUOTE HOMEPAGE
_____________*/

#quoteHomepage {width: 100%; background-color:#fff; clear: both;  }

p.quoteHomepage, p.quoteNameHomepage, p.quotePositionHomepage 
{
    font-size: 0.8em; /* changed */
    font-family: Arial, Helvetica, sans-serif; 
    color: #011431; 
    margin: 0 20px 0 50px; 
}

p.quoteHomepage 
{
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif; 
    border:1px; 
    height:auto; 
    position:relative;
    top:-30px;
}

.quoteContent{
    background-color:#bee5eb;
    height:auto;
}


p.quoteNameHomepage 
{
    font-size: 0.8em; 
    font-weight: bold; 
    position:relative;
    top:-40px;
}
p.quotePositionHomepage 
{
    font-size: 0.7em; 
    font-weight: italic; 
    position:relative;
    top:-60px;    
}

.quoteTopHomepage 
{
        background-image: url(../images/quote-top.jpg); 
        background-repeat: no-repeat; 
        overflow:hidden;
        width:282px;
        height:18px;
}



.quoteBottom2Homepage 
{
        background-image: url(../images/quote-bottom.jpg); 
        width:280px;
        height:100px;
        position:relative;
        top:-100px;   
        clear:both;
        background-color:#fff;
}

.quotePositionHomepage
{
    position:relative;
    top:-20px;
    left:1px;
}

#quoteTop
{
        background-image: url(../images/quote-up.jpg);     
        width:31px;
        height:23px;
        position:relative;
        top:0px;
        left:10px;
}

#quoteBot
{
        background-image: url(../images/quote-down.jpg);     
        width:31px;
        height:23px; 
        position:relative;
        top:-130px;
        left:230px;                 
}


/* QUOTE INTERNAL
_____________*/

#quoteInternal {width: 100%; background-image: url(../images/quoteLeft.png); background-repeat: no-repeat; background-position: top left; clear: both;}

#quoteInternal p.first {font-size: 0.9em; font-weight: bold; margin-left: 35px;}

#quoteInternal p.name {font-size: 0.9em; font-weight: bold; font-style: italic;}

#quoteInternal p.info {font-size: 0.7em; font-weight: normal;}

.quoteBottomInternal {background-image: url(../images/quoteRight.png); background-position: top right; background-repeat: no-repeat; height: 35px;}

.quotePersonInternal {width: 100%; clear: both; margin-bottom: 10px;}


/* FOOTER
_____________*/

#footer {clear: both; width: 100%; height: 60px; background-image: url(../images/navBarBg2.jpg); background-repeat:repeat-x; background-position: bottom; padding-top: 30px;}

#footer p {width: 90%; font-size: 0.7em; line-height: 250%; color: #494a4b; margin: 0 auto; }
#footer a {color: #494a4b; text-decoration: none; border-bottom: 1px solid white; background-color: inherit; display: inline; padding: 0;}
#footer a:hover {border-bottom: dotted 1px #666;}


/* ADMIN */

.LP-Table
{
    border:1px solid #ccc;
    width:100%;
    font-size:0.7em;
}

.LP-Table th
{
    border:1px solid #ccc;    
    padding:4px;
    padding-bottom:4px;    
    background-color:#e6e6e6;
    color:#444;
    font-size:1em;
    text-transform:uppercase;
}

.LP-Table td
{
    border:1px solid #ccc; 
    background-color:#f8f8f8;
    color:#444;
    padding:3px;
}

.LP-Table a
{
    display:block;
    text-align:center;
    border-bottom: none;
}

.LP-Table a:hover
{
    text-decoration:underline;
}


.contactUsLeft{
	float:left;
	width:500px;
}

.contactUsRight{
	float:right;
}


/* Catch All */


#mainLeft ul {
clear:  both;
list-style-type: none; 
padding: 0; padding-left:  0; 
margin-left: -50px; 
_margin-left: 0; 
padding-top:  10px;
}

#mainLeft li {
list-style-type: none;
list-style-image: url(../images/greenDot.png); 
color: #000; 
list-style-position: inside;
padding: 0; 
margin: 0; 
padding-left: 0;
_margin-left: 0;
text-indent: 0;
padding-top:  2px;
}

table.manufacturing { width: 100%; padding: 0px; border: none;}

table.manufacturing td { font-size: 0.7em; border: none; vertical-align: middle; text-align: left; padding: 7px; font-weight: normal;	font-family: "lucida sans", helvetica, arial, sans-serif;}

table.manufacturing td.grey {
background-color: #E6E6E6;
}

.tableHeadline {color: #000; font-size: 1.4em; font-weight: bold;}