﻿/* This file referenced in PartsLogix-BaseMasterPageResponsive.cs */
html, body {height: 100%;}
/* General Style Additions */
.strikethrough { text-decoration: line-through; }
.pad-top-7 { padding-top: 7px; } 
.centered { vertical-align:middle; text-align:center; }
.centered img { display:block; margin:0 auto; }
.add-on-item { padding-left: 25px;}
.add-on-item label { font-size: 13px;}

/* Bootstrap Overrides */

/* navbar */
.navbar-xs .navbar { min-height: 24px; }
.navbar-xs .navbar .navbar-brand { padding: 7px 15px; font-size: 14px; line-height: 14px; height: 25px; } 
.navbar-xs .navbar .navbar-nav > li > a { padding: 7px 10px; font-size: 12px; line-height: 12px; } 
.navbar-sm .navbar { min-height: 40px; } 
.navbar-sm .navbar .navbar-brand{ padding: 12px 12px; font-size: 16px; line-height: 18px; } 
.navbar-sm .navbar .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; line-height: 20px; }

/*.navbar-inverse { background-color: #222222; border-color: #080808; } - defaults, replace with new colors to match site (if necessary)*/


dl { margin-bottom: 0px; }
section { margin-bottom: 25px; }

.carousel { margin-bottom: 20px; }
.carousel-inner { width: 100%; }

.navbar-search{ padding: 10px 0; }

.well { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.table-bordered > tfoot > tr > td { border-top-width: 2px; font-weight: bold; }

/* Custom CSS */
#Logo { padding-top: 15px; }
.header-links { padding-top: 15px; }

/*.well h1, h2, h3 { margin: -10px 0 0 0; }*/
.sidenav { background-color: #F7F5FA; border-radius: 5px; margin-bottom: 20px; padding: 10px 0; text-shadow: 0 1px 0 #FFFFFF; }
.sidenav > li > strong { padding: 0 0 4px 10px; display: block; }
.sidenav > li > a { padding: 4px 20px; }
.sidenav .subcat { font-size: 90%; }
.sidenav .subcat > a { padding: 3px 15px 3px 30px; }
.sidenav .glyphicon-chevron-right { float: right; margin-right: -6px; margin-top: 1px; opacity: 0.25; }
#CategoryNav .title { border-bottom: 1px solid #eaeaea; }
#BrandNav .title { border-bottom: 1px solid #eaeaea; }

.sidenav > .active > a, .sidenav .nav > .active:hover > a, .sidenav .nav > .active:focus > a {
/*    border-right: 1px solid #428BCA; */
    color: #428BCA;
    font-weight: bold;
}

.footer { height: 62px; margin-bottom:10px; }
.footer > .panel-body { padding: 10px; }
/* cart panel */
.panel > .panel-body > h4 { margin-top:0px; }

.gray { background-color: #fcfcfc; }
.rounded-border { border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#Links { background-color: transparent; }

#NavToggleText { margin-right: 10px; color: #aaa; font-size: 14px; font-weight: bold; line-height: 14px; }
#NavToggleText:before { content: "NAVIGATION"; }

#MainContent h1 { margin-top: 0px; }

/* Reviews */
.stars { float: left; }
#StarText { margin: 3px 0 0 15px; float: left; }

.star { display: inline-block; width: 80px; height: 16px; margin-right: 8px; color: transparent; }
.star0 { background-image: url('../../images/stars_0_sm.png'); }
.star1 { background-image: url('../../images/stars_1_sm.png'); }
.star2 { background-image: url('../../images/stars_2_sm.png'); }
.star3 { background-image: url('../../images/stars_3_sm.png'); }
.star4 { background-image: url('../../images/stars_4_sm.png'); }
.star5 { background-image: url('../../images/stars_5_sm.png'); }

#ProductReviews { margin-top: 30px; }
.review { margin-bottom: 30px; }
.review h4 { margin: 0px; }
.helpful { margin-bottom: 3px; }

/*#CategoryNav .title strong:before { content: 'Universal '; } */

#Cart { margin-bottom: 20px; margin-top: -30px; }
#CalculateRates input, #CalculateRates select { float: left; }
.cartitem td input { padding: 6px; }
.paypal-btn { margin-bottom: 25px; }
.cart-img { min-width: 100px; }

/* Product Listing */
/*.thumbnail img { border: 1px solid #ccc; } */
.thumbnail .title { height: auto; height:34px; line-height: 1.2em; overflow: hidden; margin-bottom: 2px; }
.thumbnail > a:hover, .thumbnail > a:focus { text-decoration: none; }

.product-flag { position: absolute; width: 35%; top: 0; left: 5.5%; }

#Header { margin-bottom: 10px; }
#Wrapper { margin: 10px auto;min-height: 100%; }

#ShopByVehicle select { width: 100%; }
#ShopByVehicle dl dt { display: none;}
#ShopByVehicle select { margin-bottom: 5px; }

#SellBtn { clear: both; }
.NoPrice, .no-price { display:none; }

#MainContent { }

#CategoryList { margin-bottom:20px;}

#ProductList { clear:both; }

.thumbnail-buy-btn { position:absolute; bottom: 35px; right: 25px; }

/*#ProductList a { min-height:200px; }*/

#ProductDescription { margin-top: 20px; }
#ProductImages { margin-top: 20px; }

#BrandCategoryList { clear:both; }

.tab-content > .active, .pill-content > .active { border: 1px solid #ddd; border-radius: 0 0 5px 5px; padding: 20px; display: block; margin-top: -1px; }

.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Product Options */
#Options { padding: 20px 0px;}

#PartsLogix { clear: both; margin-top: 40px; font-size: 80%; font-family: Tahoma, Geneva, sans-serif;}
#PartsLogix a { color: #999; display: block; text-decoration: none; width: 100%; }
#PartsLogix a:hover { color: #aaa; }
#PartsLogix a:hover strong { text-decoration: underline; }
#PartsLogix strong {  }
#PartsLogix p {  }


/* Credit Card Selection */
.cards { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.cards li { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-image: url(../../images/card_logos.png); background-position: 0 0; float: left; height: 32px; margin-right: 8px; text-indent: -9999px; width: 51px; }
.cards li:last-child { margin-right: 0; }

.cards .visa { background-position: 0 0; }
.cards .visa_electron { background-position: -51px 0; }
.cards .mastercard { background-position: -102px 0; }
.cards .maestro { background-position: -153px 0; }
.cards .discover { background-position: -204px 0; }
.cards .amex { background-position: -255px 0; }

.cards .visa.off { background-position: 0 -32px; }
.cards .visa_electron.off { background-position: -51px -32px; }
.cards .mastercard.off { background-position: -102px -32px; }
.cards .maestro.off { background-position: -153px -32px; }
.cards .discover.off { background-position: -204px -32px; }
.cards .amex.off { background-position: -255px -32px; }

form input.valid { background: url(../../images/tick.png) 200px center no-repeat; }

.required {}

/* My Account */
.edit-address { position:absolute; bottom:35px; left: 35px;}

footer { background-color: #f7f5fa; margin-top:25px; padding: 30px 30px 10px 30px; border-color: #eaeaea; border-width: 1px 0 0 0; border-top-style: solid; min-height: 250px; }

/* Desktops */
@media (min-width: 980px) {
	
}
     
/* Tablets */
@media (min-width: 481px) and (max-width: 979px) {
}
/* Larger than Portrait Tablet */
@media (min-width: 769px) {
	body { margin-top: 25px; } /* if using fixed stripe navbar */	
}
/* Portait Table or less */
@media (max-width: 768px) {
	body { margin-top: 50px; } /* if using fixed stripe navbar */	
	.navbar-xs .navbar .navbar-brand { padding: 15px; font-size: 18px; line-height: 18px; } 
}
/* Mobile Phones */
@media (max-width: 480px) {

}