/* 
COLOURS
=======
Blue: #0000B2
Lt Grey: #E9E9E9
Dark Grey: #666666
Red: #FF0033
background grey:#E4E4E4;
cream: #FFFFF0;
*/

body {margin-top:10px; margin-bottom:10px; text-align:center; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:65.2%; background:#E4E4E4 url(../images/backgrounds/page-bg.jpg) repeat-x top left;}

#page-border {position:relative;  margin: 0 auto; padding-top:10px;  width:820px;background:white; text-align:center; border:1px solid #999999}
#page { width:800px;text-align:left; margin-left:auto;  margin-right:auto; background:url(../images/backgrounds/across-page.jpg) repeat-y top left;}



h2 {font-size:1.8em; letter-spacing:-1px; font-weight:normal;}
h3 {font-size:1.4em; font-weight:normal; font-weight:bold}
h4 {font-size:1.4em; color:black; }
hr {visibility:hidden;}

a, a:link, a:visited {/*border-bottom:1px solid; text-decoration:none;*/ color:#0000B2;}
a img {border:none; text-decoration:none}
a, p, ul, ol, dl, h1, h2, h3, h4, h5, div {
	position: relative; 
}

#header {width:800px; height:200px; background:url(../images/banner.jpg) no-repeat top left;}
#header h1, #header blockquote {display:none;}
#header a{width:800px; height:200px; display:block}

#top-nav-area {width:800px; height:45px; background:#E9E9E9 url(../images/backgrounds/search-bg.jpg);}
#top-nav-area ul {padding:0; margin:0; border:0; list-style:none; height:45px; width:600px; float:left;}
#top-nav-area ul li {width:150px; height:45px; margin:0; padding:0; float:left; list-style:none; background:url(../images/menus/top-nav-normal.gif) no-repeat top left; }
#top-nav-area ul li a {display:block; border:0; height:45px; border:0; line-height:45px; margin:0; padding:0; text-align:center; text-decoration:none; font-size:1.5em; color:#666666; font-weight:bold; letter-spacing:-1px;}
#top-nav-area ul li a:hover, #top-nav-area ul li a currentPage {background:url(../images/menus/top-nav-over.gif) no-repeat top left; color:white;}

#top-nav-area form {float:right; width:190px; margin:15px 0 0 10px;}
#top-nav-area form label {display:none;}
#top-nav-area form #search-term {font-size:10px; background-color:white; color:#666666; border:0;}
#top-nav-area form #search-button {background-color:#0000B2; color:white; font-size:10px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; text-transform:uppercase; border:0;}

#content {float:left; width:520px; padding:35px 35px 35px 35px; background-color:white; position:relative;font-size:1.2em; line-height:1.4em; color:#333333}
.news-story {padding-left:30px; padding-right:40px; color:#666666; margin-top:2em; }
.news-story h4 {color:#999999; margin:0; padding-bottom:0px; font-size:1em }
.news-story h2 a, .news-story h2 a:visited{margin:-0.5em 0 0 0;  color:#666666; background:url(../images/blue-arrows-triple.gif) no-repeat center right; text-decoration:none;  padding-right:30px; display:block;  width:91%; line-height:1em; border-bottom:1px solid #333333;}
.news-story h2 a:hover{color:#0000B2; border-bottom:1px solid #0000B2; }

.news-story .headline {background:url(../images/backgrounds/headline-blue-bar.gif) repeat-y top left; margin-left:-25px; display:block; padding-left:25px; margin-bottom:10px;}
.news-story img {border:3px solid #CCCCCC; margin:0 1.5em 1.5em 0; float:left;}
.news-story a.read-all {color:#333333; background:url(../images/red-arrow.gif) no-repeat center right; border-bottom:1px dotted; text-decoration:none; font-weight:bold; padding-right:10px;}

#product-categories {float:right; width:205px; color:black; background:url(../images/backgrounds/product-cats-bg.jpg) repeat-y top right; margin-right:0;  padding-bottom:2em; }
#product-categories h2 {background:url(../images/backgrounds/header-blue-bar.gif) no-repeat top left; padding:12px 0 7px 5px; background-color:white; margin:0;}
#product-categories ul { list-style:none; margin:0; padding:2em 2em 0 2em; background:url(../images/backgrounds/machine-part-bg.jpg) no-repeat top right;}
#product-categories ul li {list-style:none;  clear:both; padding-bottom:2em;}
#product-categories ul li img {border:2px solid white; float:left; margin-right:1em;}
#product-categories ul li a, #product-categories ul li a:visited {color:black; text-decoration:none; font-weight:bold;font-size:1.2em; border-bottom:1px dotted;}
#product-categories ul li a:hover{color:#0000B2}
#product-categories ul li span {font-size:1em; color:#999999; display:block; margin-top:3px; padding-left:40px;}


#footer {width:800px; color:#333333; background:white url(../images/backgrounds/footer-blue-bar.gif) no-repeat top left;  padding-top:1.5em; padding-bottom:50px;}
#footer ul {list-style:none; padding:0.5em 0 0 0; margin:0; float:left;}
#footer li {float:left; padding:0 0.3em 0 0.3em; margin:0; list-style:none; border-right:1px solid #333333;}
#footer li.footer-last-link {border:none;}
#footer a.developer-name {float:right; background:url(../images/dev-futuresys-grey.gif); width:88px; height:28px; border:0;}
#footer a.developer-name:hover {background:url(../images/dev-futuresys-col.gif) no-repeat top left;}
#footer a.developer-name span {display:none; }


.clear-bar {clear:both;}

a.goto-link {color:#333333;text-transform:uppercase;  background:url(../images/red-arrows-triple.gif) no-repeat center right; border-bottom:1px dotted; text-decoration:none; font-weight:bold; padding-right:30px;}
a.goto-link:hover{color:#0000B2}
a.goto-link:link,  a.goto-link:visited {color:#333333}
#product-categories a.goto-link {margin-left:2em; margin-right:2em; display:block }

#product-info-page {float:right; width:340px; margin-top:2em;}
#product-info-page .prod-description{color:#333333; font-size:1.1em; line-height:1.4em}
#product-info-page .prod-description h2 {color:#666666; font-size:1.2em; font-weight:bold; }
#product-info-page .prod-operation{font-size:1em; color:#666666; line-height:1.4em}
#product-info-page .prod-specs{font-size:1em; color:#666666; line-height:1.4em}
#product-info-page .prod-operation h3, #product-info-page .prod-specs h3 {color:#FF3333; letter-spacing:-1px; font-size:1.4em;}
caption {margin-top:20px;}

#product-pic-cats {width:160px; float:left; margin-top:3em; margin-right:15px; overflow:hidden; line-height:1.4em;}
#product-pic-cats ul {list-style:none; padding:0; margin:0 0 2em 0;}
#product-pic-cats dl {list-style:none; padding:0; margin:0 0 2em 0;}
#product-pic-cats ul li {list-style:none; margin-bottom:1em;}
#product-pic-cats dl dd {margin:0; padding:0 0 0 3px; color:#333333; border-left:5px solid #efefef;}
#product-pic-cats dl dt {padding:5px 0 5px 0;}
#product-pic-cats img.main-pic {border:5px solid #efefef; margin:0 auto; width:150px; text-decoration:none;}
#product-pic-cats a img.main-pic {text-decoration:none;}
#product-pic-cats a:hover img.main-pic {border:5px solid #0000B2;}

#results-grid {font-size:10px; position:relative; width:520px; border-collapse:collapse; border:0;}
/*#results-grid td img {border:2px solid white; height:50px; width:50px;}*/
#results-grid thead {background-color:#FFFFF0; border:1px solid #CCCCCC; font-size:12px}
#results-grid thead th {text-align:left;}
/*#results-grid tbody {border:1px solid #999999;}*/
#results-grid td {/*border-right:1px solid #efefef;*/}
#results-grid tbody tr{border-bottom:1px solid #f5f5f5; background:url(../images/backgrounds/prods-table-row-bg.jpg) repeat-x bottom left;}
#results-grid .more-info a{text-transform:uppercase; font-family:'Lucida Sans Unicode','Lucida Sans','Lucida',Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.odd-row {background-color:#E7F3FE;}
.odd-row {background-color:white;}
#results-grid .name {font-weight:bold;}
#results-grid .code {font-weight:bold; color:#666666}
#results-grid tbody ar{background-color:#33FFCC}
#results-grid img.prod-img {border:2px solid #efefef; height:60px; width:60px; margin:0 auto; text-decoration:none;}
#results-grid a img.prod-img {text-decoration:none;}
#results-grid a:hover img.prod-img{border:2px solid #0000B2;}


address{font-style:normal; border:1px solid #CCCCCC; width:98%; background-color:#F5F5F5; padding:5px;}
#contact-form{border:1px solid #6B83A5; margin:3em 0 0 0; padding:5px;  width:98%; background-color:#B1BDCF;  color:white;}
#contact-form h3{font-weight:bold}
#contact-form fieldset{border:0;  width:98%; padding-left:0; margin-left:0; padding-bottom:1em;}
#contact-form label{border:0; display:block; padding-top:0.5em; font-weight:bold}
#contact-form textarea{display:block; width:98%; height:10em;}
#contact-form input.styled {display:block; width:98%; height:1.5em;}