html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	background: url(../images/bg.jpg) repeat-x center 0 #5b5b5b;
    color: #000;
	font-family: arial, helvetica, sans-serif;
    
    /*
    For reference:
    http://ws1.ydn.a1.b.yahoo.com/yui/fonts/
    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
    */
}
body {
    font-size: 75%;
}
#page {
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    width: 950px;
}
#header {
    background: url(../images/header_bg.jpg) no-repeat 0 0;
    height: 280px;
    width: 950px;
}
#header h1 {
}
#header h1 span {
    position: absolute;
    left: -9999px;
}
#flash {
    font-size: 0;
    height: 280px;
    line-height: 0;
    width: 950px;
}
#topnav {
    background:  #d78800 url(../images/topnav.jpg) no-repeat 0 0;
    height: 35px;
    width: 950px;
}
#topnav ul {
    list-style: none;
    height: 35px;
    width: 950px;
}
#topnav li {
    float: left;
}
#topnav li a {
    display: block;
    height: 35px;
}
#topnav li span {
    position: absolute;
    left: -9999px;
}
#topnav li.home a {
    background:  #d78800 url(../images/topnav.jpg) no-repeat 0 0;
    margin-right: 2px;
    width: 65px;
}
#topnav li.home a:hover {
    background:  #d78800 url(../images/topnav.jpg) no-repeat 0 -35px;
}
#topnav li.company_profile a {    
    background:  #d78800 url(../images/topnav.jpg) no-repeat -67px 0;
    margin-right: 2px;
    width: 138px;
}
#topnav li.company_profile a:hover { 
    background:  #d78800 url(../images/topnav.jpg) no-repeat -67px -35px;
}
#topnav li.products a {    
    background:  #d78800 url(../images/topnav.jpg) no-repeat -207px 0;
    margin-right: 2px;
    width: 86px;
}
#topnav li.products a:hover {
    background:  #d78800 url(../images/topnav.jpg) no-repeat -207px -35px;
}
#topnav li.applications a {    
    background: #d78800 url(../images/topnav.jpg) no-repeat -295px 0;
    margin-right: 2px;
    width: 108px;
}
#topnav li.applications a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -295px -35px;
}
#topnav li.international_markets a {    
    background: #d78800 url(../images/topnav.jpg) no-repeat -405px 0;
    margin-right: 2px;
    width: 167px;
}
#topnav li.international_markets a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -405px -35px;
}
#topnav li.enquiries a {
    background: #d78800 url(../images/topnav.jpg) no-repeat -574px 0;
    margin-right: 2px;
    width: 89px;
}
#topnav li.enquiries a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -574px -35px;
}
#topnav li.quality a {
    background: #d78800 url(../images/topnav.jpg) no-repeat -665px 0;
    margin-right: 2px;
    width: 74px;
}
#topnav li.quality a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -665px -35px;
}
#topnav li.available_stock a {
    background: #d78800 url(../images/topnav.jpg) no-repeat -741px 0;
    margin-right: 2px;
    width: 129px;
}
#topnav li.available_stock a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -741px -35px;
}
#topnav li.contact a {
    background: #d78800 url(../images/topnav.jpg) no-repeat -872px 0;
    width: 78px;
}
#topnav li.contact a:hover {
    background: #d78800 url(../images/topnav.jpg) no-repeat -872px -35px;
}
dl {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 315px;
    overflow: hidden;
    width: 250px;
    z-index: 3;
}
dl dd a {
    background: #d78901 !important;
    border-bottom: 1px solid #333;
    color: #fff !important;
    display: block;
    height: 1em !important;
    margin: 0;
    padding: 8px;
    text-decoration: none !important;
    width: 234px !important;
    z-index: 3;
}
dl dd a:hover { 
    background: #eea323 !important;
    color: #fff !important;
    text-decoration: underline !important;
    z-index: 3;
}
#container {
    float: left;
    width: 770px;
}
#lbar {
    float: left;
    margin-top: 5px;
    width: 180px;    
}
#rbar {
    float: left;
    margin-top: 5px;
    width: 180px;
}
#lbar img, 
#rbar img {
    display: block;
    margin: 0 auto;
}
#international_markets_flash_link, 
#applications_sb_flash_link {    
    display: block;
    height: 308px;
    position: absolute;
    top: 322px;
    width: 180px;
    z-index: 2;
}
#international_markets_flash {
    margin: -1px 0 -1px -2px;
}
#applications_sb_flash {
    margin: 0;
}
#international_markets_map {
    background: #131b2e url(../images/international_markets_map_bg.jpg) no-repeat 0 0;
    width: 565px;
}
#international_markets_map_flash {    
    margin: 0;
}
#lbar #international_markets {
    background: url(../images/international_markets.jpg) no-repeat 0 0;
    height: 308px;
    width: 180px;
}
#lbar #international_markets a {
    display: block;
    height: 308px;
    width: 180px;
}
#lbar #international_markets span {
    position: absolute;
    left: -9999px;
}
#rbar #applications_sb {
    background: url(../images/applications.jpg) no-repeat 0 0;
    height: 308px;
    width: 180px;
}
#rbar #applications_sb a {
    display: block;
    height: 308px;
    width: 180px;
}
#rbar #applications_sb span {
    position: absolute;
    left: -9999px;
}
#content {
    float: right;
    width: 590px;
}
#content h1 {
    font-size: 180%;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 5px 0;
}
#content h2 {
    font-size: 160%;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 5px 0;
}
#content h2 a,
#content h2 a:link,
#content h2 a:visited,
#content h2 a:active,
#content h2 a:hover {
    color: #000;
}
#content h3 {   
    font-size: 160%;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 5px 0;
}
#content h3.designations {
    color: #666;
}
a.drawing,
a.drawing:link,
a.drawing:visited,
a.drawing:active {
    color: #e99d19;
    text-decoration: underline;
}
a.drawing:hover {
    text-decoration: none;
}
a.quote,
a.quote:link,
a.quote:visited,
a.quote:active {
    color: #000;
    text-decoration: underline;
}
a.quote:hover {
    text-decoration: none;
}
a.explanation,
a.explanation:link,
a.explanation:visited,
a.explanation:active {
    color: #e80039;
    text-decoration: underline;
}
a.explanation:hover {
    text-decoration: none;
}
#content h3.bright a,
#content h3.bright a:link,
#content h3.bright a:visited,
#content h3.bright a:active {
    color: #e80039;
    text-decoration: none;
}
#content h3.bright a:hover {
    color: #e80039;
    text-decoration: underline;
}
#content a.bright,
#content a.bright:link,
#content a.bright:visited,
#content a.bright:active {
    color: #e80039;
    text-decoration: underline;
}
#content a.bright:hover {
    color: #e80039;
    text-decoration: none;
}
.designation {
    display: block;
    height: 446px; 
    margin: 10px 0;
    width: 555px; 
}
.bright {
    color: #e80039; /* e20437 e10135 cc0033 */
}
#content h4 {
    font-size: 140%;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 5px 0;
}
#content p.slogan {
    color: #e99d19;
    font-size: 190%;
    font-weight: normal;
	text-align:center;
    line-height: 150%;
    margin: 0 0 5px 0;
}
/*
#content h2 a,
#content h2 a:link,
#content h2 a:visited,
#content h2 a:active {
    color: #e99d19;
    text-decoration: underline;
}
#content h2 a:hover {
    color: #e99d19;
    text-decoration: none;
}
*/
#content ul {
    list-style: disc;
    margin: 0 0 10px 15px;
}
#content p {
    margin: 0 0 10px 0;
}
#content p,
#content ul li {
    line-height: 170%;
}
#content .product {
    height: 92px;
    float: left;
    margin: 0;    
    padding: 0 5px 0 95px;
    width: 186px;
}
#content .product1 {
    background: url(../images/product_1.jpg) no-repeat 0 0;
    margin-right: 5px;
}
#content .product2 {
    background: url(../images/product_2.jpg) no-repeat 0 0;
}
#content .product3 {
    background: url(../images/product_3.jpg) no-repeat 0 0;
    margin-right: 5px;
}
#content .product4 {
    background: url(../images/product_4.jpg) no-repeat 0 0;
}
#content .product5 {
    background: url(../images/product_5.jpg) no-repeat 0 0;
    margin-right: 5px;
}
#content .product6 {
    background: url(../images/product_6.jpg) no-repeat 0 0;
}
#content .product h3 {
    color: #333;
    font-size: 140%;
    font-weight: normal;
    line-height: 100%;
    padding: 15px 0 5px 0;
}
#content .product p {
    font-size: 120%;
    line-height: 120%;
}
#content .product a, 
#content .product a:link, 
#content .product a:active, 
#content .product a:visited {
    color: #666;
    text-decoration: none;
}
#content .product a:hover {
    text-decoration: underline;
}
#content .management_1 {
    float: left;
    width: 220px; 
}
#content .management_2,
#content .management_2 {
    float: left;
    width: 190px; 
}
#content .management_3 {
    float: left;
    width: 220px; 
}
#content .management_4,
#content .management_4 {
    float: left;
    width: 190px; 
}

#content .certificates {
    float: left; 
    height: 205px; 
    overflow: hidden;
}
#content .certificate {
    float: left;
    height: 176px;
    margin: 0 7px 0 0;
    width: 176px;
}
#content .accreditations {
    float: left; 
    height: 160px; 
    overflow: hidden;
    /*   
    Comment out 'float: left' above and use the code below to centre the 
    block certificates on the quality page.
    
    margin: 0 auto 0 auto;
    width: 456px;
    */
}
#content .accreditation {
    float: left;
    height: 109px;
    margin: 0 5px 0 0;
    width: 109px;
}
#content .product_container {
    border: 1px solid #5b5b5b;
    height: 235px;
    margin-bottom: 10px;
}
#content .product_container h3 {
    background: #939496;
    border-bottom: 1px solid #bebfc1;
    color: #fff;
    padding: 2px 10px;
}
#content .product_container a,
#content .product_container a:link,
#content .product_container a:visited,
#content .product_container a:active {
    color: #e80039 !important;
    text-decoration: none;
}
#content .product_container a:hover {
    color: #e80039 !important;
    text-decoration: underline;
}
#content .product_container_inner {
    padding: 10px;
}
#content .series {
    float: left;
    margin: 0 5px 5px 0;
}
#content .slew_bearing {
    float: left;
    margin: 0 10px 5px 0;
}
#content .application {
    border: 1px solid #5c5c5c;
    float: left;
    height: 322px;
    width: 185px;
    margin: 0 5px 5px 0;
}
#content .application h4 {
    letter-spacing: -1px;
    padding: 7px 7px 0 7px;
}
#content .application p {
    padding: 7px;
}
#content .application img {
    border-top: 1px solid #5c5c5c;
    border-bottom: 1px solid #5c5c5c;
    margin: 0;
    padding: 0;
}
#content .agent1 {
    float: left;
    margin-right: 10px;
    width: 190px;
}
#content .agent2 {
    float: left;
    margin-right: 10px;
    width: 160px;
}
#content .agent3 {
    float: left;
    width: 190px;
}
#content .hotel1 {
    float: left;
    width: 140px;
}
#content .hotel2 {
    float: left;
    width: 100px;
}
#content .hotel3 {
    float: left;
    width: 170px;
}
#content .hotel4 {
    float: left;
    width: 140px;
}
#content .stock {
    float: left; 
    margin-bottom: 20px;
    width: 180px;
}
#content .stock table {
    border-bottom: 1px solid #575759;
    border-left: 1px solid #575759;
    width: 170px;
}
#content .stock td {
    border-right: 1px solid #575759;
    border-top: 1px solid #575759;
    padding: 3px;
}
#content .contact1 {
    float: left;
    width: 200px;
}
#content .contact2 {
    float: right;
    width: 200px;
}
#enquiries h4 {
    margin: 0 0 0 0;
}
#enquiries table {
    /*border: 1px solid #000;*/
    width: 480px;
}
#enquiries td {
    padding: 5px;    
}
#enquiries textarea {
    font-family: arial, helvetica, sans-serif;    
    font-size: 100%;
}
#footer {
    background: url(../images/footer_bg.jpg) repeat-x 0 0 #780019;
    height: 185px;
    margin: 0 auto;
    width: 950px;
}
.information {
    color: #fff;
    float: left;
    height: 145px;
    line-height: 170%;
    margin: 10px 0;
    width: 205px;
}
.first {
    margin-left: 70px;
}
.information a,
.information a:link,
.information a:visited,
.information a:active {
    color: #fff;
    text-decoration: underline;
}
.information a:hover {
    color: #fff;
    text-decoration: none;
}
.information h3 {
    /*background: url(../images/info_bg.gif) no-repeat 0 0;*/
    background: url(../images/info_bg.jpg) no-repeat 0 0;
    font-size: 150%;
    font-weight: normal;
    margin: 0 10px;
    padding: 10px 15px;    
    width: 198px;    
}
.information .text {
    margin: 5px 0 10px 25px;
}
.information .button {
    background: #393b41;
    border: 1px solid #2b003e;
    color: #fff;
    margin: 0 auto;
    padding: 0 0 4px 0;
    text-align: center;
    text-transform: lowercase;
    width: 175px;
}
.information .button a {
    text-decoration: none;
}
.copyright {
    color: #fff;
    font-size: 90%;    
    margin: 0 auto;
    padding: 20px;
    text-indent: 10px;
    width: 950px;
}
.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:active {
    color: #fff;
    text-decoration: none;
}
.copyright a:hover {
    color: #fff;
    text-decoration: underline;
}
.content_inner,
.content_inner2 {
    padding: 15px 5px;
}
.inner {
    padding: 15px 10px;
}
.our_products {
    margin-bottom: -5px !important;
}
.clear {
	clear: both;
}
.indent {
    
}
img.tc {
    display: block;
    margin: 0 auto;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.tr180 {
    text-align: right;
    width: 180px;
}
.padded {
    margin: 0 10px;
}
.vat {
    vertical-align: top;
}
.fr {
    float: right;
    /*margin: 0 0 15px 15px !important;*/
    margin: 0 0 5px 15px !important;
}
.fl {
    float: left;
    margin: 0 15px 15px 0 !important;
}
a:link,
a:hover,
a:visited,
a:active {
    color: #e99d19;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}