﻿
body, div, p, td, span
{
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #64665f;
}

body
{
    background-color: #cbcabc;
    background-image: url(../images/bg-body.png);
    background-repeat: repeat-x;
    margin-top: 20px;
}
form
{
    margin: 0px;
    padding: 0px;
}

h1
{
    margin: 0px;
    line-height: 30px; /* case #8542 */
}
h2
{
    margin: 15px 0px 0px;
    font-size: 14px;
}
h3
{
    margin: 0px 0px 15px;
    font-size: 14px;
}
img
{
    border: none;
}

.h1a
{
    padding-top: 2px; /* FIX for case 7916 */
    color: #55574E;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.h2a
{
    color: #55574E;
    font-size: 18px;
    font-weight: bold;
}
.h3a
{
    color: #55574E;
    font-size: 16px;
    font-weight: bold;
}

.hr1
{
    color: #ffffff;
    background-color: #ffffff;
    border: dotted 1px #c5cfc5;
    margin: 5px 0px 10px 0px;
    margin: 0px;
    margin-bottom: 10px;
    padding: 5px 0px 10px 0px;
    border-style: none none dotted;
}

.hr2
{
    color: #F6F7F6;
    background-color: #F6F7F6;
    border: dotted 1px #c5cfc5;
    margin: 5px 0px 10px 0px;
    padding: 5px 0px 10px 0px;
    border-style: none none dotted;
}
.hr3
{
    color: #EFF3EF;
    background-color: #EFF3EF;
    border: dotted 1px #c5cfc5;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px;
    border-style: none none dotted;
}
.inputText
{
    border: solid 1px #cccccc;
    border-top: solid 1px #666666;
    padding: 3px;
    color: #666666;
    margin-bottom: 0px;
}
.inputSelect
{
    border: solid 1px #cccccc;
    border-top: solid 1px #666666;
    padding: 2px;
}

.a1
{
    color: #87c903;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.a2
{
    color: #41a2bb;
    font-size: 11px;
    text-decoration: none;
}
a.a2:hover
{
    text-decoration: underline;
}
.a2white
{
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}
a.a2white:hover
{
    text-decoration: underline;
}
.a3
{
    color: #41a2bb;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.a4
{
    color: #41a2bb;
    text-decoration: none;
}
.a5
{
    color: #64665f;
    text-decoration: none;
}
.a6
{
    color: #41a2bb;
    text-decoration: none;
    font-weight: bold;
}

/** subnav **/
.a7
{
    color: #41a2bb;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 2px;
}
.a8
{
    color: #41a2bb;
}

.f1
{
    font-size: 16px;
    font-weight: bold;
}
.f2
{
    font-size: 11px;
    color: #99a999;
}
.f3
{
    font-size: 11px;
    color: #87c903;
}
.f4
{
    font-size: 11px;
    color: #667166;
    font-weight: bold;
    text-decoration: none;
}
.f5
{
    font-size: 11px;
    color: #999999;
}
.f6
{
    font-size: 12px;
    color: #E9680C;
    font-weight: bold;
}
.f7
{
    color: #41a2bb;
    font-weight: bold;
}
.f8
{
    color: #999999;
    font-weight: bold;
}
.f9
{
    color: #5a5f59;
    font-weight: bold;
}
.f10
{
    color: #5A5F59;
    font-size: 16px;
    font-weight: bold;
}
.f11
{
    color: #E9680C;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 2px;
}
.f12
{
    color: #E9680C;
    font-size: 11px;
}
.f13
{
    color: #79B304;
}
.f14
{
    font-size: 14px;
    color: #E9680C;
    font-weight: bold;
}

.p1
{
    padding: 5px;
    margin: 5px;
}
.p2
{
    margin-top: 5px;
}

#wrapper
{
    width: 1006px;
    margin: 10px auto 10px auto;
}
#header
{
    width: 1006px;
    height: 104px;
}
#header .topNav
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#header .topNav li
{
    float: left;
    margin-right: 25px;
    padding-top: 5px;
}


#homeFlash
{
    width: 1006px;
    background-image: url(../images/container-middle-1006px.png);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

#footer
{
    width: 1006px;
    width: 946px; /*height:113px;*/
    height: 93px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/container-middle-1006px.png);
    background-repeat: repeat-y;
    padding: 20px 0px 0px 60px;
    border: solid 0px red;
}
#footer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer ul li
{
    float: left;
}
#footer ul li a
{
    color: #79b304;
    text-decoration: none;
}

#homeCalloutContainer
{
    padding: 0px 0px 0px 15px;
    width: 1006px;
    background-image: url(../images/container-middle-1006px.png);
    background-repeat: repeat-y;
    margin: 0px;
}
#homeCalloutsTop
{
    width: 974px;
    background-image: url(../images/container-middle-gray-974px.png);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 15px;
}

#homeCalloutsBottom
{
    width: 974px;
    background-image: url(../images/container-middle-lightgray-974px.png);
    background-repeat: repeat-y;
    padding: 10px 15px 10px 15px;
}

.productGrid
{
    border-right: dotted 1px #c5cfc5;
    border-bottom: dotted 1px #c5cfc5;
}
a.productThumb img
{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
a.productThumb:hover img
{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
}
.navSubMenu
{
    position: absolute;
    visibility: hidden;
    width: 217px;
    width: 187px; /*     height:185px;     height:155px;     */
    background-color: #ffffff;
    border: solid 1px #AAABA4;
    padding: 15px;
    border-right: solid 2px #898A84;
    border-bottom: solid 2px #898A84;
}
.navSubMenuItem
{
    margin-bottom: 5px;
}

.SiteMap
{
    margin-top: 5px;
}
.SiteMap li
{
    margin-left: -20px; /*list-style:none;*/
    line-height: 18px;
}
.SiteMap li a
{
    color: #41a2bb;
}
.SiteMapHead
{
    padding: 5px; /*     background-color:#999999;     color:#ffffff;     */
    text-decoration: none; /*width:200px;*/
    cursor: hand;
}

#expandedSearch
{
    width: 469px;
    height: 173px;
    background-image: url(../images/bg-expanded-Search.png);
    position: absolute;
    visibility: hidden;
    margin-top: -30px;
    margin-left: -20px;
    padding: 15px 30px 15px 30px;
}

#expandedCartContainer
{
    width: 375px;
    position: absolute;
    visibility: hidden;
    margin-left: -180px;
}
#expandedCart
{
    background-image: url(../images/container-middle-mini-cart.png);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 25px;
}
.miniCart
{
    margin-top: 10px;
}
.miniCart td
{
    border-bottom: dotted 1px #c5cfc5;
}

#browseProductsContainer
{
    width: 258px;
    position: absolute;
    visibility: hidden;
    margin-left: -20px;
    margin-top: -25px;
}
#browseProducts
{
    background-image: url(../images/container-middle-browse-products.png);
    background-repeat: repeat-y;
    padding: 0px 25px 0px 25px;
}
.browseSubNav
{
    width: 375px;
    position: absolute;
    margin-left: 220px;
    margin-top: -15px;
    display: block;
}

.listOrders th
{
    color: #000000;
    font-weight: normal;
    text-align: center;
    border-top: #c5cfc5 1px dotted;
    border-bottom: #c5cfc5 1px dotted;
}
.listOrders td
{
    text-align: center;
    border-bottom: #c5cfc5 1px dotted;
}

#statusMessage
{
    position: fixed;
    clear: both;
    width: 250px;
    height: 64px;
    display: none;
    bottom: 0;
    right: 20px;
    padding: 74px 0px 0px 47px;
    text-align: left;
    color: #000000;
}

.error
{
    color: #cc0000;
    font-weight: bold;
    font-size: 11px;
}

/* Jquery calendar text */
.ui-datepicker-month, .ui-datepicker-year
{
    color: #FFFFFF;
}

.hide
{
    display: none;    
}

