/*-----------------------------COLOURS----------------------------*/
/*
    #2587da Light Blue
    #024ea2 Dark Blue
    #ed292d Red
*/


/*-----------------------------MISC----------------------------*/

a {
  color:            #024ea2;
}

a:hover,
a:active {
  color:            #ed292d;
  text-decoration:  none;
}

.button, input[type=submit], input[type=button], a.back_button,
fieldset td input[type=submit],
fieldset td input[type=button],
input[type="radio"]:checked+label.button, .button:hover, input[type=submit]:hover, input[type=button]:hover, a.back_button:hover,
input[type="radio"]:checked+label.button, .button:active, input[type=submit]:active, input[type=button]:active, a.back_button:active {
  font-size:        11px;
  line-height:      24px;
}

input[type="radio"]+label.button, .button, input[type=submit], input[type=button] {
  background-color: #024ea2;
  background:       linear-gradient(to bottom, #54a4fd, #024ea2);
  color:            #ffffff;
}

input[type="radio"]:checked+label.button, .button:hover, input[type=submit]:hover, input[type=button]:hover,
input[type="radio"]:checked+label.button, .button:active, input[type=submit]:active, input[type=button]:active {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
}

img.full_width {
  padding:          10px;
  box-sizing:       border-box;
  width:            100%;
}

sup.r {
  font-size:        0.7em;
}

div.parts_show_image_rotate {
  display:          inline-block;
  vertical-align:   middle;
  width:            180px;
  height:           100px;
  margin:           0px 0px 10px 0px;
}

#please_wait,
#please_wait_display {
  width:            280px;
  margin:           10px auto 10px auto;
  padding:          10px;
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
  text-align:       center;
}

#please_wait {
  display:          none;
}

#please_wait h1,
#please_wait_display h1,
#please_wait h2,
#please_wait_display h2,
#please_wait p,
#please_wait_display p {
  margin:           10px;
  text-align:       center;
}

#please_wait img,
#please_wait_display img {
  width:            100px;
  height:           100px;
}

h1 {
  color:            #024ea2;
  margin-top:       12px;
  font-size:        17px;
  line-height:      26px;
}

h1 a.button,
h1 a.button:hover {
  margin:           0px 5px 5px 5px;
}

h1 a.back_button,
h1 a.back_button:hover {
  margin:           0px 10px 10px 0px;
  float:            left;
}

h2 {
  font-size:        15px;
  line-height:      21px;
}

h3 {
  font-size:        14px;
  line-height:      20px;
}

.inline_right_half,
.inline_left_half,
.inline_right_third,
.inline_left_third {
  box-sizing:       border-box;
  width:            100%;
  padding:          10px;
}

div.back_button_container a.back_button,
div.back_button_container h1 {
  float:            none;
  display:          inline-block !important;
  vertical-align:   top;
}

div.back_button_container a.back_button {
  margin:           12px 0px 0px 10px;
}

div.back_button_container a.share_button {
  float:            right;
  margin:           12px 10px 0px 0px;
}

a.share_button img.icon {
  height:           18px;
}


@media all and (min-width: 600px) {

  .button, input[type=submit], input[type=button], a.back_button,
  fieldset td input[type=submit],
  fieldset td input[type=button],
  input[type="radio"]:checked+label.button, .button:hover, input[type=submit]:hover, input[type=button]:hover, a.back_button:hover,
  input[type="radio"]:checked+label.button, .button:active, input[type=submit]:active, input[type=button]:active, a.back_button:active {
    font-size:        12px;
    line-height:      30px;
  }

  h1 {
    margin-top:       15px;
    font-size:        27px;
    line-height:      37px;
  }

  h1 a.button,
  h1 a.button:hover {
    margin:           3px 5px 5px 5px;
  }

  h1 a.back_button,
  h1 a.back_button:hover {
    margin:           3px 15px 10px 0px;
  }

  div.back_button_container a.back_button {
    margin:           18px 1px 0px 10px;
  }

  div.back_button_container a.share_button {
    margin:           18px 1px 0px 10px;
  }

  h2 {
    font-size:        22px;
    line-height:      31px;
  }

  h3 {
    font-size:        18px;
    line-height:      25px;
  }

}

@media all and (min-width: 730px) {

  .half_block {
    box-sizing:       border-box;
    float:            left;
    width:            50%;
  }

  .inline_left_half,
  .inline_left_third {
    padding:          0px 3vw 1vw 10px;
    float:            left;
  }

  .inline_right_half,
  .inline_right_third {
    padding:          0px 10px 1vw 3vw;
    float:            right;
  }

  .inline_right_half,
  .inline_left_half {
    width:            50%;
  }

  .inline_right_third,
  .inline_left_third {
    width:            33%;
  }

}



/*-----------------------------BODY----------------------------*/

body {
  min-width:        320px;
  background-color: #ffffff;
}



/*-----------------------------HEADER----------------------------*/

#header {
  text-align:       left;
}

#header_logo img {
  margin:           1vw;
  height:           10vw;
}

#header_text {
  display:          none;
  position:         absolute;
  top:              1.1vw;
  left:             2vw;
  width:            25vw;
  font-size:        1.4vw;
  line-height:      2vw;
  color:            #024ea2;
}

#header_contact {
  position:         absolute;
  top:              2vw;
  right:            2vw;
  float:            right;
  text-align:       right;
}

#header_contact a {
  text-align:       right;
  display:          block;
  line-height:      5vw;
}

#header_phone {
  font-size:        4vw;
}

#header_email {
  font-size:        3vw;
}


@media all and (min-width: 750px) {

  #header {
    text-align:       center;
  }

  #header_logo img {
    padding:          1vw 0vw 1vw 0vw;
    height:           8vw;
  }

  #header_text {
    display:          block;
  }

  #header_contact {
    top:              2.4vw;
  }

  #header_contact a {
    line-height:      3.8vw;
  }

  #header_phone {
    font-size:        3vw;
  }

  #header_email {
    font-size:        1.8vw;
  }

}


@media all and (min-width: 1200px) {

  #header_logo img {
    padding:          10px 0px 10px 0px;
    height:           100px;
  }

  #header_text {
    width:            300px;
    font-size:        16px;
    line-height:      24px;
  }

  #header_contact {
    top:              29px;
  }

  #header_contact a {
    line-height:      46px;
  }

  #header_phone {
    font-size:        36px;
  }

  #header_email {
    font-size:        22px;
  }

}



/*-----------------------------MENU----------------------------*/

#menu_container {
  overflow:         visible;
}

#main_menu {
  font-size:        0px;
  float:            none;
  padding:          0px;
  background-color: #2587da;
  background:       linear-gradient(to bottom, #aed5ff, #2587da);
  overflow:         visible;
}

#main_menu li {
  float:            none;
  display:          inline-block;
  font-size:        3.5vw;
  line-height:      4.5vw;
}

#main_menu li.large_screen {
  display:          none;
}

#main_menu a {
  background-color: #024ea2;
  background:       linear-gradient(to bottom, #54a4fd, #024ea2);
  color:            #ffffff;
  padding:          1.5vw 2.5vw 1.5vw 2.5vw;
}

#main_menu a.selected,
#main_menu a:hover {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
}

#main_menu_cart {
  float:            right;
  display:          block !important;
  float:            right !important;
}

#main_menu_cart a {
  background-image: url('/images/layout/menu_cart.png'), linear-gradient(to bottom, #54a4fd, #024ea2) !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  padding-right:    38px !important;
  margin:           0px 0px 0px 1px !important;
}

#main_menu_cart a.selected,
#main_menu_cart a:hover {
  background-image: url('/images/layout/menu_cart.png'), linear-gradient(to bottom, #fab3b4, #ed292d) !important;
}

@media all and (min-width: 500px) {

  #main_menu {
    border-width:     0px 0px 4px 0px;
  }

  #main_menu li {
    font-size:        15px;
    line-height:      23px;
  }

  #main_menu a {
    padding:          8px 22px 8px 22px;
  }

}

@media all and (min-width: 1200px) {

  #main_menu li.large_screen {
    display:          inline-block;
  }

}



/*-----------------------------MAIN MENU POPUPS----------------------------*/

#main_menu li {
  position:         relative;
}

.main_menu_popup {
  z-index:          251;
  opacity:          0;
  filter:           alpha(opacity=0); /* For IE8 and earlier */
  transition:       opacity 0.7s;
  overflow:         hidden;
  position:         absolute;
  top:              40px;
  background-color: #024ea2;
  background:       linear-gradient(to bottom, #54a4fd, #024ea2);
  color:            #ffffff;
  border:           2px solid #ffffff;
  pointer-events:   none;
}

#main_menu li:hover .main_menu_popup,
#main_menu .main_menu_popup_hover {
  pointer-events:   auto;
  opacity:          1;
  filter:           alpha(opacity=100); /* For IE8 and earlier */
}

#main_menu li:hover .main_menu_popup {
  pointer-events:   auto;
}

#main_menu .main_menu_popup ul.menu_basic_vertical_left {
  width:            100%;
  padding:          0px 0px 5px 0px;
}

#main_menu .main_menu_popup ul.menu_basic_vertical_left li a {
  float:            none;
  white-space:      nowrap;
  padding:          6px 15px 6px 10px;
  background-image: none;
  background-color: #eeeeee;
}

#main_menu .main_menu_popup ul.menu_basic_vertical_left li a.selected {
  background-color: #666666;
}

#main_menu .main_menu_popup ul.menu_basic_vertical_left li a:hover,
#main_menu .main_menu_popup ul.menu_basic_vertical_left li a:active {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
}



/*-----------------------------CART MENU----------------------------*/

#cart_menu_popup {
  cursor:           pointer;
  right:            0px;
}

#cart_menu_popup table {
  margin:           10px 14px 10px 14px;
}

#cart_menu_popup th,
#cart_menu_popup td {
  color:            #ffffff;
}

#cart_menu_popup th {
  font-weight:      bold;
}



/*-----------------------------MAIN----------------------------*/

#main {
  padding:          50px 3vw 5vw 3vw;
}

@media all and (min-width: 761px) {
  #main {
    padding:        1vw 3vw 5vw 3vw;
  }
}



/*-----------------------------FOOTER----------------------------*/

#footer {
  border:           1px solid #aaaaaa;
  border-width:     1px 0px 0px 0px;
  text-align:       center;
  font-size:        2.8vw;
  line-height:      16px;
  background-color: #ffffff;
  background:       linear-gradient(to bottom, #dddddd, #ffffff);
  color:            #777777;
}

#footer div.block {
  margin:           0px;
  padding:          15px 0px 0px 0px;
  display:          inline-block;
  text-align:       center;
  width:            100%;
  box-sizing:       border-box;
}

#footer h3 {
  font-weight:      bold;
  color:            #666666;
  text-align:       center;
  margin:           0px 0px 10px 0px;
}

#footer .no_break {
  display:          inline-block;
  padding:          0.15vw 0.3vw 0.15vw 0.3vw;
}

#footer .big_pad {
  padding:          0.15vw 0.8vw 0.15vw 0.8vw;
}

#footer div.center a {
  font-size:        10px;
  line-height:      22px;
}

#footer div.left a,
#footer div.right a {
  color:            #666666;
}


@media all and (min-width: 350px) {

  #footer {
    font-size:        10px;
  }

}

@media all and (min-width: 1000px) {

  #footer .no_break {
    padding:          2px 3px 2px 3px;
  }

  #footer .big_pad {
    padding:          2px 8px 2px 8px;
  }

  #footer div.block {
    padding:          1.4vw 1.4vw 1.4vw 1.4vw;
  }

  #footer div.center {
    position:         absolute;
    top:              0px;
    left:             0px;
  }

  #footer div.left {
    z-index:          50;
    display:          block;
    text-align:       left;
    float:            left;
    width:            40%;
  }
  #footer div.left h3 {
    text-align:       left;
  }

  #footer div.right {
    z-index:          50;
    display:          block;
    text-align:       right;
    float:            right;
    width:            40%;
  }

  #footer div.right h3 {
    text-align:       right;
  }

}



/*-----------------------------INDEX----------------------------*/

#index_products .left,
#index_products .center,
#index_products .right {
  margin:           2vw 0vw 4vw 0vw;
  text-align:       center;
}

#index_products .center {
  margin:           5vw 10px 4vw 10px;
}

#index_products .left img,
#index_products .center img,
#index_products .right img {
  padding:          1vw 0vw 1vw 0vw;
}


#index_products .video {
  position:         relative;
  padding-bottom:   56.25%;
  height:           0;
  box-sizing:       border-box;
}

#index_products iframe {
  position:         absolute;
  top:              0px;
  left:             0px;
  width:            100%;
  height:           100%;
  border:           none;
  box-sizing:       border-box;
}

@media all and (min-width: 730px) {

  #index_products .left {
    box-sizing:       border-box;
    float:            left;
    width:            50%;
  }

  #index_products .center {
    clear:            both;
  }

  #index_products .right {
    box-sizing:       border-box;
    float:            right;
    width:            50%;
  }

}

@media all and (min-width: 1200px) {

  #index_products .left,
  #index_products .right {
    width:            30vw;
  }

  #index_products .center {
    margin:           100px 3vw 4vw 3vw;
    clear:            none;
  }

}


/*-----------------------------CONTACT----------------------------*/

#map_container {
  padding:          10px;
  height:           350px;
}

#map_canvas {
  height:           100%;
  width:            100%;
}

#map_canvas div {
  position:         static;
}

@media all and (min-width: 730px) {

  #map_container {
    box-sizing:       border-box;
    width:            50%;
  }

  #contact_text {
    box-sizing:       border-box;
    padding-left:     3vw;
    float:            right;
    width:            50%;
  }

}


/*-----------------------------TERMS AND CONDITIONS (RENTAL AND INVOICE)----------------------------*/

#terms_and_conditions {
  text-align:       center;
}

#terms_and_conditions h1 {
  text-align:       center;
  text-transform:   uppercase;
}

#terms_and_conditions ol {
  list-style-type:  lower-alpha;
}

#terms_and_conditions ol ol {
  list-style-type:  lower-roman;
}



/*-----------------------------OPTIONS----------------------------*/

.option_text {
  background-color: #024ea2;
  background:       linear-gradient(to bottom, #54a4fd, #024ea2);
  color:            #ffffff;
  opacity:          0.75;
  filter:           alpha(opacity=75); /* For IE8 and earlier */
  border:           2px solid #ffffff;
  overflow:         hidden;
  text-decoration:  none;
}

.option_text h2,
.option_text th {
  background-color: transparent;
  color:            #ffffff;
}

.option_text td {
  background-color: transparent;
  color:            #222222;
}

.option_link {
  cursor:           pointer;
  overflow:         hidden;
}

.option_link:hover .option_text,
.option_link:active .option_text {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
}

.option_link:hover .option_text,
.option_link:active .option_text,
.option_link:hover .option_text h2,
.option_link:active .option_text h2,
.option_link:hover .option_text th,
.option_link:active .option_text th,
.option_link:hover .option_text td,
.option_link:active .option_text td {
  color:            #ffffff;
  text-decoration:  none;
}



/*-----------------------------SCALED CONTAINER----------------------------*/

#scaled_container {
  clear:            both;
  position:         relative;
  font-size:        0px;
  line-height:      0px;
  text-align:       center;
  padding-top:      20px;
  overflow:         hidden;
}

#scaled_container .option_container {
  display:          inline-block;
  position:         relative;
  vertical-align:   top;
  box-sizing:       border-box;
  min-width:        300px !important;
  min-height:       150px !important;
}

#scaled_container .option_box {
  position:         absolute;
  box-sizing:       border-box;
  width:            100%;
  height:           100%;
  padding:          2%;
}

#scaled_container .option_link {
  position:         relative;
  display:          block;
  box-sizing:       border-box;
  width:            100%;
  height:           100%;
  text-align:       center;
}

#scaled_container .option_image {
  position:         absolute;
  top:              40%;
  left:             50%;
  transform:        translate(-50%, -50%);
  box-sizing:       border-box;
  max-width:        100%;
  max-height:       70%;
}

#scaled_container .option_text {
  position:         absolute;
  bottom:           0px;
  left:             0px;
  width:            100%;
  box-sizing:       border-box;
  text-align:       center;
}


@media all and (max-width: 1000px) {

  #scaled_container .option_text {
    font-size:      13px !important;
    line-height:    14px !important;
    padding:        5px !important;
  }

}


/*-----------------------------BUY PART - EXPLODED DIAGRAMS/IMAGE ROTATES----------------------------*/

.exploded_diagram_svg {
  width:            100%;
  height:           100%;
  max-width:        1280px;
  max-height:       960px;
  cursor:           default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select:  none;
  user-select:      none;
}

#exploded_diagram_show {
  text-align:       center;
  margin:           20px 0px 0px 0px;
}

#image_rotate_show {
  clear:            both;
  height:           50vh;
  margin:           20px 0px 0px 0px;
}

#exploded_diagrams_tabs div.tabs {
  width:            1280px;
}

#diagrams_container {
  position:         relative;
  font-size:        0px;
  line-height:      0px;
  text-align:       center;
  padding:          10px 0px 0px 0px;
}

#diagrams_container .option_container {
  display:          inline-block;
  margin:           5px;
}

#diagrams_container .option_link {
  position:         relative;
  display:          inline-block;
  box-sizing:       border-box;
  text-align:       center;
  background-color: #dddddd;
  transition:       background-color 0.5s, color 0.3s;
  width:            204px;
  height:           244px;
  padding:          2px;
}

#diagrams_container .option_link:hover,
#diagrams_container .option_link:active {
  background-color: #bbbbbb !important;
}

#diagrams_container .option_image {
  max-width:        200px;
  max-height:       200px;
}

#diagrams_container .option_text {
  position:         absolute;
  bottom:           2px;
  left:             2px;
}

#diagrams_container .option_text span {
  display:          table-cell;
  vertical-align:   middle;
  text-align:       center;
  box-sizing:       border-box;
  width:            196px;
  height:           60px;
  padding:          5px;
  font-size:        10px;
  line-height:      14px;
  border:           none;
}


/*-----------------------------BUY PARTS - PARTS----------------------------*/

#parts_container {
  position:         relative;
  font-size:        0px;
  line-height:      0px;
  text-align:       center;
  padding:          10px 0px 0px 0px;
  margin:           0px auto 0px auto;
  max-width:        1280px;
}

#parts_container .option_container {
  margin:           5px 0px 5px 0px;
}

#parts_container .option_link {
  position:         relative;
  display:          inline-block;
  box-sizing:       border-box;
  background-color: #dddddd;
  transition:       background-color 0.5s, color 0.3s;
  height:           110px;
  width:            100%;
  padding:          2px;
  text-decoration:  none;
}

#parts_container .option_link:hover,
#parts_container .option_link:active {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
}

#parts_container .option_image {
  position:         absolute;
  top:              50%;
  left:             2%;
  transform:        translate(0%, -50%);
}

#parts_container .option_details_container {
  display:          block;
  position:         relative;
  margin:           0% 4% 0% 4%;
  box-sizing:       border-box;
  height:           100%;
  overflow:         hidden;
}

#parts_container .option_spec {
  display:          none;
}

#parts_container .option_details {
  display:          block;
  position:         absolute;
  top:              50%;
  left:             0px;
  transform:        translate(0%, -50%);
  padding:          0px 60px 0px 100px;
  box-sizing:       border-box;
  width:            100%;
  font-size:        10px;
  line-height:      16px;
  max-height:       110px;
  overflow:         hidden;
}

#parts_container .option_desc {
  display:          none;
  text-align:       justify;
}

#parts_container .option_price {
  display:          block;
  position:         absolute;
  top:              50%;
  right:            2%;
  transform:        translate(0%, -50%);
  font-size:        12px;
  line-height:      14px;
}


@media all and (min-width: 500px) {

  #parts_container .option_spec {
    display:          block;
    position:         absolute;
    top:              50%;
    left:             0px;
    transform:        translate(0%, -50%);
    padding-left:     100px;
    box-sizing:       border-box;
    width:            190px;
    font-size:        10px;
    line-height:      16px;
    max-height:       110px;
    overflow:         hidden;
  }

  #parts_container .option_details {
    padding:          0px 80px 0px 200px;
    font-size:        11px;
    line-height:      17px;
  }

}


@media all and (min-width: 600px) {

  #parts_container .option_details {
    font-size:        12px;
    line-height:      19px;
  }

  #parts_container .option_price {
    font-size:        18px;
    line-height:      22px;
  }

  #parts_container .option_desc {
    display:          block;
    padding-top:      3px;
    font-size:        10px;
    line-height:      16px;
  }

}


/*-----------------------------BUY PARTS - SEARCH FORM----------------------------*/

#trailer_parts_search_form {
  position:         absolute;
  top:              -20px;
  right:            0px;
  width:            auto;
  max-width:        none;
  z-index:          100;
}

#trailer_parts_search_form legend {
  display:          none;
}

#trailer_parts_search_form fieldset,
#trailer_parts_search_form table,
#trailer_parts_search_form td {
  margin:           0px;
  padding:          0px;
}


#trailer_parts_search_form fieldset {
  padding-top:      20px;
  background-color: #2587da;
  background:       linear-gradient(to bottom, #aed5ff, #2587da);
  color:            #ffffff;
  border-radius:    0px;
}

#trailer_parts_search_form td {
  padding:          6px 3vw 6px 4vw;
}

#trailer_parts_search_form input {
  margin:           5px;
}

#trailer_parts_search_form_q {
  width:            50vw;
}

div.trailer_parts_search_indent {
  margin-top:       45px;
}


@media all and (min-width: 761px) {

  #trailer_parts_search_form td {
    padding:          0.7vw 1vw 0.7vw 1.5vw;
  }

  #trailer_parts_search_form_q {
    width:            15vw;
  }

  div.trailer_parts_search_indent {
    margin-top:       0px;
    margin-right:     30vw;
  }

}


/*-----------------------------BUY PARTS - PART----------------------------*/

div.parts_public_image_rotate {
  height:           50vh;
  max-height:       70vw;
  margin:           4px 10px 10px 10px;
}


h2.trailer_part_related {
  margin:           5px 0px 0px 0px;
}

table.trailer_part_details span.price {
  font-size:        15px;
  line-height:      21px;
}

html.iframed .no_floatbox,
html.inside-cart .part_buy_button,
html.inside-cart .part_related_items {
  display:          none;
}


@media all and (min-width: 700px) {

  table.trailer_part_details {
    float:            right;
    width:            40%;
  }

  table.trailer_part_details th {
    white-space:      nowrap;
    width:            1%;
  }

  table.trailer_part_details span.price {
    font-size:        22px;
    line-height:      31px;
  }

}


@media all and (min-width: 1200px) {

  table.trailer_part_details {
    width:            50%;
  }

}



/*-----------------------------POPUPS----------------------------*/

div.popup,
a.popup,
a.popup:hover,
a.popup:active {
  position:         relative;
  display:          inline-block;
  overflow:         visible;
  margin:           4px 10px 10px 10px;
  text-align:       center;
  vertical-align:   middle;
}

a.popup span.fbVid {
  display:          block !important;
}

td.thumb {
  position:         relative;
  line-height:      0px;
  width:            32px;
  min-height:       32px;
  padding:          2px;
  vertical-align:   middle;
}

td.thumb img {
  vertical-align:   middle;
}

table.object_list tr .hover_100 {
  display:          0;
  z-index:          255;
  overflow:         visible;
  position:         absolute;
  top:              -36px;
  left:             0px;
  height:           106px;
  line-height:      106px;
  vertical-align:   middle;
  pointer-events:   none;
  opacity:          0;
  filter:           alpha(opacity=0); /* For IE8 and earlier */
  transition:       opacity 2s;
}

table.object_list tr .hover_100 img {
  border:           3px solid #5a7ce9;
}

table.object_list tr:hover .hover_100 {
  opacity:          1;
  filter:           alpha(opacity=100); /* For IE8 and earlier */
}



/*-----------------------------CHECKOUT----------------------------*/

#checkout_options {
  margin:           2vw 10px 3vw 10px;
}

#checkout_options a {
  margin:           5vw 0vw 5vw 0vw;
  display:          block;
  text-align:       center;
  font-size:        5vw;
  line-height:      12vw;
}

@media all and (min-width: 600px) {

  #checkout_options a {
    margin:           2.5vw 0vw 2.5vw 0vw;
    font-size:        3vw;
    line-height:      8vw;
  }

}

@media all and (min-width: 700px) {

  #checkout_options a {
    margin:           1.5vw 1.2vw 1.5vw 0vw;
    display:          inline-block;
    font-size:        1.8vw;
    line-height:      5vw;
  }

}

@media all and (min-width: 1000px) {

  #checkout_options {
    margin:           20px 10px 30px 10px;
  }

  #checkout_options a {
    padding:          0vw 1.6vw 0vw 1.6vw;
    margin:           15px 2vw 15px 0px;
    display:          inline-block;
    font-size:        18px;
    line-height:      50px;
  }

}


/*-----------------------------CART/SAGE PAY----------------------------*/

#cart_success {
  cursor:           pointer;
}

form.cart_form {
  max-width:        auto;
}

#cart_buttons {
  text-align:       center;
}

#put_sage h2 {
  margin-top:       0px;
}

#put_sage div.address_block {
  float:            left;
  min-width:        48%;
}

table.sage_pay_basket {
  margin:           25px 10px 25px 10px;
  max-width:        800px;
}

#put_sage table.sage_pay_basket {
  margin:           25px 0px 25px 0px;
}

table.cart_contents {
  margin:           20px auto 15px auto;
  padding:          0px;
  width:            100%;
}

table.sage_pay_basket th,
table.cart_contents th {
  height:           auto;
  padding:          3px 4px 3px 4px;
  font-size:        10px;
  line-height:      14px;
  background-color: #2587da;
  color:            #ffffff;
  border:           0px !important;
}

table.sage_pay_basket td,
table.cart_contents td {
  height:           auto;
  padding:          4px 4px 2px 4px;
  font-size:        10px;
  line-height:      14px;
  border:           0px !important;
}

table.sage_pay_basket td.right,
table.cart_contents td.right,
table.sage_pay_basket th.right,
table.cart_contents th.right {
  width:            1%;
}

table.sage_pay_basket tr.basket_zero_value {
  font-weight:      bold;
}

table.cart_contents div.cart_delete_button {
  padding-top:       2px;
}

table.cart_contents tr.cart_item_postage td {
  text-align:       right;
}

table.cart_contents tr.cart_item_0 {
  background-color: #ffffff;
  color:            #444444;
}

table.cart_contents tr.cart_item_1 {
  background-color: #eeeeee;
  color:            #444444;
}

table.cart_contents tr.cart_item_postage {
  background-color: #cccccc;
  color:            #222222;
}

table.cart_contents tr.cart_item_hover,
table.cart_contents tr.cart_item_hover a {
  background-color: #ed292d;
  background:       linear-gradient(to bottom, #fab3b4, #ed292d);
  color:            #ffffff;
}

table.cart_contents tr.cart_item_problem,
table.cart_contents tr.cart_item_problem a,
div.cart_buy_button_problem {
  background:       #ffaaaa;
  color:            #444444;
}

table.cart_contents tr.cart_item_success,
table.cart_contents tr.cart_item_success a,
div.cart_buy_button_success {
  background-color: #aaffaa;
  color:            #444444;
}


@media all and (min-width: 500px) {

  table.cart_contents {
    margin:           20px 10px 15px 10px;
  }

  table.sage_pay_basket td,
  table.cart_contents td {
    padding:          3px 6px 3px 6px;
  }

  table.sage_pay_basket th,
  table.cart_contents th {
    padding:          4px 6px 2px 6px;
  }

}

@media all and (min-width: 700px) {

  table.sage_pay_basket td,
  table.cart_contents td,
  table.sage_pay_basket th,
  table.cart_contents th {
    font-size:        12px;
    line-height:      17px;
  }

}


/*-----------------------------IMAGE ROTATOR----------------------------*/

div.wr360_player {
  overflow:         hidden;
}
div.wr360_player div {
  overflow:         visible;
}

div.wr360_player .container .theme_panel .toolbar {
  width:            100% !important;
  padding:          3px 0px 0px 0px;
  text-align:       center;
}

div.wr360_player .container .theme_panel .toolbar a {
  display:          inline-block;
  margin:           2px 1px 0px 1px;
  float:            none;
}