html {
margin: 0; padding: 0;
height: 100%;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 100%;
text-align: center;
background-color:#fff;
bottom: 0;
}

body {
margin: 0; 
padding: 0;
height: 100%;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 100%;
text-align: center;
background-color:#fff;
bottom: 0;
}
#container {

     margin : 5px;
      width : 770px;
     margin : auto;
     text-align : left;

}
#wrapper {
position: relative;
width: 770px;
margin: 0em auto;
background: #fff; 
text-align: center;
min-width: 770px; 
top: 0;
bottom: 0;
padding-left: 0;
}

* html #wrapper {height: 70%;} 

#footer{
float: left;
width: 770px;
margin: 0 auto;
background: transparent; 
left: 0px;
color: #000;
text-align: center;
font-size: 11px;
min-width: 770px; 
top: 0;
bottom: 0;
padding: 30px;
}

* html #footer
{height: 1%;}


#header{
position: relative;
width: 770px;
margin: 0 auto;
background: transparent; 
color: white;
top: 5px;
text-align: left;
font-size: 11.5px;
min-width: 770px;
bottom: 0;
}

#home {background: transparent;
top: .3em; 
margin: 0;
left:15px; 
position: relative;
width: 770px;
}

#top {background: transparent; 
margin: 0px; 
color: #000; 
margin-left:0px;
top:5px;
left:0px; 
position: relative;
bottom: 0;
width: 770px; 
}

#top2 {background: url("http://www.freshfacecare.com/images/header.gif") top center no-repeat;
margin: 0px; 
color: #000; 
margin-left:0px;
top: 0em;
left:0px; 
position: relative;
padding-bottom:15px;
width: 770px; 
}

#top1 {background: transparent; 
margin: 0px; 
color: #000; 
margin-left:0px;
top:0px;
left:0px; 
position: relative;
bottom: 0;
width: 770px; 
}

#top3 {background: transparent; 
margin: 0px; 
color: #000; 
margin-left:0px;
top:0.3em;
left:0px; 
position: relative;
bottom: 0em;
width: 760px; 
}

#breadcrumb {background: transparent; 
margin: 0px; 
color: #000; 
margin-left:0px;
top:370px; 
position: relative;
bottom: 0;
width: 770px; 
}

 #center {
position: relative; 
padding: 0 200px 0 150px;
margin: 0; 
top: 0;
bottom: 0;
}

.float-wrapper {position: relative;
width: 420px;
margin: 0em auto;
background: transparent; 
text-align: left;
min-width: 420px; 
top: 0;
bottom: 0;}
     /*** This can be floated left or right ***/

.first-float {position: absolute;
top: 0;
width: 140px;
bottom: 0;
margin: 0;
}
     /*** This must be floated opposite 
		to .second-float ***/

.second-float {position: absolute;
top: 0;
width: 140px;
bottom: 0;
left: 150px;
margin: 0;
}
     /*** This must be floated opposite 
		to .first-float ***/

.third-float {position: absolute;
top: 0;
width: 130px;
bottom: 0; 
left: 290px;
margin: 0;
}
     /*** This must be floated opposite 
		to .float-wrap ***/ 

.single-float {position: absolute;
top: 0;
width: 420px;
bottom: 0;
margin-top: 40px;
}

#shop {
position: relative;
right: 0; 
width: 200px; 
background: #fff; 
border-left-width: 0px;
top: -70px;
bottom: 0; 
float:left;
margin-left: 420px;
}

* html #shop 
{height: 100%;}

* html #top2
{height: 100%;}

#stores {
position: relative;
width: 150px; 
background: #fff; 
text-align: left;
margin-left: 0px;
bottom: 0;
float:left;
top: -70px;
}

* html #stores
{height: 100%;}

#stores h2 {
background: url("http://www.freshfacecare.com/images/leftbrowse.gif") top center no-repeat;
line-height: 14px;
border: 0px  #8D98AA; 
border-style: dotted;
color: #666699;
font-weight: bolder; 
border-bottom: 0px;
padding: 4px;
padding-left: 12px;
 }

#topleft {
left: 0; 
width: 150px; 
background: transparent; 
text-align: left;
margin-top: 0em;
margin-bottom: 0em;
margin: 0em;
bottom: 0;
top: 0;
}

#topleft h3 {
background: #3E5A8E; 
border: 0px  #8D98AA; 
border-style: dotted;
color: #666699;
font-weight: bolder; 
border-bottom: 0px;
padding: 8px;
Margin-bottom: 0em;
}


#stores p {
background: #fff; 
font-size: .9em; 
border: 1px  #CCCC99; 
border-style: solid;
color: #000;
padding: 9px;
}

#shop p {
background: transparent; 
margin: 7px; 
margin-top: -.75em;
margin-bottom: 0em;
margin-right: 0px;
font-weight: normal;
border: 1px  #CCCC99; 
border-style: solid;
border-top: 0px;
} 

#shop h2 {
font-weight: bold;
font-family: arial, helvetica, sans-serif; 
background: #EEEECC;
Color: #000000;
margin: 7px;
margin-right: 0px;
} 

#footer p {
font-size: 11px; 
color: #000;
background: transparent; 
margin: 0; 
padding-top:10px; 
text-align: center;
font-weight: normal; font-family: arial, helvetica, sans-serif;
} 

#deals {
position: relative; 
padding: 0 200px 0 150px;
margin: 0em;
bottom: 0;
top: 5px; 
text-align: left;
}

#shopping {
position: relative; 
z-index: 100; 
background: #fff;
padding: 5px;
margin: 0;
top: 0;
bottom: 0;
}

/* hide from IE/Mac \*/
* html #shopping {height: 1%;} 
* html #top2 {margin: 0 auto;} 
* html #wrapper {margin: 0 auto;}
* html #shop {margin-left:285px;}
* html #stores {top: -60px;}
* html #shop {top: -60px;}
* html #merchant {margin-top: 0em;}
 /* end hide */

#merchant {
padding: 0px;
margin: 0 0 0px;
width: 200px;
}

* html #merchant

{height: 100%;}

#merchant p {
background: transparent; 
margin: 7px; 
margin-top: 0em;
margin-bottom: 0em;
margin-right: 0px;
font-weight: normal;
border: 1px  #CCCC99; 
border-style: solid;
border-top: 1px;
} 

#merchant h2 {
font-weight: bold;
font-family: arial, helvetica, sans-serif; 
background: #EEEECC;
Color: #000000;
margin: 7px;
margin-right: 0px;
}

a.breadcrumb {
font-weight: bold; 
color: #fff; 
margin-left: 110px;
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

a.breadcrumb:hover {
color:#000;
text-decoration: underline;
}

a.home {
font-weight: normal; 
font-size: 1em; 
color: #fff; 
text-align: right;
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

#local{
visibility: hidden;
}

a.home:hover {
color:#000;
text-decoration: underline;
}

a.nav {
font-weight: normal; 
font-size: .8em; 
color: #003399; 
text-align: left;
font-family: arial, helvetica, sans-serif; 
text-decoration: underline;
}

a.nav:hover {
color:#000;
text-decoration: underline;
}

a.left1 {
font-weight: bold; 
font-size: 11px; 
color: #ffffff; 
text-align: right;
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

a.left1:hover {
color:#000;
text-decoration: underline;
}

a.left2 {
font-weight: bold; 
font-size: 1.2em; 
color: #666699; 
text-align: right;
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

a.left2:hover {
color:#000;
text-decoration: underline;
}

a.main {
font-weight: normal; 
font-size: 1em; 
color: #003399; 
text-align: right;
font-family: arial, helvetica, sans-serif; 
text-decoration: underline;
}

a.main:hover {
font-weight: bold;
color:#003399;
text-decoration: underline;
}

a.mainlink {
font-weight: normal; 
font-size: 11px; 
color: #BB5001; 
text-align: right;
font-family: arial, helvetica, sans-serif; 
text-decoration:underline;
}

a.mainlink:hover {
color:#000;
text-decoration: underline;
}

a.footer {
font-weight: normal; 
font-size: 11px; 
color: #000; 
margin: 0; 
font-family: arial, helvetica, sans-serif; 
text-decoration:none;
}

a.footer:hover {
color:#000;
text-decoration: underline;
}

a.footer1 {
font-weight: normal; 
font-size: 11px; 
color: #000; 
font-family: arial, helvetica, sans-serif; 
text-decoration:none;
} 

a.footer1:hover {
color:#000;
text-decoration: none;
}

a.header {font-weight: normal; 
font-size: 1em; 
color: #ffffff; 
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

a.header:hover {
color:#fff;text-decoration: underline;
}

p {
margin: 0; 
padding: 10px;
padding-top: 5px;
margin-bottom: 5px; 
font-size: 0.75em; 
font-family: arial, helvetica, sans-serif;
}

h1, h2, h3, h4  {margin: 0; padding: 10px;}

h1 {
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
padding-top: 5px;
padding-bottom: 1px;
color: #000;
}

h2 {
font-size: 0.7em; 
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
color: #FF0000;
font-family: arial, helvetica, sans-serif;
}

h3 {
font-weight: bold; 
padding-bottom: 0px; 
padding-top: 10px;
font-size: 11px; 
color:#666699;
font-family: arial, helvetica, sans-serif;
}

h4 {
font-weight: bold; 
margin-bottom: -2.5em;
margin-left: 110px; 
padding-top: 10px;
font-size: 11px; 
color: #fff;
font-family: arial, helvetica, sans-serif;
}