body,
p, span,
table, td,
textarea, input, select { 
	font-size: 16px;
}

/*------------------------------------*\
    #FOUNDATION OVERRIDES
\*------------------------------------*/
.row {
    /*max-width: 760px;*/
    max-width: 1200px;
}

blockquote {
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}

hr {
	margin-top: 3px;
	margin-bottom: 3px;
}

/*------------------------------------*\
    #SITE HEADER
\*------------------------------------*/
.header {
    min-height: 138px;
}

.header-phone {
    background-image: url(../../images/bg-header-phone.jpg);
}

.header-logos {
    border-top: solid 7px #867d56;
    border-bottom: solid 8px #867d56;
    background-image: url(../../images/bg-header-grid.jpg);    
}

.header-dark-bar {
    padding: 2px 0;
    background-color: #000;
    font-family:  'Roboto', sans-serif;
    color: #cfc69f;
    font-size:  14px;
}

.home-callout-table td {
    padding: 0;
    line-height: 1.1;
}

/*------------------------------------*\
    #SIDEBAR
\*------------------------------------*/
.main-left {
    background-color: #EEEEED;
}

.left-search {
    padding: 0.5rem 0;
}

.left-search input[type="text"] {
  height: 29px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}

.departmentlistHeader {
    padding: 3px 0;        
}

.departmentlistHeader strong {
    margin-left: 15px;        
}

/*------------------------------------*\
    #PRODUCT LISTS
\*------------------------------------*/
.tableHeader + .row {
	margin-top: 15px;
}

/*------------------------------------*\
    #PRODUCT DETAILS
\*------------------------------------*/
.product-details-wrap {
	width:100%;
}

.buyBoxContent select {
    margin-bottom: 0;
}

.product-disclaimer {
	word-wrap: break-word;
}

/*------------------------------------*\
    #SHOPPING CART
\*------------------------------------*/
.cartForm input[type="text"] {
    margin-bottom: 0;
}

.cartContinueShoppingButton {
    vertical-align: top;
}

/*------------------------------------*\
    #LOGIN
\*------------------------------------*/
.login-block-header {
    font-size:14px;
}

blockquote.login-block {
	margin-left: 1rem;
	margin-bottom: 0;
	padding-top: 0;
}

.login-block input[type="text"],
.login-block input[type="password"] {
	display: inline;
	width:auto;
	margin-bottom: 0.5rem;
}

.login-block input[type="radio"] {
	display: inline;
	margin-bottom: 0;
}

.login-block input[type="radio"] + label {
	display: inline;
}

.customer-info-form,
.customer-info-form td,
.customer-info-form input {
	font-size: 13px;
}
.customer-info-form select  {
	font-size: 12px;
}

.customer-info-form input,
.customer-info-form select {
	margin-bottom: 0;
}

/*------------------------------------*\
    #CHECK OUT
\*------------------------------------*/
.checkoutShipping label {
    display: inline;
}

/*------------------------------------*\
    #UTILITY CLASSES
\*------------------------------------*/
.row.row-left {
    margin:0;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

input[type="text"].display-inline,
input[type="radio"].display-inline {
    display: inline;    
}

input[type="text"].width-auto {    
    width: auto;
}

/*------------------------------------*\
    Sam Houston Parkway Location Page
\*------------------------------------*/
.location-image-grid img {
    margin-bottom: 5px;
}

.location-image-grid .row.collapse>.columns {
    padding-right: 5px;
}

/*------------------------------------*\
    #SITEMAP
\*------------------------------------*/
.siteMapDepartment {
    font-size: 16px;
}

/*------------------------------------*\
    #SITE FOOTER
\*------------------------------------*/
.footer {
    background-color: #867d56;   
}

/*------------------------------------*\
    #MEDIA QUERIES
\*------------------------------------*/
@media (max-width: 40em) {
    /* max-width 640px, mobile screens */
    .top-bar,
    .top-bar.expanded .title-area {
    	background-image: url(../../images/bg-main-nav-mobile.jpg);
        background-repeat: repeat-x;
    }

	.top-bar .toggle-topbar.menu-icon a {
		color: #222;
	}

	.top-bar .toggle-topbar.menu-icon a span::after {
		box-shadow: 0 0 0 1px #222,0 7px 0 1px #222,0 14px 0 1px #222;		
	}

    .top-bar a {
        text-decoration: none;
    }

    .top-bar-section ul li>a {
        padding-top: 0;
    	padding-bottom: 0;
        font-size: 1.25rem;
    }

	.mobile-departments .top-bar,
	.mobile-departments .top-bar.expanded .title-area {
		background: #BBB494;
	}

    .mobile-search {
        padding-top: 0.5rem;
    }

	.mobile-search .button {
		background-color: #5D5E34;
	}

	.mobile-search .button:hover {
		background-color: #77784E;
	}

    .main-left {
   	  margin-top: 15px;
      border-top: solid 1px #ccc;
    }

	.cartSummary {
		display: block;
		padding-left: 9px;
		font-size: 16px;
	}

	.departmentlistHeader {          
		padding: 5px 15px;
        font-size: 1rem;
    }

    .departmentListItem {      
        padding-top: 5px;
        font-size: 1rem;
    }

    .departmentListItem a {      
        display: inline-block;
        padding: 5px 0;
    }

    .home-left .left-modules {
        display: none;
    }
    
    .featuredItemHeader {
        text-align: left;
        padding: 5px 15px;
        font-size:  16px;
    }

	.featuredItemText{	
		font-size: 14px;
	}
    
    .center-content {
        padding-left: 10px;
        padding-right: 10px;
    }    

    .mobile-featured-item.row {
        max-width: 215px;
    }
    
    .mobile-featured-item .featuredItemHeader {
        display: none;
    }
    
    .mobile-featured-item .featuredItemText {
        background-color: transparent;
        font-size: 16px;
        text-align: left;
        width: 215px !important;
    }

	.mobile-featured-item .featuredItemText > br:first-of-type {
		display: none;
	}

    .mobile-featured-item .featuredItemText img {
        margin-left: auto;
        margin-right: auto;
    }

    .home-featured-items {}

    .home-featured-items table td[width] {
      display: block;
      background-color: #bada55;
    }       
    
    /*------------------------------------*\
		#PRODUCT DETAILS
	\*------------------------------------*/
	.buyBoxContent {
		padding: 5px;
	}

	.buyBoxContent table, .buyBoxContent thead, .buyBoxContent tbody, .buyBoxContent th, .buyBoxContent td, .buyBoxContent tr { 
		display: block; 
	}

	.buyBoxContent tr {
		margin-bottom: 1rem;
	}
	
	.buyBoxContent input[type="text"],
	.buyBoxContent input[type="radio"],
	.buyBoxContent select {
		margin-bottom: 0;
	}	

	/*------------------------------------*\
		#SHOPPING CART
	\*------------------------------------*/    
    .shoppingToolsHeader {
        display: none;
    }
    
    /* Force table to not be like tables anymore */
	table.cart-items, .cart-items thead, .cart-items tbody, .cart-items th, .cart-items td, .cart-items tr { 
		display: block; 
	}	
	
	.cart-items tr { margin-top:5px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}

	.cart-items tr:nth-of-type(even) {background-color:#f1f1f1;}
		
	.cart-items td {/* Behave  like a "row" */
		width: 100%;
		border: none;
		border-bottom: 1px solid #aaa;
		position: relative;
		padding-left: 45%;
		text-align: left;
	}	
	
    .cart-items td:before {
        content: attr(data-label);/* Now like a table header */
        position: absolute;/* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        width: 40%;
        height: 100%;
        border-right: 1px solid #aaa;
        padding: 5px 10px 3px 6px;
        text-align: left;
        font-weight: bold;
        white-space: nowrap;        
    }

    .cart-items td input[type="text"] {
    	display: inline-block;
    	margin-right: 10px;
    	margin-bottom: 0;
    }
    
    /*------------------------------------*\
    #LOGIN
	\*------------------------------------*/
    blockquote.login-block {
	    margin-left: 0;	    
    }
    
    .login-block input[type="text"],
    .login-block input[type="password"] {
	    display: block;
	    width: 100%;	    
    }        
    
    .login-block-spacer {
        display: none;
    }
    
    .login-block span.copy {
        display: block;
    }
    
    .login-block-continue-wrap {
        width: 100%;
        text-align: left;
    }

	/*------------------------------------*\
		#CHECK OUT
	\*------------------------------------*/    
    .small-width-100 {
        width:100%;
    }

    .cc-table {
    	width:100%;
    }
	table.cc-table, .cc-table thead, .cc-table tbody, .cc-table th, .cc-table td, .cc-table tr { 
		display: block; 
	}    
	.cc-table tr {
		margin-bottom: 1rem;
	}
	.cc-table td {
		text-align: left;
		padding-left: 0.5rem;
	}
	.cc-table input[type="text"],
	.cc-table input[type="radio"] {
		margin-bottom: 0;
	}	
}

@media (min-width: 40.063em) {
    /* min-width 641px, medium screens */
    .header-logos .medium-6 img {
        margin-left: 20px;
        margin-top: 40px;  
    }
    .header-logos .medium-2 img {
        margin-left: 10px;    
    }  

    .header-nav {
        background-image: url(../../images/bg-main-nav.jpg);
        background-repeat: repeat-x;
    }

    .top-bar {    
        height: 28px;
        line-height: 28px;
        background: transparent;
    }

    .top-bar .title-area {
        display: none;
    }

    .top-bar-section ul li {
        background: transparent;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 0.9375rem 0 1.875rem;
        background-color: transparent;
        background-image: url(../../images/main-nav-dots.png);
        background-repeat: no-repeat;
        background-position: 0.9375rem 50%;
        color: #040404;
        font-family:  'Roboto', sans-serif;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0.5px;
        text-decoration: none;
        text-transform: uppercase
    
    
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-image: url(../../images/main-nav-dots-hover.png); 
        background-repeat: no-repeat;
        background-position: 0.9375rem 50%;
    }
  
    .main-row .medium-3 {
        width: 20%;
    }  
  
    .main-row .medium-9 {
        width: 80%;
    }  
    
    .medium-pull-9 {
        right: 80%;
    }

    .medium-push-3 {
        left: 20%;
    }      
    
    .center-content {
        padding-left: 10px;
    }
    
    .product-details .description {
	    padding-right: 15px;
    }
    
    .product-details-sidebar .shoppingToolsHeader {
        text-align: center;
    }
}

@media (min-width: 40.063em) and (max-width: 47.7375em) {
    /* min-width 641px and max-width 759px, between mobile and "full width" */
    .top-bar-section li:not(.has-form) a:not(.button) {    
    padding: 0 0.625rem 0 1.25rem;
    font-size: 13px;    
    letter-spacing: 0px;    
    background-position: 0.5rem 50%;
    }  

    .top-bar-section li:not(.has-form) a:not(.button):hover {    
    background-position: 0.5rem 50%;
    }
  
    .horizontal-scroll-wrap {
        max-width: 100%;
        overflow: scroll;
    }  
}


@media (min-width: 47.5em) {
  /* min-width 760px, full width */
  .header .row {
      width: 100%;
      margin: 0;
  }
}

@media (min-width: 40.063em) and (max-width: 64em) {
  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
}

@media (min-width: 64.063em) {
  /* min-width 1025px, large screens */
}