body {  font-family: Arial, Helvetica, sans-serif; font-size: 14px}

.errFld {border: 1px solid #F00;}
.errMsg { color: #C33;}

TD
{  COLOR: #000000; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal; }

INPUT
{   font-size:11px; padding: 0 0; FONT-FAMILY:  arial, helvetica, verdana; border-bottom: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969; border-top: 1px solid #696969; }

TEXTAREA
{   font-size:11px; padding: 0; FONT-FAMILY:  arial, helvetica, verdana; border-bottom: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969; border-top: 1px solid #696969; }

.redFont
{  COLOR: #ff0000; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal;}

.glossaryFont
{  COLOR: #073084; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal;}
A.glossaryFont:link {COLOR: #073084; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal; text-decoration: none; } 
A.glossaryFont:visited {COLOR: #073084; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal; text-decoration: none; }
A.glossaryFont:active {COLOR: #073084; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal; text-decoration: none; }
A.glossaryFont:hover {COLOR: #073084; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: normal; text-decoration: none; }

A:link {COLOR: #073084; FONT-FAMILY: arial, helvetica; Font-weight: bold;} 
A:visited {COLOR: #073084; FONT-FAMILY: arial, helvetica; Font-weight: bold;}
A:active {COLOR: #073084; FONT-FAMILY: arial, helvetica; Font-weight: bold;}
A:hover {COLOR: #073084; FONT-FAMILY: arial, helvetica; Font-weight: bold;}

.secNav
{  COLOR: #424344; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px; Font-weight: bold; }

A.secNav:link {COLOR: #424344; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: bold; text-decoration: none; } 
A.secNav:visited {COLOR: #424344; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: bold; text-decoration: none; }
A.secNav:active {COLOR: #424344; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: bold; text-decoration: none; }
A.secNav:hover {COLOR: #424344; FONT-FAMILY: arial, helvetica; FONT-SIZE: 12px; Font-weight: bold; text-decoration: none;  }

.smFont
{  COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: normal;}
A.smFont:link {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: bold;} 
A.smFont:visited {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: bold;}
A.smFont:active {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: bold;}
A.smFont:hover {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: bold;}

.headerFont
{  COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; Font-weight: bold;}
A.headerFont:link {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; Font-weight: bold; text-decoration: none; } 
A.headerFont:visited {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; Font-weight: bold; text-decoration: none; }
A.headerFont:active {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; Font-weight: bold; text-decoration: none; }
A.headerFont:hover {COLOR: #3D3D3D; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; Font-weight: bold; text-decoration: none; }




sup
{  COLOR: #000000; FONT-FAMILY: arial, helvetica; FONT-SIZE: 10px; Font-weight: normal;}

.offstate-OHdoor { display: none; }
.onstate-OHdoor { display: block; }

.offstate-SLdoor { display: none; }
.onstate-SLdoor { display: block; }

.offstate-Monitor { display: none; }
.onstate-Monitor { display: block; }

.offstate-RegWidth { display: none; }
.onstate-RegWidth { display: block; }

.offstate-GamWidth { display: none; }
.onstate-GamWidth { display: block; }

.offstate-SSWidth { display: none; }
.onstate-SSWidth { display: block; }

.offstate-HipWidth { display: none; }
.onstate-HipWidth { display: block; }

.offstate-SlidWin { display: none; }
.onstate-SlidWin { display: block; }

.offstate-CaseWin { display: none; }
.onstate-CaseWin { display: block; }

.offstate-AwnWin { display: none; }
.onstate-AwnWin { display: block; }

.offstate-SinHngWin { display: none; }
.onstate-SinHngWin { display: block; }

.offstate-FixWin { display: none; }
.onstate-FixWin { display: block; }

.offstate-Eavelights { display: none; }
.onstate-Eavelights { display: block; }


.offstate-CountyReqs { display: none; }
.onstate-CountyReqs { display: block; }

.offstate-Cupolas { display: none; }
.onstate-Cupolas { display: block; }

.offstate-Wainscot { display: none; }
.onstate-Wainscot { display: block; }

.offstate-Siding { display: none; }
.onstate-Siding { display: block; }

.offstate-Roofing { display: none; }
.onstate-Roofing { display: block; }

.offstate-Overhangs { display: none; }
.onstate-Overhangs { display: block; }

.offstate-Sheds { display: none; }
.onstate-Sheds { display: block; }

.offstate-ShedLeft { display: none; }
.onstate-ShedLeft { display: block; }

.offstate-ShedRight { display: none; }
.onstate-ShedRight { display: block; }

.offstate-Carport { display: none; }
.onstate-Carport { display: block; }

.offstate-Carport2 { display: none; }
.onstate-Carport2 { display: block; }

.offstate-Windows { display: none; }
.onstate-Windows { display: block; }

.offstate-Eavelights { display: none; }
.onstate-Eavelights { display: block; }

.offstate-Ridgelights { display: none; }
.onstate-Ridgelights { display: block; }

.offstate-Loft { display: none; }
.onstate-Loft { display: block; }

.offstate-SiteAddy { display: none; }
.onstate-SiteAddy { display: block; }

.offstate-Loftp { display: none; }
.onstate-Loftp { display: block; }

.offstate-Lofts { display: none; }
.onstate-Lofts { display: block; }

li {  list-style-image: none}
ul.products li
{
  line-height:18px;
}
/*Addtional Css Start Here Virender*/

.border {
border:solid 5px #000000;
border-bottom:solid 5px #000000;
}
.border-bottom {
border-bottom:solid 5px #000000;
}
.item {
background-color:#ececec;
height:25px;
}
.wdt{
	padding-left:8px;
	}
.altitem {
background-color:#ffffff;
height:25px;
}
.heading-hei {
text-align:center;
height:28px;
line-height:40px;
}
h1 {
font:18px bold Arial, Helvetica, sans-serif;
color:#000000;
}
.input {
width:38px;
}
.input1 {
width:45px;
}
.input-add {
width:190px;
}
.input3 {
width:65px;
}
.input4 {
width:112px;
}
.input5 {
width:120px;
}
.input6 {
width:63px;
}
.input7 {
width:92px;
}
.input8 {
width:80px;
}
.padding {
padding:10px;
}
.yn {
padding-top:1px;
padding-left:2px;
}
.td-hei {
height:25px;
}
.radio {
border:0px;
}
#slope {
text-align: right;
padding-right: 2px;
padding-top: 2px;
font-size: 12px;
}
#check {
background-color:#FF6633;
border-style: dashed;
}
.linkimage:hover {
cursor:pointer;
}
a img {
border: none;
}
.facebook {
background-attachment: scroll;
background-color: transparent;
background-image: url(http://www.hansenpolebuildings.com/images/facebook.gif);
background-position: 5px 1px;
background-repeat: no-repeat;
display:inline;
padding-left:25px;
text-decoration:none;
}
.wraphome:hover .tilehome { background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/home_on.gif); background-repeat:none; }
.tilehome {
  background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/home_off.gif); background-repeat:repeat-x;
  width:179px; 
  height:53px;
}
.tileblue {
  background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/bluebutton_off.gif); background-repeat:repeat-x;
  width:179px; 
  height:36px;
}
.wrap:hover .tileblue { background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/button_on.gif); background-repeat:none; }
.tile {
  background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/button_off.gif); background-repeat:repeat-x;
  width:179px; 
  height:36px;
}

.wrap:hover .tile { background-image:url(http://www.hansenpolebuildings.com/images/SideButtonStates/button_on.gif); background-repeat:none; }
#a { z-index: 2;}
#z:hover{ z-index: 1; }
.tile a{
font-size:17px; font-weight:bold; color:#333333; text-decoration:none; padding-left:15px; display: block; letter-spacing:-1px; padding-top:7px; 
}
.tilehome a{
font-size:17px; font-weight:bold; color:#333333; text-decoration:none; padding-left:15px; display: block; letter-spacing:-1px; padding-top:25px; 
}
}