﻿body
{
    position: relative;
    margin: auto 0px;
    
}

#SiteBanner
{
    width: 770px;
    height: 74px;
   /* position: absolute;*/
    top: 0px;
    /*left: 0px;*/
   
}
#UtilityControlSet a:link,#UtilityControlSet a:active
{
    display: inline-block;
    text-decoration: none;
}

#SiteNav a:link {text-decoration: none; color:#000;}
#SiteNav a:visited {text-decoration:none}
#SiteNav a:active {text-decoration:none}
#SiteNav a:hover {text-decoration:none; color:#000;}

#SearchBox
{
    width: 204px;
    height: 51px;
    position: absolute;
    top: 76px;
    left: 0px;
    background-color: #FFD00C;
}

#Breadcrumb
{
  
     /*top:220px;*/
    font: 10pt Verdana, sans-serif;
    color: #003366;
    padding: 5px 5px 3px; /* TODO: Check this. */
    width:920px;
    margin-left:15px;
    _margin-left:47px;
    padding-top:5px;
    margin-bottom:5px;
  margin-top:163px;
  _margin-top:0px;
  *margin-top:0px;
}

#ContentSection
{
}

#BodyContent
{
    width: 560px;
    position: absolute;
    /*top: 127px;*/
    top:140px;
    left: 210px;
}

#Footer
{
    width: 560px;
    height: 189px;
    margin-left:-210px;
}

#Navigation1
{
    width: 204px;
    height: auto; /* TODO: Probably should be "auto". */
    position: relative;
    /*top: 127px;*/
    top:-980px;
    *top:-1035px;
    _TOP:-1100PX;
    left:20px;
    _left:47px;
}

#Navigation2
{
}

#Navigation3
{
    
}

/* BEGIN Layout1 */
/* For Home Page, Store Landing Pages, All Other Landing Pages */

body.Layout1 #SiteBanner
{
    visibility: visible;
}

body.Layout1 #SearchBox
{
    visibility: visible;
}

body.Layout1 #Breadcrumb
{
    visibility: visible;
}

body.Layout1 #ContentSection
{
    visibility: hidden;    
}

body.Layout1 #BodyContent
{
    visibility: visible;
}
body.Layout1 #Wrapper
{
    visibility: visible;
    min-height: 100%;
    height : 100%;
    display:block;
   width:100%;
   
}

body.Layout1 #Footer
{
    visibility: visible;
    clear:both;
    height:auto;
    top:auto;
   
   
}
body.Layout1 #BodyContent
{
    /*height:100%;*/
}

body.Layout1 #Navigation1
{
    visibility: visible;
}

body.Layout1 #Navigation2
{
    visibility: hidden;
}

body.Layout1 #Navigation3
{
    visibility: hidden;
}

/* END Layout1 */

/* BEGIN Layout2 */
/* For Tabbed Product Detail Pages, Shopping Cart */

body.Layout2 #SiteBanner
{
    visibility: visible;
}

body.Layout2 #SearchBox
{
    visibility: visible;
}

body.Layout2 #Breadcrumb
{
    visibility: visible;
}

body.Layout2 #ContentSection
{
    width: 745px;
    position: absolute;
    top: 160px;
    left: 25px;
}

body.Layout2 #BodyContent 
{
    visibility: visible;
    position: static;
    float: left;
    width: 488px;
    top: 0px;
    left: 0px;

}

body.Layout2 #Footer
{
    visibility: visible;
    clear: both;
    margin-left:0px;
   
    /*position: relative;
    left: 93px;*/
}

body.Layout2 #Navigation1
{
    visibility: hidden;
}

body.Layout2 #Navigation2
{
    visibility: visible;
    width: 225px;
    float: right;
}

body.Layout2 #Navigation3
{
    visibility: visible;
    width: 750px;
    position: absolute;
    /*top: 127px;*/
    top:120px;
    left: 10px;
}
body.Layout4 #BodyContent
{
   /* top:150px;*/
   top:250px;
}
/* END Layout2 */

/* BEGIN Layout3 */
/* For Elite Values, Article template */

body.Layout3 #SiteBanner
{
    visibility: visible;
}

body.Layout3 #SearchBox
{
    visibility: visible;
}

body.Layout3 #Breadcrumb
{
    visibility: visible;
}

body.Layout3 #ContentSection
{
    width: 745px;
    position: absolute;
    top: 250px;
    left: 10px;
}

body.Layout3 #BodyContent
{
    visibility: visible;
    position: static;
    float: left;
    width: 488px;
    top: 0px;
    left: 0px;

}

body.Layout3 #Footer
{
    visibility: visible;
    clear: both;
    /*position: relative;
    left: 93px;*/
}

body.Layout3 #Navigation1
{
    visibility: hidden;
}

body.Layout3 #Navigation2
{
    visibility: visible;
    width: 225px;
    float: right;
}

/* END Layout3 */

/* BEGIN Layout4 */
/* For application pages that are not part of a transaction flow. */

body.Layout4 #SiteBanner
{
    visibility: visible;
}

body.Layout4 #SearchBox
{
    visibility: visible;
}

body.Layout4 #Breadcrumb
{
    visibility: visible;
}

body.Layout4 #ContentSection
{
    visibility: hidden;    
}

body.Layout4 #BodyContent
{
    visibility: visible;
    /*width: 710px;*/
    width:950px;
    left:0px;
    /*left: 32px;*/
}

body.Layout4 #Footer
{
    visibility: visible;
    /*position: relative;
    left: 75px;
    margin-left:-15px;*/
   margin-left:0px;
   width:939px;
   _width:953px;
    
}

body.Layout4 #Navigation1
{
    visibility: hidden;
}

body.Layout4 #Navigation2
{
    visibility: hidden;
}

body.Layout4 #Navigation3
{
    visibility: hidden;
}

/* END Layout4 */

/* BEGIN Layout5 */
/* For application pages that are part of a transaction flow (e.g. Checkout). */

body.Layout5 #SiteBanner
{
    visibility: visible;
}

body.Layout5 #SearchBox
{
    visibility: hidden;
}

body.Layout5 #Breadcrumb
{
    visibility: hidden;
}

body.Layout1 #ContentSection
{
    visibility: hidden;    
}

body.Layout5 #BodyContent
{
    visibility: visible;
    width: 710px;
    top: 81px;
    left: 32px;
}

body.Layout5 #Footer
{
    visibility: visible;
    /*position: relative;
    left: 75px;*/
    margin-left:0px;
}

body.Layout5 #Navigation1
{
    visibility: hidden;
}

body.Layout5 #Navigation2
{
    visibility: hidden;
}

body.Layout5 #Navigation3
{
    visibility: hidden;
}

/* END Layout5 */

/* Begin Fresh paint layouts specification */
body.Layout4,body.Layout2,body.Layout5
{
    background-color:#e4e4dc;
}

/* End Fresh paint layouts specification */