﻿.widthWrapper {
    width: 960px;
    margin: 0 auto;
    /*background: #fff;*/
}
.widthWrapperBackground {
    background: #fff;
}
.homeMainTable {
}

table tr {
    vertical-align: top;
}

.qbBlock {
    float: left;
    margin-bottom: 20px;
}
.qbBrandLI {
    width: 180px;
    padding: 3px 7px;
}




/*********************************************************/
/*             QuickBike classes                         */
/*********************************************************/

.DetailsView
{
    /*width: 600px;*/}
.FieldHeader  
{
    vertical-align: top;    
    background: #DEE8F5;
    font-weight: bold;
    width: 170px;
    max-width: 170px;
    margin: 1em;}
.FieldHeaderSmaller {
    width: 110px;
}
.FieldHeaderTitle /*the title of the field headers i.e. "Frame & Fork"*/
{
    font-size:large;
    color: #0055D2;
    font-weight: bold;
    margin: 10px;}
.row  /*the right part of bike specs*/
{
    text-align: left;
    background-color: White; 
    margin: 10px;}
.AlternatingRow
{
    text-align: left;
    background-color: White;
    margin: 10px;}
   
.NameHeader  /*the left part of bike specs*/
{
    /*background: #DEE8F5;*/
    color: #0055D2;
    text-align: left;
    vertical-align: top;
    font-size: x-large;
    font-weight: bold;
    /*width: 175px;*/
    min-width: 175px;
}

.BikePhoto
{
    max-width: 605px;
    margin-left: 10px;
}
    
#quickbike a:hover
{
    background-color: #DEE8F5;
}

.ListItems
{
    font-size: small;
    padding: .5em 1em 0 .5em;
    text-align: left;
    vertical-align: top;
    background-color: White;
}
.ListItems a:hover
{
    background: #DEE8FE;
}

.GuideLabels
{
	font-size: small;
	font-style: italic;
	text-align: right;
	background-color: White;
}

.leftblue
{   font-size:x-large;
    color: #0055D2;
    font-weight: bold;
    background-color: White;
}

.contuinue
{
    background-color: White;
    margin: -3px 0 -3px 0;
}

.yearTable
{
    width: 100%;
}

/* Side by side stuff */

.dv2
{
    min-width: 390px;
    width: 100%;
}

.row2  /*the right part of bike specs*/
{
    width: 100%;
    min-width: 210px;
    text-align: left;
    background-color: White; 
    margin: 10px;}    
.AlternatingRow2
{
    width: 100%;
    min-width: 210px;
    text-align: left;
    background-color: #F5F5F5;
    margin: 10px;}

.crumbsDiv {
    font-size: small;
}


/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top:0;
  left: 0;
}
   
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #linkModal {
    width:430px; 
    height:140px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#boxes #compModal {
    width:580px; 
    height:430px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#compDiv {
    height: 430px;
    overflow-y: scroll;
}

.tbTB {
    width: 420px;
}

.smallText {
    font-size: x-small;
    margin-top: 5px;
}


/************************************************/

#dailyDealDiv {
    width: 300px; 
    height: 550px; 
    margin: -50px auto auto -212px; 
    /*padding: 10px; 
    background: #fff;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    border: 1px solid #1e5799;
    -moz-box-shadow: 3px 3px 3px #c3c3c3;
    -webkit-box-shadow: 3px 3px 3px #c3c3c3;
    box-shadow: 3px 3px 3px #c3c3c3;*/
}