/* general */
body, html { height: 100%; }
body { background: url('images/bg.png') top center repeat-y; margin: 0; }
body, p, li, a, input { font: 8pt Tahoma, Arial, Helvetica, Verdana, Sans-Serif; color: #6D6F71; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.spacer { height: 0; clear: both; }
p { margin: 0 0 10px 0; line-height: 14px; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }
.hr { clear: both; height: 3px; width: 100%; background: #383839; }
.bold { font-weight: bold; }
.error { color: #996666; }
.js_show { display: none; }
.js_hide { display: block; }
form { display: inline; }

/* lists */
ul.options { list-style: none; padding: 0; margin: 0; }
ul.options li { margin-bottom: 5px; }
ul.gallery { list-style: none; padding: 0; margin: 15px 0 0 -10px; width: 444px; }
ul.gallery li { float: left; width: 109px; overflow: hidden; }
ul.gallery li a { display: block; width: 103px; height: 102px; padding: 6px 0 0 7px; }
ul.gallery li a:hover { background: url(images/gallery-thumb-bg.png); }
ul.gallery li a img { border: 0; }

/* tables */
table.contacts td { border: none; padding: 0 20px 10px 0; }
table.products td { border: none; padding: 0 20px 5px 0; color: #8D8F91; vertical-align: top; }
table.spaced td { padding: 0 20px 10px 0; }

/* colours */
.grey_bg { background-color: #383839; }
.dark_blue_bg { background-color: #0c588f; }
.blue_bg { background-color: #00aeef; }
.dark_blue { color: #1B75BC; }
.blue { color: #00aeef; }
.white { color: #fff;}
.grey { color: #383839; }
.light_grey { color: #A7A9AC; }

/* sizes */
.large { font-size: 10pt; line-height: 18px; }
.xlarge { font-size: 12pt; line-height: 16pt; }
.xxlarge { font-size: 14pt; line-height: 18pt; }

/* elements */
#page { width: 900px; height: 100%; margin: 0 auto; background: #383839; }
#content { background: #fff; padding: 25px 4px 25px 12px; }
#header { width: 900px; height: 281px; background: url('images/header.png') bottom left; position: relative; }
#footer { width: 900px; height: 45px; background: #383839 url(images/bottom-strapline.png) bottom right no-repeat; }
h1 { background: url('images/logo.png'); position: absolute; left: 14px; bottom: 16px; width: 147px; height: 117px; padding: 0; margin: 0; }
h2 { width: 309px; height: 50px; background: url('images/tel.png'); position: absolute; right: 21px; bottom: 39px; }
#product_menu { background: url(images/products-menu.png); width: 134px; height: 369px; position: absolute; bottom: -369px; right: 439px; }
#product_menu div.wrap { width: 110px; margin: 0 auto 0 auto; text-align: center; }
#product_menu a { display: block; margin: 9px 0 4px 1px; width: 96px; height: 100px; padding: 2px 8px 3px 6px; }
#product_menu a img { border: 0; cursor: pointer; width: 96px; height: 86px; margin: 0 0 5px 0; }
#product_menu a:hover { background: url(images/small-image-bg.png) no-repeat; color: #00aeef; text-decoration: none; }


/* product page */
#product_tabs { list-style: none; padding: 0; margin: 0 0 20px 0; height: 27px; }
#product_tabs a:hover { text-decoration: none; }
#product_tabs li { display: block; float: left; height: 27px; margin-right: 6px; }
#product_tabs li a { display: block; height: 27px; width: 107px; background: url(images/product-tab.png) top left no-repeat; text-align: center; color: #fff; }
#product_tabs li a.selected { height: 22px; padding-top: 5px; background-image: url(images/product-tab-selected.png); }
#product_left, #product_right { width: 446px; height: 324px; float: left; }
#product_right { width: 444px; position: relative; }
#product_right div.wrap { padding: 20px; }
.colours_large, .colours { margin-top: -5px; }
.colours_large td, .colours td { padding: 0 10px 10px 0; cursor: pointer; }
.colourbox { width: 24px; height: 24px; }
.colours_large .colourbox { width: 31px; height: 31px; }
.colours_large .text { width: 110px; }
.colours .text { width: 117px; }
.colours_spaced td { padding: 20px 10px 15px 0;}
.next_btn, .prev_btn { position: absolute; bottom: 5px; right: 5px; cursor: pointer; }
.prev_btn { right: 90px; }
#slider_track { background: url(images/travel-bg.png); width: 24px; height: 196px; position: absolute; left: 60px; top: 80px; }
#slider_handle { background: url(images/travel-slider.png); width: 30px; height: 16px; position: absolute; left: -3px; top: 0; cursor: ns-resize; }
#slider_info { background: url(images/step-3-bg.png); width: 253px; height: 59px; padding: 20px 20px; position: absolute; top: 80px; right: 10px; }
#label_max, #label_min { position: absolute; left: 35px; top: 81px; }
#label_min { top: 260px; }
input.text { width: 180px; height: 13px; border: 1px solid #999; }
#final_back_btn { right: 141px; }
#gallery_links, #pdf_links, #cad_links { position: absolute; bottom: 10px; right: 10px; }
#gallery_links a:hover, #pdf_links a:hover, #cad_links a:hover { text-decoration: none; color: #444; }
input.button { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; font-weight: bold; }

/* home page */
#home_left_panel { width: 210px; float: left; }
#home_products { float: right; }
#home_products div { float: left; width: 211px; margin: 32px 9px 0 0; } 
#home_products img { margin: 0 0 2px 0; border: 0; } 
#home_products label { display: block; padding: 5px 0; text-align: center; color: #fff; } 

/* manufacturing */
#manufacturing_photo_links { display: block; padding: 5px 0; text-align: center; }
#manufacturing_photo_links a { font-size: 12px; }
#manufacturing_photo_links a:hover { text-decoration: none; color: #444; }

/* menu */
#menu { padding: 0; margin: 0; list-style: none; position: absolute; right: 6px; bottom: 0; }
#menu a:hover { text-decoration: none; }
#menu li, #menu span, #menu a, #menu span.text { display: block; float: left; height: 20px; cursor: pointer; }
#menu li { margin-left: 5px; }
/* default */
#menu a span.tl { background: url('images/tab-left-blue.png') top left no-repeat; width: 8px; }
#menu a span.tr { background: url('images/tab-right-blue.png') top left no-repeat; width: 8px; }
#menu a span.text { color: #1B75BC; background: #AFDFE5; padding: 4px 15px 0 16px; height: 16px; }
/* rollover */
#menu a:hover span.tl, #menu a.hover span.tl { background-image: url('images/tab-left-white.png'); }
#menu a:hover span.tr, #menu a.hover span.tr { background-image: url('images/tab-right-white.png'); }
#menu a:hover span.text, #menu a.hover span.text { color: #00AEEF; background: #fff; }
/* selected */
#menu li.selected a span, #menu li.selected a span.text { height: 31px; position: relative; top: -11px; }
#menu li.selected a span.tl { background-image: url('images/tab-left-white.png'); }
#menu li.selected a span.tr { background-image: url('images/tab-right-white.png'); }
#menu li.selected a span.text { color: #00AEEF; background: #fff; padding-top: 10px; height: 21px; }

/* hide text for CSS enabled browsers */
h1, h2 { text-indent: -999px; overflow: hidden;  }