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:#009900; 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 */
h1 { background:url(/assets/img/logo-main.jpg); background-repeat:no-repeat; height:100px; width:191px; text-indent:-1000em; 
     float:left; }
     
#dvBanners { float:right; padding-top:45px; }

#dvMainNav { clear:both; float:none;}
#dvMainNav ul { margin:0px; padding:0px; }
#dvMainNav ul li { margin:0px; padding:0px; list-style:none; display:block; float: left; }
#dvMainNav ul li a { height:22px; display:block; width:90px; text-align:center; padding-top:8px;
                     text-decoration:none; color:#707070; font-weight:bold; }

#dvMainNav ul li a { background:url(/assets/img/sprite-nav.jpg); background-position:-5px 0px; border-right:1px solid green;}
#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.jpg); background-position:-5px -67px; }

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

#dvMainNav ul li a.bm { width:130px;}
#dvMainNav ul li a.valuations { width:125px;}
#dvMainNav ul li a.comments { width:106px;}
#dvMainNav ul li a.jobs, #dvMainNav ul li a.home { width:70px;}
#dvMainNav ul li a.howitworks { width:98px;}

/* Main Body */

div.dvContentContainer { background-image:url(/assets/img/bg-body.jpg); background-position:top right; background-repeat:no-repeat; 
                      float:left; width:968px; position: relative;} 

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

div.dvContentContainer .alpha { float:left; width:600px; padding-top:15px;}
div.dvContentContainer .beta { float:right; width:347px;}
div.dvContentContainer .beta .quickval { margin-top:100px; padding:25px; height:140px;}
div.dvContentContainer .beta .quickval .reg { font-size:2.0em; font-weight:bold; width:150px; margin-top:15px;  vertical-align:bottom;}
div.dvContentContainer .beta .quickval .submit { background-image:url(/assets/img/btn-val-home.jpg); background-repeat:no-repeat; width:110px; height:24px; 
                                              text-indent:-1000px; border:none; vertical-align:bottom;}
div.dvContentContainer .beta .quickval a.staticval { display:block; text-align:center; color:Black; text-decoration:none; margin-top:20px;}
div.dvContentContainer .beta .quickval a.staticval:hover { text-decoration:underline; }

/* Only on the homepage */
.tricol { margin-top:10px; } 
.tricol div { float:left; background-repeat:no-repeat; overflow: hidden; height: 127px; } 
.tricol .alpha { background-image:url(/assets/img/bg-hm-col1.gif); width:251px; float:left; margin-right:10px; padding:10px; height:145px; overflow:hidden; margin-top:12px;}
.tricol .beta { background-image:url(/assets/img/bg-hm-col2.gif);  width:311px; float:left; padding:10px;  height:145px; overflow:hidden; margin-top:12px;}
.tricol .gamma { background-image:url(/assets/img/bg-hm-col3.gif);  width:326px; float:right; height:144px; overflow:hidden;  padding:10px; padding-top:20px;}
.tricol ul { margin:0px; padding:0px; }
.tricol ul li { list-style:none; margin:0px; padding:0px; display:block; float: left; width:114px; margin-right:10px; margin-bottom:3px;}

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

.accordion h3 a { background:url(/assets/img/q.jpg); background-repeat:no-repeat; background-position:center left; padding-left:30px;  color:#15c501;
                  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 #00cc00; color: #666666;} 
      
           
#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: 590px; 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: #009900; 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: 19px; }
div.tooltip-container div.background { background: url(/assets/img/tooltip-bg.png) no-repeat; min-height: 50px; }
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: #FFF; }
div.tooltip-container span.footer { background: url(/assets/img/tooltip-bg-bottom.gif) no-repeat; height: 5px; display: block; }

div.valuation-form fieldset { border: 0; }
div.valuation-form legend { display: none; }
div.valuation-form table { width: 557px; } 
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: 547px; }
div.valuation-form h3 { font-size: 24px; }
div.valuation-form label.lbl { display: block; width: 260px; padding-bottom: 2px; float: left; color: #009900; font-weight: bold; font-size: 14px; }
div.valuation-form li.full-width label.lbl { width: 547px; }
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: #009900; 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: 3%; }
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: #009900; 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; }