body
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    margin: 5px;
}
input
{
    font-size: 9pt;
}
select
{
    font-size: 9pt;
}
textarea
{
    height: 50px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 9pt;
}

.Title
{
    font-size: 14pt;
    font-weight: bold;
    color: #2E1C12;
}
.FieldRequire
{
    font-weight: bold;
    color: #B2982A;
}
.FieldStyle
{
    color: Red;
    font-weight: normal;
}

.myStyle
{
    display: none;
}
.ListDataStyle
{
    text-align: Left;
    background-color: #B2982A;
    color: #ffffff;
    font-size: 10pt;
    height: 24px;
}

.watermark2
{
    color: Gray;
}
.modalBackground
{
    background-color: #ffffff;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ThemeCatHeadBg
{
    background-color: #B2982A;
    color: White;
    background-repeat: repeat-x;
    font-weight: bold;
    height: 24px;
}
.menunav
{
    display: block;
    cursor: hand;
    padding-top: 3px;
    font-size: 9pt;
    height: 20px;
}
a.menunav:link
{
    color: #ffffff;
    text-decoration: none;
}
a.menunav:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.menunav:hover
{
    color: #875306;
    background-color: #EEEEB4;
    text-decoration: none;
}
a.menunav:active
{
    color: #ffffff;
    text-decoration: none;
}

a.logoutNav:link
{
    color: #ffffff;
}
a.logoutNav:visited
{
    color: #ffffff;
}
a.logoutNav:hover
{
    color: #B2982A;
}
a.logoutNav:active
{
    color: #ffffff;
}




.textbox
{
    border: 1px solid #7d7d7d;
    padding: 2px;
}

.small-text, .small-text a
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.small-text a:hover
{
    color: #000000;
    text-decoration: underline;
}

.title-box
{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B1982A;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px;
    margin-top: 5px;
}

.subscribe
{
    font-size: 12px;
    font-family: Tahoma;
    background-color: #ececec;
    padding: 10px;
}

.subscribe a
{
    margin-right: 2px;
    display: inline;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.subscribe a:hover
{
    text-decoration: underline;
}

.footer
{
    padding-bottom: 15px;
    padding-top: 10px;
}

.titletext, .titletext a
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
.titletext a:hover
{
    color: #B1982A;
}

.titletext02
{
    font-size: 18px;
    font-weight: bold;
    color: #2D1B11;
    margin-bottom: 5px;
}

.olivetext
{
    font-size: 12px;
    color: #b1982a;
    text-decoration: none;
    font-weight: bold;
}

.login-left
{
    background-color: white;
    border: 1px solid #e2e2e2;
    padding: 5px;
}
.login-left .box
{
    background-color: #e2e2e2;
    border: 1px solid #999999;
    height: 105px;
    padding: 5px;
    margin-top: 5px;
}

.seperator
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #7d7d7d;
    margin-top: 5px;
    padding-bottom: 5px;
    height: 1px;
}

.promo-right
{
    padding-left: 18px;
}

.content-right
{
    background-image: url(../Images/rightcontent-bg.png);
    background-repeat: repeat-y;
}



/*---------------------------------- Main Page Menu ----------------------------------*/

.but01
{
    background-image: url(../Images/but01.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 83px;
}
.but02
{
    background-image: url(../Images/but02.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 47px;
}
.but03
{
    background-image: url(../Images/but03.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 67px;
}
.but04
{
    background-image: url(../Images/but04.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 48px;
}
.but05
{
    background-image: url(../Images/but05.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 73px;
}
.but06
{
    background-image: url(../Images/but06.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 66px;
}
.but07
{
    background-image: url(../Images/but07.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 100px;
}
.but08
{
    background-image: url(../Images/but08.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 88px;
}
.but01:hover, .but02:hover, .but03:hover, .but04:hover, .but05:hover, .but06:hover, .but07:hover, .but08:hover
{
    background-position: bottom;
}


/*---------------------------------- Main Page Button ----------------------------------*/

.button-form
{
    height: 24px;
    background-color: #2d1b11;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: Tahoma;
    font-size: 12px;
    color: #b1982a;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}
.button-form:hover
{
    background-color: #b1982a;
    color: #FFFFFF;
}

.pref-currtext
{
    font-size: 11px;
    color: #b1982a;
}

.shop-cart
{
    background-image: url(../Images/shopping_01.gif);
    background-repeat: repeat-x;
    width: 266px;
    margin-top: 10px;
}

.olivetext
{
    font-size: 12px;
    color: #b1982a;
    text-decoration: none;
    font-weight: bold;
}
.maintext
{
    font-size: 12px;
    color: #636363;
}
.maintext a
{
    text-decoration: underline;
    color: #636363;
}
.maintext a:hover
{
    color: #b1982a;
    text-decoration: underline;
}



/*---------------------------------- Category Page Menu ----------------------------------*/

.but10
{
    background-image: url(../Images/but10.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}

.but11
{
    background-image: url(../Images/but11.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but12
{
    background-image: url(../Images/but12.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but13
{
    background-image: url(../Images/but13.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but14
{
    background-image: url(../Images/but14.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but15
{
    background-image: url(../Images/but15.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but16
{
    background-image: url(../Images/but16.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but17
{
    background-image: url(../Images/but17.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but18
{
    background-image: url(../Images/but18.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 14px;
    width: 82px;
}
.but10:hover, .but11:hover, .but12:hover, .but13:hover, .but14:hover, .but15:hover, .but16:hover, .but17:hover, .but18:hover
{
    background-position: right;
}



.left-menu
{
    float: left;
    width: 220px;
    background-color: #2D1B11;
    padding-left: 20px;
    padding-right: 20px;
    width: 169px;
}
.left-menu div
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #543a2c;
    padding-top: 5px;
    padding-bottom: 6px;
}
.left-menu .but18
{
    padding-top: 5px;
    padding-bottom: 5px;
}


/*---------------------------------- What's Hot Panel ----------------------------------*/

.news-bg
{
    background-image: url(../Images/newsbox-bg.gif);
    background-repeat: repeat-y;
    margin-top: 5px;
}

.newsbox
{
    background-image: url(../Images/newsbox.gif);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 20px;
}

.news-title
{
    font-size: 12px;
    text-transform: uppercase;
    color: #8c0814;
    line-height: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
}


.news-text
{
    color: #e1949d;
    text-decoration: underline;
    font-size: 11px;
}
.news-text a:hover
{
    text-decoration: none;
}





/*---------------------------------- Category Page ----------------------------------*/

.products
{
    margin-top: 10px;
    width: 550px;
}
.productimg
{
    border: solid 1px #999999;
}
.productimg:hover
{
    border: solid 1px #FF7CB7;
}
.productimg:active
{
    border: solid 1px #999999;
}

.producttext
{
    font-size: 12px;
    color: #2D1B11;
    text-decoration: none;
}
.producttext-bold
{
    font-weight: bold;
    font-size: 12px;
    color: #2D1B11;
}
.titletext, .titletext a
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}


.shop
{
    background-color: #e1d8ae;
}



.status-bar
{
    margin-top: 20px;
}

.status01
{
    background-image: url(../Images/status01.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 107px;
}
.status03
{
    background-image: url(../Images/status03.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 169px;
}
.status04
{
    background-image: url(../Images/status04.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 35px;
    width: 63px;
}


.status01-select
{
    background-image: url(../Images/status01.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 35px;
    width: 107px;
}
.status03-select
{
    background-image: url(../Images/status03.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 35px;
    width: 169px;
}
.status04-select
{
    background-image: url(../Images/status04.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 35px;
    width: 63px;
}



.button-form
{
    height: 24px;
    background-color: #2d1b11;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: Tahoma;
    font-size: 12px;
    color: #b1982a;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.reference
{
    color: Green;
    font-weight: bold;
}


.step {
font-family: Arial;
font-size: 12px;
color: #D3BB47;
font-weight: bold;
text-decoration: none;
}

.content-img {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #CCCCCC;
}

.subscribe {
margin-top: 20px;
background-color: #ececec;
padding: 10px;
}
.style1 {font-size: 11px}
.style1 a {
font-size: 11px;
color: #0099FF;
text-decoration: underline;
}
.style1 a:hover {
font-size: 11px;
color: #7d7d7d;
text-decoration: none;
}
.subscribe li, .subscribe li a {
margin-right: 2px;
display: inline;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.subscribe li a:hover { text-decoration: underline; }

.affiliate-bg {
background-image: url(../Images/affiliate-bg01.gif);
background-repeat: no-repeat;
background-position: top;
height: 80px;
width: 358px;
line-height: 1.5em;
margin-bottom: 10px;
padding-top: 100px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
/* hash(#) is for id , dot(.) is for css class name eg: for grid view ItemStyle-CssClass="myStyle", class="myStyle" */