/* # Color Codes 
    - Red: #e9292c
    - Red Gradient: #e9292c - #d83c3d
    - Pale Grey: #f2f2f2
    - Medium Grey: #999999
    - Dark Grey: #4d4d4d
*/

a { color: #e9292c; }
input.cartSubmit { border: 0px }

h1 { padding-bottom: 20px; }
h1, h2, h3 { color: #e9292c !important ; }
h2.mainHeading { font-size: 36px; font-weight: normal; color: #000; padding: 0 0 15px 0; }

div.leftColumn { padding-bottom: 20px; clear: both; }

div.mainContent { float: left; width: 775px; padding: 0px; margin: 0px; } /* 757px */
div.mainContentBody {
	padding: 15px 10px; 
	margin: 0px; 
	width: 100%; 
	float: left; 
	background: #fff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.leftMenu { float: left; width: 230px; padding: 0 20px 0 0; margin: 0px; }

input.searchIcon { margin-bottom: -8px; }
h2.shopByCategory { color: #e9292c; font-size: 20px; padding: 0 0 0 0; clear: both; }
ul.shopByCategory { list-style: none; margin: 0px; padding: 0px;  }
ul.shopByCategory li a { padding: 3px 0 3px 20px;  
	float: left; color: #000; width: 100%;  
	background: #f2f2f2;
	clear: both; 
	margin-bottom: 2px;

}
/* ul.shopByCategory li a.categoryBreak { margin-top: 15px; } */
ul.shopByCategory li a:hover { color: #e9292c; text-decoration: none; }

p.onlineStock { font-size: 11px; color: #cc0000; clear: both; width: 100%; line-height: 1.5em; }

#top { 	
	z-index: 10; 
	width: 100%; background: #b22034; height: 124px; border-bottom: 1px solid #fff; 
	-webkit-box-shadow: 0px 0px 5px 5px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    0px 0px 5px 5px #999;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         0px 0px 5px 5px #999;
}

div.searchProduct { padding-top: 25px; font-size: 16px; padding-bottom: 6px; clear: both; }


div.partsAccessories { float: left; width: 100%; height: 43px; background: #666666; color: #fff; }
div.partsAccessoriesLeft { float: left; width: 50%; padding: 8px 0 0 15px;  }
div.partsAccessoriesRight { float: left; width: 50%; padding: 10px 15px 0 0; font-size: 18px; text-align: right; }

div.footerContainer { clear: both; background: #fff; margin-top: 80px;  }
#footerBar { }
#footerBar h3 { font-size: 17px; font-weight: bold; }
#footerBar ul.footerMenu { list-style: none; padding: 0px; margin: 0px; }
#footerBar ul.footerMenu li { padding: 0px; margin: 0px; color: #666; }
#footerBar ul.footerMenu li a { font-size: 12px; font-weight: normal; padding: 0 0 15px; 0; color: #666; }
#footerBar ul.footerMenu li.address { padding-bottom: 10px; }
div.social { margin-bottom: 40px; }
div.community { float: left; clear: both; width: 205px; text-align: right; margin-right: 20px; }
div.shopProducts { float: left; width: 143px; }
div.services { float: left; width: 203px; }
div.aboutUs { float: left; width: 194px;  }
div.contactUs { float: left; width: 195px; }

div.breadcrumb { margin-left: 0px; padding-left: 0px; }

a.productboxImage { display: block; width: 220px; height: 220px; }
div.productbox { height: 420px; border: 1px solid #fff; }
/*  div.productbox:hover { border: 1px solid #e9292c; } */
div.productbox a.productName { color: #e9292c; }
div.productbox:hover a.productName { color: #e9292c; }

div.productImages { text-align: center; }

div.threeFull { width: 100%; float: left; text-align: left; }
a.threeFullImage { float: left;  width: 33%; text-align: center; } /* margin-right: 25px; margin-left: 25px; */

div.categoryListing { float: left; width: 165px; margin: 0 20px 5px 20px; text-align: center; font-size: 12px; font-weight: bold; height: 223px; overflow: hidden; }
div.categoryListing a.categoryImages { width: 165px; height: 165px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; display: block; margin-bottom: 5px; }
div.categoryListing a:hover { text-decoration: underline; }

p.displayingProducts { width: 100%; clear: both; }
input.productQty { border: 1px solid #000; font-size: 18px; padding: 3px 0px; text-align: center; width: 45px; }
input.productAddToCart { margin-bottom: -8px; }

table.modelSearchResults { width: 98%; border-collapse: collapse; }
table.modelSearchResults th { background: #999; color: #fff; padding: 4px 0; border: 1px solid #ccc; }
table.modelSearchResults td { border: 1px solid #ccc; padding: 3px 0 3px 0; }
table.modelSearchResults tr:hover { background: #eee; }
td.center { text-align: center; }
input.lookupIndex { width: 170px; padding: 4px 4px 3px 4px; border: 1px solid #999; background: #fff; } /*  background: #fff url(/img/lookup/input-background.jpg) 0 0 repeat-x;  */

table.salesTax { border: 1px solid #CCCCFF; padding: 3px; border-collapse: collapse; width: 425px; }
table.salesTax td { text-align: center; width: 50px; }
table.salesTax td.leftColumn { text-align: left; width: 205px; }
table.salesTax td.topLeft { background-color: #eee; }

table.cart { width: 99%; border-collapse: collapse;  }
table.cart input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
table.cart input.remove { border: 0px; }
table.cart th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 15px; text-align: center;}
table.cart td { text-align: center; font-size: 14px; border-bottom: 1px solid #ccc; }
table.cart td.image { text-align: left; vertical-align: middle; width: 65px; text-indent: 5px; }
table.cart td.priceCart { width: 60px; font-size: 16px;  }
table.cart td.remove { width: 52px; }
table.cart td.subTotal { font-size: 18px; text-align: left; }
table.cart td.description { text-align: left; padding: 5px 0 5px 10px; width: 210px; }
table.cart th.left { text-align: left; }
table.cart a { text-decoration: none; }
table.cart a:hover { text-decoration: underline; }
table.cart span.subTotal { font-size: 18px; font-weight: bold; }

input.cartSubmit  { font-size: 16px; padding: 5px 10px; font-weight: bold; display: block; background-color: #e9292c; color: #fff; }
input.goSubmit  { font-size: 16px; padding: 5px 10px; font-weight: bold; background-color: #e9292c; color: #fff; }


div.contactLeft { float: left; width: 55%; padding-right: 5%;  }
div.contactRight { float: left; width: 40%;  }
span.mandatory { color: #e9292c; font-weight: bold; font-size: 18px; }
table.contactForm td { padding: 0 0 15px 0; } 
table.contactForm td.leftColumn { padding-right: 25px; }

input.text { border: 1px solid #999; padding: 2px; }
input.securityCode { border: 1px solid #999; padding: 2px; }

table.checkout td { padding-right: 15px; line-height: 1.7em; padding-bottom: 5px; font-size: 16px; }
table.checkout input.text { border: 1px solid #999; width: 225px; }
table.checkout input.securityCode { border: 1px solid #999; width: 80px; }

a.copy { text-indent: 30px; background: #fff url(/img/checkout/icon-copy.gif) 0px 50% no-repeat; display: block; padding: 3px 0px; font-weight: normal; }

#checkoutSteps { margin-bottom: 10px; }
#checkoutSteps ul li { display: inline;  }
#checkoutSteps ul li a {
	padding: 45px 20px 10px 20px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
}
span.checkout { 
	color: #666;
	padding: 45px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
	float: left;
}
#checkoutSteps ul li a:hover { text-decoration: underline; }
#checkoutInfo { float: left; width: 100%; position: relative; }

#cart2 { width: 99%; border-collapse: collapse;  }
#cart2 input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
#cart2 input.remove { border: 0px; }
#cart2 th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 14px; }
#cart2 td { text-align: center; font-size: 16px; border-bottom: 1px solid #ccc; }
#cart2 td.price { width: 60px; }
#cart2 td.left { text-align: left; padding: 5px 0 5px 10px; }
#cart2 th.left { text-align: left; }
#cart2 a { text-decoration: none; }
#cart2 a:hover { text-decoration: underline; }

table.fixed { width: 500px; }
table.confirm { width: 400px; margin-bottom: 10px; }
table.confirm td { padding-right: 25px; padding-bottom: 3px;  }

textarea { border: 1px solid #999; font-size: 12px; }
textarea.comments { height: 85px; width: 300px; }
.price {
	margin: 10px 0 10px 0;
	font-size: 1.7em;
}

div.productHide {
	width: 95%;
	height:90px;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	display:block; 
	border-left: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; 
	padding: 2px;
	margin-bottom: 10px;
}

p.productHide { font-size: 11px; }

div.appliancesMenu { float: right; width: 80%; padding: 0px; margin: 17px 0 0 0; }
/* div.appliancesMenu { float: left; width: 100%; padding: 0px; margin-top: -25px; } */
div.appliancesMenu div { float: left; width: 16%; text-align: center; padding: 10px 0; }
div.appliancesMenu div:hover { }
div.appliancesMenu div img { margin-bottom: 10px; }
div.appliancesMenu div a { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
div.appliancesMenu div a:hover { text-decoration: none; color: #e9292c; }

table.findModel { width: 100%; }
table.findModel td { width: 25%; text-align: center; font-weight: bold; font-size: 14px; vertical-align: top; }

@media (max-width: 640px) { 
	h2.shopByCategory { padding: 0px; }
	img { max-width: 100%; height: auto; display:block; }
	div.appliancesMenu { margin-bottom: 0px; display: none; }
	div.appliancesMenu div { padding: 0px; }
	div.appliancesMenu img { margin-bottom: 0px; }
	div.appliancesMenu span { display: none; }
}

.container-title h1 { float: left; color: #fff !important; text-transform: uppercase; }
.container-title {
  margin-top: -45px;
  height: 155px;
  background-image: url("/img/affiliates/transglobal/bg-header.png");
  background-color: #e9292c;
  background-size: cover; 
}
  @media (max-width: 768px) {
  
  	div.categoryListing { margin: 0 5px 0 0; }
  
  	div.appliancesMenu {
  		display: none;
  	}
  	.container-title { height: 45px; }
  	
  	.payment-option-icon img { margin: 0 auto; }
  }
  @media (max-width: 992px) {
  	.container-title { margin-top: -68px; }
	.container-title h1 { margin-top: -3px; }
  }
  
  @media (min-width: 768px) {
    .container-title {
      height: 145px;
      background-size: cover; } }
  @media (min-width: 992px) {
    .container-title {
      height: 175px;
      background-size: cover; } }
  	.container-title h1 {
	    color: #ffffff;
	    text-align: left;
	    font-size: 20px;
	    line-height: 46px; }
    @media (min-width: 768px) {
      .container-title h1 {
        font-size: 40px;
        line-height: 126px; } }
    @media (min-width: 992px) {
      .container-title h1 {
        font-size: 55px;
        text-align: left;
        line-height: 154px; } }
.navbar-nav li a{ font-size: 18px !important; }

.bannerWrapper { clear: both; background: #e42f33  url(/img/affiliates/thebrick/banner-01-background.jpg) 0 0 repeat; }

a.largeImage img { border: 1px solid #ccc !important; margin-bottom: 20px; }
.productboxthumb img { border: 1px solid #ccc; margin-bottom: 15px; }
div.breadcrumb-row { padding-bottom: 0px !important; }

a.productboxImage { background-size: contain !important; }

.languageSelection { float: right; font-size: 18px; font-weight: bold; padding: 10px 0 0 0; margin-right: 40px; }
.languageSelection a:hover { color: #ab2a33; text-decoration: none; }