/* Whole page CSS. */
  
  #container {
    position:       fixed;
    top:            0;
    left:           0;
    height:         100%;
    width:          100%;
    z-index:        555;
    background-color: #EFEFEF;
    opacity:        0.75;
    filter:         alpha(opacity=75);
    visibility:     hidden;
  }
  
  #buttons {  
    float:              right;
    position:           relative;
    top:                -10px;    
  }
  
  #buttons #print{
    background-color: #f70202;
    color:            #FFFFFF;
    font-weight:      bold;
    font-family:      Helvetica, Arial;
    font-size:        11px;
    float:            right;  
    padding:          2px;
    padding-left:     4px;
    padding-right:    4px;
    margin-right:     5px;
    border:           1px solid #FFFFFF;
    cursor:           pointer;
  }
  
  #buttons #print:hover {
    background-color:   #F5F5F5;
    color:              #CA0003;
    border:     1px solid #DEDEDE;
  }
  
  #buttons #share:hover {
    background-color:   #F5F5F5;
    color:              #CA0003;
    border:     1px solid #DEDEDE;
  }  
  
  #buttons #findDealer:hover {
    background-color:   #F5F5F5;
    color:              #CA0003;
    border:     1px solid #DEDEDE;
  }  
    
  #buttons #share{
    background-color: #f70202;
    color:            #FFFFFF;
    font-weight:      bold;
    font-family:      Helvetica, Arial;
    font-size:        11px;  
    float:            right;  
    padding:          2px;
    padding-left:     4px;
    padding-right:    4px;
    margin-right:     5px;
    border:           1px solid #FFFFFF;
    cursor:           pointer;
  }  
  
  #buttons #findDealer{
    background-color: #f70202;
    color:            #FFFFFF;
    font-weight:      bold;
    font-family:      Helvetica, Arial;
    font-size:        11px;
    float:            right;  
    padding:          2px;
    padding-left:     4px;
    padding-right:    4px;    
    border:           1px solid #FFFFFF;
    cursor:           pointer;
  }
  
  .maincontent {
    color:          #0000000;
    width:          960px;
    line-height:    14px;
    padding:        13px 0 10px 10px;
  }
  
  .maincontent a:active {
    color:              #FF0000;
    text-decoration:    none;
  }
  
  .maincontent a {
    color:              #CA0003;
    text-decoration:    none;
  }
  
  .headerImage {
    height:     250px;
    width:      968px;
  }
  
  .headerTable {
    float:      right;
    height:     250px;
  }
  
  .headerTitle {
    background-color:       #f70202;
    color:                  #FFFFFF;
    font-family:            Helvetica, Arial;
    font-size:              36px;
    font-weight:            bold;
    height:                 36px;
    padding:                5px 0px 0px 5px;
    text-align:             right;
  }
  
  .activeTab {
    float:              left;
    border:             1px solid #CCCCCC;    
    border-bottom:      1px solid #f2f2f2;
    padding:            5px 20px 5px 20px;
    font-size:          12px;
    font-weight:        bold;
    color:              #000000;
    background-color:   #f2f2f2;    
    margin-bottom:      0px;
    cursor:             pointer;
    position:           relative;
    top:                1px;
  }
  
  .inactiveTab {
    float:              left;
    border:             1px solid #CCCCCC;    
    padding:            5px 20px 5px 20px;
    font-size:          12px;
    font-weight:        bold;
    color:              #CA0003;
    background-color:   #f5f5f5;    
    margin-bottom:      0px;
    cursor:             pointer;
  }
  
  .tabsLayout {
    clear:              both;
    border:             1px solid #CCCCCC;    
    padding-left:       10px;
    width:              340px;
    background-color:   #f2f2f2;                     
    z-index:            -1;
    padding-top:        10px; 
    padding-bottom:     10px;
    margin-bottom:      5px;
  }
  
  .accordionLayout {
    clear:              both;
    border:             1px solid #CCCCCC;    
    padding-left:       5px;
    width:              345px;
    background-color:   #f2f2f2;    
    margin-bottom:      5px;
  }
  
  .accordionIcons {
    vertical-align:     middle;
    padding-right:      5px;
    cursor:             pointer; 
  }
  
  .boldText {
    font-size:          12px;
    font-weight:        bold;
    color:              #CA0003;
    font-family:        Helvetica,Arial;
    cursor:             pointer;
  }
  
  .dropDown {    
    padding-top:    10px;
    padding-bottom: 10px;
    padding-left:   10px;
  }
  
  .relatedItems {
    margin:             10px 15px 10px 10px;    
    background-color:   #FFFFFF;    
    cursor:             pointer;
  }
  
  .relatedImage {    
    margin-right:   15px;
    margin-bottom:  10px;
    margin-left:    10px;
    margin-top:     10px;
  }
  
  .relatedDescBox {
    height:         45px;
    overflow:       hidden;
    padding-right:  25px;
  }
  
  .relatedDesc {
    font-size:          1em;
    font-family:        Helvetica, Arial;    
    color:              #666666;
  }
  
  .redText {
    font-size:          12px;  
    color:              #CA0003;
    font-family:        Helvetica,Arial;
    cursor:             pointer;
  }
  
  .altColor {
    position:       absolute;    
    border:         1px solid #CCCCCC;
    color:          #CA0003;    
    font-size:      10px;
    font-weight:    bold;
    display:        none;
    max-width:      100px;
  }
  
  .video {
    clear:          both;
    width:          200px;
    padding-bottom: 10px;
  }
  
  .videoThumb {
    clear:          both;
    padding-top:     20px;    
  }
  
  .displayImgarch {    
    padding-left:   0px;
    padding-right:  0px;
    margin-top:     10px;
  }
  
  .displayImgarch#equipImg {
    width:          400px;
    /*border:         1px solid #CCCCCC;*/
    padding-top:    0px;
    padding-bottom: 0px;
    padding-left:   30px;    
  }
  
  .selectModel {
    color:              #666666;
    font-weight:        bold;
    font-family:        Helvetica,Arial;        
  }
  
  .otherModels {
    font-size:      11px;
    color:          #666666;
    font-weight:    bold;
    font-family:    Helvetica,Arial;    
    width:          270px;
  }

  .FilterBox {
    -moz-box-shadow: 3px 3px 4px #CCCCCC;
    -webkit-box-shadow: 3px 3px 4px #CCC; 
    box-shadow: 3px 3px 4px #CCC; 
    /* For IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')"; 
    /* For IE 5.5 - 7 */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');       
    width:          200px;
    height:         400px;
    margin-left:    20px;    
    padding:        15px;
    border:         1px solid #CCCCCC;
    background-color:   #FFFFFF;
  }
  
  .filterLabel {  
    Color:          #666666;
    font-weight:    bold;
    font-size:      18px;
  }
  
  .filterDesc {
    border:     1px solid #C0C0C0;
    z-index:    999;
    padding:    15px 10px 20px 10px;
    width:      325px;
    display:    none;
    background-color:   #FFFFFF;
  }
  
  .selectAll {  
    Color:          #666666;
    font-weight:    bold;
    font-size:      10px;
  }
  
  .description {  
    Color:          #666666;    
    font-weight:    bold;
    font-size:      11px;
    margin-bottom:  10px;
  }
  
  .content {
    background-color:       #FCFCFC;
    border-left:            1px solid #F2F2F2;
    border-right:           1px solid #F2F2F2;    
  }
  
  .familyImage {
    width:          276px;    
    height:         430px;    
  }
  
  #cycloImage {
    margin-left:    15px;
    border:         3px solid #FFFFFF;
    cursor:         pointer;
  }
  
  .cyclotech {
    font-family:    Helvetica;
    font-size:      25px;
    font-weight:    bold;
    color:          #FFFFFF;
    background-color:   #f70202;
    text-align:     left;
    width:          272px;
    border:         1px solid #CCC;
    padding:        3px;
  }
  
  .cyclotext {
    font-family:    Helvetica;
    font-size:      12px;
    font-weight:    bold;
    color:          #333;
    opacity:        .75;
    filter:         alpha(opacity=75);
    background-color: #FFFFFF;
    width:          262px; 
    padding:        7px;
    position:       relative;
    top:            386px;
  }    
  
  .msrp {
    font-size:      10px;
    margin-left:    -10px;
    font-weight:    bold;
  }
  
  .displayPrice {
    font-size:      24px;
    font-weight:    bold;
    color:          #666666;
    float:          right;
    margin-right:   20px;
    padding-bottom: 10px;
    padding-top:    5px;
  }
  
  .bikeTitle {
    float:      left;
    background-color:   #CC0000;
    width:              625px;
    color:              #FFFFFF;
    padding-left:       5px;
  }
  
  .productName {
    clear:          both;
    color:          #666666;
    font-size:      16px;
    font-weight:    bold;
    padding-top:    5px;
    padding-bottom: 10px;
  }
  
  .bikeModel {
    color:          #CA0003;
    font-size:      10px;
    margin-left:    -10px;
    font-weight:    bold;
  }
  
  .bikeFamily {
    position:           absolute;
    z-index:            999;
    top:                355px;
    background-color:   #FFFFFF;
    display:            none;
    border:             1px solid #CCCCCC;
    -moz-box-shadow:    0px 0px 15px #CCCCCC;
    -webkit-box-shadow: 0px 0px 15px #CCC; 
    box-shadow: 0px 0px 15px #CCC; 
    /* For IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#CCCCCC')"; 
    /* For IE 5.5 - 7 */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#CCCCCC');       
    padding-top:        10px;
    padding-bottom:     20px;
  }
  
  .closeMarker {
    position:       absolute;
    top:            -10px;
    left:           960px;
    font-weight:    bold;
    color:          #CC0000;
    font-size:      18px;    
  }  
  
  .experience {
    color:          #CA0003;
    font-weight:    bold;
    font-size:      12px;
    font-family:    Helvetica, Arial;
  }
  
  .filters {
    color:          #666666;
    font-weight:    bold;
    font-size:      12px;
    font-family:    Helvetica, Arial;
  }
  
  .checkbox {
    background-color:   #FFFFFF;    
    border:             none;
  }  
  
  .bikeSectionThumb {
    float:              left;
    margin-right:       5px;
    margin-bottom:      5px;
    padding-top:        3px;
    padding-left:       16px;
    padding-right:      16px;
    border:             1px solid #C0C0C0;
    background-color:   #FFFFFF;
    cursor:             pointer;
  }
  
  .bikeSectionName {
    color:          #CA0003;
    font-family:    Helvetica, Arial;
    font-size:      12px;
    font-weight:    bold;         
    text-transform: uppercase;
    background-color: #FFFFFF;
    margin-left:    0px;
  }
  
  .altViews {
    margin-top: 10px;
  }
  
  .altImage {
    border:     1px solid #CCCCCC;
    margin-bottom: 5px;
    cursor:     pointer;
  }
  
  .radioButtonActive {    
    cursor:             pointer;        
    margin-right:       4px;
    margin-top:         2px;
    float:              right;
    height:             9px;
    width:              9px;
    background-image:   url('/bc/_img/home/radio_btn_active.png');
  }
  
  .radioButtonInactive {    
    cursor:             pointer;        
    margin-right:       4px;
    margin-top:         2px;
    float:              right;
    height:             9px;
    width:              9px;
    background-image:   url('/bc/_img/home/radio_btn.png');
  }
  
  .equipFeatures {
  
    color:          #666666;
    font-size:      22px;
    font-family:    Helvetica, Arial;
    font-weight:    bold;
    text-transform: uppercase;
    padding-bottom: 5px;
  }
  
  .specCol1 {    
    width:      200px;
    padding:    5px;
    height:     50px;
  }
  
  .orderForm td {
    padding-right: 10px;
  }
  
  .addtocart {  
    background-color:   #FFFFFF;
    color:              #666666;   
    font-size:          12px;
    font-family:        Helvetica, Arial;
    font-weight:        bold;
    padding-left:       3px;
    padding-right:      3px;
    width:              80px;
  }
  
  .outline {
    background-color:   #FFFFFF;    
    border:             1px solid #CCC;
    padding:            5px;    
    text-align:         center;
    float:              left;    
  }
  
  .outofstock {
    color:              #666666;
    font-size:          12px;
    font-family:        Helvetica, Arial;
    font-weight:        bold;
    text-decoration:    none;
    
  }
  
  .qty {
    color:          #666666;
    font-weight:    bold;
    text-align:     center;
    
  }
  
  .qtyinput {
    background-color:    #FFFFFF;    
    text-align:         center;
  }

  .specCol2 {    
    width: 340;
    padding: 5px;
    text-align:left;
  }
  
  
  .tabActive {
        font-family: Helvetica, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #CA0003;
        margin-top: 15px;
        border-top: 1px solid #DEDEDE;
        border-left: 1px solid #DEDEDE; 
        border-right-style: none;
        border-bottom: 1px solid #DEDEDE;      
        background-color: #F5F5F5;
        padding-top: 7px;
        padding-right: 33px;
        padding-bottom: 6px;
        padding-left: 33px;
        float: left;
        text-transform: uppercase;
}

.tabActiveLast {
        font-family: Helvetica, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        margin-top: 15px;
        border-top: 1px solid #DEDEDE;
        border-left: 1px solid #DEDEDE;       
        border-right-style: solid;
        border-bottom: 1px solid #DEDEDE;             
        background-color: #FFFFFF;
        padding-top: 7px;
        padding-right: 33px;
        padding-bottom: 6px;
        padding-left: 33px;
        float: left;
        border-right-width: 1px;
        border-right-color: #DEDEDE;
        text-transform: uppercase;
}

.tabInactive {
        font-family: Helvetica, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: 15px;
        background-color: #f70202;
        padding-top: 7px;
        padding-right: 33px;
        padding-bottom: 6px;
        padding-left: 33px;
        margin-right: 0px;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
        border-left: 1px solid #DEDEDE;
        border-right-style: none;
        float: left;
        text-transform: uppercase;
}

.tabInactiveLast {
        font-family: Helvetica, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        margin-top: 15px;
        background-color: #f70202;
        padding-top: 7px;
        padding-right: 33px;
        padding-bottom: 6px;
        padding-left: 33px;
        float: left;
        margin-right: 0px;
        border: 1px solid #DEDEDE;
        text-transform: uppercase;
}

div.tabInactive a, div.tabInactiveLast a {
        color: #FFFFFF;
        text-decoration: none;
}

div.tabInactive a:visited, div.tabInactiveLast a:visited{
        color: #FFFFFF;
        text-decoration: none;
}

div.tabInactive a:hover, div.tabInactiveLast a:hover {
        color: #FFFFFF;
        text-decoration: none;
}

div.tabInactive a:active, div.tabInactiveLast a:active {
        color: #FFFFFF;
        text-decoration: none;
}