﻿
body { margin:0px; background: #214f02 url('../images/background.jpg') repeat-x; }
img { border:0px; }
/* Header
-------------------------------------------------------*/
.TopNavBar { margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; width:1000px; height:41px; }
.SocialNetIcons { margin-top:18px; margin-left:295px; float:left; width:344px; }
.SearchTopBG { margin-top:8px; margin-left:11px; float:left; background: url('../images/Search-top.png') no-repeat; width:320px; height:33px; }
.SearchTextBox { margin-top:10px; /*margin-left:100px;*/ width:260px; height:19px; float:left; text-align:right; }
.SearchGO { margin-top:10px; width:37px; height:16px; float:left; cursor:pointer; }

.Header { margin-left:auto; margin-right:auto; background: url('../images/Header.png') no-repeat; width:1000px; height:134px; }

.CostaLogoButtonContainer { width:200px; height:100px; margin-top:25px; margin-left:75px; float:left; }

.TwitterContainer { width:240px; height:80px; margin-top:50px; margin-left:255px; float:left; }
.TwitterText { width:100%; height:auto; font-family:Arial; font-size:11px; color:#343434; cursor:default; }
.TwitterText a { color:#35a5df; text-decoration:none; }
.TwitterTime { width:100%; height:auto; font-family:Arial; font-size:11px; color:#3c7709;  margin-top:5px; cursor:default; }	
.TwitterTime a { color:#35a5df; text-decoration:none; }
.WeatherHeader { width:185px; height:22px; margin-top:15px; margin-left:40px; float:left; /*background-color:#666;*/ }
.WeatherContainer { width:185px; height:90px; margin-top:0px; margin-left:40px; float:left; /*background-color:#666;*/ }
.WeatherIcon { width:70px; height:60px; float:left; /*background-color:#999;*/ }
.WeatherType { width:110px; height:auto; min-height:25px; float:left; margin-left:5px; cursor:default; /*background-color:#999;*/
		font-family:Arial; font-size:13px; color:#1b1b1b; font-weight:bold; }
.WeatherTemp { width:70px; height:30px; float:left; margin-left:5px; /*background-color:#666;*/
		font-family:Arial; font-size:25px; color:#df8901; font-weight:bold; cursor:default; }

.WeatherZipContainer { width:150px; height:30px; float:left; margin-left:8px; /*background-color:#666;*/ }
.WeatherZipTextbox { margin-top:10px; width:95px; height:19px; float:left; text-align:right; }
.WeatherZipGo { margin-top:7px; width:30px; height:19px; float:left; margin-left:3px; }
.WeatherZipValidator { text-align:left; }


/* Body
-------------------------------------------------------*/
#BodyContainer { margin-left:auto; margin-right:auto; margin-top:0px; width:900px; height:100%; }
#LeftContainer { width:633px; height:auto; float:left; cursor:default; }
#RightContainer { margin-left:3px; width:262px; height:auto; float:left; cursor:default; }


/* Right Side Container Content
-------------------------------------------------------*/
#Microsites { width:252px; height:315px; border-style:solid; border-width:5px; border-color:#FFF; background-color:#FFFFFF; }
#JoinClub {width:252px; height:102px; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background: url('../images/Join.jpg') no-repeat; }
.JoinClubTextbox { margin-top:78px; /*margin-left:18px;*/ width:155px; float:left; text-align:right; }
.JoinNow { margin-top:78px; margin-left:0px; float:left; cursor:pointer; }

#WeatherInsetContainer { width:252px; height:226px; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background-image:url('../images/WeatherInset.jpg'); background-repeat:no-repeat; }
.WeatherInset1 { width:252px; height:50px; margin-top:60px; }
.WeatherInset2 { width:252px; height:50px; margin-top:8px; }
.WeatherInset3 { width:252px; height:50px; margin-top:10px; }
.WeatherInsetCity { width:130px; height:40px; float:left; margin-left:8px; }
.WeatherInsetIcon { width:60px; height:40px; float:left; }
.WeatherInsetTemp { width:50px; height:40px; float:left; margin-top:8px; 
	font-family:Arial; font-size:28px; font-weight:bold; }
.WeatherInsetEnterZipCode { width:110px; height:40px; margin-top:10px; float:left; 
	font-family:Arial; font-size:12px; color:#444444; }
	
.SocialLink { width:252px; height:53px; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; }
#TipOfTheMonth { width:252px; height:auto; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background: #539705 url('../images/TipOfTheMonth-snippet.jpg') no-repeat; }
.TipOfTheMonthImage { width:225px; height:97px; margin-top:75px; margin-left:auto; margin-right:auto; border-style:solid; border-width:5px; border-color:#FFF; }
.TipOfTheMonthText { width:225px; height:auto; margin-top:5px; margin-left:auto; margin-right:auto; font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; }
.TipOfTheMonthMore { width:252px; height:26px; margin-top:5px; cursor:pointer; }
#CostaFarmsOnTV { width:252px; height:auto; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background: #d7cfb7 url('../images/CostaFarmsOnTV.jpg') no-repeat; }
.CostaFarmsOnTVImage { width:225px; height:97px; margin-top:60px; margin-left:auto; margin-right:auto; border-style:solid; border-width:5px; border-color:#FFF; }
.CostaFarmsOnTVHeader { width:225px; height:auto; margin-top:5px; margin-left:auto; margin-right:auto; font-family:Arial; font-size:11px; font-weight:bold; color:#934f18; }
.CostaFarmsOnTVText { width:225px; height:auto; margin-top:5px; margin-left:auto; margin-right:auto; font-family:Arial; font-size:11px; color:#383838; }
.CostaFarmsOnTVMore { width:132px; height:29px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; }
.ProductBanner { width:252px; height:auto; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; }
#WantToShareATip { width:252px; height:auto; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background: url('../images/WantToShareATip.jpg') no-repeat; }
.WantToShareATipText { width:217px; height:auto; margin-top:50px; margin-left:auto; margin-right:auto; 
	font-family:Arial; font-size:12px; color:#FFFFFF; }
.WantToShareATipButton { width:217px; height:29px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; text-align:center; cursor:pointer; }

/* Plant Library Selected Image/Info */
#PlantFeatured { width:252px; height:auto; min-height:428px; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background-color:#dbd3be; }
.PlantFeaturedHeader { width:252px; height:auto; margin-top:25px; text-align:center; font-family:Arial; font-size:18px; font-weight:bold; color:#854104; }
.PlantFeaturedText { width:200px; height:auto; margin-top:15px; margin-left:auto; margin-right:auto; font-family:Arial; font-size:11px; color:#383838; }
.PlantFeaturedGreenStrip { width:252px; height:6px; background-color:#65bb00; }

/* Polls */
.RightWidget{ width:252px; height:auto; margin-top:5px; border-style:solid; border-width:5px; border-color:#FFF; background-color:#dbd3be;
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/
}
.RightWidgetHeader {text-indent: -10px; padding-left: 10px; /*hanging indent*/
	 margin-top:10px; margin-left:10px; margin-right:10px; font-family:Arial; font-size:18px; font-weight:bold; color:#854104; }
.RightWidgetText { margin-left: 10px; font-family:Arial; font-size:11px; color:#383838; }
.RightWidgetText td label { margin-left:25px; display:block; text-indent: -7px; padding-left: 0px; }
.RightWidgetText td input { float: left; margin-right:7px; }

/* Home Page
-------------------------------------------------------*/
#PlayContainer { width:620px; height:315px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
#GardenTip { width:620px;  margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background: url('../images/TipOfTheMonth/Pick-Me-Pink-Tip-Of-The-Month.png') no-repeat; background-position:bottom right; text-decoration:none; }
.GardenTipText { width:278px; margin-left:7px; margin-top:5px; font-family:Arial; font-size:11px; line-height:16px; color:#383838; }	
.GardenTipLink { width:278px; margin-left:7px; margin-top:5px; font-family:Arial; font-size:11px; line-height:16px; color:#383838; }	
#CostaFarmNews { width:302px; height:299px; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background-color:#e1dbc9; }
.CostaFarmsNewsText { width:290px; height:209px; margin-left:10px; }
.CostaFarmsNewsHeader { width:283px; height:auto; margin-top:5px; font-family:Arial; font-size:15px; font-weight:bold; color:#000000; }
.CostaFarmsNewsDate { width:283px; height:15px; font-family:Arial; font-size:10px; font-weight:bold; color:#939393; }
.CostaFarmsNewsBody { width:283px; height:50px; font-family:Arial; font-size:11px; color:#383838; }
.CostaFarmsNewsBorder { width:283px; height:10px; border-bottom:dotted 1px #444444; }

#GardeningNews { width:302px; height:299px; margin-top:5px; margin-left:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background-color:#e1dbc9; }
.GardeningNewsText { width:300px; height:214px; }
#FeaturedGarden { width:620px; height:114px; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
#VideoContainer { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background-color:#e1dbc9; }
.VideoEmbed { width:620px; height:317px; margin-top:15px; text-align:center; }
.VideoFooter { width:550px; height:25px; margin-left:37px; 
	font-family:Arial; font-size:16px; font-weight:bold; color:#000000; }



/* About Us Page
-------------------------------------------------------*/

.AboutUsTabContainer { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background-color:#e1dbc9; }
.AboutUsTabText { width:555px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px;
	font-family:Arial; font-size:14px; color:#444444; }
	
	/* Sustainability Page
-------------------------------------------------------*/
.SustainabilityTabContainer { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; margin-top:5px;
	background-color:#e1dbc9; }
.SustainabilityTabText { width:555px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px;
	font-family:Arial; font-size:14px; color:#444444; }


/* Garden Tips
-------------------------------------------------------*/
#GardenTipHeaderImage { width:620px; height:173px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
#GardenTipOfMonth { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.GardenTipOfMonth1 { width:557px; height:auto; margin-top:20px; margin-left:30px; float:left; background-color:#f9f7ee; }
.GardenTipOfMonth1Image { width:90px; height:90px; float:left; margin-top:15px; margin-left:15px; float:left; }
.GardenTipOfMonth1Text { width:420px; height:auto; float:left; margin-top:15px; margin-left:15px; float:left; 
	font-family:Arial; font-size:15px; font-weight:bold; color:#444444; }
.GardenTipOfMonth1Credit { width:438px; height:auto; min-height:15px; float:left; margin-top:15px; float:right; margin-bottom:20px;
	font-family:Arial; font-size:14px; color:#444444; }	
#GardenTipOfMonthAddCommentName	{ width:557px; height:90px; margin-top:15px; margin-left:30px; 
		font-family:Arial; font-size:14px; color:#444444; }	
#GardenTipOfMonthAddComment	{ width:557px; height:145px; margin-top:15px; margin-left:30px; 
		font-family:Arial; font-size:14px; color:#444444; }	
.GardenTipOfMonthEnter { width:557px; height:29px; margin-left:30px; text-align:right; cursor:pointer; }
.GardenTipCommentHeader { width:557px; height:30px; margin-top:15px; margin-left:30px; 
	font-family:Arial; font-size:20px; font-weight:bold; color:#007ec4; }
.GardenTipCommentText { width:557px; height:auto; margin-top:15px; margin-left:30px; 
	font-family:Arial; font-size:14px; color:#444444; }	

.GardenTipArchive { width:555px; height:auto; margin-left:30px; margin-top:20px; }
.GardenTipArchiveImage { width:50px; height:50px; float:left; }
.GardenTipArchiveCredit { width:485px; height:20px; margin-left:10px; float:left; font-family:Arial; font-size:12px; color:#444444; }
.GardenTipArchiveText { width:485px; height:auto; margin-left:10px; float:left; font-family:Arial; font-size:15px; color:#444444; font-weight:bold; }
.GardenTipArchiveFooter { width:555px; height:50px; margin-left:30px; margin-top:5px; margin-bottom:10px; background-color:#f9f7ee; text-align:right; }
.GardenTipArchiveFooter2 { width:555px; height:50px; margin-left:30px; margin-top:5px; margin-bottom:10px; background-color:#f9f7ee; text-align:center; }

.GardenTipArchiveComment { width:555px; height:20px; margin-left:30px; margin-top:10px; margin-bottom:5px; /*background-color:#f9f7ee; */
	font-family:Arial; font-size:14px; font-weight:bold; color:#007ec4; }
.GardenTipArchiveCommentText { width:555px; height:auto; margin-left:30px; margin-top:3px; margin-bottom:5px; /*background-color:#f9f7ee;*/ 
	font-family:Arial; font-size:12px; color:#444444; }


		
/* Questions
-------------------------------------------------------*/
#QuestionsHeaderGardenTipOfMonthImage { width:620px; height:174px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
.QuestionsArchive { width:555px; height:auto; margin-left:30px; margin-top:20px; }
.QuestionsArchiveImage { width:50px; height:50px; float:left; }
.QuestionsArchiveQuestion { width:485px; height:auto; margin-left:10px; float:left; font-family:Arial; font-size:15px; color:#444444; font-weight:bold; }
.QuestionsArchiveAnswer { width:485px; height:auto; margin-left:10px; float:left; font-family:Arial; font-size:12px; color:#444444; }
.QuestionsArchiveFooter { width:555px; height:50px; margin-left:30px; margin-top:5px; margin-bottom:10px; background-color:#f9f7ee; text-align:right; }

.QuestionsMain { width:557px; height:auto; margin-top:20px; margin-left:30px; float:left; background-color:#f9f7ee; }
.QuestionsMainImage { width:90px; height:90px; float:left; margin-top:15px; margin-left:15px; float:left; }
.QuestionsMainQuestion { width:420px; height:auto; float:left; margin-top:15px; margin-left:15px; float:left; 
	font-family:Arial; font-size:15px; font-weight:bold; color:#444444; }
.QuestionsMainAnswer { width:420px; height:auto; float:left; margin-top:15px; margin-left:15px; float:left; 
	font-family:Arial; font-size:15px; color:#444444; }


/* Featured Programs
-------------------------------------------------------*/
#FeaturedPrograms { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.FeaturedContainer { width:620px; height:auto; float:left; }
.FeaturedImage { width:120px; height:120px; float:left; margin-left:10px; margin-top:15px; margin-bottom:15px; }
.FeaturedProgramContainer { width:425px; height:auto; float:left; margin-top:15px; margin-left:10px; }
.FeaturedTextHeader { width:425px; height:20px; float:left; font-family:Arial; font-size:20px; font-weight:bold;  color:#007ec4; }
.FeaturedSubTextHeader { width:425px; height:20px; float:left; font-family:Arial; font-size:15px; font-weight:bold;  color:#007ec4; }
.FeaturedText { width:425px; height:auto; float:left; margin-bottom:5px; margin-top:5px; font-family:Arial; font-size:14px; color:#383838; }
.FeaturedMore { width:132px; height:29px; margin-bottom:15px; cursor:pointer; }

.FeaturedSubTextHeaderPanel { width:325px; height:20px; float:left; font-family:Arial; font-size:15px; font-weight:bold;  color:#007ec4; }
.FeaturedTextPanel { width:325px; height:auto; float:left; margin-bottom:5px; margin-top:5px; font-family:Arial; font-size:14px; color:#383838; }

/* Featured Programs View Page */
#FeaturedProgramsView { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
#FeaturedProgramsViewImage { width:620px; height:172px; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
.FeaturedViewImage { width:auto; height:auto; float:left; margin-right:15px; margin-bottom:10px; }
.FeaturedViewText { width:575px; height:auto; margin-left:10px; margin-top:15px; 
	font-family:Arial; font-size:14px; color:#444444; }
.FeaturedViewDate { width:575px; height:25px; float:left; margin-left:25px; margin-top:15px; margin-bottom:10px;
	font-family:Arial; font-size:16px; font-weight:bold; color:#60c4c2; border-bottom: dotted 1px #999999; }
.FeaturedViewBack { width:575px; height:50px; float:left; margin-left:25px; margin-top:15px; margin-bottom:15px; 
	background-color:#f9f7ee; border-top: dotted 1px #999999; }	

/* Newsletter
-------------------------------------------------------*/
#NewsletterContainer { width:890px; height:auto; min-height:300px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.NewsletterImage { width:390px; height:411px; float:left; margin-top:60px; background-image: url('../images/Newsletter.jpg'); background-repeat:no-repeat; }
.NewsletterText { width:450px; height:auto; float:left; margin-top:50px; font-family:Arial; font-size:14px; color:#444444; }
.NewsletterButton { width:200px; height:35px; margin-top:20px; cursor:pointer; }

/* Costa's Club
-------------------------------------------------------*/
#ClubWelcome { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.ClubWelcomeText { width:585px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; 
	font-family:Arial; font-size:14px; color:#444444; }
	
#ClubGardenOfTheMonth { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.ClubGardenOfTheMonthBanner { width:620px; height:auto; border-bottom-style:solid; border-bottom-width:5px; border-bottom-color:#FFF; }
.ClubGardenOfTheMonthImage { width:120px; height:120px; float:left; margin-left:30px; margin-top:15px; margin-bottom:15px; }
.ClubGardenOfTheMonthText { width:600px; height:auto; float:left; margin-left:10px; margin-top:15px; margin-bottom:15px; 
	font-family:Arial; font-size:14; color:#444444; }

#ClubArchive { width:620px; height:auto; margin-top:5px; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }	
.ClubArchiveContainer { width:555px; height:auto; margin-left:30px; margin-top:15px; }
.ClubArchiveDate { width:555px; height:15px; float:left; font-family:Arial; font-size:12px; color:#444444; float:left; }
.ClubArchiveHeader { width:555px; height:20px; float:left; font-family:Arial; font-size:15px; font-weight:bold; color:#81b63d; float:left; }
.ClubArchiveText { width:555px; height:auto; float:left; font-family:Arial; font-size:12px; color:#444444; float:left; }
.ClubArchiveFooter { width:555px; height:50px; margin-left:30px; margin-top:5px; margin-bottom:10px; background-color:#f9f7ee; text-align:right; }

/* Costa's Club Register 
-------------------------------------------------------*/
.ClubRegister { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.ClubRegisterText { width:555px; height:auto; margin-top:15px; margin-left:auto; margin-right:auto; 
	font-family:Arial; font-size:16px; font-weight:bold; color:#444444; }
#ClubRegisterForm { width:555px; height:374px; margin-top:15px; margin-left:auto; margin-right:auto; text-align:right; }	
.ClubRegisterFormText { width:555px; height:35px; font-family:Arial; font-size:14px; font-weight:bold; color:#444444; }
.ClubRegisterFormCheckBxSubmit { width:555px; height:25px; margin-top:15px; font-family:Arial; font-size:12px; color:#444444; }


/* Plant Library
-------------------------------------------------------*/
#SearchResults { width:620px; height:auto; min-height:300px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background: #f3eedd url('../images/SearchResults-box.jpg') no-repeat; }
.PLSearchTextBox { margin-top:65px; /*margin-left:205px;*/ width:530px; height:40px; float:left; text-align:right; }
.PLSearchGO { margin-top:55px; width:50px; height:16px; float:left; cursor:pointer; }
.PLSearchLetterContainer { width:620px; height:52px; margin-top:20px; background: url('../images/SearchResults-bg.jpg') repeat-x top; float:left; }
.PLSearchImageContainer { width:620px; height:52px; background: url('../images/SearchResults.jpg') no-repeat top left; }
.PlantSearchContainer { width:410px; height:20px; margin-top:28px; margin-left:180px; float:left; 
	font-family:Arial; font-size:12px; color:#444444; font-weight:bold; letter-spacing:6px; }

.PlantLibraryContainer { width:620px; height:auto; float:left; }
.PlantImage { width:115px; height:auto; float:left; margin-left:30px; margin-top:30px; margin-bottom:15px; border: solid 3px #c2b2a1; }
.PlantContainer { width:425px; height:auto; float:left; margin-top:30px; margin-left:10px; }
.PlantTextHeader { width:425px; height:auto; float:left; font-family:Arial; font-size:16px; font-weight:bold;  color:#007ec4; }
.PlantText { width:425px; height:60px; float:left; margin-bottom:5px; margin-top:5px; font-family:Arial; font-size:14px; color:#444444; }
.PlantMore { width:132px; height:29px; margin-bottom:15px; }

/* Plant Library View
-------------------------------------------------------*/
#SearchResults2 { width:890px; height:auto; min-height:300px; float:left; border-style:solid; border-width:5px; border-color:#FFF; 
	background: #f3eedd url('../images/SearchResults-box.jpg') no-repeat; }
.PLSearchLetterContainer2 { width:890px; height:52px; margin-top:20px; background: url('../images/SearchResults-bg.jpg') repeat-x top; float:left; }
.PLSearchImageContainer2 { width:890px; height:52px; background: url('../images/SearchResults.jpg') no-repeat top left; }
.PlantSearchContainer2 { width:660px; height:20px; margin-top:28px; margin-left:180px; float:left; 
	font-family:Arial; font-size:12px; color:#444444; font-weight:bold; letter-spacing:17px; }

.PLResultHeader { width:550px; height:auto; margin-left:20px; margin-top:20px; float:left; 
	font-family:Arial; font-size:22px; color:#0091e2; font-weight:bold; }
.PLResultLikeAndFavButtons { width:300px; height:auto; margin-left:20px; margin-top:20px; float:right; }
.PLResultContainer { width:840px; height:auto; margin-left:20px; margin-top:25px; float:left; }
.PLResultImage { max-width:450px; min-width:300px; height:auto; float:left; border: solid 3px #c2b2a1; }
.PLResultImageSize { max-width:450px; min-width:300px; height:auto; float:left; }
.PLResultText { width:350px; height:auto; float:left; margin-left:30px; font-family:Arial; font-size:14px; color:#5b5b5b; }
.PLResultIconContainer { width:350px; height:auto; margin-top:15px; }
.PLResultFooter { width:520px; height:50px; margin-left:30px; margin-top:15px; margin-bottom:10px; float:right; background-color:#f9f7ee; border-top: dotted 1px #999999; }


/* Contact Us 
-------------------------------------------------------*/
#ContactUs { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.ContactUsText { width:565px; height:auto; margin-top:15px; margin-left:auto; margin-right:auto; 
	font-family:Arial; font-size:16px; font-weight:bold; color:#444444; }
#ContactUsForm { width:555px; height:auto; margin-top:15px; margin-left:auto; margin-right:auto; text-align:right; }	
.ContactUsFormText { width:555px; height:35px; font-family:Arial; font-size:14px; font-weight:bold; color:#444444; }
.ContactUsFormTextMessage { width:555px; height:auto; font-family:Arial; font-size:14px; font-weight:bold; color:#444444; }
.ContactUsFormCheckBxSubmit { width:555px; height:25px; margin-top:15px; font-family:Arial; font-size:12px; color:#444444; }


/* Locations
-------------------------------------------------------*/
#Locations { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.LocationsContainer1 { width:580px; height:190px; margin-left:20px; margin-top:5px; background-color:#f9f7ee; }
.LocationsContainer2 { width:580px; height:190px; margin-left:20px; margin-top:5px; background-color:#f9f6e9; }
.LocationsImage { width:150px; height:150px; margin:15px; float:left; border-style:solid; border-width:5px; border-color:#FFF; }
.LocationsHeader { width:375px; height:25px; margin-top:15px; float:left; font-family:Arial; font-size:14px; font-weight:bold; color:#008cda; }
.LocationsText { width:375px; height:130px; float:left; font-family:Arial; font-size:12px; color:#444444; }

/* News
-------------------------------------------------------*/
#NewsContainer { width:620px; height:auto; float:left; border-style:solid; border-width:5px; border-color:#FFF; background-color:#f3eedd; }
.NewsItemContainer { width:585px; height:auto; margin:10px; float:left; }
.NewsHeader { width:585px; height:18px; margin-top:5px; font-family:Arial; font-size:15px; font-weight:bold; color:#000000; }
.NewsDate { width:585px; height:15px; font-family:Arial; font-size:10px; font-weight:bold; color:#939393; }
.NewsBody { width:585px; height:auto; font-family:Arial; font-size:11px; color:#383838; }
.NewsBorder { width:585px; height:10px; border-bottom:dotted 1px #999999; }

.NewsViewItemContainer { width:585px; height:auto; margin:10px; float:left; }
.NewsViewHeader { width:585px; height:18px; margin-top:5px; font-family:Arial; font-size:17px; font-weight:bold; color:#000000; }
.NewsViewDate { width:585px; height:auto; min-height:15px; font-family:Arial; font-size:12px; font-weight:bold; color:#939393; }
.NewsViewBorder { width:585px; height:10px; border-bottom:dotted 1px #999999; margin-top:5px; }
.NewsViewBody { width:585px; height:auto; font-family:Arial; font-size:14px; color:#383838; margin-top:15px; }
.NewsViewBack { width:585px; height:auto; min-height:50px; float:left; margin-top:15px; margin-bottom:15px; 
	background-color:#f9f7ee; border-top: dotted 1px #999999; }	



/* Catalog
-------------------------------------------------------*/
#CatalogBodyContainer { margin-left:auto; margin-right:auto; margin-top:0px; width:900px; height:100%; }
.CatalogContainer { width:900px; height:auto; min-height:500px; float:left; cursor:default; }
.CatalogNavContainer { width:900px; height:20px; font-family:Arial; font-size:13px; color:#FFFFFF; font-weight:bold; cursor:default; }

/* Login */
.CatalogLoginBGContainer { width:900px; height:700px; float:left; 
	background-image:url('../Catalog/Images/Login-Background-3.jpg'); background-repeat:no-repeat; }
.CatalogStripTransparent { width:400px; height:700px; margin-left:200px; float:left; background-color:#000000; opacity:0.6;filter:alpha(opacity=60); }
.CatalogStripText { width:250px; margin-left:70px; margin-top:100px; height:auto; /*background-color:Blue;*/ 
	font-family:Arial; font-size:14px; color:#FFFFFF; line-height:22px; cursor:default; }
.CatalogLoginContainer { width:230px; height:auto; margin-left:50px; margin-top:50px; float:left; /*background-color:Blue;*/ }	
.CatalogLoginHeader { width:250px; font-family:Arial; font-size:23px; color:#fd8701; cursor:default; }
.CatalogLoginSubHeader { width:180px; font-family:Arial; font-size:14px; font-weight:bold; margin-top:15px; color:#9bc22f; cursor:default; }
.CatalogLoginText { width:180px; height:auto; font-family:Arial; font-size:12px; margin-top:10px; color:#FFFFFF; cursor:default; }

/* New Customer Form */
.CatalogNewFormContainer { width:900px; height:630px; float:left; 
	background-image:url('../Catalog/Images/NewCustomer-Background.jpg'); background-repeat:no-repeat; }
.CatalogNewFormTransparent { width:500px; height:630px; margin-left:200px; float:left; background-color:#000000; opacity:0.7;filter:alpha(opacity=70); }
.CatalogNewFormHeader { width:250px; margin-left:165px; margin-top:10px; height:auto; 
	font-family:Arial; font-size:18px; color:#FFFFFF; cursor:default; }
.CatalogNewFormText { width:150px; margin-top:10px; height:20px; float:left; font-family:Arial; font-size:12px; color:#FFFFFF; text-align:right; cursor:default; }
.CatalogNewFormTextBox { width:220px; margin-top:5px; height:20px; float:left; text-align:right; }
.CatalogNewFormTextBoxText { font-family:Arial; font-size:12px; color:#000000; }
.CatalogNewFormSubmit { width:210px; margin-top:5px; height:20px; margin-left:10px; float:left; text-align:right; }
.CatalogNewThankYouText { width:400px; margin-top:10px; margin-left:75px; height:auto; float:left; font-family:Arial; font-size:12px; color:#FFFFFF; text-align:left; }

/* Premium Full Line */
.CatalogTopContainer { width:900px; height:43px; background-color:#75b00d; }
.CatalogImagesContainer { width:900px; height:509px; background: #FFFFFF url('../Catalog/Images/FullLine-BG.jpg') no-repeat top center; }
.CatalogArrowStrip { width:900px; height:14px; background-image:url('../Catalog/Images/Arrow-Strip.png'); background-repeat:no-repeat; }
.CatalogContainer1 { width:275px; height:495px; float:left; background-image:url('../Catalog/Images/Left-Shelves.jpg'); background-repeat:no-repeat; }
.CatalogContainer2 { width:350px; height:495px; float:left; }
.CatalogContainer3 { width:275px; height:495px; float:left; background-image:url('../Catalog/Images/Right-Shelves.jpg'); background-repeat:no-repeat; }

/* Library */
.CatalogLibraryTopContainer { width:900px; height:43px; background-color:#96680e;
	font-family:Arial; font-size:22px; color:#FFFFFF; font-weight:bold; text-align:center; line-height:45px; cursor:default; }
.CatalogLibraryTopSubContainer { width:900px; height:50px; background-color:#0e7e99;
	font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; }
.CatalogLibraryTopDDLContainer { margin-top:12px; width:100%; height:25px; }
.CatalogLibrarySectionHeader { width:200px; height:auto; margin-top:15px; margin-left:40px; }
.CatalogLibraryContainer { width:900px; height:auto; min-height:200px; float:left; background-color:#FFFFFF; }
.CatalogLibraryProductList { width:150px; height:auto; float:left; padding:5px 5px 5px 5px; /*background-color:#666666;*/ }

/* Library Item */
.CatalogLibraryLeftContainer { width:425px; height:auto; float:left; cursor:default; }
.CatalogLibraryRightContainer { width:475px; height:auto; float:left; cursor:default; }
.CatalogLibraryItemName { width:475px; height:auto; margin-top:10px; font-family:Arial; font-size:16px; font-weight:bold; color:#00b1f3; text-align:center; cursor:default; }
.CatalogLibraryItemImage { width:475px; height:auto; margin-top:10px; text-align:center; }
.CatalogLibraryItemDescription { width:400px; height:auto; margin-top:10px; margin-left:35px; font-family:Arial; font-size:12px; color:#49a60b; }
.CatalogLibraryItemIcons { width:400px; height:auto; margin-top:10px; margin-left:35px; 
	font-family:Arial; font-size:13px; color:#666666; font-weight:bold; }

/* Calendar */
.CatalogCalendarMonth { width:150px; height:auto; float:left; line-height:20px; }

/* End of Catalog -------------------------------------------------------*/



/* Sustainability
-------------------------------------------------------*/
.SustainContainer { width:900px; height:auto; min-height:400px; float:left; background-color:#FFFFFF; }

/* Login Area */
.SustainLoginContainer { width:420px; height:300px; margin-left:auto; margin-right:auto; margin-top:50px; background: #FFFFFF url('../Sustainability/Images/LoginBG.jpg') no-repeat; }
.SustainLoginUsername { width:auto; height:auto; margin-left:170px; margin-top:103px; }
.SustainLoginPassword { width:auto; height:auto; margin-left:170px; margin-top:15px; }
.SustainLoginButton { width:auto; height:auto; margin-left:210px; margin-top:15px; }

/* Menu */
.SustainMenuContainer { width:890px; height:68px; margin-top:4px; margin-left:3px; }
.SustainMenuButton { float:left; }

/* Body */
.SustainHeader { width:500px; height:auto; margin-top:10px; margin-left:5px; font-family:Arial; font-size:18px; color:#2fa6e6; }
.SustainText { Width:550px; height:auto; margin-top:10px; font-family:Arial; font-size:12px; color:#666666; }

/* Form */
.SustainLeftContainer { width:585px; height:auto; float:left; }
.SustainRightContainer { width:305px; height:auto; float:left; }
.SustainTextLeft { Width:550px; height:auto; margin-top:10px; font-family:Arial; font-size:12px; color:#666666; }
.SustainFormText { margin-left:8px; }
.SustainFormSingleLine { width:550px; height:40px; margin-top:0px; 
	background-image:url('../Sustainability/Images/TextBox-single-line.jpg'); background-repeat:no-repeat; }
.SustainFormMultiLineShort { width:550px; height:100px; margin-top:0px; 
	background-image:url('../Sustainability/Images/TextBox-multi-line-short.jpg'); background-repeat:no-repeat; }
.SustainFormMultiLineLong { width:550px; height:125px; margin-top:0px; 
	background-image:url('../Sustainability/Images/TextBox-multi-line-long.jpg'); background-repeat:no-repeat; }

/* Entries */
.SustainEntriesContainer { width:550px; height:auto; margin-left:12px; }
.SustainEntriesText { font-family:Arial; font-size:12px; color:#666666; }

/* End of Sustainability -------------------------------------------------------*/



/* Footer
-------------------------------------------------------*/
#FooterContainer { margin-top:30px; margin-left:auto; margin-right:auto; background: url('../images/Footer.jpg') no-repeat; width:1000px; height:159px; }
.FooterLogo { width:150px; height:124px; margin-top:10px; margin-left:30px; float:left; background: url('../images/FooterLogo.png') no-repeat; }
.FooterAddress { width:167px; height:127px; margin-top:21px; float:left; }
.FooterButtons { width:305px; height:120px; margin-top:19px; margin-left:15px; float:left; }
.FooterIcons { width:263px; height:31px; margin-top:62px; margin-left:17px; float:left; }
#FooterContainer2 { margin-top:10px; margin-left:auto; margin-right:auto; width:900px; height:31px; }

/* Hidden Column for Grids */
.HiddenCollumn{ display:none; }

/* ajax__tab_msngallery-theme theme

----------------------------------------------------------------------------------------------------*/
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{ text-align:center; display:inline-block; overflow:hidden; cursor:pointer; margin-right:0px; }
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{ text-align:center; display:inline-block; overflow:hidden; cursor:pointer; margin-right:0px; }
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{ text-align:center; display:inline-block; overflow:hidden; cursor:pointer; margin-right:0px; }
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{ text-align:center; display:inline-block; overflow:hidden; cursor:pointer; margin-right:0px; }



/* 
	The transparent background that
	covers the whole screen
*/
.TransparentColorBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:#fff;
	filter:alpha(opacity=30);
	opacity:0.3;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}


.PageUpdateProgress
{
	/*background-color:#CF4342;*/
	color:#333333;
	font-family: Verdana;
	font-size: 12px;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 50%;
	left: 45%;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {	display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }
