@font-face {
font-family: 'Futura Bk';
src: url('../fonts/FtraBk__0.eot'); /* IE9 Compat Modes */
src: url('../fonts/FtraBk__0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/FtraBk__0.woff') format('woff'), /* Modern Browsers */ url('../fonts/FtraBk__0.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/FtraBk__0.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Futura Bold';
src: url('../fonts/FUTUR_Bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/FUTUR_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/FUTUR_Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/FUTUR_Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/FUTUR_Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Futura Light';
src: url('../fonts/FUTUR_Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/FUTUR_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/FUTUR_Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/FUTUR_Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/FUTUR_Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.red { color: #af0003; }

.orange { color: #b13200; }

html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
background: #000000;
font-family: Helvetica, Arial, sans-serif
}

body p,
body a,
label { font-family: Helvetica, Arial, sans-serif; }

body h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold
}

.page { background-color: #000; }
.red { color: #af0003; }
.orange { color: #b13200; }

/* new added */

.redeemed img { opacity: 0.25 }
.redeemed-tx { position: absolute; color: #b13200; text-align:center; transform: rotate(-15deg); top: 43%; left: 25%; font-size:13	px; font-weight: bold; border-top: 1px solid #b13200; border-bottom: 1px solid #b13200 }
.redeemed-dtx { position: absolute; color: #b13200; text-align:center; transform: rotate(-15deg); top: 20%; left: 22%; font-size:13	px; font-weight: bold; border-top: 2px solid #b13200; border-bottom: 2px solid #b13200 }

/* Wrapper for page content to push down footer */
.wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px
}

/* Set the fixed height of the footer here */
#footer {
height: 60px;
background-color: #191516;
color: #FFF;
font-size: 13px
}

.gold { color: #ffa800!important; }

.tdcenter { text-align: center }

/* Sticky footer styles end
-------------------------------------------------- */

.logo-top { background-color: #191516; }

.logo-top span.toyota-logo,
.logo-top span.mb-logo {
display: inline-block;
max-width: 50%;
}

/* .logo-top img { max-width: 50%; } */

.logo-top span.toyota-logo { float: left; }

.logo-top span.mb-logo { float: right; }

.logo-top span.mb-logo img { float: right; }

.login label {
color: #FFF;
font-weight: normal;
}

.login .form-horizontal .control-label { text-align: left; }

.login .forget-pw {
width: 120px;
float: left;
margin-left: 15px;
margin-top: 10px
}

.login .forget-pw a,
.login .cannot-login a {
color: #ffe1a8;
text-decoration: underline;
font-size: 13px
}

.login .cannot-login {
width: 100px;
float: right;
text-align: right;
margin-right: 15px;
margin-top: 10px
}

.login .form-control {
background-color: #250303;
border: 1px solid #565151;
height: 28px;
font-size: 12px;
color: #CCC
}

.clearmarg-b { margin-bottom: 0; background-color: #FFFFFF }

.right-aligned { text-align: right; }

.float-right { float: right; }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.wrap > .container { padding: 0; }

#footer > .container { }

.masthead img { width: 100%; }

.container .masthead { /*padding:0;
		margin:0;*/ padding: 0; }

.content .intro { background-color: #FFF; }

.content .login { background-color: #af0003; }

.content .intro .copy { margin-bottom: 10px; }

.content .login .box {
padding-top: 15px;
padding-bottom: 20px;
}

.content .login .box .buttons {
float: right;
text-align: right;
}

.content .login .box .buttons button {
background: none;
border: 0;
padding-right: 0;
}

/*landing page end*/

/*nav*/
.navbar-nav > li > a {
font-family: 'Futura Bold';
padding-top: 0px;
padding-bottom: 0 !important;
line-height: 44px;
color: #FFF!important;
font-size: 13px;
}

.navbar-nav { margin: 0px -15px; }

.navbar-collapse { border-top: 0; }

ul.navbar-nav li { background-color: #333; }

.navbar-theme {
background: url(../../img/nav-bg.jpg) repeat-x;
border: 0;
border-radius: 0;
min-height: 30px;
}

ul.navbar-nav li.active {
background-color: none!important;
background: url(../../img/nav-hover-bg-m.jpg)!important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #4D4C4C; }

.navbar-toggle {
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
}

/*home page*/

.breadcrumb {
background-color: #af0003;
color: #FFF;
margin-bottom: 0;
border-radius: 0;
}

.breadcrumb a { color: #FFF; }

.service-tracker {
background: #343030;
height: 364px;
padding-top: 30px;/*padding-bottom: 30px;*/
}

.service-tracker .tracker-box {
width: 235px;
margin: 0 auto;
}

.service-tracker .tracker-box .tracker-content {
background: url(../../img/tracker-box-bg.jpg);
min-height: 100px;
color: #FFF;
}

.tracker-row {
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
}

.tracker-row.gold {
background: url(../../img/gold-bg.jpg);
min-height: 56px;
margin-top: 20px;
padding-top: 8px;
color: #ffa800;
}

.tracker-row .arrow {
display: inline-block;
width: 24px;
vertical-align: top;
}

.tracker-row .copy {
display: inline-block;
width: 80%;
vertical-align: top;
}

.align-center { text-align: center; }

.slider-content {
padding: 0;
height: auto;
overflow: hidden;
position: relative;
}

.banner {
width: 100%;
overflow: auto;
font-size: 18px;
line-height: 24px;
text-align: center;
color: rgba(255,255,255,.6);
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
background: #5b4d3d;
box-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.banner ul {
list-style: none;
width: 100%;
padding: 0;
padding-right: 0;
margin: 0;
border: none
}

.banner ul li {
list-style: none;
display: block;
float: left;
width: 28.4%;
height: auto;
/*min-height: 364px;*/
/*		-webkit-background-size: 100% 100%;*/
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		
box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
margin-right: 0;
}

.banner h1,
.banner h2 {
font-size: 40px;
line-height: 52px;
color: #fff;
}

.banner .btn {
display: inline-block;
margin: 25px 0 0;
padding: 9px 22px 7px;
clear: both;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.banner .btn:hover { background: rgba(255,255,255,.05); }

.banner .btn:active {
-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.banner .btn,
.banner .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
position: absolute;
right: 10px;
bottom: 0px;
margin-bottom: 5px;
}

.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

.banner .dots li.active {
background: #fff;
opacity: 1;
}

.content .summary { background-color: #af0003; }

.content .summary .copy {
color: #ffbca8;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
font-size: 18px;
}

.content .summary .account { margin-bottom: 0; }

.content .summary .voucher-s { font-size: 16px; }

.content .summary .copy span.points,
 .content .summary .copy span.voucher {
font-weight: bold;
color: #FFF;
}

.list-box {
background-color: #110f0f;
position: relative;
}

.list_carousel { /*background-color: #ccc;*/ margin: 0 0 0px 60px; }

.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}

.list_carousel li {
font-size: 12px;
color: #bbb8b8;
text-align: left;
/*background-color: #eee;*/
border: 0;
width: 360px;
padding: 0;
margin: 10px;
display: block;
float: left;
}

.list_carousel li img {
display: inline-block;
width: 100%;
border: 5px solid #565151;
margin-bottom: 10px;
}

.list_carousel li h3 {
font-weight: normal;
color: #ffa800;
font-size: 12px;
}

.list_carousel li p { font-size: 11px; }

.list_carousel li a { color: #ffa800; }

.list_carousel.responsive {
width: auto;
margin-left: 0;
}

.prev {
position: absolute;
top: 110px;
left: 7px;
width: 26px;
height: 26px;
background: url(../../img/prev.jpg);
}

.next {
position: absolute;
top: 110px;
right: 7px;
width: 26px;
height: 26px;
background: url(../../img/next.jpg);
}

.list-slide {
width: 85%;
margin: 0 auto;
}

/*home page*/
.breadcrumb-black {
background: url(../../img/breadcrumb-b-bg.jpg) repeat-x;
height: 23px;
padding-left: 30px;
}

.breadcrumb-black {
color: #656161;
font-size: 13px;
padding-top: 2px
}

.breadcrumb-black a {
color: #656161;
font-size: 13px;
}

.breadcrumb-black a:hover {
color: #8c8484;
font-size: 13px;
}

.left-nav {
background-color: #343030;
min-height: 30px; min-height: 1800px
}
.rainbow-nav {
background-color: #343030;
min-height: 30px
}


.left-nav .left-nav-box {
color: #FFF;
padding-top: 20px;
padding-bottom: 20px
}

.left-nav .left-nav-box ul { padding-left: 35px; }

.left-nav .left-nav-box ul li {
list-style-image: url(../../img/triangle.jpg);
margin-bottom: 10px;
}

.left-nav .left-nav-box ul li a { color: #FFF; }

.list-content { padding-top: 30px; }

.list-content .row {
margin-bottom: 20px;
background: url(../../img/product-divider.jpg) center bottom no-repeat;
}

.list-content .img-content {
border: 1px solid #999;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
text-align: center;
border-radius: 20px 0 20px 0;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
margin-bottom: 20px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden;
width: 152px;
}

.list-content .img-content img {
border-radius: 20px 0 20px 0;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
}

.list-content .text-content h4 {
margin-top: 0;
color: #b13200 }

.list-content .text-content p {
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 20px }

.list-content .text-content a { color: #af0003; }

.code-box {
text-transform: capitalize;
color: #980000;
font-weight: bold }

select.form-control {
width: 100%;
display: inline-block;
border: 1px solid #6d6b65;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #f3f3f3;
margin-bottom: 10px }

textarea.form-control {
width: 100%;
height: 100px; 
border: 1px solid #6d6b65;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #f3f3f3;
resize: vertical }

.content .formbox {
border: 1px solid #999;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
padding: 20px;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
margin-top: 20px;
margin-bottom: 20px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }

.content .formbox-border {
font-size: 14px;	
color: #ff6c00; font-weight: bold;
padding: 20px 0 0 20px;
margin-top: 50px }


.formbox-excite {
border: 1px solid #999;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }

.formbox-grow {
border: 1px solid #757c7c; 
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
padding: 20px;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
margin: 20px ;
position: relative;
background: #fef9e9;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }

.formbox-step {
border: 1px solid #757c7c; 
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
padding: 20px;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
margin: 20px ;
position: relative;
background: #fff;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }

.step h5 {
display: inline-block;
background-color: #ff6c00;
padding: 7px 12px 5px 12px;
color: #FFF;
font-weight: bold;
border-radius: 6px 6px 0 0;
-webkit-radius: 6px 6px 0 0;
-mozborder-radius: 6px 6px 0 0;
margin-bottom: 0 }

.formbox .formbox-grow h4 { color: #b13200; }

.formbox  form h5 {
display: inline-block;
background-color: #ff6c00;
padding-top: 3px;
padding-bottom: 3px;
color: #FFF;
padding-left: 6px;
font-weight: normal;
border-radius: 3px;
-webkit-radius: 3px;
-mozborder-radius: 3px;
width: 100%;
margin-top: 0 }

.content .formbox {
margin-top: 25px;
margin-bottom: 20px;
margin-left: 0 }

.excite-text { padding: 20px }

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_807.jpg) repeat-y }

.excite-num {
background: url(../../img/exciteme/digital.png) no-repeat;
font: 43px/45pt 'arial';
color: #000000;
height: 78px;
text-align: center;
padding: 12px
}

.excite-header {
color: #F8FF00;
text-align: center;
font-size: 20px
}

.excite-tip {
color: #F8FF00;
text-align: center;
font-size: 15px;
padding-bottom: 25px
}

.modal-body {
max-height: 200px;
padding: 15px;
overflow-y: auto;
}

input[type="radio"],
input[type="checkbox"] { margin: 3px 0 0; }

button.add-to-cart {
background: none;
padding: 0;
border: 0;
}

.controls {
text-align: right;
padding-top: 20px;
}
.controls-event {
padding-left: 30px;
padding-top: 10px
}

.radio { margin-top: 0; }

.top { margin-bottom: 20px; }

.top .left {
width: 40%;
float: left
}

.top .right {
width: 40%;
float: right;
text-align: right;
margin-top: 10px;
}

button.submit {
display: block;
float: right;
background: none;
border: 0;
padding: 0;
}

.table tr th { font-size: 13px; }

thead tr {
background: #ff6c00;
color: #FFF;
font-weight: normal;
}

thead tr th {
font-weight: normal;
vertical-align: top;
}

.table thead > tr > th {
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 0;
vertical-align: top;
font-size: 14px;
}

.table.my-account thead > tr > th { text-align: center; }

.table.my-account tbody > tr > td { text-align: center; }

.table.my-account tbody > tr > td.description { text-align: left; }

.table tbody > tr > td { font-size: 13px; }

/*.table thead > tr >th:first-child{
		border-top-left-radius:3px;
		
		-webkit-border-top-left-radius:3px;
	
		-moz-border-top-left-radius:3px;
	
		
	}
	
	.table thead > tr >th:last-child{
		border-top-right-radius:3px;
		
		-webkit-border-top-right-radius:3px;
		
		-moz-border-top-right-radius:3px;
		
		
	}*/
		
.table-responsive { font-family: Helvetica, Arial, sans-serif; }

.table-bordered > thead > tr > th { border: 1px solid #FF6C00; }

.text-content .history span {
display: block;
line-height: 17px;
padding-top: 3px;
padding-bottom: 5px;
}

.text-content .history span img { vertical-align: top; }

.points-summary .table-responsive .table { margin-bottom: 0!important; }

.points-summary .table-responsive .table thead tr td { }

.table tr:first-child td { border-top: 0; }

.points-summary h5 {
display: inline-block;
background-color: #ff6c00;
padding-top: 6px;
padding-bottom: 6px;
color: #FFF;
padding-left: 6px;
font-weight: normal;
width: 100%;
margin-top: 0;
}

.table-bordered { border: 0; }

.pagination { float: right; }

.list-content .img-cat {
border: 1px solid #999;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
text-align: center;
border-radius: 20px 0 20px 0;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
width: 280px;
margin: 0 auto;
margin-bottom: 20px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden;
}

.list-content .img-cat img {
border-radius: 0px 0 20px 0;
position: relative;
behavior: url(dist/css/rounded/PIE.htc);
}

.detail-content .list-item {
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
text-align: left;
border-radius: 20px;
border: 1px solid #999;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
margin-bottom: 20px;
padding-top: 10px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden;
}

.detail-content .list-item .img img {
display: block;
border-radius: 20px 0 0 0;
position: relative;
behavior: url(dist/css/rounded/PIE.htc);
}

.detail-content .list-item .text {
text-align: left;
padding: 0 30px;
font-family: Helvetica, Arial, sans-serif;
}

.detail-content .list-item .text a.more {
align: right;
text-align: right;
display: inline-block;
float: right;
color: #2a383d;
font-family: Helvetica, Arial, sans-serif;
}

.list-item { min-height: 250px }

.list-events { min-height: 425px }

.list-register { min-height: 460px }

.more {
font-size: 12px;
padding-bottom: 10px
}

.detail-content .list-item .text h6 {
display: inline-block;
background-color: #ff6c00;
padding-top: 3px;
padding-bottom: 3px;
color: #FFF;
padding-left: 6px;
font-weight: normal;
border-radius: 3px;
-webkit-radius: 3px;
-mozborder-radius: 3px;
width: 100%;
margin-top: 0;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
}

.detail-content .list-item .text h7 {
background-color: #ff4800;
display: inline-block;
padding-top: 3px;
padding-bottom: 2px;
color: #FFF;
padding-left: 6px;
font-weight: normal;
border-radius: 3px;
-webkit-radius: 3px;
-mozborder-radius: 3px;
width: 100%;
margin-bottom: 8px;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
}

.detail-content .list-item .text .radio {
border-bottom: 1px solid #798387;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
}

.detail-content .list-item .text .radio label { font-family: Helvetica, Arial, sans-serif; }

.list-content h3 {
padding-left: 0;
margin-top: 0;
font-weight: normal;
padding-bottom: 10px;
}

.list-content .img-cat img { width: 100%; }

.ui-datepicker-calendar { font-size: 10px; }

.ui-datepicker-calendar th {
background-color: #fff;
color: #000;
}

button.ui-datepicker-trigger {
background: none;
border: 0;
}

input.form-control {
border-radius: 0;
-webkit-border-radius: 0;
-mos-border-radius: 0;
border: 1px solid #6d6b65;
background-color: #f3f3f3;
height: 30px;
}

.form-control.date-picker {
display: inline-block;
width: 80%;
}

.button-holder {
text-align: right;
margin-top: 25px;
}

.button-holder2 { float: left; margin-top: 5px }

.detail-content h3 {
font-weight: normal;
text-transform: uppercase;
}

.location img { width: 100%; }

.row-content { padding-top: 10px; }

a.b-active { color: #8c8484; }

.contact label {
font-size: 13px;
font-family: Arial, sans-serif
}

.sidebar { margin-top: 20px; }

.contact .header {
padding: 10px;
background-color: #ff6c00;
font-weight: bold;
color: #FFF;
}

.contact .side-content {
padding: 15px;
background-color: #f5ebe0;
}

.contact .side-content .icon {
display: inline-block;
vertical-align: top;
padding-top: 3px;
padding-right: 10px;
}

.contact .side-content .info {
display: inline-block;
vertical-align: top;
font-size: 12px;
}

.contact .side-content .section { margin: 10px; }

.text-content h3 { font-weight: normal; }

.sidebar { margin-bottom: 20px; }

.winner-bg {
background: url(../../img/exciteme/congra_290.png) center no-repeat;
height: 152px
}

.winner {
font-size: 13px;
line-height: 16px;
padding-top: 46px;
text-align: center;
color: #980000;
}

.past-winner { background-color: #ffffff }

.excite-promo img {
width: 100%;
height: auto
}

.excite-header img {
width: 100%;
height: auto
}

.excite-congra img {
width: 100%;
height: auto
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_305.jpg) repeat-y }

.content-side { background-color: #343030 }

.content-body {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
min-height: 600px
}

.product-img { text-align: center }

#easy_zoom {
border: 5px solid #eee;
background: #fff;
color: #333;
position: fixed;
overflow: hidden;
-moz-box-shadow: 0 0 10px #777;
-webkit-box-shadow: 0 0 10px #777;
box-shadow: 0 0 10px #777;
/* vertical and horizontal alignment used for preloader text */
line-height: 400px;
text-align: center;
width: 348px;
height: 250px;
top: 482px;
left: 16px;
}

.magnifyarea { /* CSS to add shadow to magnified image. Optional */
box-shadow: 3px 3px 3px #acacac;
-webkit-box-shadow: 3px 3px 3px #acacac;
-moz-box-shadow: 3px 3px 3px #acacac;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#acacac, offX=3, offY=3, positive=true);
background: #ffffff
}

.targetarea { /* CSS for container div(s) of the zoomable image */
width: 150px; /* wide or wider than the widest zoomable image */
height: 200px; /* high or higher than the tallest zoomable image */
margin-top: 5px;
}

#two { /* Added CSS for second target div of zoomable images */ height: 200px; /* high or higher than the tallest zoomable image */ }

.targetarea img { /* zoomable image */
margin: 0 auto; /* for horizontal centering */
display: block; /* also for horizontal centering */
position: relative; /* along with on the fly calculations in script, for vertical centering */
border-width: 0;
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
padding-top: 25px;
width: 150px;
text-align: left;
}

.thumbs a { /* trigger links on the thumbnail images */ text-decoration: none; /* avoid underlines of images, text or spaces in these links */ }

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */ border-width: 0; /* avoid default borders in some browsers */ }

#description,
#description2 {
position: absolute; /* required for description folows image bottom (descpos: true) */
width: 325px; /* should be width of zoomable image container (.targetarea) */
text-align: center;
font: bold 95% sans-serif;
margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
color: #222;
background-color: #fff;
}

.header-red {
font-family: 'Futura Bk', Helvetica, Arial, sans-serif;
font-size: 24px;
color: #af0003;
margin-bottom: 10px;
font-weight: normal;
line-height: 1.1;
}

.header-red2 {
font-family: 'Futura Bk', Helvetica, Arial, sans-serif;
font-size: 24px;
color: #af0003;
padding: 0 0 10px 15px;
margin-bottom: 10px;
font-weight: normal;
padding-left: 0;
line-height: 1.1;
}

a.more { font-size: 11px }

#faq ul {
list-style-type: disc;
list-style-position: outside;
list-style-image: none;
padding: 0 0 20px 20px;
line-height: 22px
}

#faq ul li { padding: 5px 0 0 5px }

.ques {
font-weight: bold;
padding-top: 15px
}

/*NEW ADDED 24 MAY 16*/
.rainbow {
padding-left: 15px; padding-top: 10px }
.rainbow_bg { background: url(../../img/rainbow/bg_may16_top.jpg) top left no-repeat; min-height: 300px; margin-left: -15px }

.rainbow_form {
border: 1px solid #999;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
padding: 0;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
margin: 25px 15px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }
*/
.rainbow_content { padding: 25px }

#rainbow_top { overflow:auto; display: block }

.rainbow_toptx { font-size: 11px; top: 100px }

.rainbow_color { display:block; color: #000000; padding: 5px; margin: 5px; text-align: center; width: 100%; margin-left:35px  }
.rainbow_01 { background-color: #006aed;  }
.rainbow_02 { background-color: #129bc4; }
.rainbow_03 { background-color: #1ee0e5 }
.rainbow_04 { background-color: #338d28 }
.rainbow_05 { background-color: #81ec74 }
.rainbow_06 { background-color: #48b33b }
.rainbow_07 { background-color: #f4502a }
.rainbow_08 { background-color: #ff9745 }
.rainbow_09 { background-color: #ffd069 }
.rainbow_tip { font-size: 10px; font-style: italic; line-height: 1; padding: 0 }

.checkbox { position: relative; padding-left: 38px !important; cursor: pointer }
.checkbox i {
position: absolute; top: 0; left: 0; display: block;
width: 25px; height: 25px; outline: none;
border: 2px solid #EDEDED; background: #FFF }
.checkbox input + i:after {
position: absolute; opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s }
.checkbox input:checked + i:after { opacity: 1 }
.checkbox input { position: absolute; left: -9999px }
.checkbox input + i:after {
content: ''; background: url(../../img/check.png) no-repeat 1px 2px;
top: 0px; left: 2px; width: 16px; height: 16px;
font: normal 12px/16px FontAwesome; text-align: center }

.checkbox { position: relative; display: block; margin-top: 5px; margin-bottom: 0; font-size: 14px }
.tick { width: 3.5%; float: left }




@media only screen and (min-width: 190px) {

#easy_zoom {
width: 252px;
height: 200px;
top: 470px;
left: 16px;
}
}

@media only screen and (min-width: 420px) {

#easy_zoom {
width: 414px;
height: 250px;
border: 5px solid #eee;
background: #fff;
color: #333;
position: fixed;
top: 482px;
left: 16px;
overflow: hidden;
-moz-box-shadow: 0 0 10px #777;
-webkit-box-shadow: 0 0 10px #777;
box-shadow: 0 0 10px #777;
/* vertical and horizontal alignment used for preloader text */
line-height: 400px;
text-align: center;
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_373.jpg) repeat-y }
}

@media only screen and (min-width: 480px) {

#easy_zoom {
width: 360px;
height: 250px;
top: 460px;
left: 90px;
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_493.jpg) repeat-y }
.list-register { min-height: 460px }
.list-events { min-height: 365px }
}


@media (min-width: 600px) {

#easy_zoom {
width: 360px;
height: 250px;
top: 460px;
left: 190px;
}

.winner-bg {
background: url(../../img/exciteme/cogra.png) center no-repeat;
height: 200px
}

.winner {
font-size: 14px;
line-height: 17px;
padding-top: 72px;
text-align: center;
color: #980000;
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_661.jpg) repeat-y }
.list-register { min-height: 460px }
.list-events { min-height: 325px }
}


/*NEW ADDED 24 MAY 16*/

@media only screen and (max-width: 767px) {
.rainbow_color { display:block; color: #000000; padding: 5px; margin: 5px; text-align: center; width: 90%; font-size: 12px; margin-left: 35px }

.rainbow { padding-left: 15px; padding-top: 10px }
.rainbow_bg { background: url(../../img/rainbow/bg_may16_top.jpg) top left no-repeat; min-height: 300px; margin-left: -15px }

.checkbox { position: relative; display: block; margin-top: 5px; margin-bottom: 0; font-size: 14px }

}


@media only screen and (min-width: 768px) {
	
#easy_zoom {
width: 360px;
height: 250px;
top: 210px;
left: 450px;
}

.winner-bg {
background: url(../../img/exciteme/cogra.png) center no-repeat;
height: 200px
}

.winner {
font-size: 14px;
line-height: 17px;
padding-top: 72px;
text-align: center;
color: #980000;
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_489.jpg) repeat-y }

.left-nav-excite {
background-color: #343030;
min-height: 2880px
}
.content .login { min-height: 338px; }
.list-events { min-height: 345px }

.list-register { min-height: 320px }

.list-content .img-cat { width: 100%; }


.list-content .img-content img { border-radius: 20px 0 20px 0; }

.list-content .img-teachme img {
border-radius: 10px 0 10px 0;
margin: 10px
}

.list-content .img-cat img { border-radius: 0px 0 20px 0; }

.container { }

.content .intro,
 .content .login { min-height: 250px; }

.content .intro .copy { padding-top: 15px; }

ul.navbar-nav {
margin: 0 auto;
text-align: center;
width: 620px;
}

ul.navbar-nav li {
display: inline-block;
background: none;
border-right: 1px solid #1f2021;
border-left: 1px solid #47494c;
}

ul.navbar-nav li.active {
background-color: none!important;
background: url(../../img/nav-hover-bg.jpg)!important;
}

ul.navbar-nav li:hover { background: url(../../img/nav-hover-bg.jpg); }

.center {
width: 620px;
margin: 0 auto;
}

.nav #home,
.nav #toyota-me,
.nav #reward-me,
.nav #excite-me,
.nav #teach-me,
.nav #assist-me { }

.nav #home { border-left: 0; }

.nav #assist-me { border-right: 0; }

.logout { text-align: right; }

/* ============
    WIDE: Main
   ============ */
.service-tracker .tracker-box { }

.service-tracker .tracker-box .tracker-content { }

.content .summary { min-height: 170px; }

.list_carousel li { margin: 20px; }

.list_carousel li img {
display: inline-block;
width: 100%;
border: 5px solid #565151;
margin-bottom: 20px;
}

.list_carousel li h3 {
font-weight: normal;
color: #ffa800;
font-size: 22px;
margin-top: 12px;
}

.list_carousel li p { font-size: 12px; }

.prev { left: 20px; }

.next { right: 20px; }

.modal-body {
max-height: 400px;
padding: 15px;
overflow-y: auto;
}

.modal-dialog { padding-top: 100px; }

.list-content .img-cat img { width: 100%; }

.list-content .img-cat.middle {
border-radius: 0 20px 0 20px;
-webkit-border-radius: 0 20px 0 20px;
-moz-border-radius: 0 20px 0 20px;
}

.list-content .img-cat.middle img { border-radius: 0 0 0 20px; }

.detail-content .list-item .text {
padding: 0 30px;
}

.book { }

.rainbow-nav { min-height: 2200px; }


}

@media only screen and (min-width: 980px) {

#easy_zoom {
width: 360px;
height: 250px;
top: 210px;
left: 450px;
}

.rainbow_color { display:block; color: #000000; padding: 5px; margin: 5px; text-align: center; width: 28%; font-size: 12px }

.checkbox { position: relative; display: block; margin-top: 5px; margin-bottom: 0; font-size: 14px }
.tick { width: 3.5%; float: left }

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_634.jpg) repeat-y }

.content .login { min-height: 300px; }
.list-events { min-height: 405px }
.list-register { min-height: 338px }
.container { /*width:960px;*/ }

.logo-top img {
max-width: 100%;
height: auto;
}

.content .login .box { padding-top: 40px; }

.content .login .box .buttons {
margin-right: 3px;
margin-top: 5px;
}

.content .intro,
 .content .login { min-height: 210px; }

.login .form-horizontal .control-label {
text-align: left;
width: 100px;
margin-right: 0;
padding-right: 0;
padding-left: 20px;
}

.login .forget-pw { margin-left: 20px; }

.content .summary { min-height: 130px; }

.content .textbox { padding-top: 10px; }

.list_carou { margin: 20px; }

.prev {
top: 120px;
left: 50px;
}

.next {
top: 120px;
right: 50px;
}

#footer .left {
width: 50%;
float: left;
}

#footer .right {
width: 49%;
float: right;
text-align: right;
}

#footer .right a { color: #FFF; }

ul.navbar-nav li {
padding-left: 15px;
padding-right: 15px;
}

.center { width: 790px; }

ul.navbar-nav { width: 790px; }

.left-nav { min-height: 1485px; }

.rainbow-nav { min-height: 1855px; }


select.detail {
width: 40%;
margin-right: 20px;
border: 1px solid #6d6b65;
}

.text-content .history.first { background: url(../../img/divider-form.jpg) no-repeat right top; }

.text-content .history.second span { padding-left: 20px; }

.list-content h3 {
padding-left: 15px;
margin-top: 0;
}

.detail-content {
padding-left: 35px;
padding-top: 10px;
}

.book { padding-top: 30px; }

.list-content h5 { font-size: 15px; }

.detail-content h5 { font-size: 15px; }

.contact .side-content { padding-bottom: 70px; }

.list-content .img-content {
width: 90%;
float: right;
}

.form-center {
float: none;
margin: 0 auto;
}



@media only screen and (max-width: 991px) {


}


@media only screen and (min-width: 992px) {

/*NEW ADDED 24 MAY 16*/
.rainbow {
padding-left: 15px; padding-top: 10px }
.rainbow_bg { background: url(../../img/rainbow/bg_may16_top.jpg) top left no-repeat; min-height: 300px; margin-left: -15px }

.rainbow_form {
border: 1px solid #999;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.6);
padding: 0;
border-radius: 20px;
-webkit-radius: 20px;
-mozborder-radius: 20px;
margin: 25px 15px;
position: relative;
background: #FFF;
behavior: url(dist/css/rounded/PIE.htc);
overflow: hidden }
*/
.rainbow_content { padding: 25px }

#rainbow_top { overflow:auto; display: block }

.rainbow_toptx { font-size: 11px; top: 100px }

.rainbow_color { display:block; color: #000000; padding: 5px; margin: 5px; text-align: center }
.rainbow_01 { background-color: #006aed  }
.rainbow_02 { background-color: #129bc4; }
.rainbow_03 { background-color: #1ee0e5 }
.rainbow_04 { background-color: #338d28 }
.rainbow_05 { background-color: #48b33b }
.rainbow_06 { background-color: #81ec74 }
.rainbow_07 { background-color: #f4502a }
.rainbow_08 { background-color: #ff9745 }
.rainbow_09 { background-color: #ffd069 }
.rainbow_tip { font-size: 10px; font-style: italic; line-height: 1; padding: 0 }

.checkbox { position: relative; padding-left: 38px !important; cursor: pointer }
.checkbox i {
position: absolute; top: 0; left: 0; display: block;
width: 25px; height: 25px; outline: none;
border: 2px solid #EDEDED; background: #FFF }
.checkbox input + i:after {
position: absolute; opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s }
.checkbox input:checked + i:after { opacity: 1 }
.checkbox input { position: absolute; left: -9999px }
.checkbox input + i:after {
content: ''; background: url(../../img/check.png) no-repeat 1px 2px;
top: 0px; left: 2px; width: 16px; height: 16px;
font: normal 12px/16px FontAwesome; text-align: center }

.checkbox { position: relative; display: block; margin-top: 5px; margin-bottom: 0; font-size: 14px }
.tick { width: 3.5%; float: left }

}


@media only screen and (min-width: 1076px) {

#easy_zoom {
width: 252px;
height: 200px;
top: 570px;
left: 20px;
}

}

@media only screen and (min-width: 1170px) {
	
#easy_zoom {
width: 360px;
height: 250px;
top: 268px;
left: 740px;
}

.excite-promo-bg { background: url(../../img/exciteme/xmas2013-bg_784.jpg) repeat-y }
.content .login { min-height: 277px; }
.list-events { min-height: 365px }
.list-register { min-height: 260px }
.login .form-horizontal .control-label { padding-left: 30px; }

.content .login .box .buttons { margin-right: 23px; }

.login .forget-pw { margin-left: 30px; }

.login .cannot-login { margin-right: 35px; }

ul.navbar-nav li {
padding-left: 15px;
padding-right: 15px;
}

.center { width: 850px; }

ul.navbar-nav { width: 850px; }

.img-content {
width: 90%;
float: right;
}

.text-content .history.second span { padding-left: 0px; }

.text-content .history.first { background: url(../../img/divider-form.jpg) no-repeat 305px top; }

.text-content .history.profile.first { background: url(../../img/divider-form.jpg) no-repeat 355px top; }

.joinnow-nav { min-height: 700px; }
.content .login { min-height: 277px; }
.list-register { min-height: 325px }
.list-events { min-height: 390px }
.rainbow-nav { min-height: 1650px; }


}

/* Tabs panel */
.tabbable-panel {
border: 1px solid #eee;
padding: 10px;
overflow: hidden;
min-height: 246px
}

/* Default mode */
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}

.tabbable-line > .nav-tabs > li { margin-right: 2px; }

.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #ffffff;
}

.tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; }

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #ffc778; }

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; }

.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; }

.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #FF6C00;
position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #000000;
background-color:#eeeeee;
}

.tabbable-line > .nav-tabs > li.active > a > i { color: #404040; }

.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}

.portlet .tabbable-line > .tab-content { padding-bottom: 0; }

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; }

.tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; }

.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid #FF6C00;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #FF6C00;
}

.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}

.land-content { margin: 15px 0 }

.land-content p { padding: 15px }

.land-tab1 { padding-left: 15px }

.btn-generic {
color: #ffffff;
background-color: #34302f;
}

.btn-generic:hover {
color: #ffffff;
background-color: #34302f;
}

.redeemed { opacity: 0.15 }

.redeemed-tx {
position: absolute;
color: #000000;
text-align: center;
transform: rotate(-15deg);
top: 42%;
font-size: 30px;
font-weight: bold;
opacity: 1.0;
z-index: 9999
}

.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
}