@charset "utf-8";


 
/*reset css*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend{/*,
table, caption, tbody, tfoot, thead, tr, th, td {*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: normal;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {
	border: 0;
	}

ol, ul {
	list-style: none;
	}
/* End Reset */





html {
  background: #1E1E4F url("../images/altBackground.jpg") repeat-x fixed 0 0;
  width: 100%;
}
body {
  font: 0.8em Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  text-decoration: none;
}




a {
  color: #3366bb;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p#addthis_button {
  padding-top: 0.3em;
  padding-left: 49em;
}




#main
{
  background: #ffffff url("../images/quoteBoxBlendWithMenu.jpg") no-repeat 0 0;
  clear: both;
  float: left;
  width: 100%;
  padding-top: 0;
}

#container {
  color: #001111;
  margin: 0 auto;
  width: 790px;
  text-align: left;
}

#menuAndBanner {
  /*background: transparent url("../images/webuyanybike2.gif") no-repeat 0 100%;
  height: 11.2em;*/
  background: transparent url("../images/bannerNewMenu.jpg") no-repeat 0 100%;
  height: 189px;
  /* position: relative;*/
  overflow: hidden;
}


#menu {
  padding-top: 12.9em;
  padding-left: 1.4em;
}

#menu * {
  font-weight: bold;
  color: #7D7D7D;
  display: inline;
}

#menu  li {
  /* background: transparent url("../images/menu_divider3.gif") no-repeat 100% 50%; */
  padding-left: 8px;
  padding-right:  9px;
  margin-left: 0;
  margin-right: 0;
 /*
  padding-left: 9px;
  padding-right:  12px;
  margin-left: -3px;
  margin-right: -3px; */
  /*border: 1px solid black;*/
}

#menu  a {
  padding-left:  0; 
  padding-right:  0;
  margin-left: 0;
  margin-right:  0;  
}

#menu  a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#menu .last {
   background: transparent;
}

#menu .active a {
   color: #ffffff;
   font-weight: bold;
}




#main {
 /*  background-color: #ffffff; */
 /*  padding-top: 0; */
}


/************ introText ***********************/


.introText  h3 span {
  color: #6699ee;
}
.introText   p {
    margin-bottom: 1em;
    line-height: 1.1;
}

.introText ul {
  list-style-type: disc;
    margin-bottom: 1em;
}

.introText li {
    margin-left: 1em;
}


.introText h3 {
    font-weight: bold;
    font-size: 1.1em;
}

.introText p.bold {
   font-weight: bold;
   margin-top: 1em;
}

/*** extrat text under quote box on right hand side ***/

div#extraRHStext h3{
  font-weight: bold;
  font-size: 1.1em;
}

div#extraRHStext ul {
  list-style-type: disc;
}


div#extraRHStext ul li {
  margin-left: 36em;
}


/***************   picture with sidebars ************/

.sidebarList h4 {
   color: #6699ee;
   font-weight: 800;
   padding:0;
   margin:0;
}

.sidebarList p {
   margin: 0;
   margin-left: 1.5em;
   padding: 0.3em 0;
   
}



/************ textArea ***********************/

.textArea {
  float: left;
  width: 14em; 
  padding: 2em 1.5em 1.5em 2em;
  color: #ffffff;
   /* border: thick dotted #00FF00;  */
}
.textArea.left {
  padding-right: 0;
  width: 14em;
}

.textArea.middle {
  padding-top: 4.65em;
  padding-left: 2em;
  padding-right: 2em;
}


.textArea.left  li strong {
  color: #6699ee;
}

.textArea.middle  li strong {
  color: #6699ee;
}

.textArea.right {
  padding-top: 4.65em;
  padding-left: 0;
  padding-right: 0;
  width: 14em;
}

.textArea.right li strong {
  color: #6699ee;
}



.textArea  h3 {
  font-size: 1.3em;
  margin-bottom: 1em;
}

.textArea   h3 span {
  color: #0011ff;
}
.textArea   p {
    margin-bottom: 1em;
}


/*********** top panel **********/



.top {
 /* background: transparent url("../images/divider.jpg") no-repeat 485px 50%; */
  /* background-color: #ffffff; */
  background:transparent;
  position: relative;
  float: left;
  width: 100%;
}

.top .introText {
  /* border: 1px solid black; */
  /* padding-top: 3em; */
  float: left;
  padding-right: 30px;
  width: 430px;
}

.top h2, h3
{
  color: #6699ee;
}


.top h1 {
  color: #3366bb;
  font-size: 1.6em;
  padding: 1.5em;
}


.introText {
  padding: 2em;
  padding-top: 1.4em;
  padding-bottom: 0;
  position: relative;
}
.introText  h2 {
  font-size: 1.75em;
  margin-bottom: 0.2em;
}


.rightTop {
 /* background: transparent url("../images/box.png") no-repeat scroll 0.1em 2em; */
 /*  background: transparent url("../images/box.png") no-repeat scroll 0.1em 1.5em; */
  padding-top: 0;
  padding-left: 0;
  font-size: 1.3em;
  float: left; 

}

.rightTop  li {
  clear: both;
  float: left;
  color: #3366bb ;
}

.rightTop p {
  font-size: 0.75em;
  color: #001111;
  margin-bottom: 0.7em;
  padding-bottom: 0.2em;
  padding-top: 0.1em;    
}



ul#reasonsTobeCheerful {
  list-style-type: disc;
  margin-left: 1em;
}

ul#reasonsTobeCheerful li{
  margin-top: 0.1em;
}



/********** Quote Panel **********/


img#get-a-quote {
 /*
    margin-left: -2em; 
    margin-top: -1.5em; 
    padding-bottom: 1em;
  */
}


h1#getaquote {
  margin-top: 0.3em;
  color: #27A35D;
  font-size: 2.1em;
  line-height: 1.3em;
  font-weight: bold;
  width: 13em;
}
h1#getaquote2 {
  color: #27A35D;
  font-size: 2.1em;
  line-height: 1.1em;
  font-weight: bold;
  width: 13em;
}
select, input {
/*
 margin: 0 0 0.5em 1.4em;
 font-size: 1em;
 */
}


input#extra {
  display: none
}



/********** Registration Form  **********/

table#registrationLookup  {
   color: #000000;
   background-color: transparent;
   margin-top: 2.5em;
   margin-left: 2.1em;
   margin-bottom: 3.1em;
   margin-right: 4em;
/*   margin-top: 3em;
   margin-left: 2.1em; 
   margin-bottom: 2.6em; 
   margin-right: 4em; */
}

input#regInput {
  font-weight: bold;
  letter-spacing: 1px;
  border: 1px solid black;
  padding-left: 5px;
  width: 5em;
}



/**********  quoteTable Form  *****************/
span#offer {
  font-size: 1.4em;
  color: #000;
  background-color: yellow;
}

table#quoteTable {
   border: 1px solid black;
   border-collapse: collapse;
   width: 500px;
   color: #000000;
   background-color: transparent;
   margin-left: 8.5em;
}

table#quoteTable td {
  padding: 0.4em;
}

table#quoteTable td input, table#quoteTable td select
{
  padding: 0;
  margin: 0;
}


/**********  chooseMake Form  *****************/

table#chooseMakeModel {
   width: 500px;
   color: #000000;
   border: 1px solid black;
   background-color: transparent;
   margin-left: 8.5em;
   border-collapse: collapse;
}

table#chooseMakeModel td {
  padding: 0.4em;
}

table#chooseMakeModel td input, table#chooseMakeModel td select
{
  padding: 0;
  margin: 0;
}



/**********  Other Details Form  *****************/


img#conditionInfo {
  margin-bottom: -4px;
  margin-left: 10px;
  /* padding-top: -3px;
  padding-left: 10px; */
}


div#tooltip {
}

div#conditionInfoBox {
   display: none; 
   width: 350px;
   border: 2px solid #27A35D;
   background-color: #ffffff;
   padding: 5px;
   font-size: 0.7em;
}




table#otherDetails {
   border: 1px solid black;
   border-collapse: collapse;
   width: 600px; 
   color: #000000;
   background-color: transparent;
   margin-left: 5.5em;
}



table#otherDetails td {
  padding: 0.4em;
}

table#otherDetails td.firstColumn {
  width: 150px;
}

table#otherDetails td.title{
  font-weight: bold;
}


table#quoteTable {
 /* width: 250px;*/
}

textarea#noThanksFeedback {
  	width: 390px;
	height: 40px;
}



table#otherDetails td input, table#otherDetails td select
{
  padding: 0;
  margin: 0;
}


table#otherDetails td input#mileage{
   width: 1.5em; 
}


div#conditionFeedback {
   display: none; 
}



div#feedback {
  font-weight: bold;
  color: red;
  margin-left: -10em; 
  margin-top: 1em;
  margin-bottom: -2em;
   line-height: 0.2em; 
  /* width: 600px; */
 /* margin-top: -5em;*/
}

div#jsFeedback {
  font-weight: bold;
  color: red;
  margin-left: 5.6em; 
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5em; 
  width: 600px; 
 /* margin-top: -5em;*/
}

span#jsFeedback2 {
  font-weight: bold;
  color: red;
  margin-top: 1em;
  margin-bottom: 1em;
}


div#jsFeedback, span#jsFeedback2 {
   display: none; 
}

span#originalPlate {
  color: black;
}


div#offerFeedback{
  font-weight: bold;
  color: red;
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5em;
  display: none; 
}


/******************* Contact Us ***********************/


div#contactUsFeedback{
  font-weight: bold;
  color: red;
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5em;
  width: 600px;
   display: none; 
}


/**********  General table settings *****************/

table td#feedback{
  font-weight: bold;
  color: red;      
}

table tr.heading{
   background-color: #dedede;
}

table tr.alternateColour{
   background-color: #eeeeee;
}


/**********  Questions Form *****************/



table#quoteFormQuestions {
   border: 1px solid black;
   border-collapse: collapse; 
   width: 730px; 
   color: black;
   line-height: 1.1em;
   border-collapse: collapse;
}

table#quoteFormQuestions td {
   vertical-align: top;
   padding: 0.7em;
   color: black;
}



table#quoteFormQuestions td.radioText {
   padding-left: 0;
}

table#quoteFormQuestions td.radioButton {
/*   vertical-align: top;
   padding: 0.7em;
   color: black;
   width: 2em; */
}


table#quoteFormQuestions td.qtext {
   vertical-align: top;
   width: 600px;
}

/********* offer accepted *********/

div.textBox {
   border: 1px solid black;
   padding: 0.5em;
   margin: 3em;
}


div.textBox p{
   padding: 1em;
}

div.textBox h3{
   font-weight: bold;
   color: #000000;
   font-size: 1.1em;
}

/********* bottom panel *********/

#bottomPanel{
  clear: both;
  float: left;
  background: #000;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  /* margin-top: 1.69em; */
}

#bottomPanel li span {
  color: #27A35D;
}



/******************** Contact Us Form ****************************/
#spf_form {
  margin-top: 1em;
}

.spform_input {
   position:absolute;
   text-decoration:underline;
   background-color:#CC0000;
   left:0px;
   top:-500px;
   width:1px;
   height:1px;
   overflow:hidden;
}


#spf_form label {
   font-weight: bold;
   display: block;
   width: 100px;
   float: left;
   margin-top: 4px;
}


label#veri-image {
  width: 117px;
}

label#veri-string {
   width: 260px;
}

#contactUsSubmit {
  margin-left: 28em;
}


.spf_normal_input {
   font-weight:normal;
   padding-left:0px;
}
.spf_verify_msg {
   font-weight:bold;
}
.spf_verify_prompt {
   font-weight:bold;
}
.spf_cookie_msg {
   font-weight:normal;
   color:#ff0000;
   padding-top:0px;
}


ul#formErrors {
  color: red;
  font-weight: bold;
}

/********* image box ********/
.imageBox {
   float: right;
   border-width:1px;
   border-style:solid;
   border-color:#444444;
   background-color:#dddddd;

   margin-right: 4.5em;
}

img.content {
 padding: 3px;
}

.imageCaption1, .imageCaption2 {
   width: 230px;
   font-size: 0.7em;
   font-family: Verdana, Sans;
   text-align: center;
   padding-bottom: 4px;
   color: #5C5C5C;
}

.imageCaption2 {
  width: 353px;
}



/********* footer *********/

#footer {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  background-color: transparent;
  padding: 0.3em 0;
  /* border: thin dotted #00FF00;  */
}

#footer  ul {
  float: left;
}

#footer  li {
  display: block;
  font-size: 0.7em;
  color: #aaa;
  margin-bottom: 1em;
}

#footer  a {
  text-decoration: underline;
  color: #aaa;
}

#footer  a:hover  {
  text-decoration: underline;
}


/********* footer2 *********/

#footer2 {
  position: relative;
  clear: both;
  float: right;
  width: 100%;
  background-color: transparent;
  padding: 0.3em 0;
  /* border: thin dotted #00FF00;  */
}

#footer2  ul {
  float: right;
}

#footer2  li {
  display: block;
  font-size: 0.7em;
  color: #aaa;
  margin-bottom: 1em;
}