/******************************************************************************************************ELEMENTS ACROSS ALL PAGES******************************************************************************************************/


html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
body { margin:0; font-family: "Open Sans"; max-width: 100%; overflow-x:hidden; }
h1 { margin:0; }
h2 { text-transform:uppercase; font-weight:300; font-size:36px; }
h3 { font-family: "Montserrat", Verdana, Tahoma; font-size:30px; color:#fff;  }
h4 { font-size:28px; font-weight:normal; }
h5 { font-weight:300; font-size:28px; margin-bottom:30px; }
p { line-height:30px; }
a { text-decoration:none; }

#header { width:1000px; margin:0 auto; overflow:hidden; padding-bottom:5px; }
span#headertext { font-family: "Montserrat"; font-weight:300; font-size:15px; text-transform:uppercase; padding-left:35px; padding-top:60px; display:inline-block; }
#mainlogo { float:left; padding-top:20px; padding-bottom:15px; }
#ultionlogo { float:right; width:250px; margin-top:24px; }

#navigationbg { background:url(images/repeatxsprite.png) 0 0 repeat-x; height:auto; overflow:hidden; }
#navigationbar { font-family: "Montserrat", Verdana, Tahoma; width:1000px; margin:0 auto; }
#navigationbar ul#nav { margin:0; padding:0; list-style:none; height:53px; position:relative; }
#navigationbar ul#nav li.mainnav { float:left; padding-top:15px; }
#navigationbar a.mainlink { color:#fff; text-transform:uppercase; font-size:16px; text-decoration:none; padding:16px 38px 13px 38px; border-right:1px solid #002d51; } 
#navigationbar li#homenav a { border-left:1px solid #002d51; }
.fixed { position:fixed; top:0; z-index:999999; }
#navigationbar.fixed { background-color:#124B7B; width:100%; box-shadow: 0 1px 14px #000; }
#navigationbar.fixed ul#nav { margin:0 auto; width:1000px; }
#navigationbar a#pull, #navigationbar a#loginappear { display:none; }
#navdivision { height:1px; color:#fff; }

ul#dropdown { display:none; }
ul#dropdown.shownav { display:block; position:absolute; left:0; top:70px; padding-left:20px; }
ul#dropdown.shownav li { float:left; margin-left:50px;  }
ul#dropdown.shownav li#brislocks { margin-left:0;  }
ul#dropdown.shownav li a { color:#fff; background-color:transparent!important; }
ul#dropdown.shownav li a:hover { text-decoration:underline; }
#navigationbar ul#nav.expand { height:110px; }

#navigationbar.fixed ul#nav.expand { height:53px; }
#navigationbar.fixed ul#dropdown.shownav { display:none; }

.clearfix:before,  
.clearfix:after { content: " "; display:table; }  
.clearfix:after { clear:both; }  
.clearfix { *zoom:1; }

#navigationbar li a:hover,
    body.homepage #navigationbar li#homenav a,
        body.products #navigationbar li#prodnav a.mainlink,
            body.about #navigationbar li#aboutnav a,
                body.contact #navigationbar li#contactnav a,
                    body.login #navigationbar li#reginav a,
					body.marketing #navigationbar li#marketnav a,
					body.blog #navigationbar li#newsnav a { background-color:#0d4574!important; }

#navigationbar li#prodnav a.mainlink,
      #navigationbar li#reginav a.mainlink { border-left:1px solid #002d51; }

img#greyline { width:100%; height:1px; } 
.bottomarrowgrey { position: relative; }
.bottomarrowgrey:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #000; border-color: rgba(0,0,0,0); border-top-color: #eee; border-width: 20px 30px 0 30px; margin-left: -30px; z-index: 10; }

.bottomarrowwhite {	position: relative; }
.bottomarrowwhite:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #000; border-color: rgba(0,0,0,0); border-top-color: #fff; border-width: 20px 30px 0 30px; margin-left: -30px; z-index: 10; }

.bottomarrowyellow { position: relative; }
.bottomarrowyellow:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #000; border-color: rgba(0,0,0,0); border-top-color: #DDC680; border-width: 20px 30px 0 30px; margin-left: -30px; z-index: 10; }

.bottomarrowblue { position: relative; }
.bottomarrowblue:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #000; border-color: rgba(0,0,0,0); border-top-color: #003662; border-width: 20px 30px 0 30px; margin-left: -30px; z-index: 10; }

#topimagebg { background:url(images/repeatxsprite.png) 0 -53px repeat-x; height:397px; overflow:hidden; position:relative; box-shadow: 0 4px 5px #999999; border-top:1px solid #002d51; }
div#topimage { width:1000px; margin:0 auto; height:332px; }
img#topimagepic { float:left; margin-left:-150px;  }
.h3toptext { float:right; width:600px; line-height:60px; padding-top:65px; }
.h3toptext.hometext { width:410px; padding-top:50px; font-size:36px; }
.h3toptext.hometext a { color:white; text-decoration:underline; font-size:26px; }
.theshape { font-size:48px; text-align:right; padding-top:0; margin-top:0; }

.videoplayer { background: #f1e1a6; /* Old browsers */
background: -moz-linear-gradient(left,  #f1e1a6 0%, #e5cf84 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1e1a6), color-stop(99%,#e5cf84)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f1e1a6 0%,#e5cf84 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f1e1a6 0%,#e5cf84 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f1e1a6 0%,#e5cf84 99%); /* IE10+ */
background: linear-gradient(to right,  #f1e1a6 0%,#e5cf84 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e1a6', endColorstr='#e5cf84',GradientType=1 ); /* IE6-9 */
}

.vimeoplayer { width:950px; margin:0 auto; height:534px; }
.vimeoplayer iframe { border:0; }

.bluebackground { background: #0d4c80; /* Old browsers */
background: -moz-linear-gradient(top,  #0d4c80 0%, #003662 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c80), color-stop(100%,#003662)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0d4c80 0%,#003662 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0d4c80 0%,#003662 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0d4c80 0%,#003662 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0d4c80 0%,#003662 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c80', endColorstr='#003662',GradientType=0 ); /* IE6-9 */
}

.quotebox { padding:40px 0; color:#fff; width:1000px; margin:0 auto; font-size:20px; position:relative; }
span.bluequote { font-style:italic; display:block; padding-bottom:20px; padding-left:50px; }
span.namecompany { text-transform:uppercase; font-weight:bold; padding-left:50px; }
.speechmarkleft { position:absolute; top:0; left:0; }
.speechmarkright { position:absolute; bottom:0; right:0; }

#footer { color:#fff; margin:0 auto; width:1000px; height:220px; padding-top:30px; clear:both; }
#footer #address, #footer #emailphone { padding-right:100px; float:left; }
span.footerhead { text-transform:uppercase; font-weight:bold; font-size:18px; font-family: "Montserrat", Verdana, Tahoma; display:block; padding-bottom:15px; }
span.footerhead.call { padding-top:40px; padding-bottom:5px; }
#footer #emailphone a { color:#fff!important; text-decoration:none; }
#footer ul { list-style:none; margin:0; padding:0; }
#footer ul li { padding:3px 0; }
span#phone { font-size:30px; font-weight:bold; }
img#footerlogo { float:right; padding-top:5px; }
#socialbuttons { float:right; width:240px; }
#twitterlogo, #fblogo, #linkedinlogo { float:right; padding-top:20px; padding-left:10px; }
.cse .gsc-control-cse, .gsc-control-cse { background-color:transparent!important; border:none!Important; padding:0!important; } 



/**************************************************************************************************************HOME PAGE**************************************************************************************************************/


#uniqueserviceouter { border-bottom:1px solid #ccc; width:100%; }
#uniqueservice { width:1000px; margin:0 auto; text-align:center; padding:50px 0; }

#alllocksouter { width:100%; }
#alllocks { width:1000px; margin:0 auto; padding:50px 0; overflow:hidden; }
#alllockscontent { width:400px; float:left;}
#alllocks img#fourlocks { float:right; }

#servicetwitterouter { border-bottom:1px solid #ccc; width:100%; }
#servicetwitter { width:1000px; margin:0 auto; overflow:hidden; padding:50px 0; }
#serviceicons { width:400px; float:left; text-align:center; }
#serviceicons #nextday { padding-bottom:20px; }
#twitterfeed { width:400px; float:right; }
#twitterfeed img { display:block; margin:0 auto; padding-bottom:20px; }

#halvestock { margin:0 auto; width:1000px; padding:50px 0; }
#halvestock img { padding-top:20px; display:block; margin:0 auto; }

#loginorderouter { border-bottom:1px solid #ccc; width:100%; }
#loginandorder { margin:0 auto; width:1000px; padding:50px 0; overflow:hidden; }
#loginsection { float:left; }
form.loginform { text-align:right; }
.loginform a#forgottendets { margin-top:10px; color:#727272; text-decoration:underline; display:block; }
.loginform a#forgottendets:hover { text-decoration:none; }
input.textbox, select.textbox, textarea.textbox { padding:15px; width:270px; color:#555; border-radius:10px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
font-size:14px; font-family:"Open Sans"; border: 1px solid #ddd; margin-left:20px; margin-bottom:30px; }

.greenbutton { color:#fff; padding:25px 100px 25px 40px; border-radius:10px; font-size:18px; font-family:"Montserrat"; border:1px solid #009919; text-transform:uppercase; text-shadow: 0 -1px 0 #12500c; cursor:pointer; position:relative; box-shadow:0 3px 12px #aaa;
background: #2bc12b; /* Old browsers */
background: -moz-linear-gradient(top,  #2bc12b 0%, #27a301 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bc12b), color-stop(100%,#27a301)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2bc12b 0%,#27a301 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2bc12b 0%,#27a301 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2bc12b 0%,#27a301 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2bc12b 0%,#27a301 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc12b', endColorstr='#27a301',GradientType=0 ); /* IE6-9 */
 }
.greenbutton:hover { background: #50d350; /* Old browsers */
background: -moz-linear-gradient(top,  #50d350 1%, #1aba01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#50d350), color-stop(100%,#1aba01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #50d350 1%,#1aba01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #50d350 1%,#1aba01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #50d350 1%,#1aba01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #50d350 1%,#1aba01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50d350', endColorstr='#1aba01',GradientType=0 ); /* IE6-9 */
}

.greenbutton.noarrow { padding:25px 40px 25px 40px; }

#twitterfeed iframe { height:730px!important; }

.loginarrow { position:absolute; top:17px; right:30px; }
#orderonline { width:450px; float:right; text-align:right; }
#orderonline p { padding-bottom:28px; }

#breakingbrisant { width:1000px; margin:0 auto; padding:50px 0 90px 0; text-align:center; color:#fff; }
#breakingbrisant p { margin-bottom:50px; }
#breakingbrisant span { display: block; font-size: 24px; }
#breakingbrisant .greenbutton { box-shadow: 0 3px 12px #222; }
#breakingbrisant ul { list-style:none; padding-top:10px; padding-left:0; }
#breakingbrisant li { float:left; width:33.3%; }

@media screen and (max-width:800px) {
#breakingbrisant { padding-bottom:20px; }
#breakingbrisant li { width:100%; float:none; height:75px; margin-bottom:20px; }
}

#ultionintro { width:1000px; margin:0 auto; padding:50px 0 90px 0; text-align:center; }
#ultionintro img#maincylinder { padding-left:70px; }
#ultionintro p { margin-bottom:70px; }

#notinshopsouter { width:100%; border-bottom:1px solid #ccc; }
#notinshops { width:1000px; margin:0 auto; padding:50px 0; position:relative; }
#notinshops-info { width:60%; float:left; }
#notinshops .cta-orange { top:-10px; }

/*************************************************************************************************************BRISANT LOCKS PAGE*************************************************************************************************************/

.h3toptext.products { width:380px; font-size:36px; width:470px; padding-top:100px; text-align:right; }
img#topimagepic.productspic { margin-top:65px; margin-left:-80px; }

#four-icons { width:1000px; margin:0 auto; padding:50px 0; text-align:center; overflow:hidden; }
.icon-sec { width:21%; float:left; margin-left:5%; margin-top:20px; }
.icon-sec.first { margin-left:0; }
.icon-sec img { padding-bottom:15px; display:block; margin:0 auto; } 
.icon-sec span { font-size:24px; font-weight:300; } 
.icon-sec p { margin:0; margin-top:15px; }

#locklist { margin:0 auto; width:1000px; text-align:center; padding:50px 0; position:relative; }
#locklist .cta-jam { top:-10px; left:0; }

#locklist .brisant-lock { padding:10px 0; }
#locklist .brisant-lock a { text-decoration:underline; color:#000; }
#locklist .brisant-lock a:hover { text-decoration:none; }
#locklist .brisant-lock p { margin-top:30px; }
#locklist .brisant-lock i { text-transform:none; font-size:30px; }
#locklist .brisant-lock .lockfront { padding-left:6%; padding-right:6%; }
#locklist .brisant-lock .lockbottom { margin-left:-8%; }
#locklist .brisant-lock .lockbottomrim { padding-left:4%; padding-right:4%; } 

#rangeguide img#lockscomparisonchart { display:none; }
#rangeguide { width:1000px; margin:0 auto; text-align:center; padding:50px 0 100px 0; }
#rangeguide .range { border-spacing:0; font-size:14px; margin:0 auto; }
#rangeguide .range .blue-bg { background-color:#013158; color:#fff; }
#rangeguide .range tr.locktitles td { font-size:18px; font-weight:bold; padding:20px; border-left:1px solid #000a12; border-right: 1px solid #315573; }
#rangeguide .range .grey-col { background-color:#f7f7f7; }
#rangeguide .range td { padding:10px 15px; }
#rangeguide .range td.topleft { border-top-left-radius:5px; }
#rangeguide .range td.topright  { border-top-right-radius:5px; }
#rangeguide .range td.bottomleft  { border-bottom-left-radius:5px; }
#rangeguide .range td.bottomright  { border-bottom-right-radius:5px; }
#rangeguide .range .lockfeatures { border-bottom:1px solid #000a12; border-top: 1px solid #315573; text-align:left; }

#bbchallenge { width:1000px; text-align:center; padding:50px 0; margin:0 auto; position:relative; color:#fff; }
.cta-orange { background-color:#f28c00; position:absolute; top:-50px; right:0; text-align:center; color:#fff; width:275px; padding:20px 0 30px 0; z-index:999; }
.cta-orange p { margin:0 auto; width:80%!important; margin-bottom:20px; font-size:14px; }
.cta-orange .greenbutton { padding:10px 20px; box-shadow: 0 2px 7px #666; }

#masterkey { color:#fff; padding:50px 0; margin:0 auto; width:1000px; overflow:hidden;}
#masterkey img { float:left; width:40%; padding-top:40px; }
#masterkey .masterinfo { float:left; padding-left:30px; width:58%; padding-left:2%; }

#build-content { width:1000px; padding:50px 0; margin:0 auto; }
#build-content #buildyourown { position:relative;  }
#build-content #buildyourown h5, #build-content #buildyourown p, #build-content #buildyourown h2 { text-align:center; }
#build-content #arrow1 { position:absolute; bottom:-130px; left:20%; }
#build-content #modularkits { padding-top:20px; position:relative; }
#build-content #modularkits p { width:42%; }
#build-content #modularkits #modularpic { float:right; width:54%; margin-top:20px; } 
#build-content #arrow2 { position:absolute; left:4%; }
#build-content #reassemble { padding-bottom:55px; padding-top:20px; position:relative; }
#build-content #arrow3 { position:absolute; right:20%; }
#build-content .assemblevideo.reassvid { float:left; margin-right:30px; }
#build-content #reassemble h5, #build-content #cakepinning h5 { text-align:center; margin-bottom:40px; margin-top:40px; }
#build-content #reassemble p { padding-top:30px; }
#build-content .assemblevideo.pinvid { float:right; margin-left:30px; }
#build-content .arrowdown { display:none; }
#colourpins { text-align:center; padding-top:20px; padding-bottom:50px; width:1000px; margin:0 auto; }

/*************************************************************************************************************ULTION PAGE*************************************************************************************************************/


#testingouter { border-bottom:1px solid #ccc; width:100%; }
#testing { width:1000px; margin:0 auto; padding-top:50px; padding-bottom:70px; }
#testing h2 { text-align:center; }
#tsoo7 { width:34%; float:left; }
#securediamond { width:34%; float:right; }
#testing img#ultionshield { padding-left:5%; padding-top:50px; }
#securediamond h4, #securediamond p { text-align:right; }

#elevenpins { padding-top:50px; padding-bottom:70px; }
#elevenpins p { margin-bottom:50px; }
img#pinsbottom { float:left; padding-top:50px; }
img#pinstop { float:right; padding-top:50px; }
#pinscontent { width:30%; text-align:center; margin:0 auto; }

#combinationchart { margin:0 auto; width:1000px; padding-top:50px; text-align:center; padding-bottom:90px; }
#combinationchart table { width:850px; margin:0 auto; padding-top:20px; border-spacing:0; }
#combinationchart table tr.locktypes { background-color:#013158; color:#fff; height:70px; }
#combinationchart table tr.combinations { background-color:#f2f2f2; }
#combinationchart table td { padding:10px; }
#combinationchart table tr.locktypes td { border-right:1px solid #15476f; border-left:1px solid #00213c;  }
#combinationchart table tr.combinations td { border-right:1px solid #ffffff; border-left:1px solid #dadada; }
#combinationchart table td.firstcol { border-left:0!important; }
#combinationchart table td.lastcol { border-right:0!important; }
#combinationchart table tr.locktypes td.firstcol { border-top-left-radius:5px; }
#combinationchart table tr.locktypes td.lastcol { border-top-right-radius:5px; }
#combinationchart table tr.combinations td.firstcol { border-bottom-left-radius:5px; }
#combinationchart table tr.combinations td.lastcol { border-bottom-right-radius:5px; }

#combinationchart table#verticaltable { display:none; }
#combinationchart table td.locktypes { background-color:#013158; color:#fff; height:30px; border-top:1px solid #15476f; border-bottom:1px solid #00213c;  }
#combinationchart table td.combinations { background-color:#f2f2f2; border-top:1px solid #ffffff; border-bottom:1px solid #dadada; }
#combinationchart table td.firstrow { border-top:0!important; } 
#combinationchart table td.lastrow { border-bottom:0!important; } 
#combinationchart table td.locktypes.firstrow { border-top-left-radius:5px; }
#combinationchart table td.combinations.firstrow { border-top-right-radius:5px; }
#combinationchart table td.locktypes.lastrow { border-bottom-left-radius:5px; }
#combinationchart table td.combinations.lastrow { border-bottom-right-radius:5px; }

#debrisout { width:1000px; margin:0 auto; color:#fff; padding-top:50px; padding-bottom:80px; }
#lockface { float:right; margin-top:-20px; }
#debrisout p { width:600px; margin-bottom:40px; }
#debrisout .greenbutton { box-shadow:0 3px 12px #333; }

#easyentryouter { border-bottom:1px solid #ccc; width:100%; }
#easyentry { padding:50px 0; width:1000px; padding:50px 0; margin:0 auto; } 
#easyentry #entry-info { width:55%; padding-left:45%; }
#easyentry .orangequote { float:left; margin-top:-70px; }

#steelpinsouter { width:100%; border-bottom:1px solid #ccc; }
#steelpins { width:1000px; margin:0 auto; padding-top:50px; text-align:center; }
#lockunder { margin:0 auto; display:block; padding-bottom:30px; width:80%; }

#ultionreplacevan { width:1000px; margin:0 auto; padding:50px 0; }
#ultionreplacevan p { width:50%; }

#halfvanstock { color:#fff; margin:0 auto; width:1000px; text-align:center; padding:50px 0; }

.orangequote { width:320px; height:104px; background-image:url(images/quotebg.png); float:right; box-shadow: 0 2px 5px #aaa; margin-top:-110px; color:#fff; padding:35px 25px 45px 25px; font-size:16px; }
span.testimonial { font-style:italic; line-height:30px; }
span.testimonialname { display:block; text-transform:uppercase; font-weight:bold; padding-top:15px; }

#snappingcontent { width:1000px; margin:0 auto; padding:50px 0 70px 0; text-align:center; }
#snappingcontent p { margin-bottom:40px; }

#keyedalikeouter { width:100%; }
#keyedalike { width:1000px; margin:0 auto; padding-top:50px; overflow:hidden; }
#keycontent { float:right; width:60%; }
#ultionkey { float:left; margin-bottom:-16px; }
#keyedalike h2#alike { padding-top:50px; }

#salesaid { width:1000px; margin:0 auto; padding-top:30px; padding-bottom:50px; position:relative;  }
#salesaid h2 { margin-bottom:0; }
#salesaid h5 { margin-top:5px; font-size:24px; }
#salesaid p { width:45%; margin-bottom:40px; }
#ipad { position:absolute; bottom:0; right:0; }

#buildultionouter { width:100%; }
#build-ultion { width:1000px; padding:50px 0; margin:0 auto; overflow:hidden; }
#buildyourultion { text-align:center; }
#buildyourultion { padding-bottom:20px; }
#build-ultion #greyboxes { margin:0 auto; }
#build-ultion .greybox { width:41%; background-color:#eee; float:left; margin-left:5%; margin-bottom:50px; padding:30px; height:300px; }
#build-ultion .greybox.first { margin-left:0; clear:left; }
#build-ultion .greybox h5 { margin-top:10px; }
#build-ultion .greybox.tall { padding-bottom:50px; margin-bottom:20px; }
#build-ultion .greybox.tall p { margin-bottom:40px; }
#build-ultion .greybox p a { color:#000; text-decoration:underline; }
#build-ultion .greybox p a:hover { text-decoration:none; }
#build-ultion .greybox .greenbutton { padding:20px 70px 19px 25px; }
#build-ultion .greybox .greenbutton .loginarrow { top:11px; right:20px; }

#build-ultion #ult-keyedalike { background:url('images/sandtimer.png') 50% 50% no-repeat #eee; }
#build-ultion #videoarrows { margin:0 auto; display:block; }

#leafletouter { width:100%; }
#leaflet { margin:0 auto; text-align:center; color:#fff; padding:20px 0 70px 0; width:1000px; } 
#leaflet .greenbutton { box-shadow:0 3px 12px #333; margin-left:20px; }
#leaflet h2 { padding-bottom:20px; }

.ultionsite ul { list-style:none; padding-top:50px; padding-left:0; }
.ultionsite li { float:left; width:33.3%; }
@media screen and (max-width:800px) {
.ultionsite { padding-bottom:20px!important; }
.ultionsite li { width:100%; float:none; height:75px; margin-bottom:20px; }
}
@media screen and (max-width:565px) {
	.ultionsite img { width:80%; }
}

/**********************************************************************************************************REGISTRATION PAGE**********************************************************************************************************/

#loginandregistration { width:1000px; margin:0 auto; overflow:hidden; padding:50px 0; }

#mainloginsection { width:415px; float:left; }
#mainloginsection #forgotdetails { color:#727272; text-decoration:underline; padding-bottom:20px; display:block; }
#mainloginsection .greenbutton { margin-bottom:15px; }
#mainloginsection form { margin-top:30px; }

#mainregistrationsection { width:445px; float:right; }
#mainregistrationsection .textbox.telephone { margin-bottom:0; }
#mainregistrationsection span#telrequired { font-size:12px; display:block; margin-top:5px; margin-bottom:30px; }


/************************************************************************************************************CONTACT PAGE************************************************************************************************************/

#headofficeouter { border-bottom:1px solid #ccc; width:100%; }
#headoffice { width:1000px; margin:0 auto; padding:50px 0; overflow:hidden; }
#headoffice iframe#maps { float:left; border:0; }
#officeaddress { width:240px; float:left; padding-left:50px; }
#officeaddress ul { padding:0; margin:0; list-style:none; line-height:30px; }
#officeaddress h2 { margin-bottom:5px; margin-top:0;}
#requestcontact { width:600px; float:left; }
#contactman { position:absolute; bottom:0; right:0; }

#maincontactform { width:1000px; margin:0 auto; padding:50px 0 100px 0; }
#maincontactform .loginform { width:830px; text-align:left; padding-top:30px; }
.loginform .formlabel { float:left; padding-top:15px; width:125px; text-align:right; }
.loginform textarea.comments { width:650px; }
.loginform.contactform .greenbutton { float:right; }
.radiobuttons { float:right; width:300px; }
.radiobuttons input { text-indent:30px; }
#moreinfoouter { background-color:#eaeaea; width:100%; }
#moreinfo { width:1000px; margin:0 auto; padding:50px 0 90px 0; text-align:center; }
#moreinfo h2 { padding-bottom:20px; }

.greenbutton.orangebutton { border:1px solid #e58400; background: #f89a18; padding:25px 40px 25px 40px;/* Old browsers */
background: -moz-linear-gradient(top,  #f89a18 0%, #f28c00 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f89a18), color-stop(99%,#f28c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f89a18 0%,#f28c00 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f89a18 0%,#f28c00 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f89a18 0%,#f28c00 99%); /* IE10+ */
background: linear-gradient(to bottom,  #f89a18 0%,#f28c00 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a18', endColorstr='#f28c00',GradientType=0 ); /* IE6-9 */
}

.greenbutton.orangebutton:hover { background: #f7ad4c; /* Old browsers */
background: -moz-linear-gradient(top,  #f7ad4c 0%, #ef9621 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ad4c), color-stop(99%,#ef9621)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7ad4c 0%,#ef9621 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7ad4c 0%,#ef9621 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7ad4c 0%,#ef9621 99%); /* IE10+ */
background: linear-gradient(to bottom,  #f7ad4c 0%,#ef9621 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad4c', endColorstr='#ef9621',GradientType=0 ); /* IE6-9 */
}

.greenbutton.orangebutton.cur i { font-style:normal; }


/***********************************************************************************************************ABOUT US PAGE***********************************************************************************************************/

.abouttopsection { text-align:center; color:#fff; }
.h3toptext.abouttext { width:100%; font-size:40px; }

#managementouter { border-bottom:1px solid #ccc; width:100%; }
#management { width:1000px; margin:0 auto; padding:50px 0; text-align:center; overflow:hidden; }
.staffmanager { width:320px; float:left; padding-left:20px; }
.staffmanager.stafffirst { padding-left:0; }
.staffmanager .staffinfo { list-style:none; padding:0; }
.staffinfo li { padding:10px 0; }
.staffinfo li.staffname { font-size:24px; font-weight:300; padding:10px 0; }
.staffinfo li.staffknown { font-style:italic; font-weight:bold; }

#salesteam { width:1000px; margin:0 auto; padding:50px 0; text-align:center; }
p.smallheader { font-size:24px; font-weight:300; padding:10px 0; }
#topunderlock, #bottomunderlock { margin:0 auto; display:block; width:90%; }
#whatwedoouter { width:100%; }
#whatwedo { width:1000px; margin:0 auto; padding:50px 0; color:#fff; overflow:hidden; }
#whatwedocontent { width:500px; float:left; }
#wedovideo iframe { padding-left:30px; border:0; }

#partnersouter { width:100%; border-bottom:1px solid #ccc; }
#partners { color:#fff; width:1000px; margin:0 auto; padding:50px 0; overflow:hidden; }
#mla { background:url('images/mla-bg.png') 0 0 no-repeat; width:380px; height:270px; text-align:center; padding:30px 20px; float:left; margin-top:40px; margin-left:40px; }
span.partnerstitle { font-family: "Montserrat"; text-transform:uppercase; display:block; font-size:24px; font-weight:bold; text-shadow:0 -1px 0 #ba6d04; }
#mla p, #bsi p { font-size:14px; margin:0; text-shadow:0 -1px 0 #ba6d04; }
#bsi p { padding-top:15px; }
#bsi { background:url('images/bsi-bg.png') 0 0 no-repeat; width:215px; height:265px; text-align:center; float:right; padding:75px 72px; margin-right:40px; }
#moreabout { width:1000px; margin:0 auto; padding:50px 0; overflow:hidden; }
#moreabout p.smallheader { text-align:right; line-height:44px; width:700px; float:right; }
#morelinks { clear:both; padding-top:20px; width:900px; margin:0 auto; }
#morelinks .greenbutton { padding:15px 20px; float:left; text-align:center; margin-left:20px; }
#morelinks .greenbutton.small { padding:26px 20px; }
#morelinks .greenbutton.first { margin-left:0; }


/**********************************************************************************************************TRADE ORDERING**********************************************************************************************************/

#trademain { width:1000px; margin:0 auto; padding:50px 0; }

#contactemail img { padding-top:20px; margin-bottom:-4px; padding-right:10px; }
#contactphone img { padding-top:20px; margin-bottom:-4px; padding-right:11px; padding-left:8px; }
#contactphone { font-size:24px; font-weight:bold; }

li#whoweare { border:1px solid #ccc; text-align:center; padding-bottom:5px; margin-top:20px; }
li#whoweare a { color:black; }
li#whoweare img { display:block; width:80px; margin:0 auto; }
li#whoweare:hover { box-shadow:0 0 7px #aaa; transition:0.3s; }
#traderequestouter { width:100%; }
#traderequest { width:1000px; margin:0 auto; padding:50px 0 80px 0; overflow:hidden; position:relative; }
#traderequest p { margin-bottom:60px; }


.waiting { width:1000px; margin:0 auto; text-align:center; padding:30px 0 60px 0; }
.otherstufftop .h3toptext { padding-top:40px; }
.waiting h5 { margin-bottom:40px; }


/**********************************************************************************************************OTHER LOCKS**********************************************************************************************************/


.otherlockstop img#topimagepic { margin-left:0; padding-top:70px; }
.otherlockstop.blogpic img#topimagepic { padding-top:40px; }
.otherlockstop h3.h3toptext { text-align:right; padding:0; margin:0; }
.otherlockstop h3.h3toptext.above { padding-top:100px; font-size:40px; padding-bottom:20px; }

@media screen and (max-width:885px) {
	.otherlockstop.blogpic img#topimagepic {
		width:250px;
		padding-top:30px;
	}
}
@media screen and (max-width:400px) {
	.otherlockstop.blogpic img#topimagepic {
		width:70%
	}
}

#gettomorrow-outer { border-bottom:1px solid #ccc; }
#whatyouget { width:1000px; margin:0 auto; padding:50px 0; position:relative; }
#whatyouget h2, #whatyouget p { width:60%; }
#whatyouget .cta-orange { padding-bottom:0; }
#whatyouget .cta-orange p { margin-bottom:0; }
#whatyouget .cta-orange img { width:100px; }

#verticalkey { width:1000px; margin:0 auto; padding:50px 0; }
#verticalkey img { float:right; margin-left:20px; }

#yalekeysouter { width:100%; border-bottom:1px solid #ccc; }
#yalekeys { width:1000px; margin:0 auto; padding-top:50px; overflow:hidden; text-align:center; }

#keyhead-outer { width:100%; border-bottom:1px solid #ccc; }
#keyhead { text-align:center; margin:0 auto; width:1000px; overflow:hidden; }
#keyhead img { margin-bottom:-5px; }

#yalecolours { margin:0 auto; width:1000px; padding-top:50px; text-align:center; }
#yalecolours img.nickel, { padding-left:10%; }
#guaranteeicons { padding-top:20px; padding-bottom:50px; text-align:center; width:1000px; margin:0 auto;  }
#guaranteeicons img.yalelogo { padding-left:6%; }

a.homegrownlink { display:block; text-decoration:underline; margin-top:50px; color:#000!important; }
#whatyouget #mla { color:#fff; float:none; margin:0 auto; margin-top:20px; }


/***********************************************************************************************************OTHER STUFF***********************************************************************************************************/


#onthebbc-outer { border-bottom:1px solid #ccc; width:100%; }
#onthebbc { width:1000px; padding:50px 0; margin:0 auto; position:relative; overflow:hidden; }
#onthebbc iframe { float:right; border:0; }
#onthebbc #onbbccontent { float:left; width:370px; }

#effectivelysimple { width:1000px; margin:0 auto; padding:50px 0; text-align:center; position:relative; }
#effectivelysimple .cta-orange { left:0; right:auto; top:-50px; }
#effectivelysimple img { width:100%; }

#howpatlockworks-outer { width:100%; border-bottom:1px solid #ccc; }
#howpatlockworks { width:1000px; margin:0 auto; text-align:center; padding:50px 0; overflow:hidden; }
#howpatlockworks iframe { float:left; border:0; } 
#howpatlockworks a.orangebutton { float:left; margin-left:5%; margin-top:20px; }

#notools { margin:0 auto; width:1000px; padding:50px 0; overflow:hidden; }
#notools h2 { text-align:center; }
#notools img { float:left; margin-right:7%; width:25%; }
#notools p { float:left; width:65%; margin-top:30px; }

#topimage img.otherstuff { margin-top:42px; }
#topimage h3.otherstuff { padding-top:140px; }
#lockadvisor { text-align:center; width:1000px; margin:0 auto; padding-bottom:50px; }




.ultionbanner {background-image:url(images/ultionbanner-bg.png)!important;background-size:cover !important;}
.ultionbanner h3 {font-size:45px;text-align:center;}
.ultionbanner h3 span {font-size:36px;}
.ultionbanner h3 img {max-width:100%;}

#topimagebg.ultionhomebannerbg {background-image:url(images/ultionbanner-bg.png)!important;background-size:cover !important;}


.ultionhomebanner .image {
	width: 47%;
	float: left;
}
.ultionhomebanner .text {
	width: 47%;
	float: right;
	margin-top: 115px;
}

.ultionhomebanner .h3toptext {
	width: 100% !important;
	padding: 0px;
}

.ultionhomebanner h3.h3toptext {width:47%;font-size:33px;text-align:center;line-height:1.2em;margin-top:15px !important;}
.ultionhomebanner h3.h3toptext span {font-size:27px;}


.mobsitelinks {
	width: 100%;
	display: none;
}

.mobsitelinks a {
	width: 50%;
	float: left;
	text-align: center;
	padding: 12px 0px 8px;
	box-sizing: border-box;
}

.mobsitelinks a.locklock {
	border-right: 1px solid #dedede;
}

.mobsitelinks a img {
	width: 91px;
}

.mobsitelinks a span {
	width: 100%;
	display: inline-block;
	font-size: 0.9em;
	color: #727272;
}
/***********************************************************************************************************RESPONSIVE CODE***********************************************************************************************************/


@media (max-width: 1174px) {
	#topimagebg.ultionhomebannerbg {background-size:auto !important;}
	.ultionbanner {
		background-size: auto !important;
	}
	.ultionbanner h3 {
		padding-top: 0px !important;
	}
}

@media (max-width: 1100px) {
    #header { width:98%; margin:0 auto; }
	#testing, #combinationchart, #combinationchart table, #debrisout, #easyentry, #steelpins, #ultionreplacevan, #snappingcontent, #keyedalike, #salesaid, #build-ultion, #footer,
	      #uniqueservice, #alllocks, .quotebox, #servicetwitter, #halvestock, #loginandorder, #breakingbrisant, #ultionintro, #loginandregistration, #trademain, 
                     #headoffice, #traderequest, #maincontactform, #moreinfo, #management, #salesteam, #whatwedo, #partners, #moreabout, #four-icons, #locklist, #rangeguide, #bbchallenge, #build-content, .waiting, #whatyouget, #yalekeys, #yalecolours, #keyhead, #verticalkey, #guaranteeicons, #notinshops, #colourpins, #leaflet, #onthebbc, #effectivelysimple, #howpatlockworks, #notools, #lockadvisor, #masterkey { width:95%; margin:0 auto;}
    #navigationbar { width:100%; }
    .hometopimage img#topimagepic { padding-top:90px; }
    div#topimage { width:96%; }
    #navigationbar a.mainlink { padding:13px 26px; }
    #halfvanstock { width:85%; }
    img#topimagepic { margin:0; width:350px; padding-top:60px; }
    span#headertext { width:250px; padding-left:30px; }
    .h3toptext { font-size:24px; width:480px; }
    .hometopimage #topimage { padding-top:95px; } 
    .theshape { font-size:34px;  }
    img#pinsbottom { float:none; }
    #pinscontent { width:90%; margin:0 auto; }
    #lockunder { width:100%; }
    #lockface { width:400px; margin:0; padding-top:100px; }
    #keyedalike h2#alike { padding-top:0; }
    #ipad { width:400px; }
    #headoffice iframe { width:500px; height:400px; }
    #staff { width:785px; margin:0 auto; }
    .staffmanager { width:245px; }
    #whatwedocontent { width:350px; }
    #wedovideo iframe { width:400px; height:220px; padding-top:45px; }
    #mla, #bsi { display:block; float:none; margin:0 auto; }
    #morelinks { width:100%; }
    #morelinks a.greenbutton { display:block; float:none; width:80%; margin:0 auto!important; margin-bottom:20px!important; }
    #moreabout p.smallheader { margin:0; }
    img#topimagepic.productspic { width:400px; padding-top:45px; margin-left:-40px; }
    #build-content #modularkits #modularpic { margin-top:50px; }
    #build-content #arrow1 { left:30%; }
    #build-content #arrow2 { left:0; }
    #build-content #arrow3 { right:10%; }

    #locklist { padding-top:0; }
    #locklist .cta-orange { padding-top:25px; }
    #locklist .brisant-lock .lockfront { padding-left:1%; padding-right:1%; }
    #locklist .brisant-lock .lockbottom { margin-left:0; }
    #locklist .brisant-lock .lockbottomrim { padding-left:1%; padding-right:1%; } 
    
    #rangeguide { padding:50px 0; }
    #bbchallenge { padding-top:0; }
    .cta-orange { position:static; width:100%; margin-bottom:50px; }

    #build-ultion .greybox { margin-left:3%; height:350px; }
     .otherlockstop h3.h3toptext.above { font-size:30px; }
	 #whatyouget { padding-bottom:0; text-align:center; }
	 #whatyouget h2 { width:100%; }
	 #whatyouget p { width:100%; margin-bottom:20px; }

.otherlockstop h3.h3toptext.above { font-size:30px; }
#notinshops-info { float:none; width:100%; text-align:center; }
#notinshops .cta-orange { margin-bottom:0; }
     
	 .ultionbanner h3 {
		 font-size: 35px;
		 padding-top: 65px !important;
	 }
	 .ultionbanner h3 span {
		 font-size: 28px
	 }
	 
	 .ultionhomebanner .image img#topimagepic {
		 padding-top: 45px !important;
	 }
}

@media (max-width:1000px) {
    #onthebbc iframe { width:400px; height:233px; margin-top:50px; }
    #howpatlockworks iframe { width:400px; height:233px; }
}

@media (max-width:950px) {
    .vimeoplayer { width:750px; height:430px; }
    .vimeoplayer iframe { width:750px; height:430px; }
}
@media (max-width:920px) {
    #alllocks img#fourlocks { width:275px; }
    #serviceicons { width:100%; }
    #twitterfeed { width:100%; padding-top:20px; }
    #twitterfeed iframe { display:block; margin:0 auto; height:400px!important; }
    input.textbox, select.textbox, textarea.textbox { width:200px; }
    #orderonline { width:320px; }
    #mainloginsection { width:305px; }
    #mainregistrationsection { width:345px; }
    .h3toptext.abouttext { margin-bottom:0; }

    #build-content #reassemble p { padding-top:0; }
}

@media (max-width:885px) {
    span#headertext { display:none; }
    .h3toptext { width:340px; margin-bottom:0; }
    .hometopimage .h3toptext,  { width:340px; font-size:24px; padding-top:120px; }
    .h3toptext.products { width:295px; font-size:24px; padding-top:120px; }
    #testing img#ultionshield { width:150px; display:block; margin:0 auto; padding:0; }
    #testing { padding-bottom:20px; }
    #tsoo7, #securediamond { float:none; width:90%; margin:0 auto; }
    #securediamond h4, #securediamond p { text-align:left; }
    #elevenpins img#pinstop, #elevenpins img#pinsbottom  { width:250px; }
    #ultionreplacevan { padding-bottom:0; }
    #ultionreplacevan p { width:100%; margin:0 auto; padding-bottom:20px; }
    .orangequote { margin:0 auto!important; float:none!important; }
    #easyentry #entry-info { text-align:center; width:100%; padding:0; }
    #ultionkey { width:200px; margin:0; padding-top:50px; padding-left:10px;  } 
    #salesaid { padding-bottom:0; }
    #salesaid p { width:98%; }
    #ipad { position:static; display:block; margin:0 auto; margin-top:45px; }
    #footer { height:auto; padding-bottom:100px; }
    #footer #address, #footer #emailphone { margin:0 auto; float:none; text-align:center; padding-right:0; }
    #footer #emailphone { padding-top:20px; }
    span.footerhead.call { padding-top:20px; }
    img#footerlogo { float:left; padding-top:0; width:180px; }
    #footer #socialbuttons { float:none; margin:0 auto; height:67px; width:190px; }
    #footer #socialbuttons #twitterlogo, #footer #socialbuttons #fblogo, #footer #socialbuttons #linkedinlogo { padding-top:10px; }
    #navigationbar a.mainlink { padding:13px 14px; }
    #halvestock img { width:94%; }
    #headoffice { padding-top:20px; }
    #headoffice iframe { width:100%; height:230px; margin-bottom:20px; }
    #officeaddress { text-align:center; float:none; margin:0 auto; padding-left:0; }
	
    #requestcontact { width:470px; }
    #maincontactform .loginform { width:100%; }
    .loginform textarea.comments { width:400px; }
    #whatwedocontent { width:280px; }
    #wedovideo iframe { width:340px; height:200px; padding-top:80px; }

    #build-content #reassemble  { text-align:center; padding-bottom:0; }
    #build-content #cakepinning { text-align:center; }
    #build-content .assemblevideo { float:none!important; margin:0 auto!important; } 
    #build-content h5 { margin-top:0!important; }
    #build-content .arrowdown { display:block; margin:0 auto; }
    #build-content #arrow1, #build-content #arrow2, #build-content #arrow3 { display:none; } 

    #build-ultion .greybox { padding:20px; height:420px; margin-left:5%; }
	.otherlockstop { text-align:center; }
   .otherlockstop img#topimagepic { padding:0; margin:0 auto; float:none; width:280px; } 
   .otherlockstop h3.h3toptext { text-align:center; width:100%;  }
   .otherlockstop h3.h3toptext.above { padding-top:0; padding-bottom:10px; }
      
   #onthebbc { text-align:center; }
   #onthebbc #onbbccontent { width:100%; float:none; }
   #onthebbc iframe { margin:0 auto; float:none; }


	 .ultionbanner h3 {
		 font-size: 24px;
		 line-height: 1.6em;
		 padding-top: 110px !important;
	 }
	 .ultionbanner h3 span {
		 font-size: 19px
	 }
}

@media (max-width:845px) {
	.ultionhomebanner .text {
		margin-top: 80px;
	}
}

@media (max-width:820px) {
    #staff { width:680px; }
    .staffmanager { padding-left:0; width:225px; }
    
    .icon-sec { width:45%; }
    .icon-sec.second { margin-left:0; }}

@media (max-width:775px) {
    .vimeoplayer { width:600px; height:345px; }
    .vimeoplayer iframe { width:600px; height:345px; }
	#yalecolours img { padding:0!important; width:45%; }
	
    #howpatlockworks iframe { float:none; margin:0 auto; }
    #howpatlockworks a.orangebutton { margin-left:0; }
	
	#masterkey img { float:none; margin:0 auto; padding-top:0; display:block; }
	#masterkey { text-align:center; margin:0 auto; }
	#masterkey .masterinfo { width:98%; padding-left:0; }
}

@media (max-width:730px) {
    img#topimagepic { margin:0 auto; display:block; float:none; width:200px; padding-top:20px; }
    img#topimagepic.productspic { margin:0 auto; width:300px; padding-top:85px; }
    img#topimagepic.marketpic { width:auto; padding-top:0; margin-top:-10px; margin-bottom:-50px; }
    .h3toptext.products { text-align:center; }
    .hometopimage #topimage { width:350px; padding-top:60px; }
    .h3toptext { width:98%!important; padding-top:0!important; margin-top:0!important; line-height:40px!important; }
    .hometopimage .h3toptext { text-align:center; }
    .theshape { padding-top:10px; }
    #lockface { width:300px; float:none; margin:0 auto; display:block; padding-top:25px;  }
    #debrisout { padding-top:0; }
    #debrisout p { width:auto; }
    #keycontent { width:100%; float:none; }
    #ultionkey { width:150px; float:none; margin:0 auto; display:block; padding:0; }
    
    #navigationbar { position;relative;  border-bottom:1px solid #0C385F; }
    #navigationbar a#loginappear { display:none; border: 0px none; float: left; text-align:center; width: 29%; padding: 8px 0px; height: 37px; line-height: 37px; border-left:1px solid #002d51; }
    #navigationbar a#pull { background: url('images/retina/pull@2x.png') no-repeat scroll 50% 13px transparent; background-size:21px 20px; text-indent: -9999px; width: 100%; height: 37px; padding: 8px 0px !important; display: block; float: left; margin: 0px auto; }
	#navigationbar a#pull.tradepull { width:100%; }
    #navigationbar.fullwidth a#pull { display:block; width:100%; }
    #navigationbg { height:auto; background:none; background-color:#0D4574; }
    #navigationbg ul#nav { display:none; height:auto; }
    #navigationbar.fixed ul#nav { width:100%; }
    #navigationbar ul#nav li.mainnav { width:100%; text-align:center; margin-top:0; padding:0; }
    #navigationbar ul#nav li a.mainlink { width:100%; border:0; display:block; padding:10px 0; border-top:1px solid #0C385F; }
    #navigationbg ul#nav li a:hover { background:none; background-color:#0d4574; }
    #newsnav { border-bottom:1px solid #0C385F; }
    ul#dropdown.shownav li { margin:0 auto; width:100%; padding:10px 0; }
    ul#dropdown.shownav { list-style:none; padding:0; border-top:1px solid #0c385f; background-color:#0b3e68; overflow:hidden; position:static; }
    ul#dropdown.shownav a { width:100%; padding:10px 0; background-color:#0b3e68; }

    
    #alllockscontent { width:100%; }
    #alllocks img#fourlocks { float:none; display:block; margin:0 auto; }
    #loginsection { width:100%; }
    #loginsection h2 { text-align:center; }
    input.textbox, select.textbox, textarea.textbox { width:50%; }
    form.loginform { text-align:center; }
    #orderonline { width:100%; text-align:left; padding:20px 0; text-align:center; }
    
    #loginandregistration { padding-top:20px; }
    #mainloginsection, #mainregistrationsection { width:100%; float:none; }
    
    #traderequest { padding-bottom:0; }
    #requestcontact { width:100%; }
    #contactman { position:static; padding-top:60px; margin:0 auto; display:block; }
    #maincontactform .loginform { padding-top:10px; }
    #maincontactform .loginform .textbox { width:50%; }
    .radiobuttons { width:100%; text-align:center; padding-bottom:10px; }
    
    .h3toptext.abouttext { font-size:34px; padding-top:80px!important; padding-bottom:20px; line-height:45px!important; }
    
    .staffmanager { width:100%; display:block; float:none; }
    #staff { width:100%; }
    #whatwedocontent { width:100%; display:block; float:none; }
    #wedovideo { width:500px; margin:0 auto; }
    #wedovideo iframe { width:500px; height:290px; padding:0; }
    #moreabout p.smallheader { width:100%; }
    
    #build-content #modularkits { text-align:center; }
    #build-content #modularkits #modularpic { margin:0 auto; float:none; }
    #build-content #modularkits p { width:100%; }

    #build-ultion .greybox { width:92%; margin:0; float:none; margin-top:20px; height:auto; }
	 #verticalkey { text-align:center; }
    #verticalkey img { float:none; margin:0 auto; width:70%; }
    #keyhead img { width:60%; }
	
	 #topimage h3.otherstuff { padding-top:0; }
    #notools p { margin-top:0; }
	
	.ultionhomebanner .image {
		width: 100%;
	}
	.ultionhomebanner .image #topimagepic {
		max-width: 240px; !important;
	}
	.ultionhomebanner .text {
		width: 100%;
		margin: 0px;
	}
	.ultionhomebanner .text img {
		display: none;
	}
    
	 .ultionbanner h3 {
		 font-size: 24px;
		 padding-top: 15px !important;
	 }
	 
	 .ultionbanner h3 span {
		 font-size: 19px
	 }
	
	.headerleft {
		width: 100% !important;
		text-align: center;
	}
	
	.headerleft #mainlogo {
		float: none;
	}
	
	.headerright {
		display: none;
	}
	 
	.mobsitelinks {
		display: inline-block;
	}
}


@media (max-width:630px) {
    .vimeoplayer { width:500px; height:290px; }
    .vimeoplayer iframe { width:500px; height:290px; }
}

@media (max-width:590px) {
    #combinationchart table#horizontaltable { display:none; }
    #combinationchart table#verticaltable { display:block; width:270px; }
    #rangeguide img#lockscomparisonchart { display:block; width:100%; }
    #rangeguide table { display:none; }
	
    #ultionlogo { width:190px; margin-top:20px; }
    #mainlogo { width:205px; height:auto; }
    img#topimagepic.marketpic { width:100%; margin-bottom:-20px; margin-top:40px; }
}

@media (max-width:550px) {
    .h3toptext { font-size:20px!important; }
    .theshape { font-size:24px; }
    #elevenpins img#pinsbottom, #elevenpins img#pinstop  { display:block; float:none; margin:0 auto; padding:0; }
    #ipad { width:300px; }
    .bottomarrowblue:after, .bottomarrowyellow:after, .bottomarrowwhite:after, .bottomarrowgrey:after { border-width:15px 20px 0 20px; }
    #wedovideo { width:350px; }
    #wedovideo iframe, .assemblevideo { width:350px; height:200px; }
    #bbchallenge img.bb-logo, #breakingbrisant img { width:300px; }
    #build-ultion #videoarrows { width:95%; }
	 #yalekeys { text-align:center; }
    #guaranteeicons img { width:40%!important; height:auto!important; }
	 #notools { text-align:center; }
    #notools img { width:160px; float:none; margin:0 auto; }
    #notools p { float:none; width:100%; margin-top:20px; }
}

@media (max-width:525px) {
    .vimeoplayer { width:400px; height:234px; }
    .vimeoplayer iframe { width:400px; height:234px; }
    
    #ultionintro img#ultionunderlock { width:80%; }
    #ultionintro img#maincylinder { width:50%; padding-left:0; }
}

@media (max-width:480px) {
    .quotebox { font-size:16px; }
    span.bluequote { padding-left:10px; }
    span.namecompany { padding-left:10px; }
    #moreinfo .orangebutton, #ultionintro .orangebutton { padding:20px; font-size:14px; }
    .h3toptext.abouttext { padding-top:5px!important; padding-bottom:5px; line-height:40px!important; }
    #mla { background-size:360px 340px; width:320px; }
    .icon-sec { width:100%; margin-left:0; }
    .brisant-lock .bottomimg { width:90%; }
    .brisant-lock .frontimg { width:20%; }
    .brisant-lock .sideimg { width:70%; }
    #locklist .brisant-lock { padding:0; }
   .otherstufftop .h3toptext { padding-top:70px!important; }

    .ultionhomebanner .image img#topimagepic {
		padding-top: 25px !important;
	}
}

@media (max-width:445px) {
    #howpatlockworks iframe { width:300px; height:211px; }
    #onthebbc iframe { width:300px; height:175px; }
}

@media (max-width:425px) {
    .vimeoplayer { width:300px; height:178px; }
    .vimeoplayer iframe { width:300px; height:178px; }
}


@media (max-width:400px) {
    h2 { font-size:30px; margin:10px 0;}
    #ultionlogo, #mainlogo { display:block; float:none; margin:0 auto; }
	#ultionlogo {
		margin-top:15px; width:160px;
	}
    #mainlogo { padding-top:10px; padding-bottom:10px; }
    .hometopimage #topimage { width:300px; }
    .h3toptext { line-height:35px!important; width:100%!important; }
     img#topimagepic.productspic { width:250px; padding-top:100px; }
    .theshape { padding-top:0; }
    .orangequote { width:85%; height:70px; background-size:100%; padding:25px 20px 60px 20px; }
    span.testimonial { font-size:14px; line-height:25px; }
    span.testimonialname { font-size:14px; }
    #testing { padding-top:20px; }
    #elevenpins { padding-top:30px; padding-bottom:60px; }
    #combinationchart { padding-top:10px; padding-bottom:40px; }
    #debrisout { padding-bottom:50px; }
    #steelpins { padding-top:20px; }
    #ultionreplacevan { padding:20px 0; }
    #halfvanstock { padding:20px 0; }
    #snappingcontent { padding:20px 0 50px 0; }
    #keyedalike { padding-top:20px; }
    #salesaid { padding-top:20px; }
    
    #header.login #ultionlogo { display:none; }
    input.textbox, select.textbox, textarea.textbox, #maincontactform .loginform .textbox { display:block; margin:0 auto; width:80%; margin-top:10px; }
    #maincontactform .loginform .formlabel { text-align:center; padding-bottom:5px; width:100%; }

    #bbchallenge img.bb-logo { width:250px; }    
    #wedovideo, .assemblevideo { width:280px; }
    #wedovideo iframe { width:280px; height:165px; }
    #partners { padding-bottom:20px; }
    #mla { background-size:300px 370px; width:260px; height:305px; }
    #bsi { width:155px; background-size:300px 375px; padding:50px 72px; height:275px; }
    #bsi p { padding-top:0; }
	#yalecolours img { width:60%; }
	#leaflet h2 { padding-bottom:0; }
	#leaflet .greenbutton { display:block; margin:0 auto; margin-top:30px; }

	.ultionhomebanner h3.h3toptext span {
		font-size: 16px;
	}
	
	#masterkey img { width:80%; }
}


body.padlock #topimagebg #topimage img#topimagepic { margin-left:0; float:left; }
body.padlock .h3toptext { float:left; padding:0; margin:15px 0; width:38%; line-height:30px; padding-left:30px; }
body.padlock .h3toptext.top { margin-top:120px; }
body.padlock .h3toptext.alllocks { padding-left:60px; }
body.padlock .h3toptext.textright { text-align:right; }

body.padlock #anycylinder { width:1000px; margin:0 auto; overflow:hidden; padding:30px 0; }
body.padlock #anycylinder .cylinderinfo { float:left; width:65%; padding-left:50px; }
body.padlock #anycylinder img { float:left; width:25%; }

body.padlock .assemble { text-align:center; color:#fff; }
body.padlock .assemble h2 { margin:0; padding:50px 0; }

body.padlock .padlockvideo { border-bottom:1px solid #ccc; }
body.padlock .padlockvideo img { width:100%; }

body.padlock .allsituations { padding:30px 0 50px 0; overflow:hidden; margin:0 auto; width:1000px; }
body.padlock .allsituations h2 { text-align:center; }
body.padlock .allsituations ul { list-style:none; padding:0; }
body.padlock .allsituations ul li { float:left; width:20%; margin-left:6%; text-align:center; }
body.padlock .allsituations ul li.firstlist { margin-left:0; }
body.padlock .allsituations ul li img { width:90%; margin-top:-20px; }
body.padlock .allsituations ul li span { font-weight:bold; }

body.padlock .yoursite { background-color:#f28c00; text-align:center; color:#fff; padding-bottom:50px; overflow:hidden; }
body.padlock .yoursite .greenbutton { padding:10px 20px; box-shadow:0 2px 7px #666; } 

body.padlock .retainpadlock { padding:30px 0; width:1000px; margin:0 auto; }
body.padlock .retainpadlock div { float:left; }
body.padlock .retainpadlock div img { float:left; }
body.padlock .retainpadlock div span { text-transform:uppercase; font-weight:bold; font-size:24px; }
body.padlock .retainpadlock .retainshort { width:50%; }
body.padlock .retainpadlock .retainshort img { margin-top:-60px; width:40%;  }
body.padlock .retainpadlock .retainshort .shortinfo { width:50%; padding-top:30px; padding-left:30px; }
body.padlock .retainpadlock .retaintall { width:40%; padding-bottom:40px; }
body.padlock .retainpadlock .retaintall img { width:50%; }
body.padlock .retainpadlock .retaintall span { padding-top:20%; display:block; }

body.padlock .closeuplock { clear:both; }
body.padlock .closeuplock img { width:100%; }

body.padlock .extrainfo { width:1000px; margin:0 auto; padding:30px 0; }
body.padlock .extrainfo ul { list-style:none; padding:0; margin:0; }
body.padlock .extrainfo ul li { width:45%; float:left; margin-left:10%; overflow:hidden; text-align:center; padding:20px 0; }
body.padlock .extrainfo ul li h2 { font-size:28px; margin:10px 0; }
body.padlock .extrainfo ul li.nextdaydiv { padding-bottom:30px; }

body.padlock .extrainfo ul li p { margin-top:0; }
body.padlock .extrainfo ul li a.pinning img { width:100%; }
body.padlock .extrainfo ul li.leftli { margin-left:0; clear:left; }

body.padlock #moreinfoouter { clear:both; }

@media (max-width:1100px) {
	body.padlock #topimagebg #topimage img#topimagepic { float:none; display:block; padding-top:10px; width:300px; margin:0 auto;
	}
	body.padlock .h3toptext { display:block!important; width:100%!important; margin:0!important; text-align:center!important; padding:0!important; }
	body.padlock #anycylinder, body.padlock .extrainfo, body.padlock .retainpadlock, body.padlock .allsituations { width:95%; margin:0 auto;}
}
@media (max-width:800px) {
	body.padlock .retainpadlock div { float:none; }
	body.padlock .retainpadlock .retainshort { width:100%; }
	body.padlock .retainpadlock .retainshort img { margin-top:0; width:20%; }
	body.padlock .retainpadlock .retainshort .shortinfo { width:70%; display:inline-block; }
	body.padlock .retainpadlock .retaintall { width:100%; clear:left; padding-bottom:10px; }
	body.padlock .retainpadlock .retaintall img { width:150px; margin-top:-50px; float:right; }
	body.padlock .retainpadlock .retaintall span { padding-top:10%; }
	body.padlock .yoursite h2 { font-size:28px; padding-bottom:10px; }
}
@media (max-width:730px) {
	body.padlock #anycylinder { text-align:center; }
	body.padlock #anycylinder img { width:160px; float:none; margin:0 auto; display:block; }
	body.padlock #anycylinder .cylinderinfo { float:none; width:100%; padding:0; }
}
@media (max-width:630px) {
	body.padlock .extrainfo ul li { float:none; width:100%; margin:0; }
	body.padlock .extrainfo ul li a.pinning img { width:70%; }
	body.padlock .extrainfo ul li.leftli { padding-bottom:0; }
	body.padlock .extrainfo ul li.lastli { padding-top:0; padding-bottom:0; }
}
@media (max-width:470px) {
	body.padlock .retainpadlock .retaintall img, body.padlock .retainpadlock .retainshort img { width:30%; margin:0 auto; float:none; }
	body.padlock .retainpadlock { text-align:center; }
	body.padlock .retainpadlock .retainshort .shortinfo { width:100%; padding:0; }
	body.padlock .retainpadlock .retaintall span { padding-top:0; }
}
@media (max-width:400px) {
	#moreinfo { padding:30px 0 60px 0; }
	#moreinfo h2 { font-size:28px; padding-bottom:30px; }
}
@media (max-width:345px) {
	body.padlock #topimagebg #topimage img#topimagepic { width:100%!Important; }
}

/**********************************************************************************BLOG******************************************************************************/

.blog-wrapper { width:1000px; margin:0 auto; margin-bottom:20px; overflow:hidden; }
.blog-wrapper aside#sidebar { width:25%; float:right; margin-left:5%; margin-top:20px; margin-bottom:20px; }
.blog-wrapper aside#sidebar .widget { padding-top:20px; }
.blog-wrapper aside#sidebar .widget h3 { color:#000; font-size:18px; margin-top:5px; margin-bottom:0; font-weight:300; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:5px; display:block; }
.blog-wrapper aside#sidebar .widget form { margin-top:10px; }
.blog-wrapper aside#sidebar .widget form input#s { padding:4px 15px 4px 5px; }
.blog-wrapper aside#sidebar .widget form input#searchsubmit { cursor:pointer; padding:5px; background:none; background-color:#F28C00; color:#fff; text-transform:uppercase; border:0; border-radius:0; }
.blog-wrapper aside#sidebar .widget form input#searchsubmit:hover { text-decoration:underline; }
.blog-wrapper aside#sidebar .widget ul { margin:0; padding:0; list-style:none; }
.blog-wrapper aside#sidebar .widget ul li { padding-left:25px;  border-bottom:1px solid #ddd; background:url('images/right-arrow.png') 7px 13px no-repeat; }
.blog-wrapper aside#sidebar .widget ul li a { font-size:15px; font-weight:300; padding:7px 0; display:block; color:#000; }
.blog-wrapper aside#sidebar .widget ul li a:hover { color:#124C7C; font-weight:normal; }
.blog-wrapper aside#sidebar iframe.twitter-timeline { margin-top:20px!important; }


.blog-wrapper #main { width:70%; float:left; }
.blog-wrapper #main header.archiveshead h2 { font-size:26px; color:#ccc; }
.blog-wrapper #main article { border-bottom:5px solid #124C7C; }
.blog-wrapper #main article .img-container { float: right; margin: 4px 0px 14px 14px; width: 32%; overflow: hidden; }
.blog-wrapper #main article .post-content p a { color:#F28C00; }
.blog-wrapper #main article .post-content p a:hover { text-decoration:underline; }
.blog-wrapper #main h2 a { color:#000; font-size:30px; }
.blog-wrapper #main h2 a:hover { text-decoration:underline; }
.blog-wrapper #main h2 { margin-bottom:5px; }
.blog-wrapper #main span.meta  { border-bottom:1px solid #ddd; display:block; padding-bottom:15px; }
.blog-wrapper #main span.meta i { display:block; font-size:15px; font-weight:300; color:#888; }
.blog-wrapper #main span.meta i a { color:#F28C00; }

.blog-wrapper #comments { border-top:5px solid #124C7C; }
.blog-wrapper #comments h3 { font-size:18px; color:#333; font-weight:300; }
.blog-wrapper #comments #comment-nav ul { list-style:none; }
.blog-wrapper #comments ol.commentlist { margin-top:0; }
.blog-wrapper #comments ol.commentlist .comment-author, .blog-wrapper #comments ol .comment-meta { font-size:14px; font-weight:300; }
.blog-wrapper #comments ol.commentlist .comment-author a, .blog-wrapper #comments ol .comment-meta a { color: #F28C00; }
.blog-wrapper #comments ol.commentlist p { margin:5px 0; font-size:14px; line-height:20px; }
.blog-wrapper #comments ol.commentlist .reply a { text-decoration:underline; color:#000; }
.blog-wrapper #comments ol.commentlist .reply a:hover { text-decoration:none; }

.blog-wrapper #comments section#respond form#commentform .ibox textarea { display:block; width:100%; height:100px; margin:5px 0; border:1px solid #ccc; }
.blog-wrapper #comments section#respond form#commentform input#submit { cursor:pointer; padding:5px; background:none; background-color:#F28C00; color:#fff; text-transform:uppercase; border:0; border-radius:0; margin-bottom:20px; }
.blog-wrapper #comments section#respond form#commentform input#submit:hover { text-decoration:underline; }
.blog-wrapper #comments section#respond form#commentform p.special a { color:#000; text-decoration:underline; }
.blog-wrapper #comments section#respond form#commentform p.special a:hover { text-decoration:none; }




@media screen and (max-width:1100px) {
	.blog-wrapper { width:95%; }
}
@media screen and (max-width:730px) {
	.blog-wrapper #main { width:100%; float:none; }
	.blog-wrapper aside#sidebar { width:100%; float:none; margin:0; }
	.blog-wrapper aside#sidebar .widget { padding-top:10px; }
}





/*********MARKETING PAGE *********/

.grid {
	max-width:1000px;
	margin:0 auto;
}
div#topimage.marketing h3 {
	float:left;
	text-align:right;
	padding-right:20px;
	padding-top:215px;
	line-height:1.3em;
	width:auto;
	padding-left:20%;
	font-size:36px!important;
}
div#topimage.marketing img {
	margin-top: 20px !important;
	width: 340px !important;
	margin-left: 20px !important;
	padding-top: 0 !important;
}
@media screen and (max-width:770px){
	div#topimage.marketing h3 {
		padding-left:20px!important;
		padding-top:190px!important;
		float:left!important;
		width:auto!important;
	}
	div#topimage.marketing img {
		width:300px!important;
	}
}
@media screen and (max-width:575px){
	div#topimage.marketing h3 {
		width:100%!important;
		text-align:center!important;
		padding-top:20px!important;
		padding-left:0!important;
		padding-bottom:20px;
	}
	div#topimage.marketing img {
		width:250px!important;
		display:block;
		margin:0 auto!important;
	}
}
div.booklet {
	overflow:hidden;
	padding:40px 0;
}
div.booklet .img-container {
	float:right;
	position:relative;
	max-width:500px;
}
div.booklet .img-container img {
	width:500px;
}    
div.booklet .img-container span {
    position: absolute;
    bottom: 10px;
    font-size:14px;
    left: 0;
}
div.booklet h2 {
	margin-bottom:40px;
	margin-top:90px;
}
div.smallbutton a.greenbutton {
	padding:10px 30px 10px 29px;
}
div.top-right {
	width:48%;
	float:right;
	margin-top:-40px;
	margin-right:-20px;
	position:relative;
}
div.top-right span {
	position:absolute;
	color:white;
	bottom:45px;
	right:140px;
	font-size:14px;
}
div.top-right img {
	width:94%;
}
div.dispense {
	padding-bottom:80px;
}
div.dispense h2 {
	color:white;
	padding-bottom:50px;
	padding-top:120px;
	margin-bottom:0;
}
.bluebackground {
	clear:both;
}
.bottom-left {
	margin-left:-90px;
	position:relative;
}
.bottom-left img {
	width:580px;
}
.bottom-left span {
	color:white;
	font-size:14px;
	position:absolute;
	bottom:20px;
	left:30px;
}
.bottom-left a.greenbutton {
	clear:both;
	margin-left:200px;
	width:192px;
	display:block;
	padding:10px 0!important;
	text-align:center;
}
.case {
	position:relative;
	padding-top:30px;
}
.case .cta-orange {
	width:320px;
	float:right;
	background-color:#f2712f;
	margin-top:-140px;
	margin-right:10px;
}
.case span.white {
	color:white;
	display:block;
	text-align:center;
	font-size:55px;
	font-weight:600;
	margin-top:-10px;
}
.case span.black {
	text-transform:uppercase;
	color:black;
	font-size:26px;
	font-weight:600;
	display:block;
	margin-top:-13px;
}
.case .cta-orange img {
	width:55%;
	margin:0 auto;
	display:block;
}
.case .cta-orange p {
	color:black;
	font-weight:300;
	line-height:1.2em;
	margin:0 6%;
	padding-top:8px;
	width:88%!important;
	font-size:20px;
} 
.case img.imgcase {
	margin-left:0px;
	width:60%;
}
.case h2 {
	position:absolute;
	right:80px;
	bottom:60px;
}
.case span.code {
	position:absolute;
	right:45%;
	font-size:14px;
	bottom:60px;
}
.search-dir {
	border-top:1px solid #ccc;
	padding:60px 0;
	margin-top:-30px;
	overflow:hidden;
}
.search-dir img {
	width:44%;
	float:left;
	margin-right:70px;
}
.search-dir .right-sec {
	float:left;
	width:45%;
}
.search-dir .right-sec h2 {
	margin-top:10px;
	margin-bottom:10px;
}
.search-dir .right-sec p {
	font-size:20px;
	font-weight:300;
	line-height:1.2em;
}
.grid.small {
	max-width:800px;
}
.keycap {
	padding-top:20px;
	position:relative;
}
.keycap img {
	margin-bottom:-4px;
	padding-left:50px;
}
.keycap img.logo {
	width:180px;
	padding-left:0;
	margin-top:-20px;
	left:50%;
	margin-left:-90px;
	position:absolute;
	top:65px;
}
.keycap img.pullright {
	float:right;
	padding-right:50px;
	padding-left:0;
}
.onyoursite {
	padding-top:90px;
	padding-bottom:100px;
	position:relative;
}
.onyoursite p {
	font-weight:300;
	font-size:30px;
	text-align:center;
	margin-top:15px;
	padding-bottom:20px;
	line-height:1.4em;
}
.onyoursite .leftsec {
	width:40%;
	text-align:center;
	padding-left:50px;
}
.onyoursite img.ipad {
	position:absolute;
	bottom:0;
	right:-140px;
}
.lockadvisor {
	position:relative;
	padding:140px 0 0 0;
	overflow:hidden;
}
.lockadvisor img.ipad {
	float:left;
	margin-left:-50px;
}
.lockadvisor img.logo {
	width:90%;
}
.lockadvisor .rightsec {
	float:right;
	text-align:center;
	width:42%;
}
.lockadvisor .rightsec p {
	color:white;
	font-weight:300;
	font-size:30px;
	text-align:center;
	margin-top:15px;
	padding-bottom:20px;
	line-height:1.4em;
}
.leaflets {
	padding:30px 0;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.leaflets ul {
	list-style:none;
	max-width:1200px;
	margin:0 auto;
}
.leaflets li {
	width:30%;
	float:left;
	margin:1%;
}
.leaflets li img {
	width:100%;
}
.leaflets li .img-cont {
	height:380px;
}
.leaflets span {
	display:block;
	font-size:14px;
	padding-bottom:20px;
	text-align:center;
}
.leaflets a.greenbutton, .posters a.greenbutton {
	clear: both;
	width: 192px;
	margin:0 auto;
	display: block;
	padding: 10px 0 !important;
	text-align: center;
}
.leaflets h2 {
	clear:both;
	padding-top:30px;
	margin-bottom:0;
	text-align:center;
}
.posters {
	padding:80px 0 40px 0;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.posters ul {
	max-width:1200px;
	margin:0 auto;
	list-style:none;
}
.posters li {
	width:30%;
	margin:1%;
	text-align:center;
	float:left;
}
.posters li img {
	margin-bottom:15px;
	width:100%;
}
.posters span {
	display:block;
	text-align:left;
	font-size:14px;
	margin-bottom:5px;
}
.posters a.greenbutton {
	margin-top:30px;
}
.posters h2 {
	padding-top:100px;
}
.window-vinyls {
	padding:100px 0;
	overflow:hidden;
}
.window-vinyls img {
	width:480px;
	padding-bottom:10px;
}
.window-vinyls span {
	display:block;
	font-size:14px;
}
.window-vinyls .left-sec {
	float:left;
	padding-right:90px;
}
.window-vinyls .right-sec {
	padding-top:120px;
}
.vanstickers {
	padding-top:50px; 
	padding-bottom:50px;
}
.vanstickers h2 {
	color:white;
}
.vanstickers p {
	color:white;
	font-size:1em!important;
}
.vanstickers img.van {
	margin:0!important;
	width:52%;
}

#topimagebg.ultionhomebannerbg.newbanner {
	background-image: url(images/homebannernew-bg.jpg)!important;
	background-position: center;
	background-size: cover;
}

#topimagebg.newbanner,
#topimagebg.newbanner li {
	height: 418px;
}

#topimagebg.newbanner .bx-wrapper {
	padding: 0px !important;
	margin: 0px !important;
}

#topimagebg.newbanner .banner1 img,
#topimagebg.newbanner .banner2 img,
#topimagebg.newbanner .banner3 img,
#topimagebg.newbanner .banner4 img {
	width: 50%;
	float: left;
	padding-top: 50px;
}

#topimagebg.newbanner .banner1 h3,
#topimagebg.newbanner .banner2 h3,
#topimagebg.newbanner .banner3 h3,
#topimagebg.newbanner .banner4 h3 {
	width: 47%;
	font-size: 51px;
	line-height: 1.2em;
	text-align: right;
	padding: 0px;
	margin: 115px 1px 0px 0px;
}

#topimagebg.newbanner .banner4 h3 {
	margin-top: 150px;
}

#topimagebg.newbanner .bx-pager.bx-default-pager {
	top: auto;
	bottom: 15px;
	padding: 0 !important;
	margin: 0 !important;
}

.headerleft {
	width: auto;
	float: left;
}

.headerleft img {
	width: auto;
	height: 83px;
}

.headerright {
	width: auto;
	float: right;
}

.headerright a {
	width: 280px;
	display: inline-block;
	text-align: center;
	padding: 10px 120px 10px 0px;
	border: 3px solid #dedede;
	margin-left: 15px;
	box-sizing: border-box;
	margin-top: 21px;
}

.headerright img {
	width: 124px;
}

.headerright a span {
	width: 100%;
	display: inline-block;
	font-size: 0.9em;
}

.headerright a.ultion {
	background: url(images/header-ultion-bg.jpg) left;
	background-size: cover;
}

.headerright a.ultion span {
	color: #224957;
}

.headerright a.locklock {
	background: url(images/header-locklock-bg.jpg) left;
	background-position: right;
	background-size: cover;
}

.headerright a.locklock span {
	color: #f7ba02;
}

@media all and (max-width:1070px) {
	.keycap img.pullright {
		display:none;
	}
	.keycap img.logo {
		left:80%;
	}
	.keycap img {
		padding-left:20px;
	}
	.leaflets li .img-cont {
		height:350px;
	}
}

@media all and (max-width:960px) {
	.headerright a {
		width: 160px;
		background: none !important;
		padding-right: 0px;
	}
}

@media all and (max-width:920px) {
	.lockadvisor img.ipad {
		margin-left:-150px;
	}
}
@media all and (max-width:920px) {
	.leaflets li .img-cont {
		height:280px;
	}
	
	#topimagebg.newbanner .banner1 h3,
	#topimagebg.newbanner .banner2 h3,
	#topimagebg.newbanner .banner3 h3,
	#topimagebg.newbanner .banner4 h3 {
		font-size: 41px;
	}
}

@media all and (max-width:880px) {
}

@media all and (max-width:830px) {
	.onyoursite .leftsec img {
		width:80%;
	}
	.onyoursite p {
		font-size:24px;
	}
	.onyoursite img.ipad {
		width:400px;
	}
	.onyoursite {
		padding-bottom:60px;
	}
}
@media screen and (max-width: 768px) {
    .leaflets li .img-cont {
        height: 245px;
    }
    .posters h2 {
        padding: 100px 0;
    }
    .lockadvisor {
    	padding-top:60px;
    }
    .lockadvisor .rightsec {
    	float:none;
    	width:100%;
    }
    .lockadvisor .rightsec img {
    	width:300px; 
    }
    .lockadvisor .rightsec p {
    	padding:0 15px;
    	font-size:24px;
    }
    .lockadvisor img.ipad {
	    width: 400px;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		float: none;
	}
    .onyoursite .leftsec {
    	padding-left:15px;
    }
    .keycap img.pullright {
        display: none;
    }
    .onyoursite .leftsec {
        float: left;
        padding-bottom: 50px;
        padding-left: 0;
        text-align: center;
        width: 40%;
    }
    .onyoursite img.ipad {
        float: right;
        position: unset;
        right: 0;
        width: 50%;
    }
    .bottom-left {
        margin-left: 0;
    }
    .bottom-left img {
        width: 500px;
    }
    .window-vinyls {
    	padding:40px 0;
    }
    .window-vinyls .left-sec {
    	float:none;
    	width:100%;
    	padding:0;
    }
    .window-vinyls .left-sec img {
    	width:80%;
    	display:block;
    	margin:0 auto;
    }
    .window-vinyls span {
    	text-align:center;
    }
    .window-vinyls .right-sec {
    	text-align:center;
    	padding-top:0;
    }
	.window-vinyls a.greenbutton {
		display:block;
		width:135px;
		margin:0 auto;
	}
	.vanstickers img.van {
		display:block;
		width:70%;
		margin:0 auto!important;
		float:none;
		margin-bottom:-20px!important;
	}
	.vanstickers {
		padding-bottom:0;
		padding-top:30px;
	}
	
	
	
	
	
	#topimagebg.newbanner .banner1 img,
	#topimagebg.newbanner .banner2 img,
	#topimagebg.newbanner .banner3 img,
	#topimagebg.newbanner .banner4 img {
		width: 100%;
		max-width: 330px;
		float: none;
		padding-top: 20px;
		margin: 0 auto;
	}
	
	#topimagebg.newbanner .banner1 h3,
	#topimagebg.newbanner .banner2 h3,
	#topimagebg.newbanner .banner3 h3,
	#topimagebg.newbanner .banner4 h3 {
		width: 100%;
		display: inline-block;
		font-size: 33px;
		text-align: center;
		margin-top: 25px;
	}
}
@media all and (max-width:730px) {
	div.booklet .img-container {
		max-width:70%;
		margin:0 auto;
		float:none;
	}
	div.booklet .img-container img{
		width:100%;
	}
	div.booklet h2 {
		text-align:center;
		padding:0 10px;
		margin-top:20px;
		margin-bottom:20px;
	}
	div.booklet a.greenbutton {
		display:block;
		width:135px;
		margin:0 auto;
	}
}
@media all and (max-width:660px) {
    .leaflets li {
        width: 100%;
        margin-left: -25px;
        margin-bottom:20px;
    }
    .leaflets li .img-cont {
        height: auto;
    }
    .leaflets li img {
    	width:70%;
    	margin:0 auto;
    	display:block;
    }
	div.top-right {
		width:100%;
		margin:0;
		margin-top:-30px;
	}
	div.top-right img {
		width:60%;
		margin:0 auto;
		display:block;
	}
	div.top-right span {
		bottom:4px;
	}
	div.dispense h2 {
		clear:both;
		text-align:center;
		font-size:32px;
		padding-top:20px;
	}
	.bottom-left img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.case .cta-orange {
		width:100%;
		margin-top:-40px;
		float:none;
		margin-right:0;
	}
	.bottom-left a.greenbutton {
		display:block;
		width:135px;
		margin:0 auto;
		padding:10px 30px 10px 29px!important;
		margin-top:30px;
	}
	.bottom-left span {
		bottom: 70px;
		left: 50%;
		margin-left: -60px;
	}
	.case h2 {
		bottom:200px;
	}
	.case span.code {
		right:25%;
	}
	.posters h2 {
		font-size:30px;
		padding-top:30px;
	}
}
@media all and (max-width:640px) {
	.search-dir {
		padding-bottom:30px;
	}
	.search-dir img {
		width:80%;
		display:block;
		margin:0 auto;
		float:none;
	}
	.search-dir .right-sec {
		width:100%;
		text-align:center;
		margin-top:20px;
	}
}
@media all and (max-width:600px) {
	.case {
		padding-bottom:30px;
	}
	.case img.imgcase {
		width:80%;
		display:block;
		margin:0 auto;
	}
	.case h2 {
		position:static;
		text-align:center;
		font-size:32px;
		padding:0 10px;
	}
	.case span.code {
		right:40px;
		bottom:170px;
	}
	.onyoursite .leftsec {
		width:90%;
		margin:0 auto;
		float:none;
	}
	.onyoursite .leftsec img {
		width:70%;
	}
	.onyoursite img.ipad {
		float:none;
		margin: 0 auto;
		display: block;
		width:70%;
		margin-bottom:-60px;
	}
	.posters ul {
		padding-left:0!important;
	}
    .posters li {
        width: 80%;
        margin:0 auto;
        display:block;
        float:none;
    }
    .posters h2 {
        padding: 25px 0 0;
        font-size:30px;
    }
}
@media screen and (max-width: 480px) {
    .left-sec img {
        width: 320px;
    }
    .window-vinyls .right-sec {
        text-align: center;
    }
    .keycap {
        overflow: hidden;
    }
    .keycap img {
        opacity: .5;
    }
    .keycap .logo {
        opacity: 1;
    }
    .onyoursite img.ipad {
        display: none;
    }
    .onyoursite .leftsec {        
        width: 100%;
    }
    .onyoursite .leftsec img {
        width: 80%;
        display:block;
        margin:0 auto;
    }
    .onyoursite {
    	padding-top:50px;
    	padding-bottom:20px;
    }
    .grid.small {
        max-width: 800px;
    }
    .case h2 {
        position: unset;
        text-align: center;
        right: 0;
    }
    .case .cta-orange {
        margin-top: -70px;
        margin-right: 0;
    }
    div.top-right img {
        width: 85%;
    }
    .keycap img.logo {
    	left:50%;
    }
    .lockadvisor img.ipad {
    	width:90%;
    }
    .leaflets li img {
    	width:95%;
    }
}
@media all and (max-width:450px) {
    div.booklet .img-container {
    	max-width:90%;
    }
    div.booklet .img-container span {
    	bottom:-15px;
    }
    div.dispense h2  {
    	font-size:24px;
    	padding-left:15px;
    	padding-right:15px;
    	padding-bottom:20px;
    }
    .case h2 {
    	font-size:24px;
    	padding-bottom:0;
    	padding-top:10px;
    	padding-bottom:10px;
    	padding-left:15px;
    	padding-right:15px;
    }
    .lockadvisor {
    	padding-top:20px;
    }
    .bottom-left span {
    	bottom:55px;
    }
    .case .cta-orange {
    	margin-bottom:0px;
    }
    .case span.code {
    	bottom:130px;
    }
    .case {
    	padding-bottom:0;
    }
}




/*************** CURRENCY PAGE **************/


.h3toptext.right { text-align:right!important; font-size:46px; padding-top:90px; }
img#topimagepic.currencypic { width:330px; margin-top:20px; margin-left:10px; }
.currency-intro { max-width: 1000px; margin: 0 auto; padding: 50px; text-align: center;  }
.chart-section { padding:30px 0; background-color:#123257; }
.chart-section img { max-width:1000px; margin:0 auto; display:block; }

@media all and (max-width:1100px) {
	.h3toptext.right { font-size:36px; padding-right:50px; }
	img#topimagepic.currencypic { width:300px; padding-top:10px; padding-left:30px; }
}

@media all and (max-width:1050px) {
	.chart-section img { width:96%; }
}

@media all and (max-width:730px) {
	img#topimagepic.currencypic { float:left; width:200px; padding-top:70px; padding-left:0; }
	.h3toptext.right { line-height:50px!important; width:40%!important; padding-top:150px!important; }
	.currency-intro { padding:50px 20px; }
	
	#topimagebg.newbanner .bx-pager.bx-default-pager {
		width: 100%;
		left: 0px !important;
		text-align: center;
	}
	
	
}
@media all and (max-width:550px) {
	img#topimagepic.currencypic {
		float:none; padding-top:40px; display:block; margin:0 auto;
	}
	.h3toptext.right {
		width:98%!important; text-align:center!important; padding-top:10px!important; padding-right:0; font-size:30px!important; line-height:40px!important;
	}
	.greenbutton.orangebutton.cur i { display:none; }
	
	#topimagebg.newbanner .banner1 h3,
	#topimagebg.newbanner .banner2 h3,
	#topimagebg.newbanner .banner3 h3,
	#topimagebg.newbanner .banner4 h3 {
		font-size: 33px !important;
		line-height: 1.2em !important;
		margin-top: 15px !important;
	}
}