/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

.clear {clear: both; }

.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	
}

.mobile{
	display:none;
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 147px; } /* Change to correct height */
#header { 
	
	width: 100%;
	z-index: 10;
}
	#mainnavigation, #utilities, #logo, .lnkLogo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		left:15px;
		height:66px;
	}
		#mobile-mainnav, #btn-search{
			display:none;
		}
		#mainnavigation li { float: left; }
			#mainnavigation li a {
				/*display: block;
				height: 1px;
				padding-top: 65px;
				overflow: hidden;*/
			}
					.nav-services a {background: url(../imgs/skin/nav/nav-services.png); width: 183px;}
                    .nav-locations a {background: url(../imgs/skin/nav/nav-locations.png); width: 116px;}
                    .nav-customer-care a {background: url(../imgs/skin/nav/nav-customer.png); width: 155px;}
                    .nav-car-care a {background: url(../imgs/skin/nav/nav-car.png); width: 112px;}
                    .nav-franchise a {background: url(../imgs/skin/nav/nav-franchise.png); width: 212px;}
                    .nav-about a {background: url(../imgs/skin/nav/nav-about.png); width: 162px;}
				
					
					#mainnavigation li a:hover {background-position: 0 -66px;}
					#mainnavigation li a.active {background-position: 0 -132px;}
	#logo, .lnkLogo {
				    top: 11px;
                    left: 14px;
                    background: url(../imgs/logo.png);
                    width: 193px;
                    height: 0px;
                    padding-top: 54px;
                    z-index: 999;
                    overflow: hidden;
                    display: block;
	}	
		#logo:hover, .lnkLogo:hover {background-position: 0 -52px;}
		.lnkLogo img{display:none;}
	#utilities {
		top: 6px;
		right: 310px;
	}
		#utilities li { float: left; }
			#utilities li a {
				display: block;
				height: 1px;
				padding-top: 50px;
				overflow: hidden;				
			}
					#util-home {background: url(../imgs/skin/bg/util-home.png); width: 76px;}
					#util-contact {background: url(../imgs/skin/bg/util-contact.png); width: 76px;}
                    /*#util-french {background: url(../imgs/skin/bg/util-french.png); width: 92px;}*/
                    
                    .language-selector {background: url(../imgs/skin/bg/util-french.png); width:102px;border:0 none;cursor:pointer;display:block;height:45px;}
                    .fr .language-selector {background: url(../imgs/skin/fr-bg/fr-util-french.png); width: 71px;border:0 none;cursor:pointer;display:block;height:45px;}	
                    
					
					#utilities li a:hover {background-position: 0 -51px;}
					.language-selector:hover {background-position: 0 -51px;}
	
	.search-form-wrapper{
		position: relative;
	}			
	.search-form-wrapper .k-autocomplete, .search-form-wrapper .k-picker-wrap, .search-form-wrapper .k-numeric-wrap{
		position: static;
	}
	#search-bar, .search-form-wrapper .search-bar input,
	 #search-bar, .search-form-wrapper input.search-bar {
		width: 165px !important;
		height: 22px;
		position: absolute;
		right: 62px;
top: 21px;
		border: 0px;
		background-color: transparent;
		padding: 0px 5px;
		font-size: 12px;
		line-height: 22px;
	}
	
	#btn-search-submit, .btn-search-submit {
		display: block;
		width: 32px;
		height: 22px;
		position: absolute;
		right: 31px;
		top: 21px;
		border: 0px;
		cursor: pointer;
		background: url(../imgs/skin/bg/btn-search-submit.png) left top no-repeat;
	}
	#btn-search-submit:hover, .btn-search-submit:hover {background-position: 0 -22px;}
	
	#headerutil .util-club {
		background-image:url(../imgs/skin/bg/btn-mrlubeclub.png);
		padding-top:26px; 
		height:1px;
		width:121px;
		margin-top:16px;
		
	}
	
	.fr #headerutil .util-club {
		background-image:url(../imgs/skin/bg/btn-mrlubeclub-french.png);
		padding-top:26px;
		height:1px;
		width:121px;
		margin-top:16px;
		margin-left: 10px;
	}
		#headerutil .util-club:hover, .club-active #headerutil .util-club  {
			background-position:0 -27px;
		}
							
		#headerutil .util-club.active {
			background-position:0 -27px;
		}				

.fr .w-w2 {background: url(../imgs/skin/fr-bg/fr-bg-main.png) center top no-repeat;}
/*.fr #footer {background: url(../imgs/skin/fr-bg/fr-bg-footer.png) center top no-repeat;}		*/

.fr #mainnavigation {right: 15px;}
	/*.fr	.nav-services a {background: url(../imgs/skin/fr-nav/fr-nav-services.png); width: 168px;}
	.fr	.nav-locations a {background: url(../imgs/skin/fr-nav/fr-nav-locations.png); width: 160px;}
	.fr	.nav-customer-care a {background: url(../imgs/skin/fr-nav/fr-nav-customer.png); width: 144px;}
	.fr	.nav-car-care a {background: url(../imgs/skin/fr-nav/fr-nav-car.png); width: 108px;}
	.fr	.nav-franchise a {background: url(../imgs/skin/fr-nav/fr-nav-franchise.png); width: 170px;}
	.fr	.nav-about a {background: url(../imgs/skin/fr-nav/fr-nav-about.png); width: 190px;}*/
	.fr	.nav-services a {background: url(../imgs/skin/fr-nav/fr-nav-services.png); width: 161px;}
	.fr	.nav-locations a {background: url(../imgs/skin/fr-nav/fr-nav-locations.png); width: 138px;}
	.fr	.nav-customer-care a {background: url(../imgs/skin/fr-nav/fr-nav-customer.png); width: 156px;}
	.fr	.nav-car-care a {background: url(../imgs/skin/fr-nav/fr-nav-car.png); width: 117px;}
	.fr	.nav-franchise a {background: url(../imgs/skin/fr-nav/fr-nav-franchise.png); width: 185px;}
	.fr	.nav-about a {background: url(../imgs/skin/fr-nav/fr-nav-about.png); width: 183px;}
	
.fr #utilities {right: 330px;}
	.fr #util-home {background: url(../imgs/skin/fr-bg/fr-util-home.png); width: 76px;}
	.fr #util-contact {background: url(../imgs/skin/fr-bg/fr-util-contact.png); width: 136px;}



.fr #logo, .fr .lnkLogo {
	top: 11px;
	    left: 14px;
	    background: url(../imgs/fr-logo.png);
	    width: 180px;
	    height: 0px;
	       padding-top: 52px;
    z-index: 999;
    overflow: hidden;
    display: block;
    background-size: 180px auto;
	}
		
	.fr #logo:hover, .fr .lnkLogo:hover {background-position: 0 0;}
	
.fr .subnav-title {
	font-size: 15px;
	padding-top: 8px;
	height: 36px;
}	

.fr #cta-find {
	background: url(../imgs/skin/fr-bg/fr-cta-find.png); 
	width: 195px;
	height: 1px;
	padding-top: 178px;
	overflow:hidden;
	display: block;
}
	.fr #cta-find:hover {background-position: -195px 0px;}
			
.fr #cta-give {background: url(../imgs/skin/fr-bg/fr-cta-give.png);}
.fr #cta-contact {background: url(../imgs/skin/fr-bg/fr-cta-contact.png);}
.fr #cta-join {background: url(../imgs/skin/fr-bg/fr-cta-join.png); padding-top:57px;}


/* --CONTENT-- */
#main { 
	position: relative; 
	padding-top: 35px;
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 195px;
		float: left;
	}
		.bg-cta {background: url(../imgs/skin/bg/bg-cta-repeat.png) left top repeat-y; margin-bottom: 25px;}
		.bg-cta-top {background: url(../imgs/skin/bg/bg-cta-top.png) left top no-repeat;}
		.bg-cta-bottom {background: url(../imgs/skin/bg/bg-cta-bottom.png) left bottom no-repeat;}
		
		#cta-find {
			background: url(../imgs/skin/bg/cta-find.png); 
			width: 195px;
			height: 1px;
			padding-top: 178px;
			overflow:hidden;
			display: block;
		}
			#cta-find:hover {background-position: -195px 0px;}
			
			
		#main-cta .bg-cta-bottom {
			padding-top: 15px;
			padding-bottom: 24px;
		}			
			#main-cta a {
				display: block;
				width: 195px;
				height: 1px;
				padding-top: 53px;
				overflow: hidden;
			}
					#cta-give {background: url(../imgs/skin/bg/cta-give.png);}
                    #cta-contact {background: url(../imgs/skin/bg/cta-contact.png);}
                    #cta-join {background: url(../imgs/skin/bg/cta-join.png);}
					
					#main-cta a:hover {background-position: -195px 0px;}
		
		#cta-promotions .bg-cta-bottom {padding: 25px 20px 35px 20px;}
		
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 235px;
		position: relative;
		left: -525px; /* Negative width of #content */
		top: 0;
		background: url(../imgs/skin/bg/bg-subnav-repeat.png) left top repeat-y;
	}
		#subnav-inner {
			position: relative;
			background: url(../imgs/skin/bg/bg-subnav-bottom.png) left bottom no-repeat; 
			padding: 44px 0px 15px 25px;
		}
			#subnav ul {margin: 0px; padding: 0px;}
			#subnav .sfNavWrp .sfSel{font-weight: 400;}
				#subnav ul.sfSel li {display: inline;}
				#subnav ul.sfSel li.active span, #subnav ul .active span {/*border: 0px;*/}
				#subnav ul.sfSel li.active a.more span {border: 0px;}
				#subnav ul.sfSel li.last-child span, #subnav ul.sfSel li.last-child ul  {border: 0px !important; background:none;}
				
					#subnav ul.sfSel li a {
						display: block;
						color: #333333;
						font-size: 12px;
						text-decoration: none;
						padding: 0px 10px 0px 30px;
						line-height: 18px;
						cursor:pointer;
					}
					#subnav ul.sfSel li a:hover {color: #2787dc;}
						#subnav ul.sfSel li a span {
							border-bottom: 1px solid #d9d9d9; 
							display: block;
							width: 138px;
							padding: 7px 0px;
						}
						#subnav ul.sfSel .last a span{border: 0px;}
						
					#subnav ul.sfSel li a.sfSel {
						background: url(../imgs/skin/bg/bg-subnav-active.png) left top no-repeat;	
						color: #2787dc;
					}			
					
						#subnav ul.sfSel ul {margin-left: 30px; background: url(../imgs/skin/bg/bg-subnav-line.png) left bottom no-repeat;}
							#subnav ul.sfSel ul li {}
								#subnav ul.sfSel ul li a, #subnav ul.sfSel ul ul li a {
									font-size: 11px;
									color: #666666;
									padding: 0px 0px 0px 10px;
									background: url(../imgs/skin/bg/bg-subnav-L2.png) left 11px no-repeat;
									line-height: 15px;
								}
								#subnav ul.sfSel ul li a.sfSel, #subnav ul.sfSel ul ul li a.sfSel {
									background: url(../imgs/skin/bg/bg-subnav-L2-active.png) left 11px no-repeat;
									color: #004fa3;
								}
								#subnav ul.sfSel ul .last {padding-bottom: 10px; display: block;}
									#subnav ul.sfSel ul li a span {
										border: 0px;
										padding: 5px 0px;
									}			
									#subnav ul.sfSel ul ul {padding-right: 29px; width:76px}
									#subnav ul.sfSel ul ul.L4 span { width: 76px;}
	#content {
		width: 460px;
		padding: 0px 45px 50px 20px;
		position: relative;
		left: 235px; /* Positive width of #subnav */
		top: 0;
	}
		.c-w1 {}

/* --FOOTER-- */
#footer, .f-w1, .f-w2 {}
#footer {
	font-size: 11px;
	color: #999999;
	line-height: 20px;
}
	.f-w2 {
        width:100%;
	}
	/*#footer-ctas, .footer-social, .footer-nav{ display:none;}*/
	.footer-nav{ display:none;}
	.divider {padding: 0px 4px;}
		#bottomlinks a {color: #004fa3; text-decoration: none;}
		#bottomlinks a:hover {text-decoration: underline;}
		#bottomlinks img{display:none;}
		
		#copyright a {color: #999999; text-decoration: none;}
		#copyright a:hover {text-decoration: underline;}
	
	#footer-ctas
	{
	    border-top:5px solid #fff;
	}
	#footer-ctas > .sfContentBlock
	{
	    background: #ffd200;
	    padding: 6px 0;
	}
	#footer-ctas > .sfContentBlock > ul
	{
	    width:942px;
	    margin:0 auto;
	    padding: 0 20px;
	}
	#footer-ctas > .sfContentBlock > ul:after
	{
	    content:'';
	    display:table;
	    clear:both;
	}
	#footer-ctas > .sfContentBlock > ul > li
	{
	    float:left;
	    width:49%;
	}
	#footer-ctas > .sfContentBlock > ul > li:first-child
	{
	    margin-right:2%;
	}
	#footer-ctas > .sfContentBlock > ul > li a{
		display:block;
		margin:0;
		padding: 18px 20px 18px 185px;
		border:1px solid #cdb000;

		color:#0064be;
		font-size: 18px;
		font-weight:600;
		line-height: 1.2;
		font-family: 'Open Sans', sans-serif;
		text-decoration:none;
		-webkit-transition:all 0.2s ease;
		transition:all 0.2s ease;
	}
	    #footer-ctas > .sfContentBlock > ul > li a:hover
	    {
	        border-color:#333;
	    }
		#footer-ctas #find_near_you{
			background: url('/imgs/mobile/bg-cta-location-mobile.png') no-repeat 43px 8px;

			-webkit-background-size: 81px auto;
			-moz-background-size: 81px auto;
			background-size: 81px auto;
		}
		#footer-ctas #join_club{
			background: url('/imgs/mobile/bg-cta-join-mobile.png') no-repeat 53px 8px;

			-webkit-background-size: 69px auto;
			-moz-background-size: 69px auto;
			background-size: 69px auto;
		}
		
	.footer-desktop-nav
	{
	    width:922px;
	    margin:0 auto;
	    padding: 20px 20px 25px 20px;
	    font-size:12px;
	}
	.footer-desktop-nav > ul:after
	{
	    content:'';
	    display:table;
	    clear:both;
	}
	.footer-desktop-nav > ul > li
	{
	    float:left;
	    width:16%;
	    margin: 0 5% 0 0;
	    line-height:1.2;
	}
	.footer-desktop-nav > ul > li:last-child
	{
	    margin:0;
	}
	.footer-desktop-nav > ul > li > a
	{
	    font-size:14px;
	    color:#ffd200;
	}
	.footer-desktop-nav a
	{
	    text-decoration:none;
	}
	.footer-desktop-nav a:hover
	{
	    text-decoration:underline;
	}
	.footer-desktop-nav ul ul
	{
	    margin-top:8px;
	}
	.footer-desktop-nav ul ul li
	{
	    margin-bottom:8px;
	}
	.footer-desktop-nav ul ul a
	{
	    color:#c2c3c4;
	}
	.footer-social
	{
	    width:922px;
	    margin:0 auto;
	    position:relative;
	}
	    .footer-social ul
	    {
	        position:absolute;
	        right:0;
	        top:0;
	        z-index:10;
	    }
	    .footer-social ul li{
		display:inline-block;
		margin-right:8px;
	}
	.footer-social ul li:last-child{
		margin-right:0;
	}
	.footer-social ul li a{
		display:block;
		width:32px;
		height:32px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 300%;

		-webkit-background-size: 32px auto;
		-moz-background-size: 32px auto;
		background-size: 32px auto;

		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
		.footer-social ul li.facebook a{
			background-image: url('/imgs/mobile/footer-facebook.png');
		}
		.footer-social ul li.twitter a{
			background-image: url('/imgs/mobile/footer-twitter.png');
		}
		.footer-social ul li a:hover
		{
		    -webkit-transform:scale(1.18);
		    -mos-transform:scale(1.18);
		    -ms-transform:scale(1.18);
		    transform:scale(1.18);
		}
		
	.footer-logos{
	    width:922px;
	    margin:0 auto;
	    position:relative;
    }
	    .footer-logos > div{
		    position:absolute;
		    width:140px;
		    height:37px;
	    }
		    /*.fr .footer-logos > div{
			    height:42px;
		    }*/
		    .mr-lube-logo
		    {
		        left:0;
		        top:0;
		    }
		    .bmc-logo
		    {
		        right:150px;
		        top:0;
		    }

    .en .mr-lube-logo{
	    background: url(/imgs/logo1.png) no-repeat center;
	    -webkit-background-size: 140px auto;
	    -moz-background-size: 140px auto;
	    background-size: 140px auto;
    }
	    .fr .mr-lube-logo{
		    background: url(/imgs/logo1-fr.png) no-repeat center;
		    -webkit-background-size: 140px auto;
		    -moz-background-size: 140px auto;
		    background-size: 140px auto;
	    }
    .en .bmc-logo 
    {
        width:158px;
        background: url(/imgs/footer-logo-english-bmc-mobile.png) no-repeat center;
        -webkit-background-size: 158px auto;
	    -moz-background-size: 158px auto;
	    background-size: 158px auto;
    }
	    .fr .bmc-logo 
	    {
	        width:156px;
	        right:82px;
	        background: url(/imgs/BM-RGB-FR.png) no-repeat center;
	        -webkit-background-size: 156px auto;
		    -moz-background-size: 156px auto;
		    background-size: 156px auto;
	    }
	#copyright
	{
	    padding-bottom: 40px;
	    width:922px;
	    margin:0 auto;
	    position:relative;
	    color:#c2c3c4;
	}
	    #copyright > div
	    {
	        padding-left: 150px;
	    }
	    #copyright a
	    {
	        color:#c2c3c4;
	    }
	#bottomlinks
	{
	    width:922px;
	    margin:0 auto;
	    position:relative;
	    color:#c2c3c4;
	}
	    #bottomlinks > div
	    {
	        padding-left: 150px;
	    }
	    #bottomlinks a
	    {
	        color:#c2c3c4;
	    }

		
/* STICKY FOOTERS: Uncomment to enable */

html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; min-width: 970px;}
#footer { 
	width: 100%; 
	position: absolute;
	bottom:0;
	left:0;
}
#main { padding-bottom: 379px; }
.fr #main
{
    padding-bottom:403px;
}

/* END STICKY FOOTERS */


/*  Location Page  */
#content .find-locations{
	font-size:19px;
	color:#808080;
	/*border-bottom:4px solid #E9E8DE;
	border-top:4px solid #E9E8DE;*/
	color:#808080;
	font-size:19px;
	margin-bottom:10px;
	padding:5px 0 12px 0;
	line-height:44px;
}

#content .location-results{
	margin-bottom:20px;
}

#content .or{ 
    font-style: italic; font-size: 19px; color: #b2b2b2;
    margin: 0;
}

	#content .find-locations ul{
		color:#4d4d4d;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:0px;
		margin-bottom:32px;
	}
		#content .find-locations li{
			float:left;
			list-style:none;
			background:none;
			padding-left:0px;
			padding-right:6px;
		}
		.fr #content .find-locations li{padding-right:3px;}
			#content .find-locations .textbox1, #content .find-locations .textbox2{
				color:#4d4d4d;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				padding-left:3px;
				padding-top:2px;
				height:18px;
			}
			#content .find-locations .textbox1{
				width:136px;
			}
			#content .find-locations .textbox2{
				width:66px;
			}
			#content .find-locations .selbox{
				background:url("/imgs/skin/bg/bg-input-textbox.png") no-repeat scroll left top transparent;
				border:1px solid #2787DC;
				height:20px;
				padding-left:2px;
				width:58px;
				color:#4d4d4d;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				padding-left:14px;
				
			}
			#content .loc-btn {
				cursor:pointer;
				background:url(../imgs/locations/btn-go.png) no-repeat;
				width:47px;
				height:27px;
				margin-left:10px;
				border:none;
			}
			
		.fr	#content .loc-btn {background:url(../imgs/locations/FR-btn-go.png) no-repeat;width:67px;}
			
			#content a.loc-btn {
			    height: 1px;
			    padding-top: 26px;
				display:block;
				overflow:hidden;
			}
				#content .loc-btn:hover{
					background-position:0px -27px;
				}
				
				#content .loc-results, #content a.loc-results{
					background:url(../imgs/locations/btn-more-results.png) no-repeat;
					width:127px;
					height:27px;
					cursor:pointer;
					border:none;
				}
				
				.fr #content .loc-results, .fr #content a.loc-results{background:url(../imgs/locations/FR-btn-more-results.png) no-repeat;width:169px;}
				

				
			#content a.loc-btn, #content a.loc-results, #content a.hlnk-goback {
			    height: 1px;
			    padding-top: 26px;
				display:block;
				overflow:hidden;
			}
				#content .loc-results:hover{
					background-position:0px -27px;
				}
				#content a.btn-geo-location{display:none;}
			#content .find-locations li span{
				padding-right:13px;
			}
			.column-heading{
				font-size:12px;
				color:#fff;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				background:#0569c1;
				width:100%;
				height:27px;
			}
				.column-heading td{
					padding-left:20px;
				}
				#content .loc-table-grid td{
					padding-top:5px;
					border-right:1px solid #d9d9d9;
					border-bottom:1px solid #d9d9d9;
					min-height:33px;
				}
					#content .loc-table-grid td span{
						font-weight:bold;
					}
						#content .loc-grid a{
							font-size:11px;
						}
							#content .loc-grid .separator{
								color:#cccccc;
								padding-right:4px;
								padding-left:4px;
							}
							
							
							
			#content .no-border{
				border:none;
			}
				#content .no-border .selbox{
					width:140px;
					padding-left:3px;
				}
					#content .no-border .loc-btn{
						padding-right:13px;
					}
					#content .no-border{
						margin-bottom:0px;
					}
					#content .last-loc{
						width:207px;
					}
					
					
	#content .find-locations td{
		padding-right:15px;
	}
		#content .find-locations img{
			padding-top:10px;
		}
			#content .find-locations .find-loc-table .last-td{
				padding-right:0px;
			}
				#content .left-images{
					width:340px;
					float:left;
				}
					#content .left-images img{
						border:#dbdbdb 1px solid;
						padding:2px;
						margin-bottom:15px;
					}
					#content .left-images a img{
						margin-bottom:0px;
						border:none;
						padding:0px;
					}
				#content .right-content{
					width:305px;
					float:left;
					padding-left:15px;
					padding-top:5px;
				}
				#content .loc-address{
					margin-bottom:0px;
				}
					#content .right-content span{
						/*padding-right:30px;*/
						padding-right: 0px !important;
					}
					#content .right-content span.content-title{
						font-weight:bold;
				    }
					#content .right-content .heading-hours{
						margin-bottom:10px;
					}
						#content .right-content table{
							margin-bottom:20px;
						}
							#content .right-content p span.content-title{
								font-weight:bold;
							}
							
							#content .loc-operations td span{
								font-weight:normal;
								padding-right:20px;
								padding-left:10px;
							}
							
							#content .loc-operations td span.lang-en, #content .loc-operations td span.lang-fr {padding-left: 0px !important;}
							#content .loc-operations td.loc-bullet span.lang-en, #content .loc-operations td.loc-bullet span.lang-fr {padding-left: 10px !important;}
							
							.loc-bullet{
								background:url(../imgs/skin/bg/bullet.png) no-repeat 0px 10px;
							}
							
							#content .table-grid-style{
								padding-left:20px;
							}
							
							.btn-store-back{
								background:url(../imgs/locations/btn-back2finder.png) no-repeat;
								width:207px;
								padding-top:26px;
								height:1px;
								overflow:hidden;
								display:block;
								
							}
							#btn-store-back {display: none;}
							
							.fr .btn-store-back{background:url(../imgs/locations/FR-btn-back2finder.png) no-repeat; width:300px;}
								
								.btn-store-back:hover{
									background-position:0px -26px;
								}
							#btn-print{
								background:url(../imgs/locations/btn-print.png) no-repeat;
								width:167px;
								padding-top:26px;
								height:1px;
								overflow:hidden;
								display:block;
								margin-left: 219px;
							}
							
							.fr #btn-print{background:url(../imgs/locations/FR-btn-print.png) no-repeat;width:188px; margin-left: 284px;}
							
								#btn-print:hover{
									background-position:0px -27px;
								}
									#content .find-locations .find-loc-table td{
										padding-right:15px;
									}
							
							
							#btn-direction{
								background:url(../imgs/locations/btn-driving-directions.png) no-repeat;
								width:207px;
								padding-top:26px;
								height:1px;
								overflow:hidden;
								display:block;
							}
								#btn-direction:hover{
									background-position:0px -27px;
								}
									#content .no-border{
										padding-top:0px;
									}
										#content .right-content span.content-title{
											font-weight:bold;
										}
					.store_announcement {
						padding: 20px 18px 0;
						margin-bottom: 20px;
						position: relative;
						border: 4px solid #fed304;
						-moz-border-radius: 7px;
						-webkit-border-radius: 7px;
						border-radius: 7px;
						behavior: url(/css3pie/PIE.htc);
					}
										
#map_view_left, #map_view_right {
    float:left;
    padding:2px; 
    background:#fff; 
    border:solid 1px #dbdbdb; 
    vertical-align:top;
    height:483px;
}
#map_view_right {
    margin-left: 2px;
    width: 170px;
    overflow:scroll;
}
#side_bar .list-item {
    padding: 3px 0 3px 5px;
    display: block;
}

.switch {

padding:0;
/*margin:0 0 10px !important;
text-align:right;*/
}

.switch a {
background:url("/imgs/skin/bg/btn-expand.png") no-repeat scroll 0 0 transparent;
display:block;
height:1px;
overflow:hidden;
padding-top:24px;
width:165px;
}

.switch a.open {
background:url("/imgs/skin/bg/btn-collapse.png") no-repeat scroll 0 0 transparent;
}


.fr .switch a {
background:url("/imgs/FR-btn-expand.png") no-repeat scroll 0 0 transparent;
width:150px;
}

.fr .switch a.open {
background:url("/imgs/FR-btn-collapse.png") no-repeat scroll 0 0 transparent;
width:150px;
}



.switch a:hover {
background-position: 0px -26px;
}

/** VIDEO MODULE STYLES **/

#content ul.sf_videoList {margin: 0px; padding:0 0 40px;}

#content ul.sf_videoList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style-type:none;
margin:0;
padding:0;
width:230px;
}

/*#content ul.sf_videoList li h3, #content #radio-ads h3 a,*/

	 .sf_postTitle a, .sf_postTitle a:visited, .sf_contentTitle{
	font-size:14px;
	color:#2787dc;
	font-weight:bold;
	margin-bottom: 6px;
	text-decoration:none;

/*		color:#2787DC;
		font-size:14px;
		font-weight:bold;
		margin-bottom:10px;*/
	}
	
	#content ul.sf_videoList li p, #content #radio-ads p {margin-bottom: 0px;}
	#content ul.sf_videoList li .sf_videoDescription {display:none;}


	/*h2.sf_contentTitle {font-size: 20px;}*/

#comments {display: none;}

#radio-ads {
border-top:1px solid #CCCCCC;
margin-top:15px;
padding-top:30px;
}
	#radio-ads h2 {padding-bottom: 20px;}
	#radio-ads embed {margin:0px 10px 10px 0px;}

.sf_videoList .sf_postDate {display:none;} 

.loc-operations {width:100%;}
.loc-operations .loc-bullet {width: 30%;}















/*home css */
.home #main {padding-top: 0px;}
	.home .m-w2 {background: url(/imgs/home/bg-home-shadow.png) center 326px no-repeat;}
.home #content {
	width: 617px;
	left: 0px;
	padding: 0 20px 0px 45px;
}
	.c-w1 {padding-top: 20px;}
	
.home #ctas {
	width: 245px;
	padding-top: 20px;
}

.home #home-banner {
display:block;
height:325px;
left:15px;
overflow:hidden;
position:relative;
top:0;
width:939px;
padding-left: 1px;
padding-top: 1px;
z-index:999999;	
}
.home #home-banner-mobile{
	display:none;
}

	

.home h1 {font-size: 28px; margin-bottom: 10px;}
.home h2 {
	font-size: 19px;
	color: #999999;
	line-height: 24px;
	margin-bottom: 15px;
}
	.home .btn-learn-about-services {
		display: block;
		background: url(../imgs/home/btn-learn-about-services.png);
		width: 250px;
		height: 1px;
		padding-top: 26px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.fr .btn-learn-about-services {
	
		background: url(../imgs/home/FR-btn-learn-about-services.png);
		width: 400px;
	}
	
	
	.home .btn-learn-about-services:hover {background-position: 0 -27px;}
	
.home #content #home-cta {margin: 0; padding: 0px; overflow: hidden;}
	.home #content #home-cta li {
		float: left; list-style: none; background: none; padding: 0px;
	}
		.home #content #home-cta li a {
			display: block;
			height: 1px;
			padding-top: 87px;
			overflow: hidden;
		}
		
			.home #cta-home-give {background: url(../imgs/home/btn-give.png); width: 175px;}
			.home #cta-home-contact {background: url(../imgs/home/btn-contact.png); width: 236px;}
			.home #cta-home-take {background: url(../imgs/home/btn-take.png); width: 203px;}
			
			  .fr #cta-home-give {background: url(../imgs/home/btn-give-fr.png); width: 175px;}
			  .fr #cta-home-contact {background: url(../imgs/home/btn-contact-fr.png); width: 236px;}
			  .fr #cta-home-take {background: url(../imgs/home/btn-take-fr.png); width: 203px;}
			
			.home #content #home-cta li a:hover {background-position: 0 -88px;}
			
.home .find-nearest {
	background: url(../imgs/home/bg-home-find.png);
	width: 195px;
	height: 118px;
	padding-top: 140px;
	padding: 140px 25px 0px 25px;
	color: #fff;
}			

.fr .find-nearest {
	height: 138px;

}			

.fr .find-nearest {
	background: url(../imgs/home/FR-bg-home-find.png);
}			

	.home .find-nearest td {
		padding: 5px 0px;
		vertical-align: middle;
		text-align: left;
	}
	
	
	
	.home .find-postal {width: 91px; height: 16px; padding: 2px 2px; border: 1px solid #2787dc;}
	.home .find-numbers {width: 45px; height: 20px; border: 1px solid #2787dc;}
	
	.home .btn-find-location {
		display: block;
		width: 167px;
		padding-top: 27px;
		height: 1px;
		overflow: hidden;
		background: url(../imgs/home/btn-find-location.png);
		margin: 5px auto 0px auto;
	}
	.fr .btn-find-location {
		
		width: 158px;
		padding-top: 42px;
		height: 1px;
		overflow: hidden;
		background: url(../imgs/home/FR-btn-home-FindLocation-2.png);
		margin: 5px auto 0px auto;
	}
	
	
		.home .btn-find-location:hover {background-position: 0 -28px;}
		.fr .btn-find-location:hover {background-position: 0 -48px;}
		
/*HOME CSS END */		
.fr .lang-en{display:none;}
.en .lang-fr{display:none;}
.fr #content .find-locations li span {padding-right:1px;}
#content .RadTreeView .selectedItem {font-weight:bold;}

.home .banner-control {height:38px;left:16px;margin:0;padding:0;position:absolute;text-align:left;/*top:278px;*/top:288px;width:942px;z-index:999999;}

.home .banner-control a:hover {background-position:0 -47px;}
.home .banner-control-left:hover, .home .banner-control-right:hover  {text-decoration:none;}
.home .banner-control a {display:block;height:1px;overflow:hidden;padding-top:36px;width:46px;cursor:pointer;}
.home .banner-control-left {background:transparent url(../imgs/skin/bg/banner-control-left.png) no-repeat scroll 0 0;float:left;}
.home .banner-control-left, .home .banner-control-right {color:white;float:left;font-family:'Arial',sans-serif;font-size:20px;line-height:30px;margin:0;padding:0;text-align:center;text-decoration:none;width:33%;}
.home .banner-control-right {background:transparent url(../imgs/skin/bg/banner-control-right.png) no-repeat scroll 0 0;float:right;}


.btn-goback {position:absolute;left:307px;top:74px;}
.fr .btn-goback {left:236px;top:92px;}


.fr .lang-en {display:none;}
.en .lang-fr {display:none;}

#content .loc-note {font-size: 10px; color: #999999;}
/*.home #home-banner .lang-en {
		display: block;
		padding: 5px 12px 0;
	}*/

#content .find-loc-table td:first-child {}
#ctl00_ctl00_base_main_internal_content_ctl00_pnl_desktop {float: left; width: 120px; padding-right: 40px;}
#content table.loc-operations {float: left; width: 145px;}
#content span.content-title {clear: both; display: block;}
#content ul.store-services {overflow: hidden;}
	#content ul.store-services li {display: inline-block; float: left; width: 133px; margin-bottom: 0; padding-right:2px}
	#content ul.store-services li.odd {float: right;}
	
#content .hours-of-operation, #content .holiday-notes {
	color: #2787DC;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
	}
#content .loc-operations {margin-top:2px;}

#content .more-results {width: 127px; float:left;}
	
#content .goback-storelocator  {float:right;font-size:8pt;padding-right: 20px; }

.goback-storelocator a {
	background: url("../imgs/locations/btn-EN_new-search.png") no-repeat scroll 0 0 transparent;
    width: 167px;
	}

 .goback-storelocator a:hover {background-position: 0 -27px;}	
	
	.fr  .goback-storelocator a {background: url("../imgs/locations/btn-FR_nouvelle_recherche.png") no-repeat scroll 0 0 transparent;
    width: 167px; 
	}
	.fr  .goback-storelocator a:hover {background-position: 0 -27px;}	
#content .RadTreeView .rtUL .rtLast {display:none;}

.coupon_image 
{
    margin-bottom: 40px;
    margin-left: 140px;
}

.coupon_print
{
    margin-left: 375px;
    margin-top: 20px;
}

.coupon_print a {
	background-image:url(/imgs/skin/bg/button_print_coupon.png);
    display: block;
    height: 29px;
	width:110px;
		
}

.coupon_print a:hover   {
	background-position:0 -29px;
}

.coupon-print-content 
{
    display:block;
    text-align: center;
    vertical-align:middle;

}

/*body.en .bmc-logo {position:absolute;right:256px;display:block;width:101px;height:38px;background-image:url(/imgs/footer-logo-english-bmc.png);}
body.fr .bmc-logo {position:absolute;right:232px;display:block;width:109px;height:40px;background-image:url(/imgs/footer-logo-bmc-dt-fr.png);}
*/
.wiper #home-banner {
display:none;
min-height:1350px;
/*min-height:1012px;*/
left:15px;
overflow:hidden;
position:absolute;
top:0;
width:939px;
padding-left: 1px;
padding-top: 1px;
z-index:999999;	
}
.wiper .mobile {display:none;}
.wiper #main .m-w2 { 
/*		overflow:auto;*/
		overflow:visible;
		min-height:1350px;
/*		min-height: 772px;*/
	}
	

#content .rtUL li:nth-child(n+8) {display:none;}

/* Pager */
.sf_pagerNumeric
{
	margin: 10px 0;
	width: 100%;
	clear: both;
}
.sf_pagerNumeric a
{
	margin: 0;
	padding: 3px 5px;
	width: auto;
	float: left;
}

.sfPageEditor #footer-ctas /*.sfPageEditor .footer-social, .footer-nav*/ {

display:inherit;

}


	.sfPageEditor  #mobile-mainnav  {
			display:block;
            z-index:-99;
            border:solid red;
         
		}


.sfPageEditor #header-search {

width:50%;
display:none;
}

.sfPageEditor .home div#home-banner-mobile {

display:block;
}

#main #content .sf_expandedList li h2 a{
	padding-right:30px;
	background: none;
	position: relative;
}
#main #content .sf_expandedList li h2 a:after{
	content: '';
	width:18px;
	height:18px;
	background: transparent url(/imgs/skin/bg/btn-faq.png) no-repeat right 0px;
	position: absolute;
	right:0;
	top:0;
}
#main #content .sf_expandedList li h2 a.sflistListItemExpanded:after{
	background-position: 0px -18px;
}



/************************** Locate a Mr. Lube ******************************/
.location-img, .mobile-location-tips{
	display:none;
}

.sfPageWrapper .sfPageContainer #content 
{
top: 150px;
z-index: 9999999;
}





/* wiper css */
.wiper #content{
	width: 940px;
    padding: 0;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.wiper #content .promo img{
	width:100%;
	height:auto;
}
.wiper #main .m-w2{
	background: none;
	min-height: 640px;
}




/*--------------------------------------------------------------
# New Code to fix the Navigation
--------------------------------------------------------------*/

/*
  Common Link Style
-------------------------------*/  
.navitem{
	display: block;
	height: 1px;
	padding-top: 65px;
	overflow: hidden;
}

/*
  Targeted Links normal state
-------------------------------*/


/*English*/
.en_navitem_auto-services {background: url(../imgs/skin/nav/nav-services.png); width: 198px;}
.en_navitem_mr-lube-near-you {background: url(../imgs/skin/nav/nav-locations.png); width: 148px;}
.en_navitem_fleet {
    background: url(../imgs/skin/nav/nav-fleet.png);
    width: 114px;
}
.en_navitem_car-care {background: url(../imgs/skin/nav/nav-car.png); width: 142px;}
.en_navitem_franchise-opportunities{background: url(../imgs/skin/nav/nav-franchise.png); width: 212px;}
.en_navitem_franchising {background: url(../imgs/skin/nav/nav-franchise.png);width: 159px;}
.en_navitem_about-mr-lube {background: url(../imgs/skin/nav/nav-about.png); width: 179px;}

/*French*/
.fr_navitem_services-m-lube {background: url(../imgs/skin/fr-nav/fr-nav-services.png); width: 168px;}
.fr_navitem_m-lube-prs-de-chez-vous {background: url(../imgs/skin/fr-nav/fr-nav-locations.png); width: 154px;}
.fr_navitem_programme-de-parcs {
    background: url(../imgs/skin/fr-nav/fr-nav-fleet.png);
    width: 183px;
}
.fr_navitem_entretien-auto {background: url(../imgs/skin/fr-nav/fr-nav-car.png); width: 136px;}
.fr_navitem_possibilits-de-franchise {background: url(../imgs/skin/fr-nav/fr-nav-franchise.png); width: 108px;}
.fr_navitem_-propos-de-m-lube {background: url(../imgs/skin/fr-nav/fr-nav-about.png); width: 191px;}

/*
  Targeted Links hover/active state
-------------------------------*/
.navitem:hover {background-position: 0 -66px;}

.navitem.sfSel,
.navitem.sfSel:hover {
	background-position: 0 -132px;
}



/*--------------------------------------------------------------
# New Code to fix the Navigation
--------------------------------------------------------------*/

/*
  Reset/remove unnecessary items
-------------------------------*/  
#subnav ul.sfNavList>li {display: none;}
#subnav ul.sfNavList>li.sfSel {display: block;}

/*
  Subnav heading
-------------------------------*/ 
#subnav ul.sfNavList>li.sfSel>a{
	display: block;
	font-size: 16px;
	color: #ffffff;
	height: 37px;
	background: url(../imgs/skin/bg/bg-subnav-title.png);
	width: 197px;
	padding: 7px 0px 0px 33px;
	position: absolute;
	left: 0px; top: 0px;
}

/*
  Subnav Items
-------------------------------*/ 



/* GVAOnline Landing Page */
#content .landing-top-message
{
    padding: 12px 0;
    text-transform:uppercase;
    color:#000;
    font-size:22px;
    font-weight:600;
    background:#ffd100;
    text-align:center;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.landing-banner
{
    position:relative;
    text-align:center;
}
.landing-banner img
{
    width:100%;
    height:auto;
    display:block;
}
.landing-banner .banner-text
{
   position:absolute;
   top: 40px;
   left:0;
   width:100%;
   text-align:center;
}
.landing-banner h1
{
    font-size: 65px;
    font-weight:700;
    line-height:1.25;
    color:#fff;
    text-transform:none;
    max-width: 600px;
    margin:0 auto 40px auto;
}
.landing-banner .banner-text a
{
    display:inline-block;
    padding: 10px 30px;
    color:#000;
    text-transform:capitalize;
    text-decoration:none;
    font-size: 32px;
    line-height:1.2;
    font-weight:700;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe449+0,fed100+100 */
    background: rgb(255,228,73); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,228,73,1) 0%, rgba(254,209,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,228,73,1) 0%,rgba(254,209,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,228,73,1) 0%,rgba(254,209,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe449', endColorstr='#fed100',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.landing-banner .banner-text a:hover
{
    background:#0017a8;
    color:#fff;
}

#content .landing-main
{
    padding: 40px 45px;
    width:auto;
}
.landing-main h2
{
    color:#0017a8;
    font-size:26px;
    font-weight:700;
}
#content .landing-main ul
{
    margin:0 0 1.1em 1.7em;
}
#content .landing-main li
{
    list-style:square outside;
    padding:0;
    background:none;
    font-size:22px;
    margin-bottom:10px;
    color:#000;
}
.landing-main .learn-more
{
    display:inline-block;
    background:#0017a8;
    color:#fff;
    padding: 7px 20px;
    font-weight:700;
    font-size: 17px;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.landing-main .learn-more:hover
{
    background:#fbd20a;
    color:#000;
}


.landing-main .find-a-store > div
{
    background:#0017a8;
    text-align:center;
    padding: 28px 40px;
}
.landing-main .find-a-store a
{
    display:block;
    background:#ffd100;
    color:#000;
    margin-top:25px;
    padding: 5px 20px;
    border:2px solid transparent;
    text-align:center;
    font-weight:700;
    font-size: 17px;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.landing-main .find-a-store a:hover
{
    color:#fff;
    background:#0017a8;
    border:2px solid #ffd100;
}


/***************************
Walmart Landing 2017
*****************************/
@font-face {
  font-family: 'NaturalScriptBold';
  src: url('/font/NaturalScriptBold.eot?#iefix') format('embedded-opentype'),  url('/font/NaturalScriptBold.woff') format('woff'), url('/font/NaturalScriptBold.ttf')  format('truetype'), url('/font/NaturalScriptBold.svg#NaturalScriptBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGroteskBQ-Reg';
  src: url('/font/AkzidenzGroteskBQ-Reg.eot?#iefix') format('embedded-opentype'),  url('/font/AkzidenzGroteskBQ-Reg.otf')  format('opentype'),
	     url('/font/AkzidenzGroteskBQ-Reg.woff') format('woff'), url('/font/AkzidenzGroteskBQ-Reg.ttf')  format('truetype'), url('/font/AkzidenzGroteskBQ-Reg.svg#AkzidenzGroteskBQ-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGroteskBQ-Medium';
  src: url('/font/AkzidenzGroteskBQ-Medium.eot?#iefix') format('embedded-opentype'),  url('/font/AkzidenzGroteskBQ-Medium.woff') format('woff'), url('/font/AkzidenzGroteskBQ-Medium.ttf')  format('truetype'), url('/font/AkzidenzGroteskBQ-Medium.svg#AkzidenzGroteskBQ-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

.c-w1 .walmart-landing
{
    margin-top:-20px;
    color:#fff;
    font-family: 'AkzidenzGroteskBQ-Medium';
    text-align:center;
}
.walmart-landing .top-promo
{
    background:#0017a8;
    padding: 62px 70px 0;
    width:auto;
}
.walmart-landing .logos
{
    margin-bottom:30px;
}
.walmart-landing .logos img
{
    display:inline-block;
    vertical-align:middle;
}
.walmart-landing .logos img:nth-child(1)
{
    max-width:236px;
    height:auto;
    margin-right:32px;
}
.walmart-landing .logos img:nth-child(2)
{
    max-width:362px;
    height:auto;
}
.walmart-landing .location
{
    padding: 10px 22px;
    border:2px solid #fff;
    text-transform:uppercase;
    font-size:25px;
    max-width:576px;
    margin:0 auto;
    letter-spacing: 1px;
}
.walmart-landing .heading
{
    margin:35px 0 25px;
    color:#fdd100;
    font-size:54px;
    line-height: 1.25;
    font-family: 'AkzidenzGroteskBQ-Medium';
}
.walmart-landing .heading span
{
    font-family: 'NaturalScriptBold';
    font-size:66px;
    color:#fff;
    display:block;
}
.walmart-landing iframe
{
    max-width:545px;
    width:100%;
    height:310px;
    display:block;
    margin:0 auto;
}
.walmart-landing .btn
{
    display:inline-block;
    color:#0017a8;
    font-size:26px;
    padding: 12px 30px;
    margin:30px 0;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    text-decoration:none;
    -webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe448+0,fed100+100 */
background: rgb(255,228,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,228,72,1) 0%, rgba(254,209,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,228,72,1) 0%,rgba(254,209,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,228,72,1) 0%,rgba(254,209,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe448', endColorstr='#fed100',GradientType=0 ); /* IE6-9 */
}
    .walmart-landing .btn:hover
    {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed100+0,ffe448+100,ffe448+100 */
background: rgb(254,209,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,209,0,1) 0%, rgba(255,228,72,1) 100%, rgba(255,228,72,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,209,0,1) 0%,rgba(255,228,72,1) 100%,rgba(255,228,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,209,0,1) 0%,rgba(255,228,72,1) 100%,rgba(255,228,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed100', endColorstr='#ffe448',GradientType=0 ); /* IE6-9 */
    }
    .walmart-landing .top-promo .btn
    {
        max-width:430px;
        display:block;
        margin:30px auto;
    }
    #content .walmart-landing .top-promo p
    {
        font-size:23px;
        line-height:1.25;
    }
    
    
.walmart-landing .bottom-coupon
{
    padding: 15px 70px 55px;
    width:auto;
    background:url(/imgs/skin/bg/bg-walmart-coupon.jpg) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
    .walmart-landing .bottom-coupon .price
    {
        text-align:left;
        font-size:203px;
        letter-spacing:0;
    }
        
        .walmart-landing .bottom-coupon .price span
        {
            font-size:50px;
            display:block;
            line-height:1;
            margin-bottom: 30px;
        }
    .walmart-landing .bottom-coupon .price sup
    {
        font-size:120px;
        padding-right:0;
    }
       
    .walmart-landing .bottom-coupon .coupon-text
    {
        text-align:left;
        font-size:34px;
        padding-top:70px;
    }
    .walmart-landing .bottom-coupon .btn
    {
        padding: 8px 30px;
        min-width:176px;
    }
    .walmart-landing .note
    {
        font-size:14px;
    }
    
    
.walmart-landing .top-title-area
{
    background: #094fa4;
    padding: 36px 70px 15px;
    width: auto;
}
.walmart-landing .bg-middle
{
    padding: 15px 45px;
    width:auto;
    text-align:right;
    background:url(/imgs/skin/bg/Woman_with_Dipstick_4c_revised.jpg) no-repeat center -50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.walmart-landing .bg-middle .title
{
    font-size:102px;
    text-transform:uppercase;
    font-weight:700;
    line-height: 0.85;
    margin-bottom:8px;
    -webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.6);
    text-shadow:2px 2px 5px rgba(0,0,0,0.6);
}
.walmart-landing .bg-middle .title span
{
    font-size:136px;
}
.fr .walmart-landing .bg-middle .title
{
    font-size:60px;
    line-height:1.1;
}
.fr .walmart-landing .bg-middle .title span
{
    font-size:66px;
}
#content .walmart-landing .bg-middle p
{
    line-height:1.2;
    margin: 0;
    float: right;
    font-size:38px;
    max-width:575px;
    float:right;
    -webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.6);
    text-shadow:2px 2px 5px rgba(0,0,0,0.6);
}
.fr #content .walmart-landing .bg-middle p
{
    font-size:33px;
    max-width:600px;
}
.walmart-landing .bottom-content
{
    padding: 15px 45px 30px;
    width: auto;
    background: #094fa4;
}
.walmart-landing.sands .btn
{
    padding: 10px 22px;
    font-weight:700;
    font-size:30px;
    color:#094fa4;
    letter-spacing:4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.walmart-landing .bottom-content .btn
{
    margin:0 0 10px 0;
}
.fr .walmart-landing .bottom-content .btn
{
    margin:0 0 20px 0;
}
#content .walmart-landing .bottom-content p
{
    font-size:36px;
    line-height:1.3;
}
.walmart-landing .bottom-content p span
{
    font-size:54px;
    text-transform:uppercase;
    display:block;
}
.fr #content .walmart-landing .bottom-content p
{
    font-size:27px;
}
.fr .walmart-landing .bottom-content p span
{
    font-size:42px;
    margin-bottom:5px;
}
.walmart-landing .bottom-content .note
{
    font-size:24px;
    font-family: 'AkzidenzGroteskBQ-Reg';
}
.fr .walmart-landing .bottom-content .note
{
    font-size:20px;
}
#base_footer_mobileFooterLink_MobileLink, #base_footer_mobileFooterLink_MobileLinkFR{display:none;}