/*    sfsupplycloset.com  
*     style.css 
*     COPYRIGHT BROWN BAG WEB DESIGN .COM 
*     LAST UPDATED (SMS): 2010-05-10 23:20 PST 
*/


/*
*
*  ======= INDEX =======
*   
*  1. BASIC LAYOUT
*  2. HEADER
*  3. NAV
*  4. HOME
*  5. ELECTRONICS / OFFICE / SAFETY
*  6. CONTACT PAGE
*  7. FENCE PAGE
*
*/


/************* 1. BASIC LAYOUT (ENTIRE SITE) **************/
body {
  background:#c9c9c9 url(../images/fw/bkgd.jpg) repeat;
  margin: 0;
  padding: 0;
  width: 960px;
  margin:0px auto;
}

#wrap {
  background-image:url('../images/fw/diamond_metal_background.png');
  background-repeat:repeat-none;
  width: 960px; /*COMING SOON */
  height: 1101px; /*COMING SOON */
  margin-top:43px;
  padding:10px 10px 10px 10px;
  position:relative;
}
.browserIE7 #wrap{
  margin-top:0px;
  padding:40px 10px 10px 10px;
}


/************* 2. HEADER **************/
#header {
  margin:0px auto;
  width: 960px;
  text-align:center;
  width: 960px;
  padding:30px 10px 10px 10px;
}
.browserIE7 #header  {
  display:inline;
}
#header #logo {
  padding:10px 10px 10px 10px;
  float:left;
}
.browserIE7 #header #logo {
  padding:40px 10px 10px 10px;
  float:left;
}
.browserIE7 #header #phone {
  padding:40px 10px 10px 70px;
}

/************* 3. NAV **************/
#nav {
  float:right;
  margin-bottom:-5px;
  
}
.ro {
  width:150px;
  height:47px;
  margin-right:-5px;
}

/************* 4. HOME **************/
#productButtons {
  width:940px;
  padding:10px 10px 10px 42px;
}
.homeButtons {
  margin:5px 5px 5px 5px;
}
#homeMetal {
  background-image:url('../images/fw/metal_rectangle.png');
  background-repeat:none;
  width:868px;
  height:460px;
  margin:10px 10px 10px 44px;
}
#homeMetal h1 {
  font-family:Helvetica, sans-serif;
  font-size:3.6em;
  text-shadow:4px 4px 10px #000000;
  color:#FF7F00;
  text-align:center;
  margin:25px 25px 25px 25px;
  padding:25px 0px 0px 0px;
}
#homeMetal p {
  font-family:Helvetica, sans-serif;
  font-size:1.5em;
  line-height:1.3em;
  color:#000;
  text-align:justify;
  margin:15px 25px 15px 25px;
  padding:0px 0px 15px 0px;
}
#homeListOfProducts {
  font-family:arial;
  font-size:1.7em;
  line-height:1.3em;
  color:#000;
  text-align:center;
  margin:25px 25px 25px 25px;
  padding:25px 25px 25px 25px;
}

/************* 5. ELECTRONICS, OFFICE, SAFETY **************/
.productNav {
  padding-top:10px;
}
#productsElectronics {
  background-image:url('../images/fw/products_navigation/Body_Products_Electronics_0.png');
  background-repeat:no-repeat;
  margin: 0px auto;
  width:811px;
  height:1016px;
  margin-top:40px;
}
#productsSafety {
  background-image:url('../images/fw/products_navigation/Body_Products_Safety_0.png');
  background-repeat:no-repeat;
  margin: 0px auto;
  width:811px;
  height:1016px;
  margin-top:40px;
}
#productsOffice {
  background-image:url('../images/fw/products_navigation/Body_Products_Office_0.png');
  background-repeat:no-repeat;
  margin: 0px auto;
  width:811px;
  height:1016px;
  margin-top:40px;
}
#productsFence {
  background-image:url('../images/fw/products_navigation/Body_Products_Fencing.png');
  background-repeat:no-repeat;
  margin: 0px auto;
  width:811px;
  height:1016px;
  margin-top:40px;
}
#subNavElectronics {
  margin-left:273px;
} 
#subNavSafety {
  margin-left:275px;
}
.productNavSafety {
  padding-left:277px;
}
#productsTable {
  width:700px;
  margin:0px auto;
  padding:10px 10px 10px 0px;
}
.product {
  font-family:Helvetica, arial;
  padding:15px 0px 0px 20px;
  background-image:url('../images/fw/metal_square.png');
  background-repeat:no-repeat;
  height:178px;
  width:233px;
}
.product h3 {
  padding:0px 0px 0px 0px;
  font-size:1.1em;
}
.product h3 a {
  color:#000000;
  text-decoration:none;
}
.product h3 a:hover {
  color:#ff7f00;
  text-decoration:none;
}
.product .toggle li{
  padding:5px 0px 0px 5px;
  font-size:.7em;
}
#designby{
  font-size:.6em;
  padding-top:50px;
}
#designby a{
  color:black;
}

/************* 6. CONTACT **************/
#contactMetal{
  padding:40px 40px 40px 40px;
}

/************* 7. FENCE **************/
#fenceProduct{
  padding-top:120px;
	
}