body {
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 /* font-size: 9pt; */
 font-weight: normal;
 color: #8c8989;
 background-color: #eff0f1;}
  
.displayTotal {
 width: 53%;
 float: right;
 border: 0 solid #bababa;
 border-collapse: collapse;
 /* background: -moz-linear-gradient(top, #ffffff, #dedbde); */
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 display: inline-block;
 margin: 0;
 padding: 0;
 overflow: hidden;
 /* box-shadow: 0 0 5px #09F; */
 text-align: right;}
 
td.totalCost {
 padding: 2px;
 border: 0 solid #bababa;
 width: 100%;
 height: 10px;
 text-align: right;
 overflow: hidden;}
  
h5.caroptions {
 font-family: 'Jura', sans-serif;
 font-size: 9pt;
 font-weight: 400;
 color: #827f7f;
 text-align: right;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;}
 
h5.caroptions-right {
 font-family: 'Jura', sans-serif;
 font-size: 9pt;
 font-weight: 400;
 color: #827f7f;
 text-align: right;
 margin: 0 5px 0 0;
 padding: 0 0 0 0;}

.section {
  padding: 100px;
  padding-left: 150px;}

.section input[type="radio"],
.section input[type="checkbox"]{
  display: none;}

.container {
  margin-bottom: 10px;}

.container label {
  position: relative;}

/* Base styles for spans */
.container span::before,
.container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;}

/* Radio buttons */
.container span.radio:hover {
  cursor: pointer;}

/* - - - - - - - - - RADIO SLIDER BACKGROUND COLOR - - - - - - - - - - */
.container span.radio::before {
 left: -52px;
 width: 45px;
 height: 25px;
 background-color: #A8AAC1;
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A8AAC1), to(#8a8b9f));
 background: -webkit-linear-gradient(top, #A8AAC1, #8a8b9f);
 background: -moz-linear-gradient(top, #A8AAC1, #8a8b9f);
 background: -ms-linear-gradient(top, #A8AAC1, #074783);
 background: -o-linear-gradient(top, #A8AAC1, #074783);
 border-radius: 50px;
 border-top: 1px solid #bbbdbf;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #bbbdbf;
 box-shadow: inset 2px 2px 2px #5f6061;
 -moz-box-shadow: inset 2px 2px 2px #5f6061;
 -webkit-box-shadow: inset 2px 2px 2px #5f6061;}
 
/*  - - - - - - - DOT COLOR OFF - - - - - - - - */
.container span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #6C788A;
  transition: left .25s, background-color .25s;
  border-top: 1px solid #bbbdbf;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #bbbdbf;
 box-shadow: 2px 2px 2px #5f6061;}

/* - - - - - - - DOT COLOR ACTIVE - - - - - - - - */
input[type="radio"]:checked + label span.radio::after {
  left: -27px;
  background-color: #EBFF43;
  border-top: 1px solid #b7c734;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #b7c734;
 box-shadow: 0 0 2px #5f6061;}

/* Check-boxes */
.container span.checkbox::before {
  width: 27px;
  height: 27px;
  background-color: #fff;
  left: -35px;
  box-sizing: border-box;
  border: 3px solid transparent;
  transition: border-color .2s;}
  
.container span.checkbox:hover::before {
  border: 3px solid #F0FF76;}
  
.container span.checkbox::after {
  content: '\f00c';
  font-family: Arial;
  left: -31px;
  top: 2px;
  color: transparent;
  transition: color .2s;}

input[type="checkbox"]:checked + label span.checkbox::after {
 color: #62AFFF;}
 
.temp {
 width: 500px; height: auto; margin: 0 auto; border: 1px solid #999; border-radius: 7px; 
 background: #d7caa7 url(images/leather2.png) repeat-y center center;
 background-image: url("../images/leather2.png"), linear-gradient(#d7caa7, #a49059);
 background: url("../images/leather2.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7caa7), to(#a49059)); 
 background: url("../images/leather2.png"), -webkit-linear-gradient(top, #d7caa7, #a49059); 
 background: url("../images/leather2.png"), -moz-linear-gradient(top, #d7caa7, #a49059); 
 background: url("../images/leather2.png"), -ms-linear-gradient(top, #d7caa7, #a49059); 
 background: url("../images/leather2.png"), -o-linear-gradient(top, #d7caa7, #a49059);
/* -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; */
 overflow: hidden;}
 
 
/* - - - - - - - - BEGIN TABLE STYLES - - - - - - - - - - - - */
.display-table {
width: 250px;
margin: 0 auto; 
padding: 0;
border: 0 solid #933; 
float: left;}

.twentyfour {
 width: 24%;}
 
.seventyfive {
 width: 74%;}
 
.mobile-inner-nav a{
 position: relative;
 display: block;	
 border: none !important;}
 
.mobile-inner-nav a:after{
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 z-index: 1;
 background-color: rgba(255,255,255,0.3);
 -webkit-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: slideInBorder;
 animation-name: slideInBorder;}

@-webkit-keyframes slideInBorder {
0%{
 -webkit-transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
 transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);}
 
100%{
 -webkit-transform: translate(0, 0) scaleY(1) rotate(0deg);
 transform: translate(0, 0) scaleY(1) rotate(0deg);}	
}

@keyframes slideInBorder {
0%{
 -webkit-transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
 transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);}
 
100%{
 -webkit-transform: translate(0, 0) scaleY(1) rotate(0deg);
 transform: translate(0, 0) scaleY(1) rotate(0deg);}	  
}