/* CSS for landing pages */

/**** LINKING - ALL ANCHOR TAGS ****/
a#landingPage	{color : #fff; text-decoration : none}
a#landingPage:visited	{color : #dcdcdc; text-decoration : none}
a#landingPage:hover	{color : #dcdcdc; text-decoration : none}
/**** END OF LINKING ****/

/* Breadcrumbs - top of the page */
#breadcrumbsLandingPage	{
	display : inline;
	font-size : 11px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	width : 700px; height : 14px;
	padding : 15px 0 15px 0; margin : 0 0 0 30px;
	border : 0px solid #000;
	list-style-type : none;
	float : left;
}
/* Help button and search function */
#helpSearchBox	{
	position : relative;
	left : 28px; top : 0;
	padding : 10px 0 10px 0; margin : 0;
	border : 0px solid #000;
	height : 25px;
	float : left;
}
	#helpLanding	{
		margin : 0 0 0 0;
		float : left;
		border : 0px solid #000;
	}
		#help img	{
			display : block;
		}	
	#searchBoxLanding	{
		margin : 2px 2px 0 15px;
		float : left;
		border : 0px solid #000;
		height : 15px;
	}
		#searchBoxLanding form	{
			margin : 1px 0 0 0; padding : 0;
		}
			#searchBoxLanding form #searchField	{
				width : 120px; height : 14px;
				border : 1px solid #d7d7d7;
				background : url(../images/ofs_common/search_bg.gif) no-repeat;
				font-size : 10px;
				display : inline;
				padding : 2px 0 0 20px;
				float : left;
			}
/** Large main banner below the breadcrumbs **/
#largeBanner	{
	width : 980px; height : 152px;
	border : 0px solid #000;
	margin : 0 0 0 22px;
}
#largeBannerMiddle	{
	width : 980px; height : 152px;
	border : 0px solid #000;
	margin : 15px 0 0 22px;
}
	#bannerText	{
		padding : 35px 0 0 40px;
		border : 0px solid #000;
		font-family : Arial, Helvetica, sans-serif;
		color : #fff;
	}
	#bannerText div.welcome	{
		font-size : 38px;
		font-weight : normal;
		border : 0px solid #000;
		float : left;
	}
	#bannerText	h1 {
		padding : 0 0 0 13px; margin : 0;
		font-size : 38px;
		font-weight : normal;
		border : 0px solid #000;
		float : left;
	}
	#bannerText div.subHeading	{
		font-size : 20px;
	}
   
   /* banner text formatting for landing page template */
	#bannerText2 {
		padding : 0;
		border : 0px solid #000;
		font-family : Arial, Helvetica, sans-serif;
		color : #fff;
	}
   
   #bannerText2	h1 {
		padding : 10px 0 0 10px; margin : 0;
		font-size : 38px;
		font-weight : normal;
		border : 0px solid #000;
		float : left;
	}
   
/* Landing page buttons */
div.landingPageTextEx	{
	border : 0px solid #000;
	font-size : 10px;
	padding : 10px 0 0 15px; margin : 0;
}
	.landingPageTextEx img	{
		padding : 0 0 0 5px;
		float : left;
	}
div.landingPageTextRet	{
	border : 0px solid #000;
	font-size : 10px;
	padding : 3px 0 0 15px; margin : 0;
}
	.landingPageTextRet img	{
		padding : 0 0 0 5px;
		float : left;
	}
div.landingPageText	{
	border : 0px solid #000;
	font-size : 10px;
	padding : 10px 0 0 15px; margin : 0;
}
	.landingPageText img	{
		padding : 0 0 0 5px;
		float : left;
	}
#landingPageButtons	{
	display : inline;
	border : 0px solid #000;
	width : 520px;
	margin : 12px 0 0 35px;
	float : left;
	font-weight : bold;
	color : #777;
}
	#landingPageExclusive {
		width : 166px; height : 53px;
		margin : 0 10px 0 0;
		float : left;
	}
		#landingPageExclusive h1	{
			font-size : 12px;
			padding : 0; margin : 0;
			float : left;
		}
		#landingPageExclusive h3	{
			font-size : 12px;
			padding : 0; margin : 0;
			float : left;
		}
	#landingPageCatalog	{
		width : 172px; height : 53px;
		margin : 0 9px 0 0;
		float : left;
	}
		#landingPageCatalog h3	{
			font-size : 12px;
			padding : 0; margin : 0;
			float : left;
		}
	#landingPageRetailer	{
		width : 163px; height : 53px;
		float : left;
	}
		#landingPageRetailer h3	{
			font-size : 12px;
			padding : 0; margin : 0;
			float : left;
		}
#toolBox	{
	position : relative;
	left : 10px;
	float : left;
	margin : 12px 0 0 0;
	border : 0px solid #000;
	width : 450px;
}
	.toolIcon	{
		float : left;
		padding : 2px 0 0 25px;
	}
	.toolText	{
		float : left;
		padding : 4px 0 0 2px;
		font-size : 10px;
	}
#main { 
	background : #fff;
	border : 0px solid #000;
}
	#landingPageBlurb	{
		margin : 0 25px 20px 35px;
		border : 0px solid #000;
		text-align : justify;
	}
		#landingPageBlurb h2	{
			font : bold 14px/14px Arial, Helvetica, sans-serif;
			padding : 0 0 0 0; margin : 10px 0 10px 0;
		}
		#landingPageBlurb p	{
			font-family : Arial, Helvetica, sans-serif;
			padding : 0 0 0 0; margin : 10px 0 10px 0;
		}
	#textSort	{
		border : 0px solid #000;
		width : 400px;
		margin : 0 0 0 30px;
		font-family : Arial, Helvetica, sans-serif;
	}
		#textSort span	{
			padding : 0 5px 0 5px;
		}
	#storeShowLanding	{
		position : relative;
		border : 0px solid #000;
		font-family : Arial, Helvetica, sans-serif;
		margin : 0 0 0 35px; padding-bottom : 25px;
	}
		/* Alphabetical navigational list */
		#alphaNavLanding	{
			position : absolute;
			top : 10px; left : 0;
			border : 0px solid #000;
			margin : 0 0 0 0;
			float : left;
		}
			#alphaNavLanding #titleLanding	{
				font-weight : bold;
			}
				#alphaNavLanding .lettersLanding	{
					padding : 0 7px 0 0;
				}
		/* Display results */
		.navResultLanding	{
			position : absolute;
			top : 10px; left : 500px;
			padding : 0; margin : 0;
			border : 0px solid #000;
			float : left;
		}
			.navResultLanding span	{
				padding : 0; margin : 0 0 0 15px;
				font-family : Arial, Helvetica, sans-serif;
				font-size : 11px;
			}
		/* Display results */
		.navResultLandingBottom	{
			padding : 10px 20px 0 0; margin : 0;
			border : 0px solid #000;
			text-align : right;
		}
			.navResultLandingBottom span	{
				padding : 0; margin : 0 0 0 15px;
				font-family : Arial, Helvetica, sans-serif;
				font-size : 11px;
			}
			
		/* Show how many per page */
		.showPerPageBoxLanding	{
			position : absolute;
			top : 3px; left : 790px;
			border : 0px solid #000;
			margin : 0;
			float : left;
		}
			.showPerPageBoxLanding p	{
				padding : 0; margin : 6px 0 0 0;
				float : left;
			}
			.showPerPageBoxLanding form	{
				padding : 0; margin : 3px 0 0 4px;
				float : left;
			}
				.showPerPageBoxLanding form select	{
					width : 110px; height : 18px;
					font-size : 11px;
					font-family : Arial, Helvetica, sans-serif;
				}
			.showPerPageBoxLanding .rss	{
				padding : 0; margin : 2px 1px 0 15px;
				float : left;
			}
	/** COUPONS START HERE **/		
	#couponsLanding	{
		border : 0px solid #000;
		margin : 0 22px;
	}
		.couponsLandingRow	{
			border-bottom : 2px solid #bedaf0;
			padding : 15px 0 15px 0;
			height : 108px;
		}	
			.couponsLandingCol	{
				border : 0px solid #000; 
				width : 301px; height : 108px;
				padding : 0 38px 0 0;
				float : left;
				background : url(../images/ofs_landing_page/bg_coupon_landing.jpg) no-repeat;
			}	
				.couponLandingLogo	{
					width : 120px; height : 108px;
					border : 0px solid #000;
					float : left;
					visibility : hidden;
				}
					/** Temporary fix for logo placement - js will address this later on **/
					.couponLandingLogo img	{
						padding : 0;
					}
				.couponLandingText	{
					position : relative;
					width : 165px;
					border : 0px solid #000;
					padding : 10px 0 0 10px;
					float : left;
				}
					.couponLandingText h2	{
						padding : 0px 0 0 0; margin : 0;
						font-size : 12px;
					}
					.couponLandingText p	{
						padding : 2px 0 2px 0;
						line-height : 13px;
						font-size: 10px;
					}
					.plusMoreOffers	{
						position : absolute;
						top : 82px; left : 10px;
						border : 0px solid #000;
						float : left;
                  font-weight : bold;
                  font-size : 11px;
					}
					.goButtonLanding	{
						position : absolute;
						top : 80px; left : 135px;
						border : 0px solid #000;
						padding : 0;
						float : left;
					}		
			
			.couponsLandingCol3	{
				border : 0px solid #000; 
				width : 302px; height : 108px;
				float : left;
				background : url(../images/ofs_landing_page/bg_coupon_landing.jpg) no-repeat;
			}	
/**** FOOTER ****/
#footerLanding {
	position : relative;
	left : 15px;
	background: #fff;
	width : 420px; height : 30px;
	border : 0px solid #000;
	font-size : 9px;
	word-spacing : -1px;
}
	#footerLanding span	{
		padding : 0 3px;
	}
/**** END OF FOOTER ****/