/* 
    7/16/09 Styles for SustainableWoods.net rebuild
 */
 
/* TAG REWRITES */

body
{
  margin: 15px 0 0 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

a:link
{
  color: #000000;
}

a:hover
{
  color: #669900;
}

a:visited
{
  color: #000000;
}


 #Container
 {
   position: relative;
   margin: 0 auto;
   width: 800px;
   background-color: #ffffff;
 }

#Banner
{
  width: 800px;
  height: 125px;
  position: absolute;
  top: 0;
  left: 0; 
  border: 0;
}

#Logo
{
  width: 150px;
  height: 125px;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

#TopNavigation
{
  width: 630px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  text-align: right;
}

#TagLine
{
  width: 650px;
  height: 52px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0;
  text-align: left;
}

#TopPhotos
{
  width: 800px;
  height: 335px;
  position: absolute;
  top: 125px;
  left: 0; 
  border: 0;
}

#Photo1Panel
{
  width: 155px;
  height: 335px;
  position: absolute;
  top: 0px;
  left: 10px; 
  border: 0;
  background: #669933 url(../Images/Backgrounds/PhotoPanel1.jpg);
}

#Photo1
{
  width: 127px;
  height: 285px;
  position: absolute;
  top: 18px;
  left: 12px; 
  border: 0;
  /* background: #99CC66; */
}

#Photo1Label
{
  width: 155px;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px; 
  border: 0;
  margin-bottom: 10px;
  text-align: center;
  /* For testing purposes
    background: #6699FF;
  */
}


#Photo2Panel
{
  width: 156px;
  height: 335px;
  position: absolute;
  top: 0px;
  left: 165px; 
  border: 0;
  background: #669933 url(../Images/Backgrounds/PhotoMiddlePanel.jpg);
}

#Photo2
{
  width: 127px;
  height: 285px;
  position: absolute;
  top: 18px;
  left: 14px; 
  border: 0;
  background: #99CC66;
}

#Photo2Label
{
  width: 155px;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px; 
  border: 0;
  margin-bottom: 10px;
  text-align: center;
  /* For testing purposes
    background: #6699FF;
  */
}

#Photo3Panel
{
  width: 156px;
  height: 335px;
  position: absolute;
  top: 0px;
  left: 320px; 
  border: 0;
  background: #669933 url(../Images/Backgrounds/PhotoMiddlePanel.jpg);
}

#Photo3
{
  width: 127px;
  height: 285px;
  position: absolute;
  top: 18px;
  left: 14px; 
  border: 0;
  background: #99CC66;
}

#Photo3Label
{
  width: 155px;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px; 
  border: 0;
  margin-bottom: 10px;
  text-align: center;
}

#Photo4Panel
{
  width: 156px;
  height: 335px;
  position: absolute;
  top: 0px;
  left: 475px; 
  border: 0;
  background: #669933 url(../Images/Backgrounds/PhotoMiddlePanel.jpg);
}

#Photo4
{
  width: 127px;
  height: 285px;
  position: absolute;
  top: 18px;
  left: 14px; 
  border: 0;
  background: #99CC66;
}

#Photo4Label
{
  width: 155px;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px; 
  border: 0;
  margin-bottom: 10px;
  text-align: center;
}

#Photo5Panel
{
  width: 156px;
  height: 335px;
  position: absolute;
  top: 0px;
  left: 630px; 
  border: 0;
  background: #669933 url(../Images/Backgrounds/Photo5Panel.jpg);
}

#Photo5
{
  width: 127px;
  height: 285px;
  position: absolute;
  top: 18px;
  left: 14px; 
  border: 0;
  background: #99CC66;
}

#Photo5Label
{
  width: 155px;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px; 
  border: 0;
  margin-bottom: 10px;
  text-align: center;
}

#BottomArea
{
  position: absolute;
  top: 460px;
  left: 0; 
  /* height: 450px; 7/22/10 */
  width: 800px;
  border: 0;
}

#BottomGreenBar
{
  position: absolute;
  top: 0;
  left: 0; 
  height: 24px;
  width: 768px;
  margin: 5px 12px 5px 10px;
  padding: 5px;
  background: url(../Images/Backgrounds/GreenBandGradient.jpg);
}

#Content
{
  position: absolute;
  top: 50px;
  left: 0; 
  /* height: 320px; */
  width: 754px;
  margin: 5px 12px 5px 10px;
  padding: 10px;
  border: 2px solid #669900;
}

#QuoteArea
{
  position: relative;
  top: 0;
  left: 0; 
  height: 40px;
  width: 754px;
  background: #cccccc;
}

#ContentTextArea
{
  position: relative;
  top: 15px;
  left: 0; 
  /* height: 285px; 7/22/10 to allow variable text area */
  width: 530px; /* 7/22/10 changed from 550 */
  margin: 0 0 10px 0;
  padding: 0;
  text-align: justify; /* Added 7/22/10 */
}

#SponsorArea
{
  position: absolute;
  top: 70px;
  right: 105px;
  height: 285px;
  width: 90px;
  margin: 0;
  margin-right: 5px;
  text-align: center;
}

#AdditionalLinksArea
{
  position: absolute;
  top: 65px;
  right: 10px;
  height: 285px;
  width: 90px;
  margin: 0;
  margin-left: 5px;
}

#Footer
{
  position: relative; /* 7/22/10 Changed from absolute to allow the page to be flexible in height */
  bottom: -40px; /* 7/22/10 Changed from 0 to allow the page to be flexible in height and have the copyright show below the border */
  left: 0;
  height: 20px;
  width: 794px;
  margin: 0;
  padding: 3px;
}

/***********************************************************
*****InstructionSheetStyles****************************/
#ElementsCropTool
{
	float:right;
	margin:3px;
}

#ElementsUnsharpM
{
	float:right;
	margin:3px;
}


.ElementsEditTab
{
	/*position:absolute;
	Top:75px;*/
	width:300px;
	height:110px;
	float:right;
}


#CropOptionBarImage
{
	
	width:400px;
	height:56px;
	margin:3px;
}
#ImageModeImage
{
	float:right;
	
	width:250px;
	height:110px;
	margin:6px;
}

#ImageSizeImage
{
	float:right;
	width:232px;
	height:200px;
	margin:5px;
}

#UnsharpMaskImage
{
	float:right;
	position:relative;
	top:0px;
	width:200px;
	height:238px;
	margin:3px;
}
#CropToolImage
{
	width:223px;
	height:95px;
	margin:5px;
}

#BusFieldsImage
{
	float:right;
	
}
#SWNBackendBusinessTabs
{
	position:relative;
	top:10px;
}

#DropDownImage
{
	position:relative;
	float:right;
	right:80px;
	margin:10px;
	
}
#ProductDescriptionImage
{
	position:relative;
	top:0px;
	float:right;
	right:80px;
	margin:5px;
}

#ProductPhotoFieldImage
{
	position:absolute;
	bottom:295px;
	float:right;
	right:95px;
	margin:0px;
	padding:2px;
	
}
#ShippingFieldImage
{
	position:absolute;
	float:right;
	right:105px;
	bottom:145px;
	margin:0px;
}

/*********************************************************
******************************************************/
#ProductCat
{
	max-width:550px;
	
}
.SecondProductsTab
{
	padding:5px;
}