/***************************** GENERAL *********************************/
body
{
    margin: 0;
    padding: 0;
    text-align: center;
}
body,td
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #333333;
}

h1,h2,h3,h4,h5,h6
{
    margin: 0 0 8px 0;
    padding: 0;
}
h1
{
    font-size: 22px;
    font-weight: normal;
	padding-top: 20px;
}
h2
{
    color: #739752;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 8px;
}
a
{
    color: #f68938;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

.clear
{
    clear: both;
}
p
{
    margin-top: 0;
}
.highlight
{
    color: #f68938;
}
.image-right
{
    clear: right;
    float: right;
    margin: 0 0 5px 5px;
}
/********************************** FULL AREA *****************************/
#full-area
{
    text-align: left;
    margin: 0 auto;
    width: 1000px;
}

/********************************** HEADER *****************************/
#header
{
    height: 41px;
    clear: both;
    width: inherit;
}
#header .access
{
    float: right;
    padding-right: 10px;
    text-transform: uppercase;
    padding-top: 13px;
}
/******************************** USER CONTENT ***************************/
#user-content
{
}
/********************************** CONTENT *****************************/
#content
{
    clear: both;
    width: inherit;
}
#content .inner
{
    float: right;
    width: 750px;
}

/********************************** NAVIGATION *****************************/
#nav
{
    height: 28px;
    clear: both;
    overflow: hidden;
    width: inherit;
}
#nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#nav ul li 
{
    margin: 0 1px 0 0;
    padding: 0 0 0 10px;
    float: left;
    background: url(../images/layout/bg-nav-left.gif) no-repeat top left;
}
#nav ul li a
{
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../images/layout/bg-nav-right.gif) no-repeat top right;
    height: 28px;
    line-height: 28px;
    color: White;
    font-size: 14px;
    padding-right: 9px;
}
#nav ul li:hover
{
    background-image: url(../images/layout/bg-nav-active-left.gif);
}
#nav ul li:hover a
{
    background-image: url(../images/layout/bg-nav-active-right.gif);
}
/********************************** SIDE BAR *****************************/
#side-bar
{
    width: 222px;
    float: left;
    text-align: center;
}
#side-bar .logo
{
    margin: 0 auto;
    display: block;
    height: 200px;
    width: 222px;
    background: url(../images/layout/lg-main.gif) no-repeat center center;
}
#side-bar .tagline
{
    text-align: center;
    font-size: 15px;
    font-style: italic;
    color: #b7bdbf;
    padding-top: 16px;
}
#side-bar .search
{
    display: block;
    padding: 34px 0 0 15px;
    text-align: left;
}
#side-bar .search label
{
    font-size: 15px;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    clear: both;
}
#side-bar .search .input 
{
    height: 20px;
    width: 167px;
    border-top: solid 1px #858585;
    border-left: solid 1px #c2c2c2;
    border-right: none;
    border-bottom: solid 1px #e1e1e1;
    float: left;
    margin: 0;
    padding: 0;
}
#side-bar .search .button
{
    height: 20px;
    width: 21px;
    border-top: solid 1px #858585;
    border-left: none;
    border-right: solid 1px #c2c2c2;
    border-bottom: solid 1px #e1e1e1;
    margin: 0;
    padding: 0;
    float: left;
}
#side-bar h2
{
    color: #666666;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 36px;
    margin-bottom: 3px;
}
#side-bar ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: solid 1px #adadad;
    text-align: left;
    margin: 0 14px;
}
#side-bar ul li
{
    margin: 0;
    padding: 0;
}
#side-bar ul li a
{
    display: block;
    font-size: 15px;
    color: #666666;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 8px;
}
#side-bar ul li a:hover
{
    text-decoration: underline;
}
/********************************** FOOTER *****************************/
#footer
{
    clear: both;
    font-size: 11px;
    color: #666666;
    padding: 40px 0 30px;
}
#footer .nav
{
    float: right;
    clear: both;
    padding-bottom: 4px;
}
#footer .nav a
{
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    text-transform: uppercase;
}
#footer .nav a:hover
{
    text-decoration: underline;
}
#footer .copyright
{
    float: right;
    clear: both;
}
/****************************** FEATURED BOXES *************************/
#featured
{
    position: relative;
    height: 227px;
    width: 749px;
    margin-top: -37px;
}
#featured .box
{
    position: absolute;
    bottom: 0;
    width: 208px;
    height: 167px;
    padding: 60px 20px 0;
    background-position: bottom left;
    background-repeat: no-repeat;
    color: White;
    text-align: left;
}
#featured .box td 
{
    color: White;
}
#featured .box a
{
    color: White;
}
#featured .box h2
{
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    padding-bottom: 6px;
    color: White;
    padding-top: 0;
    margin-bottom: 8px;
}
#featured .blue
{
    right: 0;
    background-image: url(../images/layout/bg-feature-blue.gif);
}
#featured .blue h2
{
    border-bottom: solid 1px #094d7f;
}
#featured .brown
{
    left: 250px;
    background-image: url(../images/layout/bg-feature-brown.gif);
}
#featured .brown h2
{
    border-bottom: solid 1px #856032;
}
#featured .green
{
    left: 0;
    background-image: url(../images/layout/bg-feature-green.gif);
}
#featured .green h2
{
    border-bottom: solid 1px #4a7b38;
}
#featured .green form
{
    display: block;
    text-align: center;
}
#featured .green form label
{
    color: #bed7b1;
    font-weight: bold;
    display: block;
    clear: both;
    padding-bottom: 4px;
}
#featured .green form .center
{
    margin: 0 auto;
    width: 108px;
} 
#featured .green form .input 
{
    height: 19px;
    width: 85px;
    border-top: solid 1px #858585;
    border-left: solid 1px #c2c2c2;
    border-right: solid 1px #c2c2c2;
    border-bottom: solid 1px #e1e1e1;
    float: left;
    margin: 0;
    padding: 0;
}
#featured .green form .button
{
    height: 20px;
    width: 21px;
    border-top: solid 1px #568B3B;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
    float: left;
}
#featured .get-started
{
    display: block;
    height: 21px;
    width:  100%;
    background: url(../images/layout/btn-get-started.gif) no-repeat center center;
}
#featured .view-products
{
    display: block;
    height: 21px;
    width:  121px;
    background: url(../images/layout/btn-view-products.gif) no-repeat center center;
}
/************************* ROTATING HOMEPAGE IMAGE ********************/
#rotating
{
    overflow: hidden;
    height: 267px;
    width: 749px;
    position: relative;
}
#rotating .main
{   
    position: absolute;
    top: 0;
    left: 0;
    height: 267px;
    width: 749px;
    background: url(/wwwroot/userfiles/rotating/main1.jpg) no-repeat top left;
}
#rotating .thumb
{
    height: 57px;
    width: 57px;
    position: absolute;
    right: 16px;
    background-position: top left;
    background-repeat: no-repeat;
    border: solid 4px #C9C9C9;
    cursor: pointer;
}
#rotating .thumb1
{
    top: 8px;
    background-image: url(/wwwroot/userfiles/rotating/thumb1.jpg);
}
#rotating .thumb2
{
    top: 78px;
    background-image: url(/wwwroot/userfiles/rotating/thumb2.jpg);
}
#rotating .thumb3
{
    top: 148px;
    background-image: url(/wwwroot/userfiles/rotating/thumb3.jpg);
}