/*
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: bold;*/
		margin:      20px 0;
		padding:     0;
		font-family: MyriadProRegular, Helvetica, sans-serif;
	}

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

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

	h3
	{
		font-size:   18px;
		color:       #163b0d;
		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
	{
	}

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

	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;
	}

	p 
	{
		color: 		 #333;
		font-size: 16px;
   		line-height: 21px;
		margin:		 0px 0px 0px 0px;
		padding: 	 0px 0px 10px 0px;
	}

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

	::-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;
	}

	/* Links ****************************************/


	/* Admin only ***********************************/
	a.cpLink
	{
	color:				#666;
	font-size:			12px;
	line-height:		20px;
	text-decoration:	none;
	}

	a.cpLink:hover
	{
	color:				#000;
	text-decoration:	underline;
	}

	a.cpLink2
	{
	color:				#666;
	font-size:			16px;
	line-height:		45px;
	font-weight:		bold;
	text-decoration:	none;
	}

	a.cpLink2:hover
	{
	color:				#000;
	text-decoration:	underline;
	}

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

	/* Breadcrumbs **********************************/
	div.breadcrumb
	{
		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;
	}

	input.btnBlankGreyMd
	{
		width:               150px;
		height:              57px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -76px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		white-space:         normal;
	}

	input.btnBlankGreyMd:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -133px;
	}

	input.btnBlankGreySm
	{
		width:               150px;
		height:              38px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px 0px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		white-space:         normal;
	}

	input.btnBlankGreySm:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -38px;
	}

	input.btnBlankGreyLrg
	{
		width:               236px;
		height:              57px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -190px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		white-space:         normal;
	}

	input.btnBlankGreyLrg:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -247px;
	}

	input.btnBlankGreySm2
	{
		width:               90px;
		height:              29px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -418px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		white-space:         normal;
 		margin-top:          6px;
	}

	td.trends input.btnBlankGreySm2
	{
		margin-right:        15px;
	}

	input.btnBlankGreySm2:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -447px;
	}

	input.btnBlankGreenSm
	{
		width:               87px;
		height:              27px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -205px -822px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProRegular, Helvetica, sans-serif;
 		font-weight:         normal;
 		font-size:           12px;
 		color:               #fff;
 		padding-left:        28px;
 		white-space:         normal;
 		text-align:          left;
 		margin-bottom:       3px;
 		padding-bottom:      2px;
 		padding-top: 		 0;
 		line-height: 		 27px;
	}

	input.btnBlankGreenSm:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -205px -849px;
	}

	input.btnBlankGreenSm::-moz-focus-inner /*Remove button padding in FF*/
	{ 
	    border:  0;
	    padding: 0;
	}

	input.btnBlankGreenMd
	{
		width:               208px;
		height:              48px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -1232px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProRegular, Helvetica, sans-serif;
 		font-weight:         normal;
 		font-size:           16px;
 		color:               #fff;
 		padding-left:        41px;
 		white-space:         normal;
 		text-align:          left;
 		margin-bottom:       3px;
	}

	input.btnBlankGreenMd:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -1280px;
	}

	div.storeActions input.btnBlankGreenMd, div.storeActions input.btnBlankGreyMd2
	{
		font-size: 15px;
	}

	input.btnBlankGreyMd2
	{
		width:               208px;
		height:              48px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -39px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           16px;
 		color:               #000;
 		white-space:         normal;
 		margin-bottom:       3px;
	}

	input.btnBlankGreyMd2:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -87px;
	}

	input.btnBlankGreySm3
	{
		width:               87px;
		height:              27px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -135px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProRegular, Helvetica, sans-serif;
 		font-weight:         normal;
 		font-size:           12px;
 		color:               #000;
 		white-space:         normal;
 		margin-bottom:       3px;
 		padding-bottom:      2px;
	}

	input.btnBlankGreySm3:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -162px;
	}

	input.btnBlankGreySm4
	{
		width:               79px;
		height:              22px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -157px -432px;
		cursor:              pointer;
 		border:              none;
 		font-family: 		 MyriadProRegular, Helvetica, sans-serif;
 		font-weight:         normal;
 		font-size:           13px;
 		color:               #000;
 		white-space:         normal;
 		margin-bottom:       3px;
 		padding-bottom:      2px;
	}

	input.btnBlankGreySm4:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -157px -454px;
	}

	input.btnBlankGreySm5
	{
		width:               126px;
		height:              22px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -304px;
		cursor:              pointer;
 		border:              none;
 		font-weight:         normal;
 		font-size:           13px;
 		color:               #000;
 		white-space:         normal;
 		margin:              0px;
 		padding:             0px;
	}

	input.btnBlankGreySm5:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -150px -326px;
	}

	input.btnBlankYellowLrg2
	{
		width:               194px;
		height:              36px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -151px -732px;
		cursor:              pointer;
 		border:              0;
 		font-weight:         normal;
 		font-size:           13px;
 		color:               #000;
 		white-space:         normal;
 		margin:              0px;
 		padding:             0px;
	}

	input.btnBlankYellowLrg2:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -151px -768px;
	}

	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:  	  bold;*/
		height:           50px;
		margin:           0;
		overflow:         hidden;
		padding:          0;
 		white-space:      normal;

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

 		/*width:            215px;*/

 		/*-webkit-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	       -moz-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	            box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );*/

	    -webkit-appearance: none;
	}

	/*input.submitSearch:hover
	{
		background:       transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -498px;
	}*/

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

	input.submit.large 
	{
		/*margin-left: 115px;*/
		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;
		text-align:  	 center;
		text-decoration: none;
	}

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

	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
	{
		width: 213px;
	}

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

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

	input.submit.span_450 { width: 448px; }
	input.submit.span_350, input.yellowBtn.span_350 { 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 320px;
		content: 		 "";
		height: 		 37px;
		left: 			 15px;
		position: 		 absolute;
		top:			 7px;
		width:  		 37px;
	} 

	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 -274px; }
	a.yellowBtnSm.page:after  { background-position: center -241px; }

	a.yellowBtnSm.list,
	a.yellowBtnSm.page,
	a.yellowBtnSm.hotSheet
	{
		text-align: center;
		width: 		200px;
	}

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

	input.yellowBtnTiny 
	{ 
		display: 	 inline-block;
		height:  	 29px;
		line-height: 28px;
		width: 		 80px; 
	}

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

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

@-moz-document url-prefix() {
    input.btnBlankGreySm2 {
        padding-bottom: 4px;
    }
}

/**************************************************************************
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_r.png' ); }
}