/* ------- Standard/Default Style Block ------- */ * { margin:0px; padding:0px; border:none; outline:none;} body { background-color:#ffffff; padding-top: 2px; color:#808285; font-family: 'Roboto', sans-serif; } h2 { margin:6px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; } h3 { margin:6px 0px 20px 0px; font-size:17px; font-weight:bold; color:#000000; } h4 { margin:20px 0px 0px 0px; font-size:13px; font-weight:bold; color:#808285; } a { color:#808285; text-decoration:none; } a:hover { color:#4d4d4f; text-decoration:underline; } a.mailto { text-decoration:underline; font-size:17px; } ul { } ul li { list-style:none; } ul li a { font-size:12px; } div.clear { clear:both; line-height:0px; height:0px; } div#container { margin:0px auto 0px auto; padding:0px 0px 48px 0px; width:1000px; } /* ------- Header ------- */ div#header { position:fixed; z-index:10000; background-color:#ffffff; height:120px; padding-top:50px; margin-top:-2px; margin-bottom:40px; width:1000px; border-bottom:1px solid #E9E9E9; } /* div#logo-icon { float:left; height:66px; width:65px; } No longer an icon */ /* div#logo-icon:before { font-family: 'icomoon'; content: "\e607"; color:#E71D2A; font-size:61px; } No longer an icon */ div#logo { float:left; height:66px; width:187px; } div#logo img { width:268px; height:70px; } /* div#logo:before { font-family: 'icomoon'; content: "\e606"; color:#000000; font-size:66px; } No longer an icon */ div#email { float:right; text-align:right; width:600px; margin:5px 10px 10px 0px; font-size:16px; font-weight:300; color:#000000; } div#email a { color:#000000; text-decoration:underline; } div#email a:hover { } div#telephone { float:right; width:600px; margin:0px 10px 0px 0px; } div#xerox-text { float:right; text-align:left; width:250px; font-size:20px; font-weight:bold; color:#ffffff; background-color: #E71D2A; padding: 2px 10px 5px 10px; margin: 0px 10px 0px 0px;} div#xerox-logo { float:right; height:23px; width:113px; } div#xerox-logo:before { font-family: 'icomoon'; content: "\e605"; color:#E71D2A; font-size:23px; } /* Slideshow Script */ div#slide-container { float:left; margin-top:210px; margin-bottom:0px; width:1000px; height:290px; overflow:hidden; } div#slide-container #slide-images img { position:absolute; max-width:1000px; height:290px; } div#slide-container #slide-images .hidden { display:none; } div#slide-container #slide-images .slidetitle { z-index:5000; position:absolute; margin:15px 0px 0px 355px; width:635px; font-weight: 300; font-size:45px; line-height:50px; color:#E61C2C; } div#slide-container #slide-images .slidecaption { z-index:5000; position:absolute; margin:170px 0px 0px 355px; width:350px; font-weight: 400; font-size:14px; line-height:20px; } div#slide-container #slide-controls { z-index:5000; position:absolute; margin:270px 0px 0px 10px; text-align:left; width:515px; } div#slide-container #slide-controls a { float:left; margin:0px 5px 0px 0px; background-color:#4D4D4F; width:8px; height:8px; text-decoration:none; } div#slide-container #slide-controls a.selected { background-color:#E61C2C; } /* ------- Content Area & General Styles ------- */ div#content { border-top:1px solid #E9E9E9; margin-top:40px; padding-top:18px; } div.noborder { border-top:none !important; padding-top:0px !important; } div#content div#home-intro-heading { float:left; width:390px; min-height:220px; margin-left:11px; } div#content div#home-intro-heading h1 { margin-top:0px; padding-top:10px; padding-bottom:12px; font-weight: 300; font-size:28px; line-height:33px; } div#content div#home-intro-summary { float:right; width:446px; padding-right:30px; } div#content div#home-intro-summary p { float:right; width:446px; font-weight: 300; font-size:17px; line-height:22px; margin:0px 0px 20px 0px; } div#home-intro-heading h2, div#home-intro-summary h2 { color:#4D4D4F; font-weight: 500; margin:30px 0px 5px 0px; font-size:21px; } div#home-intro-heading p, div#home-intro-summary p { font-weight: 300; font-size:17px; line-height:22px; margin:0px 0px 20px 0px !important; } div#home-intro-heading p span, div#home-intro-summary p span { font-weight:400; } div#home-intro-heading p a, div#home-intro-summary p a { font-weight:400; } div#content div#home-promos { padding-top:35px; } div#content div#home-promos div.home-promo-panel { cursor:pointer; float:left; width:484px; margin-bottom:35px; height:290px; margin-left:30px; } div#content div#home-promos div.first-panel { margin-left:0px; } div#content div#home-promos div.home-promo-panel div.header { width:484px; height:40px; } div#content div#home-promos div.home-promo-panel div.header h2 { float:left; width:431px; height:30px; margin:0px 0px 0px 0px; padding:10px 0px 0px 12px; color:#ffffff; font-weight:400; font-size:19px; background-color:#4D4D4F; border-right:1px solid #ffffff; } div#content div#home-promos div.home-promo-panel div.header div.arrow { float:left; width:27px; height:31px; font-size:18px; padding:9px 0px 0px 13px; background-color:#E71D2A; } div#content div#home-promos div.home-promo-panel div.header div.arrow:before { font-family: 'icomoon'; content: "\e601"; color:#ffffff; } div#content div#home-promos div.home-promo-panel div.promo-content { width:484px; height:250px; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving { float:left; width:115px; height:107px; padding-top:8px; margin:130px 0px 0px 5px; /* background-image:url('images/home-savings-panel.png'); background-repeat:no-repeat; */ text-align:center; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving div.bg { z-index:100; position:absolute; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving div.bg:before { font-family: 'icomoon'; content: "\e604"; color:#E71D2A; font-size:110px; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving div.text { z-index:200; position:absolute; margin:5px 0px 0px 11px; width:90px; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving div.text span.small { z-index:10; font-weight:400; font-size:13px; line-height:13px; color:#ffffff; } div#content div#home-promos div.home-promo-panel div.promo-content div.saving div.text span.large { z-index:10; font-weight:900; font-size:47px; line-height:47px; color:#ffffff; } div#content div#home-promos div.home-promo-panel div.promo-content div.summary { float:right; border-top:1px solid #808285; margin-top:160px; padding-top:5px; width:165px; font-weight:300; font-size:17px; line-height:18px; } div#content div#home-promos div.home-promo-panel div.promo-content div.rollover { position:absolute; z-index:500; overflow:hidden; width:484px; height:250px; } div#content div#home-promos div.home-promo-panel div.promo-content div.rollover div.rollover-panel { margin-left:-484px; z-index:500; background-color:#e71d2a; padding:0px 0px 0px 0px; width:484px; height:250px; } div#content div#home-promos div.home-promo-panel div.promo-content div.rollover div.rollover-text { float:left; color:#ffffff; width:200px; margin:65px 0px 0px 10px; font-size:30px; line-height:34px; width:200px; font-family: 'Roboto', sans-serif; font-weight:200; } div#content div#home-promos div.home-promo-panel div.promo-content div.rollover div.rollover-icon { z-index:500; float:left; margin:65px 0px 0px 95px; width:170px; } div#content div#home-promos div.home-promo-panel div.promo-content div.rollover div.rollover-icon:before { font-family: 'icomoon'; content: "\e600"; color:#ffffff; font-size:100px; width:170px; } div#content div.intro-heading { float:left; width:390px; margin-left:11px; } div#content div.intro-heading h1 { margin-top:0px; padding-top:10px; font-weight: 300; font-size:28px; line-height:33px; } div#content div.intro-summary { float:right; width:446px; padding-right:30px; padding-bottom:0px; } div#content div.intro-summary p { margin-top:0px; padding-top:10px; font-weight: 400; font-size:13px; line-height:20px; } div#content div.intro-summary ul { margin-left:15px; } div#content div.intro-summary ul li { list-style-image: url('../images/list_bullet.png'); margin:0px; padding:0px 0px 0px 5px; font-weight: 400; font-size:13px; line-height:20px; } div#content div.divider { border-top:1px solid #E9E9E9; margin-top:30px; } div#footer { width:1000px; margin-top:15px; margin-bottom:30px; padding-top:0px; border-top:1px solid #808285; font-weight:400; } div#footer div#copyright { float:left; width:200px; font-size:28px; padding-left:0px; } div#footer div#links { float:left; } div#footer div#links ul { width:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div#footer div#links ul li { float:left; width:100px; line-height:15px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div#footer div#links ul li a { font-size:12px; line-height:15px; text-decoration:underline; } div#footer div#links ul li a:hover { text-decoration:none; } div#footer div#telephone { float:right; width:200px; font-size:28px; text-align:right; } .seo { width:1000px; margin-top:60px; margin-bottom:30px; padding-top:5px; padding-bottom:30px; border-top:1px solid #808285; border-bottom:1px solid #808285; font-weight:400; font-size:13px; } div.seo p { margin-bottom:5px; font-weight:400; font-size:13px; } /* ------- Product listing and product detail Styles ------- */ h1.products { background-color:#524D51; color:#ffffff; width:670px; margin:0px 0px 20px 0px; padding:6px 0px 0px 20px; height:34px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:20px; } div.product-panel { width:485px; margin:0px 0px 30px 0px; float:left; } div.end_item { margin-left:30px; } div.product-panel div.thumb { float:left; width:175px; height:265px; margin-right:20px; } div.product-panel div.thumb img { width:175px; height:265px; } div.product-panel h2 { float:left; height:50px; background-color:#4D4D4F; width:270px; margin:0px 0px 0px 0px; padding:10px 10px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; } div.product-panel div.price { float:left; height:35px; background-color:#E61C2A; width:130px; margin:0px 1px 0px 0px; padding:5px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:23px; } div.product-panel a.info { float:left; height:33px; background-color:#E61C2A; width:90px; margin:0px 0px 0px 0px; padding:7px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:20px; } div.product-panel a.info:hover { text-decoration:none; background-color:#4D4D4F; } div.product-panel div.description { float:left; width:290px; margin-top:20px; } div.product-panel div.description h3 { color:#4D4D4F; margin:0px 0px 5px 0px; font-family: 'Roboto', sans-serif; font-weight:600; font-size:16px; } div.product-panel div.description p { color:#4D4D4F; font-family: 'Roboto', sans-serif; font-weight:500; font-size:13px; } div.col_left { float:left; width:360px; } div.col_right { float:right; width:581px; } div#images { margin-bottom:50px; } div#images img.main { width:360px; height:265px; margin:0px 0px 15px 0px; } div#images img.thumb { float:left; width:116px; height:86px; margin:0px 0px 0px 6px; cursor:pointer; } div#images img.first { margin-left:0px; margin-left:0px; } div.features { float:left; width:144px; height:30px; background-color:#4D4D4F; margin:0px 1px 0px 0px; padding:10px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px; } div.title { float:left; width:415px; height:33px; background-color:#4D4D4F; margin:0px 1px 0px 0px; padding:7px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; } div.price { float:left; width:144px; height:35px; background-color:#E61C2A; margin:1px 1px 0px 0px; padding:5px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:23px; } #buttons .download { float:left; width:350px; height:40px; background-color:#E61C2A; margin:0px 0px 10px 0px; padding:0px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; } #buttons .download .text { float:left; margin-top:7px; } #buttons .download .arrow { float:right; height:33px; padding:7px 5px 0px 10px; border-left:1px solid #ffffff; } #buttons .download .arrow:before { font-family: 'icomoon'; content: "\e601"; color:#ffffff; font-size:26px; } #buttons .download:hover { background-color:#4D4D4F; } #buttons .enquiry { float:left; width:350px; height:33px; background-color:#E61C2A; /* Grey: 4D4D4F */ margin:0px 0px 0px 0px; padding:7px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; } #enquiry_box { background-color:#F8F8F8; padding:10px; width:340px; } #enquiry_box p { font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; } span.telephone { color:#E61C2A; } #enquiry_box label { float:left; background-color:#ffffff; margin-top:5px; padding:5px; color:#4D4D4F; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; width:100px; } #enquiry_box label.long { width:320px; } #enquiry_box input { float:left; background-color:#ffffff; color:#4D4D4F; padding:5px; margin-top:5px; padding-left:10px; width:205px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; } #enquiry_box textarea { float:left; background-color:#ffffff; margin-top:0px; width:320px; padding:5px; color:#4D4D4F; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; } #enquiry_box .submit { float:right; width:120px; height:30px; background-color:#E61C2A; margin:20px 12px 0px 0px; padding:0px 0px 0px 10px; color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; } #enquiry_box .submit .text { float:left; margin-top:3px; } #enquiry_box .submit .arrow { float:right; height:33px; padding:4px 5px 0px 0px; } #enquiry_box .submit .arrow:before { font-family: 'icomoon'; content: "\e601"; color:#ffffff; font-size:16px; } .inner_col_left { float:left; width:164px; min-height:400px; } .inner_col_right { float:left; width:415px; padding-top:65px; } .inner_col_right h2 { color:#808285; margin:0px 0px 0px 0px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; } .inner_col_right h3 { color:#E61C2A; margin:30px 0px 0px 0px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px; } .inner_col_right p { font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; } .inner_col_right ul { margin:20px 0px 0px 0px; padding:0px; } .inner_col_right ul li { margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; } .inner_col_right ul li.title { color:#E61C2A; font-weight:400; } div.promo_1 .bg { margin-top:30px; width:137px; margin-left:0px; } div.promo_1 .bg:before { font-family: 'icomoon'; content: "\e602"; color:#E71D2A; font-size:138px; } div.promo_2 .bg { margin-top:150px; width:137px; margin-left:0px; } div.promo_2 .bg:before { font-family: 'icomoon'; content: "\e603"; color:#E71D2A; font-size:138px; } /* div.promo .bg:before { font-family: 'icomoon'; content: "\e605"; color:#E71D2A; font-size:110px; } { } */ /* ----- Home page ----*/ div#home-intro-heading { background-color:#ffffff !important; margin:0px 0px 0px 0px !important; padding-left:11px !important; width:504px !important; } div#home-intro-heading h1 { margin-bottom:0px; padding-bottom:0px; } /* ------- Mobile Overides ------- */ @media only screen and (max-device-width: 880px) { /* ------- Webkit ------- */ html { -webkit-text-size-adjust:none; } }