body {
font-family: helvetica, arial, sans-serif;
font-size:13px;
background-image:url('/static/images/bg_gradient.png');
background-repeat:repeat-x;
background-attachment:fixed;
}

div {
margin:0px;
padding:0px;
}

.main {
width: 1000px;
border:0px solid;
background-color:white;
}

.header {
width:980px;
margin-left:10px;
height:100px;
border-bottom:0px solid;
background-image:url('/static/images/logo.png');
background-repeat:no-repeat;
cursor:pointer;
}

.nav {
width:980px;
margin-left:10px;
clear:both;
height:40px;
border-bottom:1px solid white;
background-image:url('/static/images/menu_bar.png');
background-repeat:repeat-x;
color:white;
}

.crumbs {
width:490px;
float:left;
height:40px;
font-size:12px;
}

.crumbs ul {
list-style-type:none;
margin:0;
padding:0;
margin-top:13px;
margin-left:10px;
}

.crumbs li {
font-size:11px;
display:inline;
float:left;
padding-right:7px;
color:#ff6100;
}

.crumbs a:link, a:visited {
display:block;
vertical-align:middle;
text-align:center;
text-decoration:none;
color:#ccc;
}

.crumbs a:hover, a:active {
color:white;
}

.menu {
width:490px;
float:left;
height:40px;
text-align:right;
}

.menu ul {
list-style-type:none;
margin:0;
padding:0;
margin-top:13px;
margin-right:10px;
}

.menu li {
font-size:11px;
display:inline;
border-right:1px solid white;
float:right;
}

#last {
border-left:1px solid white;
}

.menu a {
width:100px;
color:#ccc;
}

.menu a:link, .menu a:visited, .menu a:active {
display:block;
vertical-align:middle;
text-align:center;
text-transform:uppercase;
text-decoration:none;
color:#ccc;
}

.menu a:hover {
background-color:white;
color:#333;
}

.middleContainer {
clear:both;
width:980px;
margin-left:10px;
}

.midLeftCol {
width:277px;
float:left;
min-height:335px;
padding-top:0px;
}

.midLeftCol img {
display:block;
border:0px;
padding:0px;
margin:0px;
}

.mainCell {
width:703px;
float:left;
min-height:335px;
border-left:0px solid;
background-repeat:no-repeat;
}

.bottomContainer {
clear:both;
border-top:0px solid;
width:980px;
margin-left:10px;
}

.botLeftCol {
width:714px;
float:left;
margin-top:3px;
}

.product {
float:left;
width:232px;
min-height:122px;
margin-top:5px;
margin-bottom:10px;
margin-left:0px;
margin-right:6px;
}

.productRow {
clear:both;
margin-left:0px;
height:150px;
margin-bottom:10px;
}

.productImage {
width:230px;
height:120px;
margin-left:0px;
margin-right:6px;
border:1px solid #ccc;
background-repeat:no-repeat;
}

.productName {
font-weight:bold;
color:#555;
}

.productCode {
color:#555;
}

.product a:link, .product a:visited, .product a:active {
color:#555;
text-decoration:none;
display:inline;
}

.product a:hover {
color:#222;
}

.botRightCol {
width:264px;
min-height:320px;
float:left;
border-left:0px solid;
margin-left:2px;
margin-top:8px;
margin-bottom:8px;
}

.search {
width:264px;
height:180px;
background-image:url('/static/images/search_box.png');
background-repeat:no-repeat;
margin-bottom:8px;
}

#query {
margin-top:70px;
margin-left:10px;
width:244px;
font-size:20px;
color:#555;
border:1px solid #555;
}

#go {
margin-top:5px;
margin-left:176px;
width:80px;
height:55px;
font-size:18px;
font-family:helvetica, arial, sans-serif;
color: #333;
border:none;
background-color:transparent;
background-image:url('/static/images/go_btn.png');
background-repeat:no-repeat;
cursor:pointer;
}

.underSearch {
width:264px;
height:132px;
background-image:url('/static/images/rohs.png');
background-repeat:no-repeat;
}

.footer {
clear:both;
border-top:0px solid;
background-color:#dfe0e4;
margin-left:10px;
margin-top:337px;
margin-right:10px;
width:980;
height:80px;
}

.footerAddress {
float:left;
font-size:11px;
margin-left:1%;
height:75px;
margin-top:5px;
color:#333;
width:32%;
}

.footerAddress a:link, .footerAddress a:visited, .footerAddress a:active {
color:#ff6100;
text-decoration:none;
display:inline;
}

.footerAddress a:hover {
color:#333;
}

.pageContent {
min-height:300px;
width:714px:
background-repeat:no-repeat;
}

.pageContent h1 {
margin:0px;
text-align:left;
margin-right:25px;
padding-top:20px;
margin-top:5px;
color:#333;
font-size:20px;
}

.pageContent p {
margin-left:15px;
margin-right:25px;
color:#333;
}

.home_text1 {
padding-left:20px;
padding-right:20px;
padding-top:20px;
font-size:14px;
color:#333;
}

.contact {
color:#333;
margin-left:110px;
margin-bottom:10px;
margin-top:14px;
}

.contact tr {
}

.contact td {
vertical-align:top;
height:24px;
}

.contact .formLabel {
text-align:right;
vertical-align:top;
padding-right:5px;
}

.contact .formError {
color:red;
vertical-align:top;
padding-left:5px;
}

#id_name, #id_companyName, #id_email, #id_message, #id_tel, #id_quantity, #id_jobPosition, #id_address1, #id_address2, #id_city, #id_postCode, #id_county, #id_fax {
width:300px;
border:1px solid #333;
}

#id_country {
width:305px;
}

.shySig {
font-size:11px;
color:#333;
text-align:center;
}

.shySig a {
text-decoration:none;
color:#333;
display:inline;
}
