/* ------------------------------------------------------------------------------------------ */
/* FrameWork Setup */
body , html{margin:0;padding:0;height:100%;}
body{background-color:#bababa;background:url(Design/bg-repeat.jpg) center top repeat;}
form{height:100%;}
#container{min-height:100%;position:relative;background:url(Design/bg-top.jpg) center top no-repeat;}
#header{height:145px;position:absolute;top:0;left:0;width:100%;}
#body{padding-bottom:225px;}
#clearHeader{height:145px;}
.generalWidth{width:942px;margin:0 auto 0 auto;}
/* ----------------------------------------------------------------------------------------- */
/* Header */
#header a{float:left;margin:10px 0 0 25px;}
#header .contact{float:right;margin:20px 25px 0 0;}
/*Header Menu */
#header .menu{width:942px;margin:10px 0 0 0;padding:0;height:33px;list-style:none;float:left;font-size:0.923em;font-weight:bold;}
#header .menu ul{margin:0;padding:0;}
#header .menu li{background:none;margin:0;padding:0;list-style:none;height:33px;display:block;}
#header .menu li a span, #header .menu li a,  #header .menu li{float:left;}
#header .menu li a {height:33px;background:url("Design/left-side-off.gif") no-repeat left top;padding:0 0 0 5px;margin:0;text-decoration:none;display:block;font-weight:bold;}
#header .menu li a span {vertical-align:middle;line-height:33px;cursor:pointer;text-align:center;display:block;background:url("Design/right-side-off.gif") no-repeat right top;color:#fff;height:33px;border:none;margin:0;padding:0 20px 0 17px;}
#header .menu li .selected span, #headerMenu .menu li a:hover span{color:#fff; }
#header .menu li .selected{background:url("Design/left-side-on.gif") no-repeat left top;}
#header .menu li .selected span{background:url("Design/right-side-on.gif") no-repeat right top;}
#header .menu li a:hover{background:url("Design/left-side-on.gif") no-repeat left top;}
#header .menu li a:hover span{background:url("Design/right-side-on.gif") no-repeat right top;}
#header .menu .start{width:29px;height:33px;background-image:url("Design/start.gif");background-position:left top;background-repeat:no-repeat;padding:0;border:none;font-size:0;line-height:0;}
#header .menu .end{width:29px;height:33px;background-image:url("Design/end.gif");background-position:left top;background-repeat:no-repeat;padding:0;border:none;font-size:0;line-height:0;margin:0;}
/*------------------------------------------------------------------------------------------ */
/* Footer */
#footer{position:absolute;bottom:0;width:100%;height:225px;background:url(Design/bucket-bg.png) center bottom no-repeat;color:#fff;font-size:0.692em;}
#footer #footerInternal{background:url(Design/footer-bg.png) left bottom repeat-x;height:225px;width:100%;}
#footer .generalWidth{background:url(Design/hand-bg.png) 194px bottom no-repeat;height:118px;padding:108px 0 0 0;width:942px;margin:0 auto 0 auto;}
#footer .title{color:#a6a6a6;font-weight:bold;margin:0 2px 7px 0;font-size:1.231em;}
#footer p{float:left;padding:0;margin:0;}
#topFooter{height:50px;padding:14px 0 0 0}
#topFooter #footerContact{width:210px;float:left;margin:0 0 0 20px;}
#topFooter #footerContact p{font-size:1.231em;margin:0 2px 5px 0;line-height:1.231em;}
#topFooter #footerProducts{width:520px;height:50px;float:right;}
#topFooter #footerProducts .title{margin:0;}
#topFooter #footerProducts ul{float:left;width:440px;}
#topFooter #footerProducts ul li span{white-space:nowrap;}
#bottomFooter{margin:20px 0 0 0;}
#bottomFooter #footerRights{width:212px;height:26px;float:left;margin:0 0 0 20px;font-size:1.154em;color:#887361;letter-spacing:-0.05em;}
#bottomFooter #footerRights p{padding:4px 0 0 0;}
/*Footer Menu */
#bottomFooter #footerMenu{width:519px;height:26px;float:right;}
#bottomFooter #footerMenu .crafted{float:right;margin:0 17px 0 0;}
#bottomFooter #footerMenu .menu{width:300px;height:26px;float:left;}
#bottomFooter #footerMenu .menu ul{margin:0;font-size: 1.15em;padding:4px 0 0 0;}
#bottomFooter #footerMenu .menu ul li{list-style:none;float:left;margin:0;padding:0;}
#bottomFooter #footerMenu .menu ul li a{color:#887361;padding:0 9px 0 0;margin:0 9px 0 0;letter-spacing:-0.05em;background:url(Design/footer-menu-seperator.gif) right center no-repeat;}
#bottomFooter #footerMenu .menu ul li .end{background:none;padding:0;margin:0;}
#topFooter #footerProducts p{float:left;}
#topFooter #footerProducts ul{margin:0;padding:0;}
#topFooter #footerProducts ul li{float:left;list-style:none;margin:0 0 0 5px;padding:0;font-size:1.15em;line-height:12px;}
#topFooter #footerProducts ul li a{display:block;float:left;color:#fff;}
/*-------------------------------------------------------------------------------------------*/
/* Two Column*/
#columnWrap{background:#fff;width:100%;height:100%;}
.topPanel{width:902px;background:#fff;border-bottom:1px solid #deddd9;padding:30px 0 0 40px;height:74px;}
.topPanel h1{color:#cc0001;margin:10px 0 15px 0;font-weight:bold;font-size:2.2em;}
.breadcrumb{margin:0;padding:0;height:10px;}
.breadcrumb li{list-style:none;color:#8e0000;text-decoration:underline;margin:0;padding:0;float:left;}
.breadcrumb .spacer{text-decoration:none;}
.breadcrumb .page{color:#adadad;text-decoration:none;}
#columnOne{padding:25px 10px 10px 40px;width:580px;float:left;}
#columnOne .seperator {background:url(Design/dotted-rule.gif) left center repeat-x;height:1px;margin:5px 0 5px 0;}
#columnTwo{padding:25px 0 10px 0;width:312px;float:right;}
#columnOne h3{margin:0 0 5px 0;color:#666;}
#columnOne p{font-size:0.923em;color:#666;line-height:1.5em;}
#columnTwo{margin:0 0 10px 0;}
#columnTwo .sideNav{margin:0 0 10px 5px;padding:0;}
#columnTwo .sideNav li{color:#900000;list-style:none;background:url(Design/disc.jpg) left center no-repeat;padding:0 0 0 15px;line-height:1.2em;margin:0;font-size:1.154em;}
#columnTwo .sideNav .seperator {background:url(Design/dotted-rule.gif) left center repeat-x;height:1px;margin:5px 0 5px 0;padding:0;font-size:0;line-height:0;}
#columnTwo .sideNav .link a{color:#666;font-weight:normal;}
#columnTwo .sideNav .link {background:url(Design/grey-disc.jpg) left center no-repeat;padding:0 0 0 15px;line-height:1.2em;margin:0;}
/*--------------------------------------------------------------------------------------------*/
/* Page banners */
.productspage{background:#fff url(Design/products-top-bg.jpg) center right no-repeat;}
.pricelistspage{background:#fff url(Design/price-list-top-bg.jpg) center right no-repeat;}
.requestquotepage{background:#fff url(Design/price-list-top-bg.jpg) center right no-repeat;}
.requestcoshhpage{background:#fff url(Design/health-and-safety-top-bg.jpg) center right no-repeat;}
.aboutuspage{background:#fff url(Design/about-us-top-bg.jpg) center right no-repeat;}
.contactuspage{background:#fff url(Design/contact-us-top-bg.jpg) center right no-repeat;}
.placingaorderpage{background:#fff url(Design/placing-an-order-top-bg.jpg) center right no-repeat;}
.whowesupplypage{background:#fff url(Design/case-studies-top-bg.jpg) center right no-repeat;}
/*--------------------------------------------------------------------------------------------*/
/* Home Page */
#welcomePanel{background:#fff url(Design/home-bg.jpg) no-repeat center center;width:940px;border:1px solid #fff;height:225px;margin:0 0 9px 0;}
#welcomeContent{height:200px;padding:12px 0 0 36px;width:370px;float:left;}
#welcomeContent h1{color:#cc0001;margin:0 0 10px 0;font-weight:bold;font-size:2.7em;}
#welcomeContent h2{color:#666;margin:0 0 5px 0;font-size:1.2em;line-height:1.2em}
.homePod{width:306px;height:145px;border:1px solid #fff;float:left;}
.homePod a{display:block;margin:24px 0 0 0;}
#homeContent p{padding:0;line-height:1.2em;font-size:0.846em;}
#homeContent h3{color:#cc0001;margin:14px 0 6px 0;font-weight:bold;font-size:1.5em;}
#homeContent .content{width:193px;height:145px;float:right;padding:0 0 0 9px;}
#homeContent .content input{margin:0 0 5px;padding:0 0 0 5px;font-size:0.846em;}
#homeContent .content textarea{padding:0 0 0 5px;font-size:0.846em;}
#homeContent .content .button{margin:10px 0 0 0;padding:0;}
#linkPods{float:left;}
#homeContent #linkPods #productPod .content a{margin:11px 0 0;}
#productPod{margin:0 9px 0 0;background:#fff url(Design/home-product-pod-bg.jpg) no-repeat left center;}
#requestPod{background:#fff url(Design/home-request-pod-bg.jpg) no-repeat left center;}
#manufacturerPod{width:625px;height:95px;background:url(Design/home-manufacturers-pod.jpg) no-repeat top left;margin:9px 0 0 0;}
#callBackPod{width:304px;height:249px;border:1px solid #fff;float:left;margin:0 0 0 9px;background:#fff url(Design/home-call-me-back-pod-bg.jpg) no-repeat left center;}
#callBackPod .content p{margin:0 0 9px 0;}
.welcomeFlash{float:left;height:225px;width:525px;margin:0 0 0 9px;}
/*-------------------------------------------------------------------------------------------*/
.product img{width:182px;height:100px;display:block;float:left;margin:0;padding:0;}
.product{width:182px;height:100px;font-size:0;text-indent:-999em;display:block;float:left;padding:0;}
.products li{list-style:none;margin:0;padding:0;width:182px;height:100px;display:block;float:left;margin:0 10px 10px 0;}
.products .line{margin:0 0 10px 0;}
.products{padding:0;margin:0 0 10px 0;}
/*--------------------------------------------------------------------------------------------*/
/* Call back pod */
#callback{background:#ededed;padding:20px 0 10px 25px;width:262px;}
#callback h4{color:#cc0000;font-style:normal;font-size:1.5em;font-weight:bold;margin:0 0 0 5px;}
#callback p{margin:0 0 0 5px;}
#callback textarea , #callback input{font-size:0.846em;margin:0 0 5px 5px;padding:0 0 0 5px;}
#callback .button{margin:0;}
/*--------------------------------------------------------------------------------------------*/
/* Request a quote page */
.requestForm{margin:20px 0 20px 0;}
.requestForm label {width:115px;float:left;display:block;line-height:25px;font-size:0.923em;color:#666;font-weight:bold;margin:0 0 5px 0;}
.requestForm input {width:360px;float:left;height:20px;margin:0 5px 5px 0;}
.requestForm textarea{width:360px;margin:0 0 5px 0;font-size:0.923em;}
.requestForm .nolabel{margin:0 0 5px 115px;}
#columnOne .requestForm .txt-small{width:110px;line-height:1.1em;font-size:0.846em;}
.requestForm .submit{width:125px;height:30px;float:right;margin:0 95px 0 0;}
.requestlabel p{padding:0;}
.requestlabel label{float:none;}
/*--------------------------------------------------------------------------------------------*/
/* contact us page  */
#contact p{float:left;line-height:1.3em;}
#contact a{float:left;line-height:1.3em;padding:2px 0 2px 0;}
#contact .phone{font-size:1.3em;line-height:1.3em;font-weight:bold;padding:2px 0 2px 0;}
#contact .label{width:90px;font-weight:bold;margin:0 10px 0 0;line-height:1.3em}
/*---------------------------------------------------------------------------------------------*/
/* Ordering Pages */
#ordering p{float:left;padding:2px 0 2px 0;}
#ordering a{float:left;margin:0 0 10px 0;}
#ordering .phone{font-size:1.3em;}
#ordering .label{width:90px;font-weight:bold;margin:0 10px 0 0;}
#ordering .nolabel{margin:0 0 0 100px;padding:0 0 5px 0;}
#ordering .trade{padding:0 0 5px 0;}
/*----------------------------------------------------------------------------------------------*/
/* Delivery page */
.vehicle {margin:0 0 0 93px;}
/*----------------------------------------------------------------------------------------------*/
/* sitemap */
#sitemap{}
#sitemap ul{list-style:none;}
#sitemap li{color:#666;list-style:none;font-weight:bold;}
#sitemap .title{margin:10px 0 0 30px;}
#sitemap li a{color:#900000;background:url(Design/disc.jpg) left center no-repeat;padding:0 0 0 10px;line-height:1.2em;margin:0;font-weight:normal;}
#sitemap ul li ul{margin:0 0 0 10px;}
#sitemap ul li ul li{margin:0 0 0 20px;}
/*----------------------------------------------------------------------------------------------*/
/* login page */
.loginpnl label{ width: 100px;display: block;float: left;}
.loginpnl .login .loginRow input{margin:0;}
.loginpnl input{margin:10px 0 0 0;}
.validation{height:10px;width:10px;}
/*----------------------------------------------------------------------------------------------*/
/* case studies page */
#casestudies{}
#casestudies .casestudy{margin:0 0 10px 0;}
#casestudies .casestudy p{font-weight:normal;}
#casestudies .casestudy .company , #casestudies .casestudy .name {line-height:1.2em;padding:0;padding:0;}
#casestudies .casestudy .name{padding:5px 0 0 0;}
#casestudies .casestudy .company{font-weight:bold;}
/*---------------------------------------------------------------------------------------------*/