/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "../../CSS/lib/reset.css";
@import "../../CSS/lib/typography.css";
@import "../../CSS/lib/forms.css";
@import "../../CSS/lib/plugins/tabs.css";
@import "../../CSS/lib/plugins/nav.css";
@import "../../CSS/lib/plugins/carousel.css";
@import "../../CSS/lib/plugins/categoryItem.css";
@import "../../CSS/lib/plugins/productItem.css";
@import "../../CSS/lib/plugins/controls.css";
@import "../../CSS/lib/plugins/news.css";
@import "../../CSS/lib/plugins/membership.css";
/* Page
-------------------------------------------------------------- */
.master-wrapper-page
{
    background-image:url('images/background.jpg');
    background-position:center top;
    background-repeat:repeat-y;
}
.master-wrapper-content
{ 
    margin: 0 auto; 
    width: 775px; 
    overflow:hidden; 
}
/* Header
-------------------------------------------------------------- */
.master-wrapper-header
{   
    background-image:url('images/background-header.jpg');
    background-position:center top;
    background-repeat:no-repeat;  
    padding-top:10px;
}
.header 
{
    padding-top:20px;
    margin:0 auto 0 auto; 
    width: 775px; 
    overflow:visible;
    position:relative;  
}
.header .header-logo
{
    width:310px;
}
.header a.logo 
{
    background-image:url('images/logo.gif');
    background-position:left top;
    background-repeat:no-repeat;
    width:310px;
    height:60px;
    display:block;
    overflow:hidden;
}
.header-links-wrapper
{
    position:absolute;
    right:0;
    top:40px;
}
.header-links ul, .header-links h2 
{float:left;}
.header-links ul li
{
    float:left;
    margin:0 10px;
 }
.headermenu
{
    margin:10px  0 20px 0;
    width:775px;
    height:30px;
    line-height:30px;
    clear:both;
    background-image:url('images/background-menu.jpg');
    background-position:top;
    background-repeat:repeat-x;
}
/* Body
-------------------------------------------------------------- */

.master-wrapper-content { margin-top: 2px; }

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

/* Columns
-------------------------------------------------------------- */
.master-wrapper-right .callout
{margin-top:10px;}
.master-wrapper-side, .master-wrapper-right{width:200px;margin:8px 0;}
.master-wrapper-center
{
    margin:8px;
}
.master-wrapper-center
{
    width:372px;
}
#oneColumn .master-wrapper-center
{
    width:558px;
}
.master-wrapper-right
{
    width:185px;
}
.master-wrapper-side,.master-wrapper-center, .master-wrapper-right {float:left;}
.master-wrapper-side .category-navigation
{
    border:solid 1px #ccc;
    padding:6px;
    margin:0 0 10px 0;
}
/* Banner
-------------------------------------------------------------- */
#banner
{
    clear:both;
}

/* Footer
-------------------------------------------------------------- */
.master-wrapper-footer    
{
 
    background-image:url('images/background-footer.jpg');
    background-position:center bottom; 
    background-repeat:no-repeat;  
}
.footer 
{ 
    text-align:center;
    margin:0 auto; 
    width: 775px;   
    position:relative;  
    margin-top: 20px; 
    height:100px;
}
.footer .infoBlock
{
     clear:both; 
     float:none;
     width:700px; 
 }
 .footer-disclaimer
 {     clear:both; 
     float:none;
     width:775px; }