body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 122%;
	margin: 0px;
	border: 0px;
	background-color: #565656;
	background-image: url(../images/layout/background_main.gif);
	background-repeat: repeat-x;
	background-position: top;	
}

/**  links  **/

a.links-general {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.links-general:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a.links-footer, a.links-footer:hover {
	color: #FEBB2D;
	text-decoration: none;
}
a.links-section {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
a.links-product {
	color: #024186;
	font-weight: bold;
	text-decoration: none;
}

/**  font  **/

.bold {
	font-weight: bold;
}

/**  titles  **/

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.3em;
}
h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.1em;
	color: #FFFFFF;
}
h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1em;
	color: #FFFFFF;
}

/**  layout  **/

td {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	line-height: 122%;
}
td.mainArea {
	vertical-align: top;
}
#topDark {
	vertical-align: top;
	background-color: #333333;
}
#bottomDark {
	vertical-align: bottom;
	background-color: #333333;
}
#top {
	vertical-align: top;
	background-color: #484848;
	background-image: url(../images/layout/div_maincontent_bg.gif);
	background-repeat: repeat-y;
}
#bottom {
	vertical-align: bottom;
	background-color: #484848;
	background-image: url(../images/layout/div_maincontent_bg.gif);
	background-repeat: repeat-y;
}
td.right {
	text-align: right;
}
#MainContent {
	padding: 16px 29px 16px 29px;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
	background-color: #484848;
}
#MainContentNoBG {
	padding: 16px 29px 16px 29px;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
}

/**  stair type descriptions  **/

#commonStairs {
	z-index: 3;
	float: right;
	clear: left;
	visibility: hidden;
	position: relative;
	width: 420px;
	color: #FFFFFF;
}

/**  process steps  **/

td.processRight {
	padding-left: 10px;
	vertical-align: top;
	color: #FFFFFF;
}
td.processImage {
	vertical-align: top;
}
div.stairIcon {
	position: relative;
}
div.stairIconAnti {
	position: relative;
	visibility: hidden
}

/**  step 1  **/

td.processStraightImage {
	vertical-align: top;
	width: 148;
}
td.processLightGrey {
	background-color: #5C5C5C;
	padding: 10px 10px 20px 10px;
	color: #FFFFFF;
	background-image: url(../images/down_arrow_light.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
td.processLightGreyFinal {
	background-color: #5C5C5C;
	padding: 10px;
	color: #FFFFFF;
	text-align: right;
}
td.processDarkGrey {
	padding: 10px 10px 20px 10px;
	color: #FFFFFF;
	background-image: url(../images/down_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
td.processDarkGreyFinal {
	padding: 10px;
	color: #FFFFFF;
	text-align: right;
}

/**  steps 9 & 10  **/

td.woodTypeTitles {
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}
td.woodTypeFields {
	text-align: center;
}
td.processAdditionsFields {
	vertical-align: top;
}

/**  step 5 - well size  **/

#wellSize {
	z-index: 3;
	visibility:hidden;
	position: relative;
	color: #FFFFFF;
}
#landingTwo {
	z-index: 4;
	visibility:visible;
	position: relative;
	color: #FFFFFF;
}

/**  process data fields  **/

input.processTextBoxSmall {
	width: 40px;
	height: 20px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding-left: 1px;
	padding-top: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
}
select.processSelectboxSmall {
	width: 80px;
	height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding: 1px;
	margin-left: 3px;
}
input.processTextBoxMedium {
	width: 80px;
	height: 20px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding-left: 1px;
	padding-top: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
}
select.processSelectboxMedium {
	width: 160px;
	height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding: 1px;
	margin-left: 3px;
}

/**  checkout pages  **/

td.chckfieldsleft {
	padding-top: 6px;
	padding-right: 8px;
	text-align: right;
}
.chcktextbox {
	padding: 1px;
	font-size: 80%;
	width: 200px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}
.chckselectbox {
	width: 200px;
	height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding: 1px;
}
td.chcktopleft {
	width: 33%;
	border-bottom: 1px solid #484848;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
td.chcktopmid {
	width: 33%;
	border-bottom: 1px solid #484848;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
td.chcktopright {
	width: 33%;
	border-bottom: 1px solid #484848;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
td.chckbodyleft {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
}
td.chckbodymid {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
}
td.chckbodyright {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
	vertical-align: top;
}
td.chckfootleft {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	border-top: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
}
td.chckfootmid {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	border-top: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
}
td.chckfootright {
	width: 33%;
	border-right: 1px solid #5C5C5C;
	border-top: 1px solid #5C5C5C;
	background-color: #484848;
	padding: 5px;
}
td.changeShipbutton {
	padding-top: 1px;
	padding-left: 6px;
}
.errorText {
	font-weight: bold;
	color: #DC6322;
}

/**  footer  **/

td.footerLightGrey {
	background-color: #565656;
	text-align: center;
	padding: 5px;
	color: #2B2B2B;
}

/**  contact form  **/

td.contactLeft {
	padding: 3px 10px 0px 0px;
	vertical-align: top;
}
td.contactRight {
	padding: 0px 0px 0px 7px;
}
td.contactSpacer {
	line-height: 5px;
}
input.textBox {
	width: 200px;
	height: 20px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding-left: 1px;
	padding-top: 2px;
}
textarea.messageField {
	width: 200px;
	height: 60px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 90%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding-left: 1px;
	padding-top: 2px;
}
select.selectbox {
	width: 150px;
	height: 22px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
	padding: 1px;
	margin-left: 3px;
}
input.button {
	width: 60px;
	height: 30px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-size: 80%;
}

/** div  **/

div.centered 
{
text-align: center;
width: 100%;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}

/**  bottom tread selection  **/

#tread1style {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}

/**  newel selection process  **/

#newelaWood {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
	width: 510px;
}

#newelbWood {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
	width: 510px;
}

#newelcWood {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
	width: 510px;
}

#neweldWood {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
	width: 510px;
}

/**  Materials  **/

#materialsSpindle {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsSpindle2 {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsRiser {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsRiser2 {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsHandrail {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsHandrail2 {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsBaserail {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#materialsBaserail2 {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}

/**  Additions  **/

#additionHandrails {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#additionBaserails {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}
#additionSpindles  {
	visibility: hidden;
	position: relative;
	color: #FFFFFF;
}

/*  Aded by Clive 1/6/08 for dynamic image  */
td.onefifty  {
  width:148px;
  vertical-align:top;
}
table.twentytable  {
  width:20px;
}
table.twentytable td  {
  vertical-align:top;
}
.bLeft  {
  text-align:left;
}
.bRight  {
  text-align:right;
}
.bMiddle  {
  text-align:center;
}
.sLeft  {
  text-align:left;
}
.sRight  {
  text-align:right;
}
.sMiddle  {
  text-align:center;
}
.sTop  {
  vertical-align:top;
}
table.showStairs td  {
  vertical-align:top;
}
td.verticalArrow  {
  background-image:url(../images/dynamic/side_vert_line.gif);
  background-repeat:repeat-y;
}
td.horizontalArrow  {
  background-image:url(../images/dynamic/side_horiz_line.gif);
  background-repeat:repeat-x;
}
/*  end of added  */