/* CSS Document */

html, body
{
background-color:#ededed;
color:#616a74;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
}

#wrapper
{
background-color:inherit;
color:inherit;
width:800px;
height:100%;
margin:0px auto;
padding:0px;
}

#contentHolder
{
background-color:#E7E7E7;
color:inherit;
width:800px;
height:600px;
margin:2px 0px 0px 0px;
padding:0px;
}

a.links
{
color:#066DBB;
font-weight:bold;
}

a.links:hover
{
color:#666666;
}

/**********************************************************************************************************************************
Banner
**********************************************************************************************************************************/

#bannerHolder
{
background-color:#A1D6FD;
color:inherit;
width:800px;
height:113px;
margin:0px;
padding:0px;
}

#bCorner
{
background-color:inherit;
color:inherit;
width:21px;
height:21px;
padding:0px;
margin:0px;
float:left;
}

#bTop
{
background-color:inherit;
color:inherit;
width:758px;
height:19px;
padding:0px;
margin:0px;
border-top:solid #587993 2px;
float:left;
}

#bSide-left
{
background-color:inherit;
color:inherit;
width:19px;
height:86px;
padding:0px;
margin:0px;
border-left:solid #587993 2px;
border-bottom:solid #572E2A 1px;
float:left;
}

#bMid
{
background-color:inherit;
color:inherit;
overflow:hidden;
width:758px;
height:86px;
padding:0px;
margin:0px;
border-bottom:solid #572E2A 1px;
float:left;
}

#logoHolder
{
width:190px;
height:86px;
float:left;
}

#bStraplineHolder
{
background-color:inherit;
color:#066DBB;
width:370px;
height:82px;
padding:0px 0px 0px 10px;
margin:0px;
float:left;
}

#mrFrameSays
{
background-color:inherit;
color:inherit;
height:18px;
width:370px;
padding:0px 0px 0px 0px;
margin:0px;
float:left;
}

#strapline
{
background-color:inherit;
height:60px;
font-size:0px;
white-space:0px;
padding:0px;
margin:0px;
}

#bSide-right
{
background-color:inherit;
color:inherit;
width:19px;
height:86px;
padding:0px;
margin:0px;
border-right:solid #587993 2px;
border-bottom:solid #572E2A 1px;
float:left;
}

#bBorder
{
background-color:inherit;
color:inherit;
width:796px;
height:3px;
font-size:0;
line-height:0;
margin:0px;
padding:0px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
border-bottom:solid #572E2A 2px;
float:left;
}



/**********************************************************************************************************************************
Link Buttons
**********************************************************************************************************************************/

#navContainer
{
background-color:#B2CADC;
height:21px;
width:796px;
font-size:11px;
font-weight:bold;
padding:9px 0px 0px 0px;
margin:0px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
border-bottom:solid #9eb3c4 1px;
float:left;
}

#navContainer ul
{
list-style-type:none;
padding:0px 0px 0px 15px;
margin:0px;
}

#navContainer ul li
{
display:inline;
}

#navContainer ul li a
{
background-color:#B2CADC;
color:#616A74;
text-decoration:none;
padding:9px 20px 7px 20px
}

#navContainer ul li a:hover
{
background-color:#9eb3c4;
color:#FFFFFF;
text-decoration:none;
}

ul li a#userLogin
{
background-color:#A1D6FD;
color:#616A74;
padding:9px 22px 7px 31px;
border-left:solid #7AC7FF 1px;
}

li.active
{
background-color:#9eb3c4;
color:#ffffff;
padding:9px 20px 7px 20px;
}

li.inActive
{
background-color:inherit;
color:#8A8D94;
padding:9px 20px 7px 20px;
}

/**********************************************************************************************************************************
Main Content
**********************************************************************************************************************************/

#content
{
background-color:#e7e7e7;
color:inherit;
width:791px;
text-align:center;
padding:8px 0px 17px 5px;
margin:0px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
float:left;
}

#flashcontent 
{
width:786px;
height:259px;
padding:7px 0px 0px 0px;
text-align: center;
float:left;
}

/**********************************************************************************************************************************
Bottom Links
**********************************************************************************************************************************/

#linksHolder
{
background-color:inherit;
color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
width:786px;
height:135px;
padding:0px 5px 0px 5px;
margin:0px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
float:left;
}

#link-howItWorks
{
background: url(../images/how_it_works.jpg) no-repeat;
color:inherit;
width:117px;
height:76px;
padding:55px 120px 0px 18px;
margin:0px 10px 0px 0px;
float:left;
}

#link-wholesale
{
background: url(../images/wholesale.jpg) no-repeat;
color:inherit;
width:137px;
height:76px;
padding:55px 100px 0px 18px;
margin:0px 10px 0px 0px;
float:left;
}

#link-specialOffer
{
background: url(../images/special_offers.jpg) no-repeat;
color:inherit;
width:107px;
height:76px;
padding:55px 130px 0px 18px;
margin:0px 0px 0px 0px;
float:left;
}


/**********************************************************************************************************************************
Footer
**********************************************************************************************************************************/

#footerHolder
{
background-color:#A1D6FD;
color:inherit;
height:37px;
width:800px;
padding:0px;
margin:0px;
float:left;
}

#fBorder
{
background-color:inherit;
color:inherit;
font-size:0px;
height:3px;
width:796px;
border-top:solid #572E2A 1px;
border-bottom:solid #572E2A 2px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
float:left;
}

#fMid
{
background-color:inherit;
color:inherit;
height:11px;
width:796px;
padding:0px;
margin:0px;
border-left:solid #587993 2px;
border-right:solid #587993 2px;
float:left;
}

#fCorner
{
background-color:inherit;
color:inherit;
height:21px;
width:21px;
float:left;
}

#fBottom
{
background-color:inherit;
color:inherit;
height:19px;
width:758px;
text-align:center; 
border-bottom:solid #587993 2px;
float:left;
}
