/*

These are the temporary styles that should be integrated to the main css near launch upon review
I created this file so I don't overwrite Joe's style by accident

Have fun in Mexico buddy, conquer the Sea Creatures
BE the Sea Creatures
you ARE the Sea Creatures!

La Mer, my friend,
la Mer.

And a Mer Man you shall be.
A Mer Man you will ever be,
A Mer, and a Man forever,
and
ever.

- Bruce Lee, 2016/01/14 (Yes, I am still alive...)

*/

.push-top-20 { margin-top:20px;}
.push-top-30 { margin-top:30px;}


.product-page h1.heading { font-size:36px; text-align:left; line-height:inherit; margin:20px 0;}
.product-page h1.heading .header-lined:after, .product-page .header-lined:before { bottom: 24px; margin:0 20px;}

.product-page h2.heading { font-size:36px; text-align:left; line-height:inherit; overflow:hidden;}
.product-page h2.heading .header-lined:after, .product-page .header-lined:before { bottom: 24px; margin:0 20px;}

.product-page .table-title { color:#333333; display:block; margin-bottom:15px; font-weight:bold; font-size:21px; text-transform:uppercase;}
.product-page .table>tbody>tr>td { border:none; font-size:16px; font-weight:600;}
.product-page .table>tbody>tr>td:nth-child(2) { font-weight:normal;}
.product-page .table-striped>tbody>tr:nth-of-type(odd) { background-color:#f0efef;}
.product-page .table-striped>tbody>tr>td span { color:#ccc;}

.product-page .tile { margin-bottom:30px;}
.product-page .tile .image img { max-height:100px; margin-bottom:10px;}
.product-page .tile .image.large img { max-height:100px;}
.product-page .tile:hover .text a { background:rgba(51,191,256,1);}
.product-page .tile .text a { background:rgba(54,191,246,0.5); display:block; padding:10px 0; color:#464646; font-size:16px; font-weight:600; transition:background 0.35s;}
.product-page .tile .text a:hover { background:rgba(51,191,256,1); text-decoration:none;}

.product-page .item { background-color:#00529a; padding:20px 25px; margin-bottom:15px;}
.product-page .item .image { position:relative; margin-bottom:12px; height:170px; overflow:hidden; border-radius:5px;}
.product-page .item .image .flag { position:absolute; top:10px; left:-6px;}
.product-page .item .title { font-size:20px; font-weight:600; color:#dddddd; margin-bottom:12px;}
.product-page .item .title a {color:#dddddd; text-decoration:none;}
.product-page .item .price { color:#ffffff; font-size:26px; font-weight:bold;}
.product-page .item .price .term { color:#dddddd; font-size:15px; font-weight:normal;}
.product-page .item .price a { display:inline-block; font-size:16px; font-weight:normal; color:#0b3d91; background-color:#fff; padding:5px 15px; vertical-align:middle; text-decoration:none;}

.product-page .logo { padding-top:35px; margin-bottom:15px;}



#sidebar .sidebar-widget .product-media #videos .row { margin-bottom:25px;}
#sidebar .sidebar-widget .product-media #videos .image { position:relative;}
#sidebar .sidebar-widget .product-media #videos .image .play-icon { display:inline-block; position:absolute; top:50%; left:50%; margin-left:-19px; margin-top:-19px;}
#sidebar .sidebar-widget .product-media #videos .title { font-size:16px;}
#sidebar .sidebar-widget .product-media #videos .title a { color:inherit; text-decoration:none;}
#sidebar .sidebar-widget .product-media #videos .title a:hover { color:#eb1c2d;}

#sidebar .sidebar-widget .product-media #links p,
#sidebar .sidebar-widget .product-media #brochure p { font-size:18px; font-weight:normal; line-height:26px;}


.red-button, a.red-button {
  background-color:#e20c2b;
  border:1px solid transparent;
  border-radius:none;
  color:#fff;
  padding:10px 20px;
  display:block;
  text-align:left;
  font-size:20px;
  text-decoration:none;
}
.red-button:hover, a.red-button:hover {
  background-color:#ba0a24;
}

.blue-button-sm { 
  padding:10px 20px!important; font-size:20px!important; font-weight:500!important;
}


.subtitle { position:relative; margin-top:60px;}
.subtitle > a { position:absolute; background-color:#0b3d91; right:0; padding:6px 12px; top:7px; font-weight:bold; border-radius:0; font-size:18px;}

#brand-packages #packages-table .details { font-size:15px;}
#brand-packages #packages-table .yes,
#brand-packages #packages-table .no { font-weight:bold;}

#brand-packages #packages-table th { border:none; background-color:#f0efef; padding:15px;}
#brand-packages #packages-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;}

#brand-options #options-table .details { font-size:15px;}
#brand-options #options-table .yes,
#brand-options #options-table .no { font-weight:bold;}

#brand-options #options-table th { border:none; background-color:#f0efef; padding:15px;}
#brand-options #options-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;}

#model-options #options-table .details { font-size:15px;}
#model-options #options-table .yes,
#model-options #options-table .no { font-weight:bold;}

#model-options #options-table th { border:none; background-color:#f0efef; padding:15px;}
#model-options #options-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;}

#brand-swatches .item { background-color:transparent;}
#brand-swatches .item .title { color:#000000; margin-bottom:5px; display:block; font-size:14px; font-weight:bold;}
#brand-swatches .item .img-fixed { max-height:300px;}

.owl-carousel .item { background:none;}

.subpage .left,
.subpage .right { padding-top:40px;}


span.list-title { font-size:21px; font-weight:600; display:block; margin-bottom:15px;}

#services-list { margin-bottom:50px;}
#services-list ul { list-style:inside; color:#0b3d91;}
#services-list ul li span { color:#333333;}

.service h4 { font-size:28px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #0b3d91; margin-bottom:20px;}

#content p.sidenote { font-size:15px; font-weight:300; font-style:italic; line-height:20px; margin:10px 0;}


#service-specials .special { display:block; margin-bottom:20px;}
#service-specials .special span { display:block;}
#service-specials .special .title { font-size:18px; font-weight:bold;}
#service-specials .special .description { font-size:18px;}
#service-specials .special .notes { font-size:15px; font-weight:400; font-style:italic;}
#service-specials .special .price { font-size:20px; font-weight:bold; color:#0b3d91;}

#toggle-content-wrapper { display:none;}

#form-storage { margin-bottom:60px; display:none;}
#form-storage h2 { text-transform:uppercase;}
#form-storage form label.control-label { font-weight:normal; font-size:16px;}
#form-storage form span.required { color:#dc0808;}
#form-storage form span.section-title { display:block; font-size:18px; font-weight:600; margin:20px 0;}

#form-storage form p.submission-notice { font-size:14px;}

#form-storage form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;}
#form-storage form #resetBtn { display:inline-block; margin-top:15px; background-color:#404040; color:#fff; border:none; padding:10px 20px;}

#form-appointment { margin-bottom:60px; display:none;}
#form-appointment h2 { text-transform:uppercase;}
#form-appointment form label.control-label { font-weight:normal; font-size:16px;}
#form-appointment form span.required { color:#dc0808;}
#form-appointment form span.section-title { display:block; font-size:18px; font-weight:600; margin:20px 0;}

#form-appointment form p.submission-notice { font-size:14px;}

#form-appointment form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;}
#form-appointment form #resetBtn { display:inline-block; margin-top:15px; background-color:#404040; color:#fff; border:none; padding:10px 20px;}

#form-appointment #service-display { margin-top:20px;}
#form-appointment #service-display span { font-size:14px; cursor:pointer; font-weight:normal; padding:10px 15px; background-color:#e20c2b; margin-right:5px; margin-bottom:5px;}

a.toggle.active { background-color:#07214c;}

.towing-guide .menu-item { display:block; position:relative; margin-bottom:30px;}
.towing-guide .menu-item span { display:none; position:absolute; top:50%; color:#fff; font-weight:bold; text-transform:uppercase; font-size:22px; margin-top:-17px;}

.towing-guide h3 { line-height:52px; margin:30px 0!important;}
.towing-guide h4.sub-heading { display:block; text-align:center; font-weight:normal; font-size:18px; margin-bottom:60px;}

.towing-guide .sidebar-item { display:block; margin-bottom:15px; font-size:18px; font-weight:normal; padding-left:60px; background:url('/assets/images/button-right-chevron-blue-circle.png') 0 0 no-repeat; color:#333; text-decoration:none;}
.towing-guide .sidebar-item .heading { display:block; font-size:18px; font-weight:bold; text-transform:uppercase;}

.towing-guide .panel-default>.panel-heading { background-color:#fff; font-weight:bold;}
.towing-guide .panel-default>.panel-heading a { text-decoration:none; color:#333;}
.towing-guide .panel-default .panel-body .item { color:#0b3d91; padding-left:15px;}
.towing-guide .panel-default .panel-heading .panel-title i { color:#0b3d91;}

.towing-guide .media-item { display:block; margin-bottom:15px; font-size:16px; font-weight:normal; padding-left:60px; background:url('/assets/images/button-right-chevron-blue-circle.png') 0 0 no-repeat; color:#333; text-decoration:none;}
.towing-guide .media-item .heading { display:block; font-size:16px; font-weight:bold; text-transform:uppercase;}

.text-left-important { text-align:left!important;}

#form-towing form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;}
#form-towing form span.required { color:#dc0808;}


.towing-guide h3.seminar-title { margin:0 0 30px!important; font-size:36px; font-weight:bold;}
.seminar-item { margin-bottom:30px;}
.seminar-item h4 { font-size:28px; font-weight:bold; margin-bottom:20px; text-transform:uppercase;}
.seminar-item span { display:inline-block; margin-right:10px;}
.seminar-item span i { color:#0b3d91;}

.seminar-sidebar h4 { padding-bottom:8px; font-size:28px; font-weight:bold; border-bottom:1px solid #0b3d91; margin-bottom:10px; margin-top:20px;}

.towing-guide .seminar-sidebar #formBtn { background-color:#0b3d91; font-size:24px; display:block; padding:10px; color:#fff; text-transform:uppercase; text-decoration:none;}
.towing-guide .seminar-sidebar #formBtn i { font-weight:normal;}

#form-seminar { display:none; margin:20px 0;}
#form-seminar form span.required { color:#dc0808;}
#form-seminar form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;}

.towing-guide .video-category a { color:#333; text-decoration:none;}
.towing-guide .video-category .item { position:relative;}
.towing-guide .video-category .item .icon-play { position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-19px;}
.towing-guide .video-category .title { position:relative; display:block; font-size:18px; margin:10px 0;}

section#content {
  min-height:1040px !important;
}


.popover-title .close { position:relative; top:-5px;}

.search-panel form #search-model { display:none;}

.tags a { margin-bottom:5px; display:inline-block;}

.subpage .tile { cursor:pointer;}
.subpage .tile:hover .text a { background:rgba(51,191,256,1);}