/* ----------------------------------------------------------
Site Name
Design by: Ryan Downie [ryan@bfinternet.co.uk]
Version: 1.0 Date
-----------------------------------------------------------

Table Of Contents

	General Styles
	    Building Blocks
            Headings
            Sub Content 
            Footer
        Navigations
            Navigation Main
            Secondery Navigation
        Forms
            Mail forms
        Tables
            Main Tables
        Buttons and Misc
            Buttons
            Images
        Page Specific Styles
            Home Page
            About Page
        Progressive Enhancement (css3)
            Rounded Corners
            Text Shadows
            RGBA
            Box shadows

----------------------------------------------------------*/
/*  
General Styles
------------------------------------------------------------------------------------------- */
#custom-doc{margin:-10px auto;text-align:left;width: 73.846em;*width: 72.001em;min-width: 960px;position:relative;}
ul {margin:0px 0px 0px 0px;}
ul li {list-style-type:none; margin:0;}
/*= Building Blocks  */
html {background:#E0E0E0;text-align:center;}
body {background:#E0E0E0 url(../images/body.jpg) no-repeat fixed center top;position:relative; text-align:left;}
div#news {float:left; background:transparent url(../images/news-middle.png) repeat-y scroll 0 0; padding:0 25px; width:289px;}

/*= Headings*/
h1#logo {height:74px;top:10px; left:0; /* Kludge (Positioned h1 as added logo in to sprite to save bandwith) */ position:absolute; width:267px; }
h1#logo a { display:block; width:267px; height:74px; text-indent:-9999px;}
h2#phone { float:right; margin:0;background:url(../images/h2-phone.png) no-repeat 0 0; width: 340px; height: 36px; position:relative; right:181px;top:45px; text-indent:-9999px;}
	    
div.yui-gc h2 {border-bottom:1px solid #9F9F9F;font-size:1.5em;margin:10px 0;padding-bottom:6px;width:100%;}
h2 {font-size: 1.5em;}
h5 {color:#DF7E0D;}
h3#news {background:transparent url(../images/news-top.png) no-repeat scroll 0 0; font-size:221%; height:35px; margin:0 -1px; padding:25px 25px 0; width:271px;}


div#news h4 {font-size:135%;font-weight:normal;}
h3 { font-size:160%; font-weight:normal; margin:14px 0 3px; }
div#news p {line-height:148%; margin:5px 0;}
div#news ul {float:left;}
div#news li {margin-bottom:18px;}
            
div.yui-gc {margin:20px 0 0}
div.yui-gc p { line-height:150%; padding-bottom:.5em;}
ul#offers { margin:.4em 0px 0px 1em;}
ul#offers li { list-style-type:disc; margin:0.6em 0.7em;}
p#copy { margin:8px 0 0; text-align:center; clear:both }
p#bf {float:right; width:244px; margin:8px 0 0;}

hr {background:#8F8F8F none repeat scroll 0 0;border:medium none;display:block;height:1px;margin:28px 0 13px;width:100%;}
/*  ----------------------------------------------------------
2.0 Navigations
------------------------------------------------------------------------------------------- */
/*
= navigation-main  */
ul#navigation-main {
            background:transparent url(../images/navigation-sprite.png) no-repeat scroll 0 0; float:left; height:179px;
            /*KLUDGE (Had to negative margin right as YUI is bigger then my design.) */ margin:0 0 0 -20px; width:994px;}
ul#navigation-main li { float:left;margin:80px 0px 0px 0px;}
ul#navigation-main li a{ text-indent:-9999px; height:50px; display:block; background:transparent url(../images/nav-text.png) no-repeat scroll 0 0}
ul#navigation-main li a#home { background-position:0 2px;margin:0 0 0 19px;width:109px;}
ul#navigation-main li a#home:hover { background-position:0 -49px;}
ul#navigation-main li a#company {background-position:-113px 2px;width:176px;}
ul#navigation-main li a#company:hover { background-position:-113px -49px;}
ul#navigation-main li a#history { background-position:-194px 2px; width:109px;}
ul#navigation-main li a#history:hover { background-position:-194px -50px;}
ul#navigation-main li a#stores {background-position:-288px 2px;width:65px;}
ul#navigation-main li a#stores:hover { background-position:-288px -49px;}
ul#navigation-main li a#steel {background-position:-355px 1px;width:85px;}
ul#navigation-main li a#steel:hover { background-position:-355px -50px;}
ul#navigation-main li a#fabrication {background-position:-440px 2px;width:122px;}
ul#navigation-main li a#fabrication:hover { background-position:-440px -49px;}
ul#navigation-main li a#contact {background-position:-568px 2px;width:114px;}
ul#navigation-main li a#contact:hover { background-position:-568px -49px;}
ul#navigation-main li.current a#home {}

/*  ----------------------------------------------------------
3.0 Forms
------------------------------------------------------------------------------------------- */
/*
= Mail Form
*/
form#contact-form {float:left;}
form#contact-form fieldset { border:1px solid #CFCFCF; float:left; padding:10px; position:relative; width:599px; }
form#contact-form legend {background:#f21414 none repeat scroll 0 0; color:#FFFFFF; font-size:148%; font-weight:bold; padding:5px; }
form#contact-form label {display:block; float:left; font-size:121%; width:11em; word-spacing:1px; margin-top:.2em;}
form#contact-form input {border:1px solid #BFBFBF; font-style:italic; padding:0.4em; width:30.25em; }
form#contact-form select {border:1px solid #BFBFBF; font-style:italic; padding:0.4em; width:31em;}
form#contact-form textarea {border:1px solid #BFBFBF; font-style:italic; padding:0.4em; width:31em;}
form#contact-form img#verification_img {float:left; margin:0 15em 1em 13.4em; padding:0;}
form#contact-form input#verification_code {width:13.3em;}
form#contact-form button {background:#D70659 none repeat scroll 0 0; border:medium none; color:#FFFFFF; float:left; font-size:111%; font-weight:bold; line-height:2; margin:0 0 0 171px; padding:5px 15px; }
form#contact-form span {color:#AF0A0A;}
img#verification_img {margin:0 14.4em .5em}
input#verification_code {width:12em;}
form#contact-form p {margin-bottom:10px;}


div#map {height:405px;margin-top:8px;width:278px;}

ul#telesales {width:100%; margin:10px 0;}
ul#telesales li {float:left; width:100%;}
ul#telesales img {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;float:left;margin:0 20px 10px 0;padding:3px;}

ul#page-logos li {background:#FFFFFF none repeat scroll 0 0;border:1px solid #999999;float:left;margin:0 5px 10px;padding:3px 3px 0;width:140px;}

ul#image-lists li {background:#FFFFFF none repeat scroll 0 0;border:1px solid #999999;float:left;margin:0 5px 10px;padding:3px 3px 0;width:191px;}

ul#gallery li {background:#FFFFFF none repeat scroll 0 0; border:1px solid #999999; display:inline-block; margin:0 12px 30px; padding:3px 3px 0; vertical-align:top; width:176px; }

a.film {background:transparent url(../images/film.png) no-repeat scroll right center;padding:0 26px 0 0;}
a {color:#F21313;}
a:hover {text-decoration:underline;}

img.home {background:#FFFFFF;border:1px solid #CCCCCC;float:left;padding:3px;margin: 5px 0;}
img#call {float:left;}
.clearfix:after {content: "."; display: block; height: 0;clear: both; visibility: hidden;}

div#intro-banner {}

div#news dl {margin:0;}
div#news dl dt {font-size:136%; font-weight:normal; margin:0; }
div#news dl dd {margin:8px 0; }

div#left-news {float:left; width:148px; }
div#right-news {
float:right;
}

ul#stock {float: left;}
ul#stock li {float:left; margin:0 11px 15px; width:103px; }
ul#stock li img {padding: 4px; background-color: #fff;}
ul#stock li a {display: block;}
ul#stock li a:hover {display: block; background-color: #ddd;}
/****************************
FANCY BOX CSS
****************************/

div#fancy_overlay {position: fixed; top: 0;left: 0;width: 100%;height: 100%; background-color: #000; display: none; z-index: 30;}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap {text-align: left;}
div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30;}
div#fancy_loading_icon {position: absolute;background: url('/images/fancybox/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;}
div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 18px 18px 33px 18px;margin: 0;overflow: hidden;background: transparent;display: none;}
div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF;}
div#fancy_content {margin: 0;z-index: 100;position: absolute;}
div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;}
img#fancy_img { position: absolute;top: 0;left: 0;border:0;  padding: 0;  margin: 0; z-index: 100; width: 100%;height: 100%;}
div#fancy_close {position: absolute;top: -12px; right: -15px; height: 30px; width: 30px; background: url('/images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
a#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
a#fancy_ajax {width: 100%;height: 100%;overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url(data:image/gif;base64,AAAA); outline: none;}
a#fancy_left {left: 0px; }
a#fancy_right {right: 0px; }
span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}
span#fancy_left_ico {left: -9999px;background: transparent url('/images/fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico {right: -9999px;background: transparent url('/images/fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px; }
a#fancy_right:hover span {right: 20px; }
.fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {right: -13px;height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px;background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;}
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle;}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main { height: 32px; background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right {height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x;}