/* This file holds temporary corrections/additions to in-app CSS files for 
 * Ph2 contentLayouts or pageTemplates CSS.
 * 
 * Please provide a comment header at top of EACH set of style overrides indicating
 * exactly which framework CSS file (give file path) the correction set is for so that
 * the corrections can be easily merged in next app release.
 ********************************************************************************/

/* marquee miniBullets slide opacity control (for transparent slides) can be removed after 2014JanDEC ear released */
ul#frame li.picture {
  visibility: hidden;
}
ul#frame li.picture.active {
  visibility: visible;
}


/* Ph2 Global, something jquery-ui-1.10 no longer does FOR us */
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Footer */
#smg_page_template_footerBlock_outer{
background-color: #f1f1f1;
}

#smg_page_template_section-teasers{
padding:0!important;}

/* Functional Product View Layout */
#product-category-tabs .product-grid-list-row {
	clear:both;
	display:block;
	padding:15px 0;
}
#product-category-tabs .product-grid-list-data {
	float:left;
	width: 30%;
	min-height: 175px;
	padding:0 10px;
}
#product-category-tabs .product-grid-list-data div:first-child {
	width: 60px !important;
}
#product-category-tabs .product-grid-list-data div:first-child img {
	width: 100%;
}
#product-category-tabs .prod-list-grid-info {
	float:left;
	width:130px;
	margin-left: 10px;
}
#product-category-tabs .prod-list-grid-info p {
	margin: 0 0 5px !important;
	font-size: 11px;
}
#product-category-tabs .prod-list-grid-info strong{
	color: #8EC641}
	
/* No Tabs */

#product-category-tabs .product-tabbed-grid-list-row{
	clear:both;
	display:block;
	padding:15px 0;}

#product-category-tabs .product-tabbed-grid-list-data {
	float:left;
	width: 30%;
	min-height: 175px;
	padding:0 10px;
}
#product-category-tabs .product-tabbed-grid-list-data div:first-child {
	width: 60px !important;
}
#product-category-tabs .product-tabbed-grid-list-data div:first-child img {
	width: 100%;
}

/* Mega Menu */

.MMLinks .brands li{
	float:left!important;
	padding-right: 0;
	padding-bottom:10px;}
.MMLinks .brands li a{
	padding: 0;}

/* ContentTeaser - crop Teaser images that overflow % width */ 
div.contentTeaser {
    overflow-x: hidden;
}


/* Account Landing Page */
#my-account .myaccount_summ_body_left {float: left; width:60%; min-height: 400px;}
#my-account .myaccount_summ_body_right {float: right; width:37%;}

#my-account div.actSumHdr {text-align:left;}
#my-account div.actSumHdr h4 {display: block; color: #009253; padding: 5px 0; margin-bottom: 10px;}
#my-account table {border-bottom: dotted 1px #333; padding-bottom: 10px;}
#my-account td.actSumFld {width: 30%; color: #666; font-weight: bold;}
#my-account td.actSumVal {padding-left: 0}


/* Fix to 2013Brands InspirationHub Main Article marquee to be 32bit-OS compatible */
body.brands2013.mgro div#inspiration-hub-marquee .miracle-grid.carousel.ultra-wide .row:first-child {
  width: 5000%;
}
#featured-product img {
width:65px;}

/* SCOTTS-4415 - nlqv - Fix to MiracleGro tiles. The cursor is an arrow which is different than all other links.  This link should have a pointer instead.*/
body.mgro .grid-tiles {
  font-family: "Lato", "Trebuchet MS", sans-serif;
  cursor:pointer;
}

/* SCOTTS-4400 fix to bring copy on video articles to no text transform */
body.brands2013.mgro .article-viewer .video > div.videoplayer div.paragraph, body.brands2013.mgro .article-viewer .video > div.videoplayer p {
  text-transform: none;
}

/* SCOTTS-4486 fix on SLS payment page where credit card fields extend beyond device width in mobile */
/* /sls/templates/assets/css/slsContentTemplates/paymentSteps.css */
body.slsSalesPostServiceAddress.mobile #postServiceAddress table {
	display: block;
}
body.slsSalesPostServiceAddress.mobile #postServiceAddress #divPaymentOptions {
	margin-top: 55px !important;
	margin-left: 0px !important;	
}

/* INTMKT-346 fix on signin screen where  text below the form extends beyond device width in mobile */
/* /sls/templates/assets/css/slsCsswContentTemplates/slsCsswLogin.css */
body.slsCsswLogin.mobile #smg_page_template_html-columns div#left-column {
	width: auto !important;	
}
body.slsCsswLogin.mobile #smg_page_template_html-columns div#right-column {
	width: auto !important;	
}
body.slsCsswLogin.mobile #smg_page_template_html-columns .sign-in-or-register-now-main-content {
	width: auto;	
}
body.slsCsswLogin.mobile #smg_page_template_html-columns .sign-in-or-register-now-main-content h1 {
	font-size: 21px; 
	line-height: 25px;	
}
/* SCOTTS-6935: Fix Account Mobile Layout */
.module {
	background: none; /*remove img and replace with background-color*/
	background-color: #f8f6ed;
}
.module .heading {
	background: none !important; /*remove img and replace with background-color*/
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	background-color: #D4D6D4 !important;
}
.mobile .module.rain-gauge {
	float: left;
	width: 200px;
	margin: 0 0px !important;
}
#divRainGauge {
	width: 100%;
	max-width: 340px
}
#rg-header {
	background-color: #f9a153 !important;
}

.mobile #main-content .module table {
	width: 100%;
	max-width: 325px;
	margin: 0px;
}

.mobile #main-content .module{
	max-width: 340px;
}

#divRainGauge + p {
	width: 100%;
    float: left;
}

.mobile .module.program-details tr:nth-child(1) td:nth-child(2) {
	float: left;
}

.mobile .module.program-details tr:nth-child(1) td[colspan="2"] {
	float: left;
}

.mobile .module.program-details thead tr:nth-child(2) {
	display: table;
	min-width: 340px;
}

body.mobile #ctl00_ctlMainBodyContent_tblProgramDetails {
	display: table;
}

.mobile #main-content .module #ctl00_ctlMainBodyContent_tblProgramDetails {
	min-width: 340px;
}


/* SCOTTS-7808: START ----------*/

	.mobile .product-info.brands2013 .product-overview .product-description-content .overview table {
		width: 100%;
	}

	.mobile .prodDetail.brands2013 .product-tabs .tabbed-content #customer-reviews-tab h4 {
		margin-top: 8px;
	}	
	.mobile .product-info.brands2013 .product-overview .product-description-content .overview table div table {
		font-size: 16px;
	}	

	/*----- Remove stickyFooter until solution from PriceSpider: START -----*/	
		.mobile #stickyFooter {
			position: initial;
			background-color: #fff;	
		}
		.mobile #stickyFooter #r2_stickyFooter{
			display: none;
		}
	/*----- Remove stickyFooter until solution from PriceSpider: END -----*/	

	/*----- Partner Overrides: START -----*/		
		.mobile .BVRRDisplayContentBody {
			border-style: none !important;
		}
		.mobile #BVRRRatingSummaryLinkWriteID {
			display: none;
		}
		.mobile .prodDetail .product-overview .product-description-content .pluckrating {
		    width: 130px;
		}		
		.mobile .prodDetail .product-overview .product-description-content .pluckrating {
			margin: 15px auto;
		}
		.mobile .prodDetail.product-info.brands2013 .product-actions .buy-now-container {
			margin-bottom: 8px;
		}
		.mobile .ps_WtbButtonStyle {
			width: 100% !important;
			border-radius: 0px !important;
			margin: 0px !important;
		}		
		.mobile .prodDetail.brands2013 .product-actions .buy-now-container {
			padding: 0px;
		}
	/*----- Partner Overrides: END -----*/
	
	/*----- Brand Specific Styling: START -----*/
		.scottsV2Product.mobile .ps_WtbButtonStyle {
			font-family: 'Lato', sans-serif !important;
		}
		.mobile .product-info.brands2013 #customer-reviews-tab h4 {
			text-transform: uppercase !important;
		}
		
		.scottsV2Product.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-family: 'Lato', sans-serif !important;
	        	font-weight: 300;
		}
		.scottsV2Product.mobile .product-info.brands2013 #customer-reviews-tab h4 {
	        	font-family: 'Lato', sans-serif !important;
			font-weight: 300;
		}		
		.scottsV2Product.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
	        	font-family: 'Lato', sans-serif !important;
	        	font-weight: 300;
		}

		.mgroProduct.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-family: 'Lato', sans-serif !important;
	        	font-weight: 300;
		}
		.mgroProduct.mobile .product-info.brands2013 #customer-reviews-tab h4 {
	        	font-family: 'Lato', sans-serif !important;
			font-weight: 300;
		}		
		.mgroProduct.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
	        	font-family: 'Lato', sans-serif !important;
	        	font-weight: 300;
		}

		.rupProduct.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-weight: 100;
		}
		.rupProduct.mobile .product-info.brands2013 #customer-reviews-tab h4 {
			font-weight: 100;
		}		
		.rupProduct.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
	        	font-weight: 100;
		}

		.tomcatProduct.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-weight: 100;
	        	color: #666 !important;
		}
		.tomcatProduct.mobile .product-info.brands2013 #customer-reviews-tab h4 {
			font-weight: 100;
			color: #666 !important;
		}		
		.tomcatProduct.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
	       		font-weight: 100;
	        	color: #666 !important;
		}

		.orthoV2Product.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-weight: 300 !important;
		}
		.orthoV2Product.mobile .product-info.brands2013 #customer-reviews-tab h4 {
			font-weight: 300 !important;
			font-family: 'Lato', sans-serif !important;
		}		
		.orthoV2Product.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
			font-family: 'Lato', sans-serif !important;
	        	font-weight: 300 !important;
		}

		.ncareProduct_v2.mobile .product-info.brands2013 #howto-tab ul li h4 {
	        	font-weight: 300 !important;
		}
		.ncareProduct_v2.mobile .product-info.brands2013 #customer-reviews-tab h4 {
			font-weight: 300;
		}		
		.ncareProduct_v2.mobile .product-info.brands2013 .product-overview .product-description-content .overview {
	        	font-weight: 300;
		}		
			
		.scottsV2Product.mobile #r2_stickyFooter a {
			border: 2px solid #509643;
		}
		.mgroProduct.mobile #r2_stickyFooter a {
			border: 2px solid #509643;
		}
		.rupProduct.mobile #r2_stickyFooter a {
			color: #666;
		}
		.tomcatProduct.mobile #r2_stickyFooter a {
			color: #666;
		}
		.ncareProducts.mobile #r2_stickyFooter a {
			border: 1px solid #c1cd23;
		}
	/*----- Brand Specific Styling: END -----*/		
/* SCOTTS-7808: END ----------*/