body {
    text-align: center;
}

#everything {
    width: 1024px;
    margin: 0px auto;
    text-align: left;
    background: white;
    padding: 2px 15px 15px 15px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    position: relative;
}

img {
    border: 0;
    text-decoration: none;
    color: #F92828;
}

a {
    border: 0;
    text-decoration: none;
    color: #F92828;
}

a:hover {
    border: 0;
    text-decoration: none;
    color: black;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
    outline-style: none;
}

#description .description_title a {
    border: 0;
    text-decoration: none;
    color: black;
    font-weight: bold
}

#description .description_title a:hover {
    border: 0;
    text-decoration: none;
    color: blue;
    font-weight: bold
}

.hidden {
    display: none;
}

textarea {
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

textarea:focus {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #f6f6f6;
}

h1 {
    font-size: 16px;
    text-transform: none;
    color: #000;
    padding: 0 5px 0 8px;
    background: white;
    margin: 5px 0 10px 0;
    max-width: 100%;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
}

/* TPR 2018-02-06 was text-transform:uppercase; */
h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2.leftabit {
    margin-left: 40px;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
}

h3 {
    font-size: 14px;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin: 5px 0px;
    color: #444;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
}

h4 {
    font-size: 12px;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin-top: 0px;
    color: #000;
    margin: 15px 0 0px;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
}

#models h3 {
    font-size: 18px;
    position: relative;
    top: 16px;
}

#fullwidth {
    width: 1024px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
}

input[type=checkbox] {
    margin-right: 5px;
    margin-left: 5px;
}

/* #header {width:1024px; height: 70px;  -moz-box-shadow:0 0 4px #666; -webkit-box-shadow:0 0 4px #666;box-shadow:0 0 4px #666;} TPR 20151222 */
#header {
    height: 70px;
}

#logo {
    float: left;
    margin-left: 0px;
}

#top_menu {
    float: right;
    height: 30px;
    width: 984px;
    display: none;
}

#social_bar {
    padding: 0;
    float: left;
    width: 136px;
    margin-top: 6px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#social_bar li {
    list-style-type: none;
    float: left;
    margin: 0 7px;
}

#social_bar li img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#shopping-cart {
    background: #F92828;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    height: 22px;
    width: 100px;
    font-style: normal;
    line-height: 16px;
    padding: 4px 0px 0px 0px;
    margin-left: 10px;
    float: left;
    z-index: 1;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    z-index: 9999999;
    opacity: 0.9;
}

#shopping-cart img {
    float: left;
    margin-top: -3px;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
}

#shopping-cart a {
    color: white;
    text-decoration: none;
}

/* #lang_bar { position: absolute;  margin:0; padding:0;left: 350px;top: 24px;z-index: 9999999;} TPR 20160118*/
#lang_bar {
    margin: 0;
    padding: 0;
    z-index: 9999999;
}

#lang_bar li {
    list-style-type: none;
    display: inline;
    margin-right: 5px;
}

#lang_bar li img {
    border: none;
    width: 20px;
}

.menu {
    width: 600px;
    height: 15px;
    z-index: 999999;
    float: right;
    margin: 25px 0 0 0;
}

#contact {
    float: left;
    height: 28px;
    font-size: 12px;
    margin-top: 6px;
    margin-right: 12px;
    line-height: 28px;
}

#wrapper {
    max-width: 1024px;
    height: auto !important;
    margin: 15px auto 5px;
}

/* TPR 20160617 was width */
#left {
    float: left;
    width: 590px;
    *width: 560px;
    margin-top: 12px;
}

#left p {
    margin: 10px;
}

#left p.social_links a {
    margin: 0 11px;
}

#rider {
    margin-top: 0;
    width: 202px;
    height: 355px;
}

#rider img {
    width: 202px;
    height: 255px;
}

#features {
    margin: 0;
    padding-left: 12px;
    margin-top: 42px;
    display: none;
}

#features img {
    width: 109px;
    height: 109px;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 109px;
    height: 109px;
}

/* .jcarousel-skin-tango .jcarousel-container{ -moz-border-radius:10px} */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 332px;
    padding: 0 28px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 330px;
    height: 109px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 109px;
    height: 109px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 2px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal img {
    margin-right: 2px;
    border: none;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/trampa/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/trampa_prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#main_bg {
    height: 495px;
    width: 428px;
    float: right;
    margin: 6px 0 4px 0px;
}

#main_content {
    margin: 12px;
    margin-bottom: 6px;
    font-size: 11px;
}

.more {
    background-image: url(/imgs/button_readmore.gif);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 86px;
    float: right;
    margin: 15px 20px 5px 0;
}

.morevideo {
    background-image: url(/imgs/button_watchvideo.gif);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 140px;
    float: right;
    margin: 15px 20px 15px 0;
}

.morephoto {
    background-image: url(/imgs/button_viewalbum.gif);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 140px;
    float: right;
    margin: 15px 20px 15px 0;
}

.more span,
.morevideo span,
.morephoto span {
    display: none;
}

#featured_board {
    text-align: center;
}

#featured_board img {
    width: 100%;
    height: auto;
}

/* TPR 20160202 was width: 420px */
#rotator {
    width: 342px;
    height: 200px;
    margin-left: -6px;
}

#rider_rotator {}

#rotator object img {
    width: 342px;
    height: 200px;
}

#separate_parts {
    height: 181px;
    width: 385px;
    margin: 0 0 20px;
    padding: 0 15px;
    background: white;
    float: left;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    line-height: 15px;
}

#separate_parts table {
    text-align: center;
    width: 320px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
}

#separate_parts table tr td img {}

#separate_parts table tr td a {
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #F92828;
    text-decoration: none;
    display: block;
    font-variant: normal;
}

.inner_single {
    padding-left: 15px;
}

#inner_main {
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    box-sizing: border-box;
}

#inner_main h1 {
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-bottom: 4px;
    margin: 16px 0;
    text-transform: uppercase;
}

#inner_main #inner_left h1 {
    margin: -5px 0 5px;
}

#inner_main p,
#inner_left p,
#tabbed_solo p {
    margin: 10px 0;
}

#inner_left {
    width: 420px;
    float: left;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
}

/*  max-width:420px;  */
#inner_right {
    max-width: 680px;
    float: left;
    margin-top: 12px;
    margin-left: 12px;
    border: 1px solid red;
}

#inner_left img.product_img {
    max-width: 480px;
}

#product_search {
    font-size: 11px;
    margin: 10px;
}

#tabbed_solo {
    float: right;
    font-size: 14px;
    padding: 15px;
    line-height: 18px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    width: 525px;
}

#main_solo {}

#tabbed_main {
    width: 480px;
    float: left;
    margin-left: 12px;
    margin-right: 12px;
}

#tabbed_right {
    width: 480px;
    float: left;
    margin-left: 12px;
    margin-top: 20px;
}

div.ui-tabs-panel table,
div.components-panel table {
    font-size: 12px;
    margin-bottom: 10px;
}

div.ui-tabs-panel table caption,
div.components-panel table caption,
rates-table {
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: -9px;
}

div.ui-tabs-panel table th,
div.components-panel table th,
rates-table th,
table.productListing th {
    font-weight: bold;
    text-align: left;
    height: 22px;
    line-height: 22px;
}

div.ui-tabs-panel table td,
div.components-panel table td,
rates-table td {
    height: 22px;
    border-bottom: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #bfb8b8;
}

div.components-panel table,
.rates-table {
    font-size: 12px;
}

table .features2 {
    text-align: right;
}

table .features3 {
    width: 60px;
    text-align: right;
}

table .table-total {
    border-bottom: none !important;
    border-top-width: 2px !important;
    border-top-color: #BFB8B8 !important;
    border-top-style: solid !important;
}

table .bold-black {
    font-weight: bold;
    color: #000;
}

table .text-center {
    text-align: center !important;
}

ul.arr {
    display: block;
    margin: 15px 0px 15px 30px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left;
}

ul.arr li {
    float: none;
    margin-bottom: 5px;
    border-bottom: 1px dotted #BFB8B8;
    padding-bottom: 3px;
}

ul.arr li a {
    padding: 0;
    background: none;
    float: none;
    color: white;
    font-weight: normal;
    text-decoration: underline;
}

ul.arr li a:hover {
    padding: 0;
    background: none;
    float: none;
    color: #f92828;
}

div.team {
    float: left;
    width: 480px;
}

#categories {}

#categories .filter_cat {
    margin-bottom: 10px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    padding: 6px;
}

#categories .filter_cat select {
    margin-right: 5px;
}

#categories .filter_cat label {
    color: #F92828;
    font-weight: bold;
    padding: 2px 4px;
    margin: 6px 0px;
    display: inline-block;
    font-size: 12px;
}

#categories ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 1040px;
}

#categories li {
    float: left;
    text-align: left;
    width: 331px;
    height: auto;
    vertical-align: top;
    margin: 0 15px 15px 0px;
    position: relative;
}

/* TPR 20160119 - removed shadow box-shadow:0 0 4px #666; -moz-box-shadow:0 0 4px #666; -webkit-box-shadow:0 0 4px #666; height was 207px
#categories li:hover{}
#categories img { width:331px;  margin: 0 auto 4px; display:block;  } /* TPR 20151222 was margin 0 auto 12px */
#categories li span,
#categories li div#category_title {
    margin: 0 1px;
    display: block;
    color: #444;
    font-weight: bold;
    font-size: 12px;
}

#categories li div#category_title {
    min-height: 28px;
    margin-top: 5px;
}

#categories li div.item_title {
    height: 32px;
    display: block;
}

div.tooltip strong {
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 12px;
    display: block;
}

div.tooltip strong small {}

div.tooltip small {
    font-size: 14px;
    font-weight: bold;
}

div.tooltip form {
    float: right;
    margin-left: 5px;
}

div.tooltip img.quick_info {
    cursor: pointer;
    float: right;
    margin-left: 5px;
    height: 18px !important;
    width: 20px !important;
    border: 0 !important;
}

#categories li:hover {
    -moz-box-shadow: 0 0 8px #f92828;
    -webkit-box-shadow: 0 0 8px #f92828;
    box-shadow: 0 0 8px #f92828;
}

#categories a.newline {
    border: none;
    color: #666;
    text-decoration: none;
    font-size: 11px;
    display: block;
    text-transform: none;
    line-height: 14px;
}

#categories a:hover {
    color: #f92828;
}

#parent_cat a {
    border: none;
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    display: block;
    text-transform: capitalize;
    float: left;
    margin: 0 0 0 95px;
    text-align: center;
}

#parent_cat img {
    width: 360px;
    height: 360px;
    margin-bottom: 12px;
    display: block;
    border: 2px solid black;
}

#parent_cat img:hover {
    border: 2px solid #f92828;
}

#comps a {
    margin: 10px 2px;
    float: left;
    display: block;
    height: 160px;
    width: 195px;
    text-align: center;
    border: none;
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
    display: block;
    text-transform: capitalize;
}

#comps a:hover {
    color: #f92828;
}

#comps img {
    margin-left: 16px;
    border: none;
    width: 185px;
    height: 82px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    margin-bottom: 6px;
}

#comps img:hover {
    -moz-box-shadow: 0 0 4px #F92828;
    -webkit-box-shadow: 0 0 4px #F92828;
    box-shadow: 0 0 4px #F92828;
}

#models {
    margin: 24px 0;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    text-align: center;
}


/* #models .jcarousel-skin-tango .jcarousel-container{-moz-border-radius:6px} */
#models .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 80%;
    height: 210px;
    padding: 0 10%;
}

#models .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
    height: 209px;
}

#models .jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 209px;
}

#models .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
    margin-top: 40px;
    text-align: center;
    margin-left: 5px;
}

#models .jcarousel-skin-tango .jcarousel-item-horizontal img {
    margin-right: 16px;
    border: none;
    width: 160px;
    height: 71px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    margin-bottom: 6px;
}

#models .jcarousel-skin-tango .jcarousel-item-horizontal img:hover {
    -moz-box-shadow: 0 0 4px #F92828;
    -webkit-box-shadow: 0 0 4px #F92828;
    box-shadow: 0 0 4px #F92828;
}

#models .jcarousel-skin-tango .jcarousel-item-horizontal a {
    margin-right: 5px;
    border: none;
    color: #666;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
}

#models .jcarousel-skin-tango .jcarousel-item-horizontal a:hover {
    color: #f92828;
}

#models .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#models .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 28px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/trampa/next-horizontal.png) no-repeat 0 0;
}

#models .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/trampa/prev-horizontal.png) no-repeat 0 0;
}

#right {
    float: left;
    height: 482px;
    width: 240px;
    margin-top: 2px;
    margin-left: 0;
    overflow: hidden;
}

#ride_guide {
    height: 202px;
    width: 240px;
    float: left;
    background-image: url(/images/trampa/ride_guide_1024.jpg);
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 4px;
    cursor: pointer;
    overflow: hidden;
    background-position: 0 0;
}

#ride_guide h2 {
    margin: 12px;
    padding-bottom: 4px;
    margin-bottom: 0;
}

#world {
    height: 130px;
    width: 240px;
    margin-top: 42px;
}

#world>object {
    height: 150px;
    width: 240px;
    padding: 0;
}

#world>object embed {
    height: 150px;
    width: 240px;
}

#upcoming_events {
    height: 268px;
    width: 240px;
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    background-image: url(/images/trampa/upcoming_events_1024.jpg);
    background-repeat: no-repeat;
}

#upcoming_events h2 {
    margin: 12px;
    color: #000;
    padding-bottom: 4px;
    margin: 8px 12px 4px;
}

#upcoming_events h2 a {
    color: #000;
}

#upcoming_events p {
    font-size: 10px;
    line-height: 14px;
    padding: 0 0 0 5px;
    margin: -1px 0 2px;
}

#calendar {
    width: 515px;
    position: relative;
}

.push {
    height: 30px;
    /* .push must be the same height as .footer */
}

.footer_full {
    height: auto;
    width: 1024px;
    position: relative;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    margin-left: 0;
    font-size: 11px;
    z-index: 1;
    margin-top: 0;
}

/* TPR 20160202 was height:90px; margin-top: 15px; */
.footer2 {
    height: 95px;
}

.footer {
    color: #999;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    width: 990px;
}

.footer img.footer_logo {
    margin: 0 10px 5px 0;
    width: 160px;
}

.footer a {
    color: #706b6b;
    text-decoration: none;
}

div.footer-left {
    float: left;
    max-width: 30%;
    padding-left: 1%;
}

div.footer-right {
    float: right;
    max-width: 70%;
}

table.paymentlogos {
    float: none;
    margin-top: -15px;
}

/*float:none;*/
table.paymentlogos img {
    width: 43px;
}

table.checkoutlogos {
    display: block;
    margin: 0;
}

table.checkoutlogos img {
    width: 40px;
}

#map_canvas {
    margin: 0px;
}

.gmnoprint {
    color: #706B6B;
}

.gmnoprint a {
    color: #F92828;
}

table.productListing {
    width: 970px;
    margin: 15px;
}

td.productListing-heading {
    padding: 4px 0 4px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #444;
}
td.productListing-title {
    padding: 4px;
    text-align: right;
}
td.productListing-data {
    padding: 4px 4px 4px 4px;
    text-align: left;
}

td.productListing-data a {
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle
}

table.productListing tr td {
    border-bottom: 2px solid black;
}

table.productListing tr td.productListing-data table td {
    border: none !important;
}

td.total_price {
    padding-right: 18px;
}

p.login_form {
    margin: 0 !important;
}

p.login_form label {
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 120px;
    font-size: 12px;
    clear: both;
}

p.login_form input[type=text],
p.login_form input[type=password],
p.login_form input[type=text]:active,
p.login_form input[type=password]:active,
p.login_form input[type=text]:focus,
p.login_form input[type=password]:focus {
    display: inline-block;
    width: 280px;
    margin: 0 5px 10px 0;
    height: 20px;
}

p.login_form select,
p.login_form select:focus,
p.login_form select:active {
    margin: 3px 0 10px 0 !important;
}

p.login_form input#weight,
p.login_form input#height,
p.login_form input#year,
input#budget {
    width: 60px;
}

p.login_form textarea {
    margin-top: 5px;
    height: 80px;
    width: 290px;
}

p.login_form input:focus,
p.login_form select:focus {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

/* was  margin-top:15px; height:20px;  */
span.login_button input,
span.login_button a {
    margin-left: 120px;
    height: 18px !important;
    margin-top: 15px !important;
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

img.captcha {
    margin: 0 10px 0 127px;
}

.inner_title {
    margin-left: 10px;
}

div.basket_quan {
    width: 30px;
    float: left;
    clear: both;
    margin-right: 10px;
}

div.basket_prod {
    float: left;
    width: 410px;
    margin-right: 5px;
}

div.basket_cost {
    float: right;
    font-weight: bold;
    font-size: 14px;
}

.add_to_basket {
    background: #3baf00;
    border: 0;
    cursor: pointer;
    color: black;
    font-size: 14px;
    padding: 16px 12px;
    display: block;
    float: right;
    margin: 18px 0 6px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 140px;
    height: 50px;
}

.add_to_basket:hover {
    -moz-box-shadow: 0 0 0px #666;
    -webkit-box-shadow: 0 0 0px #666;
    box-shadow: 0 0 0px #666;
}

.q_add_to_basket {
    height: 18px;
    width: 20px;
    background: none;
    border: 0;
    cursor: pointer;
}

.product_price {
    text-align: left;
    font-size: 20px;
    margin: 10px 0;
    padding: 5px;
    font-variant: small-caps;
}

.product_price span.red {
    color: #F92828;
    font-size: 16px;
}

span.red_small {
    color: #F92828;
    font-size: 13px;
}

.product_price form {
    float: right;
    margin-left: 15px;
    margin-bottom: 0;
    width: 100%;
    font-size: 12px;
    text-align: right;
}

.product_price form em {
    font-size: 16px;
}

img.news_img {
    float: left;
    margin: 0 1%x 10px 0;
    width: 98%;
}

.news h2 {
    font-size: 18px;
    margin: 10px 0;
    height: 40px;
}

.news h4 {
    font-size: 14px;
    margin: 0;
}

.news h4 a {
    color: #666;
}

#flickr_gallery {
    margin: 0 auto;
    width: 820px;
    height: 620px;
    text-align: center;
}

#video_gallery {
    margin: 0 auto;
    width: 820px;
    height: 620px;
    text-align: center;
}

#shadowbox_overlay {}

#shadowbox_content {
    margin: 0 auto;
    text-align: center;
}

#mc-embedded-subscribe {
    height: 18px;
    width: 83px;
    float: right;
    background: none;
    border: 0;
    background-image: url(/imgs/button_subscribe.gif);
    background-repeat: no-repeat;
    margin-right: 20px;
}

div.mce_inline_error {
    background: none !important;
}

span.rider_details_request {
    display: block;
    margin: 10px 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 -15px;
    clear: both;
}

p.info_span,
div.info_span {
    display: block;
}

#breadcrumb_holder {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 5px;
    border-bottom: 1px #ddd dotted;
}

/* 2019-06-13 */
#breadcrumbs {
    text-transform: lowercase;
    font-variant: small-caps;
    text-align: left;
    line-height: 22px;
    font-weight: bold;
    margin: 2px 0 -32px;
    color: #222;
    width: auto;
    float: left;
    font-size: 12px;
}

/* TPR 20150201 width was 490px */
#breadcrumbs a {
    margin: 0 10px 0 4px;
    font-size: 12px;
}

#breadcrumbs a:hover {
    color: #F92828;
}

#producttip {
    display: none;
    background: transparent url(/imgs/black_arrow.png);
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
}

.addthis_button {
    cursor: pointer;
    position: relative;
    top: 2px;
}

#inner_left img.product_img {
    width: 476px;
    border: 2px solid black;
    height: auto;
}

.simple_overlay {
    display: none;
    z-index: 10000;
    background-color: #fff;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
}

.simple_overlay .close {
    background-image: url(/imgs/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

span.spec_download a {
    cursor: pointer;
    background: #F6F6F6;
    border: 0;
    cursor: pointer;
    color: #F92828 !important;
    font-size: 12px;
    padding: 6px 12px;
    display: block;
    margin: 10px 0;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    clear: both;
}

span.spec_download a:hover {
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
    color: #F92828 !important;
}

#search-form {
    width: auto;
    float: left;
}

#search-form .searchterm {
    width: 157px;
    padding: 6px 0 6px 10px;
    color: #000;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    border: none;
    background: #FFF;
}

#search-form .btn {
    height: 18px;
    width: 128px;
    float: left;
    background: none;
    border: 0;
    background-image: url(/imgs/button_search.gif);
    background-repeat: no-repeat;
    margin-left: 5px;
}

#mc_embed_signup {
    padding: 0 0 5px;
    margin-top: -5px;
}

img.parts_thumb {
    width: 115px;
}

.clear {
    clear: both;
    display: block;
}

.clear_10 {
    clear: both;
    height: 10px;
}

.clear_20 {
    border-top: 1px dotted #F92828;
    clear: both;
    height: 10px;
    position: relative;
    top: 4px;
}

.clear_30 {
    clear: both;
    height: 2px;
    background: white;
    margin: 10px;
    /*-moz-box-shadow:0 0 4px #666; -webkit-box-shadow:0 0 4px #666;box-shadow:0 0 4px #666;*/
}

/* container for slides */
.slideimages {
    position: relative;
    height: auto;
    width: 100%;
    float: left;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
}

/* TPR 20160119 was width:415px; -moz-box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666;box-shadow:0 0 8px #666; height:268px;*/

/* single slide */
.slideimages div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 210px;
    font-size: 12px;
}

/* tabs (those little circles below slides) */
.tabs {
    clear: both;
    margin-left: 120px;
}

/* single tab */
.tabs a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(/slideshow/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

/* mouseover state */
.tabs a:hover {
    background-position: 0 -8px;
}

/* active state (current page state) */
.tabs a.current {
    background-position: 0 -16px;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
    visibility: hidden !important;
}

div.news_ticker {
    width: 236px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin-top: 0px;
    margin-left: 6px;
    display: none;
}



#events_solo {
    width: 97%;
    max-width: 980px;
    float: left;
    margin-left: 1.2%;
    margin-right: 1.2%x;
    font-size: 14px;
}

#events_solo a.event {
    display: block;
    width: 96%;
    float: left;
    margin: 2%;
    max-width: 450px;
    padding: 10px;
    height: 50px;
}

#events_solo a.event h4 {
    margin-top: 0;
    font-size: 16px;
}

#events_solo a.event h3 {
    margin-top: 0;
    font-size: 12px;
}

#events_solo h1 {
    clear: both;
    border: 0;
    font-size: 36px;
    line-height: normal;
}

.links .info_span a {
    cursor: pointer;
    background: #ffffff;
    border: 0;
    cursor: pointer;
    color: #F92828 !important;
    font-size: 18px;
    padding: 3px 6px;
    display: block;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    float: right;
    clear: both;
    float: none;
    text-align: left;
    font-size: 12px;
    margin: 5px 0 0;
}

#rider_setup a {
    font-size: 10px;
    margin-top: 5px;
}


ul.team_list {
    list-style-type: none;
    margin: 15px;
}

ul.team_list li {
    margin-bottom: 5px;
}

ul.team_list li a {
    background-color: #F92828;
    color: white;
    padding: 2px 4px;
    font-weight: bold;
    font-size: 11px;
}


a.print_icon {
    float: right;
    display: none;
}

a.print_icon img {
    height: 10px;
    margin-top: 5px;
}

div.model_number {
    text-align: right;
    font-size: 11px;
    margin-top: 12px;
    margin-right: 10px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.links .info_span {
    float: left;
    width: 50%;
    overflow: hidden;
    box-sizing: border-box;
}

#primary {
    display: block;
    margin-left: 60px;
}

div.share-holder {
    background: none repeat scroll 0 0 white;
    margin-left: 3px;
    padding: 10px 0;
    text-align: center;
    width: 472px;
}

div.share-holder>span {
    margin: 0 25px;
}

div.shipping_zone {
    margin: 5px 0 15px;
    clear: both;
}

div.shipping_zone h4 {
    width: 98%;
    border-bottom: 2px solid white;
}

div.shipping_zone>div {
    width: 40%;
    float: left;
}

div.shipping_flag {
    width: 24px;
    float: left;
}

div.shipping_dest {
    width: 100px;
    float: left;
}

div.shipping_cost {
    float: left;
}

.fb-like {
    margin-right: 5px;
    z-index: 999999;
}

span.select-300 select {
    max-width: 300px;
}

div#admin_warning {
    color: red;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;

}

div#worldpay_response {
    background-color: #ffffff;
    color: #000000;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}



blockquote.review {
    font-size: 13px;
    font-weight: bold;
}

p.reviewee {
    font-size: 13px !important;
    text-align: right;
    font-weight: bold;
    color: #F92828;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.seo-title {
    display: none;
}

#side-menu {
    float: left;
    width: 240px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    margin-top: 8px
}

/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
    margin: 0 5px 0 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    /* top: 100%; */
    /* left: 0; */
    z-index: 99999;
}

.sf-menu>li {
    float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}


/*** SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu ul {
    box-shadow: 2px 2px 6px #888;
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */
    z-index: 99999;
}

.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #f0f0f0;
    /* fallback colour must use full shorthand */
    border-top: 1px solid #f0f0f0;
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1;
    /* IE7 */
}

.sf-menu a {
    color: #444;
}

.sf-menu li {
    background: #FFF;
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    z-index: 99999;

}

.sf-menu ul li {
    background: #FFF;
    z-index: 99999;
}

.sf-menu ul ul li {
    background: #FFF;
    z-index: 99999;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #D4D4D4;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #444;
    /* edit this to suit design (no rgba in IE8) */
    border-top-color: #444;
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: #444;
    /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #444;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: #444;
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: #444;
}

.sf-menu {
    padding: 0;
    z-index: 999;
    margin: 0 0 0 3px;
}

.sf-menu>li {
    background: #FFF;
}

.sf-menu li a {
    font-size: 13px;
    font-weight: bold;
    padding: 7px 10px 3px 10px;
}

.sf-menu a:hover {
    color: #F92828;
}

.sfHover>a {
    color: #F92828;
}


li.catmenu_38>ul {
    margin-top: -260px !important;
}

#product-slideshow-plus-nav {
    height: auto;
    overflow: hidden;
}

#product-slideshow-container {
    max-width: 1024px;
    float: left;
    height: auto;
    position: relative;
}

#product-slideshow {
    max-width: 1024px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    height: auto;
    overflow: hidden;
    z-index: 500;
    position: relative;
}

#product-slideshow img {
    max-width: 1024px;
    width: 100%
}

/* TPR 20160617 was width */

#rider-slideshow-container {
    width: 530px;
    float: left;
    height: auto;
    position: relative;
}

#rider-slideshow {
    width: 530px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    height: auto;
    overflow: hidden;
    z-index: 500;
    position: relative;
    min-height: 237px;
}

#rider-slideshow img {
    width: 530px;
}

#buying_options {
    width: 460px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    padding: 12px;
    text-align: right;
    font-size: 14px;
    float: right;
    min-height: 322px;
}

#buy_item .red {
    color: #F92828;
    font-weight: bold;
    font-size: 22px;
}

#front_parts_menu {
    width: 600px;
    text-align: center;
    margin-left: -5px;
    margin-top: 2px
}

#front_parts_menu td {
    -moz-box-shadow: 0 0 8px #fff;
    -webkit-box-shadow: 0 0 8px #fff;
    box-shadow: 0 0 8px #fff;
    width: 196px;
}

#front_parts_menu td:hover {
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
}

#front_parts_menu a {
    color: #666;
    font-weight: bold;
    font-size: 16px;
}

#front_parts_menu a:hover {
    color: #F92828;
}

#google_translate_element {
    margin: 10px 0 0 3px;
    padding: 3px 3px;
    width: 154px;
    float: right;
    background: #F6F6F6;
    clear: both;
}

.phone-menu {
    margin: 0px 0 0 0;
    font-size: 22px;
    font-weight: bold;
    color: #111;
    float: right;
    clear: both;
}

img#phone_icon {
    padding-right: 6px;
}

.red_button {
    background: #F92828;
    border: 0;
    cursor: pointer;
    color: white;
    font-size: 18px;
    padding: 6px 12px;
    display: block;
    margin: 18px 0 6px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.red_button:hover {
    -moz-box-shadow: 0 0 0px #666;
    -webkit-box-shadow: 0 0 0px #666;
    box-shadow: 0 0 0px #666;
}



.button_image {
    cursor: pointer;
    background: #F6F6F6;
    border: 0;
    cursor: pointer;
    color: #F92828 !important;
    font-size: 18px;
    padding: 6px 12px;
    display: block;
    margin: 18px 0 6px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
    font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    float: left;
    clear: both;
}

.button_image:hover,
.button_image:focus,
.button_image:active {
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
    color: #F92828 !important;
}

.button_image.small-full {
    float: none;
    text-align: left;
    font-size: 12px;
    margin: 5px 0 0;
}

.button_image.small-full-inline {
    text-align: left;
    font-size: 12px;
    margin: 5px 10px 0 0;
    display: inline-block;
    float: none;
}


span#messages {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.productListing-data {
    vertical-align: middle;
}

.productListing-data img {
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    box-shadow: 0 0 4px #666;
}

#slideimages-nav {
    text-align: left;
    width: 100%;
    margin-top: -5px;
}

/* TPR 20160202 was width:417px; text-align: right; */
/*#product-slideshow-nav{text-align: right;width: auto;margin-top: -5px;z-index: 5;} /* TPR 20160202 was width:1024 */
#slideimages-nav a,
#product-slideshow-nav a {
    /*width: 20px;height: 20px;background: #F6F6F6; color: #F6F6F6;font-weight: bold;display: inline-block;text-align: center;*/
    margin: 10px 2px 5px 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    overflow: hidden;
}

#product-slideshow-nav {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
}

#product-slideshow-nav a img {
    width: auto;
    height: 36px;
    margin: 0;
}


#product-slideshow-prev {
    width: 50%;
    height: 100%;
    color: #F92828;
    padding: 0;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    line-height: 60px;
}

#product-slideshow-next {
    width: 50%;
    height: 100%;
    color: #F92828;
    padding: 0;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    line-height: 60px;
}


#zoom-help {
    height: 20px;
    margin: 5px 2px;
    padding: 2px 4px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background: white;
    color: #F92828;
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
    float: left;
    position: relative;
    top: -68px;
    z-index: 5;
    text-transform: uppercase;
    font-size: 11px;
}

#product-slideshow-nav-col {
    text-align: left;
    height: auto;
    z-index: 5;
    float: left;
    display: inline-block;
    margin-left: 3px;
}

/*position: relative;top: -10px;} /*top was -50px height: 68px;*/
#product-slideshow-nav-col a {
    width: 70px;
    height: 36px;
    background: #F6F6F6;
    color: #F6F6F6;
    margin: 5px 2px;
    padding: 2px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    font-size: 1px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
}

#product-slideshow-nav-col a.BLU,
#product-slideshow-nav-col a.WBE {
    color: #0058c8;
    background-color: #0058c8;
}

#product-slideshow-nav-col a.RED,
#product-slideshow-nav-col a.WRD {
    color: #F92828;
    background-color: #F92828;
}

#product-slideshow-nav-col a.BLK,
#product-slideshow-nav-col a.WBK {
    color: #000000;
    background-color: #000000;
}

#product-slideshow-nav-col a.GML {
    color: #555566;
    background-color: #555566;
}

#product-slideshow-nav-col a.BRZ {
    color: #b14d00;
    background-color: #b14d00;
}

#product-slideshow-nav-col a.SVR {
    color: #CCCCCC;
    background-color: #CCCCCC;
}

#product-slideshow-nav-col a.WBK {
    background: url('/imgs/WBK.jpg');
}

#product-slideshow-nav-col a.SNO {
    background: url('/imgs/SNO.jpg');
}

#product-slideshow-nav-col a.WRD {
    background: url('/imgs/WRD.jpg');
}

#product-slideshow-nav-col a.WBE {
    background: url('/imgs/WBE.jpg');
}

#product-slideshow-nav-col a.ARM {
    background: url('/imgs/ARM.jpg');
}

#product-slideshow-nav-col a.CBN {
    background: url('/imgs/CBN.jpg');
}

#product-slideshow-nav-col a.BBL {
    background: url('/imgs/BBL.jpg');
}

#product-slideshow-nav-col a.BRE {
    background: url('/imgs/BRE.jpg');
}


#product-slideshow-nav-col2 {
    text-align: left;
    height: 68px;
    z-index: 5;
    float: left;
    display: inline-block;
    position: relative;
    top: -68px;
}

#product-slideshow-nav-col2 a {
    width: 70px;
    height: 47px;
    background: #F6F6F6;
    color: #F6F6F6;
    margin: 5px 2px;
    padding: 2px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    overflow: hidden;
}

#product-slideshow-nav-col2 a img {
    height: 47px;
    width: 70px;
}


#slideimages-nav a:hover,
#product-slideshow-nav a:hover {
    background: #F92828;
    color: #F92828;
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
}

#slideimages-nav a.activeSlide,
#product-slideshow-nav a.activeSlide {
    background: white;
    color: #F92828;
    -moz-box-shadow: 0 0 8px #F92828;
    -webkit-box-shadow: 0 0 8px #F92828;
    box-shadow: 0 0 8px #F92828;
}

.error,
.errorMessage {
    color: #F92828;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.warning,
.warningMessage {
    color: #999900;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}


#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    line-height: 0
}

#jquery-lightbox a img {
    border: none
}

#lightbox-container-image-box {
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    background-color: #fff
}

#lightbox-container-image {
    padding: 10px
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    height: 25%;
    text-align: center;
    line-height: 0
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

#lightbox-container-image-box>#lightbox-nav {
    left: 0
}

#lightbox-nav a {
    outline: none
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    display: block;
    width: 49%;
    height: 100%;
    zoom: 1
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left
}

#lightbox-nav-btnNext {
    right: 0;
    float: right
}

#lightbox-container-image-data-box {
    overflow: auto;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    background-color: #fff;
    font: 10px Verdana, Helvetica, sans-serif;
    line-height: 1.4em
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666
}

#lightbox-container-image-data #lightbox-image-details {
    float: left;
    width: 70%;
    text-align: left
}

#lightbox-image-details-caption {
    font-weight: 700
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1em
}

#lightbox-secNav-btnClose {
    float: right;
    padding-bottom: .7em;
    width: 66px
}

.fp_menu img {
    width: 98px;
    margin: 5px 0px 5px 25px;
}

h2#video_heading {
    font-size: 32px;
    font-weight: 800;
    color: #000;
}

#main_solo.news {
    float: left;
    margin-left: 1%;
    min-height: 250px;
    font-size: 13px;
    width: 32%;
}

#main_solo.gallery {
    float: left;
    margin-left: 1%;
    height: 230px;
    font-size: 11px;
    width: 32%;
}

#main_solo.gallery h2 {
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 10px;
}

#main_solo h2.video_title {
    padding-top: 5px;
    clear: both;
}

#main_solo h2.video_title a {
    color: #000;
}

#schematic img {
    display: block;
    margin: 0 auto;
    max-width: 1024px;
}

#description p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 40px
}

#purchase select {
    margin-bottom: 10px;
    font-size: 13px;
}

#shopping_cart h4 {
    margin-top: 0;
    font-weight: bold;
}

#shopping_cart table {
    width: 100%;
}

.checkout_shipping_product {
    text-transform: uppercase;
    color: #F92828;
    font-size: 12px;
}

.checkout_shipping_product small {
    color: #666;
    text-transform: none;
}

span.simple-part-weight {
    text-align: right;
    color: #F92828;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    width: 40px;
}

.top-specs-text {
    font-size: smaller;
    text-align: left;
    margin: 0 0px 10px 0px;
}

.top-specs-text p {
    margin: 0 0 10px 0;
}

ul.top-specs {
    text-align: left;
    padding: 0px 15px;
    margin: 0 0 10px 0;
}

ul.top-specs li {
    text-align: left;
}

#buy_item {
    margin-bottom: 0;
    margin-top: 5px;
}

.form-field-required,
.dd_container {
    border-style: solid;
    border-color: #ff0000;
}

.dd_container {
    border-width: 1px;
}

.form-field-required {
    border-width: 3px;
}

.form-field-required-selected {
    border: 1px;
    border-style: solid;
    border-color: #00ff00;
}

.team-cat-link img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* was height:160px width:240px */

.shipping-page table {
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.shipping-page h3 {
    font-size: 11px;
    color: #F92828;
    text-align: center;
}

.shipping-page h2 {
    font-weight: 16px;
    border-top: 1px solid #808080;
    border-bottom: 2px solid #808080;
    padding: 5px 0;
    text-transform: none;
}

.shipping-page .shipping-rate-box {
    float: left;
    width: 33%;
    ;
    padding: 0px 0px 30px 0;
}

.shipping-page .shipping-rate-flag {
    top: 3px;
    position: relative;
    margin-left: 10px;
    width: 20px;
}

.country_price {
    height: 25px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 10px;
}

.country_price img {
    position: relative;
    top: 5px;
    margin-left: 5px;
    width: 20px;
}

#flexometer {
    text-align: center;
}

#flexometer img {
    max-width: 100%;
}

#flexometer p {
    margin: 5px 10px 0 10px;
}

#purchase {
    font-size: 12px;
}

span.red {
    color: #F92828;
}

.box-shadow {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=5);
}

#browserbox {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    margin: 8px 0;
    background-color: #f00;
    display: none;
}

#browserbox p {
    padding: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#browserbox a {
    padding: 0;
    color: #000;
    font-weight: bold;
    text-align: center;
    cursor: hand;
}

.rg_show {
    font-weight: bold;
    font-size: 120%;
    border: 1px;
    border-color: #000;
    width: 80px;
    height: 30px;
    background-color: #F92828;
    color: #fff;
}

.box_ok {
    border: 1px solid;
    padding: 3px;
    margin: 5px;
    border-color: #00ff00;
}

.box_ok_2 {
    border: 1px solid;
    border-color: #00ff00;
}

.box_error {
    border: 1px solid;
    padding: 3px;
    margin: 5px;
    border-color: #ff0000;
}

.box_error_2 {
    border: 1px solid;
    border-color: #ff0000;
}

.box {
    border: 1px solid #F0F0F0;
    padding: 5px;
    margin: 5px;
}

#bio p {
    padding: 0 20px;
}

.components-panel h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

#choose_selector {
    margin-bottom: -6px;
}

#checkout_payment h4 {
    margin: 5px 0 -5px;
    font-style: italic;
}

.order_total_cell {
    text-align: right
}

.qtip-homepage {
    width: 200px;
}

.qtip-catpage {
    width: 330px;
}

.short_tech {
    margin-left: 8px;
    /* 28px 5%*/
    margin-right: 10px;
    /* 25px */
    margin-bottom: 10px;
    /* 28px 5%*/
}

.short_tech p {
    margin: 0;
}

/*changes to help responsive design */
#left {
    width: auto;
    max-width: 595px;
}

div.front_parts_div {
    float: left;
    margin: 3px 1px 0 0;
}

img.front_parts_image {
    width: 196px
}

#responsive_menu {
    display: none;
}

.higher-zindex {
    z-index: 10000000 !important;
}

/* making main site look like responsive */
div#header {
    height: auto;
}

div#left {
    max-width: 100%;
    width: 100%;
}

/*div.front_parts_div{ margin:0 .5% .5% .5%; width:24%; height:auto; } */
/* four columns on front page */

div.front_parts_div {
    margin: 0 .6% 1% .6%;
    width: 32%;
}

/* three columns on front page */

/*div.front_parts_div{margin:0 .5% 1% .5%;width:49%}*/
/* two columns on front page */

img.front_parts_image {
    width: 100%;
}

/* three columns */
div#categories li {
    margin: 0 .6% 1% .6%;
    width: 32%
}

/* 2021-11-23 TPR - fix issue with gaps occuring in image lists when images are slightly different proportions. This only works for three across */
/* div#categories ul li:nth-child(3n-2) {
    clear: both;
} */

/* two columns */
div#categories li {
    margin: 1% 1% 1% 1%;
    width: 48%
}

/* 2021-11-23 TPR - fix issue with gaps occuring in image lists when images are slightly different proportions. This only works for two across */
div#categories ul li:nth-child(odd) {
    clear: both;
}

div#categories img {
    width: 100%;
}

div#main_content {
    display: table;
    padding-left: 1%;
}

div#responsive_holder {
    clear: both;
    width: 100%;
}

div#featured_board {
    display: table-cell;
    clear: both;
    float: left;
    width: 100%;
}

div#separate_parts {
    display: table-cell;
    width: auto;
    height: auto;
    margin-bottom: 0px;
    padding: 5px;
    padding-left: 1%;
    box-shadow: none;
    clear: both;
    float: left;
}

/* was height 300px */
div#separate_parts p {
    margin-top: 0;
}

div#separate_parts p {
    text-align: justify;
    font-size: 14px;
}

ul#lang_bar {
    display: none;
    padding-left: 10px;
    text-align: center;
}

#lang_bar li img {
    width: 32px;
}

div#main_bg {
    float: left;
    height: auto;
    width: 100%;
}

div#main_bg div#main_content {
    margin-left: 0;
    margin-top: 0;
}

div.slideimages {
    width: 100%;
}

/* footer */
div#fullwidth {
    box-shadow: none;
}

div.footer_full {
    box-shadow: none;
}

div.footer2 {
    height: auto;
}

div#payment_logos {
    clear: both;
    padding-top: 10px;
}

div#payment_logos img {
    float: right;
    display: inline-block;
    margin: 4px 0 4px 8px;
    border-radius: 4px;
    border: 1px solid #aaa;
    height: 35px;
}

div#social_icons {
    clear: both;
    padding-top: 20px;
}

div#social_icons img {
    float: right;
    display: inline-block;
    margin: 4px 0 4px 6px;
    width: 52px;
    height: 52px
}

div#trampa_copyright_div {
    clear: both;
    width: 100%;
}

p#trampa_copyright {
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* div#categories {width: 100%;}
div#categories li{width: 100%; height:auto; padding-bottom:5%;}
div#categories img {width: 100%;} */
div#categories ul {
    margin-left: 0px;
}


div.info_span {
    padding: 10px;
}

/* anchors */
#slideimages-holder>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #222;
    display: block;
}

/* images */
#slideimages-holder>a>img {
    width: 100%;
    position: static;
    display: block;
}

nav#dropdown_menu {
    display: inline-block;
    width: auto;
    float: left;
}

.sf-menu li a {
    padding: 7px 5px 3px 5px;
}

div#product_details_panel_left {
    width: 50%;
    float: left;
}

div#product_details_panel_right {
    width: 48%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

div.model_number {
    position: static;
    margin: 4px 3px 0 0;
}

/* product page */
div#basket_button {
    float: right;
    margin-right: 5px;
}

div#rrp {
    float: right;
    margin: 25px 10px 15px 0;
    font-size: 20px;
    font-weight: bold;
}

p#non-eu-tax {
    float: right;
    margin-right: 2px;
    margin-top: -10px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}


/* Andy gallery */
#full_image_div {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    display: none;
    overflow: none;
}

#image_show_image {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    max-width: 100%;
    text-align: center;
}

#image_show {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#close_image {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.gallery_img_thumb {
    max-height: 200px;
    display: block;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}


#product-slideshow img {
    display: none;
}

div#components_text_attributes {
    margin: 0px 10px 0px;
    line-height: 16px;
}

div#selector_id_msdd {
    max-width: 100%;
}

/******************** contact form ********************/
div#contact_inner_left {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    width: 40%;
    float: left;
}

div#contact_tabbed_solo {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    width: 60%;
    float: left;
}

div#contact_inner_left p.login_form {
    box-sizing: border-box;
}

div#contact_inner_left p.login_form label {
    width: 100%;
}

div#contact_inner_left p.login_form input[type="text"] {
    width: 100%;
    height: auto;
    margin-right: 0px
}

div#contact_inner_left p.login_form textarea {
    width: 100%;
}

div#contact_inner_left p.login_form input.inputTextNarrow,
div#contact_inner_left select.contactlabel,
div#contact_inner_left select#currency_id {
    width: 40%;
}

div#contact_inner_left img.captcha {
    margin: 2px 0 2px 0;
    display: block;
}

div#contact_inner_left p.login_form input#copy_me {
    height: 20px;
}

div#contact_inner_left input#contact_button_submit,
div#contact_inner_left input#contact_button_reset {
    clear: none;
    margin-left: 5px;
}

/******************************************************/

.field_required {
    height: 26px;
    margin-bottom: 12px;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 2px #f00;
}

.form-field-required-div {
    height: 26px;
    margin-bottom: 12px;
    border-radius: 6px;
    box-shadow: 1px 1px 3px 2px #f00;
}

.form-field-required-selected-div {
    height: 32px;
    margin-bottom: 12px;
    border-radius: 6px;
    box-shadow: 1px 1px 3px 2px #0f0;
}

/***** ride guide *************/
div#rg_lat_long {
    margin: 10px auto;
    text-align: center;
    display: table;
}

div#rg_lat_long span#rg_lat_long_left {
    display: table-cell;
    padding-right: 5px;
}

div#rg_lat_long span#rg_lat_long_right {
    display: table-cell;
    padding-left: 5px;
}

div#rideguide_form {
    display: table;
    margin: 0 auto;
}

div#rideguide_form div {
    float: left;
    margin: 0 10px 10px 10px;
}

div#rideguide_form div img {
    height: 25px;
    margin-top: 5px;
}

div#rideguide_form input.rg_show {
    margin-top: 10px;
}

div#rideguide_form div.rideguide_key {
    max-width: 80px;
    text-align: center;
    min-height: 100px;
}

/***************************/

table#exchange_rates_table {
    width: 100%;
}

table#exchange_rates_table td.features2 {
    color: #F92828;
    font-weight: bold;
    width: 50%;
}

div#questions {
    width: 30%;
    float: left
}

div#questions h1 {
    margin-right: 50px;
}

div#questions h1.current {
    background-color: red;
    color: white;
}

#qas a {
    border: 0;
    text-decoration: none;
    color: black;
    font-weight: bold
}

#qas a:hover {
    border: 0;
    text-decoration: none;
    color: blue;
    font-weight: bold
}

#qas p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 40px
}

/** drop-down lists with images **/
.dd_list {
    background-color: #fafafa;
    border: 1px solid #DDDDDD;
    color: #3B3C3E;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 3px 3px 7px;
    display: table;
    box-sizing: border-box;
    width: 100%;
}

.dd_first {
    display: table-cell;
    width: 100%;
}

.dd_item {
    width: 100%;
}

.dd_item img,
.dd_first img {
    display: inline-block;
    float: right;
}

.dd_arrow {
    display: table-cell;
    float: right;
    cursor: pointer;
    padding: 0 4px 0 4px;
    border-left: 1px solid #aaa;
}

.dd_arrow img {
    width: 12px;
    height: 15px;
    vertical-align: middle;
}

.dd_container {
    overflow-x: hidden;
    margin-bottom: 10px;
}

.dd_drop_down {
    position: relative;
    width: 100%;
}

.dd_first img {
    max-width: 100px;
    max-height: 20px;
    vertical-align: middle;
}

.dd_item img {
    max-width: 100px;
    max-height: 100px;
    vertical-align: middle;
}

.dd_item {
    display: none;
    padding-top: 5px;
}


.dd_item:hover {
    background-color: #e8e8e8;
}

.dd_item hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.dd_item span {
    padding-left: 5px;
}

.dd_attribute {
    display: table;
    font-size: 12px;
}

.dd_attribute .dd_attribute_text {
    display: table-cell;
    text-align: justify;
    padding: 0 2px 0 8px;
}

.dd_attribute .dd_attribute_spacer {
    display: table-cell;
    width: 25px;
}

.dd_item_paymenttype {
    clear: both;
}

#dd_first_paymenttype img {
    max-height: 48px;
}

span.paymenttype_text {
    line-height: 48px
}

span.bold {
    font-weight: bold;
}

/** embedded videos and objects **/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#manuals object {
    width: 100%;
    /* height:400px; */
}

/*** scooter ***/
table#scooter_components_table {
    width: 100%;
}

table#scooter_components_table td {
    text-align: left;
}

table#scooter_components_table td.text-right {
    text-align: right;
}


div.product_image {
    position: relative;
}

div.product_image div.rrp_image {
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 45px;
    padding: 5px;
}

div.product_image div.rrp_image_approx {
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    max-width: 200px;
    height: 44px;
    padding: 5px;
    line-height: 10px;
}

div.product_image div.rrp_image strong,
div.product_image div.rrp_image_approx strong {
    font-size: 12px;
}

div#product_slideshow {
    position: relative;
}

div#product-slideshow div.rrp_image_main {
    z-index: 999;
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 70px;
    padding: 5px;
}

div#product-slideshow div.rrp_image_main_approx {
    z-index: 999;
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 50px;
    padding: 5px;
    line-height: 10px;
}

div#product-slideshow div.rrp_image_main_trade {
    z-index: 999;
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 80px;
    padding: 5px;
}

div#product-slideshow div.rrp_image_main_approx_trade {
    z-index: 999;
    color: #000;
    position: absolute;
    text-align: left;
    font-weight: bold;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 70px;
    padding: 5px;
    line-height: 11px;
    text-shadow: 1px 1px #fff;
}

div#product-slideshow div.rrp_image_main strong,
div#product-slideshow div.rrp_image_main_approx strong {
    font-size: 12px;
}

div#new_cat_layout ul li span {}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 3% auto;
    /* was 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    max-width: 50%;
    /* Could be more or less, depending on screen size */
}
    .modal-content iframe{
        max-width: 100%;
    }

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/**** product attributes ****/
.dd_item_container_title {
    width: 100%;
    text-align: left;
}

.dd_item_container_text {
    width: 80%;
    float: left;
    text-align: left;
    padding-right: 5px;
}

.dd_item_container_image {
    width: 20%;
    float: left;
}

.dd_item_container_hr {
    clear: both
}

#newsletter_footer {
    width: 100%;
    background-color: darkgrey;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 1px;
}

#newsletter_title {
    font-size: 1.1em;
    color: white;
}

.newsletter_intro {
    color: white;
}

#bank_transfer_instructions {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

#eu_cookie_instructions {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

#paypal_instructions {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

#non_uk_customer_instructions {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

#dhl_instructions {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

#amount_outstanding {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(220, 220, 220, 0.9);
    /* background with opacity */
    z-index: 10000000;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    text-align: center;
}

div#bank_transfer_instructions,
div#eu_cookie_instructions,
div#paypal_instructions,
div#non_uk_customer_instructions,
div#dhl_instructions,
div #amount_outstanding {
    display: none;
    width: 60%;
    height: auto;
    margin: 5% auto;
    border: 2px solid red;
    background-color: white;
    max-width: 614px;
    max-height: 700px;
    overflow-y: scroll;
    padding: 5px 5px 20px 5px
}

div#eu_cookie_instructions {
    height: 230px;
}

div#dhl_instructions {
    height: 290px;
}

div#bank_transfer_instructions .button_image,
div#eu_cookie_instructions .button_image,
div#paypal_instructions .button_image,
div#non_uk_customer_instructions .button_image,
div#dhl_instructions .button_image,
div#amount_outstanding .button_image,
div#amount_outstanding {
    float: none;
    margin: 18px auto;
}

#bank_transfer_instructions input,
#eu_cookie_instructions input,
#paypal_instructions input,
#non_uk_customer_instructions input,
#shl_instructions input,
#amount_outstanding input {
    white-space: normal;
    max-width: 80%;
    text-align: center;
}

li.product_cell {
    min-height: 300px;
}

form#shopping_cart td.productListing-data {
    padding: 5px 4px 5px 4px;
}
form#shopping_cart td.productListing-data img{
    vertical-align: middle;
}

table#cart_table tr td.productListing-data {
    border-top:1px solid #ddd;      
}

.trade-price {
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    border-radius: 3px;
    margin-top: 0.5em;
}

table.trade_discounts {
    margin-left: 10px;
    font-size: 12px;
}

table.trade_discounts th,
table.trade_discounts td {
    padding: 2px;
}

select#currency_price,
select#ups_costs {
    max-width: 100%;
}

div#tabbed_solo input {
    max-width: 100%;
}


@media screen and (max-width: 1024px) {
    .modal-content {
        max-width: 90%;
    }
}
@media screen and (min-width: 1024px) {
    .modal-content {
        width: 1024px;
    }
}