/* css for Safesite */
@import url(reset.css);
body {
 background: url('images/bg_page.png') repeat center top;
 margin:0; padding:0;
 color: #0f0e0f;
 font: 62.5%/1.7em  Verdana, "Lucida Grande", LucidaGrande, arial, sans-serif; 
 width: 100%;
}
img { border: none; }

h2 {
 color: #ffb133;
 margin-bottom: 0.5em; 
 font: bold 1.8em/1.0em Rockwell, "Times New Roman", Times, serif;  
}

h3 {
 color: #ffb133;
 margin-bottom: 0.5em; 
 font: bold 1.5em/1.0em Rockwell, "Times New Roman", Times, serif; 
 }
 
 h4 {
	color: #000;
	margin-bottom: 0.5em;
	font: bold 1.5em/1.0em Arial, Helvetica, sans-serif;
 }

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}
#conTent {
width: 100%;
background: url('images/bg_wrap.gif') repeat-y center top;	
padding-top: 19px;
}
#header {
	margin: 0 auto 0;
	background: url('images/top.gif') no-repeat 0 0;
	width: 760px;
	height: 110px;
	position: relative;
}
#header h1 {
	width: 211px;
	height: 110px;
	position: relative;
	margin-left: 17px;
}
#header h1 span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url('images/h1-logo.png') no-repeat 0 0;
}
#header-in {
 position: absolute;
 right: 17px;
 top: 60px; 
}
#header-in h2 {
 width: 318px;
 height: 48px;
 position: relative; 
}
#home #header-in h2 {
 width: 318px;
 height: 48px;
 position: relative; 
}
#header-in h2  span {
	width: 100%;
	height: 100%;
	position: absolute;
}
# home #header-in h2  span {
	background: url('images/head-h2.gif') no-repeat 0 0;
}
#top_menu {
 position: absolute;
 right: 17px;
 top: 0;
 font-size: 1.1em;
 font-weight: bold;
 line-height: 2.0em;
 background: #fff url('images/bg_menu.gif') repeat-x 0 0;	
}
#top_menu ul li {
	float: left;
	display: block;
	height: 32px;
	padding-top: 7px;
	background: url('images/bg_menuedge.gif') no-repeat 100% 0;
}
#top_menu ul li a {
	padding: 0 9px;
	color: #000;
	text-decoration: none;
}
#top_menu ul li a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #fb9c0a;
}
#top_menu ul li.current a {
 color: #fb9c0a;	
}
#top_menu ul li.last {
	background: url(none);
}
#top_menu ul li.first {
	padding-left: 0px;
}
#top_menu ul li.last {
	padding-right: 0px;
}
#top_menu ul li.bl,
#top_menu  ul li.br {
width: 9px;	
}
#top_menu ul li.bl {
 background: url('images/menu_bl.gif') no-repeat 0 100%;	
}
#top_menu ul li.br {
 background: url('images/menu_br.gif') no-repeat 100% 100%;	
}



#conTent-in {
 width: 760px;
 margin: 0px auto;
background: #fff url('images/tile.gif') repeat-x 0 0;
padding-top: 20px;
}

#subhead {
 height: 249px;
 margin: 0 17px 10px;
  color: #ffb133;
}
#home #subhead {
 background: url('images/subhead_home_1.jpg') no-repeat 100% 0; 
}
#subhead-in {
 width: 100%;
 height: 100%;
 background: url('images/subhead.gif') no-repeat 0 0; 
 position: relative;
}
#subhead-in p {
 position: absolute; 
 top: 170px;
 right: 25px;
 width: 285px; 
 font-weight: 600;
 font-size: 1.1em; 
 line-height: 1.3em;
 text-align: right;
}
#left {
	float: left;
	width: 190px;
	margin-left: 17px;
}
#right {
	float: right;
	width: 520px;
	margin-right: 17px;
}
* html #left { 
	margin-left: 10px; 
}
* html #right {
 width: 515px; 
	margin-right: 10px; 
}

#bread {
 margin-bottom: 6px;
 font-size: 1.0em;
  color: #5b5b5c;
}
#home #bread {
 border-bottom: 1px solid #475560; 
 padding-bottom: 6px;
}
#bread a {
  color: #5b5b5c;
  text-decoration: underline;
}
#home #bread a {
  color: #5b5b5c;
  text-decoration: none;
}
#bread a:hover {
  color: #333;
  text-decoration: underline;
}
.ltgrybx {
 background: #eaebec;
 width: 100%; 
}
.ltgrybx-top,
.ltgrybx-foot  {
 height: 8px;
 width: 100%; 
 display: block;
}
.ltgrybx-top-l {
  float: left;
  width: 7px;
 height: 8px;
 display: block;
  background: url('images/ltgrybx.png') no-repeat 0 0;
}
.ltgrybx-top-r {
  float: right;
  width: 7px;
 height: 8px;
 display: block;
  background: url('images/ltgrybx.png') no-repeat 100% 0;
}
.ltgrybx-foot-l {
  float: left;
  width: 7px;
 height: 8px;
 display: block;
  background: url('images/ltgrybx.png') no-repeat 0 100%;
}
.ltgrybx-foot-r {
  float: right;
  width: 7px;
 height: 8px;
 display: block;
  background: url('images/ltgrybx.png') no-repeat 100% 100%;
}
.ltgrybx-mid {
  width: 94%;
 display: block;
  margin: 5px auto;
}
.ltgrybx-mid p {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}	
.bluebx {
 background: #024384;
 width: 100%; 
}
.bluebx-top,
.bluebx-foot  {
 height: 11px;
 width: 100%; 
 display: block;
}
.bluebx-top-l {
  float: left;
  width: 10px;
 height: 11px;
 display: block;
  background: url('images/bluebx.png') no-repeat 0 0;
}
.bluebx-top-r {
  float: right;
  width: 10px;
 height: 11px;
 display: block;
  background: url('images/bluebx.png') no-repeat 100% 0;
}
.bluebx-foot-l {
  float: left;
  width: 10px;
 height: 11px;
 display: block;
  background: url('images/bluebx.png') no-repeat 0 100%;
}
.bluebx-foot-r {
  float: right;
  width: 10px;
 height: 11px;
 display: block;
  background: url('images/bluebx.png') no-repeat 100% 100%;
}
.bluebx-mid {
  width: 94%;
 display: block;
  margin: 5px auto;
  text-align: center;
}
.bluebx-mid p{
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}

.grybx {
 background: #d4d5d6;
 width: 100%; 
}
.grybx-top,
.grybx-foot  {
 height: 9px;
 width: 100%; 
 display: block;
}
.grybx-top-l {
  float: left;
  width: 9px;
 height: 9px;
 display: block;
  background: url('images/grybx.png') no-repeat 0 0;
}
.grybx-top-r {
  float: right;
  width: 9px;
 height: 9px;
 display: block;
  background: url('images/grybx.png') no-repeat 100% 0;
}
.grybx-foot-l {
  float: left;
  width: 9px;
 height: 9px;
 display: block;
  background: url('images/grybx.png') no-repeat 0 100%;
}
.grybx-foot-r {
  float: right;
  width: 9px;
 height: 9px;
 display: block;
  background: url('images/grybx.png') no-repeat 100% 100%;
}
.grybx-mid {
  width: 94%;
 display: block;
  margin: 5px auto;
}
.grybx-mid h2 {
}
.grybx-mid p {
  text-align: center;
}
.line {
 height: 31px;
 width: auto;
 background: url('images/bg_line.png') repeat-x 0 50%; 
}
.info {
  font-size: 1em;
  color: #000; 
  line-height: 1.2em;
  margin-bottom: 1em;
}
.info b {
 font-weight: 600; 
}
.info big {
  font-size: 1.4em;
  font-weight: bold;
}
.info p {
 margin: 0 0 0.5em 0; 
}
.info a {
 color: #0048ff;
 text-decoration: underline; 
}
.info a:hover {
 color: #016;
 text-decoration: underline; 
}
.thirds {
 margin: 22px 0 18px;
}

.thirds p {
 font-size: 1em;
 color: 56595f;
 line-height: 1.2em;
 margin-top: 0.5em; 
}


.athird {
 width: 31%;
 float: left;
 margin-left: 2%;  
}
.athirdright {
 width: 31%;
 float: right;
 margin-right: 0;
}


#footer {
	width: 100%;
	clear: both;
	background: #000;
 height: 80px;
}
#subfooter {
 width: 760px;
 height: 40px;
 margin: 0px auto;
	background: url('images/foot.gif') no-repeat 0 0;
	text-align: center;
}
#subfooter p {
 margin: 0 17px;
 padding: 10px 0;
 border-top: 1px solid #b8b9b9;
 font-size: 1.2em;
 font-weight: 600;
}
 
#subfooter p a {
 color: #7f8184; 
 text-decoration: none;
}
#subfooter p a:hover {
 color: #fb9c0a; 
 text-decoration: underline;
}
#subfoot {
  color: #7b7b7c;
  padding-top: 6px;
  width: 750px;
  margin: 0 auto;
}
#subfoot a {
  color: #7b7b7c;
 text-decoration: none; 
}
#subfoot a:hover {
  color: #ccc;
 text-decoration: underline; 
}
#subfoot-l {
  float: left;
  width: 49%;
}
#subfoot-r {
  float: right;
  width: 49%;
  text-align: right;  
}

/* ********************************************************************** */
/* ************************ inside product pages ****************************** */
/* ********************************************************************** */

#product #header-in {
 position: absolute;
 right: 17px;
 top: 65px; 
}
#product #header-in h2.scaffoldings {
 width: 271px;
 height: 50px;
 position: relative; 
}
#product #header-in h2.scaffoldings  span {
	background: url('images/h2-scaffoldings.png') no-repeat 0 0;
}
#product #subhead {
 background: url('images/subhead_product.jpg') no-repeat 100% 0; 
}
h2.menutitle {
  font-size: 1.6em;
}
.productbx {
  width: 520px;
 background: url('images/productbx-tile.png') repeat-y 0 0;
 margin-bottom: 1em; 
}
.productbx-top {  
  width: 520px;
  height: 47px;
 background: url('images/productbx-toptile.png') repeat-x 0 0;
}
.productbx-top-m {
  height: 8px;
  width: 520px;
}
* html .productbx-top-m { 
  line-height: 0.001pt;
  font-size: 0.001pt;
}

.productbx-top-l {
 background:  url('images/productbx-top.png') no-repeat 0 0;
  width: 10px;
  height: 8px;
  float: left;
}
.productbx-top-r {
 background: url('images/productbx-top.png') no-repeat 100% 0;
  width: 10px;
  height: 8px;
  float: right;
}
.productbx-toptxt {
 width: 518px;
 height: 39px;
 border-left: 1px solid #c8c8c8;
 border-right: 1px solid #c8c8c8;  
}
* html .productbx-toptxt {
 width: 518px;
}
.productbx-toptxt h2 {
  padding-top: 7px;
  margin-left: 14px;
}
.productbx-foot {  
  width: 520px;
  height: 10px;
 background: url('images/productbx-foottile.png') repeat-x 0 100%;
}
.productbx-foot-l { 
  width: 10px;
  height: 10px;
  float: left;
 background: url('images/productbx-foot.png') no-repeat 0 100%;
}
.productbx-foot-r { 
  width: 10px;
  height: 10px;
  float: right;
 background: url('images/productbx-foot.png') no-repeat 100% 100%;
}
.productbx-mid {
  width: 518px;
  padding-top: 18px;
  padding-bottom: 10px;
}
.productbx-mid-l {
  width: 315px;
  float: left;
  margin-left: 15px;
  color: #000;
}
* html .productbx-mid-l {
  margin-left: 7px;
}
.productbx-mid-r {
  width: 154px;
  float: right;
  margin-right: 10px;
}
* html .productbx-mid-r {
  margin-right: 7px;
}
.productbx-mid-l h3 {
  color: #000;
  font-size: 1.6em;
  font-weight: 600;
}
.productbx-mid-l h4 {
 color: #ffb133;
 margin-bottom: 0.5em; 
 font: bold 1.6em/1.0em   Rockwell, "Times New Roman", Times, serif;  
}
.productbx-mid-l p {
  color: #000;
  font-size: 1.1em;
  margin-bottom: 1em;
}
.productbx-mid-l ul {
  color: #000;
  font-size: 1.1em;
  margin: 1em 0  1em  1.5em;
}
.productbx-mid-l ul li {
  list-style: url('images/blue-li.png') ;
  line-height: 1.1em;
  margin-bottom: 0.75em;
}

.productbx-mid-r h3 {
 font-size: 1.0em;
 font-weight: bold;
 padding: 0.5em;
 background: #313f4e;
 color: #fff;
}
.productbx-mid-r p {
 font-size: 1.0em;
 line-height: 1.3em;
 color: #313f4e;
 margin: 0.25em 0;
}
.productbx-mid-r b {
 font-weight: 600;
}
.productbx-mid-r select {
 width: 120px;
 height: 21px; 
 font-size: 1.0em;
 color: #313f4e;
}
.productbx-mid-r input.tech_but {
  height: 26px;
  width: 21px;
  background: url('images/tech_but.png') no-repeat 0 100%;
  border: none;
  cursor:pointer; 
}
.itemblk {
 width: 98%;
 margin: 1.5em 0 1em 1%;
 font-size: 1.0em;
 color: #56595f;
 line-height: 1.1em;  
}


/* *** Sidemenu magic *** */
#leftin {
 position: relative;
 height: 22.0em;  /* *** Adjust for height needed for sidemenu *** */
}
#sidemenu {
 font-size: 1.1em;
 margin-bottom: 10px;
 line-height: 1.2em; 
position : absolute;
left: 0px;
top: 0px;
}

#sidemenu dt, #sidemenu dl, #sidemenu dd, #sidemenu ul, #sidemenu li {
margin: 0 10px 0 0;
}

#sidemenu ul {
  background: #fff; /* **** background color of popuot submenu ********* */
  padding-left: 5px;
  border: 1px solid #d9dadb;
}
#sidemenu li {
display: block;
}

#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6,  #smenu7 { /* *** add #smenu numbers as needed for your menu *** */
position: absolute;
left: 30px;
width: 180px;
}


#sidemenu dt {
 border-top: 1px solid #475560;
 font-weight: 600;
 padding: 5px 0 5px 10px;
  background: url('images/black-li.png') no-repeat 0 50%; 
}
#sidemenu ul li {
 border-top: none;
 font-weight: 500;
 padding: 2px 0 2px 14px;
  background: url('images/black-li.png') no-repeat 0 50%; 
}
#sidemenu dt #smenu0,  {
  height: 5px;
  width: 100%;
  display: block;
}

#sidemenu dt.clearlist {
  background: url(none);
}
#sidemenu ul li a {
  color: #4a534b;
  text-decoration: none;
}
#sidemenu dt a {
  color: #000;
  text-decoration: none;
}
#sidemenu a:hover {
  color: #333;
  text-decoration: underline;
}