﻿#topBarWrapper {height: 26px; background-color:#2d5e9c; margin-bottom: 0px;  border-bottom: solid 1px #668fab;}
#topBar {width: 950px; margin: 0 auto; padding: 3px;}
#topBar a {color: #eee; font-size: 14px; text-decoration: none; padding-right: 15px;}

a.niceButtonSquare  {font-family: Trebuchet MS;background-color: #418a52; color: #fff; padding: 4px 10px; text-align: center; font-size: 14px; text-decoration: none; border: solid 1px #777;}
a:hover.niceButtonSquare {background-color: #2d357b;}

a.niceButton {background-color: #418a52; color: #fff; padding: 4px 10px; text-align: center; font-size: 14px; text-decoration: none; border: solid 1px #777; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a:hover.niceButton {background-color: #2d357b;}

#divWait {background-color: #e17a01; color: #fff; font-weight: bold; padding: 5px; border:solid 1px #bf6700; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;}
.newOrg {width: 650px; background-color: #ffdaaf; color: #000; font-weight: normal; padding: 5px 15px; margin: 0 0 20px 10px; border:solid 1px #bf6700; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.groupNotice {width: 650px; background-color: #FFCFCF; color: #000; font-weight: normal; padding: 5px 15px; margin: 0 0 20px 10px; border:solid 1px #FF0000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.SalesNotice {background-color: #ffdaaf; font-size: 16px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; padding: 5px 15px; margin: 0 0 20px 0px; border:solid 1px #bf6700; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.homeHeader {background-color: #ffdaaf; font-size: 16px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; padding: 5px 15px; margin: 0 0 0px 0px; border:solid 1px #bf6700; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


.ProdHolder {width:120px; margin: 0 3px 20px 3px; padding: 6px;}
.ProdTitle {font-size: 12px; line-height: 15px; text-transform: capitalize; font-weight: bold;}
.ProdPrice {font-size: 12px; line-height: 15px;}

input {font-size: 14px; padding: 5px; border: solid 1px silver; margin: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
select {font-size: 14px; padding: 4px; border: solid 1px silver; margin: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
textarea {font-size: 14px; padding: 5px; border: solid 1px silver; margin: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input[type='file'] {font-size: 14px; padding: 5px; border: solid 1px silver; margin: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input[type='submit'] {background-color: #418a52; color: white; padding: 5px 10px; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#WebForm {width: 500px;}
#WebForm div {padding: 0; margin-bottom: 5px;}
#WebForm div strong {float: left; width: 120px; margin-top: 6px; border-bottom: solid 1px #ccc; font-weight: normal;}
#WebForm div strong.blank {border: 0;}
#WebForm div label {float: left; margin-left: 10px;}
#WebForm div label input {width: 175px;}
#WebForm div label input[type='submit'] {width: 185px;}
#WebForm div label select {width: 185px;}

#WebFormWide {width: 600px;}
#WebFormWide div {padding: 0; margin-bottom: 5px;}
#WebFormWide div strong {float: left; width: 150px; margin-top: 6px; border-bottom: solid 1px #ccc; font-weight: normal;}
#WebFormWide div strong.blank {border: 0;}
#WebFormWide div label {float: left; margin-left: 10px;}
#WebFormWide div label input {width: 175px;}
#WebFormWide div label input[type='submit'] {width: 185px;}
#WebFormWide div label select {width: 185px;}

#WebFormReg {width: 600px;}
#WebFormReg div {padding: 0; margin-bottom: 5px;}
#WebFormReg div strong {float: left; width: 150px; margin-top: 6px; border-bottom: solid 1px #ccc; font-weight: normal;}
#WebFormReg div strong.blank {border: 0;}
#WebFormReg div p {float: left; margin: 0 0 0 10px;}
#WebFormReg div p input {width: 175px;}
#WebFormReg div p input[type='submit'] {width: 185px;}
#WebFormReg div p select {width: 185px;}


#SideBar {float: right; width: 180px;}
#SideBar a.ActLink {display: block; padding: 2px 0; text-align: center; border: solid 1px #555; background-color: #f6ba7b; text-decoration: none; margin: 0 0 5px 0; color: #000;}
#SideBar a.ActLink:hover { background-color: #dc7500; color: #fff; }
#SideBar a.NormLink {}
#SideBar a.NormLink:hover {}

.CartBaseWrapperCart {width: 580px; border-top: solid 1px #999; text-align: right; padding: 2px 5px; font-size: 13px;}
.CartBaseLeftCart {float:left; width: 505px; text-align: right;}
.CartBaseRightCart {float:left; width: 70px;}
.CartBaseWrapper {width: 470px; border-top: solid 1px #999; text-align: right; padding: 2px 5px; font-size: 13px;}
.CartBaseLeft {float:left; width: 395px; text-align: right;}
.CartBaseRight {float:left; width: 70px;}

.SalesRptWrap {margin-right: 15px;}
.SalesRptHeader {border-bottom: solid 1px #aaa; font-weight: Normal; font-size: 13px; padding: 2px 5px; text-align: center;}
.SalesRptValue {font-weight: bold; font-size: 15px; padding: 2px 5px; text-align: center;}

.dg {padding:1px 1px 1px 1px; border-top:solid 1px #686524; border-color:#eeeeee;}
.dgHeader {background-color:#2f377d; font-size:13px; color:#fff; font-weight:bold;}
.dgItem {background-color: Transparent; color:Black; font-size:12px; font-weight:normal;}
.dgAltItem {background-color:#cad8e1; color:Black; font-size:12px; font-weight:normal;}
.dgSelect {font-weight: normal; color: black; font-style: italic; background-color: #e9e9e9;}

.AdminPager {}
.AdminPager span {display: block; padding: 1px 4px; border: solid 1px #333; text-decoration: none; text-align: center; color: #000;}
.AdminPager a {display: block; padding: 1px 4px; border: solid 1px #333; text-decoration: none; text-align: center; background-color: #777; color:#fff;}

.sideBox {background-color: #dfefff; margin-left: 2px; width: 170px; float: left; padding: 5px; border: solid 1px #ccc; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
.sideHeader {font-weight: bold; font-size: 14px; text-align: center; margin-bottom: 5px;}

.CatNames a {display: block; padding: 2px; text-decoration:none;}
.CatNames a:hover {background-color: #2f377d; color: White;}

a.sidebarnav {display: block; padding: 2px; text-decoration:none;}
a.sidebarnav:hover {background-color: #2f377d; color: White;}
a.sidebarnavSel {display: block; padding: 2px; text-decoration:none; background-color:#c5dff6;}
a.sidebarnavSel:hover {background-color: #2f377d; color: White;}

.panelError
{
    background-position: left top;
    background: #FFE8E8 url(images/error-icon.png) no-repeat left top;
    padding: 2px 2px 2px 60px;
    width: 500px;
    margin: 10px auto;
    border: 1px solid #AA0000;
    color: #CA0000;
    font-size: 12px;
    font-weight: bold;
    min-height: 50px;
}

.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #ccc;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader {
    z-index: 100;
    position: fixed;
    width: 230px;
    margin-left: -115px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    filter: Alpha(Opacity=100);
    opacity: 1.0;
}
* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
