/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title :
Author : Theo Gulland / theo.gulland@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Darcy site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
html { height: 100%; }
body { height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.jpg) repeat-x; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { min-height: 100%; width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal;}
/*#container2 { min-height: 100%; width:960px; margin:0 auto; background: #999999; font-size: 1.8em; } */
* html #container {height: 100%;}
#printHeader { display:none;}

#header { height: 119px; position: relative; margin-bottom:25px; margin-top:21px; z-index: 99999999; }
#header #logo { position: absolute; top: 0px; left: 0px; width:200px; height:111px; margin-top:8px; }
#header #contactDetails { position: absolute; top: 0px; right: 0px; }

#internalContainer {background:#FFFFFF url(../images/layup/leftColBgRepeat.gif) repeat-y; margin-bottom:25px; width: 960px;}
#internalText {}

/* ----- LEFT COLUMN ----- */
#leftCol { float: left; width: 200px; background: #FFFFFF; }

#productSearch { width:200px; background:#7aae2a url(../images/layup/productSearchBg.gif) no-repeat left top; margin:0 0 12px; position:relative; /*Temp styles*/ }
#productSearch form { padding:40px 0 0 15px; }
#productSearch form div { margin:0 5px 0 0; float:left; display:inline; }
#productSearch form .clear { float:none; margin:0; display:block; }
#productSearch form input { width:126px; }
#productSearch form .btnGo { width:25px; height:25px; }
#productSearch #ajaxSearchResults {background:url("../images/layup/primaryNavDropLevel1.gif") no-repeat scroll left top #7AAE28; margin-top:76px; position:absolute; top:0; width:200px;}
#productSearch #ajaxSearchResults {background:url("../images/layup/primaryNavDropLevel1.gif") no-repeat scroll left top #7AAE28; margin-top:76px; position:absolute; top:0; width:200px;}
#productSearch #list { padding: 10px 10px 0 10px; }
#productSearch .viewAll { text-align: right; padding: 0pt 15px; }
#productSearch .viewAll a { color: white; text-decoration: none; }
#productSearch #list .listItem { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; }
#productSearch #list .listItem a { text-decoration:none; font-weight:normal; padding:0 5px; display:block; }
#productSearch #list .listItem .thumb { width:53px; height:41px; float:left; display:block; }
#productSearch #list .listItem .rightSide { width:110px; float:right; display:block; }
#productSearch #list .listItem .rightSide .title { font-size:12px; color:#000; padding:0 0 5px; display:block; }
#productSearch #list .listItem .rightSide .description { color:#fff; display:block; }

#productNav { width:200px; background:#00488d url(../images/layup/productNavBg.jpg) no-repeat left top; margin:0 0 12px; }
#productNav ul { list-style:none; margin:0; padding:51px 0 0; }
#productNav ul.subNav { padding:15px 0 0; }
#productNav ul li { padding:0; margin:0 0 0 9px; padding:0 0 15px; color:#fff; }
#productNav ul li.title { font-size:12px; color:#fff; font-weight:bold;  }
#productNav ul li.title a { font-weight: bold; font-size: 100%; text-decoration: none; }
#productNav ul li.title ul li a { width:100%; font-size:12px; color:#fff; font-weight:normal; display:block;}
#productNav ul li.title ul li a.inLine { display:inline; }
#productNav ul li.btm { background:url(../images/layup/productNavDivider.gif) no-repeat left bottom; margin:0 0 15px 9px; }
#productNav ul li a { width:100%; font-size:12px; color:#fff; font-weight:normal; display:block; }
#productNav ul li a.inLine { display:inline; }

#leftCol .box {width: 200px; hight:100%; margin-bottom:12px;}
#leftCol .box2 {width: 200px; hight:100%; margin-bottom:25px;}
#leftCol .usedCarSearch {}

#leftColContactUs{ width:189px; height:197px; float:left; background-image:url(../images/layup/contactUs.gif); margin-bottom:13px; padding-left:11px;}
#leftColAdress1{  margin-top: 44px; width:57px; float:left;}
#leftColAdress2{ margin-top: 44px; width:111px; float:left; margin-bottom:20px;}
#leftColPhone1{ width:57px; float:left;}
#leftColPhone2{ width:111px; float:left; margin-bottom:10px;}
#leftColFax1{ width:57px; float:left;}
#leftColFax2{ width:111px; float:left; margin-bottom:14px ;}
#leftColEmail1{ width:57px; float:left;}
#leftColEmail2{ width:111px; float:left;}
#leftColContactUs a{color:#ffffff; font-weight:normal;}
#leftColBgRepeat{width:200px; margin-bottom:; background-image:url(../images/layup/leftColBgRepeat.gif); background-repeat:repeat-y;}

#navigationBox{ width:200px; height:100%; background-color:#0d5aa4; float:left; margin-bottom:10px;}

#environmentalAgencyNews { width:200px; background: #78ac27 url(../images/layup/environmentAgencyNewsBg.gif) no-repeat top; margin:0px 0px 13px 0px}
#environmentalAgencyNewsMiddle { padding:40px 10px 7px 10px;}
#environmentalAgencyNewsMiddle a { color:#FFFFFF; text-decoration:none; font-weight:normal;}
#environmentalAgencyNewsMiddle a:hover {color:#FFFFFF; text-decoration:underline; font-weight:normal;}
#environmentalAgencyNewsMiddle ul { margin:0; padding:0;}
#environmentalAgencyNewsMiddle li { list-style:none; padding-bottom:6px;}

#newsFromEdie { width:200px; background: #78ac27 url(../images/layup/newsFromEdieBg.gif) no-repeat top; margin:0px 0px 25px 0px}
#newsFromEdieMiddle { padding:40px 10px 7px 10px;}
#newsFromEdieMiddle a { color:#FFFFFF; text-decoration:none; font-weight:normal;}
#newsFromEdieMiddle a:hover {color:#FFFFFF; text-decoration:underline; font-weight:normal;}
#newsFromEdieMiddle ul { margin:0; padding:0;}
#newsFromEdieMiddle li { list-style:none; padding-bottom:6px;}


#submitBtn { padding-right:7px; height:27px; float:right; margin:7px 0px 7px 0px}
#submitBtn input { height:27px; width:73px !important; }


/* ----- RIGHT COLUMN ----- */
#rightCol { float: left; width: 734px; margin-left: 26px;}
#mainFlash {width: 734px; height:318px; float:left; margin-bottom:25px; position:relative; z-index: 1;}
#mainFlash #pricePromise { position:absolute; top:-18px; left:-16px; }
#mainImage { height: 170px; }

#featuredProducts{width:243px; height:162px; float:left; background-image:url(../images/layup/featuredProducts.gif); margin-bottom:22px;}
.featureProductsImage{width:111px; height:74px; float:left; margin-top:44px; padding-left:10px;}
.featureProductsText{width:120px; height:74px; float:right; margin-top:46px;}
#featureProductsButtons{width:218px; height:22px; padding: 10px 0px 0px 15px;}
#featureProductsButtons img{float:left}
#featureProductsNavigation{float:left; width: 87px;}
#featureProductsFullDetails{margin-left:35px; float:left;}
#featureProductsNumbers{width:32px; height:19px; float:left; background-image:url(../images/layup/featureProductsNumber.gif); padding-left:9px; padding-top:3px;}

#featuredOffer{width:243px; height:162px; float:left; background:url(../images/layup/featuredOfferBg.gif) no-repeat; margin-bottom:22px; margin-left:3px;}
#featuredOfferText{float:right; margin-top:46px; width:115px; padding: 0px 5px 0px 10px;}
#featuredOfferImage{width:96px; height:72px; float:left; padding:46px 0px 4px 10px;}
#featuredOfferButtons{width:218px; height:22px; padding: 8px 0px 0px 15px;}
#featuredOfferButtons img{float:left}
#featuredOfferNavigation{float:left; width: 87px;}
#featuredOfferFullDetails{margin-left:35px; float:left;}
#featuredOfferNumbers{width:32px; height:19px; float:left; background-image:url(../images/layup/featureProductsNumber.gif); padding-left:9px; padding-top:3px;}


/*#customerZone{width:201px; height:162px; float:left; background-image:url(../images/layup/customerZone2.gif); margin-left:24px;}
#customerZoneText{width:95px; height:74px; float:left; padding-left:96px; padding-top:46px;}
#customerZoneButton{width:79px; height:22px; float:left; padding-left:104px; padding-top:10px;}*/

#offerWeek{width:243px; height:162px; float:left; background-image:url(../images/layup/featuredOffer75.jpg); margin-left:2px;} 
#offerWeekText {width:120px; height:74px; float:right; padding-left:96px; padding-top:46px;}
#offerWeekButton {width:76px; height:22px; float:left; padding-left:136px; padding-top:10px;}

/*
#internationalAgents{width:201px; height:162px; float:left; background-image:url(../images/layup/internationalAgentsBg.gif); margin-left:24px;}
#internationalAgentsText{width:95px; height:74px; float:left; padding-left:96px; padding-top:46px;}
#internationalAgentsButton{width:79px; height:22px; float:left; padding-left:104px; padding-top:10px;}
*/
#mainContent {width: 734px;}
#mainContent .padding { padding: 0px 0px 0px 0px; }
#mainContent2 {width: 734px; padding-top:24px;}

.downloads {width:734px; height:40px; padding-bottom:12px}
.downloads img{float:left;}

#crumbs { width:734px; padding:0 0 17px 0; border-bottom: dotted thin; margin-bottom: 0 0 8px 0; float:left;}
#mainContentTitle{ float:left; margin-top:-4px;}

#environmentMainPic{padding-top:25px; padding-bottom:26px; }
.environmentBoxes{ width:734px; height:160px; float:left; margin-top:15px; background-image:url(../images/layup/borderDot.gif); background-repeat:repeat-x; background-position:bottom; position:relative; }
.environmentBoxTitle { width:518px; height:21px; float:right; border-bottom: 1px solid #797979;}
.environmentBoxes a { font-weight:normal !important; text-decoration:none !important;}
.environmentBoxBold { width:518px; float:right; margin-top:16px; margin-bottom:8px;}
.environmentMainText { width:518px; float:right; margin-top:16px;}
.environmentBntBox { width:518px; height:22px; float:right; top:121px; left:216px; position:absolute; }
.environmentBtnGetAQuote{ float:right; margin-right:15px;}
.environmentBtnFullDetails{ float:right;}

.mainText{ float:left;}


.boxListTitleBox{float:left; width:186px;}
.boxListTitleBox a { text-decoration:none; font-weight:normal;}
#boxListMainText{float:left; margin-top:27px;}
.boxListBoxes2{ float:left; width:352px; height:130px; margin-bottom:30px;}
.boxListBoxes{ float:left; width:352px; height:130px; margin-right:30px; margin-bottom:30px;}
.boxListText{float:left; width:186px; margin-left:11px;}
.boxListBtn{float:right; margin-top:5px; /* width:186px; height:22px;*/ }

#productDetailsContent{ margin-top:21px;}
#productDetailsBtns{ width:371px; height:56px;}
#productDetailsBtns img{float:left;}
#productName{ width:372px;}

#productDetailsImageGallery{ width:342px; height:352px; float:right;}

#requestAQuote{ width:734px; float:left; height:100%; position:relative;}
#requestAQuoteExpand{background:url(../images/layup/requestAQuoteMiddle.gif) bottom repeat-y; margin-bottom:30px; position: relative; }
#requestAQuoteGradient{ padding:20px 20px 20px 20px; background: url(../images/layup/requestAQuoteGradient.gif) bottom no-repeat; position: relative; }
.requestAQuoteTable{ border-collapse: separate; background:#fff;}
.width59{ width:59}
#requestAQuote th{padding:15px 6px 16px 6px; background:#78aa2b;}
#requestAQuote th a{color:#FFFFFF;}
#requestAQuote td {padding:15px 6px 16px 6px; background:#f0f0f0;}
.requestAQuoteQuantity{margin: 0px 0px 0px 0px; width:44px;}
#requestAQuoteSubmit{ width:73px; height:27px; float:right; margin-left:15px; margin-top:20px}
#requestAQuoteReset{ width:73px; height:27px; float:right; margin-top:20px;}
#requestAQuoteTop{}

.widthBig{width:166px;}
.width109{width:109px;}
.width327{width:327px;}
.width150{width:150px;}
.width105{width:105px;}

div.productInfo { color:black; }
div.productInfoCategories span { display:block; float:left; padding:.25em .5em; }
div.productInfoCategories span.productInfoCategoryJoin { padding:.25em 0; }
div.productInfoImage { float:left; margin:.5em; }
div.productInfoDescription { margin:.5em; }
div.productInfoDescription p { padding:0 .5em .5em .5em; }

#contactUsManufactureLocations{ width:734px; height:auto; float:left; margin-top:26px; margin-bottom:30px;}
#contactUsManufactureLocationsInside{ height:346px; width:692px; float:left; background:url(../images/layup/contactUsBgMiddle1.gif) repeat-x; border-left:1px #bdbebb solid; border-right:1px #bdbebb solid; padding: 21px 21px 14px 19px;}
#contactUsSection1{ width:690px; height:173px; background:url(../images/layup/dotsC.gif) repeat-x bottom;}
.contactUsTitle{ width:309px; height:21px; float:left; border-bottom: 1px solid #FFFFFF;}
.contactUsLocationAdressText{ width:309px; float:left; margin-top:15px}
#map1{ width:347px; heigh:152px; float:right }
#map2{ width:347px; heigh:152px; float:right }
#contactUsSection2{ width:690px; height:146px; margin-top:20px}
.addressText{ font-size:110%; line-height:150%;}
#contactUsNow{ float:left;}
#contactUsHolder{ margin-bottom:20px}
#contactUsNowMiddle{ width:350px; background: url(../images/layup/contactUsBgMiddle2.gif) repeat-x #dcdddb; border-left:1px solid #bdbebb; border-right:1px solid #bdbebb; /*padding:21px 21px 0px 20px*/}
#contactUsNowForm{ /*margin-top:10px*/}
#contactUsBecome{ float:right;}
#contactUsBecomeMiddle{ width:350px; background: url(../images/layup/contactUsBgMiddle2.gif) repeat-x #dcdddb; border-left:1px solid #bdbebb; border-right:1px solid #bdbebb; /*padding:16px 21px 0px 20px*/}
#contactUsNowBecomeForm{/*margin-top:10px*/}
.topPic1{ float:left;}
.bottomPic1{ float:left;}
#contactUsNowSubmitBtn{}
#contactUsNowText1{ padding-left:24px; padding-right:24px; padding-top:10px}
#contactUsNowText2{padding-left:24px; padding-right:24px; padding-top:10px}
.formPadding1{ padding: 27px 20px 0px 24px}
.formPadding2{ padding: 15px 20px 0px 24px}

#quoteMainText{ padding-top:26px;}
#quoteProductInfo{ width:734px; position:relative;}
#quoteProductInfoBottomImage{ width:734px; padding-bottom:45px; background: url(../images/layup/quoteProductInfoBottomImage.gif) bottom no-repeat;}
#quoteProductInfoExpandImage{ background:url(../images/layup/quoteProductInfoMiddleImage.gif) repeat-y; margin-bottom:5px;}
.quoteProductInfoInside{ float:left; padding:20px 20px 0px 20px; }

.itemContainer { margin-bottom: 5px; }
.quoteProductInfoCatTitle{ width:680px; height:32px; background-color:#929292; padding-right:14px;}
.quoteProductInfoCatTitleSub1{ width:672px; height:32px; background-color:#A8A8A8; padding-right:14px; margin:0 auto;}
.quoteProductInfoCatTitleSub2{ width:665px; height:32px; background-color:#bfbfbf; padding-right:14px; margin:0 auto;}
.quoteProductInfoCatTitleText{ padding: 8px 0px 0px 15px; width:400px; float:left;}
.itemContainer .Table0 {  width:664px; background:#FFFFFF; padding:15px 15px 15px 15px; margin:0 auto}
.itemContainer .TableSub1 {  width:664px; background:#FFFFFF; padding:11px 11px 11px 11px !important; margin:0 auto}
.itemContainer .TableSub2 {  width:664px; background:#FFFFFF; padding:7px 7px 7px 7px; margin:0 auto}
.quoteProductInfoTable{  width:664px; background:#FFFFFF; padding:15px 15px 15px 15px; }

.quoteProductInfoTable input { width:89px}
.quoteTable{border-collapse: separate; background:#fff;}
.quoteProductInfoTable th{padding:15px 0px 16px 11px; background:#78aa2b;}
.quoteProductInfoTable th a{color:#FFFFFF;}
.quoteProductInfoTable td{ color:black; padding:15px 0px 16px 11px; background:#f0f0f0;}

.quoteTable input { width:89px}
.quoteTable th{padding:15px 0px 16px 11px; background:#78aa2b;}
.quoteTable th a{color:#FFFFFF;}
.quoteTable td{ color:black; padding:15px 0px 16px 11px; background:#f0f0f0;}

.quoteHideBtn a.open { display: block; float:right; width:49px; height:32px; background:url(../images/layup/quoteHideBtn.gif) no-repeat; }
.quoteHideBtn a.closed { display: block; float:right; width:49px; height:32px; background:url(../images/layup/quoteHideBtnClosed.gif) no-repeat; }



#quotePositionInCompany{float:left; margin-left:35px;}
.outterBg { background: url(../images/layup/frmConDetFootBg.gif) no-repeat bottom left; float: left; padding-bottom: 4px; position: relative; }
#quoteContactDetails{ width:704px; padding:64px 15px 0;  float:left; background:url(../images/layup/quoteContactDetailsBg.gif) no-repeat left top; position:relative; padding-bottom:5px; }
#quoteContactDetails label { float:left; width:120px; padding-left:15px; }
#quoteContactDetails input { float:left; width:195px; }
#quoteContactDetails textarea { float:left; width:195px; }
#quoteContactDetails .checkBox { width:10px; float:left; margin-left:15px; }
#quoteContactDetails div { margin-bottom:15px; float:left; }
#quoteContactDetailsBottom { width:734px; float:left; margin-bottom:20px; }

#quoteAditionalInfo{ width:734px; height:203px; float:left; background:url(../images/layup/quoteAdditionalInfoBg.gif) no-repeat; position:relative;}
#quoteAditionalInfoSection1{ width:347px; padding-top:64px; padding-left:20px; float:left;}
#quoteAditionalInfoSection2{ width:329px; padding-top:64px; padding-left:20px; float:left}
#quoteAditionalInfoAditional{}
#quoteAditionalInfoFind{ padding-bottom:19px;}
#quoteAditionalInfoReceive{padding-bottom:41px;}
#quoteAditionalInfoTerms{padding-bottom:15px;}
#quoteAditionalInfoTerms a { font-weight:normal}

.formFloat{ top:-13px; right:6px; position:absolute; width:83px; height:67px; z-index:999;}
#quoteSubmit{ float:right; margin-left:16px; padding-top:19px;}
#quoteReset { float:right; padding-top:19px}
#quoteSubmit2 { float:right; margin-left:16px; padding-top:19px; width:72px; height:27px;}
#quoteSubmit2 input {width:72px !important; height:27px !important;}

#contactRequest{ width:350px; margin:30px auto;}
#contactRequestTopText{padding:10px 24px 10px 0px}
#contactRequestMiddle{ width:308px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:10px 20px 0px 24px}
.contactRequestInputs{ margin-bottom:10px;}
.contactRequestInputs label { width:114px;}
.contactRequestInputs input {width:180px;}
.contactRequestInputs textarea {width:180px; height:73px}

#contactRequestSubmitBtn { padding-right:7px; height:27px;}

#customerZoneLoginPageHolder{ width:734px;}
#customerZoneLoginHolder{ width:350px; float:left;}
#customerZoneLoginMiddle{ width:308px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:20px 20px 0px 24px}
.customerZoneLoginInputs{ margin-bottom:10px;}
#customerZoneLoginHolder label { width:114px !important;}
#customerZoneLoginHolder input {width:180px !important;}
#customerZoneLoginSubmitBtn { padding-right:7px; height:27px; float:right; margin:7px 0px 7px 0px}
#customerZoneLoginSubmitBtn input { height:27px; width:73px !important; }
#customerZoneLoginLinks { text-align:right; padding:5px 6px 6px 0px; }
#customerZoneLoginLinks a {font-weight:normal; text-decoration:none;}
#customerZoneLoginLinks a:hover {font-weight:normal; text-decoration:underline;}

#customerZoneLoginRegister { width:350px; float:right;}
#customerZoneLoginRegisterMiddle{ width:308px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:20px 20px 0px 24px}
.customerZoneLoginRegisterInputs{ margin-bottom:10px;}
#customerZoneLoginRegisterInputsEmails{ margin-bottom:10px;}
#customerZoneLoginRegister label { width:114px !important;}
#customerZoneLoginRegister input {width:180px !important;}
#customerZoneLoginRegisterSubmitBtn { padding-right:7px; height:27px; float:right; margin:7px 0px 7px 0px}
#customerZoneLoginRegisterSubmitBtn input { height:27px; width:84px !important; }
#customerZoneLoginRegisterInputsEmails input { float:left !important; width:20px !important;}
#customerZoneLoginRegisterInputsRadios { padding:0; margin:0; list-style:none;}

#customerLoginFail {width:350px; margin: 0 auto;}
#customerLoginFailMiddle {width:308px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:15px 20px 5px 24px}
#customerLoginFailMiddle ul { padding: 0px 0px 0px 18px;}

#testimonial { width:734px; margin: 0 auto;}
#testimonialMiddle {width:694px; background: url(../images/layup/testimonialMiddleBg.gif) repeat-y; padding:15px 20px 5px 20px}
#testimonialMiddle ul { padding: 0px 0px 0px 18px;}
#testimonialMiddle label { width:114px !important;}
#testimonialMiddle input {width:212px !important;}
#testimonialMiddle textarea {width:212px; height:73px}
#testimonialRight { width:344px; float:right; padding:0px 0px 0px 24px}
#testimonialSubmitBtn { padding-right:14px; height:27px; float:right; margin:7px 0px 7px 0px}
#testimonialSubmitBtn input { height:27px; width:84px !important; }
#testimonialLeft { width:317px; float:left;}
.testimonialFeedBackLight { width:297px; background: #fafafa; margin:2px 0px 2px 0px; float:left; padding:10px;}
.testimonialFeedBackDark {width:297px; background: #f1f1f1; margin:2px 0px 2px 0px; float:left; padding:10px;}
.testimonialName { padding:0px 0px 0px 0px;}
.testimonialComment {padding:0px 0px 0px 0px;}


#fileList { width:320px; /*float:right;*/ margin-bottom:30px;}
#fileList a { padding:0px 0px 0px 0px; text-decoration:none; padding:14px 0px 12px 62px; display:block;}
#fileList li {height:43px; background: url(../images/layup/PDFBg.gif) no-repeat; text-decoration:none; margin:0px 0px 3px 0px; display:block;}
#fileList ul { list-style:none; padding:0; margin:0;}

#internalImageAndPDFHolder{ float:right; width:320px; margin:0px 0px 0px 23px}

#customerForgottenPassword { width:350px; margin: 0 auto;}
#customerForgottenPasswordMiddle { width:308px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:20px 20px 0px 24px}
.customerForgottenPasswordInputs{ margin-bottom:10px;}
#customerForgottenPassword label { width:114px !important;}
#customerForgottenPassword input {width:180px !important;}
#customerForgottenPasswordSubmitBtn { padding-right:7px; height:27px; float:right; margin:7px 0px 7px 0px}
#customerForgottenPasswordSubmitBtn input { height:27px; width:73px !important; }

#emailMarketingSignUp { width:350px; margin: 0 auto;}
#emailMarketingSignUpMiddle { width:327px; background: url(../images/layup/contactRequestMiddlePic.gif) repeat-y; padding:8px 20px 0px 5px}
.emailMarketingSignUpInputs {  margin-bottom:10px;}
#emailMarketingSignUp label { width:114px !important; float:left; margin-bottom:9px}
#emailMarketingSignUp input { width:180px !important; float:left; margin-bottom:9px;}
#emailMarketingSignUpSubmitBtn { padding-right:7px; height:27px; float:right; margin:7px 0px 7px 0px}
#emailMarketingSignUpSubmitBtn input { height:27px; width:73px !important; }
#emailMarketingSignUp #frmContact { padding:0px;}

.productNameOutPut{ width:180px; height:19px;}

#searchResults { width:734px; background:url(../images/layup/searchResaultsMiddle.gif) repeat-y; margin:25px 0px 0px 0px;}
#searchResultsMiddle { padding:15px 22px 22px 22px;}
#searchResultsMiddle td { padding-bottom:5px;}
#searchResultsMiddle thead { padding-bottom:10px;}
#searchResultsMiddle th { padding-left:0px; text-align:left;}
.productName { width:235px;}
.optionName { width:97px;}
.optionCode { width:89px;}
.productIntro { width:201px;}
.optionPrice { width:68px;}

/* ----- CMS IMAGE ----- */
.internalImage {float: right; margin: 0px 0px 40px 23px; position: relative;}
.internalImage2 {margin: 0px 0px 25px 0px; position: relative; width:320px;}
.internalImage img {}
.internalImage .frame{position: absolute; top: 0px; left: 0px;}
.internalImage #framedImage{width: 340px; height: 258px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}

.environmentalImage {float: left; margin: 0px 0px 0px 0px; position: relative;}
.environmentalImage .environmentalFrame {position: absolute; top: 0px; left: 0px;}
.environmentalImage .environmentalFramedImage {width: 191px; height: 143px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}

.boxListImage {float: left; margin: 0px 0px 0px 0px; position: relative;}
.boxListImage .boxListFrame {position: absolute; top: 0px; left: 0px;}
.boxListImage .boxListFramedImage {width: 155px; height: 117px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}

.productDetailsImage {float: left; margin: 0px 0px 0px 0px; position: relative;}
.productDetailsImage .productDetailsFrame {position: absolute; top: 0px; left: 0px;}
.productDetailsImage .productDetailsFramedImage {width: 342px; height: 258px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}


.productDetailsImageSmall {float: left; margin: 0px 0px 0px 0px; position: relative; margin-top:6px;}
.productDetailsImageSmall .productDetailsFrameSmall{position: absolute; top: 0px; left: 0px;}
.productDetailsImageSmall .productDetailsFramedImageSmall{width: 111px; height: 85px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}

.productDetailsImageSmall2 {float: left; margin: 6px 2px 0px 3px; position: relative; }
.productDetailsImageSmall2 .productDetailsFrameSmall{position: absolute; top: 0px; left: 0px;}
.productDetailsImageSmall2 .productDetailsFramedImageSmall{width: 111px; height: 85px; padding: 0px 0px 0px 0px; background: url(../images/layup/noImage320x240.jpg) 0px 0px no-repeat;}


#foreignPageMainText { padding:20px 0px 20px 0px; width:673px;}
.foreignPageHolder { width:673px; padding:0px 0px 4px 0px;}
.foreignPagePic { width:166px;  float:left;}
.foreignPageTextContainer { width:503px; float:right; background: #7caf2c url(../images/layup/foreignBottomBg.gif) bottom no-repeat;}
.foreignPageTitle { width:481px; background: url(../images/layup/foreignTitleTextBg.gif) no-repeat; padding:9px 11px 0px 11px}
.foreignPageTitle2 { width:481px; background: url(../images/layup/foreignDotedLine.gif) no-repeat bottom; padding:0; margin:0;}
.foreignPageTitle2 p { padding:0px 0px 9px 0px; margin:0;}
.foreignPageMainText { padding:7px 11px 0px 11px;}
.foreignPageMoreInfoBtn { float:right; padding:0px 17px 16px 0px;}
#foreignBackToTopBtn { float:right; padding:0px 61px 0px 0px;}


#catigoryBanner { width:734px; height:199px; position:relative; margin:25px 0px 29px 0px; }
#catigoryBannerFrame { position:absolute; }
#catigoryBannerFramedImage {}

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.printHide { display:block; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.seo {text-decoration:none;font-weight:normal;}
.highlight { background-color:#99CCFF; padding:0 .25em; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

h1 {font-family:Arial, Helvetica, sans-serif; color:#00478c; font-size:167%; margin-top:0; font-weight:normal; text-transform:uppercase;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#7baf2b; font-size:140%; font-weight:normal;}
h3 {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:130%; font-variant:small-caps; line-height:60%; padding-bottom:4px;}
h4 {font-family:Arial, Helvetica, sans-serif; color:#7baf2b; font-size:135%; padding:0 0 0 0; top:0;}
.pageNumber{color:#FFFFFF;}
.contactUsText{color:#FFFFFF; font-style:normal;}
.breadcrumbText{font-family:Arial, Helvetica, sans-serif; color:#7baf2b; font-size:140%; padding:0 0 0 0; top:0;}
.environmentBoxTitleText { font-size:120%; color:#00478c; font-style:normal; padding: 0 0 0 0;}
.environmentBoxBoldText { font-size:100%; color:#212020; font-weight:bold; padding: 0 0 0 0;}
.contactUsTitleFont{font-family:Arial, Helvetica, sans-serif; color:#00478c; font-size:167%; margin-top:0; font-weight:normal; text-transform:uppercase; line-height:0%;}
.productCatTitleText{ padding:0 0 0 0; margin: 0 0 0 0; font-size:120%; color:#e7e8e6; font-family:Arial, Helvetica, sans-serif;}
.whiteText{color:#FFFFFF; font-weight:normal;}
.whiteTextBold{color:#FFFFFF; font-weight:bold;}
.featuredProductsTitle {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:130%; font-variant:small-caps; line-height:90%; padding-bottom:4px; font-weight:bold;}
.textBold { font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#primaryNav { width: 734px; height: 40px; float:left; background-image:url(../images/layup/primaryNavHome.gif); }
#primaryNav ul { list-style: none; margin: 0; padding: 0;}
#primaryNav li { float: left; padding-left:7px; }
#primaryNav li a { display: block; padding: 13px 6px; color:#fff; text-decoration:none; }
#primaryNav li a:hover,
#primaryNav li.active a { background:url(../images/layup/primaryNavActive.gif) repeat-x; color:#000000; }

/* ----- DROPDOWN NAV ----- */
/* dropdown model nav */
#primaryNav ul li ul.firstlevel { width: 149px !important; height: auto !important; left: -999em; position: absolute; background: #7aae28 url(../images/layup/primaryNavDropLevel1.gif) top left no-repeat; border: 1px solid #c3da27; }
#primaryNav ul li:hover ul.firstlevel,
#primaryNav ul li.sfhover ul.firstlevel { left: auto; padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 149px; z-index: 9999; }
#primaryNav ul li:hover ul.firstlevel li,
#primaryNav ul li.sfhover ul.firstlevel li { display: block; padding: 4px 0px 0px 0px;	margin: 0px; width: 149px; }
#primaryNav ul li:hover ul.firstlevel li a,
#primaryNav ul li.sfhover ul.firstlevel li a { position: relative; padding: 0px 5px 5px 22px; margin: 0px; color: #000; font-weight: normal; background: url(../images/layup/primaryNavDropLevel1Arrow.gif) 10px 3px no-repeat !important; }
#primaryNav ul li:hover ul.firstlevel li a:hover,
#primaryNav ul li.sfhover ul.firstlevel li a:hover { text-decoration: underline; }
/* dropdown model nav sub */
#primaryNav ul li ul li ul.secondlevel { width: 149px !important; height: auto !important; left: -999em; position: absolute; background: #085299 url(../images/layup/primaryNavDropLevel2.gif) top left no-repeat; border: 1px solid #c3da27; }
#primaryNav ul li ul li:hover ul.secondlevel,
#primaryNav ul li ul li.sfhover ul.secondlevel {  margin: -32px 0px 0px -1px !important; left: 150px; padding: 8px 0px 0px 0px; display: block; width: 149px; z-index: 9999; }
#primaryNav ul li ul li:hover ul.secondlevel li,
#primaryNav ul li ul li.sfhover ul.secondlevel li { display: block; padding: 4px 0px 0px 0px;	margin: 0px; width: 149px; }
#primaryNav ul li ul li ul.secondlevel li a {  padding: 0px 5px 5px 22px; margin: 0px; color: #fff; font-weight: normal; background: url(../images/layup/primaryNavDropLevel2Arrow.gif) 10px 3px no-repeat !important; }
#primaryNav ul li ul li:hover ul.secondlevel li a,
#primaryNav ul li ul li.sfhover ul.secondlevel li a {  padding: 0px 5px 5px 22px; margin: 0px; color: #fff; font-weight: normal; background: url(../images/layup/primaryNavDropLevel2Arrow.gif) 10px 3px no-repeat !important; }
#primaryNav ul li ul li:hover u.secondlevell li a:hover,
#primaryNav ul li ul li.sfhover ul.secondlevel li a:hover { text-decoration: underline; }

#headerRightCol {float:right; width:736px; position:relative; }
#headerJumps { width: 543px; height: 33px;  float:right; margin-bottom:14px;}
#headerJumps img {float:left}
#celebrate75Years { position:absolute; bottom:47px; left:284px; display:block !important; z-index:99;}

#languageSelect {width:265px; height:18px;  float:right; margin-bottom:14px;}
#languageSelect img {float:left}
#flags {width: 145px; float:left}
#flags img{float:left; padding-left:10px;}

#headerJumpsSearchSite{background-image:url(../images/layup/siteSearch.gif); background-repeat:no-repeat; width:187px; height:31px; float:left;}
#headerJumperTextContainer{padding-left:0px; width:158px;}
#headerJumperButtonContainer{ width:25px; height:33px; float:left;}
#headerJumperButtonContainer img {float:left;}
#headerJumpsSearchSite img{ float:left}
#searchOn{}

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li {  }
#secondaryNav li a { text-decoration: none; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { border-bottom: 1px #000000 dotted; padding: 0 0 7px 0;}
#breadcrumbs a {text-decoration:none; font-weight:normal;}
#breadcrumbs img { display: inline;}

#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; }
#pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */

#footer {height:195px; margin-top: -195px; background: #FFFFFF url(../images/layup/footerBg.jpg) repeat-x ; }
#footer .padding {}
#footer a { font-weight:normal; text-decoration:underline; color:#484848;}
.footerText{color:#484848;}
#footer a:hover { text-decoration:none;}

#footerTextBox{width:960px; height:195px; margin:0 auto; background-image:url(../images/layup/footerDots.gif);}
#footerTop{width:960px; height:113px; float:left;}
#footerBottom{width:960px; height:82px; float:left;}
#footerLogo{width:122px; height:84px; float:left; margin-top:29px; margin-right:26px;}
#footerTextAdress{width:378px; height:73px; float:left; text-align:left; margin-left:22px; margin-top:40px;}
#footerRegulations{width:385px; height:; float:left; margin-left:27px; margin-top:40px; text-align:left;}
#footerSkills{width:672px; height:20px; float:left; margin-right:21px; margin-top:28px; text-align:left;}
#footerNetDirector{width:242px; height:54px; float:right; margin-left:25px; margin-top:28px; text-align:right;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; }
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
#searchSite{border:none; background:none; float:left; margin: 8px 0px 0px 48px;}
form { padding:0; margin:0;}
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
#contactUsNow label { width: 114px; }
#contactUsBecome label { width: 114px; }
label { display:block; width:260px; float:left; }
input, textarea { width:107px; font-size:11px !important;}
#contactUsNow textarea {width:180px;}
#contactUsBecome textarea {width:180px; height:73px}

#contactUsBecome input {width:180px}
#contactUsNow textarea{height:73px}
#contactUsNow input {width:180px;}
#contactUsNow submit { width:110px;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { padding-bottom:15px;}
#contactUsBecome{ /*margin-top:5px;*/}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
.frmContact div { margin-bottom:10px;}
#submit { width:73px; height:27px; border:none; float:right}
.searchGoBtn { width: 25px; height: 33px; float: right;}
#btnSubmit2 { width: 73px; height: 27px; float:right;}
#contactUsNow #btnSubmit3 { width: 73px; height: 27px; float:right;}
#contactUsBecome #btnSubmit2 { width: 73px; height: 27px; float:right;}
#headerJumpsSearchSite searchSite { width:20px;}

#quoteTitle label { width:33px}
#quoteTitle input { width:30px;}
#quoteFirstName label{ width:66px;}
#quoteFirstName input{ width:171px;}
#quoteSurname label{ width:58px;}
#quoteSurname input{ width:215px;}
#quoteCompanyName label{ width:89px;}
#quoteCompanyName input{width:215px;}
#quotePositionInCompany label {width:113px;}
#quotePositionInCompany input {width:215px;}

#quoteContactAddress1 label{width:97px}
#quoteContactAddress1 input{width:228px}
#quoteContactAddress2 label{width:97px}
#quoteContactAddress2 input{width:228px}
#quoteContactTown label{width:97px}
#quoteContactTown input{width:228px}
#quoteContactCounty label {width:97px}
#quoteContactCounty input{width:228px}
#quoteContactPostCode label{width:97px}
#quoteContactPostCode input{width:228px}
#quoteContactCountry label{width:97px}
#quoteContactCountry input{width:228px}

#quoteContactTelephone input,
#quoteContactExtension input,
#quoteContactMobile input,
#quoteContactEmail input
{width:204px}
#quoteContactTelephone label,
#quoteContactExtension label,
#quoteContactMobile label,
#quoteContactEmail label
{width:116px}

#quoteAditionalInfoAditional label{ width:80px;}
#quoteAditionalInfoAditional textarea{width:241px; height:115px}
#quoteAditionalInfoFind label{ width:118px;}
#quoteAditionalInfoFind select{ width:206px;}
#quoteAditionalInfoReceive label{ width:277px; float:left}
#quoteAditionalInfoReceive input{ width:15px; padding:0; margin:0; float:left; margin-right:15px;}
#quoteAditionalInfoTerms label{ width:277px; float:left}
#quoteAditionalInfoTerms input{ width:15px; padding:0; margin:0; float:left; margin-right:15px;}

.contactRequestInputs select {width:184px !important; }



/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FFFFFF; background-color: #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }
#navigationBox ul {list-style: none; margin: 0; padding: 0; margin-left:10px; margin-right:10px; margin-bottom:6px; margin-top:6px; border-top: 1px solid #236cb0; }
#navigationBox li {padding-top:8px; padding-bottom:8px; border-bottom: 1px solid #236cb0;}
#navigationBox li a {color:#FFFFFF; text-decoration:none; font-weight:normal;}

/* ----- STOCK UPDATES FORM ----- */
#promoForm { padding:12px 0 0 19px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;}
#promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;}
#promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:5px 0 20px 0;}


/* ------ SPILL KIT CALC ---------*/

.spillKitTitle { padding-left: 6px; font-size: 1.3em; padding-bottom: 10px; padding-top: 25px; }
.spillKitProduct { float: left; width: 107px; }
.spillKitProductInfo { font-weight: bold; padding-left: 6px; height: 50px; }
#calculatorTotal { background:url(../../images/layup/calculatorTotalBg.gif) top left no-repeat; width: 273px; height: 60px;}
#calculatorTotal table td{ color: #FFFFFF; font-weight: bold; font-size: 1.5em !important; }
#calculatorTotal table { height: 60px; width: 273px;}