/*
Name:        text.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS text definitions
Created:     24 March 2009
Modified:    12 September 2011 by Roxanne M.
Notes:       This file should contain ONLY definitions for text formatting
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2012 */

@font-face {
    font-family: 'MyriadProRegular';
    src: url('/css/font/myriad-webfont.eot');
    src: url('/css/font/myriad-webfont.eot?#iefix') format('embedded-opentype'),
        /* url('/css/font/myriad-webfont.woff') format('woff'),*/
         url('/css/font/myriad-webfont.ttf') format('truetype'),
         url('/css/font/myriad-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('/css/font/myriadpro-bold-webfont.eot');
    src: url('/css/font/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('/css/font/myriadpro-bold-webfont.woff') format('woff'),*/
         url('/css/font/myriadpro-bold-webfont.ttf') format('truetype'),
         url('/css/font/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media all
{
	/* Page headers *********************************/
	div.pageTitle
	{
		font-size: 18px;
	}

	div.pageSubtitle
	{
		font-size: 14px;
		color:     #666;
		font-weight: bold;
		text-align: left;
	}

	/* Messages *************************************/
	.success, .example
	{
		/* color: #0c0;
		color: #135802; */
		color: #2d731c;
	}

	.success.large 
	{
		font-size:   18px;
		font-weight: bold;
	}

	.warning
	{
		color: #f60;
	}

	.failure,
	.notification
	{
		color: #c00;
	}

	/* Default text tags ****************************/
	h1
	{
		font-size:   30px;
		color:       #000;
		font-weight: 600;
		margin:      20px 0;
		padding:     0;
		font-family: MyriadProRegular, Helvetica, sans-serif;
		text-align:  left;
	}

	.printView h1,
	.printGrid h1
	{
		font-weight: 400;
	}

	h1.marginBottom60
	{
		margin-bottom: 60px;
	}

	h1 span.subH1
	{
		font-weight:normal;
		display:inline-block;
		padding-left:25px;
	}

	h2
	{
		font-size:   24px;
		color:       #666;
		font-weight: normal;
		margin:      0;
		padding:     0;
		font-family: MyriadProRegular, Helvetica, sans-serif;
	}

	h2 a 
	{
		font-size: 24px;
		text-decoration: none;
	}

	h2 a:hover 
	{
		text-decoration: underline;
	}

	article.mainContent h2
	{
		margin-top: 20px;
	}

	h3
	{
		font-size:   20px;
		color:       #000;
		font-weight: bold;
	}

	h4
	{
		font-size:   15px;
		color:       #163b0d;
		font-weight: bold;
	}

	h5
	{
		font-size:   16px;
		color:       #000;
		/*font-weight: bold;*/
		margin:      0;
		padding:     0;
		font-family: MyriadProRegular, Helvetica, sans-serif;
		text-transform:uppercase;
	}

	h6
	{
	}

	span.itemTitle
	{
		display:   block;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
	}

	a,
	input.cancel
	{
		text-decoration: underline;
		color: 		 	 #135802;
		font-family: 	 MyriadProRegular, Helvetica, sans-serif;
		font-weight: 	 normal;
		font-size:   	 16px;/*14px*/
	}

	a 
	{
		font-weight: 700;
		outline: none;
		text-decoration: none;
	}

	input.cancel
	{
		background-color: #fff;
		background-image: none;
		border:           0;
		cursor:  		  pointer;
		height:           50px;
		line-height:  	  50px;
		outline:          none;
		overflow:         hidden;
		padding: 		  0;
		text-overflow:    ellipsis;
		white-space:      nowrap;

		   -moz-appearance: none;
		-webkit-appearance: none;
		-moz-outline-style: none;
	}

	a:hover,
	input.cancel:hover
	{
		color: #000;
	}

	a:hover
	{
		text-decoration: underline;
	}

	p 
	{
		color: 		 #333;
		font-size: 16px;
   		line-height: 21px;
		margin:		 0px 0px 0px 0px;
		padding: 	 0px 0px 10px 0px;
		font-family: 	 MyriadProRegular, Helvetica, sans-serif;
		text-align:  left;
	}

	p.gray 
	{
		color: #999;
	}

	p.error,
	span.error,
	h2.error,
	label.error
	{
		color: #cc3300;
	}

	p.bold,
	a.bold,
	span.bold
	{
		font-weight: 700;
	}

	a.terms
	{
		font-size: 16px;
	}

	::-webkit-input-placeholder {
	   color: #000;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color:   #000;  
	   opacity: 1 !important;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color:   #000;  
	   opacity: 1 !important;
	}

	:-ms-input-placeholder {  
	   color: #000;  
	}

	select.optional,
	select option.optional
	{
		font-style: italic;
	}

	input.optional::-webkit-input-placeholder {
	   font-style: italic;
	}

	input.optional:-moz-placeholder { /* Firefox 18- */
	   font-style: italic;
	}

	input.optional::-moz-placeholder {  /* Firefox 19+ */
	   font-style: italic;
	}

	input.optional:-ms-input-placeholder {  
	   font-style: italic;
	}

	/* Text one-offs ********************************/
	.txtTop
	{
		vertical-align:top;
	}

	/* Breadcrumbs **********************************/
	div.breadcrumb
	{
		display:  	   none;
		font-size:     10px;
		color:         #999;
		margin-bottom: 5px;
		padding-bottom: 15px;
	}

	div.breadcrumb a
	{
		color:           #999;
		text-decoration: none;
	}

	div.breadcrumb a:hover
	{
		text-decoration: underline;
	}

	/* Special button for TINYMCE ******************/

	a.readBtn, a.readBtn2
	{
		width:               85px;
		height:              23px;
		background:          transparent url(/images/icons/btn_readMore1.png) no-repeat center top;
		text-indent:         -9999px;
		display:             block;
	}

	a.readBtn:hover, a.readBtn2:hover
	{
		background:          transparent url(/images/icons/btn_readMore2.png) no-repeat center top;
	}

	a.readBtn2
	{
		margin-left:         40px;
	}

	a.vidBtn
	{
		width:               288px;
		height:              119px;
		background:          transparent url(/images/videoBtn_1.png) no-repeat center top;
		text-indent:         -9999px;
		display:             block;
	}

	a.vidBtn:hover
	{
		background:          transparent url(/images/videoBtn_2.png) no-repeat center top;
	}

	a.yellowBtn,
	a.yellowBtnSm,
	a.yellowBtnReg,
	a.yellowBtnLg,
	input.yellowBtn,
	input.yellowBtnLg,
	input.yellowBtnReg,
	input.yellowBtnTiny,
	input.submit,
	input.submitSearch
	{
		background-color: #fefab7;
		border:           1px solid #d0c703;
		border-radius:    5px;
		color:            #000;
		cursor:           pointer;
		font-family: 	  MyriadProBold, Helvetica, sans-serif;
		font-size:        18px;
		font-weight:  	  400;
		height:           50px;
		margin:           0;
		outline: 		  none;
		overflow:         hidden;
		padding:          0;
 		white-space:      normal;

 		width: 100%;
		width: -webkit-calc( 100% - 2px );
		width:    -moz-calc( 100% - 2px );
		width: 		   calc( 100% - 2px );

	    -webkit-appearance: none;
	}

	a.filterBtnLg, input.filterBtnLg {
		border:           1px solid #999;
		border-radius:    5px;
		color:            #000;
		cursor:           pointer;
		font-family: 	  MyriadProBold, Helvetica, sans-serif;
		font-size:        18px;
		/*font-weight:  	  bold;*/
		height:           50px;
		margin:           0;
		overflow:         hidden;
		padding:          0;
 		white-space:      normal;
		display: block;
    	line-height: 50px;
	    float: left;
    	margin-left: 10px;
    	text-align: center;
    	text-decoration: none;

    	width: 25%;
		width: -webkit-calc( 25% - 10px );
		width:    -moz-calc( 25% - 10px );
		width: 		   calc( 25% - 10px );
	}

	a.filterBtnLg.selected {
		background-color: #fef200;
	}

	input.span_215,
	input.submitSearch
	{
		width: 215px;
	}

	input.submit.large 
	{
		text-align: center;
		width: 		120px;
	}

	a.yellowBtn,
	a.yellowBtnLg,
	a.yellowBtnReg,
	a.yellowBtnSm,
	input.yellowBtn,
	input.yellowBtnLg,
	input.yellowBtnReg,
	input.yellowBtnTiny
	{
		display: 		 block;
		line-height: 	 50px;
		margin: 		 0 auto;
		outline: 		 none;
		text-align:  	 center;
		text-decoration: none;
	}

	a.yellowBtn.max-width-350
	{
		max-width: 350px;
	}

	aside a.yellowBtn
	{
		height: auto;
		line-height: 20px;
		padding: 15px 5px;

		width: 100%;
		width: -webkit-calc( 100% - 12px );
		width:    -moz-calc( 100% - 12px );
		width: 		   calc( 100% - 12px );
	}

	a.yellowBtn.inline,
	a.yellowBtnSm.inline,
	a.yellowBtnLg.inline
	{
		display: inline-block;
	}

	a.yellowBtnLg.left
	{
		margin-left:0;
	}

	a.yellowBtn.padBottom 
	{
		margin-bottom: 20px;
	}

	a.yellowBtn:hover,
	a.yellowBtnLg:hover,
	a.yellowBtnReg:hover,
	a.yellowBtnSm:hover,
	input.yellowBtn:hover,
	input.yellowBtnLg:hover,
	input.yellowBtnReg:hover,
	input.yellowBtnTiny:hover,
	input.submit:hover,
	input.submitSearch:hover,
	a.yellowBtnLg.selected
	{
		background-color: #fef200;
	}

	input.yellowBtn 
	{
		display: initial;
	}

	a.yellowBtnReg,
	input.yellowBtnReg
	{
		background-color: rgba( 254, 242, 0, 0.75 );/*#FEF200*/
		bottom: 		  0px;
		left:			  50%;
		margin-left: 	  -92px;
		position: 		  absolute;
		width: 	  		  185px;
		z-index:  		  9;
	}

	input.yellowBtnReg.admin
	{
		bottom:   0;
		left: 	  0;
		margin:   10px 0;
		position: relative;
	}

	a.yellowBtnLg,
	input.yellowBtnLg
	{
		max-width: 213px;
	}

	a.yellowBtn.span_150,
	a.yellowBtn.span_180,
	a.yellowBtn.span_300
	{
		margin-right: 10px;
		margin-top:   10px;
	}

	a.yellowBtn.span_124 { max-width: 124px; }
	a.yellowBtn.span_150 { max-width: 150px; }
	a.yellowBtn.span_180 { max-width: 180px; }
	a.yellowBtn.span_300 { max-width: 300px; }

	input.submit.span_450 { max-width: 448px; }
	input.submit.span_350, input.yellowBtn.span_350 { max-width: 350px; }

	a.yellowBtnSm 
	{
		padding-left: 62px;
		position: 	  relative;
		text-align:   left;
		width: 		  62px;
	}

	a.yellowBtnSm:after
	{
		background: 	 url( '/images/icons/icon_shoppinglist.png' ) center top no-repeat;
		background-size: 37px 325px;
		content: 		 "";
		height: 		 35px;
		left: 			 15px;
		position: 		 absolute;
		top:			 7px;
		width:  		 37px;
	} 

	a.yellowBtnSm.page:after
	{
		height: 30px;
		top: 10px;
	}

	a.yellowBtnSm.list:after
	{
		top: 10px;
	}

	a.yellowBtnSm.email:after { background-position: center  -37px; } 
	a.yellowBtnSm.print:after { background-position: center    top; } 
	a.yellowBtnSm.text:after  { background-position: center  -74px; } 
	a.yellowBtnSm.list:after  { background-position: center -270px; }
	a.yellowBtnSm.page:after  { background-position: center -241px; }

	a.yellowBtnSm.list,
	a.yellowBtnSm.page,
	a.yellowBtnSm.hotSheet
	{
		margin: 	0 0 10px 0;
		text-align: center;
		
		width: 100%;
		width: -webkit-calc( 100% - 64px );
		width:    -moz-calc( 100% - 64px );
		width: 		   calc( 100% - 64px );
	}

	a.yellowBtnSm.hotSheet:after 
	{ 
		background: 	 url( '/images/icons/IconDesktop.png' ) 0 -50px no-repeat;
		background-size: 150px 500px;
		height: 		 50px;
		left: 			 10px;
		position: 		 absolute;
		top:			 0px;
		width:  		 50px;
	}

	a.yellowBtnSm.textStoreInfo
	{
		width: 135px;
	}

	form input[type="submit"].yellowBtnTiny,
	input.yellowBtnTiny 
	{ 
		display: 	 inline-block;
		height:  	 39px;
		line-height: 28px;
		max-width: 	 80px; 
	}

	a.yellowBtn.span_175,
	.yellowBtn.span_175
	{ max-width: 175px; }

	span.keywords
	{
		font-size:    20px;
		font-weight:  bold;
		margin-right: 5px;
	}

	.similarSearch
	{
		margin: 80px 0 15px 0;
	}

	a.yellowBtn.successBtn,
	input.yellowBtn.successBtn 
	{
		margin-top: 100px;
	}

	a.yellowBtnLg.hasSubText
	{
		height: 	 auto;
		line-height: 1em;
		padding: 	 10px 0;
	}

	a.yellowBtnLg span.subText 
	{
		display: block;
		font-size: 13px;
	}

	a.yellowBtn.tall 
	{
		height: 56px;
		line-height: 56px;
	}

	a.yellowBtn.textWrap
	{
		height: auto;
		line-height: 1.2em;
		padding: 15px 5px;

		width: 100%;
		width: -webkit-calc( 100% - 12px );
		width:    -moz-calc( 100% - 12px );
		width: 		   calc( 100% - 12px );
	}
}

/**************************************************************************
Wireless-specific Styles
**************************************************************************/

@media only screen and (max-width: 768px) {
	.showPulldown h1, .showPulldown h2 
	{
		width: 100%;
		width: -webkit-calc( 100% - 100px );
		width:    -moz-calc( 100% - 100px );
		width: 		   calc( 100% - 100px );
	}

	.specialBtnWrapper .yellowBtnSm.print
	{
		background-color: transparent;
		border: 0;
		overflow: hidden;
		padding: 0;
		right: 100px;
		text-indent: -500px;
		width: 50px;
	}

	.specialBtnWrapper .yellowBtnSm.print:after 
	{
		left: 7px;
	}
}

@media only screen and (max-width: 568px) {
	article.mainContent h2
	{
		display: none;
	}
	
	article.mainContent.promotion h2
	{
		display: block;
	}

	article.mainContent .cmsContainer h2,
	div.pageListContainer h2
	{
		display: block;
	}

	a.yellowBtn.successBtn,
	input.yellowBtn.successBtn 
	{
		margin-top: 40px;
	}
}

@media only screen and (max-width: 915px) {
	a.filterBtnLg {
		font-size: 14px;
	}
}

/**************************************************************************
Retina-specific Image Replacement
**************************************************************************/
@media
	only screen and ( -webkit-min-device-pixel-ratio: 2 ),
	only screen and ( min-resolution: 192dpi ),
	only screen and ( min-resolution: 2dppx  )
{
	a.yellowBtnSm:after { background-image: url( '/images/icons/icon_shoppinglist_2x.png' ); }
}