/*
Name:	styles.css
Date:	2012-08-09
Desc:	CSS Houghtons website
Auth:	Global Beach Ltd (www.globalbeach.com)	
*/

/*	RESET CSS
================================
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hidden {
    display: none;
}

.negativeIndent {
    text-align: left;
    text-indent: -9999px;
}

.printOnly {
    display: none;
}

/*	Page structural elements
================================ */
body {
    font-size: 62.5%; /* reset to 10px */
    background: #f1f1f1;
}

#pageHolder,
.pageCentre {
    margin: 0 auto;
    max-width: 960px;
    width: 99%;
}

#mainContentFullWidthHolder {
    display: block;
    float: left;
    width: 100%;
}

#mainContentFullWidth {
    padding: 29px 1.3947% 30px;
}

#mainContentLeftHolder {
    float: left;
    display: block;
    width: 75%; /* 720/960 */
}

#mainContentLeft {
    border: 1px solid #c1c1c1;
    background: #ececec;
    padding: 29px 1.394700139470014% 80px 1.394700139470014%;
    overflow: hidden;
}

header {
    height: 97px;
    margin-bottom: 20px;
    overflow: visible;
    width: 100%;
    z-index: 200;
}

footer {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 37px;
    padding: 20px 0 50px;
    border-top: 1px solid #bdbdbd;
}

.hasLayout {
    width: auto;
    overflow: hidden;
}


/*	Typography 
================================ */
@font-face {
    font-family: "Gill Sans W01 Medium";
    src: url("../../fonts/houghtons/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?iefix") format("eot");
}

@font-face {
    font-family: "Gill Sans W01 Medium";
    src: url("../../fonts/houghtons/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?iefix");
    src: url("../../fonts/houghtons/cd5a93fc-2bb1-48df-8982-11119cd6e270.woff") format("woff"), url("../../fonts/houghtons/b6bdc93b-2720-4c92-b68d-48499456178e.ttf") format("truetype"), url("../../fonts/houghtons/944cce8d-20bf-41c1-ae29-2bc8199859db.svg#944cce8d-20bf-41c1-ae29-2bc8199859db") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* P1ct0s (http://goo.gl/hXa8) is not associated with fast.fonts.com, 
  the used UUID is just a random one */
    font-family: 'P1ct0s';
    src: url('../../fonts/houghtons/40255f6d-a12d-49cf-ae2b-9f826652632b.eot') format('eot');
    src: url('../../fonts/houghtons/40255f6d-a12d-49cf-ae2b-9f826652632b.eot?#iefix') format('embedded-opentype'), url('../../fonts/houghtons/40255f6d-a12d-49cf-ae2b-9f826652632b.woff') format('woff'), url('../../fonts/houghtons/40255f6d-a12d-49cf-ae2b-9f826652632b.ttf') format('truetype'), url('../../fonts/houghtons/40255f6d-a12d-49cf-ae2b-9f826652632b.svg#webfontIyfZbseF') format('svg');
}

h1 {
    font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    color: #596469;
    font-weight: normal;
    text-transform: uppercase;
    padding: 7px 12px;
    border-bottom: 5px solid #c1c1c1;
    display: inline-block;
    position: relative;
    top: 3px;
}

h2 {
    font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #424242;
    font-weight: normal;
    text-transform: none;
    padding: 3px 12px;
    display: inline-block;
    position: relative;
    top: 3px;
}

a {
    color: #00235d;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}

    a:hover {
        color: #0650c9;
        -webkit-transition: color 250ms ease-out;
        -moz-transition: color 250ms ease-out;
        transition: color 250ms ease-out;
    }

p,
dl,
q {
    font: 1.2em/1.5 Arial, Helvetica, sans-serif;
    color: #161616;
    margin-bottom: 1.6em;
    line-height: 1.6;
}

#mainContentLeft p {
    padding-left: 1.434720229555237%; /* 10px/697px */
    padding-right: 18.5%;
}

.pictosFont {
    font-family: "P1ct0s";
    line-height: 1;
}

dt {
    font-weight: bold;
    padding: 0 3.6% 3px 3.6%;
    border-bottom: 1px solid #b2b2b2;
}

dd {
    margin-bottom: 1.4em;
    padding: 4px 3.6% 0;
}


/*	Header content
================================ */
.searchHolder {
    float: right;
    display: block;
    width: 100%;
    height: 36px;
}

    .searchHolder input#mainSearch[type="text"] {
        float: right;
        clear: none;
        display: inline-block;
        width: 81px;
        margin: 12px;
        font: 12px Arial;
        padding: 3px 30px 3px 7px;
        /*border:none;
    background: #fff;*/
        border-radius: 11px;
        background: #fff;
    }

    .searchHolder input#findADealer[type="text"] {
        float: right;
        clear: none;
        display: inline-block;
        width: 81px;
        margin: 12px;
        font: 12px Arial;
        padding: 3px 7px 3px 0;
        border: none;
        background: #f1f1f1;
        margin-right: -10px;
        cursor: pointer;
    }

        .searchHolder input#findADealer[type="text"]:focus {
            background: #fff;
        }

    .searchHolder input[type="submit"] {
        float: right;
        display: inline-block;
        margin: 13px 0 0 0;
        position: relative;
        right: -121px;
        border: 0;
        z-index: 2;
        width: 18px;
        height: 18px;
        text-indent: -9999px;
        background: #fff url('../../i/houghtons/houghtonsSprite.png') no-repeat 0 -185px;
    }

    .searchHolder input#findADealerSubmit[type="submit"] {
        float: right;
        display: inline-block;
        margin: 12px 0 0 0;
        position: relative;
        left: -97px;
        border: 0;
        z-index: 2;
        width: 18px;
        height: 18px;
        text-indent: -9999px;
        background: #f1f1f1 url('/images/map-pin.png') no-repeat;
    }

.logoHolder {
    display: inline-block;
    float: left;
    width: 18.33333333333333%;
    padding: 0 2.291666666666667%;
    position: relative;
    z-index: 1000;
}

    .logoHolder img {
        width: 100%;
        max-width: 174px;
    }


/*	Footer content
================================ */
footer #footerRightHolder {
    float: right;
    width: 48%;
    text-align: right;
    padding-right: 1%;
}

    footer #footerRightHolder p {
        font: 1.3em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        color: #00245d;
    }


/*	Navigation sections
================================ */

/* Account navigation */
#topNav {
    width: 100%;
    min-height: 30px;
    background: #00235d;
    color: #fff;
    font-size: 1.2em;
    font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
}

    #topNav ul#accountNavigationItems {
        float: right;
        display: inline;
        display: inline-block;
    }

        #topNav ul#accountNavigationItems li {
            display: inline-block;
            padding: 0;
            margin: 0;
            float: left;
        }

            #topNav ul#accountNavigationItems li a {
                display: block;
                padding: 7px 0 8px;
            }

                #topNav ul#accountNavigationItems li a:hover {
                    background: #47617e;
                }

                    #topNav ul#accountNavigationItems li a:hover span {
                        border-right: 1px solid #47617e;
                    }

                #topNav ul#accountNavigationItems li a span {
                    display: block;
                    padding: 1px 13px 2px;
                    border-right: 1px solid #798aa7;
                }

            #topNav ul#accountNavigationItems li:last-child a span,
            #topNav ul#accountNavigationItems li:last-child a:hover span {
                border-right: none;
            }

    #topNav a {
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    }

/* Site navigation */
nav.siteNavigation {
    display: inline-block;
    float: left;
    width: 38.54166666666667%;
    position: relative;
    z-index: 300;
}

    nav.siteNavigation ul {
        display: table;
        display: inline-block;
        border-top: 1px solid #00235d;
        width: 100%;
        margin-top: 12px;
        padding-top: 2px;
        text-align: right;
        position: relative;
    }

nav.siteNavigationRight ul {
    text-align: left;
    z-index: 301;
}

nav.siteNavigation ul li {
    display: inline-block;
    width: auto;
    z-index: 302;
}

    nav.siteNavigation ul li a {
        display: block;
        padding: 0;
        min-height: 26px;
        text-align: center;
        /*font: bold 1.6em Arial,Helvetica,sans-serif;*/
        font: bold 1.3em "Trajan Pro", "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #00235d;
        border-left: 1px solid #f1f1f1;
        z-index: 303;
    }

        nav.siteNavigation ul li a span {
            display: block;
            padding: 5px 20px 0 20px;
            min-height: 21px;
        }

        nav.siteNavigation ul li:hover > a,
        nav.siteNavigation ul li a.selected {
            background: #c9c9c9 url('../../i/houghtons/navSelectedBgRpt.jpg') repeat-x top;
            border-left: 1px solid #c1c1c1;
            border-right: 1px solid #C1C1C1;
            color: #000;
        }

            nav.siteNavigation ul li:hover > a span,
            nav.siteNavigation ul li a.selected span {
                padding: 5px 19px 0 20px;
            }

    nav.siteNavigation ul li.dropDown a {
        border-right: 0;
    }

        nav.siteNavigation ul li.dropDown a span {
            padding: 5px 18px 0 11px;
        }

    nav.siteNavigation ul li.dropDown > a.selected span,
    nav.siteNavigation ul li.dropDown:hover > a span {
        background: transparent url('../../i/houghtons/navSelectedBgRight.jpg') no-repeat top right;
        padding: 5px 18px 0 11px;
    }

    nav.siteNavigation ul li a:hover {
        color: #000;
    }

    nav.siteNavigation ul li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        display: block;
        border-top: 1px solid #c1c1c1;
        box-shadow: 3px 5px 0 #A9A9A9;
    }

        nav.siteNavigation ul li ul h2,
        .productContent h2 {
            font: 13px/1 "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            color: #00235d;
            display: block;
            text-align: left;
            padding: 6px 10px 0 21px;
            height: 30px;
            overflow: hidden;
            border-bottom: 1px solid #C1C1C1;
            top: 0;
        }

        nav.siteNavigation ul li ul div.listItemsHolder {
            border-color: #D2D2D2 #D2D2D2 #C1C1C1;
            border-style: solid;
            border-width: 1px 0 1px 1px;
            display: block;
            padding-top: 14px;
            min-height: 251px;
        }

        nav.siteNavigation ul li ul li {
            *float: left;
            *width: 100%;
        }

            nav.siteNavigation ul li ul li,
            nav.siteNavigation ul li ul li a {
                font: 14px "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
                color: #00245d;
                margin: 0;
                padding: 0;
                background: none;
                text-decoration: none;
                text-transform: none;
                border: 0;
                display: block;
                text-align: left;
                min-height: auto;
            }

                nav.siteNavigation ul li ul li a {
                    padding: 6px 10px 7px 21px;
                }

                    nav.siteNavigation ul li ul li:hover,
                    nav.siteNavigation ul li ul li a:hover,
                    nav.siteNavigation ul li ul li:hover > a {
                        background: #7e9198;
                        border: 0;
                        color: #fff;
                    }

    nav.siteNavigation ul li div.productsNavigationHolder {
        position: absolute;
        top: 28px;
        left: 0;
        width: 958px;
        background: #eee;
        z-index: 100;
        margin: 0;
        padding: 0;
        border: 1px solid #c1c1c1;
        display: none;
        height: 347px;
        box-shadow: 3px 5px 0 rgba(1, 1, 1, 0.3);
    }

        nav.siteNavigation ul li div.productsNavigationHolder.preOwnedMainNavigation {
            left: 0;
            top: 28px;
            height: 354px;
            background: none;
            border: none;
            box-shadow: none;
        }

        nav.siteNavigation ul li div.productsNavigationHolder .productsNavigationTopSpace {
            height: 43px;
            background: #eee;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            border-bottom: 1px solid #C1C1C1;
        }

    nav.siteNavigation ul li ul.productCategoryNavigation {
        width: 168px;
        position: absolute;
        top: 43px;
        left: -1px;
        background: #dadada;
        border-left: 1px solid #c1c1c1;
    }

    nav.siteNavigation ul li .preOwnedMainNavigation ul.productCategoryNavigation {
        top: 0px;
    }

    nav.siteNavigation ul li ul.productCategoryNavigation li ul.productLineNavigation {
        width: 167px;
        position: absolute;
        left: 168px;
        top: -1px;
        background: #e2e2e2 url('/i/houghtons/productCategoryHeadingBg.jpg') no-repeat -1px top;
        display: none;
    }

        nav.siteNavigation ul li ul.productCategoryNavigation li ul.productLineNavigation li ul.productNavigation {
            width: 167px;
            left: 167px;
            top: -1px;
            background: #ececec;
            background: #ececec url('/i/houghtons/productLineHeadingBg.jpg') no-repeat -1px top;
            display: none;
        }

            nav.siteNavigation ul li ul.productCategoryNavigation li ul.productLineNavigation li ul.productNavigation .productContent,
            nav.siteNavigation ul li ul li > .productContent {
                background: #F1F1F1;
                border-style: solid;
                border-width: 1px 1px 1px 0;
                border-color: #d2d2d2;
                box-shadow: 3px 5px 0 #A9A9A9;
                display: block;
                left: 167px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                top: -1px;
                width: 456px;
                background: #F1F1F1 url('/i/houghtons/productNameHeadingBg.jpg') no-repeat -1px top;
                display: none;
            }

    nav.siteNavigation ul li ul li > .productContent {
        background: #e2e2e2 url('/i/houghtons/productCategoryHeadingBg.jpg') no-repeat -1px top;
        left: 168px;
        border-top: 1px solid #C1C1C1;
    }



.productContent .productContentMainHolder {
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    display: block;
    padding-top: 14px;
    padding: 19px 0 0 29px;
    min-height: 246px;
}

.productContent .productTextContent {
    float: left;
    margin: 0 25px 0 0;
    width: 120px;
    font: 13px/1.4 "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    color: #1a1a1a;
}

    .productContent .productTextContent p {
        font: 13px "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        color: #1a1a1a;
    }

nav.siteNavigation ul li:hover div.productsNavigationHolder,
nav.siteNavigation ul li ul.productCategoryNavigation li:hover ul.productLineNavigation,
nav.siteNavigation ul li ul.productCategoryNavigation li ul.productLineNavigation li:hover ul.productNavigation,
nav.siteNavigation ul li ul.productCategoryNavigation li ul.productLineNavigation li ul.productNavigation li:hover .productContent,
nav.siteNavigation ul li ul li:hover .productContent {
    display: block;
}



/* Featured navigation */
div#featuredNavigationWrapper {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 5;
}

div#featuredNavigationHolder {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0 26px 0 0;
    overflow: visible;
    background: transparent url('../../i/houghtons/featNavRightBg.png') no-repeat bottom right;
    z-index: 2;
    position: relative;
}

    div#featuredNavigationHolder h2 {
        display: inline-block;
        float: left;
        font: normal 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        color: #596469;
        text-transform: uppercase;
        background: transparent url('../../i/houghtons/featNavHeaderBg.png') no-repeat bottom left;
        padding: 5px 10px 14px 26px;
        height: 15px;
        margin: 0;
        top: 0;
    }

ul#featuredNavigation {
    display: inline-block;
    float: left;
    padding: 0;
    height: 34px;
    background: transparent url('../../i/houghtons/featNavULBgRpt.jpg') repeat-x bottom;
}

    ul#featuredNavigation li, ul#featuredProducts li {
        display: inline-block;
        float: left;
        text-transform: uppercase;
        font: normal 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        padding-top: 0;
        margin: 0;
        position: relative;
    }

        ul#featuredProducts li .textWrapper {
            text-transform: none;
            font-style: italic;
            padding: 10px;
        }

ul#featuredProducts li {
    padding: 10px;
    border-top: 1px solid #C1C1C1;
    position: relative;
    padding: 6%;
    width: 87%;
    display: block;
}

    ul#featuredProducts li.hoverLi span {
        color: #3661a1;
    }

ul#featuredNavigation li a {
    display: block;
    padding: 0;
    height: 26px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 1px solid #f1f1f1;
    color: #00245d;
    text-decoration: none;
}

ul#featuredNavigation li:hover a {
    background: #c9c9c9 url('../../i/houghtons/navSelectedBgRpt.jpg') repeat-x top;
    border-left: 1px solid #c1c1c1;
    color: #000;
}

ul#featuredNavigation li a span.textWrapper {
    display: block;
    padding: 5px 12px 0 5px;
    height: 21px;
}

ul#featuredNavigation li a span.textUnderline {
    border-bottom: 1px dotted #00245d;
    padding: 0 2px 1px 2px;
}

ul#featuredNavigation li:hover a span.textWrapper {
    background: transparent url('../../i/houghtons/navSelectedBgRight.jpg') no-repeat top right;
}

ul#featuredNavigation li:hover a span.textUnderline {
    border-bottom: none;
}

ul#featuredNavigation li ul {
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 100;
    background: #ececec;
    width: 166px;
    border: 1px solid #c1c1c1;
    padding-top: 29px;
    display: block;
    visibility: hidden;
    box-shadow: 3px 5px 0px rgba(1, 1, 1, 0.3);
}

ul#featuredNavigation li.featuredItemRight ul {
    box-shadow: -3px 5px 0px rgba(1, 1, 1, 0.3);
}

ul#featuredNavigation li:hover ul {
    display: block;
    visibility: visible;
}

ul#featuredNavigation li ul li {
    width: 100%;
}

    ul#featuredNavigation li ul li a,
    ul#featuredNavigation li:hover ul li a {
        border: 0 none;
        display: block;
        font-size: 14px;
        height: auto;
        padding: 6px 20px;
        text-align: left;
        text-transform: none;
        background: none;
        color: #00245d;
    }

        ul#featuredNavigation li ul li a:hover,
        ul#featuredNavigation li ul li:hover a {
            color: #fff;
            background: #7e9198;
            border: 0 none;
        }

.featuredItemContent {
    display: block;
    position: absolute;
    left: 166px;
    background: #f1f1f1;
    width: 493px;
    height: auto;
    top: -30px;
    padding: 39px 0 73px 29px;
    border: 1px solid #c1c1c1;
    box-shadow: 3px 5px 0px rgba(1, 1, 1, 0.3);
    float: left;
    overflow: hidden;
    visibility: hidden;
}

ul#featuredNavigation li ul li:hover .featuredItemContent {
    display: block;
    height: auto;
    visibility: visible;
}

ul#featuredNavigation li.featuredItemRight ul li .featuredItemContent {
    left: -524px;
    box-shadow: -3px 5px 0px rgba(1, 1, 1, 0.3);
}

div#featuredNavigationHolder .featuredItemContent .featuredItemContentText {
    width: 174px;
    padding-right: 28px;
    float: left;
}

    div#featuredNavigationHolder .featuredItemContent .featuredItemContentText h2 {
        background: none;
        text-transform: uppercase;
        color: #00235d;
        font-size: 13px;
        display: block;
        text-align: left;
        height: auto;
        padding: 0;
        width: 100%;
        margin-bottom: 14px;
    }

    div#featuredNavigationHolder .featuredItemContent .featuredItemContentText p {
        text-transform: none;
        color: #191a1a;
        font-size: 0.800em;
        text-align: left;
        display: block;
    }

.featuredItemContent img,
.productContent img {
    float: left;
    vertical-align: bottom;
    margin-top: 35px;
    max-width: 261px;
}

.productContent img {
    float: left;
    margin-top: 4px;
}


/* Sub navigation */
nav#subNavigation {
    display: inline-block;
    float: left;
    width: 19.79166666666667%;
    background: #f1f1f1 url('../../i/houghtons/subNavBgRpt.jpg') repeat;
}

    nav#subNavigation #linksHolder {
        display: block;
        border: 1px solid #c1c1c1;
        padding-top: 51px;
    }

        nav#subNavigation #linksHolder h2 a,
        nav#subNavigation #linksHolder h2 a:visited {
            text-decoration: none;
            color: #000;
        }

            nav#subNavigation #linksHolder h2 a:hover {
                color: #00235d;
            }

    nav#subNavigation ul,
    nav#subNavigation h2 {
        margin-left: 10%;
    }

    nav#subNavigation ul {
        width: 75%;
        padding: 23px 0 0 5%;
        margin-bottom: 25px;
    }

    nav#subNavigation .TwoLevelSubNav > ul > li {
        margin-bottom: 12px;
    }

    nav#subNavigation ul ul {
        margin: 9px 0 0 12%;
        padding: 0;
        width: 88%;
    }

        nav#subNavigation ul ul li a {
            text-transform: none;
            font-size: 13px;
            border-bottom: 0px;
        }

            nav#subNavigation ul ul li a.selected {
                color: #596469;
            }

    nav#subNavigation h2 {
        width: 75%;
        padding: 0;
        border-top: 1px solid #bdbdbd;
        font: 1.5em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        color: #000000;
        text-transform: uppercase;
        padding: 4px 0 0 5%;
    }

    nav#subNavigation ul li {
        margin-bottom: 8px;
    }

        nav#subNavigation ul li a {
            display: block;
            font: 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
            color: #00235d;
            border-bottom: 1px dotted #00235d;
            width: 100%;
            text-decoration: none;
            text-transform: uppercase;
            padding-bottom: 2px;
        }

            nav#subNavigation ul li a:hover {
                color: #000;
            }

/* Footer navigation */
footer ul {
    float: left;
    display: inline-block;
    width: 48%;
    padding-left: 1%;
}

    footer ul li {
        display: inline-block;
        padding: 0 7px;
    }

        footer ul li a {
            font: 1.4em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
            color: #00245d;
            text-decoration: none;
        }

footer a:hover {
    color: #000;
}


/*	Form elements 
================================ */
div.fieldsetHolder,
div.ownedVehicleHolder {
    display: block;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    padding: 10px 1.434720229555237% 15px 1.434720229555237%;
    margin-top: 26px;
    overflow: hidden;
    position: relative;
}

fieldset {
    font-family: Arial, Helvetica, sans-serif;
}

legend {
    font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 22px;
}

label {
    font-size: 1.2em;
    color: #161616;
    display: inline;
    width: 18.22%;
    float: left;
    clear: both;
    padding-top: 6px;
}

#updateMember label {
    width: 30%;
}

label.checkBoxLabel {
    clear: none;
    width: 50%;
}

.largeLineHeight {
    line-height: 1.8;
}

label.largeLineHeight {
    margin-top: -7px;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"] {
    display: inline;
    float: left;
    clear: right;
    width: 33%;
    border: 1px solid #c1c1c1;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 18px;
    color: #636363;
    padding: 2px;
}

#updateMember input[type="text"],
#updateMemberinput[type="password"] {
    width: 60%;
}

select {
    display: inline;
    float: left;
    clear: right;
    width: 9.61%;
    border: 1px solid #c1c1c1;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 18px;
    color: #636363;
    padding: 1px;
}

#updateMember select {
    width: 20.61%;
}

select.selectSmall {
    width: 9.61%;
}

div.checkboxesHolder {
    display: block;
    float: left;
    padding-top: 22px;
    width: 100%;
}

input[type="checkbox"] {
    float: left;
    clear: left;
    margin: 3px 10px 15px 0;
}

div.buttonHolder,
div.pageButtonsHolder {
    display: block;
    text-align: right;
    overflow: hidden;
}

    div.pageButtonsHolder input,
    div.pageButtonsHolder a {
        margin-top: 0;
    }

div.pageButtonsHolder {
    padding-bottom: 10px;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
}

.pageButtonsHolder #backLinkHolder,
.pageButtonsHolder .accountbackLinkHolder {
    float: left;
    overflow: hidden;
    padding: 5px 0 0 10px;
    width: 6%;
}

button, input[type="submit"] {
    border: 0;
    font: 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    padding: 1px 6px 3px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 17px 10px 0 0;
    display: inline-block;
    float: right;
}

#updateMember div.buttonHolder span,
#changePasswordPage div.buttonHolder span {
    display: inline-block;
    *display: inline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 20px 0 0;
    margin-top: 17px;
    font-family: Arial;
    *position: relative;
    *top: 35px;
    *right: 100px;
}

button.buttonClear {
    background: #8a1818 url('/i/houghtons/houghtonsSprite.png') no-repeat 0 -132px;
    color: #fff;
    height: 22px;
}

    button.buttonClear:hover {
        background: #b72424 url('/i/houghtons/houghtonsSprite.png') no-repeat 0 -160px;
    }

div.buttonHolder .buttonSubmit {
    background: #144586 url('/i/houghtons/houghtonsSprite.png') no-repeat -165px -78px;
    color: #fff;
    padding: 1px 30px 3px 6px;
    height: 22px;
    width: 93px;
}

    div.buttonHolder .buttonSubmit:hover {
        background: #1455ac url('/i/houghtons/houghtonsSprite.png') no-repeat -165px -105px;
    }

.deleteButton {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -132px #8A1818;
    color: #FFFFFF;
    height: 22px;
    border: 0 none;
    cursor: pointer;
    font: 1.2em "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
    margin: 17px 10px 0 0;
    padding: 1px 6px 3px;
    text-transform: uppercase;
}

    .deleteButton:hover {
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -160px #B72424;
    }

.printButton {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -78px #144586;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font: 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    height: 15px;
    margin: 17px 10px 0 0;
    padding: 3px 10px 4px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}

    .printButton:hover {
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -105px #1455Ac;
    }

.simpleButton {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -78px #144586;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font: 1.2em/20px "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
    height: 15px;
    margin: 17px 10px 0 0;
    padding: 3px 10px 4px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}

    .simpleButton:hover {
        color: #fff;
    }

.continueToWebsiteButton {
    background: #144586 url('/i/houghtons/houghtonsSprite.png') no-repeat -67px -78px;
    color: #fff;
    padding: 1px 30px 6px 5px;
}


/* Login */
#houghtonsLogin #mainContentLeft p {
    clear: both;
    padding: 0;
}

#houghtonsLogin #mainContentLeft #forgottenPasswordLink a {
    color: #00235d;
    border-bottom: 1px dotted #00235d;
    text-decoration: none;
    padding-bottom: 2px;
}

    #houghtonsLogin #mainContentLeft #forgottenPasswordLink a:hover {
        color: #000;
        border-bottom: 1px dotted #000;
    }

.formErrorHolder,
label.error {
    font: 1.1em/1.5 Arial, Helvetica, sans-serif;
    color: #ff0000;
    margin-bottom: 4px;
    line-height: 1.6;
    font-style: italic;
    padding-left: 18.22%;
    padding-right: 18.5%;
    display: block;
    clear: both;
}

#updateMember .formErrorHolder
#updateMember label.error {
    padding-left: 30%;
}

#updateMember .fieldsetHolder {
    border-top: none !important;
}

#updateMember .contentColumnOne,
#updateMember .contentColumnTwo {
    border-top: 1px solid #b2b2b2;
    padding-top: 10px;
}

#updateMember .subscribe {
    width: 60%;
}

#registerMember label a {
    border-bottom: 1px dotted #00235D;
    color: #00235D;
    padding-bottom: 2px;
    text-decoration: none;
}

    #registerMember label a:hover {
        border-bottom: 1px dotted #000;
        color: #000;
    }


/* Homepage Carousel 
================================ */
#slides {
    margin-top: -24px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.slidesContainer,
.slidesContainer > div {
    width: 958px;
    height: 342px;
}

.slidesContainer {
    overflow: hidden;
    position: relative;
    border: 1px solid #bdbdbd;
    box-shadow: 0 1px 2px #BBBBBB;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=200, Strength=1);
}

.slideItem img#productImage {
    float: right;
    margin: 40px 20px 0 0;
}

body#houghtonsHome .slidesContainer {
    display: none;
}

body#productPage .slidesContainer {
    background: transparent url('/i/houghtons/products/productBg.jpg');
    box-shadow: 0 1px 2px #bbb;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=200, Strength=1);
}

.slidesContainer > div {
    display: block;
}

.slidesContainer .slideContent {
    position: absolute;
    top: 80px;
    left: 0;
    width: 275px;
}

#productPage .slidesContainer .slideContent {
    top: 58px;
    width: 330px;
}

.slidesContainer .slideContent h2 {
    color: #0f3166;
    font-size: 2.5em;
    font-family: "Trajan Pro", Geneva, "Times New Roman", Times, Serif;
    line-height: 1.2;
    margin: 0 0 15px 45px;
    padding: 0;
}

#productPage .slidesContainer .slideContent h2 {
    font-size: 2.2em;
}

.slidesContainer .slideContent p {
    margin-left: 45px;
}

.slidesContainer .readMore {
    background: #18498a;
    display: inline-block;
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -81px -273px;
    width: 179px;
    height: 34px;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 110;
}

    .slidesContainer .readMore.readMoreHover {
        background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -81px -716px;
    }

.exploreButton {
    background: #18498a;
    display: block;
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -141px -273px;
    width: 100px;
    height: 25px;
    left: 0;
    z-index: 110;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 0 0 19px;
    margin-bottom: 5px;
    font: 11px Arial,Helvetica,sans-serif;
    position: absolute;
    bottom: 0px;
}

a .exploreButton:hover {
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -141px -716px;
}

.buttonExplore,
ul#featuredNavigation li ul li a.buttonExplore,
nav.siteNavigation ul li ul li a.buttonExplore {
    background: #18498a;
    display: block;
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -141px -273px;
    width: 100px;
    height: 25px;
    bottom: 60px;
    left: 0;
    z-index: 110;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 0 0 19px;
    float: left;
    margin-top: 9px;
}

    ul#featuredNavigation li ul li a.buttonExplore:hover,
    nav.siteNavigation ul li ul li a.buttonExplore:hover {
        background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -141px -716px;
    }

.slidesContainer .readMore p {
    margin: 0;
}

.slidesContainer .readMore a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 50px 6px 45px;
    display: block;
}
/* Carousel Pagination Links */
.paginationWrapper {
    position: absolute;
    bottom: -3px;
    left: 50%;
    z-index: 10;
}

.altCarouselPagination {
    bottom: -4px;
}

.paginationBody {
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 100% -317px;
    position: relative;
    left: -50%;
    padding-right: 11px;
    float: left;
}

.fancybox-inner .paginationBody {
    background: none;
    padding-right: 0;
}

.pagination {
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 0 -317px;
    float: left;
}

.fancybox-inner .pagination {
    background: #f1f1f1;
    padding: 1px 1px 2px 2px;
    border-radius: 4px;
}

.pagination li {
    float: left;
    margin: 0;
    padding: 0 3px 0 2px;
    list-style: none;
    background: #f1f1f1;
    border-top: 1px solid #bdbdbd;
    font-family: "Gill Sans W01 Medium", Arial, helvetica, Verdana, Sans-Serif;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1.2;
}

    .pagination li:first-child {
        margin-left: 11px;
    }

.fancybox-inner .pagination li:first-child {
    margin-left: 0;
}

.pagination li a {
    display: block;
    width: 9px;
    height: 0px;
    padding-top: 13px;
    background: transparent url('/i/houghtons/carousel/pagination.png') no-repeat 0 4px;
    float: left;
    overflow: hidden;
}

.pagination li.current a {
    background-position: 0 -12px;
}

.fancybox-inner .pagination li {
    border-top: 0;
    padding: 0 3px;
}

    .fancybox-inner .pagination li a {
        background-position: 0 3px;
    }

    .fancybox-inner .pagination li.current a {
        background-position: 0 -13px;
    }

.pagination li.label {
    padding-top: 2px;
}

.pagination li.prevLink,
.pagination li.nextLink {
    width: 9px;
    padding: 0 5px;
}

.pagination li.nextLink {
    padding-right: 2px;
}

    .pagination li.prevLink span,
    .pagination li.nextLink span {
        position: absolute;
        left: -99999em;
    }

    .pagination li.prevLink a,
    .pagination li.nextLink a {
        background: #f1f1f1 url('/i/houghtons/houghtonsSprite.png') no-repeat -1px -238px;
        width: 9px;
        margin: 0;
    }

    .pagination li.nextLink a {
        background: #f1f1f1 url('/i/houghtons/houghtonsSprite.png') no-repeat -14px -238px;
    }


/*	Feature Film Strip
================================ */
.featuredFilmStrip {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 35px;
    z-index: 0;
    box-shadow: 0 1px 3px #999999;
    *border-bottom: 2px solid #bbbbbb;
    *float: none;
}

    .featuredFilmStrip .carousel {
        position: relative;
        overflow: hidden;
        width: 94.3% !important;
        height: 150px;
        float: left;
        margin: 0;
        z-index: 0;
    }

body#houghtonsHome .featuredFilmStrip .carousel {
    width: 94.8% !important;
}

.featuredFilmStrip .carousel ul {
    width: 20000em;
    position: absolute;
}

.featuredFilmStrip .carouselInactive ul li {
    float: left;
    margin-right: 6px;
    position: static;
    height: 151px;
}

.featuredFilmStrip .carousel ul li {
    float: left;
    margin-right: 6px;
    position: relative;
    height: 151px;
}

body#houghtonsHome .carousel li {
    width: 299px;
}

body#productPage .carousel li,
#preownedGallery .carousel li {
    width: 221px;
}

.featuredFilmStrip .carousel ul li h2 {
    position: absolute;
    top: 115px;
    left: 5px;
    color: #ffffff;
    font-size: 1.4em;
    text-transform: uppercase;
    width: 200px;
}

.featuredFilmStrip .carousel ul li a {
    overflow: hidden;
}

    .featuredFilmStrip .carousel ul li a div {
        display: none;
        background: transparent url('../../i/houghtons/featuredItemHoverBg.png') repeat;
        position: absolute;
    }

        .featuredFilmStrip .carousel ul li a div.featuredThumbHover {
            display: block;
        }

    .featuredFilmStrip .carousel ul li a img {
        position: absolute;
        top: 0px;
        min-height: 150px;
        width: 219px;
    }

    .featuredFilmStrip .carousel ul li a span.playVideoIcon {
        display: block;
        position: absolute;
        width: 47px;
        height: 47px;
        left: 84px;
        top: 53px;
        min-height: 47px;
        background: url('../../i/houghtons/playVideoIcon.png') no-repeat top left;
        text-indent: -999em;
    }

    .featuredFilmStrip .carousel ul li a:hover span.playVideoIcon {
        background: url('../../i/houghtons/playVideoIcon.png') no-repeat bottom left;
    }

body#houghtonsHome .featuredFilmStrip .carousel ul li a img {
    height: auto;
    width: auto;
}

.featuredFilmStrip .prevButton,
.featuredFilmStrip .nextButton {
    float: left;
    width: 2.5%;
    height: 150px;
    display: block;
    background: #c0c7cb url('/i/houghtons/houghtonsSprite.png') no-repeat -2px -373px;
    text-indent: 0px;
    margin-right: 0.6%;
}

#houghtonsHome .featuredFilmStrip .prevButton {
    margin-right: 0.2%;
}

.featuredFilmStrip .nextButton {
    background-position: -32px -373px;
    margin-right: 0;
    position: relative;
    left: 1px;
}

.featuredFilmStrip .prevButton:hover {
    background: #c0c7cb url('/i/houghtons/houghtonsSprite.png') no-repeat -64px -373px;
}

.featuredFilmStrip .nextButton:hover {
    background: #c0c7cb url('/i/houghtons/houghtonsSprite.png') no-repeat -96px -373px;
}

.featuredFilmStrip .prevButton:focus {
    background: #c0c7cb url('/i/houghtons/houghtonsSprite.png') no-repeat -129px -373px;
}

.featuredFilmStrip .nextButton:focus {
    background: #c0c7cb url('/i/houghtons/houghtonsSprite.png') no-repeat -162px -373px;
}


/*	Product List Summary
================================ */
a.col-4 {
    text-decoration: none;
}

.productsList {
    clear: both;
    display: flex !important;
}

.headingWrapper {
    border-bottom: 1px solid #cccccc;
    margin: 20px 0 30px 0;
}

    .headingWrapper h1 span {
        padding-right: 22px;
        margin-right: 10px;
        color: #9e9d9d;
        background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 100% -344px;
        line-height: 1.6;
    }

        .headingWrapper h1 span a {
            color: #9e9d9d;
            text-decoration: none;
        }

            .headingWrapper h1 span a:hover,
            .headingWrapper h1 span a:focus,
            .headingWrapper h1 span a:active {
                color: #3d3d3d;
                text-decoration: none;
            }

.productsList ul {
    margin: 0 10px 0 -10px;
}

    .productsList ul li {
        width: 220px;
        margin: 0 0 40px 16px;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
    }

.productsList h2 {
    font-size: 1.35em;
    padding: 0;
    text-transform: uppercase;
    color: #404040;
    margin-bottom: 15px;
}

.productsList li img {
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
}

.productsList li .bodyText {
    min-height: 70px;
}

.productsList li p {
    margin-bottom: 10px;
}

.productsList p.productPageLink,
.preownedProductSection .exploreLink {
    font-size: 1.3em;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 10px;
    clear: both;
    display: inline-block;
}

    .productsList .productPageLink a,
    .productsList .productPageLink a:visited,
    .preownedProductSection .exploreLink a,
    .preownedProductSection .exploreLink a:visited {
        color: #ffffff;
        text-decoration: none;
        display: block;
        height: 34px;
        padding: 0 60px 0 20px;
        line-height: 34px;
        background: #0f4082 url('/i/houghtons/houghtonsSprite.png') no-repeat 100% 0;
    }

        .productsList .productPageLink a:hover,
        .productsList .productPageLink a:focus,
        .productsList .productPageLink a:active,
        .preownedProductSection .exploreLink a:hover,
        .preownedProductSection .exploreLink a:focus,
        .preownedProductSection .exploreLink a:active {
            background: #0f4082 url('/i/houghtons/houghtonsSprite.png') no-repeat 100% -39px;
        }

.productsList .compareSelect {
    border-top: 1px solid #bdbdbd;
    margin-top: 5px;
    clear: both;
    padding-top: 10px;
}

    .productsList .compareSelect label {
        font-family: Arial, Verdana, Sans-Serif;
        width: auto;
        clear: none;
    }

.compareLink {
    float: left;
    clear: both;
    width: 99%;
    text-align: right;
    margin: -20px 0 0 0;
    border-top: 1px solid #b2b2b2;
    padding-top: 20px;
}

.tabbedArea .compareLink {
    position: relative;
    top: 7px;
    width: 700px;
    margin: -31px 0 0;
    border: 0;
    padding: 0;
}

.compareLink p {
    padding: 2px 0 5px 26px;
    line-height: 1em;
    background: url('../../i/houghtons/houghtonsSprite.png') no-repeat 0 -1033px;
    width: auto;
    display: inline;
    *display: block;
    *width: 130px;
    *height: 20px;
    *margin-bottom: 0;
    *padding-left: 17px;
}

.tabbedArea .compareLink p {
    *padding-left: 0px;
}

.compareLink p a {
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px dotted #00235d;
}


/* Compare products */
#compareProducts .productsList ul {
    margin: 22px 10px 0 0;
}

    #compareProducts .productsList ul li {
        /*margin-left: 0;*/
        width: 220px;
        border-bottom: 1px solid #b2b2b2;
        height: auto;
        overflow: hidden;
    }

#compareProducts #productFeatureList li {
    padding: 0 20px 10px 20px;
    width: 205px;
    overflow: hidden;
    display: block;
    font: 1.2em/1.6 Arial,Helvetica,sans-serif;
}

#compareProducts #productFeatureList .selected {
    background: url("/i/houghtons/tick.png") no-repeat scroll left 5px transparent;
}

#compareProducts #productFeatureList li:last-child {
    border-bottom: 0;
}

#compareProducts .productThumbnail {
    margin-right: 20px;
    overflow: hidden;
    width: auto;
    float: left;
}

#compareProducts .productsList h2 {
    font-size: 1.2em;
}

.productsList li p {
    padding-right: 20px;
}

#CompareProductsDiv.productsList {
    float: left;
    width: 960px;
}

#compareProducts #CompareProductsDiv.productsList ul {
    margin: 0;
}

#CompareProductsDiv.productsList #BackToOriginUrl, #CompareProductsDiv.productsList #ClearProducts {
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.6em;
}

#CompareProductsDiv.productsList #BackToOriginUrl {
    float: left;
    clear: left;
    padding-left: 10px;
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -0 -220px transparent;
}


/* Product hotspots */
.hotspotsHolder {
    position: absolute;
    background: url("/i/transparent.gif");
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    display: block;
    z-index: 99999;
}

    .hotspotsHolder a.hotspotLink {
        display: none;
        position: absolute;
        width: 42px;
        height: 42px;
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat -50px -818px transparent;
        text-indent: -999em;
    }

        .hotspotsHolder a.hotspotLink:hover,
        .hotspotsHolder a.hotspotLink:focus,
        .hotspotsHolder a.hotspotLinkOn {
            background: url("/i/houghtons/houghtonsSprite.png") no-repeat 0px -818px transparent;
        }

.hotspotContentHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 350px;
    background: #f1f1f1 url('/i/houghtons/subNavBgRpt.jpg') repeat;
    border-right: 1px solid #c1c1c1;
    display: none;
}

    .hotspotContentHolder .flowplayer,
    .hotspotContentHolder img {
        width: 350px;
        height: 202px;
    }

    .hotspotContentHolder h2 {
        color: #000000;
        font-size: 1.5em;
        padding: 4px 20px 18px;
        text-transform: uppercase;
    }

    .hotspotContentHolder p {
        line-height: 1.4;
        padding: 0 20px;
        margin-bottom: 1em;
    }

    .hotspotContentHolder .closeButton a {
        position: absolute;
        right: -39px;
        top: 21px;
        width: 39px;
        height: 27px;
        display: block;
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat -108px -820px transparent;
        text-indent: -999em;
    }

.hotspotPointer {
    display: none;
    bottom: -3px;
    position: absolute;
    right: 10px;
}

    .hotspotPointer.1 {
        display: block;
    }


/* Product tabs
=============================== */
.tabbedArea {
    float: left;
    width: 700px;
}

ul.tabs,
ul.tab {
    margin: 0px;
    padding: 0px;
    height: 26px;
}

#mainContentLeft ul.tabs,
#mainContentLeft ul.tab {
    border-bottom: 1px solid #B2B2B2;
    margin-bottom: 25px;
}

ul.tabs li,
ul.tab li {
    list-style: none;
    display: inline-block;
    background: url('../../i/houghtons/tabBgLeft.jpg') no-repeat left;
    padding: 0 0 0 15px;
    height: 26px;
    float: left;
    *display: inline;
    *float: left;
}

    ul.tabs li:first-child,
    ul.tab li:first-child {
        padding: 0 0 0 11px;
        background: transparent url('../../i/houghtons/tabBgRpt.jpg') repeat-x top;
        border-left: 1px solid #C7C7C7;
    }

#tabHeaderStore ul.tabs li:first-child {
    border-left: 0;
}

ul.tabs li.active:first-child,
ul.tab li.active:first-child,
ul.tabs li.hoverLi.active:first-child,
ul.tab li.hoverLi.active:first-child {
    padding: 0 0 0 11px;
    background: #c9c9c9 url('../../i/houghtons/navSelectedBgRpt.jpg') repeat-x top;
}

ul.tabs li.hoverLi:first-child,
ul.tab li.hoverLi:first-child {
    background: transparent url('../../i/houghtons/tabBgRptHover.jpg') repeat-x top;
}

ul.tabs li.hoverLi,
ul.tab li.hoverLi {
    background: url('../../i/houghtons/tabBgLeftHover.jpg') no-repeat left;
}

ul.tabs li.active,
ul.tab li.active {
    background: url('../../i/houghtons/tabSelectedBgLeft.jpg') no-repeat left;
}

ul.tabs li a,
ul.tab li a {
    padding: 0;
    height: 26px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    text-decoration: none;
    background: #fff;
    color: #00245d;
    float: left;
    font-family: "Gill Sans W01 Medium";
    background: transparent url('../../i/houghtons/tabBgRpt.jpg') repeat-x top;
}

ul.tabs li.hoverLi a,
ul.tab li.hoverLi a {
    background: transparent url('../../i/houghtons/tabBgRptHover.jpg') repeat-x top;
}

ul.tabs li a:hover,
ul.tab li a:hover {
    color: #000;
}

ul.tabs li a span,
ul.tab li a span {
    display: block;
    padding: 7px 18px 0 0px;
    height: 19px;
    background: transparent url('../../i/houghtons/tabBgRight.jpg') no-repeat top right;
    border-bottom: none;
    color: #00245D;
}

ul.tabs li.hoverLi a span,
ul.tab li.hoverLi a span {
    background: transparent url('../../i/houghtons/tabBgRightHover.jpg') no-repeat top right;
}

ul.tabs li.active a,
ul.tab li.active a {
    color: #000;
    background: #c9c9c9 url('../../i/houghtons/navSelectedBgRpt.jpg') repeat-x top;
}

ul.tabs li.active a,
ul.tab li.active a {
    color: #000;
}

    ul.tabs li.active a span,
    ul.tab li.active a span {
        background: transparent url('../../i/houghtons/navSelectedBgRight.jpg') no-repeat top right;
        color: #000000;
    }

.tabbedArea .content {
    background-color: #fff;
    padding: 20px 10px 10px 10px;
    border: 1px solid #BDBDBD;
    display: none;
    width: auto;
    overflow: hidden;
    font-family: Arial, helvetica, Verdana, Sans-Serif;
    box-shadow: 0 1px 2px #bbb;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=200, Strength=1);
}

    .tabbedArea .content.active {
        display: block;
    }

    .tabbedArea .content h2 {
        padding-left: 0;
        display: block;
        border-top: solid 1px #BDBDBD;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .tabbedArea .content a {
        text-decoration: none;
        border-bottom: 1px dotted #00245d;
        padding: 0 2px 1px 2px;
    }

    .tabbedArea .content .column {
        float: left;
        width: 328px;
        margin: 5px;
    }

        .tabbedArea .content .column.somethingSpecialColumn {
            clear: right;
            float: right;
        }

        .tabbedArea .content .column.chasisOptionsColumn,
        .tabbedArea .content .column.alternativesColumn {
            clear: left;
            float: left;
        }

    .tabbedArea .content ul,
    {
        margin-bottom: 10px;
    }

    .tabbedArea .content li {
        padding: 0 0 0 15px;
        background: transparent url('/i/houghtons/tick.png') no-repeat 0px 4px;
        font-size: 1.1em;
        line-height: 1.6;
        margin: 5px 0;
    }

.locationHover h4 {
    color: #144586;
}

.galleryTabContent .galleryThumbHolder a {
    border: none;
    padding: 0;
    display: block;
}

#houghtonsGallery .galleryThumbHolder a span.enlargeImage,
.galleryTabContent a span.enlargeImage {
    position: absolute;
    top: 91px;
    right: 0px;
    width: 28px;
    height: 21px;
    background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 0px -629px;
    text-indent: -9999px;
}

.galleryTabContent label {
    font-weight: bold;
    width: auto;
    margin: 2px 10px 0 0;
}

.galleryTabContent select {
    width: auto;
    float: none;
    margin-right: 10px;
}

.galleryTabContent > div.galleryThumbHolder {
    display: inline-block;
    float: left;
    height: 112px;
    overflow: hidden;
    border: solid 1px #bdbdbd;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    *float: none;
    margin: 0 6px 7px 0;
    position: relative;
}

.galleryTabContent div.selectContainer {
    display: block;
    width: 100%;
}


/* Products RHS */
.widgetsColumn {
    width: 26%;
    float: right;
    margin-top: 28px;
    border-top: 1px solid #a8a8a8;
    padding: 0;
}

    .widgetsColumn h2 {
        display: block;
        font: 1.2em "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        padding: 6px 0;
    }

    .widgetsColumn img {
        margin-bottom: 1em;
    }

    .widgetsColumn q {
        display: block;
        border-top: 1px solid #a8a8a8;
        padding: 30px 10px 10px 30px;
        background: transparent url('../../i/houghtons/quotesTop.png') no-repeat 11px 15px;
        font-style: italic;
        margin-top: 36px;
    }

        .widgetsColumn q span {
            display: block;
            padding-right: 20px;
            padding-bottom: 15px;
            background: transparent url('../../i/houghtons/quotesBottom.png') no-repeat 96% bottom;
        }

    .widgetsColumn .historyContent {
        padding: 0 4%;
    }


/*	Careers
================================ */
.careers {
    margin-top: -20px;
}

.offices {
    margin-top: 30px;
    clear: both;
}

    .offices ul {
        margin-left: -16px;
        width: 972px;
        float: left;
    }

    .offices li {
        float: left;
        width: 270px;
        padding: 10px;
        margin: 0 16px 30px 16px;
        border: 1px solid #b2b2b2;
    }

        .offices li .imageWrapper {
            float: left;
            margin-right: 10px;
        }

            .offices li .imageWrapper img {
                border: 1px solid #b2b2b2;
            }

    .offices .textBody {
        overflow: auto;
        height: auto;
    }

        .offices .textBody h2 {
            padding: 0;
            margin: -5px 0 10px 0;
            font-size: 1.3em;
            text-transform: uppercase;
        }

            .offices .textBody h2,
            .offices .textBody h2 a {
                color: #000000;
                text-decoration: none;
            }

    .offices a {
        text-decoration: none;
    }

        .offices a:hover,
        .offices a:focus,
        .offices a:active {
            text-decoration: none;
        }

#mainContentFullWidth .careers p {
    text-align: left;
}

#mainContentFullWidth .offices p {
    line-height: 1.4;
    margin: 0;
    text-align: left;
}

.backLink {
    clear: both;
    float: left;
    border-top: 1px solid #b2b2b2;
    margin: 47px 0 50px 0;
    padding-top: 10px;
    width: 940px;
}

    .backLink p {
        float: right;
        font-size: 110%;
    }

        .backLink p a {
            color: #00235d;
            text-decoration: none;
        }

            .backLink p a span {
                width: 4px;
                height: 8px;
                display: inline-block;
                margin-right: 5px;
                background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 0 -209px;
            }

            .backLink p a:hover,
            .backLink p a:focus,
            .backLink p a:active {
                text-decoration: underline;
            }


/* About Landing */
#aboutHolder,
#subNavPageContentHolder {
    width: 100%;
    overflow: hidden;
    margin-top: -24px;
    position: relative;
    z-index: 1;
}

#aboutLandingPage #subNavigation #linksHolder {
    height: 348px;
}

#aboutContent,
#subNavPageContent {
    float: left;
    display: inline-block;
    width: 80%;
    border-top: 1px solid #c1c1c1;
    background: #f1f1f1;
}

    #subNavPageContent.preownedContent {
        width: 100%;
    }

    #aboutContent ul {
        border-right: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        height: 399px;
        overflow: hidden;
    }

        #aboutContent ul li {
            display: none;
            width: 100%;
            height: 399px;
            position: relative;
        }

            #aboutContent ul li:first-child {
                display: block;
            }

.aboutPageSummaryHolder {
    width: 270px;
    padding-top: 2px;
    border-top: 1px solid #fff;
    position: absolute;
    top: 194px;
    right: 4.563233376792699%;
}

.aboutPageSummary {
    width: 254px;
    min-height: 136px;
    background: transparent url('/i/houghtons/aboutIntroBgRpt.png') repeat-x top;
    padding: 4px 8px 10px;
}

    .aboutPageSummary h2,
    #aboutHeaderIntro h1 {
        color: #fff;
        padding: 0;
        margin: 0 0 8px;
        font: normal 2.6em "Trajan Pro", "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        top: 0;
        border-bottom: 0;
    }

    .aboutPageSummary p,
    #aboutHeaderIntro p {
        color: #fff;
        padding: 0 3px 0 3px;
        margin: 0;
        line-height: 1.4;
    }


/* About sub page */
#aboutPageHeader {
    position: relative;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    height: 197px;
    width: auto;
    margin: 0;
}

    #aboutPageHeader.preownedHeader {
        border-right: none;
        border-bottom: none;
        height: 245px;
        background-size: cover;
    }

#aboutHeaderIntro {
    position: absolute;
}

#aboutHeaderIntroHolder {
    width: 270px;
    padding-top: 2px;
    border-top: 1px solid #fff;
    position: absolute;
    top: 54px;
    right: 4.563233376792699%;
}

#aboutHeaderIntro {
    width: 254px;
    height: 125px;
    background: transparent url('/i/houghtons/aboutIntroBgRpt.png') repeat-x top;
    padding: 4px 8px 10px;
    overflow: hidden;
}

#aboutPage article {
    padding: 40px 0 40px 4.7%;
}

    #aboutPage article h2 {
        border-bottom: 5px solid #C1C1C1;
        color: #596469;
        display: inline-block;
        font-family: "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
        font-size: 1.8em;
        font-weight: normal;
        padding: 7px 12px;
        position: relative;
        text-transform: uppercase;
        top: 3px;
        margin-bottom: 1.2em;
    }

    #aboutPage article p {
        font: 1.2em Arial;
        color: #161616;
        padding-right: 7.309941520467836%;
        padding-left: 2.5%;
        line-height: 1.4;
        margin-bottom: 1.5em;
    }

        #aboutPage article p.articleIntroText {
            font: normal 1.6em "Gill Sans W01 Medium";
            color: #393939;
            text-shadow: 0 1px 1px #ccc;
        }


/* Preowned landing */
#subNavPageContentHolder.preownedProduct #aboutPageHeader {
    margin-bottom: 13px;
}

#subNavPageContentHolder #aboutPageHeader {
    margin-bottom: 41px;
}

#subNavPageContentHolder .pageContentContainer {
    padding: 0px 0 15px 4.7%;
}

    #subNavPageContentHolder .pageContentContainer p {
        line-height: 1.5;
        margin-bottom: 1.3em;
    }

#subNavPageContentHolder article div#preownedContentHolder {
    padding: 0 70px 0 18px;
}

#subNavPageContentHolder .headingWrapper {
    margin: 0 0 20px;
}

    #subNavPageContentHolder .headingWrapper h1 {
        padding: 7px 12px;
    }

        #subNavPageContentHolder .headingWrapper h1 span {
            line-height: 1;
        }

#subNavPageContentHolder .productsList {
    padding-left: 9px;
}

#subNavPageContentHolder .pageContentContainer .productsList li img {
    width: 218px;
}

#subNavPageContentHolder .pageContentContainer .productsList li .bodyText {
    min-height: 64px;
}

#subNavPageContentHolder .pageContentContainer .productsList p {
    margin-bottom: 0;
}

    #subNavPageContentHolder .pageContentContainer .productsList p.productPageLink {
        margin: 7px 0 12px;
    }

#subNavPageContentHolder .productsList h2 {
    font-size: 1.3em;
}

#subNavPageContentHolder .productsList ul li {
    border-bottom: 1px solid #b2b2b2;
}

#subNavPageContentHolder .productsList .productPageLink a,
#subNavPageContentHolder .productsList .productPageLink a:visited {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 100% -273px transparent;
}

    #subNavPageContentHolder .productsList .productPageLink a:hover {
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 100% -716px transparent;
    }


/* Preowned Product */
.preownedProductSectionDetails {
    width: 278px;
    padding: 0 19px;
    float: left;
}

.preownedProductSection {
    float: right;
    width: 415px;
}

.preownedProductSectionDetails h1 {
    border-bottom: 0;
    display: block;
    font-size: 1.3em;
    padding: 0;
    margin: 0 0 1.5em;
    top: 0;
    color: #000000;
}

.preownedProductSectionDetails h2,
.preownedProductSection h2 {
    color: #393939;
    font-size: 1.6em;
    margin-bottom: 0.9em;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

#subNavPageContentHolder .pageContentContainer .preownedProductSection .exploreLink,
#subNavPageContentHolder .pageContentContainer .preownedProductSectionDetails .exploreLink {
    margin: 0 0 25px;
}

.preownedProductSectionDetails h3,
.preownedProductSection h3 {
    color: #161616;
    font: 1.1em Arial,Verdana,sans-serif;
    margin-bottom: 0.8em;
    text-transform: uppercase;
}

#preownedGallery .featuredFilmStrip {
    height: 150px;
    overflow: hidden;
}

#preownedGallery #currentPreownedImage {
    width: 415px;
    display: block;
    margin-bottom: 14px;
}

    #preownedGallery #currentPreownedImage img.mainImage {
        display: block;
        width: 415px;
    }

#preownedGallery .featuredFilmStrip .carousel {
    width: 365px !important;
    left: 73px !important;
    overflow: visible !important;
}

#preownedGallery .featuredFilmStrip .prevButton,
#preownedGallery .featuredFilmStrip .nextButton {
    width: 25px;
    margin-right: 0;
    z-index: 1000;
    position: relative;
}

#preownedGallery .featuredFilmStrip .carousel ul li a div.featuredThumbOn {
    display: block;
    background: transparent url('../../i/houghtons/featuredItemOffBg.png') repeat;
    position: absolute;
}

#preownedGallery .featuredFilmStrip .carousel ul li.item1 a div.featuredThumbOn {
    background: none;
}

.printButtonHolder {
    display: block;
    text-align: right;
    width: 100%;
}

    .printButtonHolder a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background: url('../../i/houghtons/houghtonsSprite.png') left -1080px no-repeat;
        font: 1.2em Arial, Verdana, sans-serif;
        color: #00235d;
        border-bottom: 1px solid dotted;
        border-color: #00235d;
        text-decoration: none;
        padding: 5px 0 0 25px;
    }

        .printButtonHolder a span {
            display: block;
            border-bottom-color: #00235D;
            border-bottom-style: dotted;
            border-bottom-width: 1px;
            padding: 0 2px 3px 0;
        }

        .printButtonHolder a:hover {
            color: #0650C9;
        }


/* Heritage page */
#heritagePage #aboutContent {
    background: url('../../i/houghtons/heritage/heritageContentBackgroundRpt.png') repeat-y 50% 0;
    padding-bottom: 150px;
    overflow: hidden;
}

#heritageLogo {
    margin: 60px auto 0;
    display: block;
}

#bannerHeading {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin: 25px 0 54px;
    text-align: center;
}

    #bannerHeading #bannerHolder {
        display: inline-block;
        margin: 0 auto;
        *display: inline;
    }

    #bannerHeading span#bannerLeft,
    #bannerHeading span#bannerRight {
        display: inline-block;
        *display: inline;
        width: 60px;
        height: 50px;
        float: left;
        *float: none;
    }

    #bannerHeading span#bannerLeft {
        position: relative;
        left: 20px;
        top: 15px;
        background: url('../../i/houghtons/heritage/headingBannerLeft.png') no-repeat top left;
    }

    #bannerHeading span#bannerRight {
        position: relative;
        left: -20px;
        top: 15px;
        background: url('../../i/houghtons/heritage/headingBannerRight.png') no-repeat top left;
    }

    #bannerHeading h2 {
        display: inline-block;
        *display: inline;
        background: #16366b url('../../i/houghtons/heritage/headingBannerRpt.jpg') repeat-x;
        color: #fff;
        text-transform: uppercase;
        font: 2.6em "Gill Sans W01 Medium", Arial;
        height: 40px;
        padding: 10px 82px 0;
        top: 0;
        margin: 0;
        float: left;
        *float: none;
        z-index: 10;
    }

#heritageIntro {
    display: block;
    width: 400px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 15px 28px 16px;
    margin: 0 auto 40px;
}

    #heritageIntro p {
        padding: 0;
        margin: 0;
        text-align: center;
        font: 1.5em/1.5 "Gill Sans W01 Medium", Arial;
        color: #393939;
        text-shadow: 1px 1px 1px #CCC;
    }

#aboutContent #hertiageAnchorLinks {
    display: block;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    text-align: center;
}

    #aboutContent #hertiageAnchorLinks ul {
        border: 0;
        display: block;
        margin: 0 auto;
        height: auto;
        width: auto;
    }

        #aboutContent #hertiageAnchorLinks ul li {
            display: inline-block;
            *display: inline;
            height: auto;
            width: auto;
            padding: 0 20px;
        }

            #aboutContent #hertiageAnchorLinks ul li a {
                display: block;
                padding: 0 0 3px;
                font: bold 1.2em "Gill Sans W01 Medium", Arial;
                color: #00245d;
                text-decoration: none;
                border-bottom: 1px dotted #333;
                *display: inline;
            }

#aboutContent ul#timelineList {
    display: block;
    height: auto;
    margin-bottom: 100px;
    overflow: visible;
    border: 0;
    margin-left: 22px;
}

    #aboutContent ul#timelineList li {
        display: inline-block;
        margin: 0;
        float: left;
        width: 333px;
        margin: 0 0 -20px;
        clear: left;
    }

        #aboutContent ul#timelineList li.evenItem {
            margin-right: 0;
            float: right;
            clear: none;
        }

        #aboutContent ul#timelineList li.firstEvenItem {
            margin-top: 150px;
        }

#timelineHolder {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

#timeline {
    position: absolute;
    top: 0;
    left: 382px;
    width: 4px;
    background: #dbdbdb;
    border: 1px solid #bfc0c0;
    height: 100%;
}

#pointer {
    width: 146px;
    position: absolute;
    top: 0;
    left: 312px;
    cursor: pointer;
    height: 125px;
}

    #pointer span {
        color: #fff;
        text-transform: uppercase;
        font: 1.4em "Gill Sans W01 Medium", Arial;
        background: url('../../i/houghtons/heritage/timelinePointerBGLeft.png') no-repeat top left;
        padding: 12px 0 0 34px;
        width: 41px;
        height: 32px;
        display: block;
        position: absolute;
        top: 43px;
        left: 0;
    }

        #pointer span.pointerRight {
            background: url('../../i/houghtons/heritage/timelinePointerBGRight.png') no-repeat top left;
            left: 71px;
            padding-left: 11px;
            width: 65px;
        }

    #pointer #pointerTimeline {
        width: 4px;
        border: 1px solid #868686;
        height: 123px;
        position: absolute;
        top: 0;
        left: 70px;
        background: #1e4a85;
    }

#timelineList li div.timelineTextBox {
    background: #cecece url('../../i/houghtons/heritage/timelineTextBoxBgRpt.jpg') repeat;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    box-shadow: 1px 2px 2px #333;
    width: 216px;
    padding: 3px 11px 14px;
    position: relative;
    top: -48px;
    left: 37px;
}

#timelineList li .timelineTextBoxHeader {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 7px;
}

#timelineList li div.timelineTextBox h3 {
    color: #16366b;
    text-transform: uppercase;
    font: 1.5em/1.4 "Gill Sans W01 Medium", Arial;
    text-shadow: 1px 1px 1px #AAA;
    padding-bottom: 3px;
}

#timelineList li div.timelineTextBox p {
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #161616;
}


/* News and Events Landing */
body#newsAndEventsLandingPage .headingWrapper,
body#newsAndEventsPage .headingWrapper {
    border-bottom: 0 solid #CCCCCC;
    margin: 20px 0 0;
    width: 90%;
}

#newsAndEventsLandingPage #mainContentLeft {
    padding-bottom: 0;
}

    #newsAndEventsLandingPage #mainContentLeft article {
        padding: 0 2.857142857142857%;
        margin-bottom: 38px;
        overflow: hidden;
    }

        #newsAndEventsLandingPage #mainContentLeft article h1 {
            font-size: 1.6em;
            text-transform: uppercase;
            color: #000;
            font-family: "Gill Sans W01 Medium", Arial, Sans-Serif;
            font-weight: normal;
            display: block;
            padding: 0px 0px 6px 10px;
            border: 0;
        }

        #newsAndEventsLandingPage #mainContentLeft article h2 {
            font-size: 1.1em;
            font-family: Arial, Sans-Serif;
            color: #161616;
            font-weight: normal;
            font-style: italic;
            padding: 2px 0 16px 10px;
        }

        #newsAndEventsLandingPage #mainContentLeft article p {
            padding: 0 25px 0 10px;
            line-height: 1.5;
            margin-bottom: 1.4em;
        }

        #newsAndEventsLandingPage #mainContentLeft article a.readMore {
            background: #18498a;
            display: inline-block;
            background: transparent url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -131px -273px;
            width: 118px;
            height: 25px;
            z-index: 110;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 1.3em;
            font-family: "Gill Sans W01 Medium",Arial,Sans-Serif;
            padding: 10px 0 0 14px;
            margin-left: 10px;
        }

            #newsAndEventsLandingPage #mainContentLeft article a.readMore:hover {
                background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat -131px -39px;
            }

div.newsEventsThumbHolder {
    float: left;
    width: 45%;
}

    div.newsEventsThumbHolder img {
        border: 1px solid #c1c1c1;
        width: 100%;
    }

div.articleInfo {
    border-top: 1px solid #b2b2b2;
    width: 51.5%;
    float: right;
    padding-top: 4px;
}

#newsEventsAside, #mainContentRightHolder {
    width: 23%; /* 220/960 */
    float: right;
    margin-top: 58px;
}

#mainContentRightHolder {
    margin-top: 38px;
}

    #newsEventsAside h2, #mainContentRightHolder h2 {
        font-family: "Gill Sans W01 Medium",Arial,Sans-Serif;
        font-size: 18px;
        color: #596469;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

#newsEventsAside article {
    border-top: 1px solid #c1c1c1;
    padding: 6px 0 0 4.3%;
    margin-bottom: 1.6em;
}

    #newsEventsAside article h1 {
        border: 0 none;
        color: #000000;
        display: inline-block;
        font-family: "Gill Sans W01 Medium",Arial,Sans-Serif;
        font-size: 1.2em;
        font-weight: normal;
        padding: 0;
        text-transform: uppercase;
        width: 130px;
        margin-bottom: 8px;
    }

    #newsEventsAside article h2 {
        color: #161616;
        display: inline-block;
        font-family: Arial,Sans-Serif;
        font-size: 1.1em;
        font-style: italic;
        font-weight: normal;
        padding: 2px 0 0 10px;
        width: 130px;
        text-transform: none;
        padding: 0;
        margin-bottom: 15px;
    }

    #newsEventsAside article img.eventThumb {
        display: inline-block;
        float: left;
        padding: 5px 10px 0 0;
        margin: 0;
    }

    #newsEventsAside article img {
        margin: 1em 0 0;
        max-width: 100%;
    }

    #newsEventsAside article p {
        display: inline;
        padding: 0;
        width: auto;
        font-size: 1.2em;
    }

    #newsEventsAside article em {
        font-style: italic;
        font-size: 0.9em;
    }

    #newsEventsAside article .eventLinkHolder {
        display: block;
        width: 100%;
        text-align: right;
    }

    #newsEventsAside article a.eventLink {
        display: inline-block;
        padding: 10px 0 2px;
        color: #00235d;
        text-decoration: none;
        border-bottom: 1px dotted #00235d;
        font-size: 1.1em;
        font-family: Arial;
    }

        #newsEventsAside article a.eventLink span {
            font-size: 1.6em;
            padding-left: 6px;
        }

        #newsEventsAside article a.eventLink:hover {
            color: #000;
            border-bottom: 1px dotted #000;
            font-family: Arial;
        }

#newsEventsPage .xsltsearchNavigationTop,
#newsArticlePage .xsltsearchNavigationTop {
    position: relative;
    top: 20px;
    margin: 15px 9px 0 0;
}

#newsAndEventsPage .newsArticleFooter {
    margin-top: 1.6em;
    border-top: 1px solid #b2b2b2;
    padding-top: 11px;
    overflow: hidden;
}

    #newsAndEventsPage .newsArticleFooter .moreNews {
        background: #18498a;
        display: inline-block;
        background: transparent url('/i/houghtons/houghtonsSprite.png') no-repeat 0px -547px;
        width: 100px;
        height: 24px;
        z-index: 110;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.3em;
        font-family: "Gill Sans W01 Medium",Arial,Sans-Serif;
        padding: 10px 0 0 53px;
    }

        #newsAndEventsPage .newsArticleFooter .moreNews:hover {
            background-position: 0px -586px;
        }

    #newsAndEventsPage .newsArticleFooter .shareThisButtons {
        float: right
    }

#paginationBottomHolder {
    clear: both;
}

#newsAndEventsPage #newsEventsAside {
    margin-top: 63px;
}

.socialIcons {
    display: inline-block;
    vertical-align: baseline;
    float: right;
    margin-top: 5px;
}

    .socialIcons .socialIcon {
        float: left;
        margin-right: 12px;
    }

        .socialIcons .socialIcon a {
            display: block;
            background: url(/i/houghtons/socialIconsSprite.png) no-repeat;
            width: 17px;
            height: 20px;
        }

    .socialIcons .facebook a {
        background-position: 3px 0px;
    }

    .socialIcons .youtube a {
        background-position: -50px 0;
        margin-right: 2px;
    }

    .socialIcons .googlePlus a {
        background-position: -23px 0px;
    }
/* News Article */
#newsAndEventsPage #mainContentLeft article {
    padding: 2px 2.8% 0 3.1%;
}

    #newsAndEventsPage #mainContentLeft article h1 {
        font-family: "Gill Sans W01 Medium", Arial, Sans-Serif;
        font-size: 2.2em;
        color: #000;
        display: block;
        border-top: 1px solid #b2b2b2;
        border-bottom: 0;
        padding-left: 1.2%;
        margin-bottom: 2px;
        padding-top: 5px;
    }

.newsArticleContent {
    width: 100%;
    padding-left: 1.2%;
    overflow: hidden;
}

#newsAndEventsPage #mainContentLeft article h2,
#newsAndEventsPage #mainContentLeft article h3,
#newsAndEventsPage #mainContentLeft article h4,
#newsAndEventsPage #mainContentLeft article h5,
#newsAndEventsPage #mainContentLeft article h6 {
    font-family: "Gill Sans W01 Medium", Arial, Sans-Serif;
    margin-bottom: 1.2em;
}

#newsAndEventsPage #mainContentLeft article h2 {
    font-size: 2em;
}

#newsAndEventsPage #mainContentLeft article h3 {
    font-size: 1.8em;
}

#newsAndEventsPage #mainContentLeft article h4 {
    font-size: 1.6em;
}

#newsAndEventsPage #mainContentLeft article h5 {
    font-size: 1.4em;
}

#newsAndEventsPage #mainContentLeft article h6 {
    font-size: 1.3em;
}

#newsAndEventsPage #mainContentLeft article h2.articleDate {
    font-family: Arial;
    font-size: 1.1em;
    font-style: italic;
    margin-bottom: 18px;
    padding-left: 0;
    color: #161616;
}

#newsAndEventsPage #mainContentLeft article img {
    max-width: 98%;
    border: 1px solid #c1c1c1;
}

    #newsAndEventsPage #mainContentLeft article img#articleHeaderImage {
        margin-bottom: 3em;
    }

#newsAndEventsPage #mainContentLeft article p,
#newsAndEventsPage #mainContentLeft article h2,
#newsAndEventsPage #mainContentLeft article h3,
#newsAndEventsPage #mainContentLeft article h4,
#newsAndEventsPage #mainContentLeft article h5 {
    padding-left: 4%;
    padding-right: 10%;
    color: #161616;
}

#newsAndEventsPage #mainContentLeft article ul,
#newsAndEventsPage #mainContentLeft article ol {
    margin-left: 4%;
    padding-right: 10%;
    color: #161616;
    font: 1.2em/1.6 Arial,Helvetica,sans-serif;
    margin-bottom: 1.6em;
}

    #newsAndEventsPage #mainContentLeft article ul li {
        margin-left: 3.4%;
        padding-left: 0.7%;
        list-style-type: disc;
    }

    #newsAndEventsPage #mainContentLeft article ol li {
        list-style-type: decimal;
        margin-left: 4%;
        padding-left: 0.1%;
    }

#newsAndEventsPage #mainContentLeft article strong {
    font-weight: bold;
}

#newsAndEventsPage #mainContentLeft article p a {
    color: #00235d;
    border-bottom: 1px dotted #00235d;
    text-decoration: none;
}

    #newsAndEventsPage #mainContentLeft article p a:visited,
    #newsAndEventsPage #mainContentLeft article p a:active {
        color: #4a005d;
        border-bottom: 1px dotted #4a005d;
    }

    #newsAndEventsPage #mainContentLeft article p a:hover {
        color: #000;
        border-bottom: 1px dotted #000;
    }


/* Contact Us */
#contactUsHolder {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 40px;
}

#contactUsPage #contactUsContent h2 {
    display: block;
    font-size: 1.24em;
    text-transform: uppercase;
    border-top: 1px solid #b2b2b2;
    margin-bottom: 12px;
    padding: 8px 12px;
    color: #000;
}

#contactUsPage #contactUsContent p {
    padding: 0 12px;
}

#contactUsContent {
    float: left;
    width: 49%;
    margin-right: 2.083333333333333%;
}

#contactUsMap {
    float: left;
    width: 47.8125%;
}

#mapCanvas {
    border: 1px solid #b2b2b2;
    width: 468px;
    height: 475px;
}

#backLinkHolder,
.accountbackLinkHolder {
    width: 100%;
    overflow: hidden;
    padding: 13px 0;
}

    #backLinkHolder a,
    .accountbackLinkHolder a {
        font: 1.1em Arial;
        color: #00235d;
        text-decoration: none;
    }

        #backLinkHolder a:hover,
        .accountbackLinkHolder a:hover {
            color: #000;
            text-decoration: underline;
        }

        #backLinkHolder a span,
        .accountbackLinkHolder a span {
            display: inline-block;
            *dislpay: inline;
            width: 4px;
            height: 8px;
            background: url('/i/houghtons/houghtonsSprite.png') no-repeat 0px -209px;
            margin-right: 6px;
        }


/* Locate a dealer */
#mapCanvas .markerWrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 164px;
}

#mapCanvas .markerPopup {
    width: 280px;
    height: 164px;
    background: #e6e5e5 url('/i/houghtons/mapPopupBgRpt.jpg') repeat;
    font: 12px Arial;
    color: #161616;
    text-align: left;
    padding: 11px 9px;
    border: 1px solid #b2b2b2;
}

    #mapCanvas .markerPopup .markerHeader {
        border-bottom: 1px solid #B2B2B2;
        width: 100%;
        display: block;
        float: left;
        margin-bottom: 10px;
        padding: 0 0 6px 1px;
    }

    #mapCanvas .markerPopup h2 {
        display: block;
        color: #000000;
        font-size: 12px;
        font-family: "Gill Sans W01 Medium", Arial;
        text-align: left;
        text-transform: uppercase;
        width: 100px;
        padding: 0;
        float: left;
        width: 230px;
    }

    #mapCanvas .markerPopup p {
        font: 12px Arial;
        text-align: left;
        line-height: 1.5;
        padding-left: 1px;
    }

    #mapCanvas .markerPopup .distance {
        float: right;
        width: 40px;
        color: #7a7a7a;
        font: 12px "Gill Sans W01 Medium", Arial;
        text-align: right;
        width: 50px;
    }


/* 404 page styling */
#mainContentFullWidth p {
    display: block;
    text-align: center;
}

#fourOFourMessage {
    padding-top: 52px;
    text-align: center;
    padding-bottom: 2px;
    margin: 0 auto 1.667em;
    display: block;
    width: 52.50627675034067%;
    border-bottom: 1px solid #dbdbdb;
}

span.fourOFourText {
    color: #81868c;
    font: 148px "Gill Sans W01 Medium";
    text-shadow: 2px 0px 3px #BCBCBC;
}

span.errorTextHolder {
    width: 120px;
    display: inline-block;
    margin: 2.4em 0 0 1.5em;
    vertical-align: top;
}

span.errorText,
.underMaintenanceText {
    color: #81868c;
    font: bold 27px "Gill Sans W01 Medium";
    margin-bottom: 2px;
    text-transform: uppercase;
    vertical-align: top;
    display: block;
    text-align: left;
}

span.pageNotFoundText {
    color: #81868c;
    font: normal 20px "Gill Sans W01 Medium";
    text-transform: uppercase;
    vertical-align: top;
    display: block;
    text-align: left;
    margin: 0;
}

p.errorInformation {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 35%;
}

    p.errorInformation a {
        text-decoration: none;
        color: #000;
    }

        p.errorInformation a:hover {
            text-decoration: underline;
        }

.underMaintenanceText {
    text-align: center;
    padding-bottom: 125px;
}


/* Gallery */
#houghtonsGallery #loader {
    height: 450px;
    background: transparent url('/i/houghtons/carousel/loading.gif') no-repeat center center;
}

#houghtonsGallery .mainContentFullWidthHolder {
    min-height: 450px;
    padding-left: 1.041666666666667%;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

#houghtonsGallery .galleryFilterHolder {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

#houghtonsGallery .mainContentFullWidthHolder label {
    display: inline;
    width: auto;
    text-transform: uppercase;
    font: 12px "Gill Sans W01 Medium", Arial, Helvetica, Sans-Serif;
    padding-top: 2px;
}

#houghtonsGallery .mainContentFullWidthHolder select {
    border: 1px solid #c1c1c1;
    width: auto;
    display: inline-block;
    float: left;
    background: transparent;
    width: 188px;
    padding: 0;
    height: 22px;
    cursor: pointer;
    font-size: 12px;
    -webkit-appearance: none;
    padding: 2px 0 0;
}

#houghtonsGallery .mainContentFullWidthHolder .styled-select {
    width: 160px;
    overflow: hidden;
    background: url('/i/houghtons/houghtonsSprite.png') no-repeat 139px -689px #fff;
    height: 22px;
    display: inline-block;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

span.removeButton {
    width: 13px;
    height: 12px;
    display: inline-block;
    background: url('/i/houghtons/houghtonsSprite.png') no-repeat 0 -661px;
    text-indent: -9999px;
    float: left;
    margin: 5px 0 0 6px;
    cursor: pointer;
}

#houghtonsGallery .galleryThumbHolder {
    border: 1px solid #BDBDBD;
    display: inline-block;
    float: left;
    height: 112px;
    margin: 0 2.083333333333333% 18px 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

    #houghtonsGallery .galleryThumbHolder.endItem {
        margin-right: 0;
    }

#paginationTop,
#paginationBottom {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: right;
    margin-top: -55px;
    font-size: 1.5em;
    float: right;
}

#memberVehiclePage #paginationTop {
    margin: 0;
    position: absolute;
    top: 50px;
    right: 18px;
    width: 30%;
}

#memberVehiclePage #paginationBottom {
    margin: 10px 5px 0 0;
}

    #memberVehiclePage #paginationTop a,
    #memberVehiclePage #paginationBottom a {
        margin: 0 4px;
    }

    #memberVehiclePage #paginationTop strong,
    #memberVehiclePage #paginationBottom strong {
        padding: 0;
    }

#paginationBottom {
    margin-top: 0;
}

    #paginationTop a,
    #paginationBottom a {
        color: #00235D;
        cursor: pointer;
        display: inline-block;
        font: 11px Arial,Helvetica,sans-serif;
        margin: 0 3px;
        padding: 0;
        text-decoration: none;
        vertical-align: bottom;
    }

        #paginationTop a strong,
        #paginationBottom a strong {
            font: bold 13px Arial,Helvetica,sans-serif;
            padding: 0 2px;
        }


/* Member Owned Vehicles */
#memberVehiclePage .fieldSetHolder {
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    overflow: hidden;
    padding: 8px 1.428571428571429% 24px 1.428571428571429%;
}

.contentColumnOne,
.contentColumnTwo {
    width: 47.05882352941176%;
    float: left;
}

.contentColumnTwo {
    float: right;
    margin-right: 2%;
}

    .contentColumnOne img,
    .contentColumnTwo img {
        max-width: 100%;
    }

#memberVehiclePage .fieldSetHolder label {
    float: left;
    width: auto;
}

#memberVehiclePage .fieldSetHolder .fieldRowHolder {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 14px;
}

#memberVehiclePage .styled-select {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 209px -689px #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 22px;
    overflow: hidden;
    width: 230px;
    float: right;
}

    #memberVehiclePage .styled-select option {
        width: 230px;
    }

#memberVehiclePage table .styled-select {
    width: 160px;
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 139px -689px #FFFFFF;
    float: none;
    position: relative;
}

#memberVehiclePage .styled-select select,
#updateMember .contentColumnOne select {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #C1C1C1;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 22px;
    padding: 2px 0 0 0;
    width: 258px;
    -webkit-appearance: none;
    margin-bottom: 0;
}

#updateMember .contentColumnOne select {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 43px -690px white;
    width: 20.6%;
    margin-bottom: 18px;
}

#memberVehiclePage table .styled-select select {
    width: 188px;
}

#memberVehiclePage .fieldSetHolder input[type="text"] {
    float: right;
    width: 224px;
}

#memberVehiclePage .fieldSetHolder input[type="file"] {
    color: #636363;
    float: right;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    width: 211px;
}

#memberVehiclePage .fieldSetHolder textarea {
    float: right;
    width: 230px;
    height: 100px;
    font: 12px Arial,Helvetica,sans-serif;
    color: #636363;
}

#memberVehiclePage h2.successText {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2em;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
}

#memberVehiclePage #mainContentLeft .formErrorHolder {
    padding-left: 28%;
    float: left;
    text-align: left;
}

#memberVehiclePage #mainContentLeft label.error {
    clear: none;
    display: inline-block;
    float: right;
    padding: 0;
    text-align: left;
    width: 230px;
}

div.ownedVehicleHolder {
    border-bottom: 0;
}

.ownedVehicleHeading {
    color: #000000;
    font-family: "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 22px;
    text-transform: uppercase;
    padding: 0;
    line-height: 1;
    margin-top: -3px;
}

#ownedVehicleTable {
    width: 100%;
    font: 1.2em Arial, Helvetica, Sans-Serif;
    margin-top: -6px;
}

    #ownedVehicleTable tr {
        border-bottom: 1px solid #d3d2d2;
    }

    #ownedVehicleTable thead tr,
    #ownedVehicleTable tbody tr:last-child {
        border-bottom: 1px solid #b2b2b2;
    }

    #ownedVehicleTable td:first-child,
    #ownedVehicleTable th:first-child {
        padding-left: 10px
    }

    #ownedVehicleTable td:last-child,
    #ownedVehicleTable th:last-child {
        padding-right: 10px;
    }

    #ownedVehicleTable th,
    #ownedVehicleTable td {
        padding: 15px 3px 5px;
        text-align: left;
        vertical-align: middle;
    }

        #ownedVehicleTable th a {
            text-decoration: none;
            color: #000;
            padding-right: 15px;
            background: url('../../i/houghtons/arrowDown.jpg') no-repeat right;
        }

            #ownedVehicleTable th a.sortUp {
                background: url('../../i/houghtons/arrowUp.jpg') no-repeat right;
            }

    #ownedVehicleTable th {
        font-weight: bold;
        padding-bottom: 7px;
    }

    #ownedVehicleTable input[type="submit"] {
        display: block;
        border: 1px solid #333;
        float: right;
        margin: 0 10% 0;
    }

.jsEnabled #ownedVehicleTable input[type="submit"] {
    display: none;
}

#ownedVehicleTable .detailsLink {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -178px -78px #144586;
    color: #FFFFFF;
    height: 18px;
    padding: 3px 0 1px 9px;
    width: 71px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    float: right;
    font: 12px "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
    margin: -1px 0px 0 0;
    text-transform: uppercase;
    text-decoration: none;
}

    #ownedVehicleTable .detailsLink:hover {
        background-position: -178px -105px;
    }


/* Member vehicle details */
.thumbHolder {
    border: 1px solid #BDBDBD;
    display: block;
    margin-top: 20px;
    position: relative;
}

    .thumbHolder a {
        display: block;
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
    }

        .thumbHolder a img {
            margin: 0;
            /*float: left;*/
            width: 100%;
        }

        .thumbHolder a span.enlargeImage {
            background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -629px transparent;
            height: 21px;
            position: relative;
            right: 0;
            text-indent: -9999px;
            float: right;
            bottom: 22px;
            width: 28px;
        }



/*	IE7 styles
================================ */

/*	Form elements */
select,
input[type="text"],
input[type="password"] {
    *clear: left;
}

legend {
    *margin-left: -6px;
}

label {
    *margin-bottom: 3px;
}

    label.checkBoxLabel {
        *margin-bottom: 22px;
    }

button, input[type="submit"] {
    *padding-top: 0;
}

#topNav ul#accountNavigationItems,
nav.siteNavigation,
nav.siteNavigation ul,
nav.siteNavigation ul li,
footer ul,
footer ul li,
footer #footerRightHolder,
footer #footerRightHolder p,
div#featuredNavigationHolder,
div#featuredNavigationHolder h2,
ul#featuredNavigation,
ul#featuredNavigation li,
.searchHolder input[type="text"],
.searchHolder input[type="submit"] {
    *display: inline;
}

#houghtonsGallery .mainContentFullWidthHolder select {
    *width: 160px;
}

#memberVehiclePage .fieldSetHolder .styled-select select {
    *width: 230px;
}

#memberVehiclePage table .styled-select select {
    *width: 160px;
}

#memberVehiclePage table .styled-select {
    *overflow: visible;
}




/*
#       XSLT Search Page Styles
*/

.xsltsearchForm .submit {
    background: #144586 url('/i/houghtons/houghtonsSprite.png') no-repeat -150px -209px;
    margin-top: 0px !important;
    color: #fff;
    padding: 0px 5px 3px 6px;
    height: 22px;
    width: 106px;
}

    .xsltsearchForm .submit:hover {
        background: #144586 url('/i/houghtons/houghtonsSprite.png') no-repeat -150px -236px;
    }

.xsltsearchForm .input {
    width: 38.23529411764706%;
    font-size: 1.3em;
    margin: 0 12px 0 0;
}

.xsltsearchResult h2 {
    font-size: 1.2em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

#mainContentLeft .xsltsearchResult p {
    padding-right: 13.97058823529412%;
}

.xsltsearchResult {
    overflow: hidden;
    margin-top: 5px;
    padding-top: 3px;
    border-top: 1px solid #b2b2b2;
}

.xsltsearchReadMore {
    color: #00235d;
    padding-bottom: 3px;
    border-bottom: 1px dotted #00235d;
    text-decoration: none;
}

    .xsltsearchReadMore span {
        padding-left: 1px;
    }

    .xsltsearchReadMore:hover {
        color: #000;
    }

.xsltsearchForm {
    overflow: hidden;
    width: 98.56528%;
    padding-left: 1.43472%;
    margin-bottom: 20px;
}

.xsltsearchNavigationTop {
    width: auto;
    float: right;
    margin: 15px 20px 0 0;
    font: 11px Arial, Helvetica, sans-serif;
}

    .xsltsearchNavigationTop a,
    .xsltsearchNavigationBottom a {
        font: 11px Arial, Helvetica, sans-serif;
        color: #00235d;
        cursor: pointer;
        margin: 0 2px;
        text-decoration: none;
        vertical-align: bottom;
    }

        .xsltsearchNavigationTop a:hover,
        .xsltsearchNavigationBottom a:hover {
            color: #000;
        }

    .xsltsearchNavigationTop strong,
    .xsltsearchNavigationBottom strong,
    #paginationTop strong,
    #paginationBottom strong {
        font: 13px Arial, Helvetica, sans-serif;
        padding: 0 2px;
        font-weight: bold;
    }

.xsltsearchNavigationBottom {
    width: auto;
    float: right;
    margin: 5px 20px 0 0;
    font-size: 1.5em;
}

#previousPage,
#nextPage,
.previousPage,
.nextPage,
.galleryPrevPage,
.galleryNextPage {
    position: relative;
    top: -3px;
    display: inline-block;
    text-indent: -9999px;
    width: 5px;
    height: 8px;
    background-image: url('../../i/houghtons/houghtonsSprite.png');
    text-align: left;
}

#previousPage,
.previousPage,
.galleryPrevPage {
    background-position: 0 -209px;
}

#nextPage,
.nextPage,
.galleryNextPage {
    background-position: -13px -209px;
}

.backLinkHolder {
    position: relative;
    top: 20px;
    margin: 15px 9px 0 0;
    width: auto;
    float: right;
    margin: 15px 20px 0 0;
    font: 11px Arial, Helvetica, sans-serif;
}

.backPageLink span {
    background-image: url('../../i/houghtons/houghtonsSprite.png');
    background-position: 0 -209px;
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
}

.backPageLink {
    font: 11px Arial, Helvetica, sans-serif;
    color: #00235d;
    cursor: pointer;
    margin: 0 2px;
    text-decoration: none;
    vertical-align: bottom;
}

.backLinkHolder a:hover {
    color: #000;
}

.paginationBottomHolder .backLinkHolder {
    margin-top: 0;
}


/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    border: 3px solid #c1c1c1;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    padding: 0 !important;
    overflow: visible;
}

.fancybox-opened {
    z-index: 8030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    /*overflow: hidden;*/
    overflow: visible !important;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/i/fancybox/houghtons_fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('/i/fancybox/loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 38px;
    height: 26px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/i/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('/i/fancybox/overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/* Fancybox pagination */
.fancybox-inner .paginationWrapper {
    bottom: 0px;
}

.fancybox-inner #productMediaPrev,
.fancybox-inner #productMediaNext {
    position: absolute;
    width: 27px;
    height: 80px;
    top: 38%;
    left: -30px;
    background: transparent url('/i/fancybox/houghtons_fancybox_sprite.png') no-repeat 0 -31px;
    z-index: 1200;
}

.fancybox-inner #productMediaNext {
    left: auto;
    right: -30px;
    background-position: 0 -118px;
}

    .fancybox-inner #productMediaPrev span,
    .fancybox-inner #productMediaNext span {
        position: absolute;
        left: -99999em;
    }

.fancybox-inner #fancyBoxProductImage {
}

.requestFeature {
    background: #ECECEC;
    float: left;
    display: block;
    padding: 23px 17px 20px;
}

    .requestFeature h2 {
        font-size: 1.8em;
        text-align: left;
        height: 30px;
        text-transform: uppercase;
        display: block;
        padding: 0 0 15px;
    }

    .requestFeature .formErrorHolder {
        padding: 0px;
        text-align: left;
    }

    .requestFeature textarea {
        display: block;
        width: 474px;
        padding: 3px;
        height: 224px;
        border: 1px solid #c3c3c3;
        font: 1.2em/1.6 Arial,Helvetica,sans-serif;
        color: #161616;
    }

    .requestFeature #featureRequestSubmitted {
        height: 245px;
        width: 480px;
    }

    .requestFeature h3 {
        height: 224px;
        padding-top: 0px;
        text-align: left;
        font: 1.2em/1.6 Arial,Helvetica,sans-serif;
        color: #161616;
    }

#requestFeatureForm button,
#requestFeatureForm input[type="submit"] {
    font-size: 1.1em;
}

#requestFeatureForm input[type="submit"] {
    margin-right: 0;
}

#productFeatureList li {
    font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif;
    margin: 0px 0 15px 10px;
    padding-left: 15px;
    font-size: 1.2em;
    height: 20px;
    width: 210px;
    color: #B6B6B6;
}

#CompareProductsDiv.productsList #ClearProducts {
    float: right;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dotted #00245D;
    padding: 0 2px 1px 1px;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-left: 24px;
    /* IE7 */
    *background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -793px transparent;
    *padding-left: 24px;
    *margin-left: 0;
    *clear: left;
}

#ClearProducts:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 17px;
    width: 15px;
    margin-top: -9px;
    left: -24px;
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll 0 -793px transparent;
}

.removeProduct {
    text-decoration: none;
    border-bottom: 1px dotted #00245D;
    padding: 0 2px 1px 1px;
    position: relative;
    margin-left: 24px;
    /* IE 7 */
    *background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -4px -753px transparent;
    *margin-left: 0;
    *padding-left: 24px;
}

    .removeProduct:hover {
        /* IE 7 */
        *background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -4px -773px transparent;
    }

    .removeProduct:before {
        position: absolute;
        top: 0;
        left: -24px;
        content: "";
        height: 14px;
        width: 14px;
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -4px -753px transparent;
    }

    .removeProduct:hover:before {
        background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -4px -773px transparent;
    }

#productFeatureList .selected {
    background: url("/i/houghtons/houghtonsSprite.png") no-repeat scroll -2px -527px transparent;
    color: black;
}

/*  Store Locator   */

#dealerLocator #mapCanvas {
    float: left;
    height: 450px;
    width: 704px;
    border: 1px solid #B2B2B2;
}

#locatorWrapper {
    height: 500px;
    width: 100%;
}


#searchWrapper {
    width: 100%;
    float: left;
}

.markerPopup {
    height: auto;
    width: auto;
    text-align: center;
    background-color: #7f7f7f;
    overflow-x: hidden;
    overflow-y: hidden;
}

    .markerPopup p {
        text-align: center;
    }

#storeDetails {
    float: left;
    width: 250px;
    height: 450px;
    overflow: auto;
    border: 1px solid #b2b2b2;
    border-right: 0;
    background: #ebebeb url("/i/houghtons/subNavBgRpt.jpg") repeat 0 0;
}

    #storeDetails .tabbedArea {
        width: 100%;
        padding-top: 25px;
    }

        #storeDetails .tabbedArea .content {
            padding: 0;
            border: 0;
            border-top: 1px solid #b2b2b2;
        }

input#dealerSearch {
    margin-right: 10px;
}

#dealerServiceCheckBoxes input[type="checkbox"],
#dealerServiceCheckBoxes label {
    display: inline;
    float: left;
    clear: none;
    font-family: arial, helvetica, Verdana, Sans-Serif;
}

.pac-container {
    font-size: 1.2em;
    font-family: arial, helvetica, Verdana, Sans-Serif;
}

    .pac-container .pac-item {
        padding: 5px;
    }

#tabHeaderStore p {
    width: 100%;
    margin: 0;
}

.tabsStoreDetails {
    padding: 10px;
    border-bottom: 1px solid #b2b2b2;
    position: relative;
}

#allDealers .tabsStoreDetails {
    cursor: default;
}

.tabsStoreDetails:nth-child(odd) {
    background: transparent url("/i/houghtons/map_alt_bg.png") repeat 0 0;
}

.tabsStoreDetails h4 {
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.3;
    padding-right: 55px;
}

.tabsStoreDetails p {
    margin-bottom: 0px;
}

.tabsStoreDetails .storeDistance {
    position: absolute;
    top: 11px;
    right: 5px;
    color: #787878;
    font-size: 1.2em;
}

#productLineWarning p {
    width: 250px;
    padding: 15px;
}

.captcha {
    float: left;
    width: 300px;
    display: block;
}

    .captcha img {
        float: left;
        margin-left: 8px;
        margin-top: 20px;
    }

    .captcha input {
        width: 60px;
        margin-top: 10px;
    }

    .captcha label {
        float: left;
        width: 150px;
        margin-top: 10px;
    }


/* Values */
#valuesPage #aboutContent #valuesHeaderNav {
    padding: 20px 44px 40px;
}

#valuesHeaderNav span {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px dotted #00245d;
    margin-right: 30px;
    *display: inline;
    *zoom: 1;
}

    #valuesHeaderNav span:hover {
        border-bottom: 1px solid #00245d;
    }

    #valuesHeaderNav span a {
        font-family: "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #00245d;
        text-decoration: none;
    }

#valuesPage nav#subNavigation,
#heritagePage nav#subNavigation,
#aboutPage nav#subNavigation,
#subNavPageContentHolder nav#subNavigation {
    height: 99%;
    min-height: 99%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #C1C1C1;
    width: 19.5%;
}

#heritagePage nav#subNavigation {
    height: 99.9%;
    min-height: 99.9%;
}

#valuesPage #aboutContent,
#heritagePage #aboutContent,
#aboutPage #aboutContent,
#subNavPageContentHolder #subNavPageContent {
    margin-left: 19.6875%;
}

    #subNavPageContentHolder #subNavPageContent.preownedContent {
        margin-left: auto;
    }

#valuesPage nav#subNavigation #linksHolder,
#heritagePage nav#subNavigation #linksHolder,
#aboutPage nav#subNavigation #linksHolder {
    border: 0;
    padding-top: 0;
}

#subNavPageContentHolder nav#subNavigation #linksHolder {
    border: 0;
}

#valuesPage nav#subNavigation h2,
#heritagePage nav#subNavigation h2,
#aboutPage nav#subNavigation h2 {
    margin-top: 51px;
}

#valuesPage #aboutContent article,
#valuesPage #aboutContent .valuesList {
    padding: 24px 0 0 24px;
}

#valuesPage #aboutContent h2,
#valuesPage #aboutContent h3 {
    border-bottom: 5px solid #c1c1c1;
    display: inline-block;
    font-family: "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    padding: 3px 12px;
    font-weight: normal;
    position: relative;
    top: 3px;
    color: #596469;
    *display: inline;
    *zoom: 1;
}

#valuesPage #aboutContent article p.articleIntroText,
#valuesPage #aboutContent .valuesList .content {
    border-top: 1px solid #c1c1c1;
    padding-top: 20px;
}

#valuesPage #aboutContent article p,
#valuesPage #aboutContent .valuesList p {
    padding: 0 20px 10px 20px;
    margin: 0;
}



#valuesPage .textContent {
    width: 280px;
}

    #valuesPage .textContent p {
        color: #393939;
    }

        #valuesPage #aboutContent article p,
        #valuesPage .textContent p:first-child,
        #valuesPage .articleIntroText {
            font-size: 1.5em;
            color: #393939;
            font-family: "Gill Sans W01 Medium",Arial,Helvetica,sans-serif;
        }

#valuesPage .imageContent {
    width: 445px;
}

    #valuesPage .imageContent .mainImage {
        width: 100%;
        height: 296px;
        border: 1px solid #c1c1c1;
    }

        #valuesPage .imageContent .mainImage img {
            height: 100%;
            max-width: 100%;
        }


    #valuesPage .imageContent .mainImage,
    #valuesPage .imageContent .subImages span {
        text-align: center;
        background: #c1c1c1;
        background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 127, color-stop(0%, #eae9e9), color-stop(100%, #cccccc));
        background-image: -webkit-radial-gradient(center center, farthest-corner, #eae9e9 0%, #cccccc 100%);
        background-image: -moz-radial-gradient(center center, farthest-corner, #eae9e9 0%, #cccccc 100%);
        background-image: -ms-radial-gradient(center center, farthest-corner, #eae9e9 0%, #cccccc 100%);
        background-image: -o-radial-gradient(center center, farthest-corner, #eae9e9 0%, #cccccc 100%);
        background-image: radial-gradient(farthest-corner at center center, #eae9e9 0%, #cccccc 100%);
        border: 1px solid #c1c1c1;
    }

    #valuesPage .imageContent .subImages span {
        display: inline-block;
        width: 214px;
        height: 142px;
        margin-top: 14px;
    }

        #valuesPage .imageContent .subImages span:first-child {
            margin-right: 13px;
        }

#valuesPage .oddRow, #valuesPage .evenRow {
    padding-bottom: 60px;
    float: left;
}


#valuesPage .imageContent .subImages img {
    height: 100%;
    max-width: 100%;
}


#valuesPage .oddRow .textContent,
#valuesPage .evenRow .imageContent {
    float: left;
}

#valuesPage .oddRow .imageContent,
#valuesPage .evenRow .textContent {
    float: right;
}


/*------------------- Extra classes ----------------------*/

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix {
    zoom: 1;
}

div.registerConfirmation .fieldsetHolder {
    border-top: 0px;
}

/******* SITEMAP *******/

#sitemapDiv {
    margin: 10px;
}

.sitemap ul {
    padding: 0px 0px 0px 10px;
}

    .sitemap ul li {
        margin-top: 5px;
        padding: 5px 0px 0px 10px;
    }

.sitemap a {
    text-decoration: none;
    border-bottom: 1px dotted rgb(0, 35, 93);
}

.sitemap ul,
#sitemapDiv > .sitemap > li > a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.columnFooter {
    clear: both;
}

.bg-white {
    background-color: #fff;
}

.pt5 {
    padding-top: 5px;
}

.pt20 {
    padding-top: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb40 {
    padding-bottom: 40px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.preownedContent p,
.preownedContent dl,
.preownedContent ul,
.preownedContent q {
    /*font: 1.53em/1.5 Arial, Helvetica, sans-serif;*/
    font: 1.2em/1.5 Arial, Helvetica, sans-serif;
}

.preownedContent h2 {
    text-align: left;
    padding: 0 0 8px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.25em;
    letter-spacing: 0.6px;
    color: #00235d;
    border-bottom: 1px solid #00235d;
}

.preownedContent h4 {
    font: 1.7em/1.5 Arial, Helvetica, sans-serif;
    font-weight: 700;
    /*padding-bottom: 10px;*/
}

.preownedContent .productsList .productPageLink a,
.preownedContent .productsList .productPageLink a:visited {
    background: url(/i/houghtons/houghtons-CTA-Arrow.png) no-repeat;
    background-size: contain;
}

    .preownedContent .productsList .productPageLink a:hover {
        background: url(/i/houghtons/houghtons-CTA-Arrow-hover.png) no-repeat;
        background-size: contain;
    }

.preownedContent li a {
    text-decoration: underline;
}

.preownedContent .tabbedArea {
    float: none;
    width: auto;
}

/*.preownedContent .tabbedArea ul.tabs li.active:first-child,
.preownedContent .tabbedArea ul.tabs li.active {
    background: none;
    border: none;
    margin: 0;
    padding: 0;    
    display: table-cell;
    float: none;
}
.preownedContent ul.tabs li.active a,
.preownedContent ul.tabs li.active a span {
    background: #fff;
    color: #00235d;
    font-weight: bold;
    border: none;
    padding: 0;
    margin: 0;    
    text-transform: none;
    float: none;
}
.preownedContent .tabbedArea ul.tabs li:first-child,
.preownedContent .tabbedArea ul.tabs li {
    background: none;
    border: none;
    display: table-cell;
    margin: 0;
    padding: 0;
    float: none;
}
.preownedContent ul.tabs li a,
.preownedContent ul.tabs li a span {
    background: #00235d;
    color: #fff;
    border: none;    
    padding: 0;
    margin: 0;    
    text-transform: none;
    float: none;
}

.preownedContent .tabbedArea ul.tabs li a span,
.preownedContent .tabbedArea ul.tabs li.active a span,
.preownedContent .tabbedArea ul.tabs li:first-child a span,
.preownedContent .tabbedArea ul.tabs li.active:first-child a span{
    padding: 10px 5px;
    margin-right: 5px;
    line-height: 20px;
}

.preownedContent .tabbedArea ul.tabs li:last-child a span,
.preownedContent .tabbedArea ul.tabs li.active:last-child a span {
    margin: 0;
}

.preownedContent ul.tabs {
    height: 39px;
    display: table;
    width: 100%;
}*/

.preownedContent ul.tabs li a, .preownedContent ul.tabs li a span {
    font-size: 12px;
    line-height: 12px;
}

.preownedContent .tabbedArea .content {
    /*border: none;*/
    /*box-shadow: none;*/
    padding: 20px 25px 10px;
}


    .preownedContent .tabbedArea .content li {
        background: none;
        margin-left: -18px;
        padding-bottom: 5px;
    }

    .preownedContent .tabbedArea .content ul li:before {
        content: "-";
        width: 10px;
        height: 30px;
        font-size: 17px;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        padding-right: 5px;
    }

    .preownedContent .tabbedArea .content ul ul {
        font: 12px Arial, Helvetica, sans-serif;
        margin-left: 50px;
        list-style: circle;
    }

        .preownedContent .tabbedArea .content ul ul li:before {
            display: none;
        }

.preownedContent .tabbedArea h4 {
    padding-bottom: 0;
}

.preownedContent .tabbedArea p {
    margin-bottom: 10px;
}

.inner-content {
    position: relative;
}

    .inner-content .text-container {
        margin-bottom: 50px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .inner-content h4 {
        text-transform: uppercase;
        font-size: 1.4em;
        min-height: 42px;
        margin-left: 10px;
        margin-right: 10px;
    }

a.no-text-decoration {
    text-decoration: none;
}

.inner-content .bg-cover {
    height: 190px;
    margin-bottom: 15px;
}

.bg-cover {
    background-size: cover;
}

li.icon {
    line-height: 30px;
}

    li.icon:before {
        content: " ";
        width: 27px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        padding-right: 15px;
    }

li.bell:before {
    background-image: url(/images/bell.png);
}

li.mail {
    line-height: 19px;
}

    li.mail:before {
        background-image: url(/images/mail.png);
        height: 19px;
    }

li.phone {
    line-height: 25px;
}

    li.phone:before {
        background-image: url(/images/phone.png);
        height: 25px;
    }

.product-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.gallery-container {
    width: 100%;
    position: relative;
}

    .gallery-container .image-container {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 400px;
    }

    .gallery-container .lSSlideOuter .lSPager.lSpg {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%) !important;
    }

        .gallery-container .lSSlideOuter .lSPager.lSpg > li a {
            height: 15px;
            width: 15px;
            background-color: rgba(255,255,255,0.5)
        }

        .gallery-container .lSSlideOuter .lSPager.lSpg > li.active a,
        .gallery-container .lSSlideOuter .lSPager.lSpg > li:hover a {
            background-color: #fff;
        }

    .gallery-container .lSAction > a {
        height: 39px;
        width: 39px;
        top: 50%;
    }

    .gallery-container .lSAction > .lSNext {
        background: url(/images/blue-right-arrow.png);
        opacity: 1;
        right: 0;
    }

    .gallery-container .lSAction > .lSPrev {
        background: url(/images/blue-left-arrow.png);
        opacity: 1;
        left: 0;
    }

p.subtitle {
    color: #00235d;
    font-size: 18px;
}

h2.no-margin {
    margin-bottom: 0;
}

nav.siteNavigation.siteNavigationRight ul li ul li > .productContent {
    width: 790px;
}

.siteNavigationRight .productContent .productContentMainHolder {
    padding: 30px 0 0 29px;
    min-height: 285px;
}

.siteNavigationRight .productContent .productTextContent {
    width: 377px;
}

.siteNavigationRight .productContent img {
    max-width: 310px;
    max-height: 251px;
}

nav.siteNavigation.siteNavigationRight ul li ul li a.buttonExplore {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 120px;
    background: url(/i/houghtons/houghtons-CTA-Arrow.png) no-repeat;
    background-size: contain;
}

    nav.siteNavigation.siteNavigationRight ul li ul li a.buttonExplore:hover {
        background: url(/i/houghtons/houghtons-CTA-Arrow-hover.png) no-repeat;
        background-size: contain;
    }

nav.siteNavigationRight ul li ul .productTextContent h2 {
    padding: 0 0 5px 0;
    margin-bottom: 10px;
    height: auto;
}

nav.siteNavigationRight .productCategoryNavigation h2 {
    font-size: 14px;
    font-weight: 700;
    padding: 12px 15px 0 20px;
    height: 24px;
}



nav.siteNavigation ul li .preOwnedMainNavigation ul li > .productContent {
    left: -523px;
    background: #f1f1f1;
    width: 493px;
    top: 36px;
    padding: 39px 0 73px 29px;
    box-shadow: -3px 5px 0 #A9A9A9;
}

nav.siteNavigation.siteNavigationRight ul li .preOwnedMainNavigation ul li a.buttonExplore {
    left: auto;
    right: 30px;
}

.siteNavigationRight .preOwnedMainNavigation .productContent .productContentMainHolder {
    min-height: 220px;
    padding: 0;
    border-top: none;
    border-left: none;
}

.siteNavigationRight .preOwnedMainNavigation .productContent .productTextContent {
    width: 184px;
}

.siteNavigationRight .preOwnedMainNavigation .productContent img {
    max-width: 241px;
}

nav.siteNavigation.siteNavigationRight ul li .preOwnedMainNavigation ul {
    box-shadow: 3px 5px 0 #A9A9A9;
}

.preownedpagegallery .gallery-container {
    padding-top: 26px;
}

    .preownedpagegallery .gallery-container .image-container {
        height: 384px;
    }

.bg-white.shadow {
    box-shadow: 0 1px 2px #bbb;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=200, Strength=1);
}


/*Widget CTA box*/

.has-shadow {
    -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.15);
}

.historyContent.cta-box .cta-box-content {
    background-color: #00235d;
    padding: 1.4rem 1.6rem 1.6rem 1.6rem;
    text-align: center;
}

    /*.historyContent.cta-box .cta-box-content span {
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #00235d;
        font-family: Arial;
        font-size: 4em;
        text-align: center;
        margin-bottom: 1.2rem;
    }*/

    .historyContent.cta-box .cta-box-content svg {
        display: inline-block;
        margin-bottom: 1rem;
    }

    .historyContent.cta-box .cta-box-content p {
        color: #fff;
        font-size: 1.9em;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 1.4rem;
    }

    .historyContent.cta-box .cta-box-content .arrow-border {
        display: block;
        position: relative;
        font: 1.5em/1.3 Arial, Helvetica, sans-serif;
        text-align: left;
        margin-right: 20px;
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-bottom: 1px solid white;
        padding: 0.5rem 1rem;
        color: #fff;
        text-decoration: none;
    }

        .historyContent.cta-box .cta-box-content .arrow-border:before {
            content: "";
            position: absolute;
            top: 18px;
            right: -7px;
            border-top: 1px solid white;
            border-right: 1px solid white;
            width: 16px;
            height: 16px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .historyContent.cta-box .cta-box-content .arrow-border:after {
            content: "";
            position: absolute;
            top: 7px;
            right: -20px;
            border-top: 1px solid white;
            border-right: 1px solid white;
            width: 40px;
            height: 40px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

/*CTA banner*/

.cta-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0;
    background-color: #00235d;
    padding: 1.4rem 4rem 1.6rem 1.6rem;
}

    .cta-banner p {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
        color: #fff;
        font-size: 1rem;
        line-height: 1.3;
        text-align: left;
        margin-bottom: 0;
    }

    .cta-banner .arrow-border {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 105px;
        flex: 0 0 105px;
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-bottom: 1px solid white;
        padding: 9px 16px;
        color: #fff;
        font: 0.875rem/1.3 Arial, Helvetica, sans-serif;
        text-decoration: none;
    }

        .cta-banner .arrow-border:before {
            content: "";
            position: absolute;
            top: 18px;
            right: -7px;
            border-top: 1px solid white;
            border-right: 1px solid white;
            width: 16px;
            height: 16px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .cta-banner .arrow-border:after {
            content: "";
            position: absolute;
            top: 7px;
            right: -19px;
            border-top: 1px solid white;
            border-right: 1px solid white;
            width: 39px;
            height: 39px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

/*Contact block*/

.contact-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
}

    .contact-block h1 {
        padding: 0;
        margin-bottom: 1.375rem;
        top: auto;
        border-bottom: none;
        color: #00235d;
        font-weight: bold;
    }

    .contact-block h2 {
        padding: 0;
        margin-bottom: 1.375rem;
        top: auto;
        color: #00235d;
        font-weight: bold;
    }

    .contact-block .intro-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        padding-right: 2rem;
        border-right: 2px solid #00235d;
    }

    .contact-block .contact-details {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding-left: 2rem;
    }

        .contact-block .contact-details a {
            font: 1.2em/1.5 Arial, Helvetica, sans-serif;
            text-decoration: none;
        }

        .contact-block .contact-details h4 {
            font: 1rem/1.2 Arial, Helvetica, sans-serif;
            text-decoration: none;
            font-weight: bold;
            color: #00235d;
            margin-bottom: 1rem;
        }

/*Finance block*/

.finance-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0;
}

    .finance-block .image-wrapper {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        padding-bottom: 35%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .finance-block .image-wrapper span {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1.375rem 2rem;
        color: #fff;
        background-color: rgba(0, 35, 93, 0.85);
        font: 1.063rem/1.2 Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .finance-block .finance-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        padding: 1rem;
        background-color: #fff;
    }

        .finance-block .finance-list ul li {
            position: relative;
            padding: 0.75rem 0 0.75rem 2.25rem;
            font: 1.2em/1.5 Arial, Helvetica, sans-serif;
        }

            .finance-block .finance-list ul li:before {
                content: "\2713";
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background-color: #9ebef1;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 0;
                text-align: center;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
            }

.finance-banner {
    margin-top: -2rem;
    margin-bottom: 2rem;
}