﻿@media screen {
	body {
		margin: 0px;
		font-family: Arial;
		background: #fff url(/assets/images/layout/banner-page-bg.jpg) 0px 91px repeat-x;
	}

	body.banner-bg {
		background: #fff url(/assets/images/layout/photo-strip-bg.jpg) 0px 91px repeat-x;
	}

	#wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0 0 20px 0;
		width: 960px;
		min-height: 620px;
		overflow: visible;
	}
	
	#masthead {
		margin: 0 auto;
		position: relative;
		width: 960px;
		height: 91px;
		z-index: 1000;
	}
	
	h1#logo {
		padding: 30px 0 0 68px;
		float: left;
		width: 173px;
		height: 36px;
		text-indent: -999em;
		background: url(./images/logo-sg.gif) no-repeat bottom right;
	}
	
	h1#logo a {
		display: block;
		width: 173px;
		height: 36px;
	}
	
	#sitesearch {
		padding: 27px 0 0 70px;
		float: left;
		width: 170px;
	}

	#txtSiteSearch {
		margin: 0; padding: 3px 5px;
		float: left;
		width: 140px;
		height: 9px;
		font: 9px/normal arial, sans-serif;
		color: #666;
		background: #e5e5e5;
		border: none;
	}
	
	#btnSiteSearch {
		margin: 0 0 0 1px; padding: 0;
		float: left;
		width: 15px;
		height: 15px;
		font-size: 0px;
		line-height: 0px;
		text-indent: -999em;
		background: url(./images/btn-search-submit.gif) no-repeat;
		border: none;
	}
	
	#anc-find-distributor {
		margin: 9px 0 0 0;
		display: block;
		float: left;
		width: 100px;
		height: 15px;
		text-indent: -999em;
		background: url(./images/btn-find-distributor.gif) no-repeat;
	}
	
	#flashbanner {
		width: 960px;
		height: 400px;
	}

	#flashbanner-content {
		padding: 25px;
	}
	
	#flashbanner.full {
		position: absolute;
		top: 91px;
		width: 100%;
		height: 600px;
		z-index: 10;
	}

	#flashbanner.full #flashbanner-content {
		padding: 25px;
		position:relative;
	}

	/* Global Columns */
	.column {
		margin: 20px 0 30px 0;
		float: left;
	}
	
	.column-1 .first,
	.column-3 .first,
	.column-2 .first,
	.column-2-wide .first,
	.column-3 .second {
		border-right: 1px solid #ececec;
	}

	/* 1 Column */
	.column-1 .first {
		width: 959px;
	}
	
	/* 2 Column */
	.column-2 .first {
		width: 479px;
	}

	.column-2 .second {
		width: 480px;
	}
	
	/* 2 Column Wide */
	.column-2-wide .first {
		width: 439px;
	}
	
	.column-2-wide .second {
		width: 520px;
	}

	/* 3 Column */
	.column-3 .first {
		width: 319px;
	}

	.column-3 .second {
		width: 319px;
	}

	.column-3 .third {
		width: 320px;
	}

	/* Inside Page Banners */

	/* Footer */
	#footer {
		clear: both;
		position: relative;
		margin: 20px 0px 0px 0px;
		background: #E4E4E4;
	}
}

/* Generics */
.display-block {
	display: block;
}

.display-inline {
	display: inline;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatnone {
	float: none;
}

.addmargin {
	margin: 15px 20px 0 20px;
}

.addtopmargin {
	margin-top: 15px !important;
}

.addrightmargin {
	margin-right: 20px !important;
}

.addleftmargin {
	margin-left: 20px !important;
}

.addpadding {
	padding: 15px 20px 0 20px;
}

.addtoppadding {
	padding-top: 15px !important;
}

.addrightpadding {
	padding-right: 20px !important;
}

.addbottompadding {
	padding-bottom: 15px !important;
}

.addleftpadding {
	padding-left: 20px !important;
}

.img-left {
	padding: 0 20px 15px 0;
	float: left;
}

.img-right {
	padding: 0 0 20px 15px;
	float: right;
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.show {
	display: block;
}

.hide {
	display: none;
}

