html,body, form
{
height:100%;	
}


body{
margin:5;
padding:5;
background-color:#c0c0c0;
background-color:#292929;
background-image: url(../images/steel.jpg);
background-repeat:repeat-x;
height:100%;	


}




#maincontainer{
width: 965px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height:100%;
	
}


#contentcolumn2{
padding:30px;
width:100%;
}

#logoarea{
background: #ffffff;
height: 170px; /*Height of top section*/
overflow:hidden;
background-image: url(../images/toplogo.jpg);
width:100%;

}

#topsection{
height: 21px; /*Height of top section*/
width:100%;
border-bottom:1px solid #e8e8e8;        

}

#allcontent{
background: #FFFFFF;
margin-top: 0px;
height:100%;
width:100%;
/*background-image: url(../images/wback.jpg);
border-bottom: 1px solid #cac4c5;
border-top: 1px solid #cac4c5;*/

    


}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 10px 0 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}

#leftcolumn{
float: left;
width: 10px; /*Width of left column in pixel*/
margin-left: -965px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 10px; /*Width of right column*/
margin-left: -10px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #000000;
text-align: center;
height:40px; 
font-size:11px; 
font-family:Arial;
margin-top:0px;
padding-top:10px;
background-image: url(../images/footback2.jpg);
 
}

#footer a{
color: #000000;

}

.innertube{
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 15px;
}



.OrderForm
{
    width:500px;
}

.OrderFormLbl
{
    font-family:Arial, helvetica, Verdana;
    font-size:12px; 
}

.OrderFormtb
{
    font-family:Arial, helvetica, Verdana;
    font-size:12px;
    width:250px;
    background-color:#e7e7e7;
}


.sbButton
{
 background-image: url(btback.gif);
 height:35px;
 padding:1px;
 border: 0px;
 background-repeat:no-repeat;
 padding-left:22px;
 background-color:Transparent;

}


/*============================*/

.puff{display:block}
.puff *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f6b805;
  background-image: url(../images/puffback.jpg);
  }
.puff1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbe093;
  border-right:1px solid #fbe093;
  background:#f8c943}
.puff2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef7e6;
  border-right:1px solid #fef7e6;
  background:#f7c534}
.puff3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f7c534;
  border-right:1px solid #f7c534;}
.puff4{
  border-left:1px solid #fbe093;
  border-right:1px solid #fbe093}
.puff5{
  border-left:1px solid #f8c943;
  border-right:1px solid #f8c943}
.pufffg{
  background:#f6b805;
  background-image: url(../images/puffback.jpg);
  padding:20px;
}


/* ====== */


.banner{display:block}
.banner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#bad0e0}
.banner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1eaf1;
  border-right:1px solid #e1eaf1;
  background:#cbdbe7}
.banner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8fafb;
  border-right:1px solid #f8fafb;
  background:#c7d8e5}
.banner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c7d8e5;
  border-right:1px solid #c7d8e5;}
.banner4{
  border-left:1px solid #e1eaf1;
  border-right:1px solid #e1eaf1}
.banner5{
  border-left:1px solid #cbdbe7;
  border-right:1px solid #cbdbe7}
.bannerfg{
  background:#bad0e0;
  padding:20px;
  }


div.rounded-box {
    width: 9em;
    background-color: #E6E6E6;
    margin: 3px;
}