/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body {
	text-align: center;
	background-color: #000000;}
	
input, select, textarea {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

td {vertical-align: top;}
ul {
	padding: 0px;
	list-style-type: square;
	margin: 0px 0px 0px 20px;}
li {padding: 0px;}
li a {text-decoration: underline;}

a h1, a h2, a h3, a h4, a h5, a h6, a h7, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #DCB200;
	text-decoration: underline;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #DCB200;
	font-weight: normal;}
h1 {
	font-size: 20px;
	padding-bottom: 10px;
	font-weight: bold;}
h2 {font-size: 14px;}
h3, h4, h3 a {font-size: 13px; font-weight: bold;}
h4 {color: #FFFFFF;}
h5, h6, h7 {
	color: #FFFFFF;
	font-size: 10px;}

a {text-decoration: underline;}

p {padding: 0px 0px 10px 0px;}

.link {
	cursor: pointer;
	cursor: hand;}

#dynamicTitleContainer {
	margin: 20px 10px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #675300;}
.dynamicCategoryTitle {
	color: #DCB200;
	font-size: 24px;}
.dynamicPageTitle {display: none;}


/* ====================== Layout & Columns ========================*/	
#main {
	width: 760px;
	text-align: left;
	padding-top: 2px;
	position: relative;
	margin: 0px auto 0px auto;}

#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/
	margin: 0px 210px 0px 0px;}
#rightMaster {
	float: right;
	width: 190px;}
#content p { font-size: 12px; }
#pagePhotoContainer {
	position: relative;
	margin: 0px 0px 10px 0px;}


/* ====================== Header/Footer Positioning ====================== */
#headerContainer {
	height: 98px;
	margin: 10px 0 0 0;
	background: url(/Common/Img/bkgndBodyHeader.gif) repeat-x 0px 0px;}

#header {
	height: 70px;
	width: 760px;
	text-align: left;
	position: relative;
	margin: 0px auto 0px auto;
	background: url(/Common/Img/bannerHeaderYellow.gif) no-repeat 0px 0px;}
.tucson #header {background: url(/Common/Img/bannerHeaderYellowTucson.gif) no-repeat 0px 0px;}
.headerPrint {display: none;}

#logoContainer {
	top: 0px;
	left: 0px;
	position: absolute;
}
	
.logo {padding-left: 25px;}

#searchContainer {
	top: 10px;
	right: 0px;
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	padding-right: 18px;}
#searchContainer input {}

	
#footer {
	text-align: left;
	margin: 40px 0px 0px 10px;
	padding: 0px 0px 40px 0px;
	background: url(/Common/Img/bannerFooter.gif) no-repeat -10px 20px;}
.tucson #footer {background: url(/Common/Img/bannerFooterTucson.gif) no-repeat -10px 20px;}
.footerText {padding: 30px 0px 0px 0px;}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 5px 0px;}
#footer li {
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #8A8A8A;}
#footer .first {border-left: 1px solid #8A8A8A;}

#footer p {
	margin: 0px;
	color: #8A8A8A;
	padding: 0px 0px 4px 0px;}
#footer a {
	color: #8A8A8A;
	text-decoration: none;}


/* ====================== Menu ====================== */
#mainMenu {
	width: 760px;
	height: 27px;
	text-align: left;
	position: relative;
	margin: 0px auto 0px auto;}

#mainMenu ul {
	padding: 0px;
	list-style: none;
	margin: 10px 0px 0px 0px;}
#mainMenu li {
	margin: 0px;
	display: inline;
	position: relative;
	padding: 8px 0px 4px 0px;
	background: url(/Common/Img/menuTabs/bkgndMenuHome.gif) no-repeat 0px 0px;}
* html #mainMenu li {
	padding: 0px;
	margin: 8px 0px 0px 0px;}
#mainMenu li a {
	color: #000000;
	margin-left: 5px;
	text-decoration: none;
	padding: 8px 18px 4px 6px;
	background: url(/Common/Img/menuTabs/bkgndMenuHomeCorner.gif) no-repeat right top;}


#navMenu {}

#navMenu ul {margin: 5px 0px 0px 0px;}
#navMenu li {
	position: relative;
	list-style: none none;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #6A6A6A;
	background: url(/Common/Img/bulletYellowSquare.gif) no-repeat 4px 6px;}
#navMenu li a {
	border: none;
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 0px 2px 0px 18px;}
#navMenu li a:hover {color: #5C5D5D;}


/* ====================== Hide/Show Menu Links ====================== */
#navMenu ul ul, #hidden {display: none;}

.categoryAbout #menuAbout ul {display: list-item;}

.categoryAbout #menuAbout a {color: #4E8697;}

.categoryAbout #menuAbout li a {color: #5C5D5D;}


/* ====================== Callouts ======================== */
.callout {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;}
.callout p, .callout ul, .callout a { font-size: 12px; }


.quot {
	font-style: italic;
	background: url(/Common/Img/bkgndCalloutTestimonial.gif) no-repeat 10px 12px;}


.menuResources {
	top: 0px;
	left: 569px;
	width: 191px;
	height: 192px;
	position: absolute;
	background: url(/Common/Img/bkgndResourcesMenu.jpg) no-repeat 0px 0px;}

.menuResources li {
	color: #000000;
	list-style-image: url(/Common/Img/bulletYellowSquare.gif);}
.menuResources li a {color: #000000;}


.tableFeatureCallouts {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;}

.tableFeatureCallouts h1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;}

.tableFeatureCallouts td {
	color: #646464;
	padding-bottom: 5px;
	border: 1px solid #000000;}
.tableFeatureCallouts td td {
	padding: 0px;
	border: none;}

.fc1 h1, .fc2 h1, .fc3 h1, .fc4 h1 {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 4px 0px 4px 5px;
	background-color: #8C172C;}
.fc2 h1 {background-color: #602A79;}
.fc3 h1 {background-color: #17628C;}
.fc4 h1 {background-color: #ef9300;}

.fc1 h2, .fc1 h3, .fc1 h4, .fc1 li, .fc1 a {
	color: #8C172C;
	font-size: 11px;}
.fc2 h2, .fc2 h3, .fc2 h4, .fc2 li, .fc2 a {
	color: #602A79;
	font-size: 11px;}
.fc3 h2, .fc3 h3, .fc3 h4, .fc3 li, .fc3 a {
	color: #17628C;
	font-size: 11px;}
.fc4 h2, .fc4 h3, .fc4 h4, .fc4 li, .fc4 a {
	color: #ef9300;
	font-size: 11px;}

.fc1 p, .fc2 p, .fc3 p, .fc4 p {
	padding: 5px;
	color: #646464;}


/* ====================== Table Formatting ======================== */
.miniPromo {margin: 5px 0px 15px 0px;}

.miniPromoPhoto {
	width: 80px;
	vertical-align: top;
	padding-bottom: 5px;}
.miniPromoPhoto img {border: 1px solid #DCB200;}


/* ====================== search results ======================== */
#easySearchButton {background: url(/Common/Img/searchYellow.gif) no-repeat 0px 0px;}
.searchPrint {
	width: 16px;
	height: 16px;
	visibility: hidden;}

.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #876500;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}	
.SearchResultTitle a:hover {text-decoration: underline;}

.SearchResultsHighlight {
	color: #876500;
	font-style: italic;}
	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}

.selHint {background-color: #B5B5B5;}

#results div a span {background-color: #004960;}
	
.ezcount {
	float: right;
	color: #876500;
	font-size: 9px;}

#results {
	left: 10px;
	top: 20px;
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	border: solid 1px #000000;
	background-color: #FFFFFF;}
#results a {color: #876500;}

#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;}


/* ====================== Styling for Submit button on Login ======================== */
a.adminButton {display: block;}
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #636363;
	border-right: 8px solid #DCB200;}





/* ====================== General Subdomain Formatting ======================== */
body .sdCategory, .sdCategory table, .sdCategory p, .sdCategory a {color: #383838;}

.sdCategory #main {background: url(/Common/Img/bkgndMainSubDomain.gif) repeat-y 0px 0px;}

.sdCategory #leftMaster {margin: 0px 570px 0px 0px;}
.sdCategory #rightMaster {
	width: 565px;
	overflow-x: hidden;}

.sdCategory #rightMasterCol1 {margin: 0px 210px 0px 0px;}
.sdCategory #rightMasterCol2 {
	float: right;
	width: 195px;
	padding-right: 5px;}

.sdCategory #footer {background: url(/Common/Img/bannerFooterSubDomain.gif) no-repeat -20px 20px;}

.sdCategory #mainMenu li a {color: #FFFFFF;}

.sdCategory #navMenu li {background: url(/Common/Img/bulletYellowSquare.gif) no-repeat 4px 6px;}

.sdCategory h4 {color: #383838;}
.sdCategory h5, .sdCategory h6, .sdCategory h7 {color: #383838;}

#sdTitleContainer {
	color: #DCB200;
	font-size: 30px;
	padding: 0px 0px 2px 5px;
	background-color: #FFFFFF;}

#sdMenuContainer {
	color: #B2B1B1;
	padding: 0px 0px 5px 0px;
	background-color: #FFFFFF;}
#sdMenuContainer a {
	color: #B2B1B1;
	padding: 0px 5px 0px 13px;
	background: url(/Common/Img/bulletGraySquare.gif) no-repeat 0px 3px;}
#sdMenuContainer a.sdBullet {
	background: none;
	padding: 0px 5px 0px 5px;}

.sdCategory .quot {background: url(/Common/Img/bkgndCalloutTestimonialWhite.gif) no-repeat 10px 12px;}




/* ====================== Foundation Subdoamin Formatting ======================== */
.sdCategoryFoundation #headerContainer {background: url(/Common/Img/bkgndBodyHeaderFoundation.gif) repeat-x 0px 0px;}

.sdCategoryFoundation #header {background: url(/Common/Img/bannerHeaderFoundation.gif) no-repeat 0px 0px;}

.sdCategoryFoundation a#easySearchButton {background: url(/Common/Img/searchRed.gif) no-repeat 0px 0px;}

.sdCategoryFoundation #navMenu li {background: url(/Common/Img/bulletRedSquare.gif) no-repeat 4px 6px;}

.sdCategoryFoundation a h1, .sdCategoryFoundation a h2, .sdCategoryFoundation a h3, .sdCategoryFoundation a h4, 
.sdCategoryFoundation a h5, .sdCategoryFoundation a h6, .sdCategoryFoundation a h7, .sdCategoryFoundation h1 a, .sdCategoryFoundation h2 a, 
.sdCategoryFoundation h3 a, .sdCategoryFoundation h4 a, .sdCategoryFoundation h5 a, .sdCategoryFoundation h6 a, .sdCategoryFoundation h7 a {color: #8C172C;}

.sdCategoryFoundation h1, .sdCategoryFoundation h2, .sdCategoryFoundation h3, 
.sdCategoryFoundation h4, .sdCategoryFoundation h5, .sdCategoryFoundation h6, .sdCategoryFoundation h7 {color: #8C172C;}

.sdCategoryFoundation #dynamicTitleContainer {border-bottom: 1px solid #8C172C;}
.sdCategoryFoundation .dynamicCategoryTitle {color: #8C172C;}

.sdCategoryFoundation #sdTitleContainer {color: #8C172C;}

.sdCategoryFoundation #mainMenu li {background: url(/Common/Img/menuTabs/bkgndMenuFoundation.gif) no-repeat 0px 0px;}
.sdCategoryFoundation #mainMenu li a {background: url(/Common/Img/menuTabs/bkgndMenuFoundationCorner.gif) no-repeat right top;}

.sdCategoryFoundation .miniPromoPhoto img {border: 1px solid #8C172C;}




/* ====================== Concrete Subdoamin Formatting ======================== */
.sdCategoryConcrete #headerContainer {background: url(/Common/Img/bkgndBodyHeaderConcrete.gif) repeat-x 0px 0px;}

.sdCategoryConcrete #header {background: url(/Common/Img/bannerHeaderConcrete.gif) no-repeat 0px 0px;}

.sdCategoryConcrete a#easySearchButton {background: url(/Common/Img/searchPurple.gif) no-repeat 0px 0px;}

.sdCategoryConcrete #navMenu li {background: url(/Common/Img/bulletPurpleSquare.gif) no-repeat 4px 6px;}

.sdCategoryConcrete a h1, .sdCategoryConcrete a h2, .sdCategoryConcrete a h3, .sdCategoryConcrete a h4, 
.sdCategoryConcrete a h5, .sdCategoryConcrete a h6, .sdCategoryConcrete a h7, .sdCategoryConcrete h1 a, .sdCategoryConcrete h2 a, 
.sdCategoryConcrete h3 a, .sdCategoryConcrete h4 a, .sdCategoryConcrete h5 a, .sdCategoryConcrete h6 a, .sdCategoryConcrete h7 a {color: #602A79;}

.sdCategoryConcrete h1, .sdCategoryConcrete h2, .sdCategoryConcrete h3, 
.sdCategoryConcrete h4, .sdCategoryConcrete h5, .sdCategoryConcrete h6, .sdCategoryConcrete h7 {color: #602A79;}

.sdCategoryConcrete #dynamicTitleContainer {border-bottom: 1px solid #602A79;}
.sdCategoryConcrete .dynamicCategoryTitle {color: #602A79;}

.sdCategoryConcrete #sdTitleContainer {color: #602A79;}

.sdCategoryConcrete #mainMenu li {background: url(/Common/Img/menuTabs/bkgndMenuConcrete.gif) no-repeat 0px 0px;}
.sdCategoryConcrete #mainMenu li a {background: url(/Common/Img/menuTabs/bkgndMenuConcreteCorner.gif) no-repeat right top;}

.sdCategoryConcrete .miniPromoPhoto img {border: 1px solid #602A79;}




/* ====================== Water Subdoamin Formatting ======================== */
/*
.sdCategoryWater #headerContainer {background: url(/Common/Img/bkgndBodyHeaderWater.gif) repeat-x 0px 0px;}

.sdCategoryWater #header {background: url(/Common/Img/bannerHeaderWater.gif) no-repeat 0px 0px;}

.sdCategoryWater a#easySearchButton {background: url(/Common/Img/searchBlue.gif) no-repeat 0px 0px;}

.sdCategoryWater #navMenu li {background: url(/Common/Img/bulletBlueSquare.gif) no-repeat 4px 6px;}

.sdCategoryWater a h1, .sdCategoryWater a h2, .sdCategoryWater a h3, .sdCategoryWater a h4, 
.sdCategoryWater a h5, .sdCategoryWater a h6, .sdCategoryWater a h7, .sdCategoryWater h1 a, .sdCategoryWater h2 a, 
.sdCategoryWater h3 a, .sdCategoryWater h4 a, .sdCategoryWater h5 a, .sdCategoryWater h6 a, .sdCategoryWater h7 a {color: #17628C;}

.sdCategoryWater h1, .sdCategoryWater h2, .sdCategoryWater h3, 
.sdCategoryWater h4, .sdCategoryWater h5, .sdCategoryWater h6, .sdCategoryWater h7 {color: #17628C;}

.sdCategoryWater #dynamicTitleContainer {border-bottom: 1px solid #17628C;}
.sdCategoryWater .dynamicCategoryTitle {color: #17628C;}

.sdCategoryWater #sdTitleContainer {color: #17628C;}

.sdCategoryWater #mainMenu li {background: url(/Common/Img/menuTabs/bkgndMenuWater.gif) no-repeat 0px 0px;}
.sdCategoryWater #mainMenu li a {background: url(/Common/Img/menuTabs/bkgndMenuWaterCorner.gif) no-repeat right top;}

.sdCategoryWater .miniPromoPhoto img {border: 1px solid #17628C;}
*/




/* ====================== Structural Subdoamin Formatting ======================== */
.sdCategoryStructural #headerContainer {background: url(/Common/Img/bkgndBodyHeaderWater.gif) repeat-x 0px 0px;}

.sdCategoryStructural #header {background: url(/Common/Img/bannerHeaderWater.gif) no-repeat 0px 0px;}

.sdCategoryStructural a#easySearchButton {background: url(/Common/Img/searchBlue.gif) no-repeat 0px 0px;}

.sdCategoryStructural #navMenu li {background: url(/Common/Img/bulletBlueSquare.gif) no-repeat 4px 6px;}

.sdCategoryStructural a h1, .sdCategoryStructural a h2, .sdCategoryStructural a h3, .sdCategoryStructural a h4, 
.sdCategoryStructural a h5, .sdCategoryStructural a h6, .sdCategoryStructural a h7, .sdCategoryStructural h1 a, .sdCategoryStructural h2 a, 
.sdCategoryStructural h3 a, .sdCategoryStructural h4 a, .sdCategoryStructural h5 a, .sdCategoryStructural h6 a, .sdCategoryStructural h7 a {color: #17628C;}

.sdCategoryStructural h1, .sdCategoryStructural h2, .sdCategoryStructural h3, 
.sdCategoryStructural h4, .sdCategoryStructural h5, .sdCategoryStructural h6, .sdCategoryStructural h7 {color: #17628C;}

.sdCategoryStructural #dynamicTitleContainer {border-bottom: 1px solid #17628C;}
.sdCategoryStructural .dynamicCategoryTitle {color: #17628C;}

.sdCategoryStructural #sdTitleContainer {color: #17628C;}

.sdCategoryStructural #mainMenu li {background: url(/Common/Img/menuTabs/bkgndMenuWater.gif) no-repeat 0px 0px;}
.sdCategoryStructural #mainMenu li a {background: url(/Common/Img/menuTabs/bkgndMenuWaterCorner.gif) no-repeat right top;}

.sdCategoryStructural .miniPromoPhoto img {border: 1px solid #17628C;}




/* ====================== Soil Subdoamin Formatting ======================== */
.sdCategoryWater #headerContainer {background: url(/Common/Img/bkgndBodyHeaderSoil.gif) repeat-x 0px 0px;}

.sdCategoryWater #header {background: url(/Common/Img/bannerHeaderSoil.gif) no-repeat 0px 0px;}

.sdCategoryWater a#easySearchButton {background: url(/Common/Img/searchOrange.gif) no-repeat 0px 0px;}

.sdCategoryWater #navMenu li {background: url(/Common/Img/bulletOrangeSquare.gif) no-repeat 4px 6px;}

.sdCategoryWater a h1, .sdCategoryWater a h2, .sdCategoryWater a h3, .sdCategoryWater a h4, 
.sdCategoryWater a h5, .sdCategoryWater a h6, .sdCategoryWater a h7, .sdCategoryWater h1 a, .sdCategoryWater h2 a, 
.sdCategoryWater h3 a, .sdCategoryWater h4 a, .sdCategoryWater h5 a, .sdCategoryWater h6 a, .sdCategoryWater h7 a {color: #ef9300;}

.sdCategoryWater h1, .sdCategoryWater h2, .sdCategoryWater h3, 
.sdCategoryWater h4, .sdCategoryWater h5, .sdCategoryWater h6, .sdCategoryWater h7 {color: #ef9300;}

.sdCategoryWater #dynamicTitleContainer {border-bottom: 1px solid #ef9300;}
.sdCategoryWater .dynamicCategoryTitle {color: #ef9300;}

.sdCategoryWater #sdTitleContainer {color: #ef9300;}

.sdCategoryWater #mainMenu li {background: url(/Common/Img/menuTabs/bkgndMenuSoil.gif) no-repeat 0px 0px;}
.sdCategoryWater #mainMenu li a {background: url(/Common/Img/menuTabs/bkgndMenuSoilCorner.gif) no-repeat right top;}

.sdCategoryWater .miniPromoPhoto img {border: 1px solid #ef9300;}

/* ================== Photo Gallery ============== */
#PhotoGalleryCategoryView1_CategoryList a, #PhotoGalleryAlbumView1_AlbumList a {
	display: block;
	font-weight: bold;
}
#PhotoGalleryPhotoView1_PhotoList a {
	display: block;
	font-size: 10px;
}
#PhotoGalleryCategoryView1_CategoryList img, #PhotoGalleryAlbumView1_AlbumList img, #PhotoGalleryPhotoView1_PhotoList img {
	margin: 10px 10px 0px 0px;
	width: 150px;
	border-top: 2px solid #999999;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #999999;
	padding: 5px;
	background: #ffffff;
}
#PhotoGalleryPhotoDetail1_ImageContainer img { border: 2px solid #666666; }
#PhotoGalleryPhotoDetail1_AlbumPreview {
	margin-left: 50px;
	background: #333333;
	padding: 5px;
}
#motioncontainer {
	border: solid 1px #ffffff;
	background: #333333;
	padding: 5px;
}
#PhotoGalleryPhotoDetail1_AlbumPreview img {
	padding: 5px;
	margin: 0px;
}
#OtherCategories {
	padding: 5px;
	background: #333333;
	width: 166px;
}
.otherCat {
	border: solid 1px #ffffff;
	background: #333333;
	padding: 5px;
}
#OtherCategories table td {
	width: 70px;
	padding: 0px 4px 5px 0px;
}
#OtherCategories img {
	width: 67px;
	padding: 0px;
	margin: 0px;
}

