/* ---------------------------------------- 

Created: Eric
Date: 05/08/2009

---------------------------------------- */

@media screen
{

/* -------------------- Browser Resets -------------------- */
/* --------------------  -------------------- */

	html,body
	{
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
	
	html
	{
		overflow-y:scroll;
	}
	
	:focus  /* Safari, Firefox fix */ 
	{
		outline: 0;
	}

	img 
	{
		border:0;
		margin:0;
		padding:0;
		vertical-align:bottom; /* Needed to avoid a 3px gap on bottom of images in Firefox, Safari, IE8 */
		*vertical-align:top; /* IE6, IE7 needs this */
	}
	*html img { vertical-align:bottom; }
	
	
	ul
	{
		margin:0;
		padding:0 0 0 30px;
	}
	
/* -------------------- Base Styles -------------------- */
/* --------------------  -------------------- */

	body
	{
		background:#620500 url(../../../images/Shearers/Promotions/store_BG.jpg) top center fixed;
	}

	#mainform /* Safari Fix */
	{
		margin:0;
		padding:0;
	}
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
	form
	{
		margin:0;
	}
	
	
	
	
	
	#proOuterContainer
	{	
		margin:0 auto;
		position:relative;
		width:975px;
	}
	
	#proBannerContainer
	{
		float:left;
		height:216px;
		position:relative;
		right:19px;
		width:995px;
	}
	
	#proBodyContainer
	{
		background:url(../../../images/Shearers/Promotions/proBody_BG.png) top left repeat-y;
		float:left;
		text-align:left;
		width:100%;
	}
	
	
/* -------------------- Navigation -------------------- */
/* ---------------------------------------------------- */
	
	#proNavigationContainer
	{
		float:left;
		height:69px;
		width:100%;
	}
	
	#proNavigationContainer #proNavTabs
	{
		background:url(../../../images/Shearers/Promotions/Nav_BG.png) bottom left no-repeat;
		float:left;
		height:69px;
		width:100%;
	}
	
	#proNavigationContainer #proNavTabs .tabsLeft
	{
		float:left;
		margin:18px 0 0 4px;
		width:auto;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft { margin-left:1px; }
	
	#proNavigationContainer #proNavTabs .tabsLeft a
	{
		float:left;
	}
	
	#proNavigationContainer #proNavTabs .tabsRight
	{
		float:right;
		margin:24px 30px 0 0;
		width:auto;
	}
	*html #proNavigationContainer #proNavTabs .tabsRight { margin-right:15px; }
	
	/* -------------------- Shearer's Micro Site Tab -------------------- */
	
	#proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:link, #proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:visited 
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) 0px -50px no-repeat;
		display:block;
		height:50px;
		position:relative;
		top:1px;
		width:108px;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:link, *html #proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:visited 
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) 0px -50px no-repeat; }
	
	
	#proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:hover
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) -108px -50px no-repeat;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.shearersMSTab:hover
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -108px -50px no-repeat; }
	
	
	/* -------------------- Tango's Micro Site Tab -------------------- */
	
	#proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:link, #proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:visited
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) 0px -150px no-repeat;
		display:block;
		height:50px;
		position:relative;
		top:1px;
		width:108px;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:link, *html #proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:visited 
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) 0px -150px no-repeat; }
	
	#proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:hover
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) -108px -150px no-repeat;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.tangosMSTab:hover
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -108px -150px no-repeat; }
	
	/* -------------------- Shaper's Micro Site Tab -------------------- */
	
	#proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:link, #proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:visited
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) 0px -100px no-repeat;
		display:block;
		height:50px;
		position:relative;
		top:1px;
		width:108px;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:link, *html #proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:visited
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) 0px -100px no-repeat; }
	
	#proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:hover
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) -108px -100px no-repeat;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.shapersMSTab:hover
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -108px -100px no-repeat; }
	
	/* -------------------- Online Store Tab -------------------- */
	
	#proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:link, #proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:visited
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) 0px 0px no-repeat;
		display:block;
		height:50px;
		position:relative;
		top:2px;
		width:123px;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:link, *html #proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:visited
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -151px 0px no-repeat; }
	
	#proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:hover
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) -151px 0px no-repeat;
	}
	*html #proNavigationContainer #proNavTabs .tabsLeft a.onlineStoreTab:hover
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -151px 0px no-repeat; }	
	
	/* -------------------- Shearer's Foods Tab -------------------- */
	
	#proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:link, #proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:visited
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) 0px -200px no-repeat;
		display:block;
		height:45px;
		width:149px;
	}
	*html #proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:link, *html #proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:visited
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) 0px -200px no-repeat; }
	
	#proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:hover
	{
		background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.png) -151px -200px no-repeat;
	}
	*html #proNavigationContainer #proNavTabs .tabsRight a.shearersFoodsTab:hover
	{ background:url(../../../images/Shearers/Promotions/tabs_Promotions_SPRITE.gif) -151px -200px no-repeat; }

/* ----------------------- Search ----------------------- */
/* ---------------------------------------------------- */	
		
	#proContainer2
	{
		float:none;
		margin:0 auto;
		position:relative;
		width:965px;
		z-index:3;
	}
	
	#proContainer2 #proSubNavRight
	{
		float:right;
		position:absolute;
		text-align:right;
		right:14px;
		top:75px;
		width:auto;
		z-index:100;
	}
	
	*html #proContainer2 #proSubNavRight
	{ right:28px; }
	
	#proContainer2 #proSubNavRight div
	{
		width:auto;
		text-align:left;
	}
	
	#proContainer2 #proSubNavRight .searchBoxContainer
	{
		background:url(../../../images/Shearers/Promotions/searchBox_BG.png) no-repeat;
		float:left;
		height:19px;
		width:140px;
	}
	
	#proContainer2 #proSubNavRight .searchBox
	{
		border:solid 0px #fff;
		height:13px;
		margin:2px 0 0 20px;
		width:110px;
	}
	
	#proContainer2 #proSubNavRight .searchBTN
	{
		margin-left:2px;
	}
		
		
/* ----------------------- Body ----------------------- */
/* ---------------------------------------------------- */
	
	#proBodyLeftContainer
	{
		float:left;
		left:40px;
		position:relative;
		width:195px;
	}
	
	#proBodyRightContainer
	{
		float:right;
		position:relative;
		right:42px;
		width:686px;
	}
	
	#proBodyBottom
	{
		background:url(../../../images/Shearers/Promotions/proBodyBottom_BG.png) top left no-repeat;
		float:left;
		height:50px;
		width:100%;
	}
		
/* ---------------------- Main Content Area ---------------------- */
/* --------------------------------------------------------------- */
	
	/* Breadcrumb */
	
	#proBreadcrumb
	{
		border-bottom:solid 1px #b2b2b2;
		float:left;
		left:20px;
		padding:0 0 10px 0;
		position:relative;
		width:645px;
	}
	
	#proBodyRightContainer .padding
	{
		float:left;
		left:20px;
		padding:30px 0 35px 0;
		position:relative;
		width:645px;
	}
	
/* Generic Content */

	#proGenericContent
	{
		border-bottom:solid 1px #b2b2b2;
		float:left;
		margin-bottom:5px;
		padding-bottom:15px;
	}

	#proGenericContent .brandLogo
	{
		margin-bottom:15px;
		position:relative;
		right:10px;
	}

/* ---------------------- Contact Us ---------------------- */

	#winnersList
	{
		margin-top:20px;
		width:100%;
	}

	#winnersList .header
	{
		padding:10px 0;
	}
	
	#winnersList .header span
	{
		padding:0 26px;
	}
	
	#winnersList span.winner
	{
		display:block;
		padding:5px 26px;
	}

/* ---------------------- Promotions ---------------------- */

	.proPromotionsItem
	{
		float:left;
		margin-right:44px;
		text-align:center;
		width:182px;
	}
	
	.proPromotionsItem .copy
	{
		float:left;
		min-height:60px;
		padding:0 0 15px 0;
		text-align:left;
		width:100%;
	}

	.grayBar
	{
		border-bottom:solid 1px #ccc;
		float:left;
		margin-bottom:20px;
		padding-bottom:20px;
		width:100%;
	}
	
	.grayBar2
	{
		border-bottom:solid 1px #ccc;
		float:left;
		margin:20px 0;
		width:100%;
	}

/* ---------------------- Contact Us ---------------------- */

	.glFormContainer
	{
		float:left;
		width:100%;
	}
	
	.glFormContainer .glFormHeader
	{
		background:url(/images/Shearers/Promotions/proFormHeader_BG.gif) top left no-repeat;
	}
	
	.glFormContainer .glFormBody
	{
		float:left;
		width:100%;
	}
	
	.glFormContainer .glFormBody .textPadding
	{
		padding:20px 0;
	}
	
	.glFormContainer .glFormBody .tnPrintShare
	{
		width:auto;
	}
	
	.glFormFooter
	{
		float:left;
		height:15px;
		width:100%;
	}
	
		
/* ---------------------- Footer ---------------------- */
/* ---------------------------------------------------- */

	#proFooterContainer
	{
		float:left;
		height:105px;
		left:10px;
		padding-bottom:20px;
		position:relative;
		text-align:left;
		width:959px;
	}
	
	#proFooterTop
	{
		background:url(../../../images/Shearers/Promotions/proFooter_BG.png) 0px 0px no-repeat;
		float:left;
		height:12px;
		width:100%;
	}
	*html #proFooterTop
	{ background:url(../../../images/Shearers/Promotions/proFooter_BG.gif) 0px 0px no-repeat; overflow:hidden; }
	
	#proFooterMiddle
	{
		background:url(../../../images/Shearers/Promotions/proFooter_BG.png) -959px 0px repeat-y;
		float:left;
		width:100%;
	}
	*html #proFooterMiddle
	{ background:url(../../../images/Shearers/Promotions/proFooter_BG.gif) -959px 0px repeat-y; }
	
	#proFooterBottom
	{
		background:url(../../../images/Shearers/Promotions/proFooter_BG.png) -1918px 0px no-repeat;
		float:left;
		height:12px;
		width:100%;
	}
	*html #proFooterBottom
	{ background:url(../../../images/Shearers/Promotions/proFooter_BG.gif) -1918px 0px no-repeat; }
	
	#proFooterContainer .proFooterLogo
	{
		float:left;
		position:relative;
		top:-4px;
	}	
	
	#proFooterContainer .left
	{
		float:left;
	}
	
	#proFooterContainer .left .proFooterLinks
	{
		border-left:solid 1px #c1997a;
		float:left;
	}
	
	#proFooterContainer .left .proFooterLinks a
	{
		display:block;
		padding:3px 36px 3px 20px;
		width:auto;
	}
	
	#proFooterContainer .right
	{
		float:right;
		padding-top:32px;
		position:relative;
		right:30px;
	}
	
	
/* -------------------- Shearers Specific Button -------------------- */	

	.proPromotionsLinks
	{
		float:left;
		margin:0 0 20px 06px;
	}

	.proButton *
	{
		cursor:pointer;
	}
	
	a.proButton:link, a.proButton:visited
	{
		color:#fff;
		display:block;
		float:left;
		font-size:10px;
		height:36px;
		text-decoration:none;
		width:auto;
	}
	
	a.proButton:hover
	{
		text-decoration:none;
	}
	
	a.proButton:link .btnLeft, a.proButton:visited .btnLeft
	{
		float:left;
		background:url(/images/Shearers/Promotions/proButton.png) 0 0 no-repeat;
		height:100%;
		width:21px;
	}
	
	/*a.proButton:hover .btnLeft
	{
		background:url(/images/Shearers/Promotions/proButton.png) 0 -142px no-repeat;
	}*/
	
	a.proButton:link .btnMiddle, a.proButton:visited .btnMiddle
	{
		float:left;
		background:url(/images/Shearers/Promotions/proButton.png) 0 -36px repeat-x;
		height:100%;
		width:auto;
	}
	
	/*a.proButton:hover .btnMiddle
	{
		background:url(/images/Shearers/Promotions/proButton.png) 0 -142px repeat-x;
	}*/
	
	a.proButton:link .btnMiddle span, a.proButton:visited .btnMiddle span
	{
		position:relative;
		top:12px;
	}
	
	a.proButton:link .btnRight, a.proButton:visited .btnRight
	{
		float:left;
		background:url(/images/Shearers/Promotions/proButton.png) 0 -72px no-repeat;
		height:100%;
		width:50px;
	}
	
	/*a.proButton:hover .btnRight
	{
		background:url(/images/Shearers/Promotions/proButton.png) 0 -178px no-repeat;
	}*/
	
	
	.glFormContainer
	{
		margin-top:20px;
	}
	
	.glFormContainer .glFormBody
	{
		border-left:solid 1px #999;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999;
		width:643px;
	}
	
	
	#showDefault
	{
		display:block;
		padding:10px;
	}
}

@media print
{
	/* -------------------- Browser Resets -------------------- */
/* --------------------  -------------------- */

	html,body
	{
		
		margin:0;
		padding:0;
		width:100%;
	}
	
	:focus  /* Safari, Firefox fix */ 
	{
		outline: 0;
	}

	img 
	{
		border:0;
		margin:0;
		padding:0;
		vertical-align:bottom; /* Needed to avoid a 3px gap on bottom of images in Firefox, Safari, IE8 */
		*vertical-align:top; /* IE6, IE7 needs this */
	}
	*html img { vertical-align:bottom; }
	
	
	ul
	{
		margin:0;
		padding:0 0 0 30px;
	}
	
/* -------------------- Base Styles -------------------- */
/* --------------------  -------------------- */

	#mainform /* Safari Fix */
	{
		margin:0;
		padding:0;
	}
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
	form
	{
		margin:0;
	}
	
	
	#proOuterContainer
	{	
		width:650px;
	}
	
	#proBannerContainer
	{
		display:none;
	}
	
	#proBodyContainer
	{
		text-align:left;
		width:100%;
	}
	
	
/* -------------------- Navigation -------------------- */
/* ---------------------------------------------------- */
	
	#proNavigationContainer
	{
		display:none;
	}
	
	#proBodyLeftContainer
	{
		display:none;
	}
	
	#proBodyRightContainer
	{
		width:650px;
	}
	
	#proBodyBottom
	{
		display:none;
	}

/* ---------------------- Main Content Area ---------------------- */
/* --------------------------------------------------------------- */
	
	#proBodyRightContainer .padding
	{
		padding:30px 0 15px 0;
		width:650px;
	}
	
/* Generic Content */

	#proGenericContent
	{
		clear:both;
		border-bottom:solid 1px #b2b2b2;
		float:left;
		margin-bottom:5px;
		padding-bottom:15px;
	}

	#proGenericContent .brandLogo
	{
		margin-bottom:15px;
		position:relative;
		right:10px;
	}

	
	
/* ---------------------- Footer ---------------------- */
/* ---------------------------------------------------- */

	#proFooterContainer
	{
		border-top:solid 1px #000;
		clear:both;
		padding-top:15px;
		width:650px;
	}
	
	#proFooterTop
	{
		display:none;
	}
	
	#proFooterMiddle
	{
		clear:both;
		width:100%;
	}
	
	
	#proFooterBottom
	{
		display:none;
	}
	
	#proFooterContainer .proFooterLogo
	{
		display:none;
	}	
	
	#proFooterContainer .left
	{
		float:left;
	}
	
	#proFooterContainer .left .proFooterLinks
	{
		display:none;
	}
	
	#proFooterContainer .right
	{
		padding:15px 0 0 0;
	}
}