body { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #454545; margin: 0; padding: 0; display: block;overflow-x: hidden;} head, header, nav, main, footer { display:block; overflow: hidden; } /*Content*/ .ui-dialog { z-index: 9999999999999999 !important;} .tick { width: 10px !important;} .Wrap { max-width: 1170px; margin: 0 auto; position: relative; padding-bottom: 5px; overflow: hidden;} .TopStrip { padding: 5px; background: rgba(0,0,0,0.5); text-align: right;} .TopSelect{ border: 1px solid #000; text-transform: uppercase; font-size: 16px; height: 30px; /* width: Auto; */ margin: 0 5px 5px 0;padding: 0 8px;} .ScrollToTop {width:48px;height:48px;border:none;background:url(../images/scroll-to-top.png) no-repeat center;cursor:pointer;position:fixed;bottom:20px;right:60px; opacity: 0.5; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .UpdateProgress { display: block;overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .UpdateProgress img { height: 100px; width: 100px; border-width: 0px; position: absolute; left: 45%;top: 45%; } .ProductPage .UpdateProgress img { left: 37%;top: 37%; margin-left: 0;} .NewsletterCheckBox label { display: inline-block !important; vertical-align: middle; } iframe { border: none;} .HomeStrip { background: url(/images/strip.jpg) no-repeat top; padding-top: 15px;} .NewsLetter img { display: block;} .LeftEnquiryForm .FormLineWide { display: block;} .EnquiryForm fieldset textarea { margin-top: 2px;} .ScrollToTop.Hidden { display:none;} .ScrollToTop:visited { border: none;} .ScrollToTop:active { border: none;} .ScrollToTop:hover { opacity: 0.9;} .Content p { margin: 15px 10px; font-size: 14px; line-height: 18px; } .Content a { text-decoration: none; color: orange; } .Content a:hover { color: #B0AC6D; text-decoration: none; } .Content h1:first-of-type { margin: 0px 0px; margin-bottom: 10px; font-weight: bold; color: black; padding: 10px; text-transform: uppercase; font-size: 30px; } .Content h1:first-of-type + .MainBanner { margin-bottom: 10px; margin-top: -10px; } .Content h2 { background: orange; padding: 10px; display: inline-block; color: #fff; margin: 0; } .Content h3 { margin-left: 10px;} .Content { background: url(/images/strip-bottom.jpg) bottom no-repeat #e8e8e8; padding-bottom: 25px; } .Content .Content { background: none; padding-bottom: 0;} .Content blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1em 10px; padding: 0.1em 10px; quotes: "\201C""\201D""\2018""\2019"; font-size: 20px; padding-top: 25px; overflow: hidden; display: block;} .Content blockquote:before { color: #B2AFCD; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.1em; vertical-align: -0.4em;} .Content blockquote:after { color:#B2AFCD; content:close-quote; font-size:4em; line-height:.1em; margin-left:0.1em; vertical-align:-.6em;} .Content blockquote p { display: inline;} .BGwhite { background: #fff; padding: 0 ; margin: 5px 10px; overflow: hidden;} .ReadMore { text-decoration: none; font-size: 14px; font-weight: bold; color: #fff !important; background: #000; padding: 5px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; line-height: 16px; float: right; } .ReadMore:hover { color: #fff; background: orange;} h1 { margin: 20px 0px; font-weight: bold; text-align:center; color: black; padding: 10px; text-transform: uppercase; font-size: 30px;} h2, h3, h4, h5 { text-transform: uppercase; clear: both; } /*Contact Form*/ .HiddenMaps div { display: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .HiddenMaps div iframe { max-height: 450px; min-height: 350px; } /*Head*/ header {background: #faa21f;} .Logo { width: 160px; background: url('/images/logo.png') no-repeat left 85%; display: block; float: left; background-size: contain; margin-left: 10px; margin-bottom: 0; height: 122px } .TopBar { display: block; background: #fff; overflow: hidden; padding-top: 5px; position: relative; margin: 0 auto; max-width: 1170px; height: 35px;} .TopBar .LanguagesIcons { display: inline-block; float: right; max-width: 250px;} .TopBar .LanguagesIcons span{ display: inline-block; float: left; padding: 7px;} .TopBar .LanguagesIcons a img{ height: 30px; display: inline-block; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .TopBar .LanguagesIcons a{ -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .TopBar .LanguagesIcons a img:hover{ -moz-transform: scale(3.9); -webkit-transform: scale(1.1); transform: scale(1.1);} .TopNav { float: right; padding: 0; margin:10px 0 0 0 ; list-style-type: none; } .TopNav li { float: left; text-transform: lowercase; } .TopNav li a { display: block; color: #fff; text-decoration: none; padding: 0px 5px; border-left: 1px solid #454545; height: 16px;} .TopNav li.First a { border: none; } .TopNav li a:hover { text-decoration: underline; } .TopNav li ul { display: none; } .MainBanner { background: #cccccc; width: 100%; margin: 0 auto; text-align: center; overflow: hidden;} .MainBanner img { width: 100%; margin: 0 auto; display: block;} /*News Marquee*/ .NewsMarque { overflow: hidden; background: #fff /*rgba(177,173,110,0.1)*/; display: block; padding: 10px 0 7px 0; border-radius: 0; position: relative;border-bottom: 1px dotted;} .NewsMarque .NewsHeader { display: block; position:absolute; background: #9aaa7a; color: #fff; padding: 10px; margin-right: 10px; top: 0; z-index: 99; font-weight: bold;} .NewsMarque a { background: url(/images/dot.png) no-repeat left; text-decoration:none; background-color: transparent; padding-left: 15px; margin-right: 30px; color: #000; display: inline-block;} .NewsMarque a:hover { text-decoration: none; color: #fff;} /*Pop Up Modal*/ .modal-demo {background-color: #FFF; max-width: 600px; overflow: hidden; overflow-y: scroll; position: relative; border: #000 solid 1px; border-radius: 5px; padding: 10px; box-shadow: 0 8px 6px -6px black; text-align: left;display: none;} .modal-demo h1 { font-size: 20px; text-align: center; margin: 15px 0 5px 0;} .modal-demo .ReadMore:hover { text-decoration: none;} /*Crumbs*/ .Crumbs { color: #000; clear: both; margin: 0 0; background: #ECECEC; padding: 1em; border-radius: 4px; } .Crumbs a { color: orange; text-decoration: none; display: inline-block; background: url(/images/crumbs-arrow.gif) no-repeat center right; padding-right: 15px; margin-right: 8px; } .Crumbs .last { background: none; color: #000;} /*Banners*/ .Banner { display: block; overflow: hidden; width: 100%;} .Banner img { width: 100%; display: block; overflow: hidden;} /*Vacant Post*/ .PositionAvailable { display: block; position: relative; padding: 10px; } .PositionAvailable .warning { color: red; font-size: 14px; margin-left: 10px;} .Intro { padding-bottom: 20px; position: relative;} .JobDescription { display: none; overflow: hidden; position: relative; margin-bottom: 50px; margin: 0 10px; background: #fff; padding: 10px; max-height: 450px; overflow: scroll;} .Intro .JobTitle { padding: 10px; color: #fff;cursor: pointer; bottom: 0; display: block; overflow: hidden; font-size: 16px; background: orange; display: block; margin: 10px; width: 250px;} /*Featured Categories*/ #FeaturedCategoryPanel { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; padding: 0;} #FeaturedCategoryPanel:hover { background: #eeeeee;} #FeaturedCategoryPanel .Box {display: inline-block; width: 385px; margin:0; vertical-align: top; border-radius: 5px; } #FeaturedCategoryPanel .Box a { text-decoration: none;} #FeaturedCategoryPanel .Box h2 { font-size: 14px; text-align: center; color: #666666; padding: 10px; border-radius: 5px; box-shadow: 1px 3px 5px #c2c2c2; height: 50px; -webkit-transition: background 1s ease-in; -moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;} #FeaturedCategoryPanel .Box h2:hover {background: orange;} #FeaturedCategoryPanel .Box img { width: 95%; height: 295px; display: block; padding: 10px; margin: 0 auto; background: #fff; -webkit-transition: background 1s ease-in; -moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in; } #FeaturedCategoryPanel .Box img:hover { background: #eeeeee; } #FeaturedCategoryPanel .Box {} /*ContentPages*/ .List ul{ list-style: none; width: 100%; clear: both; padding-left:0; display: block; overflow: hidden;} .List ul li { float: left; margin: 10px; padding-left:0;} .HousePlansDownloads { list-style: none; overflow: hidden;display: block; max-width: 1200px; padding-left: 10px; } .HousePlansDownloads li { background: #fff; width:360px; margin: 5px 0; padding: 10px 5px; display: inline-block; border-left: 5px solid #B0AC6D; border-right: 5px solid #B0805C; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;} .HousePlansDownloads li a { text-decoration: none; color: orange; padding: 10px 5px; font-size: 14px; height: 50px; ;} .HousePlansDownloads li:hover { background: orange; } .HousePlansDownloads li:hover a { color: white;} /*SubMenu*/ .SubMenuDiv { margin-top:0; padding-top: 0; overflow: hidden;} .CorporateStrip {background: url(/images/strip.jpg) no-repeat;display: block; width:100%; height: 15px;} .SubMenuDiv #MenuBox {} .SubMenuDiv h3 { margin-top:0; margin-bottom: 0; background: orange; display: inline-block; padding: 5px 10px;} .SubMenuDiv .MenuTitle { display: inline-block; margin: 10px; font-size: 16px; font-weight: bold; color: #fff; } .SubMenuDiv .MenuTitle a { color: #000;} .SubMenuDiv .MenuTitle a:hover { color: orange} .SubMenuDiv ul { list-style: none; padding-left: 10px; margin-top: 0; text-align: center;} .SubMenuDiv ul li { display: inline-block; overflow: hidden; width: 240px; text-align: center; font-size: 12px;text-transform: uppercase;} .SubMenuDiv ul.ProductRage li { width: 340px;} .SubMenuDiv ul li a { color: #fff; padding: 5px 0px; display: inline-block; background: #adafb2; min-height: 28px; font-weight: bold; width: 100%; } .SubMenuDiv ul li a:hover, .SubMenuDiv ul li a.Active { background: #fea500; color: #000;} .MenuSpan img { width: 30px; float: right;-webkit-transition: all 0.5s ease-in; vertical-align: middle; margin-top: 7px; margin-right: 5px; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;} .SubMenuOpenClose { cursor: pointer; display: block; overflow:hidden; padding-top: 5px; padding-bottom: 5px;} .SubMenuDiv.Active #ImagePoint { background: url(/images/close.png);} .SubMenuDiv #ImagePoint { background: url(/images/open.png); width: 93px; height: 17px; display: inline-block; float: right; margin-right: 10px; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;} /*CategoryList*/ .CategoryList { text-align: center;} .CategoryBox, .MouldCategoryBox { background: aliceblue; border-radius: 5px; width: 350px; display: inline-block; margin: 10px; position: relative; height: 400px; overflow: hidden; text-align: center; box-shadow: 1px 3px 5px #c2c2c2; border: 1px solid orange; -webkit-transition: box-shadow 0.5s ease-in; -moz-transition: box-shadow 0.5s ease-in; -ms-transition: box-shadow 0.5s ease-in; -o-transition: box-shadow 0.5s ease-in; transition: box-shadow 0.5s ease-in;} .MouldCategoryBox { height: 300px; } .CategoryBox:hover, .MouldCategoryBox:hover {box-shadow: 2px 2px 3px #717171;} .CategoryBox a, .MouldCategoryBox a { text-decoration: none; color: inherit;} .CategoryBox .CategoryTitle{ text-align: center; font-size: 16px; text-decoration: none; margin: 10px; display: block; height: 36px; background: orange; text-transform: uppercase; padding: 5px 10px; color: #fff; font-weight: bold; } .CategoryBox img , .MouldCategoryBox img{ width: 320px; height: 225px; margin: 0 auto; text-align: center; display:block;} .CategoryBox .CategoryDescription, .MouldCategoryBox .MouldCategoryDescription { font-size: 14px; text-align: left; margin: 10px; width:320px; display: block; } .MouldCategoryBox .MouldCategoryTitle {text-transform: capitalize; font-weight: bold; text-align: center; font-size: 16px; color: #000; display: block; padding: 10px; background: lightgray;height: 36px;} .MouldCategoryBox .MouldCategoryTitle:hover { color: #ffa500;} /*Product Page*/ .ProductPage .ProductImageBox { display: inline-block; float: left; margin: 0; overflow:hidden; position: relative;} .ProductPage img { width:400px; margin-left: 10px;} .ProductPage .ProductFeatures h3 { font-size: 18px;} .FeaturesBox { clear:both; display:inline-block; vertical-align: top;} .ProductPage .ImageBox {} .ProductPage #MachineLabel { display: block; position: absolute; bottom: 3px; left:10px; background: #B0AC6D; color: #fff; padding: 10px; font-weight: bold;} .MachineMenu { list-style: none; display: inline-block; max-width: 690px; margin-bottom:0; padding-left: 0; margin-left: 10px; overflow: hidden; font-size: 16px; background: #fff;color: orange; } .MachineMenu li { padding-left: 0; float: left;display: block;cursor: pointer; font-weight: bold; padding: 10px; opacity:0.5; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; } .MachineMenu li.ActiveList { background: orange; color: #fff; opacity: 1;} .ProductFeatures h2, .BlockFeatures h2 { margin: 0; background: orange; padding: 10px; display: block; color: #fff;} .ProductPage .ProductFeatures .Specs, .ProductPage .BlockFeatures { display: block; overflow: hidden; clear: both;border: 1px solid;border-top: 2px solid #828282; border-bottom: 5px solid;} .ProductPage .BlockFeatures .ManufactureDiv { border: 1px solid;} .ProductPage .ProductFeatures .Specs ul,.ProductPage .BlockFeatures .ManufactureDiv ul { list-style: none; display: block; overflow: hidden; padding: 10px 10px; margin: 0; color: #000; } .ProductPage .ProductFeatures .Specs ul:nth-child(odd), .ProductPage .BlockFeatures .ManufactureDiv ul:nth-child(odd) { background: #fff;} .ProductPage .ProductFeatures .Specs ul li:nth-child(even),.ProductPage .BlockFeatures .ManufactureDiv ul li:nth-child(even) { list-style: disc;} .ProductPage .ProductFeatures .Specs ul li img,.ProductPage .BlockFeatures .ManufactureDiv ul li img { max-width: 40px; max-height: 70px;} .ProductPage .BlockFeatures .ManufactureDiv ul li { float: left; width: 222px; overflow: hidden; padding:0; vertical-align:middle;} .ProductPage .ProductFeatures .Specs ul li { float: left; width: 320px; overflow: hidden; padding:0; vertical-align:middle;} .ProductPage .ProductFeatures { display: block; padding: 10px; max-width: 690px; overflow: hidden; padding-right: 0; } .ProductPage .BlockFeatures {max-width: 690px; display: inline-block;margin-top: 10px; margin-left: 10px;border-bottom: 5px solid; margin-bottom: 20px; } .ProductPage .ProductFeatures ul,.ProductPage .BlockFeatures ul { list-style: none; display: block; overflow: hidden; padding: 10px 10px; margin: 0; color: #000; } .ProductPage .BlockFeatures ul:first-of-type { border-top: 2px solid #828282; } .ProductPage .ProductFeatures #Heading li, .ProductPage .BlockFeatures #Heading li { font-size: 16px;} .ProductPage .ProductFeatures ul:nth-child(odd), .ProductPage .BlockFeatures ul:nth-child(odd) { background: #fff;} .ProductPage .ProductFeatures ul li:nth-child(even), .ProductPage .BlockFeatures ul li:nth-child(even) { list-style: disc;} .ProductPage .ProductFeatures ul li img, .ProductPage .BlockFeatures ul li img { max-width: 40px; max-height: 70px;} .ProductPage .ProductFeatures ul li, .ProductPage .BlockFeatures ul li { float: left; width: 220px; overflow: hidden; padding:0; vertical-align:middle;} .ProductPage .ProductFeatures, .ProductPage .BlockFeatures { margin-top: 0; padding-top:0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} .ProductPage .ProductFeatures .NormalList { list-style: none; } .ProductPage .ProductFeatures .NormalList li { display:block; float:none; width: 100%;} .MouldList { max-width: 1125px; margin: 0 auto;} /*Product Box*/ .ProductList { max-width: 1125px; margin: 0 auto; overflow: hidden; } .ProductBox { width: 350px; height: 340px; overflow: hidden; text-align: center; display:inline-block; margin: 10px; border: 1px solid orange; background: #fafafb; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;} .ProductBox img { width: 95%; height: 250px;box-shadow:1px 3px 5px #F9F4F4; } .ProductPage .Error img { width: 19px; } .ProductBox a { text-decoration: none; color:#9e9c9c;} .ProductBox a:hover { color: #ffa500;} .ProductBox a:hover .ProductTitle { color: #000;} .ProductBox .ProductTitle { text-transform: capitalize; font-weight: bold; text-align: center; font-size: 16px;color:#fff; display: block; padding: 10px; background:orange; height: 36px;} .ProductBox .ProductCaption { text-align: center; display: block; font-weight: bold; font-size:14px; margin-top: 5px;} .ProductBox:hover { box-shadow: 2px 5px 5px #969191; border-color: transparent;} .Product {max-width: 1015px; margin: 0 auto;} .Product #ImageTitle { display: block; width: 250px; padding: 10px 20px; background: #f98500; color: #000; text-align: center;} .Product img { float: left; max-width: 450px; display:block; margin: 5px 20px 0 0; } /*Product Page*/ .ProductWrap {} .Picture { max-width: 525px;padding: 0 10px; overflow: hidden; display: inline-block; float: left; border-right: 2px solid #f98500;} .Picture img { width: 100%; margin-right: 10px;} .Description { max-width: 650px; float: left; padding-left: 10px; font-size: 18px; margin-bottom: 20px; } .Specification { clear: both; max-width: 600px; margin: 20px 10px; overflow: hidden;border-bottom: 1px solid #f79220; } .Specification h2 { text-align:left;} .Specification ul { list-style: none; clear:both; width: 100%; margin: 0; padding-left: 0;overflow: hidden;line-height: 30px;} .Specification ul li { float: left; padding-left: 0; width: 45%;} .Specification ul li:first-child { font-weight: bold; padding-left: 10px;} .Specification ul.grey { background: #dadbdc;} .PDFLink { display: inline-block; border-radius: 4px; font-weight: normal; clear:both; margin-left: 10px; font-size: 28px; text-decoration: none; background: #B0AC6D; color: #fff !important; padding: 5px 10px 5px 5px; height: 60px; line-height:60px; background-position: right; background-repeat: no-repeat; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; } .PDFLink:hover { background: #BB936F;} .PDFLink img { height: 60px; width: 60px; float: left; margin-left:0;} /*Rotary Sieve*/ .ProductStrip { display: block; position: relative; overflow: hidden; margin: 10px;} .ProductStrip h3 { background: #faa21f; padding: 10px !important; display: inline-block;} .ProductStrip div { display: block; position: relative; overflow: hidden;} .ProductStrip .ProType { padding: 10px; margin-left: 10px; background: #565659; color: #fff;} .ProductStrip img { display: inline-block; max-width: 300px; margin: 10px; float: left; } .ProductStrip div > ul:first-of-type { display: inline-block; float: left; max-width: 760px;} /*Training and Support tables*/ #TrainingTable h3 { color: #afb1b4; text-transform: uppercase; font-size: 22px; margin-bottom: 5px; text-align: center; } .TrainingTable th { background: #faa21f; color: #fff; text-align: center; padding: 5px 10px; } .TrainingTable td { padding: 5px; text-align: center;} .TrainingTable td:last-child { background: #e2e3e4;} .TrainingTable td:first-child { background: #dadbdc; } #SupportTable h3 { color: #afb1b4; text-transform: uppercase; font-size: 22px;margin-bottom: 5px; text-align: center; } .SupportTable th { background: #b0ac6d; color: #fff; text-align: center; padding: 5px 10px; } .SupportTable td { padding: 5px; text-align: center;} .SupportTable td:first-of-type { min-width: 205px;} .SupportTable td:nth-child(2) { background: #d5d7d8;} .SupportTable td:nth-child(3) { background: #d5d7d8; } .SupportTable td:nth-child(4) { background: #d5d7d8; } /*Training Academy*/ .TrainingContent .trainingLdiv, .TrainingContent .trainingRdiv { display: inline-block; float: left; max-width: 540px; margin: 10px;} .TrainingContent .trainingLdiv #MainImg { width: 100%;} .TrainingContent .trainingLdiv div { display: inline-block; float: left; text-align: center; margin: 10px; } .TrainingContent .trainingLdiv .first { max-width: 300px;} .TrainingContent .trainingLdiv div:last-child { max-width: 200px; vertical-align: top;} .TrainingContent .trainingLdiv div span:first-of-type { font-weight: bold; display: block;} .TrainingContent .trainingLdiv div img { text-align:center;} .trainingRdiv h4 { margin-left: 10px;} .trainingheader { position: relative; display: block; overflow: hidden;} .trainingheader img { width: 100%; } .trainingheader div { position: absolute; margin: 0 auto; bottom: 10%; left: 40%; } .trainingheader a { padding: 10px 10px; border-radius: 10px; color: #fff; font-weight: bold; text-transform: uppercase !important; border: 2px solid #fff; margin-right: 15px;} .trainingheader a:hover { background: #faa21f;color: #fff !important; } /*Sharethis */ .ShareThisButtons { display: inline-block; margin: 10px 10px; margin-bottom: 0; } .ShareThisButtons span:first-of-type { margin-left: 0; } .ShareThisButtons span { margin-bottom: 0; padding-bottom:0; display: inline-block} /*Social Links*/ footer {max-width: 1170px; margin: 0 auto; position: relative;} .FooterContactLink { display: block; max-width: 150px; overflow: hidden;margin-left: 5px;} .FooterContactLink img { display: block; width: 100%; } footer h3 { text-decoration: underline;font-size: 1.17em;} .FooterWrap { border-radius: 0; background: #3d3c3c; } footer div{ vertical-align: top;} .footerAddress, .footerQuote { display: inline-block; overflow: hidden; width: 350px; margin: 10px; vertical-align: top; color: #fff;} .footerAddress a { color: orange; text-decoration: none;} .footerAddress p, .footerQuote p { margin: 5px 0; vertical-align: top; color: #fff;} .footerAddress p span { display: inline-block; color: #fff;} .footerAddress ul { list-style: none; padding-left: 0px; clear: both; margin: 5px 0;} .footerAddress ul li{ list-style:none; float: left; width: 140px; padding: 5px 0;} .footerSocial { display: inline-block; overflow: hidden; width:350px; color: #fff; margin: 10px; } .FacebookLink {display:block;float:left;width:38px;height:38px;background:url(/images/facebook-icon.png) no-repeat center;margin-right:6px;} .TwitterLink {display:block;float:left;width:38px;height:38px;background:url(/images/twitter-icon.png) no-repeat center;margin-right:6px;} .YouTubeLink {display:block;float:left;width:38px;height:38px;background:url(/images/youtube-icon.png) no-repeat center;margin-right:6px;} .LinkedInLink {display:block;float:left;width:38px;height:38px;background:url(/images/linkedin-icon.png) no-repeat center;} .footerQuote ul { width: 100%; list-style: none; padding-left: 0;} .footerQuote ul li {} .footerQuote ul li a { color: orange; text-decoration: none; } .footerQuote ul li a:hover { color:#B0AC6D;} .Signoff { color: #fff; font-weight: bold; vertical-align: middle; margin: 0; background: #ADAB6E; padding: 10px; } /*Magazine page*/ .MagazineBox { max-width: 1170px; text-align: center; margin: 0 auto; } .MagazineBox .Post h4 {margin: 0; background: orange; padding: 10px; display: block; color: #fff; text-align: center;} .MagazineBox .Post a.ReadMore { text-align: center; background: #fff; padding-bottom:10px; color:#fff; display: block; float: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;} .MagazineBox .Post a.ReadMore:hover { color: orange !important;} /*ProcuermentBox*/ .ProcuermentBox { display: block; overflow: hidden; max-width: 1100px; margin: 0 auto; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;} .ProcuermentBox a { color: #000;} .ProcuermentBox a:hover { color: #000; text-decoration: none;} .ProcuermentBox span:hover { color: white; } .ProcuermentBox span { position: absolute; background-color: orange; padding: 10px; bottom: 0; right: 0; font-weight: bold; } .ProcuermentBox:hover {box-shadow: 2px 5px 5px #969191; border-color: transparent;} .ProcuermentBox h3 { background: orange; padding: 10px; display: block; color: #fff; margin: 0; text-align: center;} .ProcuermentBox img { float: left; margin: 0 20px 20px 0;} .ProcuermentBox p { text-align: justify;} /* Quicklinks */ .Quicklinks { margin: 0em auto 0 auto; clear: both;background: silver; height: 265px; border-bottom: 2px solid #fff; } .Quicklinks ul {padding: 0;} .Quicklinks .Wrap > div, .Quicklinks ul { float: left; list-style-type: none; width: 21%; margin: 3em 2%; } .Quicklinks .Wrap > div {padding-top : 6px;} .Quicklinks ul li .Heading { margin: 0 0 1.2em 0; } .Quicklinks ul li:first-child { border-bottom : solid 2px #8F8C8C; margin-bottom : 15px;} .Quicklinks ul li .Heading, .Quicklinks h4 { color: #323747; font-size: 1.1em; font-weight: bold; text-transform: uppercase; display: block;} .Quicklinks ul li a { color: #fff; text-decoration: none; line-height: 2em; text-transform : uppercase ; } /*Validation*/ .Error { position: absolute; right: 40px; top: 37px; } .Error img { } .ValidationSummary { margin: 1em 0; color: #ee2e25; display: block; padding: 1em; border: 1px #ee2e25 dashed; max-width: 400px; } .ValidationSummary span { font-size:1.2em; font-weight:bold; } /*Contact Us*/ .ContactInfo { display: block; overflow: hidden; width: 100%; margin: 0 auto; margin: 10px; margin-left: 0;} .ContactInfo h2 { display: block; max-width: 290px;} .ContactInfo h3 { margin-left: 0;} .ContactInfo div { display: inline-block; vertical-align: top; margin: 5px; width: 270px; margin-left: 10px;} .ContactInfo div:first-of-type { margin-left: 10px;} .ContactInfo div p { margin: 5px; margin-left: 0;} /*Contact Form*/ .ContactForm { max-width: 400px; margin: 0 auto; margin-left:10px; overflow: hidden; position:relative;} .ContactForm h2 { text-align: center;} .ContactForm .Required { border: 1px solid red;} .ContactForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .ContactForm fieldset label { width: 250px; display: block; vertical-align:middle; padding: 5px 0;} .ContactForm fieldset .MessageLabel { vertical-align: top;} .ContactForm fieldset input[type=text] { width: 350px; display: inline-block; padding: 10px ;} .ContactForm fieldset select { width: 372px; display: inline-block; padding: 10px 15px;} .ContactForm fieldset textarea { resize: none; width: 355px; padding: 9px } .ContactForm fieldset #message { vertical-align: top; padding-top: 5px;} .ContactForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .ContactForm a.Button:hover { opacity: 0.7;filter: alpha(opacity=70);} .CampaignForm .Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0px 20px; width: 150px; border: none; background: #f79220; color: #000;} .CampaignForm .Button:hover { opacity: 0.7;filter: alpha(opacity=70);} .Successful { color: #1ac748;} .Failed { color:#ee2e25} .Failed p { margin-left: 0;} .CaptchaBox div { overflow: hidden; display: block;} .CaptchaBox img { width: 230px !important;} /*Modal Form*/ .ContactInfo { display: block; overflow: hidden; width: 100%; margin: 0 auto; margin: 10px; margin-left: 0;} .ContactInfo h2 { display: block; max-width: 290px;} .ContactInfo h3 { margin-left: 0;} .ContactInfo div { display: inline-block; vertical-align: top; margin: 5px; width: 270px; margin-left: 10px;} .ContactInfo div:first-of-type { margin-left: 10px;} .ContactInfo div p { margin: 5px; margin-left: 0;} /*Contact Form*/ .PopupBtnBox { display: block; overflow: hidden; margin: 0 0 5px 0; padding: 0px;} .ModalFrame { height: 600px;} .modal-demo iframe { max-width: 350px !important; max-height: 650px;} .ModalFrameForm { width: 100%; margin: 0 auto;overflow: hidden; margin-left: 5px; position:relative;} .ModalFrameForm h2 { text-align: center;} .ModalFrameForm .Required { border: 1px solid red;} .ModalFrameForm .FormLineBox { overflow: hidden; max-width: 100%; display: block;} .ModalFrameForm fieldset { border: none; overflow: hidden; padding-left: 0; position: relative;} .PositionModal fieldset { margin: 10px 0;} .ModalFrameForm fieldset label { width: 250px; vertical-align:middle; padding: 5px 0; display: none;} .ModalFrameForm fieldset .MessageLabel { vertical-align: top;} .ModalFrameForm fieldset.FormLineLeftHalf, .ModalFrameForm fieldset.FormLineRightHalf { width: 100%; overflow: hidden; display: block; margin-bottom: 5px; } .ModalFrameForm fieldset input[type=text], .ModalFrameForm fieldset input[type=email] { width: 92%; display: inline-block; padding: 10px ;} .ModalFrameForm fieldset select { width: 95.5%; display: inline-block; padding: 10px 15px;} .ModalFrameForm fieldset .select2-container {width: 297px !important; max-width: 100% !important;} .ModalFrameForm fieldset textarea { resize: none; width: 92.5%; padding: 9px } .ModalFrameForm fieldset #message { vertical-align: top; padding-top: 5px;} .ModalFrameForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .ModalFrameForm a.Button:hover { opacity: 0.7;filter: alpha(opacity=70);} .ModalFrameForm .Error { top: 10px ; right: 30px;} .ModalFrameForm .Button { line-height: 40px; cursor: pointer; overflow: hidden;font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0px 20px; border: none; background: #f79220; color: #000;width: 95.5%;} .ModalFrameForm .Button:hover { opacity: 0.7;filter: alpha(opacity=70);} a.PopupButton { /*background: rgba(23,160,94, 1)*/ background: #ADAB6E; padding: 10px; font-size: 18px; float: left; text-align: center; text-transform: uppercase; display: block; width: 320px; border-radius: 3px; color: #fff; font-weight: bold; cursor: pointer; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } /*background: rgba(176,172,109, 0.8)*/ a.PopupButton:hover { color: #000; display: block; text-decoration: none;background: rgba(255,165,0, 1);} .ModalFrameCareerForm { width: 100%; margin: 0 auto;overflow: hidden; position:relative;} .ModalFrameCareerForm .FormBox { margin: 0 auto;} .ModalFrameCareerForm .FormBox > div { margin: 0 auto; } .ModalFrameCareerForm h2 { text-align: center;} .ModalFrameCareerForm .Required { border: 1px solid red;} .ModalFrameCareerForm fieldset { max-width: 340px; border: none; overflow: hidden; padding-left: 0; position: relative; margin: 10px 0;} .PositionModal fieldset { margin: 10px 0;} .ModalFrameCareerForm fieldset label { width: 300px; vertical-align:middle; padding: 5px 0; display: none;} .ModalFrameCareerForm fieldset .MessageLabel { vertical-align: top;} .ModalFrameCareerForm fieldset.FormLineLeftHalf, .ModalFrameCareerForm fieldset.FormLineRightHalf { width: 100%; overflow: hidden; display: block; } .ModalFrameCareerForm fieldset input[type=text], .ModalFrameCareerForm fieldset input[type=email],.ModalFrameCareerForm fieldset input[type=file] { width: 300px; display: inline-block; padding: 10px ;} .ModalFrameCareerForm fieldset select { width: 322px; display: inline-block; padding: 10px 15px;} .ModalFrameCareerForm fieldset .select2-container {width: 300px !important; max-width: 100% !important;} .ModalFrameCareerForm fieldset textarea { resize: none; width: 300px; padding: 9px } .ModalFrameCareerForm fieldset #message { vertical-align: top; padding-top: 5px;} .ModalFrameCareerForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .ModalFrameCareerForm a.Button:hover { opacity: 0.7;filter: alpha(opacity=70);} .ModalFrameCareerForm fieldset .Error { top: 10px; right: 25px;} .ModalFrameCareerForm .Button { line-height: 40px; cursor: pointer; overflow: hidden;font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0px 20px; border: none; background: #f79220; color: #000;width: 293px;} .ModalFrameCareerForm .Button:hover { opacity: 0.7;filter: alpha(opacity=70);} .wrapForm { max-width: 330px;} /*Success Stories*/ .Post { width: 345px; overflow: hidden; padding: 10px; position: relative; display: inline-block; margin: 10px; background: #eeeeee; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -ms-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; } .Post:hover { box-shadow: 1px 3px 5px #c2c2c2; background: #fff;} .Post img { margin-bottom: 0; overflow: hidden; display: block; width: 100%;} .Post .Text h4 { line-height: 14px; height: 30px; background: orange; color: #fff; padding: 10px 5px; margin-top:0;} .Post .Text p { margin: 10px 0;} .Post .Text a { background: #000; color: #fff; font-weight: bold; padding: 10px; display: block; width: 75px; text-decoration: none; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in;} .Post .Text a:hover { color: orange;} .Post .Country { position: absolute; background: rgba(166,130,96,0.7); padding: 10px 5px; text-transform: uppercase; font-size: 12px; color: #fff; font-weight: bold; } .RelatedStories .Post .Text a { width: 75px;} /*Homepage*/ .FeaturedBox { display: inline-block; max-width: 805px; vertical-align: top;} .RightPanel { display: inline-block;vertical-align: top; max-width: 355px; float: right; margin-right: 5px} .AwardStrip { width:338px; overflow: hidden; padding: 10px; display: inline-block; text-align:center; margin: 10px; background: #fff; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in;} .AwardStrip:hover { box-shadow: 1px 3px 5px #c2c2c2;} /*Latest News*/ .LatestNews { width: 340px; overflow: hidden; padding: 10px; display: inline-block; margin: 10px; background: #fff; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in;} .LatestNews:hover { box-shadow: 1px 3px 5px #c2c2c2;} .LatestNews h2 { text-align: center; display: block;} .LatestNews img { margin-bottom: 0; overflow: hidden; display: block; max-width: 100%;} .LatestNews .Box {border: 5px solid transparent; border-bottom: 2px solid #eeeeee; margin-bottom: 10px; -webkit-transition: all 0.2s ease-in; display: block; overflow: hidden; position: relative; padding-bottom: 10px; text-align: left; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;} .LatestNews .Box h3 { margin-top:0; margin-left: 0; margin-bottom: 5px;} .LatestNews .Box p { margin: 5px 0;} .LatestNews a.NewsReadMore, .RightPanel .Training a.NewsReadMore { background: #000; color: #fff; font-weight: bold; padding: 10px; display: block; width: 95px; text-decoration: none; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; } .LatestNews a.NewsItem { padding-top: 5px; padding-bottom: 5px; width: 180px; bottom: 0; float: right; margin-bottom: 5px;} .LatestNews a.NewsReadMore:hover, .RightPanel .Training a.NewsReadMore:hover { color: orange;} .RightPanel p { margin: 5px 0;} .RightPanel .Spares, .RightPanel .Training { width: 320px; overflow: hidden; padding: 10px; display: inline-block; margin: 10px; margin-top: 0; background: #fff; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in;} .RightPanel .Spares:hover, .RightPanel .Training:hover,.RightPanel .MagazineHome:hover { box-shadow: 1px 3px 5px #c2c2c2;} .Spares h2, .Training h2, .MagazineHome h2 { text-align: center; display: block;} .Spares a, .Training a { text-decoration: none; color: orange;} .Spares a:hover, .Training a:hover { color:#B3AB7A;} .RightPanel .MagazineHome { width: 320px; margin-top: 0; overflow: hidden; text-align: center; display:block; position: relative; background: #fff; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in; } .MagazineHome { position: relative; display: inline-block; overflow: hidden;} .MagazineHome a.emagHome { display: inline-block; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in;} .MagazineHome a.emagHome:hover img { box-shadow: 1px 3px 5px #c2c2c2;} .MagazineHome a.emagHome img { display: inline-block; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; -ms-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in;} .MagazineHome a.emagHome:first-of-type img{ margin-left: 0px;} .MagazineHome p { font-size: 16px;} .MagazineHome a.ReadMore { display: block;text-decoration: none; background: #000; color: #fff; text-align: center; padding: 10px; font-weight: bold; margin: 10px 0; bottom: 0; float: none;} .MagazineHome a.ReadMore:hover { background: #000; color: orange !important;} /*Campaigns*/ .FeaturedBox .Campaign { display: inline-block; overflow: hidden; width: 360px; height: 235px; margin: 5px 0; background:#eeeeee; position: relative; padding: 10px; -webkit-transition: all 0.2s } .FeaturedBox .Campaign:hover { box-shadow: 1px 3px 5px #c2c2c2;} .FeaturedBox .Campaign h3{ margin-top: 0;margin-bottom: 0; text-align: center;} .FeaturedBox .Campaign p { margin-left: 0; margin-right: 0; } .FeaturedBox .Campaign .Slogan { font-size: 22px; text-align: center; display: block;} .FeaturedBox .Campaign .Slogan strong { font-size: 28px; color: orange;} .FeaturedBox .Campaign a { display: block; width: 340px; text-decoration: none; background: #000; color: #fff; text-align: center; padding: 10px; font-weight: bold; margin: 10px 0; position: absolute; bottom: 0;} .FeaturedBox .welcomeText, .FeaturedBox .HomeFeaturedIndustries{display: inline-block; max-width: 800px; background: #fff;vertical-align: top; margin: 10px; padding: 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } .FeaturedBox div{display: inline-block; max-width: 800px; background: #fff;vertical-align: top; margin: 10px; padding: 10px;text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } .FeaturedBox .Campaign a:hover { color: orange;} .FeaturedBox .HomeFeaturedIndustries:hover, .FeaturedBox .welcomeText:hover,.HomeForm:hover { box-shadow: 1px 3px 5px #c2c2c2;} .FeaturedBox div:hover { box-shadow: 1px 3px 5px #c2c2c2;} .FeaturedBox div h2 { display: block; text-align: center;} /*Featured Stories*/ .HomeFeaturedStories { display: inline-block; max-width: 800px; overflow: hidden; vertical-align: top; margin: 10px; padding: 10px; background: #fff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } .HomeFeaturedStories:hover{ box-shadow: 1px 3px 5px #c2c2c2;} .HomeFeaturedStories h2 { display: block; text-align: center;} .HomeFeaturedStories .FeaturedStory h3 { height: 38px;margin-bottom: 5px; margin-left: 0;} .HomeFeaturedStories .FeaturedStory { max-width: 370px; vertical-align: top; margin: 5px; display: inline-block; overflow: hidden; position: relative;} .HomeFeaturedStories .FeaturedStory img { width: 100%; height: 170px;} .HomeFeaturedStories a { display: block; text-decoration: none; background: #000; color: #fff; text-align: center; padding: 10px; font-weight: bold; margin: 10px 0; bottom: 0;} .HomeFeaturedStories a:hover { color: orange;text-decoration: none !important; } .HomeFeaturedStories .MoreStories { background: #000; display:block; text-align: center; padding: 10px; color: #fff; font-weight: bold; font-size: 22px;} .StoryBox h1 { font-size: 36px; background: orange; color: #fff; margin: 10px 0; padding: 10px; text-transform: uppercase; } .StoryBox h3 { margin: 0 10px; background: orange; padding: 10px; display: inline-block; color: #fff;} .StoryBox p em, .StoryBox em { font-size: 16px; margin: 10px; font-weight: bold; overflow: hidden;} .StoryBox ul { font-size: 14px;} .StoryBox .CaseStudy { display: block; max-width: 250px; width: initial; font-size: 16px; background: #fff; padding: 10px 20px 10px 10px; font-weight:bold; color: #B17C5C; margin-bottom: 10px;} .ArticleBody { width: 100%; display: inline-block; overflow: hidden;} .RelatedProducts h2, .RelatedStories h2 { margin: 0 10px; background: orange; padding: 10px; display: block; color: #fff;} /*Legal Page Menu*/ .LegalMenu { width: 100%; padding-left: 0;} .LegalMenu li a { display:block; padding: 20px; list-style: none; background: #fff; margin: 5px 10px; font-size: 20px; font-weight: bold; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;} .LegalMenu li a:hover { background:#B0AC6D; color: #fff; } /*News Room*/ .NewsBox { margin: 0 auto; max-width: 1140px; overflow: hidden; } .NewsRoomPost { width:360px; height:250px; overflow:hidden; text-align: left; vertical-align: top; display: inline-block; float: none; margin: 5px; padding: 10px 0; border: 1px solid #cccccc; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} .NewsRoomPost:hover { background: #FDFDFD; border:5px solid #eeeeee; } .NewsRoomPost h2 { margin: 0 10px; background: orange; padding: 10px; display: block; color: #fff; text-align: center;} .NewsRoomPost .NewsWrap { height: 245px; overflow: hidden;} .ActiveNews .NewsWrap { height: auto;-webkit-transition: height 0.5s ease-in; -moz-transition: height 0.5s ease-in; -ms-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in;} .ActiveNews{ height: auto;-webkit-transition: height 0.5s ease-in; -moz-transition: height 0.5s ease-in; -ms-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in;} .NewsRoomPost a { background: #000; color: white; text-decoration: none; padding: 2px 5px; -webkit-transition: background 0.5s ease-in; display: block; -moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in;} .NewsRoomPost a:hover {background: orange;} .NewsRoomPost a img { width: 320px;} /*Board Members*/ .Board { width: 100%; margin: 0 auto; padding-left: 10px; padding-right: 10px;} .Board .BoardMember { display: block; overflow: hidden; border-bottom: 5px solid #cccccc; max-width: 96%; padding: 10px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} .Board .BoardMember:hover { background: #c2c2c2;} .Board .BoardMember img { float: left; margin-right: 10px;} .Board .BoardMember h2 { display: inline-block; margin-top: 0px; background: orange; color: #fff; padding: 5px 10px; margin-bottom: 0px;} .Board .BoardMember h2 span { color: #000;} .Board .BoardMember p:last-of-type { margin-bottom: 0;} .Board .BoardMember:nth-child(even){ border-right: 5px solid #B0AC6D; border-left: 5px solid #B0805C;} .Board .BoardMember:nth-child(odd){ border-right: 5px solid #B0805C;border-left: 5px solid #B0AC6D;} /*Blockyard tools*/ .Blockyard { width: 100%; margin: 0 auto;} .Blockyard img { width: 100%;} .Blockyard ul { list-style: none; padding: 10px; overflow: hidden; margin: 0; max-width: 420px;} .Blockyard ul:nth-child(odd) { background: #fff;} .Blockyard ul li { display: inline-block; width: 200px;} .BlockyardToolsBox { max-width: 100%; margin: 0 auto; overflow: hidden;} .BlockyardToolsDiv { max-width: 360px; display: inline-block; vertical-align: top; margin: 5px 5px; border: thin solid #fff; background: #fff; padding: 5px; } .BlockyardToolsDiv ul { list-style: none; padding-left:0; display: block; overflow;} .BlockyardToolsDiv .ToolsTable ul#Heading{ font-weight: bold; font-size: 16px; border-bottom: solid #c2c2c2} .BlockyardToolsDiv .ToolsTable ul#Heading li { font-weight: bold; font-size: 16px;} .BlockyardToolsDiv .ToolsTable ul:not(:first-of-type) { border-bottom: thin solid #c2c2c2} .BlockyardToolsDiv .ToolsTable ul li:last-of-type { width: 100px;} .BlockyardToolsDiv .ToolsTable ul li:nth-child(2) { width: 130px;} .BlockyardToolsDiv ul li{ list-style: none; display: inline-block; width: 110px; padding: 0; overflow: hidden; vertical-align: top;} .BlockyardToolsDiv ul li img { max-width: 110px; display: block; margin-bottom: 2px;} .MaintenanceTools { max-width: 100%;} .MaintenanceTools ul { width:100%;} .MaintenanceTools ul#Heading li { font-weight: bold;} .MaintenanceTools ul li:first-of-type { width: 200PX;} .MaintenanceTools ul:not(:first-of-type) {border-bottom: thin DOTTED #c2c2c2;} /*Campaigns*/ .CampaignTeaser { max-width: 350px; display: inline-block; margin: 10px;overflow: hidden; vertical-align: top; margin: 5px; padding: 10px; background: #fff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } .CampaignTeaser:hover{ box-shadow: 1px 3px 5px #c2c2c2;} .CampaignTeaser h4 { margin: 5px 0px;} /*Terms and Conditions*/ .TermsAndConditions { text-decoration: none; color: orange; background: #fff; padding: 10px; font-weight: bold;} .TermsAndConditions:hover { color: #000;} .TermsAndConditions p:not(:first-of-type) { background: #fff;} /*Enquiry Contact Form*/ .EnquiryForm { width: 96.5%; background:#fff; overflow: hidden; position:relative; margin-top: 30px; display: inline-block; } .EnquiryForm h2 { text-align: center;} .EnquiryForm h3 { margin-top:0; background: orange; padding: 10px; color: #fff; margin-left:0px;} .EnquiryForm h4 { margin-left: 10px;} .EnquiryForm .Required { border: 1px solid red;} .EnquiryForm .FormLineLeftHalf , .EnquiryForm .FormLineRightHalf { width: 48%; display: inline-block; overflow: hidden;} .EnquiryForm .FormLineLeftHalf input[type=text], .EnquiryForm .FormLineRightHalf input[type=text], .EnquiryForm fieldset input[type=email] { width: 96%; padding: 10px; display: inline-block;} .EnquiryForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .EnquiryForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .EnquiryForm fieldset .MessageLabel { vertical-align: top;} .EnquiryForm fieldset select { width: 100%; display: inline-block; padding: 10px 5px;} .EnquiryForm fieldset textarea { resize: none; width: 96%; padding: 9px } .EnquiryForm fieldset #message { vertical-align: top; padding-top: 5px;} .EnquiryForm .Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 100px; border: none; background: #f79220; color: #000;} .EnquiryForm .Button:hover { opacity: 0.7; filter: alpha(opacity=70); color: #000} .Successful { color: #1ac748;} .EnquiryForm .Error { right: 15px; top:15px;} /*Left Floating Form*/ .LeftEnquiryForm { max-width: 430px; background:#fff; padding: 10px; overflow: hidden; position:relative; margin: 10px; display: inline-block; float: right; } .LeftEnquiryForm .EnquiryForm { margin: 0;} .LeftEnquiryForm h2 { text-align: center;} .LeftEnquiryForm h3 { margin-top:0; margin-left: 0; text-transform:inherit;} .LeftEnquiryForm .Required { border: 1px solid red;} .LeftEnquiryForm .FormLineLeftHalf , .LeftEnquiryForm .FormLineRightHalf { width: 98%; display: inline-block; overflow: hidden;} .LeftEnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .FormLineRightHalf input[type=text] { width: 94.5%; padding: 10px; display: inline-block;} .LeftEnquiryForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .LeftEnquiryForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .LeftEnquiryForm fieldset .MessageLabel { vertical-align: top;} .LeftEnquiryForm fieldset select { width: 100%; display: inline-block; padding: 10px 5px;} .LeftEnquiryForm fieldset textarea { resize: none; width: 93.5%; padding: 9px } .LeftEnquiryForm fieldset #message { vertical-align: top; padding-top: 5px;} .LeftEnquiryForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .LeftEnquiryForm a.Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .LeftEnquiryForm .Error { right: 15px; top:15px;} /*LeftHomeForm*/ .RightPanel .SideForm {width: 340px; overflow: hidden; padding: 10px; display: inline-block; margin: 10px; background: #fff; -webkit-transition: box-shadow 0.2s; position: relative; } .RightPanel .SideForm .EnquiryForm { margin: 0;} .RightPanel .SideForm h2 { text-align: center; display: block; font-size: 20px !important;} .RightPanel .SideForm h3 { margin-top:0; margin-left: 0; text-transform:inherit;} .RightPanel .SideForm .Required { border: 1px solid red !important;} .RightPanel .SideForm fieldset{ width: 98%; display: inline-block; overflow: hidden;} .RightPanel .SideForm input[type=text]{ width: 93%; padding: 10px; display: inline-block;border: 1px solid #c2c2c2;} .RightPanel .SideForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .RightPanel .SideForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .RightPanel .SideForm fieldset .MessageLabel { vertical-align: top;} .RightPanel .SideForm fieldset select { width: 99.8%; display: inline-block; padding: 10px 5px;} .RightPanel .SideForm fieldset textarea { resize: none; width: 93.5%; padding: 9px } .RightPanel .SideForm fieldset #message { vertical-align: top; padding-top: 5px;} .RightPanel .SideForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .RightPanel .SideForm a.Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .RightPanel .SideForm .Error { right: 7px; top:10px;} .RightPanel .SideForm .select2-container{width: 99.8% !important;} .RightPanel .SideForm .UpdateProgress img {height: 100px; width: 100px; border-width: 0px; position: absolute; left: 35%;top: 40%;} .ExtraBox { max-width:760px; overflow: hidden; display:block;} .ExtraBox div { max-width:360px; display: inline-block; border: 1px solid #f7f7f7; overflow: hidden; text-align: left; } .ExtraBox div img { width:100%; } .ExtraBox .NewsReadMore { display: block; text-decoration: none; background: #000; color: #fff; text-align: center; padding: 10px; font-weight: bold; margin: 10px 0; bottom: 0;} .ExtraBox .NewsReadMore:hover { color: orange; text-decoration: none !important;} /*Onsite Training Page*/ .OnsiteTraining { float: left; margin: 0; max-width: 100%;} /*Training Academy Form*/ .TrainingForm { width: 900px; padding: 10px; position:relative; margin: 10px; display: inline-block; } .TrainingForm h2 { text-align: center; margin: 10px 0 20px 0;} .TrainingForm h3 { margin-top:0;} .TrainingForm .Required { border: 1px solid red;} .TrainingForm .FormLineLeftHalf , .TrainingForm .FormLineRightHalf { width: 48%; display: inline-block; overflow: hidden; vertical-align: top;} .TrainingForm .Needoverflow { overflow: visible !important;} .TrainingForm .FormLineLeftHalf input[type=text], .TrainingForm .FormLineRightHalf input[type=text] { width: 95%; padding: 10px; display: inline-block;} .TrainingForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .TrainingForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .TrainingForm fieldset .MessageLabel { vertical-align: top;} .TrainingForm fieldset select { width: 100%; display: inline-block; padding: 10px 5px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .TrainingForm fieldset textarea { resize: none; width: 96%; padding: 9px } .TrainingForm fieldset #message { vertical-align: top; padding-top: 5px;} .WizardTable input[type=submit] { line-height: 20px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; border: none; background: #f79220; color: #000; margin-right: 30px;} .WizardTable input[type=submit]:hover { opacity: 0.7; filter: alpha(opacity=70);} .Successful { color: #1ac748;} .TrainingForm .Error { right: 15px; top:15px;} .TrainingForm .FormTerms { max-height: 450px; overflow:scroll; max-width: 1200px; margin: 0 auto; background: #fff; border: 5px solid; margin-bottom: 20px;} .TrainingForm .TrainingButton { visibility:visible;} .TrainingForm div{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;} table.WizardTable { display: block; position:relative;} table.WizardTable tr:first-of-type {} table.WizardTable tr:first-of-type td { display: block;position:relative; float:none; } table.WizardTable tr:first-of-type td:first-of-type table tr td a span { display: block; font-size: 18px; color: #000;} table.WizardTable tr:first-of-type td:first-of-type table tr td a { display: block; padding: 10px 10px 0 10px; background: #B58060; height: 100%; max-height: 75px; color: #fff;} table.WizardTable tr:first-of-type td:first-of-type table tr td a:hover { background: orange; color: #fff;} table.WizardTable tr:first-of-type td:first-of-type table tr { display: inline-block;width: 120px;} table.WizardTable tr:first-of-type td:first-of-type table tr td { margin: 0; height: 75px; padding: 0; display: block; overflow: hidden;} table.WizardTable tr td { padding: 10px; background: #fff; margin: 0 10px;} /*Training Academy Form*/ .TrainingAcademyForm { max-width: 1170px; overflow:hidden; margin: 10px;} .TrainingAcademyForm .EnquiryForm h3 { margin-left: 0;} .TrainingAcademyForm .EnquiryForm { width: 100%;max-width: 1170px; float:none; margin: 0;} .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf, .TrainingAcademyForm .EnquiryForm .FormLineRightHalf { width: 47%;} .TrainingAcademyForm .EnquiryForm fieldset textarea {width: 93.5%; } .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf input[type=text], .TrainingAcademyForm .EnquiryForm .FormLineRightHalf input[type=text] { width: 96%; } /*Training Page*/ .TrainingContent { } .PayPalTop { display: inline-block; float: right; max-width: 430px; margin-bottom: 20px; background: orange; padding: 10px; border-radius: 5px; text-align: center; margin-right: 10px} .PayPalTop strong { font-size: 18px;} .PayPalTop form { margin-top: 0;} .PayPalTop p { margin: 5px;} .PayPalBox { display: block; padding: 0px; background: #fff; overflow: hidden; margin: 10px 0;} .PayPalBox form, .PayPalBox p { display: inline-block;} .PayPalBox p { color: #000; font-size: 20px; line-height: 26px;} .PayPalBox a { text-decoration: none; color: #000; } .PayPalBox a:hover { color:#fff;} .PayPalBox .PayPalPrice { font-size: 18px; font-weight: bold; color: #fff; margin-left: 0; margin-right: 0; font-size: 30px; margin-top: 0;} .calender { display: block; clear: both; max-width: 900px; margin-left: 10px; margin-bottom: 10px;} .calender ul { list-style: none; display: block; padding-left: 0; } .calender ul.ListHeading { font-weight: bold;} .calender ul.ListHeading li { height: inherit;} .calender ul li { float: left; padding: 10px; width: 160px; background: #fff; margin: 5px 2px; height: 68px;;} .calender ul li:last-of-type { width: 220px;} /*Campaign Form */ .CampaignBox { max-width: 1150px; margin: 0 auto;} .CampaignForm { max-width: 1170px; background:#fff; padding: 10px; overflow: hidden; position:relative; display: block; clear: both; } .CampaignForm .FormLineBox { display: block; overflow: hidden;} .CampaignForm h2 { text-align: center;} .CampaignForm h3 { margin-top:0; text-transform: inherit !important;} .CampaignForm .Required { border: 1px solid red;} .CampaignForm .FormLineFull {width: 100%; display: block; overflow: hidden; } .CampaignForm .FormLineLeftHalf , .CampaignForm .FormLineRightHalf { width: 48%; display: inline-block; overflow: hidden; float: left;} .CampaignForm .FormLineLeftHalf input[type=text], .CampaignForm .FormLineRightHalf input[type=text], .CampaignForm fieldset input[type=email] { width: 95%; padding: 10px; display: inline-block;} .CampaignForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .CampaignForm fieldset label { width: 250px; display: block; vertical-align:middle; padding: 5px 0;} .CampaignForm fieldset .MessageLabel { vertical-align: top;} .CampaignForm fieldset select { width: 99%; display: inline-block; padding: 10px 5px;} .CampaignForm fieldset textarea { resize: none; width: 95%; padding: 9px } .CampaignForm fieldset #message { vertical-align: top; padding-top: 5px;} .CampaignForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .CampaignForm a.Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .CampaignForm .NewsletterCheckBox { display: block; overflow:hidden;} .CampaignForm .NewsletterCheckBox input[type=checkbox] { display:inline-block; margin-left: 0; } .CampaignForm .NewsletterCheckBox label { width:inherit; display: inline-block; vertical-align: middle; padding-top: 0;} .CampaignForm .select2-container { width: 99% !important;} .NewFrameForm { max-width: 1170px; background:#fff; padding: 10px; overflow: hidden; position:relative; display: block; clear: both; } .NewFrameForm .FormLineBox { display: block; overflow: hidden;} .NewFrameForm h2 { text-align: center;} .NewFrameForm h3 { margin-top:0; text-transform: inherit !important;} .NewFrameForm .Required { border: 1px solid red;} .NewFrameForm .FormLineFull {width: 100%; display: block; overflow: hidden; } .NewFrameForm .FormLineLeftHalf , .NewFrameForm .FormLineRightHalf { width: 48%; display: inline-block; overflow: hidden; float: left;} .NewFrameForm .FormLineLeftHalf input[type=text], .NewFrameForm .FormLineRightHalf input[type=text] { width: 95%; padding: 10px; display: inline-block;} .NewFrameForm .FormLineLeftHalf input[type=email], .NewFrameForm .FormLineRightHalf input[type=email] { width: 95%; padding: 10px; display: inline-block;} .NewFrameForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .NewFrameForm fieldset label { width: 250px; display: block; vertical-align:middle; padding: 5px 0;} .NewFrameForm fieldset .MessageLabel { vertical-align: top;} .NewFrameForm fieldset select { width: 99%; display: inline-block; padding: 10px 5px;} .NewFrameForm fieldset textarea { resize: none; width: 95%; padding: 9px } .NewFrameForm fieldset #message { vertical-align: top; padding-top: 5px;} .NewFrameForm input[type=submit].Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0px 20px; width: 150px; border: none; background: #f79220; color: #000;} .NewFrameForm input[type=submit].Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .NewFrameForm .NewsletterCheckBox { display: block; overflow:hidden;} .NewFrameForm .NewsletterCheckBox input[type=checkbox] { display:inline-block; margin-left: 0; } .NewFrameForm .NewsletterCheckBox label { width:inherit; display: inline-block; vertical-align: middle; padding-top: 0;} #EnquiryFormUpdatePanel { margin: 0; padding: 0; width: 100%; overflow: hidden;} .HomeFormFrame { height: 590px; width: 340px; overflow: hidden; display: inline-block; margin: 10px; background: #fff;-webkit-transition: box-shadow 0.2s; position: relative;} .HomeForm { width: 340px; background:#fff; overflow: hidden; position:relative; display: inline-block; clear: both; margin: 10px; padding: 10px;} .FeaturedBox .HomeForm {display: inline-block; background: #fff;vertical-align: top; margin: 10px; padding: 10px; -webkit-transition: all 0.2s ease-in;} .HomeForm .FormBox { width: 100%; display: inline-block; margin: 0; overflow:hidden;} .HomeForm .FormLineBox { display: block; overflow: hidden;} .HomeForm h2 { text-align: center; font-size: 16px; text-align: left; padding: 10px; background: orange; color: white;} .HomeForm h3 { margin-top:0; text-transform: inherit !important;} .HomeForm .Required { border: 1px solid red;} .HomeForm .FormLineFull {width: 100%; display: block; overflow: hidden; } .HomeForm .FormLineLeftHalf { margin-right: 15px;} .HomeForm .FormLineLeftHalf , .HomeForm .FormLineRightHalf { width: 100%; display: inline-block; overflow: hidden; float: left; margin-bottom: 10px;} .HomeForm fieldset input[type=text], .HomeForm fieldset input[type=email] { width: 97%; padding: 10px; display: inline-block;} .HomeForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .HomeForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .HomeForm fieldset .MessageLabel { vertical-align: top;} .HomeForm .select2-container {width: 97% !important;} .HomeForm fieldset select { width: 98%; display: inline-block; padding: 10px 5px;} .HomeForm fieldset textarea { resize: none; width: 97%; padding: 9px } .HomeForm fieldset #message { vertical-align: top; padding-top: 5px;} .HomeForm .Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; width: 150px; border: none; background: #f79220; color: #000;} .HomeForm .Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .HomeForm .NewsletterCheckBox { display: block; overflow:hidden;} .HomeForm .NewsletterCheckBox input[type=checkbox] { display:inline-block; margin-left: 0; } .HomeForm .NewsletterCheckBox label { width:inherit; display: inline-block; vertical-align: middle; padding-top: 0;} .HomeForm .FormLineWide { margin-top: 5px;} /*FAQ's*/ #FaqUpdatePanel { margin: 10px; } #FaqUpdatePanel select { width: 250px; padding: 10px; background: orange; color: #fff; font-size: 16px; } #FaqUpdatePanel .FaqPanel { margin: 10px 0;} #FaqUpdatePanel .FaqPanel ul{ list-style: none; padding-left: 0px; border-bottom: 1px solid;} #FaqUpdatePanel .FaqPanel ul li { list-style: none; padding: 10px; background: #cccccc; color: #000; font-weight: bold;} #FaqUpdatePanel .FaqPanel ul li span span { font-size: 16px; color: #B17F5C;} #FaqUpdatePanel .FaqPanel ul .Answer { background: #fff; color: #000;} #FaqUpdatePanel .FaqPanel ul .Answer span span{ color: green;} #FaqUpdatePanel .FaqPanel ul .ShowAnswer { display: block;} /*Validation*/ .CampaignForm .Error { position: absolute; right: 20px; top: 40px; } /*Gallery*/ #GalleryUpdatePanel {overflow: hidden; display:block; margin: 10px;} #GalleryUpdatePanel .field { margin-bottom: 15px; } .GalleryTeaser { width:275px; cursor: pointer; background: #fff; overflow:hidden; text-align: left; vertical-align: top; display: inline-block; float: none; margin: 5px 5px 5px 0; padding: 0; border: 1px solid #cccccc; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} .GalleryTeaser h2 { margin: 0; display: block; text-align: center;height: 45px; background: orange;} /*.GalleryTeaser a { color: #000; display: block; margin: 0 10px; font-weight: bold; padding: 2px 5px;}*/ .GalleryTeaser.Active { max-height:inherit; -webkit-transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; -ms-transition: max-height 0.5s ease-in; -o-transition: max-height 0.5s ease-in;} select.StoryDropDown { width: 250px; padding: 10px; background: orange; color: #fff; font-size: 16px; margin-left: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #GalleryUpdatePanel select { width: 200px; padding: 10px; background: orange; color: #fff; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*#SearchBox input[type=text].SearchInput { border-radius: 5px 0 0 5px;}*/ /*.SearchButton { border-radius: 0 5px 5px 0;}*/ .SearchButton:hover { background: #ffa500; text-decoration: none; color:#FFf;} /*Training Academy Form*/ .modalBackground { background-color: Black; filter: alpha(opacity=90); opacity: 0.8; width: 100%; overflow:hidden; display: block; } .modalPopup { background-color: #FFFFFF; border-width: 3px; border-style: solid; border-color: black; max-width: 1140px; width: 90%; display: block; overflow: hidden; left: inherit !important; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; } .CloseX { position: absolute; right: 0; z-index: 9999999999; background: red; border: none; color: #fff; font-size: 18px; font-weight: bold; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; } .CloseX:hover { background: white; color: red;} .CloseButton { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0px 20px; width: 150px; border: none; background: #f79220; color: #000;} .CloseButton:hover { opacity: 0.7; filter: alpha(opacity=70);} /*Enquiry Contact Form*/ .modalPopup .EnquiryForm { width: 95%; background:#fff; padding: 10px; text-align: left; overflow: hidden; position:relative; margin: 10px; display: inline-block; } .modalPopup .EnquiryForm h2 { text-align: center;} .modalPopup .EnquiryForm h3 { margin-top:0;} .modalPopup .EnquiryForm .Required { border: 1px solid red;} .modalPopup .EnquiryForm .FormLineLeftHalf , .modalPopup .EnquiryForm .FormLineRightHalf { width: 48%; display: inline-block; overflow: hidden;} .modalPopup .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text] { width: 96%; padding: 10px; display: inline-block;} .modalPopup .EnquiryForm fieldset { width: 100%; border: none; overflow: hidden; padding-left: 0; position: relative;} .modalPopup .EnquiryForm fieldset label { width: 250px; display: none; vertical-align:middle; padding: 5px 0;} .modalPopup .EnquiryForm fieldset .MessageLabel { vertical-align: top;} .modalPopup .EnquiryForm fieldset select { width: 100%; display: inline-block; padding: 10px 5px;} .modalPopup .EnquiryForm fieldset textarea { resize: none; width: 96%; padding: 9px } .modalPopup .EnquiryForm fieldset #message { vertical-align: top; padding-top: 5px;} .modalPopup .EnquiryForm a.Button { line-height: 40px; cursor: pointer; overflow: hidden; font-weight: bold; margin: 0 auto; color:#fff; margin-left: 2px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 20px; width: 150px; border: none; background: #f79220; color: #000;} .modalPopup .EnquiryForm a.Button:hover { opacity: 0.7; filter: alpha(opacity=70);} .Successful { color: #1ac748;} .EnquiryForm .Error { right: 15px; top:15px;} .BookButton { border: none; background: #000; padding: 10px 20px; color: #fff !important; font-weight: bold; font-size: 18px; cursor: pointer; display: inline-block; margin-bottom: 25px;} .BookButton:hover { color: orange !important; text-decoration: none !important;} /* Sitemap */ .SitemapHead {padding:0.5em 1em;cursor:pointer;background:#eee url(/images/up-down-arrow-white.png) no-repeat right bottom;} .SitemapHead.Closed {background-position:top right; } .Sitemap { list-style-type: none; padding: 0 0 0 2em; line-height: 2em; display:block;} .Sitemap a { color: #000; text-decoration: none; } .Sitemap a:hover { text-decoration: underline; } .Sitemap .Depth0 { font-size: 18px;} .Sitemap .Depth1 { margin-left: 20px; font-size: 14px; } .Sitemap .Depth2 { margin-left: 40px; } .Sitemap .Depth3 { margin-left: 60px; } @media all and (min-width:931px) { header p.ExtraInfo { margin-left:0; display:block; max-width: 350px;} header .Email, header .Phone {line-height: 25px; vertical-align: middle;} header .Email a { text-decoration: none; color: #000; } header .Email a:hover { color: #fff;} header .Email img { width: 18px; margin-right: 10px; vertical-align: middle;} header .Phone img {width: 18px; margin-right: 10px; vertical-align: middle;} header .PayPalLink img { vertical-align: top; } header .PayPalLink {display: inline-block; font-size: 10px; } header p .PayPalLink a { text-decoration: none; color: #000; } header p .PayPalLink a span{font-size: 12px ; } header p .PayPalLink a:hover { color: #fff;} /*Slogan*/ header .Slogan { display: inline-block; margin-left: 50px; } header .Slogan p { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px;position: absolute; bottom: 0; margin-top: 10px; color: white; text-transform: uppercase;} header .Slogan p span { font-size: 10px; display: inline-block; text-transform: lowercase; font-size: 13px;} header .Slogan p span span { display: block;margin-left: 45px;} header .Slogan p span:first-of-type { } /*ExtraText*/ header .ExtraInfoBox { display: inline-block; max-width: 450px; float: right } header .contactDiv { display: inline-block;} /*Searchbox*/ .PlaceSearch { display: block; } #SearchBox { display: block;} .SearchButton {color: #fff; background:#000;border:0;display:block;float:right; padding: 8px 10px; text-decoration: none; text-transform: uppercase} #SearchBox input[type=text].SearchInput { padding: 6px 2px; width: 125px; font-size: 16px; border: 1px solid; background: #faa21f; width: 155px; } #SearchBox input[type=text].SearchInput:focus { outline: none; box-shadow: 1px 1px 2px blue} /*-.ProductPage .ProductFeatures { width: 450px;}*/ /*Product Page*/ .ProductPage .ProductImageBox { width: 700px;} .ProductPage .FullDiv { width: 100% !important;} .ContactFormFrame , .CampaignFrame { height: 710px} .FeaturedBox .WhatWeOffer { width: 97.5%;} .Post .Text p { max-height: 35px;} } @media all and (max-width:1299px) { .ScrollToTop { right: 10px; bottom: 10px;} } @media all and (max-width:1185px) { header .Slogan { margin-left: 150px;} header .ExtraInfoBox { margin-left: 0; float: right; margin-right: 10px;} .select2-container { width: 100% !important; } } @media all and (min-width:1130px) { .TopNavButton { display: none;} /*Main Navigation*/ nav {background: #565659; } nav h2 { display: none; } nav .MegaMenu { max-width: 1170px; margin: 0 auto; padding: 0; font-size: 12px; display: block; overflow: hidden; text-align: center;} nav .Top {display: inline-block; cursor: pointer; border-right: 1px solid #565659; margin-left: -3px; float: none; } nav .Top:first-of-type { border-left: 1px solid #565659; } nav .Top a { border-bottom: 3px solid #565659;} nav .Top a:hover { background: orange; color: #fff; border-bottom: 3px solid #565659; text-decoration: none; } nav li { list-style-type: none; vertical-align: top; font-size: 12px; } nav a { color: white; text-decoration: none; line-height: 30px; display: inline-block; padding: 10px 10px 7px 10px; text-transform: uppercase; text-align: left; text-decoration: none;} nav a:hover, nav a.Active { color: #454545; background-position: bottom center; } nav .Top a.Active { border-bottom: 4px solid #454545; background: orange; color: #fff; } Collapse ul.Col1 { margin-left: 5px;} .Collapse { clear: both; max-width: 1170px; margin: 0 auto; display: none; border-top: 1px solid #aaa; background: #565659; } .Collapse ul { width: 33%; list-style-type: none; display: inline-block; padding: 0; vertical-align: top; } .Collapse ul li { width: 100%; text-align: left; } .Collapse ul li a { color: #fff; text-decoration: none; font-weight: bold; text-align: left;} .Collapse li:hover {background: orange; color: #fff; } .Collapse li.Active {background: white;} .Collapse li.Active a { color: #000;} .Collapse .BackButton { display: none;} } @media all and (max-width:1130px) { .TopNavButton { bottom:0; right:0; position: absolute; background: url(/images/topnav-bg.gif) no-repeat center bottom; width: 15%; height: 69px; border: none; border-left: 1px solid #eeeeee; cursor: pointer; max-width: 68px; } .TopNavButton.Active { background-position: center top; background-color: #fff; } header p {margin-left: 20px;} header p.ExtraInfo { float: none; display: inline-block; margin-left: 10px;} .EnquiryForm, .TrainingForm { margin-left: 0; float:none; padding: 0;} .PayPalTop { max-width: 100%; margin: 10px; float: none;} .OnsiteTraining { max-width:500px;} header .Slogan { margin-left: 50px;} header .ExtraInfoBox { margin-left: 0; float: none; margin-left: 50px;} } @media all and (max-width:1200px) { .modalPopup .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text] {width: 95.5%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text] , .LeftEnquiryForm .EnquiryForm fieldset input[type=email] {width: 95.5%;} } @media all and (max-width:1190px) { .ProductPage .ProductFeatures { float: none; max-width: 650px; max-width: 690px; display: inline-block;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email] { width:94.5%} .MachineMenu { display: block;} .ProductPage .ProductFeatures .Specs ul li, .ProductPage .BlockFeatures ul li { width: 200px;} } @media all and (max-width:1186px) { .LeftEnquiryForm { min-width: 430px ;display: inline-block; float: none; } .LeftEnquiryForm fieldset select, .LeftEnquiryForm fieldset select { width: 100%;} .LeftEnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .FormLineRightHalf input[type=text] { width: 96.5%; padding: 10px; display: inline-block; } .LeftEnquiryForm fieldset textarea { resize: none; width: 93%; padding: 9px;} } @media all and (max-width:1147px) { .ShareThisButtons { display: block;} .FeaturesBox { max-width: 540px; float:left; clear:none;} .LeftEnquiryForm { float: left;} .MachineMenu { margin-top: 10px;} .ManufatureDiv ul li:last-of-type { width: 100px; } } @media all and (max-width:1130px) { nav { background: #f8f8f8; border: 1px solid #efefef; clear: both; position: absolute; top: 160px; left: 1%; width: 98%; z-index: 112; overflow: hidden;padding-bottom:20px; display: none; } nav h2 { display: none; } nav .MegaMenu { padding: 0; margin: 0; text-align: left; overflow: hidden; position: relative; } nav li, nav .BackButton { display: block; cursor: pointer; margin: 0; list-style-type: none; vertical-align: top; padding: 10px;border-bottom: 3px solid #444; font-size: 16px; } nav .BackButton { text-align: right;} nav li:hover { background: orange; color: #fff; border-bottom: 3px solid #444;} nav li:hover a { color: #fff;} nav a, nav .BackButton { font-family: "Trebuchet MS"; display: block; padding: 0; color: #666; text-decoration: none; font-weight: bold; line-height: 13px; text-transform: uppercase; background-position: top center; background-repeat: no-repeat; text-align: left; } nav .BackButton { background-image: url(/images/backbutton.png); display: inline-block; } nav a:hover, nav a.Active, nav .BackButton { color: #454545; background-position: 50% -91px; } nav .Top a.Active { } .Collapse { border-right: 1px solid #aaa; width: 98%; position: absolute; left: 100%; top: 0; z-index: 113; margin-left: 5px;} .Collapse ul { display: block; margin: 0; width: 98%; padding: 0; list-style: none; overflow: hidden; } .Collapse ul li { display: block; cursor: pointer; margin: 0; list-style-type: none; vertical-align: top; padding: 10px;border-bottom: 3px solid #444; font-size: 16px; font-weight: bold; } .Collapse ul li a { text-decoration: none; color: #666;} .Collapse li:hover { background: orange; color: #fff; border-bottom: 3px solid #444;} .Collapse li:hover a { color: #fff;} .Collapse .BackButton { text-align: right; left: 1%;color: #fff; font-weight: bold; display: inline-block; cursor: pointer; margin: 10px 0; padding: 15px 10px; background: orange;} .Collapse .BackButton a { color:#fff; text-decoration: none;} } @media all and (max-width:1060px) { header .Slogan { margin-left: 20px;} header .Slogan p { font-size: 18px;} header .ExtraInfoBox { margin-left: 20px;} .TrainingContent .trainingLdiv div { margin: 0 auto; float: none;} } @media all and (max-width:1180px) { .RightPanel { float: none;} } @media all and (max-width:1030px) { header .Slogan { margin-left: 20px;} header .Slogan p { font-size: 16px} header .ExtraInfoBox { margin-left: 0; float: none; margin-left: 20px; vertical-align: top;} } @media all and (max-width:1017px) { .PDFLink { display: block; max-width: 640px; margin-top: 10px; overflow: hidden; position: relative; margin-right: 10px;} .ProductPage .ProductFeatures .Specs ul li, .ProductPage .BlockFeatures ul li { max-width: 180px;} } @media all and (max-width:996px) { .NewsRoomPost { width:450px;} header p span { font-size: 16px;} header .Email, header .Phone {line-height: 25px; vertical-align: middle;} header .Email a { text-decoration: none; color: #000; } header .Email a:hover { color: #fff;} header .Email img { width: 25px; margin-right: 10px; vertical-align: middle;} header .Phone img {width: 25px; margin-right: 10px; vertical-align: middle;} header .PayPalLink img { vertical-align: top; } header .PayPalLink {display: inline-block; font-size: 10px; } header p .PayPalLink a { text-decoration: none; color: #000; } header p .PayPalLink a span{font-size: 12px ; } header p .PayPalLink a:hover { color: #fff;} /*Gallery*/ .GalleryTeaser { width:200px;cursor: pointer; overflow:hidden; text-align: left; vertical-align: top; display: inline-block; float: none; margin: 5px; padding: 0; border: 1px solid #cccccc; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} .GalleryTeaser h2 { margin: 0; display: block; text-align: center;} .GalleryTeaser { margin: 5px 5px 5px 0; } } @media all and (max-width:980px) { .modalPopup .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text] {width: 94.5%;} .modalPopup .EnquiryForm fieldset textarea { width: 94%;} .modalPopup .EnquiryForm .FormLineLeftHalf, .modalPopup .EnquiryForm .FormLineRightHalf { width: 47%;} .LeftEnquiryForm { max-width: 350px; min-width: 300px;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email] {width: 94.5%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 93%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .EnquiryForm .FormLineRightHalf { width: 98%;} } @media all and (max-width:950px) { .ProductPage .BlockFeatures ul li { max-width: 160px;} .ProductPage .BlockFeatures ul li:not(:first-of-type) { margin: 0 10px;} .ProductPage .BlockFeatures ul li:last-of-type { margin: 0;} } @media all and (max-width:930px) { header .Slogan { margin-left: 10px; display: inline-block;} header .Slogan p { font-size: 16px; color: #fff;} header .Slogan span { display: block;color: #000;} header .ExtraInfoBox { float: none; margin-left:0px; vertical-align: top; display: inline-block;} #SearchBox { display: block;} .SearchButton {color: #fff; background:#000;border:0;display:block;float:right; padding: 8px 10px; text-decoration: none;} .ProductPage .BlockFeatures ul li { max-width: 140px;} #SearchBox input[type=text].SearchInput { padding: 5px 10px; font-size: 16px;} .ContactFormFrame, .CampaignFrame { height: 710px} .trainingheader div { left: 20%;} } @media all and (max-width:906px) { .OnsiteTraining { width: 100%; max-width: inherit;} .LeftEnquiryForm { max-width: 1140px; display: block; float: none;} .LeftEnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .FormLineRightHalf { width: 48%;} .LeftEnquiryForm fieldset select{ width: 99%;} .LeftEnquiryForm fieldset textarea { width: 95%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=text] {width: 94%;} .EnquiryForm { width: 100%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .EnquiryForm .FormLineRightHalf { width: 48%;} .LeftEnquiryForm fieldset select, .LeftEnquiryForm fieldset select { width: 99.5%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 95.5%;} .FeaturesBox { max-width: 1140px; float: none; overflow: hidden;} .MachineMenu { width: 100%;} .MachineMenu li { width: 45%} .ProductPage .BlockFeatures, .ProductPage .ProductFeatures { width: 100%; max-width: inherit;} .ProductPage .ProductFeatures .Specs ul li, .ProductPage .BlockFeatures ul li { max-width: 300px; width: 200px;} .ProductPage .ProductFeatures .Specs ul li { width: 350px;} } @media all and (max-width:890px) { .CampaignForm .FormLineLeftHalf input[type=text], .CampaignForm .FormLineRightHalf input[type=text],.CampaignForm fieldset input[type=email] { width: 94%;} .Logo { width: 190px;} } @media all and (max-width:882px) { .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .EnquiryForm .FormLineRightHalf { width: 46%;} /*.LeftEnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .FormLineRightHalf { width: 98%;} .LeftEnquiryForm .FormLineLeftHalf input[type=text],.LeftEnquiryForm .FormLineRightHalf input[type=text] {width: 95.6%;} .LeftEnquiryForm fieldset select { width: 98.5%; } .LeftEnquiryForm fieldset textarea { width: 94%;}*/ } @media all and (max-width:855px) { .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email] { width: 93%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 93%;} } @media all and (max-width:870px) { .EnquiryForm .FormLineLeftHalf, .EnquiryForm .FormLineRightHalf,.LeftEnquiryForm .FormLineWide { width: 98%;} /*.EnquiryForm .FormLineLeftHalf input[type=text],.EnquiryForm .FormLineRightHalf input[type=text] {width: 95.5%;} .EnquiryForm fieldset select { width: 98%; } .EnquiryForm fieldset textarea { width: 98%;}*/ .LeftEnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .FormLineRightHalf,.LeftEnquiryForm .FormLineWide { width: 98%;} .LeftEnquiryForm .FormLineLeftHalf input[type=text],.LeftEnquiryForm .FormLineRightHalf input[type=text] {width: 95.5%;} .LeftEnquiryForm fieldset select { width: 98%; } .LeftEnquiryForm fieldset textarea { width: 98%;} .LeftEnquiryForm fieldset select { width: 99%;} } @media all and (max-width:840px) { .modalPopup .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text] {width: 93.5%;} .modalPopup .EnquiryForm fieldset textarea { width: 94%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text] {width: 93.5%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 94%;} } @media all and (max-width:830px) { header .Slogan { margin-left: 80px; display: inline-block; width: 300px;} header .Slogan p { font-size: 16px} header .ExtraInfoBox { float: none; margin-left:100px; vertical-align: top; display: inline-block;} header .ExtraInfoBox p { display: none;} header { padding-bottom: 0px;} .TopNavButton { bottom:0;} nav { top: 215px;} header p.ExtraInfo{ display: none;} #SearchBox { display: block;} .SearchButton {color: #fff; background:#000;border:0;display:block;float:right; padding: 8px 10px; text-decoration: none;} #SearchBox input[type=text].SearchInput { padding: 5px 10px; font-size: 16px;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .modalPopup .EnquiryForm .FormLineRightHalf input[type=text]{ width: 93%;} } @media all and (max-width:821px) { .FeaturedBox div { display: block; text-align: center; overflow: hidden;margin: 0 auto;} .FeaturedBox .HomeForm { width: inherit !important;} .select2-container { max-width:300px; } .HomeFeaturedStories .FeaturedStory { display: inline-block; width: 330px;} .FeaturedBox .Campaign { max-width: 320px; overflow: hidden;} .FeaturedBox .Campaign a { max-width: 320px; width: 88%} .RightPanel { display: block; float:none; max-width: 100%; overflow: hidden; text-align: center;} .RightPanel img { width: 100%;} .MagazineHome img { width: auto } .RightPanel div { float: left; margin-bottom: 10px; margin-top: 0; display: inline-block; width:auto !important; max-width: 340px;} .LatestNews a.NewsReadMore, .RightPanel .Training a.NewsReadMore { display: block; margin: 0 auto; overflow: hidden; width: 100%; text-align: center;} } @media all and (max-width:761px) { .CampaignForm .FormLineLeftHalf, .CampaignForm .FormLineRightHalf { width: 47%;} .CampaignForm .FormLineLeftHalf input[type=text], .CampaignForm .FormLineRightHalf input[type=text], .CampaignForm fieldset input[type=email] { width: 93%;} .CampaignForm fieldset textarea { width: 93.5%;} } @media all and (max-width:768px) { #FeaturedCategoryPanel .Box { } #FeaturedCategoryPanel .Box h2 { } .HomeFeaturedStories .FeaturedStory { max-width: 320px;} .calender ul li { width: 145px;} .GalleryTeaser { text-align: center;width: 320px; } #SuccessStoryUpdatePanel .Post { width: 340px;} .NewsRoomPost { width: 360px;} #FeaturedCategoryPanel .Box {} .FeaturedBox .Campaign { max-width: 340px; } .MagazineBox .Post { width: 205px; } .HomeFeaturedStories .FeaturedStory { width: 320px;} } @media all and (max-width:740px) { header p { font-size: 14px; margin-left: 10px;} .calender ul li { width: 60px; overflow: hidden;} .calender ul li:last-of-type { width: 95px;} header .Slogan { margin-left: 0px; display: inline-block; width: 300px;} header .Slogan p { font-size: 16px} header .ExtraInfoBox { float: none; margin-left:0px; vertical-align: top; display: block; width: 245px; margin-left: 10px;} header .ExtraInfoBox p { display: none;} header p.ExtraInfo{ display: none;} #SearchBox { display: block; margin-left: 0px;} .SearchButton {color: #fff; background:#000;border:0;display:block;float:right; padding: 8px 10px; text-decoration: none;} #SearchBox input[type=text].SearchInput { padding: 5px 10px; font-size: 16px;width: 155px;} .RightPanel div, .LatestNews, .RightPanel .SideForm { float: none; width: 100%; max-width: 100%;} } @media all and (max-width:685px) { .ProductPage .ProductFeatures { float: none; width: inherit ; max-width: 690px; display: inline-block;} .ProductPage .ProductFeatures .Specs ul li { } .ProductPage .BlockFeatures .ManufactureDiv ul li { min-width: 180px} .ExtraInfoBox { display: block; overflow:hidden; clear: both;} } @media all and (max-width:670px) { .ProductList, .CategoryList { text-align: center;} .ProductPage .BlockFeatures, .ProductPage .ProductFeatures { max-width: 600px; width: auto;} .ProductPage .ProductFeatures .Specs ul li, .ProductPage .BlockFeatures ul li { width: 180px} .MachineMenu li { width: auto;} .ProductBox, .CategoryBox, .MouldCategoryBox { width: 296px; display: inline-block; overflow: hidden;} .CategoryBox img, .MouldCategoryBox img, .ProductBox img { width: 100%; height: auto} .CategoryBox,.ProductBox { height: auto;} } @media all and (max-width:665px) { .LeftEnquiryForm fieldset select { width: 100%} } @media all and (max-width:659px) { #GalleryUpdatePanel select { margin-right: 5px;} .GalleryTeaser { width: 295px; } .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf, .TrainingAcademyForm .EnquiryForm .FormLineRightHalf { width: 95%; padding-bottom:0} .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf input[type=text], .TrainingAcademyForm .EnquiryForm .FormLineRightHalf input[type=text] {width: 95%;} .modalPopup .EnquiryForm fieldset select { width: 100%;} .modalPopup .EnquiryForm fieldset textarea { width: 90.5%;} .modalPopup .EnquiryForm h3,.modalPopup .EnquiryForm h4 { margin-bottom: 10px; margin-top: 10px;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email]{ width: 92%;} .LeftEnquiryForm .EnquiryForm h3,.LeftEnquiryForm .EnquiryForm h4 { margin-bottom: 10px; margin-top: 10px;} .select2-container { max-width:270px !important; } } @media all and (max-width:645px) { .GalleryTeaser { width: 400px; } } @media all and (max-width:635px) { header .Slogan { margin-left: 0px; display: inline-block; width: 380px;} #SearchBox { display: block; margin-left: 0px;} .ProductPage .BlockFeatures ul li { max-width: 170px; } .ProductPage .ProductFeatures .Specs ul li { width: 160px;} .select2-container { max-width:390px !important; } } @media all and (max-width:617px) { .ContactFormFrame , .CampaignFrame { height: 965px} } @media all and (max-width:600px) { .CampaignForm .FormLineLeftHalf, .CampaignForm .FormLineRightHalf { width: 100%; display: inline-block; overflow: hidden; float: left;} .CampaignForm .FormLineLeftHalf input[type=text], .CampaignForm .FormLineRightHalf input[type=text], .CampaignForm fieldset input[type=email] { width: 93.5%;} .CampaignForm fieldset select { width: 99.5%; } .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf, .TrainingAcademyForm .EnquiryForm .FormLineRightHalf { width: 95%;} .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf input[type=text], .TrainingAcademyForm .EnquiryForm .FormLineRightHalf input[type=text] {width: 95%;} .EnquiryForm .FormLineLeftHalf, .EnquiryForm .FormLineRightHalf { width: 98%;} .EnquiryForm .FormLineLeftHalf input[type=text],.EnquiryForm .FormLineRightHalf input[type=text] ,.EnquiryForm fieldset input[type=email] {width: 92%;} .EnquiryForm fieldset select { width: 98%;} .EnquiryForm fieldset textarea { width: 91.5%;} .ProductPage .BlockFeatures .ManufactureDiv ul li,.ProductPage .BlockFeatures ul li { width: 125px; min-width: 120px;} .ProductPage .BlockFeatures ul li:last-of-type { width: 80px; min-width:80px;} .ContactInfo { margin: 10px;} .ContactInfo div { margin-left: 0; margin-right: 10px;} } @media all and (max-width:580px) { /*nav{ top:}*/ } @media all and (max-width:580px) { .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf, .LeftEnquiryForm .EnquiryForm .FormLineRightHalf { width: 98%; display: block; overflow: hidden;} .LeftEnquiryForm fieldset select { width: 98%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email] { width: 93%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 96%; } .BookButton { font-size: 14px; padding: 10px;} .CampaignForm fieldset select { width: 97.5%;} } @media all and (max-width:520px) { .LeftEnquiryForm fieldset select { width: 100%;} .NewsRoomPost { width: 380px;} .CampaignForm fieldset select { width: 98%;} .TrainingContent .trainingLdiv div {display: block; margin: 0 auto; text-align: center;} } @media all and (max-width:490px) { .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf, .TrainingAcademyForm .EnquiryForm .FormLineRightHalf { width: 95%;} .TrainingAcademyForm .EnquiryForm .FormLineLeftHalf input[type=text], .TrainingAcademyForm .EnquiryForm .FormLineRightHalf input[type=text] {width: 94%;} .modalPopup .EnquiryForm fieldset select { width: 100%;} .modalPopup .EnquiryForm fieldset textarea { width: 90%;} .LeftEnquiryForm .EnquiryForm fieldset select { width: 100%;} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 94%;} .LeftEnquiryForm .EnquiryForm .FormLineLeftHalf input[type=text], .LeftEnquiryForm .EnquiryForm .FormLineRightHalf input[type=text], .LeftEnquiryForm .EnquiryForm fieldset input[type=email] { width: 94%} .LeftEnquiryForm .EnquiryForm fieldset textarea { width: 94.5%;} #GalleryUpdatePanel select { margin-top: 10px; width: 190px;} .PayPalTop { margin: 0;} } @media all and (max-width:465px) { .NewsRoomPost { width: 440px;} } @media all and (max-width:440px) { #SuccessStoryUpdatePanel .Post { width: 395px;} #SuccessStoryUpdatePanel select { margin-bottom: 10px;} .NewsRoomPost { width: 410px;} } @media all and (max-width:420px) { #SuccessStoryUpdatePanel .Post { width: 375px;} .NewsRoomPost { width: 390px;} } @media all and (max-width:375px) { #SuccessStoryUpdatePanel .Post { width: 335px;} .NewsRoomPost { width: 355px;} .MagazineBox .Post { width: 335px; } } @media all and (max-width:360px) { .ProductBox { padding-bottom: 10px; } .CategoryBox .CategoryDescription, .MouldCategoryBox .MouldCategoryDescription { width: auto; } .CampaignForm .FormLineLeftHalf input[type=text], .CampaignForm .FormLineRightHalf input[type=text], .CampaignForm fieldset input[type=email] { max-width: 91.5%} .CampaignForm fieldset select { max-width: 99%; } .CampaignForm fieldset textarea { max-width: 92%;} .ContactInfo div:first-of-type { margin-left: 0;} .calender ul li { width: 65px; padding: 10px 5px;} .HousePlansDownloads li { width: 300px;} .GalleryTeaser { width: 340px; height: auto;} #SuccessStoryUpdatePanel .Post { width: 320px;} .NewsRoomPost { width: 340px;} .MagazineBox .Post { width: 320px; } } @media all and (max-width:320px) { .HousePlansDownloads li { width: 280px;} #SearchBox input[type=text].SearchInput { width: 165px;} #SuccessStoryUpdatePanel .Post { width: 280px;} .NewsRoomPost { width: 300px;} .MagazineBox .Post { width: 280px; } }