/* CSS Document */ /*-------- Reset Styles --------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}body{line-height:1;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0; resize:none; outline:none;} a{text-decoration:none;} h1,h2,h3{font-weight:normal;} *{outline:none;resize:none;} /*-------- End Reset Styles --------*/ /*-------- Font Families --------*/ @font-face { font-family: 'FontSiteSansCondensed'; src: url('fontsitesans_condensed/FontSiteSans-Cond-webfont.eot'); src: url('fontsitesans_condensed/FontSiteSans-Cond-webfont.eot?iefix') format('eot'), url('fontsitesans_condensed/FontSiteSans-Cond-webfont.woff') format('woff'), url('fontsitesans_condensed/FontSiteSans-Cond-webfont.ttf') format('truetype'), url('fontsitesans_condensed/FontSiteSans-Cond-webfont.svg#webfontEGuZ0Ad6') format('svg'); font-weight: normal; font-style: normal; } /*-------- End Font Families --------*/ /*-------- Main Styles --------*/ body{background:url('body-bg.jpg') no-repeat top center #000101;font-family:Arial, Helvetica, sans-serif;font-size:12px;} .body{background:url('footer-bg.png') no-repeat bottom center;} .body .container{min-height:556px;} .container{width:914px;padding:0 23px 25px 23px;margin:auto;background:url('container-bg.png') repeat-x top left #d4d4d4;} .abs{position:absolute;} .fr{float:right;} .fl{float:left;} .cb{clear:both;} .cl{clear:left;} .ca{text-align:center;} .ra{text-align:right;} p{margin:5px 0;line-height:16px;font-size:12px;} .nrb{border-right:0;} .nb{border:0!important;} .nmt{margin-top:0!important;} .nmr{margin-right:0!important;} .lcase{text-transform:none!important;} .cp{cursor:pointer;} textarea{resize:none;overflow:hidden;} .overlay{width:100%;height:100%;background:url('overlay.png') repeat;position:fixed;top:0;left:0;z-index:50;display:none;} .open-fabrication, .open-express, .open-assembly, .open-laser, .open-shop{cursor:pointer;} /*-------- End Main Styles --------*/ /*-------- Font Styles --------*/ .sitesans{font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;} .green{color:#85c12f!important} .green a{color:#85c12f} .red, .red a, a.red{color:#9e0404!important;} .white, .white a{color:#ffffff;} .yellow { color:#f1e306; } .forgottenp { font-weight:bold;color:#85c12f; } /*-------- End Font Styles --------*/ /*-------- Design Elements Styles --------*/ #news-ticker{width:960px;min-height:0px;display:none;padding:0;padding:0px;padding-top:10px;padding-bottom:10px;position:relative;background:#000;color:#FFF;margin-left:-23px;overflow:hidden;} #news-ticker .black{width:25px;height:32px;background:#000000;position:absolute;left:0;top:0;} #news-ticker .black.right{left:auto;right:0;} .black-box{color:#fff;font-weight:bold;} .black-box-left{width:3px;height:24px;background:url('sprite.png') -468px -158px;float:left;} .black-box-mid{height:24px;line-height:24px;background:#000;float:left;padding:0 5px;} .black-box-right{width:3px;height:24px;background:url('sprite.png') -471px -158px;float:left;} .content-box{margin:20px 0;} .content-box a{color:#85c12f;text-decoration:underline;} .content-box.full{width:918px;margin-left:-2px;} .content-box.full .heading{width:888px;height:46px;background:url('sprite.png') 0 -215px;padding:3px 15px 4px 15px;color:#fff;text-transform:uppercase;line-height:46px;font-size:20px;} .content-box.full .heading .breadcrumb{font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:none;} .content-box.full .content{width:886px;background:url('content-box-full-bg.png') repeat-y;min-height:48px;padding:16px 16px;color:#fff;line-height:16px;} .content-box.full .bot{width:918px;height:5px;background:url('sprite.png') 0 -268px;} .content-box.full .left, .content-box.full .right{padding:0 8px;width:416px;float:left;} .content-box.full .left{width:419px;margin:0 17px 0 0;float:left;} .content-box.full .right{width:419px;float:left;} #contact-map-outer{width:420px;position:relative;margin:0 20px 0 0;float:left;} #contact-map{width:420px;height:420px;float:left;margin:0 20px 0 0;} #contact-map-outer .edgetop{position:absolute;top:0;left:0;} #contact-map-outer .edgebottom{position:absolute;bottom:0;left:0;} #contact-map-outer .edgeleft{position:absolute;top:5px;left:0;} #contact-map-outer .edgeright{position:absolute;top:5px;right:0;} #contact-content{float:left;width:446px;} #contact-content p{font-size:14px!important;line-height:20px;} .slide-left{width:41px;height:81px;background:url('sprite.png') no-repeat -231px -131px;cursor:pointer;} .slide-right{width:41px;height:81px;background:url('sprite.png') no-repeat -272px -131px;cursor:pointer;} #add-to-basket{width:234px;height:33px;background:url('sprite.png') no-repeat -684px -273px;border:0;cursor:pointer;} #email-quote{width:114px;height:33px;background:url('sprite.png') no-repeat -804px -306px;border:0;cursor:pointer;} #save-quote{width:114px;height:33px;background:url('sprite.png') no-repeat -804px -339px;border:0;cursor:pointer;} .start-again{display:block;width:94px;height:29px;background:url('sprite.png') no-repeat -684px -117px;} .product-add-to-basket{display:block;width:164px;height:33px;background:url('sprite.png') -638px -306px;} .back-button{display:block;width:84px;height:33px;background:url('sprite.png') -720px -339px;} .more-info{display:block;width:152px;height:33px;background:url('sprite.png') -766px -435px;} .q-mark{width:17px;height:17px;background:url('sprite.png') -543px -106px;display:inline-block;} /*-------- End Design Elements Styles --------*/ /*-------- Header Styles --------*/ #header{width:912px;height:126px;position:relative;} #header-tel{margin-top:31px;} #header-tel p{font-size:26px;} #header-share{position:absolute;top:70px;right:0;} #header-share div{float:left;width:100px;} #header-share #social-google{width:60px;} #header-share #social-facebook-share{width:94px;} #logo{width:374px;height:52px;background:url('sprite.png') no-repeat 0 0;top:34px;left:0;} #logo a{display:block;width:100%;height:100%;} #logo{width:374px;height:52px;background:url('sprite.png') no-repeat 0 0;top:25px;left:0;} #logo a{display:block;width:100%;height:100%;} #bsi{width:88px;height:73px;background:url('bsi.png') no-repeat;top:28px;left:395px;} #ul{width:65px;height:43px;background:url('ru.png') no-repeat;top:28px;left:502px;} #language-select{position:absolute;top:0;right:0;line-height:40px;font-size:14px;font-weight:bold;} #language-select .mid{width:338px;height:38px;padding:0 14px;background:url('language-select-bg.png') repeat-x top left;border:1px solid #b4b4b5;border-bottom:0;} #language-select span{color:#525252;} #language-select .fr{margin:11px 0 0 0;} #language-select .bot{width:368px;height:3px;background:url('sprite.png') no-repeat 0 -212px;} #header-search{width:370px;top:62px;right:0;} #search-input{width:272px;height:24px;padding:0 5px;line-height:24px;background:url('sprite.png') no-repeat 0 -52px;border:0;top:4px;} #search-button{width:83px;height:32px;background:url('sprite.png') no-repeat -460px 0;border:0;right:0;top:0;cursor:pointer;} #nav{width:912px;height:36px;background:url('carbon-fiber-repeat.png') repeat;padding:0;margin:0 auto;position:relative;z-index:11;} #nav ul{margin-left:5px!Important;} #nav li{padding:0 5px;height:36px;float:left;text-transform:uppercase;line-height:39px;font-size:18px;border-right:1px solid #7a7a7a;position:relative;list-style:none;} #nav li.end{border:0;} #nav li .inner{padding:0 11px;height:36px;} #nav li .left{width:7px;height:32px;background:url('sprite.png') no-repeat -543px 0;top:4px;left:0;display:none;} #nav li .right{width:7px;height:32px;background:url('sprite.png') no-repeat -550px 0;top:4px;right:0;display:none;} #nav li.sub:hover .inner{background:url('nav-li-hover.png') repeat-x 0 3px;} #nav li.sub:hover .left{width:7px;height:33px;background:url('sprite.png') no-repeat -543px -32px;top:4px;left:0;display:none;} #nav li.sub:hover .right{width:7px;height:33px;background:url('sprite.png') no-repeat -550px -32px;top:4px;right:0;display:none;} #nav li:hover .inner{background:url('nav-li-hover-sub.png') repeat-x 0 3px;} #nav li:hover .inner a{color:#000;} #nav li:hover .left, #nav li:hover .right, #nav li.sub:hover .left, #nav li.sub:hover .right{display:block;} #nav li.end .inner{padding:0 9px 0 9px;} #nav li.end .submenu{left:auto;right:3px;z-index:100;} .submenu{padding:0 7px;top:36px;left:3px;padding:10px 10px 0 10px;background:#93c848;display:none;} #nav .submenu li{margin:0 0 10px 0;height:20px;float:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px;font-weight:bold;white-space:nowrap;padding:0 0 0 20px;background:url('bullet-point.png') no-repeat 0 2px;border:none;text-transform:none;} .submenu li a{color:#000;} #nav li.sub:hover .submenu{display:block;} #subnav{position:relative;z-index:1;} #subnav a{color:#000;} #subnav .inner{height:45px;padding:0 5px;margin:0 7px;background:url('subnav-bg.png') repeat-x top left;line-height:45px;font-size:12px;} #subnav .left{width:9px;height:45px;background:url('sprite.png') no-repeat -557px 0;top:0;left:-2px;} #subnav .right{width:9px;height:45px;background:url('sprite.png') no-repeat -566px 0;top:0;right:-2px;} #subnav label{font-weight:bold;padding:0 5px 0 0;} #subnav .text{width:113px;height:24px;background:url('sprite.png') no-repeat -277px -1150px;border:0;margin:0 5px 0 0;padding:0 3px;} form#login{background:url('sprite.png') no-repeat 399px -76px;width:536px;height:41px;line-height:41px;position:relative;} #login-button{width:65px;height:24px;background:url('sprite.png') no-repeat -429px -52px;border:0;cursor:pointer;position:relative;bottom:-2px;} #basket-icon{width:26px;height:22px;background:url('sprite.png') no-repeat -494px -52px;margin:10px 8px 0 10px;cursor:pointer;} #basket-info{width:310px;height:41px;line-height:41px;} #basket-info span{font-weight:bold;} #basket-info .black-box{margin:9px 5px 0 5px;line-height:12px;} a.checkout-button{display:block;width:79px;height:28px;background:url('sprite.png') no-repeat -137px -76px;margin:7px 0 0 10px;} #register-link{position:absolute;top:0;right:28px;font-size:12px;text-decoration:underline;} .my-account{display:block;width:94px;height:28px;background:url('sprite.png') -658px -811px;float:left;margin:6px 0 0 10px;} /*-------- End Header Styles --------*/ /*-------- Service Section Styles --------*/ .closed .process, .closed #service-footer{display:none;} .closed #services-available .start .corner{display:block;width:3px;height:3px;position:absolute;bottom:0;background:url('sprite.png') no-repeat -580px -61px;left:0;} .closed #services-available .start.active .corner{background:url('sprite.png') no-repeat -577px -64px;} .closed #services-available .end .corner{display:block;width:3px;height:3px;position:absolute;bottom:0;background:url('sprite.png') no-repeat -580px -64px;right:0;} #services{position:relative;top:-4px;font-size:16px;z-index:10;} #services-available{width:912px;height:107px;background:url('services-bg.png') repeat-x 0 -1px;margin:0 auto 0 auto;} .service{cursor:pointer;width:180px;height:107px;border-left:1px solid #000000;border-right:1px solid #a09f9f;float:left;text-align:center;text-transform:uppercase;position:relative;} .service h2{font-weight:normal;cursor:pointer;position:relative;z-index:9;} .service.active{background:url('active-service-bg.png') repeat-x 0 0;color:#fff;} .service a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;} .service.start{border-left:0;width:182px;} .service.end{border-right:0;width:182px;} .service .icon{width:54px;height:55px;margin:6px auto 5px auto} #pcb-fabrication .icon{background:url('sprite.png') no-repeat -216px -76px;} #express-laser-stencil-service .icon{background:url('sprite.png') no-repeat -270px -76px;} #pcb-assembly .icon{background:url('sprite.png') no-repeat -324px -76px;} #laser-cut-solder-paste-stencil .icon{background:url('sprite.png') no-repeat -378px -76px;} #pcb-train-online-store .icon{background:url('sprite.png') no-repeat -432px -76px;} .service .split{width:20px;height:107px;background:url('sprite.png') -520px -32px;position:absolute;top:0;right:-17px;z-index:1;display:none;} .service.active .split{display:block;} .process{width:912px;margin:auto;background:#090909;padding:23px 0;display:none;} #process-holder{background:#090909;width:912px;margin:auto;position:relative;z-index:10;} .service-title{font-size:22px;display:inline;margin:0 10px 0 0;text-transform:uppercase;} #next-step-loading{width:314px;height:154px;background:url('next-step-loading.png') no-repeat top left;position:absolute;top:132px;left:298px;z-index:99999;} #next-step-loading img{position:absolute;top:68px;left:44px;} /*-------- Process Styles --------*/ #ajax-load{font-size:12px;color:#fff;margin:auto;width:54px;text-align:center;padding:10px 0 10px 0;} #ajax-load.linear{width:100px;padding:3px 0;} #ajax-load.corner{position:absolute;bottom:55px;right:15px;} #ajax-load img{margin:0 0 10px 0;} #ajax-load.linear img{margin:0 10px 0 0;} /*-------- GENERAL PROCESS --------*/ .assembly{width:882px;padding:20px 15px 50px;} .assembly-stages{} .assembly-stages .top{width:684px;height:11px;background:url('sprite.png') 0 -273px;} .assembly-stages .mid{width:684px;background:url('express-laser-stages-bg.png') repeat-y;min-height:100px;} .assembly-stages .bot{width:684px;height:11px;background:url('sprite.png') 0 -284px;} .assembly-stage .error_report{color:red;display:none;} .assembly-stage{margin:auto;width:666px;font-size:12px;line-height:16px;} .assembly-stage .content{/*display:none;*/ overflow: hidden; padding: 0px; margin: 0px; width: 666px; opacity: 1;} .assembly-stage.active .content{display:block;} .assembly-stage .title{line-height:34px;height:38px;background:url('express-laser-stage-title-bg.png') repeat-x top left;padding:0 25px 0 35px;color:#fff;font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;font-size:20px;text-transform:uppercase;position:relative;cursor:pointer;} .assembly-stage .title .fr{font-size:12px;text-transform:none;font-family:Arial, Helvetica, sans-serif;} .assembly-stage .status{width:22px;height:22px;background:url('sprite.png') -159px -104px;position:absolute;top:5px;left:6px;} .assembly-stage.active .status,.express-laser-stage.complete .status{background:url('sprite.png') -137px -104px;} .assembly-stage label{color:#fff;} .assembly-stage .text{width:291px;height:26px;line-height:26px;padding:0 10px;background:url('sprite.png') -590px -184px;border:0;margin:3px 0;color:#000;} .assembly-stage .smalltext{width:40px;height:26px;line-height:26px;padding:0 10px;background:url('sprite.png') -786px -71px;border:0;margin:3px 0;color:#000;} .assembly-stage .midtext{width:59px;height:26px;line-height:26px;padding:0 10px;background:url('sprite.png') -786px -97px;border:0;margin:3px 0;color:#fff;} .assembly-stage .textarea{width:257px;height:51px;padding:10px;background:url('sprite.png') 0 -1150px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;border:0;resize:none;} .assembly-stage .half{width:50%;float:left;} .assembly-stage .q-mark{display:inline-block;margin:0 0 -3px 10px;} .assembly-stage .next-step{width:102px;height:43px;background:url('sprite.png') -684px -71px;border:0;cursor:pointer;float:left;margin:5px 0 10px 0;} .assembly-stage .row{margin:0 0 10px 0;padding:0 10px;} .assembly-stage .row.first{margin-top:0;} .assembly-stage .row.hidden{display:none;} .assembly-stage #plain-text{color:#333;font-weight:bold;margin:15px 0 0 16px;} .assembly-summary{float:right;width:186px;margin:-20px 0 0 0;font-size:12px;} .assembly-summary .top{width:182px;height:4px;border-left:1px solid white;border-right:1px solid white;background:url('express-laser-summary-top.png') repeat-x bottom #fff;} .assembly-summary .mid{width:182px;min-height:334px;border-left:1px solid white;border-right:1px solid white;background:url('express-laser-summary-bg.png') repeat-x bottom #fff;padding:10px 0;} .assembly-summary .bot{width:184px;height:3px;background:url('sprite.png') 0 -184px;} .assembly-summary .preview{width:158px;overflow:hidden;border:1px solid #bbb;position:relative;margin:20px auto auto auto;} .assembly-summary .magnifying-glass{width:25px;height:25px;background:url('sprite.png') -443px -158px;position:absolute;top:-1px;left:-1px;} .assembly-summary .row{margin:3px 12px 3px 8px;padding:0 3px;line-height:16px;border-bottom:1px solid#a3a3a3;} .assembly-summary .row span{float:right;} .assembly-summary .start-again{margin:10px 0 0 10px;} #assembly-total{font-size:30px;font-weight:bold;} #uniform-fabrication_service{width:420px;} #uniform-fabrication_service select{width:412px;} /*-------- END GENERAL PROCESS --------*/ /*-------- PCB FABRICATION PROCESS --------*/ .pcb-fabrication{overflow:normal;} .pcb-fabrication .hidden_desc{display:none;} .hidden_depart{display:none;} .pcb-fabrication .heading{width:887px;margin:auto auto 10px auto;height:53px;} .pcb-fabrication .heading .start{width:3px;height:53px;background:url('sprite.png') -313px -131px;float:left;} .pcb-fabrication .heading .mid{height:53px;background:url('process-thead-bg.png') repeat-x top left;float:left;} .pcb-fabrication .heading .end{width:3px;height:53px;background:url('sprite.png') -316px -131px;float:left;} .pcb-fabrication .content{position:relative;} .pcb-fabrication .thead{float:left;height:41px;margin:6px 0;border-right:1px solid #a09f9f;border-left:1px solid #000;text-align:center;text-transform:uppercase;line-height:20px;} .pcb-fabrication .thead.first{border-left:0;} .pcb-fabrication .thead.last{border-right:0;} .pcb-fabrication .trow{height:18px;line-height:18px;border-bottom:1px solid #2e2e2e;padding:0 12px;color:#fff;position:relative;z-index:1;cursor:pointer;clear:both;} .pcb-fabrication .trow:hover .tcell{background:#4d4d4d;} .pcb-fabrication .tcell{padding:0 1px;float:left;text-align:center;font-size:12px;line-height:19px;position:relative;z-index:2;min-height:18px;font-size:11px;} .pcb-fabrication .tcell.first{padding-left:0;} .pcb-fabrication .tcell.last{padding-right:0;} .pcb-fabrication .tcell.cu-layers{font-size:11px;} .pcb-fabrication .tcell.surface-finish{font-size:11px;} .pcb-fabrication .style{width:46px;} .pcb-fabrication .cu-layers{width:140px;} .pcb-fabrication .pcb-type{width:49px;} .pcb-fabrication .thickness{width:84px;} .pcb-fabrication .laminate{width:78px;} .pcb-fabrication .copper-weight{width:74px;} .pcb-fabrication .surface-finish{width:78px;} .pcb-fabrication .departure{width:99px;} .pcb-fabrication .standard-service{width:84px;} .pcb-fabrication .premium-service{width:131px;} .pcb-fabrication .tcell.premium-service{padding:0 0 0 10px;width:124px;} .pcb-fabrication .i-icon{display:block;width:13px;height:13px;background:url('sprite.png') -557px -45px;position:absolute;top:2px;right:4px;} .pcb-fabrication .tselected{height:34px;width:888px;line-height:34px;position:absolute;top:-12px;left:1px;z-index:7;margin:0 8px;display:none;padding:0 4px;color:#000;font-weight:bold;cursor:pointer;} .pcb-fabrication .tselected .start{width:8px;height:42px;background:url('sprite.png') -319px -131px;margin-left:-6px;float:left;} .pcb-fabrication .tselected .mid{background:url('tselected-bg.png') repeat-x top left;padding:4px 0;float:left;} .pcb-fabrication .tselected .end{width:8px;height:42px;background:url('sprite.png') -327px -131px;margin-right:-6px;float:left;} .pcb-fabrication .tselected .tcell{line-height:34px;} .pcb-fabrication .tselected .cu-layers{width:136px;margin-left:-2px;padding-left:20px;} .pcb-fabrication .trow:hover .tselected .tcell{background:none;} .pcb-fabrication .tselected .i-icon{width:24px;height:24px;background:url('sprite.png') -543px -82px;top:5px;right:-2px;} .pcb-fabrication .tpopup{position:absolute;top:36px;right:-2px;z-index:100;font-size:12px;line-height:14px;display:none;} .pcb-fabrication .tpopup .start{width:9px;height:183px;background:url('sprite.png') -867px 0;} .pcb-fabrication .tpopup .mid{width:560px;height:163px;background:url('tpopup-bg.png') repeat-x 0 1px;position:relative;padding:10px 3px;position:relative;} .pcb-fabrication .tpopup .end{width:9px;height:183px;background:url('sprite.png') -876px 0;} .pcb-fabrication .tpopup .arrow{width:34px;height:18px;background:url('sprite.png') -543px -64px;position:absolute;right:0;top:-13px;} .pcb-fabrication .tpopup .service-starts{width:92px;overflow:hidden;height:49px;padding:25px 1px 1px 1px;background:url('sprite.png') -590px -71px;text-align:center;float:right;font-size:13px;text-transform:uppercase;line-height:22px;margin:5px 5px 10px 0;color:#fff;font-weight:normal;} .pcb-fabrication .tpopup .info{float:left;color:#000;width:435px;padding:0 10px 10px 0;font-size:11px;font-weight:normal;} .pcb-fabrication .tpopup .info .fl{width:245px;padding:0 15px 0 15px;} .pcb-fabrication .tpopup .close-this{display:block;width:102px;height:38px;background:url('sprite.png') -506px -489px;position:absolute;bottom:52px;right:3px;} .pcb-fabrication .tpopup .next-step{display:block;width:102px;height:43px;background:url('sprite.png') -684px -71px;position:absolute;bottom:8px;right:3px;} .pcb-fabrication .tpopup .preview{width:158px;float:left;border:1px solid #bbb;position:relative;} .pcb-fabrication .tpopup .magnifying-glass{width:25px;height:25px;background:url('sprite.png') -443px -158px;position:absolute;top:-1px;left:-1px;} #pcb-assembly-quantity .tcell.hover{cursor:pointer;} #pcb-assembly-quantity .tcell.hover:hover, #pcb-assembly-quantity .tcell.hover.chosen{color:#000;background:#88c234;} #update_steps{display:block;width:82px;height:33px;background:url('sprite.png') 0 -583px;clear:both;margin:10px 0 0 0;} .get-prices{display:block;width:85px;height:35px;background:url('sprite.png') -82px -583px;float:left;margin:9px 0 0 0;} /*-------- END PCB FABRICATION PROCESS --------*/ /*-------- EXPRESS LASER STENCIL SERVICE PROCESS --------*/ #express-laser-quantity{width:236px;} #express-laser-quantity .trow{border-bottom:1px solid #333;height:20px;line-height:20px;color:#fff;} #express-laser-quantity .heading{width:236px;height:32px;line-height:32px;color:#000;background:url('sprite.png') -590px -146px;font-size:18px;} #express-laser-quantity .tcell{width:82px;float:left;text-align:center;} #express-laser-quantity .tcell.start{width:72px;} #express-laser-quantity .tcell.hover{cursor:pointer;} #express-laser-quantity .tcell.hover:hover, #express-laser-quantity .tcell.hover.chosen{color:#000;background:#88c234;} .content select option{background:#fff;color:#000;} /*-------- END EXPRESS LASER STENCIL SERVICE PROCESS --------*/ /*-------- PCB ASSEMBLY PROCESS --------*/ #pcb-assembly-quantity{width:638px;} #pcb-assembly-quantity .trow{border-bottom:1px solid #333;height:20px;line-height:20px;color:#fff;} #pcb-assembly-quantity .heading{width:638px;height:32px;line-height:32px;color:#000;background:url('sprite.png') 0 -295px;font-size:18px;} #pcb-assembly-quantity .tcell{width:80px;float:left;text-align:center;} #pcb-assembly-quantity .tcell.start{width:72px;} /*-------- END PCB ASSEMBLY PROCESS --------*/ /*-------- PCB ONLINE STORE --------*/ .online-store{width:862px;padding:25px;height:425px;} .breadcrumb{font-size:12px;margin:0 0 10px 0;} .product{width:862px;} .product .image{width:333px;float:left;margin:0 20px 0 0;} .product .description{width:490px;float:left;color:#fff;font-size:12px;} .product .description h2{font-size:20px;text-transform:uppercase;} .product-price{font-size:26px;font-weight:bold;} .product-price span{font-size:11px;} #online-store-slider{position:relative;} #online-store-slider .row{width:862px;} #online-store-slider .slides_container{height:363px;} #online-store-slider .pagination{display:none;} #online-store-slider .slide-left{left:-66px;top:100px;} #online-store-slider .slide-right{right:-66px;top:100px;} #online-store-slider .item{width:193px;height:327px;background:url('product-item-bg.png') no-repeat top center;padding:20px 11px 11px 11px;float:left;color:#fff;} #online-store-slider .item .description{padding:10px;font-size:12px;} #online-store-product{display:none;} /*-------- END PCB ONLINE STORE --------*/ /*-------- BASKET --------*/ .basket{width:877px;padding:15px 17px 10px 18px;} #green-basket-icon{width:31px;height:26px;background:url('sprite.png') -503px -140px;display:inline-block;} .payment-icons{width:274px;height:26px;background:url('sprite.png') -260px -332px;} #secure-shopping{width:170px;font-size:14px;font-weight:bold;color:#fff;margin:10px 15px 0 0;} .basket .heading{height:39px;line-height:39px;margin:10px 0 0 0;} .basket .heading .start{width:4px;height:39px;background:url('sprite.png') -534px -327px;float:left;} .basket .heading .mid{width:869px;height:39px;line-height:39px;background:#868585;float:left;} .basket .heading .end{width:4px;height:39px;background:url('sprite.png') -538px -327px;float:left;} .basket .thead{float:left;font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;text-transform:uppercase;padding:0 0 0 15px;line-height:39px;} .basket .thead sup{font-size:11px;} .basket .thead.fabrication-name{width:337px;} .basket .thead.size-dm{width:127px;} .basket .thead.quantity{width:96px;} .basket .thead.optional-extras{width:135px;} .basket .thead.price{width:101px;} .basket .trow{border-bottom:1px solid #4d4d4d;} .basket .trow.summary{display:none;} .basket .trow.summary p{padding:3px 8px;line-height:18px;} .basket .tcell{float:left;color:#fff;font-size:12px;} .basket .tcell.first, .basket .tcell.last{width:4px;min-height:1px;} .basket .tcell.fabrication-name{width:341px;padding:10px 4px;} .basket .tcell.fabrication-name img{border:1px solid #a4a4a4;float:left;} .basket .tcell.fabrication-name .fabrication-info{float:left;width:235px;padding:0 0 0 19px;font-size:12px;line-height:16px;} .basket .tcell.size-dm{width:128px;padding:29px 4px 10px 10px;} .basket .tcell.quantity{width:91px;text-align:center;padding:29px 10px 10px 10px;} .basket .tcell.optional-extras{width:130px;padding:29px 10px 10px 10px;} .basket .tcell.price{width:101px;padding:29px 0 10px 15px;} .basket .tcell.fullwidth{width:100%;padding:15px 0;} .basket .view-fabrication{display:block;width:219px;height:32px;background:url('sprite.png') -699px -372px;margin:3px 0;} .basket .view-stencil{display:block;width:218px;height:30px;background:url('view-stencil.png') no-repeat top left;margin:3px 0;} .basket .view-assembly{display:block;width:218px;height:30px;background:url('view-assembly.png') no-repeat top left;margin:3px 0;} .basket .view-express-stencil{display:block;width:218px;height:30px;background:url('view-express-stencil.png') no-repeat top left;margin:3px 0;} .basket .bom-button{display:block;width:137px;height:32px;background:url('/layout/bom-button.png');margin:-8px 0 0 0;margin-top:5px;} .basket .add-pcb-assembly{display:block;width:137px;height:32px;background:url('/layout/assembly-button.png');margin:-8px 0 0 0;} .basket .remove-pcb-assembly{display:block;width:137px;height:32px;background:url('sprite.png') -137px -699px;margin:-8px 0 0 0;} .basket .add-pcb-fabrication{display:block;width:137px;height:32px;background:url('/layout/fabrication-button.png');margin:-8px 0 0 0;} .basket .remove-pcb-fabrication{display:block;width:137px;height:32px;background:url('sprite.png') -137px -731px;margin:-8px 0 0 0;} #basket-end{clear:both;margin:10px 0 0 0;} #basket-totals{width:170px;float:right;font-size:12px;} #basket-totals span{display:inline-block;width:70px;} #basket-totals .grand-total{font-size:32px;font-weight:bold;padding:5px 0;} #continue-shopping{display:block;width:174px;height:41px;background:url('sprite.png') 0 -503px;} #checkout-btn{display:block;width:159px;height:39px;background:url('sprite.png') 0 -462px;} .basket-summary-title{width:243px;height:25px;font-size:15px;line-height:25px;padding:0 6px;font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;text-transform:uppercase;background:url('sprite.png') 0 -437px;color:#000;margin:0 15px;} .basket-delete{display:block;width:13px;height:18px;background:url('sprite.png') -876px -879px;float:right;position:relative;top:-4px;} /*-------- END BASKET --------*/ /*-------- CHECKOUT --------*/ .checkout{} .checkout h3{font-size:18px;} .checkout .fileinput{visibility:hidden;} .assembly-stages.fullwidth{margin-left:-4px;} .assembly-stages.fullwidth .top{width:892px;height:11px;background:url('sprite.png') 3px -641px;} .assembly-stages.fullwidth .mid{width:892px;background:url('fullwidth-assembly.png') repeat-y ;min-height:100px;} .assembly-stages.fullwidth .bot{width:892px;height:11px;background:url('sprite.png') 3px -653px;} .assembly-stages.fullwidth .assembly-stage{width:874px;} .assembly-stages.fullwidth .assembly-stage .content{width:874px;} .checkout-box{width:219px;height:184px;background:url('sprite.png') -257px -437px;float:left;margin:15px 21px;padding:10px 15px;} .checkout-box h3{font-size:22px;text-transform:uppercase;margin:6px 0 13px 0;} .checkout-box p{font-weight:bold;} .checkout-box .text-white{width:185px;padding:0 10px;height:24px;line-height:24px;color:#000;background:url('sprite.png') -506px -437px;border:0;} .checkout-box .row{padding:3px 0;margin:0;} .checkout-box label{color:#000;font-weight:bold;} .checkout-box a{margin:15px 0 0 0;} .checkout-btn-black{display:block;width:95px;height:26px;background:url('sprite.png') -823px -469px;} .next-step-black{display:block;width:95px;height:26px;background:url('sprite.png') -823px -495px;} .login-black{display:block;width:95px;height:26px;background:url('sprite.png') -823px -521px;} .checkout-inner{padding:0 40px;color:#fff;} .checkout-inner .row{padding:5px 0;} .checkout-inner .items{border-top:1px solid #4d4d4d;} .checkout-inner .items .item{border-bottom:1px solid #4d4d4d;} .checkout-inner .items .item .ajax-load{display:none;} .order-overview-section{width:826px;margin:10px auto 20px auto;} .order-overview-top{width:826px;height:4px;background:url('sprite.png') 0 -665px;} .order-overview-mid{width:784px;border-left:1px solid #403f3f;border-right:1px solid #403f3f;padding:10px 20px;} .order-overview-bot{width:826px;height:4px;background:url('sprite.png') 0 -669px;} .overview-title{height:25px;line-height:25px;font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;font-size:18px;text-transform:uppercase;margin:auto;} .overview-title.long{width:761px;background:url('sprite.png') 0 -674px;padding:0 10px;} .overview-title.med{width:360px;background:url('sprite.png') -506px -616px;padding:0 10px;} .overview-title.short{width:235px;background:url('sprite.png') 0 -437px;padding:0 10px;} .overview-title .tcell sup{font-size:11px;} .overview-content{margin:auto;color:#fff;} .overview-content.long{width:761px;padding:10px;} .overview-content.med{width:360px;padding:10px;} .overview-content.short{width:235px;padding:10px;} .overview-content .tcell{color:#fff;} .order-overview-section .tcell{float:left;} .order-overview-section .name-fab{width:410px;} .order-overview-section .size{width:185px;} .order-overview-section #basket-totals{width:161px;} .order-overview-section .tcell .quantity{width:64px;} .item-preview{width:158px;height:113px;border:1px solid #bbb;position:relative;margin:20px auto auto auto;} .item-preview .magnifying-glass{width:25px;height:25px;background:url('sprite.png') -443px -158px;position:absolute;top:-1px;left:-1px;} .overview-split{width:100%;border-bottom:1px solid #4d4d4d;margin:10px 0;} .order-overview-mid .fl{margin:0 20px 0 0;} .place-order{display:block;width:159px;height:40px;background:url('sprite.png') no-repeat 0 -542px;margin:15px 0 0 0;} #print-order{background:url('sprite.png') -876px -897px;padding:0 0 0 40px;margin:21px 21px 0 0;} #print-order a{line-height:28px;color:#fff;float:right;} .choose-file{position:relative;float:right;clear:right;height:33px;overflow:hidden;} .choose-file input{position:relative;z-index:1;width:257px;top:-29px;} .file-overlay{display: block;width:257px;height:32px;position:relative;z-index:2;background:url('sprite.png') no-repeat -506px -461px;top:0;cursor:pointer;} /*-------- END CHECKOUT --------*/ /*-------- End Process Styles --------*/ #service-footer{height:51px;width:912px;margin:0 auto 0 auto;background:url('service-bottom-bg.png') repeat-x top left;position:relative;z-index:5;} #steps{width:912px;height:51px;margin:auto;} #steps .step{width:228px;height:49px; border-top:1px solid #7c7c7c; border-bottom:1px solid #7c7c7c; line-height:51px;float:left;position:relative;text-transform:uppercase;cursor:pointer;} #steps .step.active{background:url('sprite.png') 0 -131px;color:#fff;} #steps .step.complete{background:url('step-complete.png') repeat-x top left;color:#fff;} #steps .step .inner{height:22px;line-height:22px;margin:7px 0 0 0;padding:9px 0 9px 30px;border-right:1px solid #a5a4a4;border-left:1px solid #000;} #steps .step.active .inner, #steps .step.complete .inner{border:0;} #steps .step.start .inner{border-left:0;} #steps .step.end .inner{border-right:0;} #steps .step .corner{width:3px;height:3px;position:absolute;bottom:0;} #steps .step.start .corner{background:url('sprite.png') -577px -64px;left:0;} #steps .step.end .corner{background:url('sprite.png') -580px -64px;right:0;} #steps .step.end.active .corner, #steps .step.end.complete .corner{background:url('sprite.png') -577px -61px;right:0;} #steps .status{width:22px;height:22px;background:url('sprite.png') -159px -104px;position:absolute;top:15px;right:10px;} #steps .step.active .status{background:url('sprite.png') -137px -104px;} #steps .step.complete .status{background:url('sprite.png') -137px -104px;} #steps .step .split{width:15px;height:51px;background:url('sprite.png') -494px -76px;position:absolute;top:0;right:-15px;display:none;z-index:5;} #steps .step.active .split{display:block;} #steps .step.complete .split{disvplay:none;} /*-------- End Service Section Styles --------*/ /*-------- Homepage Styles --------*/ #home-slider .content{padding:20px 3px;width:912px;position:relative;z-index:1;} #home-slider .slides_container{min-height:159px;position:relative;z-index:1;top:-19px;} #home-slider .slides_container img{margin:0 13px;} #home-slider .slide-left{top:45px;left:-39px;z-index:10;} #home-slider .slide-right{top:45px;right:-39px;z-index:10;} #home-slider-pagination{position:absolute;width:918px;top:-40px;left:0;z-index:6;} #home-slider-pagination .inner{width:133px;margin:auto;} .home-slider-pagination{display:none;} #home-slider-pagination .home-slider-pagination{display:block;} #home-slider-pagination .start{width:13px;height:27px;background:url('sprite.png') -335px -131px;float:left;} #home-slider-pagination .mid{height:27px;background:url('home-slider-pagination-bg.png') repeat-x top left;float:left;} #home-slider-pagination .mid li{float:left;width:19px;height:18px;background:url('sprite.png') -361px -131px;margin:5px 3px 0 3px;text-align:center;} #home-slider-pagination .mid li.current{background:url('sprite.png') -361px -149px;} #home-slider-pagination .mid li a{display:block;width:100%;height:100%;} #home-slider-pagination .end{width:13px;height:27px;background:url('sprite.png') -348px -131px;float:left;} #ipad-banner{width:887px;height:160px;position:relative;background:url('ipad-banner.png') no-repeat top left;left:15px;} #ipad-banner a{display:block;width:136px;height:30px;position:absolute;top:110px;} #ipad-banner #facebook-link{left:279px;} #ipad-banner #twitter-link{left:431px;} #pcb-news, #pcb-printed-circuit{background:#000;height:259px;padding:15px;width:404px;} #pcb-news h3{text-transform:uppercase;font-size:18px;} #pcb-printed-circuit h2{font-weight:bold;font-size:14px;color:#85C12F;} #pcb-printed-circuit .inner{height:258px;} .read-more{display:block;width:152px;height:33px;background:url('sprite.png') -766px -547px;} #blog-content{float:left;width:220px;margin:0 0 5px 0;} #blog-image{float:left;width:184px;} .entry a{color:#85c12f;text-decoration:underline;} .entry img{max-width:558px} /*-------- End Homepage Styles --------*/ /*-------- Content Page Styles --------*/ .page h1, .page h2, .page h3{font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;font-size:20px;line-height:22px;color:#85c12f;text-transform:uppercase;} .page p{margin:0 0 15px 0;line-height:15px;} .page li{line-height:16px;}h .page ul{margin:0 0 20px 0;} #content-header{width:836px;height:51px;background:url('sprite.png') 0 -879px;margin:auto;padding:20px;margin:0 0 20px 0;} #content-header h1{font-size:28px;line-height:26px;font-weight:normal;} #content-header span{color:#fff;} .content-inner-top{width:876px;height:5px;background:url('sprite.png') 0 -970px;} .content-inner-mid{width:836px;background:#000800;padding:20px;} .content-inner-bot{width:876px;height:5px;background:url('sprite.png') 0 -975px;} #pcb-prices-table{width:434px;padding:41px 0 0 0;background:url('content/pcb-prices-bg.png') no-repeat top left;float:left;margin:0 20px 0 0;} #pcb-prices-table .line{border-bottom:1px solid #606560;line-height:27px;clear:left;height:27px;} #pcb-prices-table .pins{width:106px;padding:0 0 0 13px;float:left;} #pcb-prices-table .price{width:315px;float:left;} #big-email{font-size:16px;font-weight:bold;} .faq-bubble{width:828px;margin:0 0 20px 0;} .faq-bubble-top{width:828px;height:3px;background:url('sprite.png') 0 -980px;} .faq-bubble-mid{width:788px;padding:10px 20px 1px 20px;background:#3d3d3d;} .faq-bubble-bot{width:828px;height:22px;background:#3d3d3d;background:url('sprite.png') 0 -983px;} #faq-page h1 {margin-bottom:20px;cursor:pointer;font-size:25px;width:100%;text-align:center;} #faq-page h2 {position:relative;margin-bottom:20px;cursor:pointer;color:#FFFFFF;width:100%;text-align:center;padding-left:15px;} #faq-page ul {display:none;} #faq-page h1.category .down-arrow {display:none;margin-left:10px;} #faq-page h1.category .right-arrow {margin-left:15px;} #faq-page h2 .right-arrow {position:absolute;top:3px;left:0;} #faqHeader {width:876px;height:91px;background-image:url('faq-header.png');background-position:center;background-repeat:no-repeat;margin-bottom:20px;position:relative;} #faqHeader .faqButton {width:151px;height:31px;cursor:pointer;background:url('question-button.png') center no-repeat;position:absolute;right:20px;top:30px;} #faqHeader .mask {display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);position:fixed;z-index:50;top:0;left:0;} #faqHeader #faqModal {display:none;width:450px;height:auto;-webkit-box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.3);background:#000000;position:fixed;top:0;left:0;padding:20px;z-index:60;-webkit-border-radius: 5px;border-radius: 5px;} #faqModal h1 {margin-bottom:10px;font-size:26px;} #faqModal input, #faqModal textarea {width:100%;} #faqModal input[type=text] {width:212px;height:20px;background:url('ask-question-input.png') center no-repeat;margin:0;margin-bottom:8px;border:0;padding:2px;} #faqModal input[type=submit] {width:216px;height:33px;cursor:pointer;border:none;background:url('ask-question-button.png') center no-repeat;margin:0;margin-top:10px;} #faqModal textarea {width:212px;height:162px;background:url('ask-question-textarea.png') center no-repeat;margin:0;padding:2px;border:0;} #faqModal input.error, #faqModal textarea.error {border:1px solid red;} #faqModal .modalClose {position:absolute;top:15px;right:25px;font-size:12px;cursor:pointer;} #faqModal .sect {width:48%;height:auto;} #faqModal .sect.sect-left {float:left;} #faqModal .sect.sect-right {float:right;} #faqModal .message {width:100%;height:auto;margin-bottom:10px;display:none;} #faqModal .message.success-message {color:green;} #faqModal .message.error-message {color:red;} #big-phone-number{font-size:22px;line-height:26px;} .easy-pc-prices{width:819px;padding:45px 0 0 0;background:url('content/easy-pc-prices-bg.png') no-repeat top left;float:left;margin:10px 0 20px 0;} .easy-pc-prices .line{border-bottom:1px solid #606560;line-height:22px;clear:left;padding:3px 0;} .easy-pc-prices .product-name{width:588px;padding:0 0 0 10px;float:left;} .easy-pc-prices .product-name strong{color:#85C12F;} .easy-pc-prices .price{font-size:18px;color:#85C12F;width:220px;float:left;} .easy-pc-prices .price a{font-size:11px;} #pcb-fabrication-prices{width:434px;height:41px;background:url('content/pcb-fabrication-pricing-bg.png') no-repeat top left;padding:41px 0 0 0;} #pcb-fabrication-prices .line{border-bottom:1px solid #606560;line-height:22px;clear:left;height:27px;line-height:27px;} #pcb-fabrication-prices .layers{width:110px;padding:0 0 0 10px;float:left;} #pcb-fabrication-prices .price{width:310px;float:left;} #service-selection{} #service-selection .icon{margin:0 20px 0 0;} #service-selection h2{width:705px;} #service-selection p{margin:0 0 10px 0;} #service-selection .content-inner-bot{margin:0 0 15px 0;} .grid-page{margin:10px 0 0 0;} .grid-page thead th{background:#3d3d3d;} .grid-page thead .start{background:url('content/table-heading.png') no-repeat top left;line-height:41px;} .grid-page thead .end{background:url('content/table-heading.png') no-repeat top right;line-height:41px;} .grid-page td{line-height:27px;border-bottom:1px solid #606460;text-align:center!important;} .grid-page.leftalign td{text-align:left!important;padding:0 3px;} .survey-bubble{width:399px;height:179px;float:left;margin:0 0 35px 0;} .survey-bubble.mr{margin-right:38px;} .survey-bubble h3{text-transform:none;margin:0 0 5px 0;} .survey-bubble-top{width:399px;height:4px;background:url('sprite.png') 0 -1005px;} .survey-bubble-mid{width:369px;height:150px;padding:10px 15px;background:#3d3d3d;} .survey-bubble-bot{width:399px;height:23px;background:url('sprite.png') 0 -1009px;} .survey-bubble input{float:left;line-height:18px;clear:left;} .survey-bubble label{float:left;line-height:18px;} #survey-comments{width:810px;height:98px;padding:10px;background:url('sprite.png') 0 -1032px;border:0;margin:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;} #submit-questionnaire{width:184px;height:33px;background:url('sprite.png') -274px -699px no-repeat;border:0;margin:20px 0 0 3px;cursor:pointer;} #faq-page h1 { text-align: left; } #faq-page h2 { text-align: left; } /*-------- End Content Page Styles --------*/ /*-------- Footer Styles --------*/ #footer{float:left;width:100%;} #footer .container{background:none;color:#fff;min-height:auto;} .footer-box{width:180px;float:left;margin:5px 15px 5px 0;position:relative;} .footer-box a{color:#fff;} .footer-box p{margin:16px 0;} .footer-box ul li{background:url('green-arrow-bullet.png') no-repeat top left;padding:0 0 0 15px;margin:17px 0;} #footer .content{background:#000;} #footer-contact{width:277px;position:relative;} #footer-contact h3{margin:20px 0 10px 0;font-size:20px;text-transform:uppercase;} #footer-contact .text{width:267px;height:23px;line-height:23px;padding:0 5px;background:url('sprite.png') -313px -184px;border:0;margin:0 0 10px 0;color:#fff;font-size:11px;} #footer-contact textarea{width:267px;height:136px;padding:5px;background:url('footer-textarea.png') top left;border:0;resize:none;font-size:11px;color:#fff;font-family:Arial, Helvetica, sans-serif;} #footer-button{width:123px;height:26px;background:url('sprite.png') -380px -131px;border:0;margin:15px 0 0 2px;cursor:pointer;} #headred{position:absolute;bottom:0px;right:0;} #headred span{margin:0 10px 0 0;} #headred a{display:block;width:63px;height:21px;background:url('sprite.png') -380px -157px;float:left;margin-top:-3px;} #footer-socials{} #footer-socials li{line-height:35px;padding:0;} #footer-socials li a{display:block;width75%;height:100%;padding:0 0 0 50px;} #footer-twitter{background:url('twitter.png') no-repeat top left;} #footer-facebook{background:url('facebook.png') no-repeat top left;} #footer-gplus{background:url('gplus.png') no-repeat top left;} /*-------- End Footer Styles --------*/ /*-------- Blog Styles --------*/ #all-posts{} #all-posts .top{width:600px;height:52px;background:url('sprite.png') 0 -379px;line-height:52px;color:#fff;padding:0 20px;font-weight:bold;} #all-posts .mid{width:558px;background:url('blog-posts-mid-bg.png') repeat-y;padding:20px 41px;} #all-posts .bot{width:640px;height:6px;background:url('sprite.png') 0 -431px;} .post-image{width:558px;text-align:center;background:#7f7e7e;margin:10px 0;} #all-posts .excerpt{text-align:justify;} #blog-sidebar{float:right;} #blog-sidebar .top{width:260px;height:52px;background:url('sprite.png') 0 -327px;position:relative;} #blog-sidebar .mid{width:230px;background:url('blog-sidebar-mid-bg.png') repeat-y 0 -328px;padding:15px;} #blog-sidebar .bot{width:260px;height:5px;background:url('sprite.png') -260px -327px;} #blog-sidebar h3{font-size:22px;text-transform:uppercase;} #blog-sidebar ul{margin:0 0 20px 0;} #blog-sidebar li{line-height:18px;} #blog-sidebar li a{color:#fff;} #blog-search-input{width:131px;height:24px;padding:0 5px;line-height:24px;background:url('search-box.png') no-repeat top left;border:0;position:absolute;top:16px;left:14px;} #blog-search-button{width:83px;height:32px;background:url('search-btn.png') no-repeat top left;border:0;cursor:pointer;position:absolute;top:12px;right:14px;} #blog-title{font-size:40px;text-transform:uppercase;margin:0 0 10px 0;} .blog-post{color:#fff;margin:0 0 25px 0;} .blog-post h3, .blog-post h2, .blog-post h1{font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;color:#85c12f;font-size:24px;text-transform:uppercase;} .blog-post h3{font-size:18px;} .navigation a{color:#fff;} #blog-cat-title{font-size:22px;text-transform:uppercase;margin:-10px 0 20px 0;} #respond{margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #ccc;} .meta a{color:#85C12F;} /*-------- End Blog Styles --------*/ /*-------- Account Page Styles --------*/ #account-page{background:#000;color:#fff;} #account-page .trow.summary{display:none;padding:5px 0 0 0;} #account-page .trow.summary table{background:#4D4D4D;clear:both;margin:5px 0;} #account-page .trow.summary table td{padding:3px;} #account-page ul{list-style:disc;padding:0 0 0 20px;} #account-page li{margin:5px 0;} #account-page li a{color:#fff;text-decoration:underline;} .account-top{width:914px;height:48px;background:url('sprite.png') 0 -763px;text-align:center;line-height:48px;margin:10px 0 0 0;} .account-actions{width:876px;margin:20px auto;} .account-actions .left{width:4px;height:65px;background:url('sprite.png') -782px -698px;float:left;} .account-actions .mid{width:868px;height:65px;background:#868585;float:left;} .account-actions .right{width:4px;height:65px;background:url('sprite.png') -786px -698px;float:left;} .account-actions h3{float:left;color:#000!important;text-transform:uppercase;font-size:18px;line-height:65px;margin:0 10px;} .account-actions a{float:left;display:block;margin:10px 5px;} .account-actions .update-web-info{width:264px;height:43px;background:url('sprite.png') -261px -811px;} .account-actions .update-address{width:169px;height:43px;background:url('sprite.png') -92px -811px;} .account-actions .logout{width:92px;height:43px;background:url('sprite.png') 0 -811px;} .account-title{font-size:22px;text-transform:uppercase;} .account-section{width:884px;margin:auto;/*margin:10px 0;*/padding:10px 15px;clear:both;position:relative;} .account-section h3{font-size:18px;text-transform:uppercase;} .account-section table{margin:10px 0 0 0;} .account-section td{padding:5px 0;} .account-table{width:878px;margin:auto;} .account-table .heading{height:39px;line-height:39px;margin:10px 0 5px 0;} .account-table .heading .start{width:4px;height:39px;background:url('sprite.png') -534px -327px;float:left;} .account-table .heading .mid{width:869px;height:39px;line-height:39px;background:#868585;float:left;} .account-table .heading .end{width:4px;height:39px;background:url('sprite.png') -538px -327px;float:left;} .account-table .trow{width:878px;border-bottom: 1px solid #4D4D4D;} .account-table .tcell{float:left;color:#fff;font-size:12px;padding:4px 0 4px 15px;} .account-table .tcell.first, .account-table .tcell.last{width:4px;min-height:1px;padding:0;} .account-table .thead{float:left;font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif;text-transform:uppercase;padding:0 0 0 15px;line-height:39px;color:#000;font-size:18px;} .account-table{} .account-table .full{width:861px;} .account-table .your-ref{width:202px;} .account-table .date{width:202px;} .account-table .expires-on{width:202px;} .account-table .actions{width:187px;} .account-table .firstname{width:90px;} .account-table .surname{width:90px;} .account-table .address{width:240px;} .account-table .postcode{width:85px;} .account-table .telephone{width:95px;} .account-table .fax{width:100px;} .account-table .actions-2{width:60px;} .account-table .order-id{width:80px;} .account-table .billing-name{width:210px;} .account-table .date{width:200px;} .account-table .order-status{width:150px;} .account-table .items{width:120px;} .prev-order-summary{width:698px;z-index:100;display:none;position:absolute;top:0;left:105px;} .prev-order-summary-top{width:698px;height:13px;background:url('sprite.png') 0 -854px;} .prev-order-summary-mid{width:660px;background:url('prev-order-summary-mid.png') repeat-y top left;padding:20px;} .prev-order-summary-mid .account-table{margin:20px 0 20px 0;} .prev-order-summary-mid .account-table .heading .mid{width:650px;} .prev-order-summary-mid .pcb-type{width:95px;} .prev-order-summary-mid .qty{width:60px;} .prev-order-summary-mid .pcb-used{width:305px;} .prev-order-summary-mid .pcb-ref{width:115px;} .prev-order-summary-mid .trow{border:0;} .prev-order-summary-bottom{width:698px;height:13px;background:url('sprite.png') 0 -867px;} .prev-order-summary h3{text-align:center;} .prev-order-summary .close-window{display:block;width:133px;height:43px;background:url('sprite.png') -525px -811px;margin:auto;} /*-------- End Account Page Styles --------*/ /*-------- Scrollbar Styles --------*/ .jspContainer{overflow: hidden;position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;} .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #383837;position: relative;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .jspDrag{background: #85c12f;position: relative;top: 0;left: 0;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;} .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled{cursor: default;background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4;float: left;height: 100%;} /*-------- End Scrollbar Styles --------*/ /*-------- Browser Specific Styles --------*/ /* Firefox tweaks */ .ffx #nav ul{margin:0 0 0 5px;} /* Chrome tweaks */ .chr #login-button{position:relative;top:6px;} /* IE tweaks */ .ie7 .service{height:100px;padding-top:7px;} /*.ie8 .footer .shadow, .ie7 .footer .shadow{display:none;}*/ /*-------- End Broswer Specific Styles --------*/ #delivery_zone{width:342px!important;} .newbury { background: url('newbury.png'); width: 374px; height: 21px; position: absolute; top: 85px; } .mask { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; margin: 0; padding: 0; z-index: 2000; } .popup-window { display: none; position: fixed; left: 50%; top: 50%; background: #FFFFFF; -webkit-border-radius: 4px; border-radius: 4px; z-index: 2001; padding: 20px; margin: 0; width: 544px; } .popup-window.popup-2 { padding: 35px; width: 386px; } .popup-window .icon { display: block; margin: 0 auto; margin-bottom: 15px; } .popup-window .center { display: block; width: 100%; text-align: center; } .popup-window span.large { display: block; text-transform: uppercase; font-size: 25px; color: #90c542; font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif; } .popup-window span.medium { display: block; text-transform: uppercase; font-size: 20px; color: #000000; font-family:'FontSiteSansCondensed', Arial, Helvetica, sans-serif; } .popup-window ul.benefits { list-style: none; margin: 0; padding: 0; font-size: 0; margin-top: 20px; } .popup-window ul.benefits li { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; font-size: 13px; color: #000000; line-height: 15px; background: url('/layout/list-bullet.png') no-repeat 0px 3px transparent; padding-left: 17px; } .choice-buttons { width: 100%; height: auto; text-align: center; } .yes-please-button { width: 174px; height: 58px; font-size: 0; border: 0; padding: 0; margin: 0 auto; display: inline-block; background: url('/layout/yes-please-button.png') no-repeat top left transparent; cursor: pointer; margin-bottom: 10px; } .no-thanks-button { width: 174px; height: 58px; font-size: 0; border: 0; padding: 0; margin: 0 auto; display: inline-block; background: url('/layout/no-thanks-button.png') no-repeat top left transparent; cursor: pointer; margin-bottom: 10px; } .popup-window p { margin: 0; } /* Start new changes 21/05/2014 - Thomas Mosey */ .header-contactus { position: absolute; top: 3px; right: 10px; } #content-header { position: relative; } #services-available .service .hover { display: none; position: absolute; padding: 0; margin: 0; top: 3px; left: 3px; width: 168px; height: 85px; background: url('/layout/services-hover.png') no-repeat top left transparent; z-index: 10; text-align: left; padding-left: 7px; padding-top: 15px; } #services-available .service .hover .icon { display: inline-block; vertical-align: middle; } #services-available .service .hover .text { display: inline-block; vertical-align: middle; width: 100px; padding-top: 7px; line-height: 18px; } #services-available .service .hover .text.store span { font-size: 19px; } #services-available .service .hover .text.store span.line { font-size: 16px; } #services-available .service .hover span { display: inline-block; font-family: 'FontSiteSansCondensed', Arial, Helvetica, sans-serif; font-size: 21px; color: #000000; } #services-available .service .hover span.line { color: #FFFFFF; display: inline-block; } .service a { z-index: 11; } /* End new changes 21/05/2014 - Thomas Mosey */ /* New Changes 22/12/14 - Will King */ .homepage-content-blocks-row { margin-top:10px; } .homepage-content-block, .homepage-content-block-first { display:inline-block; width:204px; margin-left:19px; vertical-align:text-top; zoom: 1; *display: inline; } .homepage-content-block-first { margin-left:0px; } .homepage-content-block-inner { padding:5px; } .homepage-content-block-inner h2 { font-weight: bold; font-size: 16px; color: #85C12F; } .content h3 { font-size:16px; } .content p, .content ul li , .content ol li{ font-size:13px; line-height:18px; } .content-list { margin-bottom:15px; } .content-list li { list-style:circle outside; margin-left:15px; } .numbered-list li { margin-left:15px; padding-bottom:10px; } /* End New Changes 22/12/14 - Will King */ /* Start new changes 12/02/2015 - Thomas Mosey */ .cta-button { background-color:#85c12f; display:block; border-radius:4px; margin:10px 0px; padding:10px 0px; } .cta-button:hover { background-color:#9dd053; text-decoration:none; } .cta-button:active { background-color:#7DB62B; } .cta-button span{ color:#eee; text-transform:uppercase; font-size:18px; font-weight:bold; font-family: 'FontSiteSansCondensed', Arial, Helvetica, sans-serif; letter-spacing:1px; text-decoration:none; } .service-selection-header { width: 836px; height: 51px; background: url('sprite.png') 0 -879px; margin: auto; padding: 20px; margin: 0 0 20px 0; text-align:center; } .service-selection-header h1 { font-size:40px; padding-bottom:10px; } .service-selection-header h2 { width:auto!important; font-size:24px; color:#eee!important; } .content-box.full .content#service-selection { width: 100%; margin: 0; padding: 0; background: #3d3d3d; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 0; box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; } .content-box.full .content#service-selection .service-selection-header { width: 100%; height: 102px; background: url('/layout/service-header.jpg') no-repeat center transparent; background-size: 100%; padding: 0; margin: 0; } .content-box.full .content#service-selection .service-selection-header h1 { font-size: 48px; line-height: 38px; padding: 0; letter-spacing: -1px; margin: 0; padding-top: 18px; } .content-box.full .content#service-selection .service-selection-header h2 { font-size: 29px; line-height: 29px; padding: 0; margin: 0; } .content-box.full .content#service-selection .service-inner-container { width: auto; height: auto; margin: 0 auto; padding: 0 20px; } .content-box.full .content#service-selection .service-inner-container .service-features { width: auto; height: auto; margin: 0; padding: 18px 14px; background: #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 60px; display: block; margin-top: 16px; box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; } .content-box.full .content#service-selection .service-inner-container .service-features h3 { font-size: 29px; line-height: 29px; } .content-box.full .content#service-selection .service-inner-container .service-features ul { width: auto; height: auto; margin: 0; padding: 0; display: inline-block; vertical-align: top; margin-right: 35px; margin-top: 5px; } .content-box.full .content#service-selection .service-inner-container .service-features ul li { width: auto; height: auto; margin: 0; padding: 0; display: block; font-size: 12px; line-height: 20px; font-family: Arial, Verdana, sans-serif; color: #FFFFFF; } .content-box.full .content#service-selection .service-inner-container .service-features ul li:before { content: '• '; display: inline; color: #85c12f; font-size: 12px; line-height: 12px; font-family: Arial, Verdana, sans-serif; } .content-box.full .content#service-selection .service-inner-container .service-selection-options { width: 100%; height: auto; margin: 0; padding: 0; text-align: center; margin-top: 16px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option { display: inline-block; vertical-align: top; width: 18%; height: auto; background: transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; margin: 0; padding: 0; overflow: hidden; margin-left: 2%; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option:first-child { margin-left: 0; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .top-area, .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .bottom-area { width: 100%; height: auto; background: #000000; margin: 0; padding: 0; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .bottom-area { background: #282828; padding-top: 11px; padding-bottom: 18px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .bottom-area .cta-button { margin: 0 auto; padding: 0; width: 90%; height: auto; display: block; padding-top: 7px; padding-bottom: 7px; margin-top: 11px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .bottom-area .cta-button span { font-size: 16px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .bottom-area .cta-button:first-child { margin-top: 0; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .top-area h2 { display: block; width: 100%; height: auto; color: #FFFFFF; line-height: 20px; margin: 0; padding: 0; font-size: 21px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .top-area { padding-top: 28px; padding-bottom: 12px; } .content-box.full .content#service-selection .service-inner-container .service-selection-options .service-selection-option .top-area .service-selection-icon { padding-bottom: 12px; } .home-features { width: auto; height: auto; padding: 15px; margin: 0; background: #3d3d3d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; margin-top: 20px; font-size: 0; } .home-features .box-row { display: block; width: 100%; height: auto; margin: 0; float: left; padding: 0; margin-top: 17px; } .home-features .box-row:first-child { margin-top: 0; } .home-features .box-row .box { background: #000000; height: 207px; padding: 15px; width: 404px; margin: 0; float: left; margin-left: 17px; } .home-features .box-row .box:first-child { margin-left: 0; } .home-features .box-row .box .box-header, .home-features .box-row .box .box-content { width: 100%; height: auto; margin: 0; padding: 0; } .home-features .box-row .box .box-header h3 { width: auto; height: auto; display: inline-block; vertical-align: middle; color: #8bc43a; font-size: 21px; line-height: 21px; text-transform: uppercase; font-family: 'FontSiteSansCondensed', sans-serif; } .home-features .box-row .box .box-header .icon { width: 44px; height: 44px; display: inline-block; vertical-align: middle; background: url('/layout/home-icons.jpg') no-repeat top left transparent; margin: 0; padding: 0; margin-left: -3px; margin-right: 8px; } .home-features .box-row .box .box-header .icon.icon-1 { background-position: 0 0; } .home-features .box-row .box .box-header .icon.icon-2 { background-position: -44px 0; } .home-features .box-row .box .box-header .icon.icon-3 { background-position: 0 -44px; } .home-features .box-row .box .box-header .icon.icon-4 { background-position: -44px -44px; } .home-features .box-row .box .box-content { margin-top: 5px; } .home-features .box-row .box .box-content p { width: 100%; height: auto; display: block; margin: 0; padding: 0; color: #FFFFFF; font-size: 13px; line-height: 20px; font-family: Arial, Verdana, sans-serif; text-align: justify; } #home-intro { background: #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; padding: 15px 0; position: relative; font-size: 0; padding-left: 25px; width: 893px; } #home-intro p { display: block; margin: 0; padding: 0; text-transform: uppercase; color: #FFFFFF; font-size: 21px; line-height: 22px; width: 100%; height: auto; font-family: 'FontSiteSansCondensed', sans-serif; } #home-intro p.green { color: #99c042; } #home-intro a { position: absolute; top: 15px; right: 15px; display: block; margin: 0; padding: 0; } /* End new changes 12/02/2015 - Thomas Mosey */