/*********************************************************************
 *** @name: frame.css                                              ***
 *** @author: chatter@lawriter.net                                 ***
 ***                                                               ***
 *** This css creates a frames based layout without the frames.    ***
 *** Tested in Firefox 3.0, Safari 3.0, IE 6 and 7. Use the css    ***
 *** 'add_right_frame.css' to add two scrollable content areas.    ***
 *********************************************************************/
body {
  margin:0;
  padding:0; 
  height:100%;
  max-height:100%;
  background:#eee;
  background:url('../images/siteBackgroundleft.png') repeat-y top left;
}

html {
  height:100%;
}

#header {
  position:absolute; top:0; left:0; width:100%; height:216px;
  overflow:auto; color:black;
}

#footer {
  position:absolute; bottom:0; left:0; width:100%; height:21px;
  overflow:auto; text-align:right;
}


#wrapper {
  background:#fff url('../images/home_map_bg.png') top left no-repeat;
  bottom:21px;
  left:0;
  position:fixed;
  right:0;
  top:216px;
}
#wrapper_store {
  background: url('') top left no-repeat;
  bottom:21px;
  left:80;
  position:fixed;
  right:0;
  top:116px;

}
#wrapper_store_account {
  background: url('') top left no-repeat;
  bottom:21px;
  left:50;
  position:fixed;
  right:18;
  top:150px;

}


#container {
  float:left;
  height:100%;
  width:100%;
}

#contents {
  height:100%;
  overflow:auto;
}

#background_right {
  background:url('../images/siteBackgroundright.png') repeat-y top right;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  width:21px
}
    
.padded {
  margin:0px 21px;
  width:auto;
}

/* for internet explorer <IE7*/
* html body {
  padding:216px 0 21px 0; 
}

* html #wrapper {
  height:100%; 
  width:100%; 
}