html { }

body {
  height:100%;
  background-color:#073F74;
  font-size:13px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background-image: url(/images/PageBg.jpg);
  background-repeat: repeat-x;
  color: #FFFFFF;
  margin-top: 0px;
  min-height: 820px;
}

A {
  color: #FFFFFF;
  text-decoration: underline;
}

A:hover {
  color: #FFFF00;
  text-decoration: underline;
}

/* ADDED FOR BUYANDBUILD.NET ****************************************** */

#PageWrapper {
  width: 1031px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

#HeaderWrapper {
  width: 1031px;
  height: 124px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}

#LogoArea {
  width: 257px;
  height: 124px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

#HeaderRightWrapper {
  width: 774px;
  height: 124px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}


#HeaderRightTop {
  width: 774px;
  height: 52px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/HeaderRightTop.jpg);
  background-repeat: no-repeat;
}

#HeaderRightMid {
  width: 774px;
  height: 42px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/HeaderRightMid.jpg);
  background-repeat: no-repeat;
}

#HeaderMenuLinks {
  width: 522px;
  height: 42px;
  position: relative;
  padding-left: 74px;
  float: left;
  overflow: hidden;
}

#HeaderMenuLinks A {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 13px;
  padding-right: 13px;
}

#HeaderMenuLinks A:hover {
  color: #FFFF00;
}

#SearchBoxBg {
  width: 151px;
  height: 26px;
  margin-top: 6px;
  margin-left: 6px;
  float: left;
  position: relative;
  background-image: url(/images/SearchBoxBg.jpg);
  background-repeat: no-repeat;
}

.SearchTextBox {
  position: relative; 
  margin-left: 24px; 
  top: 4px; 
  width: 115px; 
  height: 15px; 
  background-color: #FFFFFF; 
  color: #003366; 
  font-family: Arial; 
  font-size: 12px; 
  font-weight: 400; 
  border: 1px solid #FFFFFF; 
}

#HeaderRightBot {
  width: 774px;
  height: 30px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/HeaderRightBot.jpg);
  background-repeat: no-repeat;
}

#SloganBar {
  width: 1031px;
  height: 41px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/Slogan.jpg);
  background-repeat: no-repeat;
}

#ScrollFadeWrapper {
  width: 1031px;
  height: 303px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}

#ScrollBg {
  width: 579px;
  height: 303px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/ScrollingNews.jpg);
  background-repeat: no-repeat;
}

#pscroller1{
    width: 529px;
    height: 283px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    float: left;
    padding-left: 35px;
    margin-top: 10px;
}

#FadeBg {
  width: 444px;
  height: 303px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/FaderBg.jpg);
  background-repeat: no-repeat;
}

#mContainer {
    position:relative;
	width:444px;
	height:303px;
    z-index:300;
}

.mPhoto {
    position:absolute;
    top:0px;
    left:0px;
    height:303px;
    -moz-opacity:0.0;
    filter:Alpha(opacity=0);
    z-index:310;
}

#ScrollFadeRight {
  width: 8px;
  height: 303px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/FaderRightPc.jpg);
  background-repeat: no-repeat;
}

#MiddleNavigation {
  width: 1031px;
  height: 38px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/MiddleNav.jpg);
  background-repeat: no-repeat;
  z-index: 400;
}

#ContentRepeat {
  width: 1031px;
  height: 100%;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/ContentBg.jpg);
  background-repeat: repeat-y;
  z-index: 10;
}

#ContentNoRepeat {
  width: 1031px;
  height: 100%;
  min-height: 300px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/ContentTop.jpg);
  background-repeat: no-repeat;
  z-index: 10;
}

#ContentLeft {
  width: 794px;
  height: 100%;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  z-index: 10;
}

#ContentRight {
  width: 237px;
  height: 100%;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  z-index: 10;
}

#SideBarMessage {
  color: #FFFFFF;
}

#ContentFooter {
  width: 1031px;
  height: 24px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background-image: url(/images/Footer.jpg);
  background-repeat: no-repeat
}

#FooterCopyright {
  width: 1031px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  font-family: Arial;
  font-weight: 800;
  font-size: 12px;
  color: #FFFFFF;
}

#FooterCopyright a, #FooterCopyright a:link, #FooterCopyright a:visited {
  color: #FFFFFF;
  text-decoration:none;
}

#FooterCopyright a:hover {
  text-decoration:underline;
}




.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:500;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index:500;
margin-top: 2px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline-block;
padding: 0px 40px 0px 40px;
border-left-width: 0;
font-family: Arial; 
font-size: 18px; 
color: #FFFFFF;
text-decoration: none; 
font-weight: 400;
white-space: nowrap;
z-index:500;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
background-color: #003366;
position: absolute;
border: 1px SOLID #336699;
display: block;
visibility: hidden;
margin-top:0px;
z-index:500;
margin-left: 45px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
padding: 2px 3px 3px 5px;
line-height:20px;
z-index:500;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
z-index:500;
margin-left: 4px;
margin-top: -3px;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 215px; /*width of sub menu levels*/
font-family: Arial; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: 400;
white-space: nowrap;
text-align: left;
z-index:500;
padding: 0px 0px 0px 0px;
}

.suckertreemenu ul li a:hover{
color: #FFFF00;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/* background: #662C00; */
}

/*Background image for subsequent level menu list links ::  url(media/arrow-right.gif) no-repeat center right :: */
.suckertreemenu .subfoldericon{
/* background: #662C00; */
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; z-index: 500;}
* html .suckertreemenu ul li a { height: 1%; z-index: 500;}
* html .suckertreemenu ul li ul li { float: left; z-index: 500;}
* html .suckertreemenu ul li ul li a{ margin-top:-2px; z-index: 500;}
/* End */

/**** contact us form ***/
.nameform210 {
	width: 210px;
}

.nameformleft {
	width: 350px;
}

.ctctforminput {
	width: 350px;
}

.nameform25 {
	width: 80px;
}
.nameform10 {
	width:40px;
}

.submit {
	border:none;
	margin-top:10px;
}
	
#AspenContact { 
	color: #0E328F;
}

#AspenContact input, textarea {
	border: 1px solid #0E328F;
	color: #333;
	font-size: 14px;
	font-family: Arial;
	margin: 3px 0px 10px 0px;
	padding: 3px;
}

#AspenContact label {
	font-size: 14px;
	font-family: Arial;
}

#AspenContact input.checkbox {
	margin: 0px;
}

label {
	display:block;
	padding:0;
	margin-top:5px;
}

label.contactMe {
	display:inline;
}

input.checkbox {
	margin-top:5px;
}

.form {
	width:280px;
	margin-left:10px;
	margin-bottom:30px;
}

.form form {

	margin:0;
	padding:0;
}

 div.form p, div.menu-and-form p {
	margin:0;
	padding:0 0 10px 0;
	color:#333;
}
div.menu-and-form p {
	width:268px;
}

div.form form select, div.menu-and-form form select {
	border:1px solid #000;
	font-size:10px;
	padding:3px;
	margin:0 0 2px 0;
	color:#666;
}
div.form form input, div.menu-and-form form input {
	border:1px solid #a9b3bb;
	font-size:10px;
	padding:2px;
	margin:1px 0 0 0;
	color:#666;
}
div.form form input.city {
	width:130px;
}
div.menu-and-form form input.city {
	width:129px;
}
div.form form input.state, div.menu-and-form form input.state {
	width:20px;
	display:inline;
	margin:0 0 0 5px;
}
div.form form input.zip, div.menu-and-form form input.zip {
	width:60px;
	display:inline;
	margin:0 0 0 5px;
}
div.menu-and-form form input.zip {
	width:60px;
}
div.form form input.image, div.menu-and-form form input.image {
	border:none;
	margin:5px 0 0 0;
}
div.form form input.text, div.form form textarea,
div.menu-and-form form input.text, div.menu-and-form form textarea {
	width:280px;
	border:1px solid #a9b3bb;
}
div.menu-and-form form input.text, div.menu-and-form form textarea {
	width:263px;
}
div.form ul, div.menu-and-form ul.form {
	margin:0;
	padding:0;
	width:280px;
	list-style:none;
	color:#666;
}
div.form ul li, div.menu-and-form ul.form li {
	width:280px;

	padding:0 0 7px 0;
}

/* END ADDED FOR BUYANDBUILD.NET ************************************** */

TD.item-detail
{ 
	color: #FFFFFF; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
} 

TD.item-detail A:link 
{
	FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FFFFFF; 
	font-size: 11px;
} 

TD.item-detail A:visited 
{
	COLOR: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
} 

TD.item-detail A:hover 
{
	COLOR: #FFFF00; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
} 

TD.menu 
{ 
	color: #ffffff; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
} 

TD.menu A:link 
{
	FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FFFFFF; 
	font-size: 11px;
} 

TD.menu A:hover 
{
	COLOR: #AAE903; 
	text-decoration: underline; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 11px;
} 

TD.menu A:visited 
{
	COLOR: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;  
} 


TD.side-menu
{ 
	color: #004000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

TD.side-menu A:link 
{
	FONT-WEIGHT: bold; 
	text-decoration: none; 
	color: #004000; 
	font-size: 12px;
} 

TD.side-menu A:hover 
{
	COLOR: #008040; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 12px;
} 

TD.side-menu A:visited 
{
	COLOR: #006200; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 12px;  
} 

TD.side-menu A:visited:hover
{
	COLOR: #008040; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 12px;  
} 

.text
{  
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-weight: 800;
	FONT-SIZE: 14px
}

.set1 {
	font-family:    Arial, Helvetica;
	font-size:      10px;
	font-weight:    900;
}

.set2 {
	font-family:    Arial, Helvetica;
	font-size:      12px;
	font-weight:    800;
}

.eCart-1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 30pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial;
}

.eCart-2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 30pt; 
	COLOR: #AAAAAA; 
	FONT-FAMILY: Arial;
}

.eCart
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #669999;
	FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: oblique;
	Display: none;
}

H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 25pt;
	COLOR: #007CF9;
	FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: oblique;
}

H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #007CF9;
	FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: oblique;
}

DIV.footer-detail
{ 
	color: #000000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

DIV.footer-detail A:link 
{
	FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #000000; 
	font-size: 12px;
} 

DIV.footer-detail A:visited 
{
	COLOR: #003366; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
} 

DIV.footer-detail A:hover 
{
	COLOR: #336699; 
	text-decoration: underline; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

/************* IMAGE GALLERY *****************/
ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				20px 20px 0 20px !important;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}
ul.thumbs li img {
	border:				none;
	margin:				0 !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
ul.thumbs li p {
	overflow:			hidden;
}
.thumbs .clearboth { 
	clear: 				both; 
}
.thumbscontainer {
	margin-bottom:		20px;
	float:              left;
}