/*
Simple Responsive Template v 1.2


primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

.simple-responsive {
    width: 98%;
    margin: 0 auto;
}

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
.simple-responsive *{
    box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/* RESPONSIVE IMAGES */
.simple-responsive img{ max-width:100%; height:auto;}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {	
	position: relative;
    min-height: 1px;
    padding: 5px;
}

.homepage-tiles{
	margin-bottom: 5px !important;
}

.homepage-tile{ width: 100%; max-width: 196px; margin-left: auto; margin-right: auto;}
.homepage-tiles .mobile-grid_2{
	width: 49%;
	float: left;
	margin-bottom: 5px;
}

.homepage-tiles img{
	width: 100%;
	/*max-width: 196px;*/
	max-width: 400px;
	height: auto;

}

/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}

.mobile { display: block; }
.desktop { display: none; }

.leftSideBarCatListLeft{ display: none; }
.leftSideBarCatListLeft{ border-bottom: solid 1px #ccc; margin-bottom: 5px;}

.tscPageLeftCol { display: none; border-bottom: solid 1px #ccc; margin-bottom: 5px;}

/* high level containers */
#outerPageContainer {width: 100%; margin-left:auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px;}
#innerPageContainer { width: 100%; }

#mainColumn.leftSidebarLayout {width: 100%; border: 0px solid blue;}

.column_1, .column_2, .column_3 {
	display: inline;
	margin-left: auto;
	margin-right: auto;
}
	
.leftSidebarOFAHMainWrapper{width: 100%;}
.leftSidebarCat5DMainWrapper{ width: 100%;} /* LeftSidebarCatListSD2Responsive */

#leftColumn { width: 0; }


#footer-nav > ul > li > h3 {
    cursor: pointer;
    /*border: solid 1px #fff;*/
	/*border: solid 1px #de1d24;*/
	background-color: #888;
    padding: 10px;
    text-align: center;
}

#footer-nav > ul > li > h3 .footer-more-menu-items{
    position: relative;
    float: right;
}

footer{
    font-size: 14px !important;
}

footer a{
    font-size: 13px !important;
}

footer h3{
    position: relative;
    display: block;
    margin: 0 0 7px 0;
}

#footer{
	width: 100%;
}

li.footer-navigation-header ul { display: none;}

td.desktopLeftNav {
	display: none;
}

.contactus-details{
	width: 95%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	display: table-cell;
}

.bx-pager{ display: none; }
#hpSlider .bx-controls-direction{
	display: inline;
}

/*************** SEARCH PAGE ***************/
select.pageSizeOptions { font-size: 16px; }

.searchSortHeader .sorting {
    font-size: 16px;
}

.searchSortHeader .fieldHeader {font-size:16px;}

.categoryLeftSearchFilter{
	display: none;
}

/*************** BEG: PAGING ***************/

div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a
{
	font-size: 20px; 
	margin: 3px 10px 3px 10px; 
}

td.pager a{
	font-size: 20px;
	padding: 3px 10px 3px 10px;
}
/*************** END: PAGING ***************/


/*************** BEG: PRODUCT LISTING ***************/
.itemListing{
	width: 98%;
}

.itemOuterContainer { width: 250px; }
.itemOuterContainer img { width: auto; height: auto;}

/*************** END: PRODUCT LISTING ***************/

/*************** BEG: OFAH ***************/

.ofah_left{
	display: none;
}

.ofah_banner{
	width: 100%;
	max-width: 1024px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.carhartt_banner{
	width: 100%;
	max-width: 780px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.ofah_banner img{
	width: 100%;
	height: auto;
}

.ofah_container{
	width: 95%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.ofah_container td{
	display: block;
}


.ofah_header_line img{
	width: 100%;
	max-width: 760px;
	height: auto;
}

.ofah_t_browse td a, .ofah_t_browse td a:visited  {
  color: #000;
  font-size: 1.3em;
}

.ofah_t_browse td{
	margin: 10px;
}

/*************** END: OFAH ***************/


/*************** BEG: KNOW HOW ***************/
#leftColumnCAT{
	display: block;
}

.KHCatImg {
	float: none;
	display: inline;
}

.KHTitle{
	margin-left: 10px;
}

.KHCopy{
	margin-left: 10px;
}

.KHReadMore{
	margin-left: 10px;
}
	
.KHCatImg img {
	width: 98%;
	height: auto;
	max-width: 390px;
}

.PageBannerKH img{
	width: 100%;
	max-width: 780px;
	height: auto;
}


/*************** END: KNOW HOW ***************/

/*************** BEG: SERVICES ***************/
.serviceWrapper{
	width: 100%;
}

.serviceLeftNav{
	display: none;
}
.serviceColSpacer{
	display: none
}

.serviceMainBanner{
	width: 100%;
	/*max-width: 790px;*/
	margin-left: auto;
	margin-right: auto;
}
.serviceMainBanner img{
	width: 100%;
	/*max-width: 790px;*/
	height: auto;
}

.servicePartsWelcome{
	width: 100%;
}

td.servicePartsWelcomeCol1, td.servicePartsWelcomeCol2{
	width: 50%;
	display: table-cell;
	margin-bottom: 10px;
	padding-right: 10px;
}

.servicePartsWelcomeColSpacer{
	display: none;
}

.servicePartsWelcomeCol1 img, .servicePartsWelcomeCol2 img{
	width: 100%;
	max-width: 360px;
	height: auto;
}

.servicePartsInfoTitle img{
	width: 100%;
	max-width: 745px;
	height: auto;
}

.serviceShopOnlineLegend img{
	width: 100%;
	max-width: 367px;
	height: auto;
}

.serviceFenceMainContent{
	width:100%;
	max-width: 558px;
}

.serviceFenceInfoTitle img{
	width: 100%;
	max-width: 558px;
	height: auto;
}

.serviceFenceThankYou{
	width: 100%;
	max-width: 460px;
}

.servicesOfaInfoTitle img{
	width: 100%;
	max-width: 515px;
	height: auto;
}

.servicesOfaProcess123 img{ width: 100%; max-width: 515px; height: auto; }

table.servicesOfaTable td { display: block; }

/*************** END: SERVICES ***************/

/*************** BEG: CUSTOMER SUPPORT ***************/

.customerSupportLeftNav{ display: none; }
.customerSupportMainBanner{
	width: 100%;
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
}
.customerSupportMainBanner img{
	width: 100%;
	max-width: 790px;
	height: auto;
}

.customerSupportSpacer{ display: none; }
/*************** END: CUSTOMER SUPPORT ***************/



/*************** BEG: ABOUT US ***************/
.aboutUsWrapper{
	width: 100%;
	max-width: 990px;
}

.aboutUsLeftNav{
	display: none;
}

.aboutUsColSpacer{
	display: none;
}

.aboutUsMainBanner img{
	width: 100%;
	/*max-width: 790px;*/
	height: auto;
}



/*************** END: ABOUT US ***************/

/*************** BEG: PROMOS ***************/

.promosHeaderBanner img, .promosFooterBanner img{
	width: 100%;
	max-width: 990px;
	height: auto;
}


/*************** END: PROMOS ***************/



/*************** BEG: CATEGORY PAGE ***************/
.categoryPromoBannersWrapper{
	width: 100%;
	max-width: 990px;
}

.categoryPromoBannersSpacer{
	width: 10px;
	display: table-cell;
}

.categoryPromoBannersCol1, .categoryPromoBannersCol2{
	width: 49%;
	display: table-cell;
	max-width: 490px;
}

.categoryPromoBannersCol1 img, .categoryPromoBannersCol2 img{
	width: 100%;
	height: auto;
}

.category5CSortSpacer1, .category5CSortSpacer2, .category5CSortTotal, .category5CSortPerPageSel 
{ display: none; }

.category5CSortSel, .category5CSortPager  { display: block;}
.category5CSortPager { text-align: center; }
.category3OFAHSortSel, .category3OFAHSortPager{display: block; }
/*************** END: CATEGORY PAGE ***************/



/*************** BEG: SCREAMIN' DEALS ***************/
.hp-screaming-deals{
	width: 100%;
}

/*************** END: SCREAMIN' DEALS ***************/


/*************** BEG: MY ACCOUNT ***************/

div.tabpane{
	margin-left: 5px;
	margin-right: 5px;
}

/** ORDER SUMMARY **/
.mobiAccOrdSummary, .mobiAccOrdSummaryTh { display: none;}

/** MY ORDER **/
table.shipmentWidget table.itemList .sku, 
table.shipmentWidget table.itemList .price, 
table.shipmentWidget table.itemList .quantity,
table.shipmentWidget table.itemList .total { display: none;}
table.shipmentWidget table.itemList .mobiOrderSKU, 
table.shipmentWidget table.itemList .mobiOrderPrice,
table.shipmentWidget table.itemList .mobiOrderQty,
table.shipmentWidget table.itemList .mobiOrderItemTotal {
	display: block;
}

div#account_wishlistPage table.basket .mobiWishlistPriority{
	display: none;
}

.accWishlistToCart{	font-size: 15px !important; padding: 5px 0; display: inline-block;}
.accWishlistRemove{	font-size: 15px !important; padding: 5px 0; display: inline-block;}

.viewWishlistToCart {font-size: 15px !important; padding: 5px 0; display: inline-block;}
/** SECURITY **/
.accSecurityContent{ width: 100%;}

.orderPaymentMobiTh{ display: none; }
/*************** END: MY ACCOUNT ***************/

/*************** BEG: VIEW WISHLIST ***************/
div#viewWishlistPage table.basket th.quantity, div#viewWishlistPage table.basket td.quantity{
	display: table-cell;
}

.mobiViewWishlistDetail{ display: none; }

/*************** END: VIEW WISHLIST ***************/


/*************** BEG: PRODUCT PAGE ***************/
.productPagePricingIcon2{
	margin-top: 10px;
}

	/* Back in stock */
.tscNotifyImageInstock{
	display: none;
}

.productSocialMediaShare { margin-top: 20px; margin-bottom: 10px; padding-left: 20px; }
/*************** END: PRODUCT PAGE ***************/	


/*************** BEG: BASKET ***************/

table.basket th.sku,  table.basket td.sku { display: none; }
table.basket th.price, table.basket td.price {display: none; }
table.basket th.quantity, table.basket td.quantity  {display: none; }
table.basket th.total, table.basket td.total {display: none; }
 /* table.basket td.footerSubtotalLabel { display: none; } */
table.basket td.footerSubtotal { display: none; }

.basketActionWishList{	font-size: 15px !important; padding: 5px 0; display: inline-block;}
.basketActionRemove{	font-size: 15px !important; padding: 5px 0; display: inline-block;}
/*************** END: BASKET ***************/


/*************** BEG: VIDEO ***************/
.beeKeepingVideoMobile{ display: block;}
.beeKeepingVideoDesktop{ display: none; }

/*************** END: VIDEO ***************/


/*************** BEG: SENIORS DAY ***************/
.seniorsDay_container{
	width: 95%;
	max-width: 780px;
}

.seniorsDay_container td{
	display: block;
}

.leftSidebarPageNameSpacer{
	display: none;
}
/*************** END: SENIORS DAY ***************/

.myTSCStoreImage{ display: none; }
/***** SITE STYLING MOBILE *****/


/*************** BEG: CHECKOUT / ORDER ***************/

#checkout_shipMethodPage{ margin-bottom: 10px; }

/*************** END: CHECKOUT / ORDER ***************/

.actionsDiv { margin: 5px 5px !important; }

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

	.homepage-tiles .mobile-grid_2:nth-child(1),
	.homepage-tiles .mobile-grid_2:nth-child(2){
		margin-bottom: 5px;
	}

	.homepage-tiles .mobile-grid_2:nth-child(1),
	.homepage-tiles .mobile-grid_2:nth-child(3){
		padding-right: 5px;
		padding-left: 0;
	}

	

	/*** Daily Screamin' Deal **/
	.DSDProductCell { display: block; }
	.DSDQtyLeftCell {
		display: block;
		width: 200px;
		margin-left: auto; margin-right: auto;
	}


	/* homepage carousel */
	
	
	div#account_wishlistPage table.basket th.thumbnail, div#account_wishlistPage table.basket td.thumbnail{
		display: none !important;
	}
	
	div#account_wishlistPage table.basket .mobiThumbnail{
		display: inline-block !important;
	}
	
	div#loginPage .checkoutLogin.regButtonSpan {
		display: block;
		margin-bottom: -8px;
	}
	
	/*************** BEG: MY ACCOUNT ***************/
	.orderPaymentMobiTh { display: inline-block; font-weight: bold;}
	.orderPaymentHistoryWidget table td{ text-align: left !important;}
	.orderPaymentHistoryWidget table.itemList th{ display: none;}
	.orderPaymentHistoryWidget table.itemList td{ display: block;}
	.orderPaymentHistoryWidget table.itemList td.paymentAmount { width: auto !important;}
	div.myAccountAddrEdit.col1, div.myAccountAddrEdit.col2 { width: auto !important;}
	/*************** END: MY ACCOUNT ***************/
	
	
	/*************** BEG: CHECKOUT ***************/
	div#checkoutPage table.inputForm td{ display: block;}
	
	table.basketTotalSummaryCoupon td, table.basketTotalSummaryCoupon th{ display: block;}
	table.basketTotalSummaryCoupon td { width: 100% !important;}
	
	table.paymentProceedWrapper  td{ display: block;}
	
	/*************** END: CHECKOUT ***************/
	
	table.Questions td{
		display: block;
	}
	
	/*************** BEG: PRODUCT PAGE ***************/
	div.ProductPricing div.xPriceSale{
		height: auto !important;
	}
	
	.tscNotifyEmailField{ width: 130px !important;}

	/*************** END: PRODUCT PAGE ***************/
	
	/*************** BEG: PRODUCT REVIEWS ***************/
	.productReviewFormEmailField{
		width: auto !important;
	}
	
	.productReviewFormTitleField{
		width: auto !important;
	}
	
	.captchaWrapper img{
		width: 280px !important;
		height: auto;
	}
	
	/*************** END: PRODUCT REVIEWS ***************/
} 

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

        .actionsDiv {
             margin: 5px 1px !important;
        }

	.itemOuterContainer { width: 150px !important;}
	/*.itemOuterContainer  .xPriceSale2{ font-size: 13px !important; line-height: 15px !important;} */
	.itemOuterContainer  .xPriceSale{ font-size: 13px !important; line-height: 13px !important;}
	.itemOuterContainer  .xPriceSale2{ font-size: 12px !important; line-height: 13px !important;}
	.itemOuterContainer img { width: 100% !important; height: auto !important;}
	.itemOuterContainer img[src*="EXCLUSIVE_DEAL.png"] { max-width: 118px !important; }
	.itemOuterContainer img[src*="ScreaminDeal"] { max-width: 100px !important; }
	.itemOuterContainer img[src*="view2"] { max-width: 69px !important; }
	.itemOuterContainer img[src*="QPricing"] { max-width: 100px !important; }
	.itemOuterContainer img[src*="OnSale"] { max-width: 100px !important; }
	.itemOuterContainer img[src*="blank"] { max-width: 1px !important; max-height: 1px !important;}
	
	.itemOuterContainerRsp { width: 145px !important;}
	/*.itemOuterContainer  .xPriceSale2{ font-size: 13px !important; line-height: 15px !important;} */
	.itemOuterContainerRsp  .xPriceSale{ font-size: 13px !important; line-height: 13px !important;}
	.itemOuterContainerRsp  .xPriceSale2{ font-size: 12px !important; line-height: 13px !important;}
	.itemOuterContainerRsp img { width: 100% !important; height: auto !important;}
	.itemOuterContainerRsp img[src*="EXCLUSIVE_DEAL.png"] { max-width: 118px !important; }
	.itemOuterContainerRsp img[src*="ScreaminDeal"] { max-width: 100px !important; }
	.itemOuterContainerRsp img[src*="view2"] { max-width: 69px !important; }
	.itemOuterContainerRsp img[src*="QPricing"] { max-width: 100px !important; }
	.itemOuterContainerRsp img[src*="OnSale"] { max-width: 100px !important; }
	.itemOuterContainerRsp img[src*="blank"] { max-width: 1px !important; max-height: 1px !important;}
	/*************** BEG: PRODUCT PAGE ***************/
	
	table.inputForm .rowHeader{
		display: block;
	}

	table.inputForm .rowInput{
		display: block;
	}
	
	.productReviewOpenText{
		width: 90% !important;
	}
	

	/*************** END: PRODUCT PAGE ***************/
	
	/*************** BEG: REVIEWS SECTION ***************/
	table.reviewsTable table.pagedList tr.oddRow td{
		display: block;
	}
	
	table.reviewsTable table.pagedList tr.evenRow td{
		display: block;
	}
	/*************** END: REVIEWS SECTION ***************/
	
	
	/*************** BEG: OFAH ***************/
	.ofah_container{
		margin-top: -20px !important;
		padding-top: 10px !important;
		padding-left: 10px !important;
		padding-bottom: 10px !important;
		padding-right: 0px !important;
	}
	
	
	/*************** END: OFAH ***************/
	
	/*************** BEG: SERVICES ***************/
	td.servicePartsWelcomeCol1, td.servicePartsWelcomeCol2{
		width: 100%;
		display: block;
	}

	div.fencingQuoteContactTable { display: block !important; width: 90%; min-width: 300px; margin-left: auto; margin-right: auto; text-align: center;}
	div.fencingQuoteContactTableRow { display: block !important;  width: 100%;}
	div.fencingQuoteContactLabel{
		display: inline-block !important;
		width: 100px !important;
		text-align: left !important;
	}
	div.fencingQuoteContactInput{
		display: inline-block !important;
		width: 150px !important;
		text-align: left !important;
	}
	
	div.fencingQuoteContactInput input[type="image"]{
		width: 100%;
		max-width: 178px;
		height: auto;
	}
	div.fencingQuoteContactRfv{
		display: block !important;
	}
	
	/*div.fencingQuoteContactInput { margin-left: auto; margin-right: auto;}*/
	
	
	/*************** END: SERVICES ***************/
	
	
	/*************** BEG: ABOUT US ***************/
	
	.aboutUsPartnershipsLogo, .aboutUsPartnershipsDetails{
		display: block;
	}
	
	/*************** END: ABOUT US ***************/
	
	
	/*************** BEG: CATEGORY PAGE ***************/
	.categoryPromoBannersCol1, .categoryPromoBannersCol2{
		width: 100%;
		display: block;
		max-width: 490px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.categoryPromoBannersSpacer{
		display: none;
	}
	
	/*************** END: CATEGORY PAGE ***************/
	
	/*************** BEG: PRODUCT PAGE ***************/
	/** Reviews Pane **/
	table.reviewsTable tr.oddRow{
		border: solid 1px #e4e4e4;
	}
	
	table.reviewsTable tr.oddRow td, table.reviewsTable tr.evenRow td{
		border: 0 !important;
	}
	table.reviewsTable tr.oddRow td, table.reviewsTable tr.evenRow td{
		width: 95% !important;
	}
	
	.additionalImages{
		width: 100% !important;
		min-width: 300px !important;
	}
	
	.productPageDSD{
		float: none !important;
	}
	
	
	.BundleText2{
		display: block !important;
	}
	
	table.shipmentWidget td.method, table.shipmentWidget td.items{
		display: block !important;
	}
	
	table.shipmentWidget td.orderShipmentSpacer{
		display: none;
	}
	
	div.ProductPricing div.xPriceSale { white-space: nowrap;}
	
	/*************** END: PRODUCT PAGE ***************/
	
	/*************** BEG: MY ACCOUNT ***************/
	/** ORDER SUMMARY **/
	.mobiAccOrdSummary, .mobiAccOrdSummaryTh { display: table-cell;}
	div#account_mainPage table.basket th.separateColumn, div#account_mainPage table.basket  td.separateColumn {
		display: none !important;
	}
	
	/** WISHLIST **/
	.mobiWishlistItemDetail{ display: inline-block;}
	div#account_wishlistPage table.basket th.separateColumn, div#account_wishlistPage table.basket  td.separateColumn {
		display: none !important;
	}
	
	div#account_wishlistPage table.basket .mobiWishlistPriority{
		display: inline-block !important;
	}
	
	div#account_wishlistPage table.basket .mobiWishlistComment{
		display: block !important;
	}
	
	div#account_wishlistPage .checkoutLogin1 .button,
	div#account_wishlistPage .checkoutLogin2 .button,
	div#account_wishlistPage .checkoutLogin3 .button {
		display: block !important;
		margin: 20px 10px;
		text-align: center;
		background-image: none;
		background-color: #a90a11;
		border-radius: 0;
		width: 95%;
		font-size: 16px;
	}
	
	div#account_productReviewsPage table.pagedList th{ display: none !important; }
	div#account_productReviewsPage table.pagedList td{ display: block; border: 0; text-align: left; }
	
	.mobiReviewTitle{ display: inline-block !important; font-weight: bold;}
	/*************** END: MY ACCOUNT ***************/
	
	/*************** BEG: CHECKOUT  ***************/
	
	div#checkoutPage table.inputForm td{ display: block;}
	
	/*************** END: CHECKOUT ***************/
	
	
	
	/*************** BEG: VIEW WISHLIST ***************/
	div#viewWishlistPage table.basket th.separateColumn, div#viewWishlistPage table.basket td.separateColumn{
		display: none !important;
	}
	
	div#viewWishlistPage table.basket th.quantity, div#viewWishlistPage table.basket td.quantity{
		display: none !important;
	}

	.mobiViewWishlistDetail { display: inline !important;}
	/*************** END: VIEW WISHLIST ***************/
	
	/************************** BEG: SENIORS DAY *************************/
	.seniorsDay_container{
		padding-top: 10px !important;
		padding-left: 10px !important;
		padding-bottom: 10px !important;
		padding-right: 0px !important;
	}
	/************************** END: SENIORS DAY *************************/
	
	.searchSortHeader .pageSizePanel { float: none !important; margin-left: 0 !important; margin-top: 5px;}
}
/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
	.grid_1 { width: 100%; }
    .grid_2 { width: 50%; }
    .grid_3 { width: 100%; }
    .grid_4 { width: 33.33333333%; }
    .grid_5 { width: 50%; }
    .grid_6 { width: 100%; }
    .grid_7 { width: 50%; }
    .grid_8 { width: 66.66666667%; }
    .grid_9 { width: 50%; }
    .grid_10 { width: 50%; }
    .grid_11 { width: 50%; }
    .grid_12 { width: 100%; }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
	    /*float: left;*/
	    display: block;
        padding: 6px;
    }
	
		/* Back in stock */
	.tscNotifyImageInstock{
		display: block !important;
	}
	
	.productSocialMediaShare { width: 50%; margin-left: auto; margin-right: auto; padding-left: 40px; text-align: left;}
	
	
} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {
    /*GRID*/
    /* & Columns : 12 */
    .row{
	     margin-left: -15px;
         margin-right: -15px;
    }

	
	.noRowMargin{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
 
    .grid_1 { width: 8.33333333%; }
    .grid_2 { width: 16.66666667%; }
    .grid_3 { width: 25%; }
    .grid_4 { width: 33.33333333%; }
    .grid_5 { width: 41.66666667%; }
    .grid_6 { width: 50%; }
    .grid_7 { width: 58.33333333%; }
    .grid_8 { width: 66.66666667%; }
    .grid_9 { width: 75%; }
    .grid_10 { width: 83.33333333%; }
    .grid_11 { width: 91.66666667%; }
    .grid_12 { width: 100%; }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
	    float: left;
	    display: block;
        padding: 6px;
    }

	.homepage-tiles .mobile-grid_2{
		width: 25%;
	}
	
    .rightfloat{float:right !important;}
	
	/* column gutters */
	.column_2,
	.column_3
	{
		margin-left:15px !important;
	}

	.category5CSortSpacer1, .category5CSortSpacer2, .category5CSortTotal, .category5CSortPerPageSel 
	{ display: table-cell !important; }

	.category5CSortSel { display: table-cell !important; }

	.category5CSortPager { display: table-cell !important; text-align: right !important;}
	
	.category3OFAHSortSel, .category3OFAHSortPager{display: table-cell !important; }
	
	/*************** BEG: MY ACCOUNT ***************/

	
	/** MY ORDER **/
	table.shipmentWidget table.itemList .sku, 
	table.shipmentWidget table.itemList .price, 
	table.shipmentWidget table.itemList .quantity,
	table.shipmentWidget table.itemList .total { display: table-cell;}
	table.shipmentWidget table.itemList .mobiOrderSKU, 
	table.shipmentWidget table.itemList .mobiOrderPrice,
	table.shipmentWidget table.itemList .mobiOrderQty,
	table.shipmentWidget table.itemList .mobiOrderItemTotal {
		display: none;
	}
	
	/** LOGIN PAGE **/
	.loginPasswordField, .loginEmailField { width: 200px;}
	
	
	/*************** END: MY ACCOUNT ***************/
	
	/*************** BEG: VIDEO ***************/
	.beeKeepingVideoMobile{ display: none !important;}
	.beeKeepingVideoDesktop{ display: block !important; }

	/*************** END: VIDEO ***************/

	.prodpg-overview-summary{
		margin: 20px;
	}

	footer .find-store-link { width: 85%;}
	
	/*************** BEG: SERVICES ***************/
	table.servicesOfaTable td { display: table-cell !important; }

	/*************** END: SERVICES ***************/
	
	.productSocialMediaShare { float: right; width: auto; text-align: right; margin: 0; padding: 0;}
}

@media only screen and (min-width: 1024px) {
	.storeFooterContainer { display: table; width: 990px; }
	.storeFooterRow { display: table-row; }
	.storeFooterCol1, .storeFooterCol2, .storeFooterCol3, .storeFooterCol4, .storeFooterCol5 { display: table-cell !important; vertical-align: top; height: 100%; }
	
	.leftSidebarCatListContainer { display: table; width: 100%;}
	.leftSidebarCatListRow { display: table-row;}
	.leftSideBarCatListLeft{ display: table-cell !important; vertical-align: top; width: 200px; height: 100%;}
	.leftSideBarCatListSpacer, .leftSideBarCatListCenter{display: table-cell; vertical-align: top;}
	.leftSideBarCatListSpacer{ width: 10px;}

	.tscPageContainer{ display: table; width: 990px;}
	.tscPageRow  { display: table-row;}
	
	.tscPageLeftCol{ display: table-cell !important; vertical-align: top;  width: 190px; height: 100%;}
	.tscPageLeftCol.categoryPageLeftFilter{ width: 200px;}
	.tscPageLeftCol.width200 { width: 200px;}
	.tscPageColSpacer{ display: table-cell !important; vertical-align: top; }
	.tscPageMainCol{ display: table-cell !important; vertical-align: top; width: 780px; }
	
	.tscPageColSpacer{ width: 10px;}
	
	/* high level containers */
	#outerPageContainer { width: 990px; }
	#innerPageContainer { width: 990px; }
	
	.desktop{ display: block; }
	.mobile{ display: none; }

	#leftColumn { width: 210px; }
	
	#mainColumn.leftSidebarLayout {width: 780px; }
	#mainColumn, #leftColumn, #rightColumn { float: left; }
	.column_1, .column_2, .column_3 {
		float: left;
		/*margin-left: 0;*/
		margin-right: 0;
	}

	#rightColumn{ float: left;}
	
	#mainColumn.oneColumnLayout {width:990px !important;}
	
	#footer {
	    width:990px;
	}
	
	#footer-nav > ul {
	 position: relative;
	 display: table;
	}

	#footer-nav > ul > li{
	 position: relative;
	 display: table-cell;
	}

	#footer-nav > ul > li > h3{
	 cursor: default;
	 padding: 0;
	 border: 0;
	}

    footer{
        font-size: 11px !important;
    }

    footer a{
        font-size: 11px !important;
    }

    footer nav ul ul li {
        padding: 0 15px 0 0 !important;
    }

    li.footer-navigation-header ul {
        display: block !important;
    }

    li.footer-navigation-header ul li:before{
        /*margin-left: -10px;*/ 
        content: '- ';
    }
	
	td.desktopLeftNav {
		display: table-cell;
	}


	
	
	
	/*************** BEG: SEARCH PAGE ***************/
	select.pageSizeOptions { font-size: 100%; }
	.searchSortHeader .sorting { font-size: 1em; }
	.searchSortHeader .fieldHeader {font-size:12px;}
	
	.categoryLeftSearchFilter{ display:table-cell;	}

	/*************** END: SEARCH PAGE ***************/
	
	
	
	/*************** BEG: PRODUCT PAGE ***************/
	.mainproductimg {
	  width: 400px;
	  height: 400px;
	}
	
	.productPageDSDTable{
		margin: 0 auto;
	}
	
	.productPageDSD{
	float: right; width: 260px;
	}
	.productPagePricingIcon2{
		float: right !important;
	}

	.prodpg-overview-summary{
		margin: 0px !important;
	}
	
	.productPagePricingIcon2{
		margin-top: 0 !important;
	}
	
	/*************** END: PRODUCT PAGE ***************/

	/*************** BEG: PRODUCT LISTING ***************/
	.itemListing{
		width: 100%;
	}
	
	.itemListingRsp { text-align: left !important; }
	
	.itemListingRsp .tableNode.itemOuterContainerRsp { width: 20% !important; }
	.prodListRspWrapper4Cols .itemListingRsp .tableNode.itemOuterContainerRsp { width: 25% !important; }
	/*************** END: PRODUCT LISTING ***************/

	/*************** BEG: PAGING ***************/
	div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a
	{
		font-size: 12px; 
		margin: 3px 0 3px 1px; 
	}
	
	td.pager a{
		font-size: 12px !important;
		padding: 0px 2px;
	}
	/*************** END: PAGING ***************/
	
	
	/*************** BEG: OFAH ***************/

	.ofah_left{
		display: table-cell;
	}

	.ofah_container{
		width: auto;
	}

	.ofah_container td{
		display: table-cell;
	}
	
	.ofah_t_browse td a, .ofah_t_browse td a:visited  {
	  color: #000;
	  font-size: 14px;
	}
	/*************** END: OFAH ***************/
	
	/*************** BEG: KNOW HOW ***************/
	#leftColumnCAT{
		display: block;
	}

	.KHCatImg {
		float: right;
	}
	
	.KHTitle{
		margin-left: 0;
	}

	.KHCopy{
		margin-left: 0;
	}
	
	.KHReadMore{
		margin-left: 0;
	}
	
	.KHArticleContainerSpacer{
		display: table-cell !important;
	}
	/*************** END: KNOW HOW ***************/
	
	/*************** BEG: SERVICES ***************/
	.serviceWrapper{
		width: 990px;
	}

	.serviceColSpacer{
		display: table-cell;
	}

	.serviceLeftNav{
		display: table-cell;
	}
	
	.servicePartsWelcome{
		width: 745px;
	}
	
	.servicePartsWelcomeColSpacer{
		display: table-cell;
	}

	td.servicePartsWelcomeCol1, td.servicePartsWelcomeCol2{
		width: 360px;
		display: table-cell;
	}
	/*************** END: SERVICES ***************/
	
	
	/*************** BEG: CUSTOMER SUPPORT ***************/
	
	.customerSupportLeftNav{ display: table-cell; }
	.customerSupportSpacer{ display: table-cell; }
	
	/*************** END: CUSTOMER SUPPORT ***************/
	
	
	/*************** BEG: ABOUT US ***************/
	.aboutUsLeftNav{
		display: table-cell;
	}

	.aboutUsColSpacer{
		display: table-cell;
	}

	
	
	
	/*.contactus-details{
		width: 790px;
	}
	
	.contactus-wrapper {
		width: 990px;
		max-width: none !important;
	}*/
	/*************** END: ABOUT US ***************/
	
	/*************** BEG: CATEGORY PAGE ***************/
	.categoryPromoBannersSpacer{
		display: table-cell;
		width: 10px;
	}

	.categoryPromoBannersCol1, .categoryPromoBannersCol2{
		display: table-cell;
		width: 490px;
	}
	/*************** END: CATEGORY PAGE ***************/
	
	
	
	/*************** BEG: MY ACCOUNT ***************/

	div.tabpane{
		margin-left: 0;
		margin-right: 0;
	}

	/** MY ORDER **/
	table.shipmentWidget table.itemList .sku, 
	table.shipmentWidget table.itemList .price, 
	table.shipmentWidget table.itemList .quantity,
	table.shipmentWidget table.itemList .total { display: table-cell;}
	
	.accWishlistToCart{	font-size: 10px !important; padding: 5px 0; display: inline-block;}
	.accWishlistRemove{	font-size: 10px !important; padding: 5px 0; display: inline-block;}

	.viewWishlistToCart {font-size: 10px !important; padding: 5px 0; display: inline-block;}
	
	/** SECURITY **/
	.accSecurityContent{ width: 580px;}
	
	
	/*************** END: MY ACCOUNT ***************/
	
	
	/*************** BEG: TSC COUNTRY ***************/
	.tscCountrySITable{
		width: 990px;
		margin-top: 0 !important;
		background-color: none;
	}

	.tscCountrySIMain{
		width: 970px;
	}

	.outerContainerSI {
		width: 990px;
		height: 546px;
		background-color: #ffffff;
		background: white url(../../images/TSCCountry/BG_Login.jpg) no-repeat left top;
	}
	
	.tscCountrySIContent{
		padding: 130px 20px 20px 50px;

	}
	
	.tscCountrySISpacer{
		display: table-cell;
	}
	
	.tscCountrySIBanner{
		display: none;
	}
	
	.tscCountrySIWrapper{
		width: 100%;
		max-width: 100% !important;
		margin-left: 0;
		margin-right: 0;
	}
	
	.innerBox {
		 width: 340px !important;
	}

	.tscCountrySIForm{
		padding: 12px 40px !important;
		border: 1px solid #b7b7b7;
	}

	.tscCountrySILogin{
		text-align: right;
		padding: 5px 0 0 0;
		border: 0px solid blue;
	}

	.outerContainerBGJoinNow1 {
		height: 526px;
		background: white url(../../images/TSCCountry/BG_JoinNow1.jpg) repeat left top;
	}

	.outerContainerBGJoinNow1B {
		height: 546px;
		background: white url(../../images/TSCCountry/BG_JoinNow1.jpg) no-repeat left top;
	}
	
	.outerContainerBGJoinNow1C {
		height: 414px;
		background: white url(../../images/TSCCountry/BG_CASLConfirm1.jpg) no-repeat left top;
	}

	.tscCountryJoinThankYouTable{
		width: 990px;
	}

	.tscCountryJoinThankYouMain{
		width: 970px;
	}
	
	.tscCountryJoinThankYouForm{
		padding: 160px 10px 10px 80px !important;
		width: 560px;
		background-color: transparent !important;
	}
	
	.outerContainerJoinNow {
		width: 990px !important;
	}
	
	.tscCountryProfileMain{
		background-color: transparent !important;
	}
	
	.tscCountryProfileCol1{
		width: 560px;
		display: table-cell !important;
		padding: 160px 10px 10px 80px !important;
	}
	
	.tscCountryProfileCol2{
		padding: 0 !important;
		width: 400px;
		display: table-cell !important;
	}
	
	.outerContainerBGJoinNow2B {
		height: 1380px;
		background: white url(../../images/TSCCountry/BG_JoinNow2B.jpg) no-repeat left top;
	}
	
	.tscCountryJoinInfo{
		width: 560px;
		padding: 160px 10px 10px 80px !important;
	}
	
	.tscCountryJoinInfo, .tscCountryJoinAction { display: table-cell !important; }
	
	.tscCountryJoinOuterTable{
		width: 990px !important;
	}
	.tscCountryJoinTable{
		width: 970px !important;
	}
	
	.tscCountryJoinAction{ width: 400px; }
	/*************** END: TSC COUNTRY ***************/
	
	
	.mainproductimgOuter2 {
		width: 402px;
	}

	
	
	/*************** BEG: CHECKOUT / ORDER ***************/
	#checkout_shipMethodPage{ margin-bottom: 0 !important; }
	/*************** END: CHECKOUT / ORDER ***************/
	
	
	/*************** BEG: BASKET ***************/
	table.basket th.sku, table.basket td.sku { display: table-cell !important; }
	table.basket th.price, table.basket td.price { display: table-cell !important; }
	table.basket th.quantity, table.basket td.quantity  { display: table-cell !important; }
	table.basket th.total, table.basket td.total { display: table-cell !important; }
	table.basket td.footerSubtotalLabel { display: table-cell !important; }
	table.basket td.footerSubtotal { display: table-cell !important; }
	
	
	.basketActionWishList { font-size: 10px !important; padding: 0 !important;}
	.basketActionRemove { font-size: 10px !important; padding: 0 !important;}
	/*************** END: BASKET ***************/
	
	/*************** BEG: SENIORS DAY ***************/
	.seniorsDay_container{
		width: auto;
	}

	.seniorsDay_container td{
		display: table-cell;
	}
	
	.leftSidebarPageNameSpacer{
		display: table-cell;
	}
	/*************** END: SENIORS DAY ***************/
	
	.myTSCStoreImage { display: block;}
	
	.bx-pager{ display: inline !important; }
	#hpSlider .bx-controls-direction{
		display: none !important;
	}
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        padding: 7px;
    }
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        padding: 8px;
    }
} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 
}