@media screen and (max-device-width: 480px){
  body{
	-webkit-text-size-adjust: none;
  }
}
html {
	height: 100%;
	margin-bottom: 1px;overflow-y: scroll;
	font-size: 62.5%;
}
body {
	font-family: 'Droid Sans', sans-serif;
	line-height:1.4;
	color:#333;
	margin:0;
	padding: 0;
	background:#3b3b3b url(images/bg-main.jpg);
}

a, a:link
{
color:#7676D1;
}

a, a:visited{
	color:#4040f9;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#C5C5EB;
	text-decoration:none;
}

.download-link 
{
    display: inline-block;
    line-height: 24px;
}

.download-link img 
{
    float: left;
}

.download-link span 
{
    margin-left: 10px;
}

p{
	margin-top:0;
}
.rightAligned {
	float:right;
	margin:-4px 0 0 16px;
}
.rightAligned img{
	display:block;
	margin:0 0 16px 16px;
}
h1, h2, h3 {
	padding:0;
	margin:0;
}
h1 {
	padding:32px 0 24px;
	font-size:24px;
	font-size:2.4rem;
}
div.wrapper {
	background:url(images/bg-over.jpg) repeat-x;
	margin:0;
	min-height:450px;
	position:relative;
}

div.header, div.body, div.footer, div.hpbFooter{
	width:940px;
	margin: 0 auto;
}

div.header, div.footer, div.hpbFooter{
	position:relative;
}

body div.bodyWrapper {
	min-height:500px;
	background:#E8E8E8;
	margin-bottom:16px;
}

div.body{
	width:932px;
	font-size:14px;
	font-size:1.4rem;
	padding-bottom:50px;
}

div.body img{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

div.body li{
	margin-bottom:6px;
}

div.header{
	height:120px;
}

div.header img{
	position: absolute;
	top:19px;
	right:0;
}
/* nav */

#navMenu {
	position:relative;
	margin:0;
	padding:0;
	z-index:100;
}

#navMenu ul {
	margin:0;
	padding:0;
	line-height:2.6;
}

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}

#navMenu ul li a {
	height:44px;
	display:block;
}

#navMenu ul ul li a {
	width:170px;
	white-space:nowrap
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:44px;
	left:1px;
	display:block;
	background:#3b3b3b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    3px 3px 8px  #2e2e2e;
	-webkit-box-shadow: 3px 3px 8px  #2e2e2e;
	box-shadow:         2px 2px 8px  #2e2e2e;
	padding-bottom:4px;
}

#navMenu ul li:hover ul {
	visibility:visible;
}

#navMenu ul.primaryNav {
	position: absolute;
	top:36px;
	left:0;
	font-size:16px;
	font-size:1.6rem;
}


#navMenu ul.primaryNav li {
	margin-right:12px; 
	background:url(images/bg-nav-l.png) no-repeat; 

}

#navMenu ul.primaryNav li a {
	display:block;
	background:url(images/bg-nav-r.png) no-repeat right top;
	color:#EEBB7E;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:0 14px 0 12px;
	cursor:pointer;
}

#navMenu ul.primaryNav ul li {
	margin-right:12px;
	background:none;
	height:41px;
}

#navMenu ul.primaryNav ul li a {
	font-size:14px;
	font-size:1.4rem;
	background:none;
	text-align:left;
	padding:0 14px 0 12px;
	height:41px;
	display:block;
}
#navMenu ul.primaryNav li a:hover, #navMenu ul.primaryNav li a.selected {
	color:#fff;
	text-decoration:none;
}
#navMenu ul.primaryNav li a.selected {
	cursor:default;
}

/* /nav */


body.home div.bodyWrapper {
	min-height:320px;
}

body.home div.body {
	padding:40px 0 0 0;
}

body.home div.body p.first {
	font-weight:bold;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.3;
	width:530px;
	margin-top:24px;
}

body.home div.body img {
	float:right;
	margin:6px 0 0 36px;
}

body.home div.body img.iso {
	float:left;
	margin:0px 14px 0 -2px;
}

body.home div.hpbFooter {
	height:180px;
	width:956px;
	margin-bottom:8px;
}

body.home div.hpbFooter div.hpb {
	float:left;
	width:258px;
	height:150px;
	background:url(images/bg-hp-bucket.png) no-repeat;
	margin-left:26px;
	font-size: 12px;
	font-size: 1.2rem;
	color:#C4C4C4;
	padding:12px 20px 0 22px;
	position:relative;
}

body.home div.hpbFooter div.hpb:first-child {
	margin-left:0px
}

body.home div.hpbFooter div.hpb h2 {
	font-size:17px;
	font-size:1.7rem;
	margin:0 0 4px 0;
	color:#fff;
}
body.home div.hpbFooter div.hpb:hover h2 {
	color: #EEBB7E; }

body.home div.hpbFooter div.hpb img {
	float:right;
	margin-left:24px;
}

body.home div.hpbFooter div.hpb p {
	margin:12px 0 0 0;
}
body.home div.hpbFooter div.hpb a span {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
	 make sure you have an empty gif */
  background-image: url('images/spacer.gif');
}
div.footer {
	color:#787878;
	font-size: 12px;
	font-size: 1.2rem;
	padding:6px 0;
	width:930px;
}
div.footer.home {
	background:url(images/bg-footer.png) repeat-x top;
	padding:12px 4px;
	width:940px;
}

div.footer ul{
padding:0 0 5px 0;
margin: 0;
list-style-type: none;
}

div.footer ul.footerLeft{
float:left;
}
div.footer ul.footerRight{
float:right;
}   
div.footer ul li{
float:left;
margin:0;
padding:0 0 0 6px;
}   
div.footer ul li.footerPhone{
padding:0 16px;
background:url(images/ico-phone.png) no-repeat left center;
}    
div.footer ul li.footerEmail{
padding:0 0 0 20px;
background:url(images/ico-email.png) no-repeat left center;
}    
div.footer ul li a{
padding:0 6px 0 0;
color:#787878;
}      
div.footer ul li a:hover, div.footer ul li.selected a{
color:#aaa;
}       
div.footer ul li.selected a{
cursor:default;
}     
div.footer p.credit{
float:right;
clear:both;
padding:0 0 18px 0;
margin-top:5px;
}     
div.footer p.credit a{
color:#787878;
}         
div.footer p.credit a:hover{
color:#aaa
}

table { 
border: 1px solid #3B3B3B;
border-collapse:collapse; 
border-spacing:inherit; 
background-color: #E8E8E8;
}

thead { 
background: #3B3B3B;
color: #EEBB7E;
}

th, td {
padding:2px 2px 2px 8px;
text-align:left;
}

td.enquiry-column
{
width: 75px;
}

th.wavelengthside1{
width: 20%
}

th.stockID{
width: 10%;
}

th.coatingtype{
width: 15%;
}

input[type = 'submit'], input[type='reset']{    
border: 1px solid #3B3B3B; 
background: #3b3b3b;
color: #eebb7e;
padding: 1px 10px 1px 5px;
} 

div.contact-us-form
{
float:left;
width:60%;
margin-top:-80px;
}

div.contact-us-text
{
float:left;
width:28%;
}

fieldset
 {
 border: 1px solid #3B3B3B;
 width: 80%;
 margin: 20px auto;
 }

fieldset.contact
{
 border: 1px solid #3B3B3B;
 width: 115%;
 margin: 20px auto;
}

 legend
 {
 color: #EEBB7E;
 background: #3B3B3B;
 border: 1px solid #781351;
 padding: 2px 6px
 } 

 div.fieldcontainer
 {
 padding: 5px 0px 0px 0px;
 background-color: #f0f0f0;
 margin-top: 20px;
 margin-bottom: 20px;
 border: 1px solid #d9d9d9;

 }

 div.field{
width:100%;
margin-top: 7px;
 }

 div.subfield{
 height: 30px;
 }

 div.textarea-subfield
 {
 height: 130px;
 }

div.subfield label{
width:30%;
display: block;
float: left;
text-align: right;
padding: 0px 5px 0px 0px;
}

div.subfield-checkbox
{
width:33%;
display: block;
text-align: right;
padding: 0px 5px 0px 0px;
}

div.pagenumbers
{
margin-left:10%;
width:100%;
}

div.buttons
{
float:none;
}

div.buttons input
{
height: 20px;
width: 60px;
display:block;
margin-left: 86%;
}

div.subfield textarea,
div.subfield input{
width:50%;
display: inline;
float: left;
}

div.subfield textarea{
height: 100px
}

div.Email-Address-field,div.Name-field div.Quantity-field{
color:#ff0000;
}

span.field-validation-error{
color:#ff0000;
display: inline;
margin-left: auto;
margin-top: 10px;
}

div.validation-summary-errors ul , div.validation-summary-errors li
{
    color:#ff0000;
    display:block;
    margin-top:10px;
    margin-left:97px;
    list-style:none;
}

div.or-text
{
padding: 0px 0px 0px 190px
}

*.float-right
{
float:right;
}

*.margin-left
{
margin-left: 16px;
}

#pagenumbers
{
list-style-type:none;
}

#pagenumbers li
{
display:inline;
}

.central
{
margin-left:auto;
margin-right:auto;
text-align:center;
font-size: larger;
}

.fieldradio 
{
float:left;
margin-left:22%;
}

.fieldradiosearch
{
float:left;
margin-left:22%;
}

.fieldradio, label
{
padding-right:5px;
padding-left:5px;
}

.priority
{
padding: 0px 0px 0px 230px;
margin-top: -34px;
}

.prioritypadding
{
margin-top:1px;
padding-right: 40px;
}

textarea
{
font-size:inherit;
font-family:"Arial", Sans-Serif;
}

.PaddingLeft
{
padding-left:225px;
}

.CaptchaPadding
{
padding-left:195px;
}