body
{
    background: url(/assets/img/bg-main.jpg);
    background-repeat: repeat-y;
    background-position: center;
    font-family: Calibri, Arial, Verdana, Helevetica, Times New Roman;
    font-size: 0.75em;
}

.left
{
    float: left;
}
.right
{
    float: right;
}
.clear-me
{
    clear: both;
}

form
{
    width: 970px;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    color: #033d67;
    padding-bottom: 0.5em;
}

p
{
    margin: 0px 0 1em 0;
    padding: 0px;
}
img
{
    border: 0px;
}
a
{
    color: Black;
    text-decoration: none;
}
a:hover
{
    color: Black;
    text-decoration: underline;
}

/* Site header */

#header
{
    width: 943px;
    margin: 0 auto;
}

h1
{
    background: url(/assets/img/logo-main.jpg);
    background-repeat: no-repeat;
    height: 118px;
    width: 349px;
    text-indent: -1000em;
    float: left;
}

#dvBanners
{
    float: right;
    padding-top: 45px;
}

#dvMainNav
{
    clear: both;
    width: 943px;
    margin: 0 auto 1px;
    background-color: #3e749c;
    background-image: url(/assets/img/nav-bg.gif);
    background-repeat: repeat-x;
}

#dvMainNav ul
{
    margin: 0px;
    padding: 0px;
}
#dvMainNav ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    float: left;
    margin-left: 1px;
}
#dvMainNav ul li.first
{
    margin-left: 0;
}

#dvMainNav ul li a
{
    height: 29px;
    display: block;
    width: 80px;
    text-align: center;
    padding-top: 12px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#dvMainNav ul li a
{
    background: url(/assets/img/sprite-nav.gif);
    background-position: -20px 0px;
}
#dvMainNav ul li.first a
{
    background-position: 0px 0px;
}
#dvMainNav ul li.last a
{
    background-position: right 0px;
    border-right: none;
}
#dvMainNav ul li.valuations a, #dvMainNav ul li.bm a
{
    background: url(/assets/img/sprite-nav.gif);
    background-position: -20px -82px;
}

#dvMainNav ul li a:hover, #dvMainNav ul li.selected a
{
    background: url(/assets/img/sprite-nav.gif);
    background-position: -20px -41px;
    color: #ffffff;
}
#dvMainNav ul li.first a:hover, #dvMainNav ul li.home-selected a
{
    background-position: 0px -41px;
}
#dvMainNav ul li.last a:hover, #dvMainNav ul li.jobs-selected a
{
    background-position: right -41px;
}


#dvMainNav ul li a.bm
{
    width: 154px;
}
#dvMainNav ul li a.howitworks
{
    width: 105px;
}
#dvMainNav ul li a.comments
{
    width: 115px;
}
#dvMainNav ul li a.valuations
{
    width: 110px;
}
#dvMainNav ul li a.contact
{
    width: 100px;
}
#dvMainNav ul li a.faq
{
    width: 60px;
}

#dvMainNav ul li a.jobs, #dvMainNav ul li a.home
{
    width: 65px;
}


/* Main Body */

div.dvContentContainer
{
    width: 900px;
    margin: 20px auto;
}

div.valuation-content-container
{
    /*background-image: url(/assets/img/bg-body-valuation.jpg);*/
}

div.dvContentContainer .alpha
{
    float: left;
    width: 560px;
}

div.dvContentContainer .beta
{
    float: right;
    width: 294px;
}

div.dvContentContainer .beta .beta-item {
    margin-bottom: 10px;
}

.dvContentContainer .alpha h2
{
    font-size: 20px;
}

/* Only on the homepage */
.tricol
{
    margin: 10px auto;
    width: 930px;
}
.tricol h3
{
    color: #000000;
}
.tricol div
{
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 127px;
}

.tricol .alpha, .tricol .beta, .tricol .gamma
{
    padding: 10px;
    padding-top: 20px;
    height: 130px;
    overflow: hidden;
    float: left;
}

.tricol .alpha, .tricol .beta
{
    margin-right: 10px;
}

.tricol .alpha
{
    background-image: url(/assets/img/bg-hm-col1.gif);
    width: 231px;
}
.tricol .beta
{
    background-image: url(/assets/img/bg-hm-col2.gif);
    width: 291px;
}
.tricol .gamma
{
    background-image: url(/assets/img/bg-hm-col3.gif);
    width: 326px;
}

.tricol ul
{
    margin: 0px;
    padding: 0px;
}
.tricol ul li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    width: 105px;
    margin-right: 10px;
    margin-bottom: 3px;
}

/* FAQS */
.accordion-container
{
    margin-top: 20px;
}

.accordion h3 a
{
    background: url(/assets/img/q.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px;
    color: #033D67;
    height: 1.6em;
    display: block;
}
.accordion div
{
    margin-left: 30px;
    margin-bottom: 15px;
}
.accordion h3 a:hover
{
    color: #000000;
    text-decoration: none;
}

/* Customer Comments */
div.comments
{
    margin-top: 20px;
}
div.comments .comment
{
    float: left;
    width: 290px;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 200px;
    overflow: hidden;
    background-image: url(/assets/img/bg-comment.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}
div.comments .comment h3
{
    height: 15px;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 5px;
}
div.comments .comment img
{
    float: left;
    margin-right: 10px;
}
div.comments .comment span
{
    display: block;
    margin-bottom: 0px;
    height: 120px;
    overflow: hidden;
    padding-right: 5px;
}


/* Site footer */
#dvFooter
{
    background: url(/assets/img/bg-footer.jpg);
    background-position: bottom;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 5px solid #033d67;
    color: #666666;
    margin: 25px auto 0;
    width: 943px;
}


#dvFooter .col
{
    width: 155px;
    float: left;
    border-right: 1px solid #999999;
    padding-right: 40px;
}
#dvFooter ul
{
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
}
#dvFooter ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 5px;
}
#dvFooter ul li a
{
    text-decoration: none;
    color: #666666;
    background: url(/assets/img/bullet-footer-off.gif) no-repeat left center;
    padding-left: 10px;
}
#dvFooter ul li a:hover
{
    background: url(/assets/img/bullet-footer-on.gif) no-repeat left center;
    background-repeat: no-repeat;
}
#dvFooter ul li.last
{
    padding-bottom: 10px;
}

#dvFooter .gamma
{
    float: right;
    text-align: right;
    padding: 5px;
}
#dvFooter .addthis_button
{
    display: block;
    margin-bottom: 10px;
}
#dvFooter .redstar
{
    text-indent: -1000px;
    display: inline-block;
    cursor: hand;
    margin-top: 4px;
    background: url(/assets/img/redstar.png) no-repeat;
    width: 144px;
    height: 53px;
    overflow: hidden;
    text-align: center;
}

#dvSubLinks
{
    text-align: center;
    padding-top: 10px;
}
#dvSubLinks ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#dvSubLinks ul li
{
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    list-style: none;
}
#dvSubLinks ul li a
{
    text-decoration: none;
    color: #999999;
}
#dvFooter ul li a:hover
{
    color: #666666;
}

div.valuation-content-container div.alpha
{
    background: url(/assets/img/bg-valuation.jpg) no-repeat;
    /*margin: 12px 0 0 8px;*/
    width: 550px;
    padding: 10px;
}

div.confirm-bike h2
{
    font-size: 24px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-left: 9px;
}
div.confirm-bike ul
{
    margin: 0 0 10px 10px;
    padding: 0;
    list-style: none;
}
div.confirm-bike li
{
    padding: 5px 0;
    font-size: 16px;
}
div.confirm-bike li span
{
    color: #033d67;
    font-weight: bold;
    display: inline-block;
    width: 120px;
}
div.confirm-bike a.proceed-to-valuation
{
    display: block;
    background: url(/assets/img/btn-val-this-is-my-bike.jpg) no-repeat;
    text-indent: -9999em;
    width: 309px;
    height: 66px;
    margin: 0 20px 10px 0;
    outline: none;
}
div.confirm-bike a.manual-valuation
{
    margin: 0 46px 10px 0;
    font-weight: bold;
}

div.tooltip-container
{
    margin-top: 0;
}
div.tooltip-container div.background
{
    background: url(/assets/img/tooltip-bg.gif) no-repeat;
    min-height: 50px;
}
div.tooltip-container .tooltip-wrapper {
    padding: 0 10px;
}

div.tooltip-container span.tooltip-content
{
    display: block;
    padding: 20px 10px 5px;
    font-size: 14px;
}
div.tooltip-container span.need-help
{
    display: block;
    font-size: 14px;
    padding: 0 10px 15px;
}
div.tooltip-container span.need-help a
{
    font-weight: bold;
    color: #033D67;
}
div.tooltip-container span.footer
{
    background: url(/assets/img/tooltip-bg-bottom.gif) no-repeat;
    height: 22px;
    display: block;
}

div.valuation-form fieldset
{
    border: 0;
}
div.valuation-form legend
{
    display: none;
}
div.valuation-form table
{
    width: 535px;
}
div.valuation-form table table
{
    width: auto;
}
div.valuation-form ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.valuation-form li
{
    padding-top: 11px;
    clear: both;
    display: block;
    width: 522px;
}
div.valuation-form h3
{
    font-size: 24px;
}
div.valuation-form label.lbl
{
    display: block;
    width: 260px;
    padding-bottom: 2px;
    float: left;
    color: #033D67;
    font-weight: bold;
    font-size: 14px;
}
div.valuation-form li.full-width label.lbl
{
    width: 520px;
}
div.valuation-form textarea.ta
{
    display: inline-block;
    width: 280px;
    height: 100px;
}
div.valuation-form input.tb
{
    display: inline-block;
    width: 157px;
}
div.valuation-form li.mileage input.tb
{
    width: 40px;
}
div.valuation-form li.postcode input.tb
{
    width: 58px;
}
div.valuation-form span.up
{
    display: block;
    float: left;
}
div.valuation-form span.up div.image-count
{
    color: #033D67;
    font-weight: bold;
    font-size: 14px;
    width: 285px;
}
div.valuation-form span.up div.successful
{
    color: #FF0000;
}
div.valuation-form select.ddl
{
    display: block;
    width: 30%;
}
div.valuation-form li.salutation select.ddl
{
    width: 50px;
}
div.valuation-form span.cbl span.item
{
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}
div.valuation-form span.rbl span.item
{
    display: inline-block;
    width: 75px;
    margin-right: 0;
}
div.valuation-form span.rfv, div.valuation-form span.rev, div.valuation-form span.cv
{
    display: inline-block;
    width: 10px;
    height: 18px;
    text-indent: -9999em;
    background: url(/assets/img/validation.gif) no-repeat;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 4px;
}
div.valuation-form div.vs, div.site-message-error
{
    margin: 10px 25px 10px 10px;
    border: 1px solid #FF0000;
    background-color: #FFCFCF;
    padding: 10px;
    color: #FF0000;
}
div.valuation-form div.vs ul
{
    list-style-type: disc;
    margin: auto;
    padding: 0 20px;
}
div.valuation-form div.vs li
{
    padding-top: 5px;
    clear: both;
    display: list-item;
    width: 595px;
}
div.valuation-form input.submit-button
{
    float: right;
    margin-right: 27px;
}

div.manual-form label.lbl
{
    width: 105px;
}
div.manual-form select.ddl
{
    display: block;
    width: 440px;
}

div.update-progress
{
    position: absolute;
    background: url(/assets/img/update-progress-bg.png);
    top: 9px;
    bottom: 0;
    left: 5px;
    right: 0;
}
div.update-progress div.loader
{
    width: 100%;
    height: 100%;
    background: transparent url(/assets/img/ajax-loader.gif) no-repeat center;
    text-indent: -9999em;
}

div.callback fieldset
{
    border: 0;
}
div.callback legend
{
    display: none;
}
div.callback table
{
    width: 497px;
}
div.callback table table
{
    width: auto;
}
div.callback ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.callback li
{
    padding-top: 11px;
    clear: both;
    display: block;
    width: 497px;
}
div.callback h3
{
    font-size: 24px;
}
div.callback label.lbl
{
    display: block;
    width: 175px;
    padding-bottom: 2px;
    float: left;
    color: #033d67;
    font-weight: bold;
    font-size: 14px;
}
div.callback textarea.ta
{
    display: inline-block;
    width: 280px;
    height: 100px;
}
div.callback input.tb
{
    display: inline-block;
    width: 157px;
}
div.callback span.rfv, div.callback span.rev, div.callback span.cv
{
    display: inline-block;
    width: 10px;
    height: 18px;
    text-indent: -9999em;
    background: url(/assets/img/validation.gif) no-repeat;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 4px;
}
div.callback div.vs, div.site-message-error
{
    margin: 10px 25px 10px 10px;
    border: 1px solid #FF0000;
    background-color: #FFCFCF;
    padding: 10px;
    color: #FF0000;
}
div.callback div.vs ul
{
    list-style-type: disc;
    margin: auto;
    padding: 0 20px;
}
div.callback div.vs li
{
    padding-top: 5px;
    clear: both;
    display: list-item;
    width: 595px;
}
div.callback input.submit-button
{
    float: right;
    margin-right: 44px;
}

.uploadifyQueueItem
{
    font: 11px;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 260px;
}
.uploadifyError
{
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel
{
    /*float: right;*/
    display: none;
}
.uploadifyProgress
{
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar
{
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}

#cboxOverlay
{
    background: url(/assets/img/update-progress-bg.png) 0 0 repeat;
}
#colorbox
{
}
#cboxTopLeft
{
    width: 21px;
    height: 21px;
    background: url(/assets/img/colorbox/controls.png) -100px 0 no-repeat;
}
#cboxTopRight
{
    width: 21px;
    height: 21px;
    background: url(/assets/img/colorbox/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft
{
    width: 21px;
    height: 21px;
    background: url(/assets/img/colorbox/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight
{
    width: 21px;
    height: 21px;
    background: url(/assets/img/colorbox/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft
{
    width: 21px;
    background: url(/assets/img/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight
{
    width: 21px;
    background: url(/assets/img/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter
{
    height: 21px;
    background: url(/assets/img/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter
{
    height: 21px;
    background: url(/assets/img/colorbox/border.png) 0 -29px repeat-x;
}
#cboxContent
{
    background: #fff;
}
#cboxTitle
{
    position: absolute;
    bottom: 3px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}
#cboxCurrent
{
    position: absolute;
    bottom: 3px;
    left: 58px;
    color: #949494;
}
#cboxSlideshow
{
    position: absolute;
    bottom: 3px;
    right: 30px;
    color: #0092ef;
}
#cboxPrevious
{
    position: absolute;
    bottom: 0;
    left: 0px;
    background: url(/assets/img/colorbox/controls.png) -75px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxPrevious.hover
{
    background-position: -75px -25px;
}
#cboxNext
{
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/assets/img/colorbox/controls.png) -50px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxNext.hover
{
    background-position: -50px -25px;
}
#cboxLoadingOverlay
{
    background: url(/assets/img/colorbox/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic
{
    background: url(/assets/img/colorbox/loading.gif) center center no-repeat;
}
#cboxClose
{
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/img/colorbox/controls.png) -25px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxClose.hover
{
    background-position: -25px -25px;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/


.cboxIE #cboxTopLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}

div.jplayer-controls
{
    margin-left: 135px;
    margin-top: 16px;
}
div.jplayer-controls div
{
    background-image: url(/assets/img/jplayerbuttons.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
    float: left;
    text-indent: -9999em;
}
div.jplayer-controls div.play
{
    background-position: left top;
}
div.jplayer-controls div.play.jqjp_hover
{
    background-position: left bottom;
}
div.jplayer-controls div.pause
{
    background-position: center top;
}
div.jplayer-controls div.pause.jqjp_hover
{
    background-position: center bottom;
}
div.jplayer-controls div.stop
{
    background-position: right top;
}
div.jplayer-controls div.stop.jqjp_hover
{
    background-position: right bottom;
}

div.error-page-message
{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 25px;
}

.quickval
{
    width: 943px;
    height: 80px;
    margin: 0 auto;
    background: url(/assets/img/valuation-banner-bg.gif);
    background-repeat: no-repeat;
    position: relative;
}

.quickval input.reg
{
    position: absolute;
    left: 478px;
    top: 13px;
    width: 211px;
    height: 48px;
    border: solid 2px #215479;
    font-size: 2.0em;
    font-weight: bold;
    vertical-align: bottom;
    text-align: center;
}

.quickval input.submit
{
    position: absolute;
    left: 707px;
    top: 10px;
    width: 222px;
    height: 40px;
    background: url(/assets/img/btn-val-home.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    border: none;
    text-indent: -9999px;
}

.quickval .staticval-container
{
    position: absolute;
    left: 710px;
    top: 55px;
    width: 220px;
    text-align: center;
}

.quickval .staticval-container a.staticval
{
    color: #ffffff;
    text-decoration: none;
}

.quickval a.staticval:hover
{
    text-decoration: underline;
}