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;

}
#xyzwrapper {
position: relative;
width: 770px;
margin: 0em auto;
background: #fff; 
text-align: center;
min-width: 770px; 
top: 0;
bottom: 0;
padding-left: 0;
}

* html #xyzwrapper {height: 70%;} 

#xfooter{
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%;}


#yheader{
position: relative;
width: 770px;
margin: 0 auto;
background: transparent; 
color: white;
top: 5px;
text-align: left;
font-size: 13px;
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; 
}

#rvtop {background: url("http://www.completehomestorage.com/images/topheader.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; 
}

#xvtop {background: transparent; 
margin: 0px; 
color: #fff; 
margin-left:0px;
top:0.3em;
left:0px; 
position: relative;
bottom: 0em;
width: 750px; 
}

#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;
}

.floatwrapper {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 ***/

.firstfloat {position: absolute;
top: 0;
width: 140px;
bottom: 0;
margin: 0;
}
     /*** This must be floated opposite 
		to .secondfloat ***/

.secondfloat {position: absolute;
top: 0;
width: 140px;
bottom: 0;
left: 150px;
margin: 0;
}
     /*** This must be floated opposite 
		to .firstfloat ***/

.thirdfloat {position: absolute;
top: 0;
width: 130px;
bottom: 0; 
left: 290px;
margin: 0;
}
     /*** This must be floated opposite 
		to .float-wrap ***/ 

.singlefloat {position: absolute;
top: 0;
width: 420px;
bottom: 0;
margin-top: 40px;
}

#xyzshop {
position: relative;
right: 0; 
width: 200px; 
background: #fff; 
border-left-width: 0px;
top: -70px;
bottom: 0; 
float:left;
margin-left: 420px;
}

* html #xyzshop 
{height: 100%;}

* html #rvtop
{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.completehomestorage.com/images/lefttop.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;
}

#xyzshop 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;
} 

#xyzshop 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;
} 

#xyzdeals {
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 #rvtop {margin: 0 auto;} 
* html #xyzwrapper {margin: 0 auto;}
* html #xyzshop {margin-left:285px;}
* html #xystores {top: -60px;}
* html #xyzshop {top: -60px;}
* html #xyzmerchant {margin-top: 0em;}
 /* end hide */

#xyzmerchant {
padding: 0px;
margin: 0 0 0px;
width: 200px;
}

* html #xyzmerchant

{height: 100%;}

#xyzmerchant 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;
} 

#xyzmerchant 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.xheader {font-weight: normal; 
font-size: 1em; 
color: #ffffff; 
font-family: arial, helvetica, sans-serif; 
text-decoration: none;
}

a.xheader: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;
}

/* ----- start: search boxes ----- */

.searchbox {
  width: 208px;
  background:url("http://www.completehomestorage.com/images/bl.gif") no-repeat bottom left;  }
  
.thesearchbox_br {
  background: url("http://www.completehomestorage.com/images/br.gif") no-repeat bottom right; }

.searchboxbg {
  width:208px;
  background:#e8e8e8 url("http://www.completehomestorage.com/images/searchbg.gif") repeat-x top left;
  padding:0;
  margin:10px 0 0 0; }
  
.thesearchbox {
  margin: 0 0 0 7px;
  padding: 7px 3px 5px 7px; }

.thesearchbox h3 {
  font-size: 11px; 
  font-weight: bold; 
  margin:0;
  padding: 0 0 2px 0;
  text-align:left;}
