/** Generics          ****************************/

body, table td, select {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

body {
  color: black;
  margin: 0px;
  border: 0px;
  padding: 0px;
  direction: ltr;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: white url("images/Body.gif") repeat-x;
}

/** Push Buttons *********************************/

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  cursor: pointer;
}

.gwt-Button {
  white-space:nowrap;
  cursor: pointer;
}
/** Main Body Columns ****************************/

.DockPanel {
  width: 100%;
}

.TopPanel {
  width: 100%;
}

.LeftPanel {
  margin-left: 10px;
  margin-right: 10px;
}

.MiddlePanel {
  width: 100%;
}

.MiddleComponent {
  width: 100%;
}

.MiddleComponentPanel {
  width: 100%;
}

.MiddleComponentTitle {
  width: 100%;
}

.MiddleComponentBody {
  width: 100%;
}


.RightPanel {
  margin-left: 10px;
  margin-right: 10px;
}

.BottomPanel {
  width: 100%;
}

.FloatRight {
  float: right;
}

.BorderImage {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
}

/** General Page Behavior ***********************/
.WarningLabel {
  color: red;
}

.SuccessLabel {
  color: green;
}

.PageLink {
  text-decoration: underline;
  cursor: pointer;
}

span.PageLink:link {}
span.PageLink:visited {}
span.PageLink:hover {
  color: #AABBDD;
  text-decoration: underline;
}

/** General Price Behavior ***********************/

span.price {
}

span.negativeprice {
  color: red;
}

span.oldprice {
  text-decoration: line-through;
  color: red;
}

/** General Component Behavior *******************/

.Component {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-collapse: collapse;
  background: white url("images/Content_Bck.gif") repeat-x;
}

.ComponentBody {
  background: white url("images/Content_Bck.gif") repeat-x;
}

.ComponentTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding-left: 10px;
}

.ComponentBodyPanel {
  border-collapse: collapse;
  width: 100%;
}

.ComponentLink {
  cursor: pointer;
}

a.ComponentLink {
  color: black;
  text-decoration: none;
}
a.ComponentLink:link {}
a.ComponentLink:visited {}
a.ComponentLink:hover {
  color: #AABBDD;
  text-decoration: underline;
}

td.ComponentLink:link {}
td.ComponentLink:visited {}
td.ComponentLink:hover {
  color: #AABBDD;
  text-decoration: underline;
}

span.ComponentLink:link {}
span.ComponentLink:visited {}
span.ComponentLink:hover {
  color: #AABBDD;
  text-decoration: underline;
}

.ComponentLink span:link {}
.ComponentLink span:visited {}
.ComponentLink span:hover {
  color: #AABBDD;
  text-decoration: underline;
}

.ComponentImage {
  padding-top: 10px;
  width: 500px;
}

/** AdvancedSearchComponent ***********************/

.AdvancedSearchComponent {
  border-style: hidden;
  background: transparent;
}

.AdvancedSearchComponentPanel {
}

.AdvancedSearchComponentTitle {
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.AdvancedSearchComponentBody {
  width: 1000px;
  border-style: hidden;
  background: transparent;
}

.AdvancedSearchComponentKeywordsPanel {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-collapse: collapse;
}

.AdvancedSearchComponentKeywordsPanelTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding: 2px 5px 2px 5px;
}

.AdvancedSearchComponentKeywordsPanelBody {
  background: white url("images/Content_Bck.gif") repeat-x;
}

.AdvancedSearchComponentKeywordsPanelInput {
  width: 100%;
  padding-top: 10px;
}

.AdvancedSearchComponentKeywordsPanelDescription {
}

.AdvancedSearchComponentSearchPanel {
  width: 100%;
}

.AdvancedSearchComponentAdvancedPanel {
  width: 100%;
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  padding: 5px 0 5px 0;
  margin-top: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}

/** AdvancedSearchResultsComponent ***********************/

.AdvancedSearchResultsComponent {
  border-style: hidden;
  background: transparent;
}

.AdvancedSearchResultsComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.AdvancedSearchResultsComponentPanel {
  width: 100%;
}

.AdvancedSearchResultsComponentBody {
  background: none;
}

.AdvancedSearchResultsComponentNavigationPanel {
  width: 100%;
}

.AdvancedSearchResultsComponentBodyTable {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-top: 5px;
  margin-bottom: 5px;
}
  
.AdvancedSearchResultsComponentBodyTableTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding: 2px 10px 2px 10px;
}

.AdvancedSearchResultsComponentBodyTableCell {
  background: white url("images/Content_Bck.gif") repeat-x;
  padding: 5px 5px 5px 5px;
}

.AdvancedSearchResultsComponentBodyTableImage {
  width: 250px;
}

.AdvancedSearchResultsComponentImage {
  padding-top: 0;
  width: 0;
}

.AdvancedSearchResultsComponentBodyTableData {
  width: 100%;
}

.AdvancedSearchResultsComponentBodyTableButtons {
  width: 200px;
}

/** BestSellersComponentPanel ********************/

.BestSellersComponentPanel {
  width: 250px;
}

.BestSellersComponentNumber {
  vertical-align: top;
}

.BestSellersComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}

/** BreadcrumbComponent **************************/

.BreadcrumbComponent {
  border-style: hidden;
  background: transparent;
  margin-bottom: 5px;
}

.BreadcrumbComponentTitle {
  background: #4f7f5d;
}

.BreadcrumbComponentPanel {
  width: 100%;
  border-collapse: collapse;
}

.BreadcrumbComponentDockPanel {
  width: 100%;
  border-collapse: collapse;
}

.BreadcrumbComponentTitlePanel {
  background: #4f7f5d;
  border-collapse: collapse;
}

.BreadcrumbComponentWelcomePanel {
  border-collapse: collapse;
}

.BreadcrumbComponentBody {
  display: none;
  border-collapse: collapse;
}

.BreadcrumbComponentDelimiter {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 2px 5px 2px 5px;
}

span.BreadcrumbComponentWelcome {
  font-weight: bold;
  color: #ffffff;
  padding: 2px 20px 2px 5px;
}

span.BreadcrumbComponentLink {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  cursor: pointer;
}

span.BreadcrumbComponentLink:link {}
span.BreadcrumbComponentLink:visited {}
span.BreadcrumbComponentLink:hover {
  text-decoration: underline;
}

span.BreadcrumbComponentDeadLink {
  cursor: default;
}

span.BreadcrumbComponentDeadLink:link {}
span.BreadcrumbComponentDeadLink:visited {}
span.BreadcrumbComponentDeadLink:hover {
  text-decoration: none;
}

a.BreadcrumbComponentLink {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 2px 2px 2px 20px;
  text-decoration: none;
}

a.BreadcrumbComponentLink:link {}
a.BreadcrumbComponentLink:visited {}
a.BreadcrumbComponentLink:hover {
  text-decoration: underline;
}

/** CartComponent ********************************/

.CartComponent {
  border-style: hidden;
  background: transparent;
}

.CartComponentPanel {
  width: 100%;
}

.CartComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
}

.CartComponentBody {
  width: 1000px;
  background: transparent;
}

.CartComponentCartTable {
  width: 100%;
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
}

.CartComponentCartTableHeading {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background: #4f7f5d;
  padding: 2px 5px 2px 5px;
}

.CartComponentCartTableCell {
  vertical-align: top;
  background: white url("images/Content_Bck.gif") repeat-x;
  padding: 5px 5px 5px 5px;
}

.CartComponentCartTableProductHeading {
  font-weight: bold;
}

/** CartSummaryComponent *************************/

.CartSummaryComponentPanel {
  width: 250px;
}

.CartSummaryComponentNumber {
  vertical-align: top;
  white-space: nowrap;
}

.CartSummaryComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}

/** CategoriesComponent **************************/

.CategoriesComponentPanel {
  width: 250px;
}

/**Only used in CategoriesComponent**/
.gwt-TreeItem-selected {
  font-weight: bold;
}

/** CategoriesSummaryComponent *******************/

.CategoriesSummaryComponent {
  border-style: hidden;
  background: transparent;
}

.CategoriesSummaryComponentPanel {
  width: 100%;
}

.CategoriesSummaryComponentTitle {
  text-align: left;
  font-size: 22px;
  color: #9CB033;
  font-weight: normal;
  background: transparent;
}

.CategoriesSummaryComponentBody {
  background: transparent;
}

/** CheckoutComponent *******************/

.CheckoutComponent {
  border-style: hidden;
  background: transparent;
}

.CheckoutComponentPanel {
}

.CheckoutComponentTitle {
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
}

.CheckoutComponentBody {
  width: 1000px;
  background: transparent;
}

.CheckoutComponentSubTitle {
  margin-top: 20px;
  font-weight: bold;
}

.CheckoutComponentSubPanel {
  background: white url("images/Content_Bck.gif") repeat-x;
  margin-top: 5px;
  padding-right: 15px;
}

.CheckoutComponentSubPanelCol0 {
  background: transparent;
}

.CheckoutComponentRequiredTitle {
  text-alignment: right;
  color: red;
}

.CheckoutComponentShipToTitlePanel {
}

.CheckoutComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}


/** CurrenciesComponent **************************/

.CurrenciesComponentPanel {
  width: 250px;
}

/** AccountComponent ********************************/

.AccountComponent {
  border-style: hidden;
  background: transparent;
}

.AccountComponentPanel {
  width: 100%;
}

.AccountComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
}

.AccountComponentBody {
  width: 1000px;
  background: transparent;
}

.AccountComponentEditPanel {
  width: 100%;
}

.AccountComponentSubTitle {
  margin-top: 20px;
  font-weight: bold;
}

.AccountComponentSubPanel {
  background: white url("images/Content_Bck.gif") repeat-x;
  margin-top: 5px;
  padding-right: 15px;
}

.AccountComponentSubPanelCol0 {
  background: transparent;
}

.AccountComponentRequiredTitle {
  text-alignment: right;
  color: red;
}

.AccountComponentLoginPageLink {
  font-weight: bold;
}

.AccountComponentBodyTable {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-top: 5px;
  margin-bottom: 5px;
}
  
.AccountComponentBodyTableTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding: 2px 10px 2px 10px;
}

.AccountComponentBodyTableCell {
  background: white url("images/Content_Bck.gif") repeat-x;
  padding: 5px 5px 5px 5px;
}

.AccountComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}


/** FooterComponent ******************************/

.FooterComponent {
  width: 100%;
  background: transparent;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.FooterComponentPanel {
  width: 100%;
  border-collapse: collapse;
}

.FooterComponentTitle {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  color: #4f7f5d;
  background: #4f7f5d;
}

.FooterComponentBodyPanel {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

/** HeaderComponent ******************************/

.HeaderComponent {
  border-style: hidden;
  background: transparent;
  margin: 0px;
  padding: 0px;
}

.HeaderComponentPanel {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.HeaderComponentTitle {
  display: none;
  height: 0;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.HeaderComponentBody {
  background: url("images/Header_Bck.gif") repeat-x;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  height: 75px;
}

.HeaderComponentBodyPanel {
  float: center;
  width: 800px;
  border-collapse: collapse;
}

span.HeaderComponentLink {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  cursor: pointer;
}

span.HeaderComponentLink:link {}
span.HeaderComponentLink:visited {}
span.HeaderComponentLink:hover {
  color: #ffffff;
  text-decoration: underline;
}

span.HeaderComponentDelimiter {
  font-size: 14px;
  color: #ffffff;
}

/** InformationComponent *************************/
/**

.InformationComponentPanel {
  width: 200px;
}

.InformationComponentItem {
  padding-left: 5px;
}
**/

.InformationComponent {
  padding: 0px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  border-collapse: collapse;
}

.InformationComponentPanel {
  border-collapse: collapse;
}

.InformationComponentBodyPanel {
  border-collapse: collapse;
}

.InformationComponentBody {
  background: transparent;
}

.InformationComponentTitle {
  display: none;
  height: 0;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.InformationComponentItem {
  padding-left: 15px;
}


/** InformationDescriptionComponent **************/

.InformationDescriptionComponent {
  border-style: hidden;
  background: transparent;
}

.InformationDescriptionComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.InformationDescriptionComponentBody {
  border-style: hidden;
  background: transparent;
}
/** LanguagesComponent ***************************/

.LanguagesComponentPanel {
  width: 250px;
}

.LanguagesComponentBodyPanel {
  border-collapse: separate;
  width: 0;
}

/** ManufacturersComponent **************************/

.ManufacturerInfoComponentPanel {
  width: 250px;
}

/** ManufacturersComponent ***********************/

.ManufacturersComponentPanel {
  width: 250px;
}


/** OrderedProductsComponent *********************/

.OrderedProductsComponentPanel {
  width: 250px;
}

.OrderedProductsComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}

/** OrderComponent ***********************/

.OrderComponent {
  border-style: hidden;
  background: transparent;
}

.OrderComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.OrderComponentStrong {
  margin-top: 10px;
  font-weight: bold;
}

/** OrdersSummaryComponent ***********************/

.OrdersSummaryComponent {
  border-style: hidden;
  background: transparent;
}

.OrdersSummaryComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.OrdersSummaryComponentPanel {
  width: 100%;
}

.OrdersSummaryComponentBody {
  background: none;
}

.OrdersSummaryComponentNavigationPanel {
  width: 100%;
}

.OrdersSummaryComponentBodyTable {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-top: 5px;
  margin-bottom: 5px;
}
  
.OrdersSummaryComponentBodyTableTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding: 2px 10px 2px 10px;
}

.OrdersSummaryComponentBodyTableCell {
  background: white url("images/Content_Bck.gif") repeat-x;
  padding: 5px 5px 5px 5px;
}

/** ContactUsComponent *****************************/

.ContactUsComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
}

/** CreateProductReviewComponent *****************************/

.CreateProductReviewComponent {
  border-style: hidden;
  background: transparent;
}

.CreateProductReviewComponentBody {
  width: 1000px;
  background: transparent;
}

.CreateProductReviewComponentTitle {
  width: 1000px;
  display: none;
}

.CreateProductReviewComponentPanel {
  width: 100%;
}

.CreateProductReviewComponentHeading {
  border-collapse: collapse;
  width: 100%;
}

.CreateProductReviewComponentName {
  font-size: 22px;
  padding-right: 50px;
}

.CreateProductReviewComponentPrice {
  font-size: 22px;
}

.CreateProductReviewComponentImage {
  margin: 10px;
}

/** ProductComponent *****************************/

.ProductComponent {
  border-style: hidden;
  background: transparent;
}

.ProductComponentBody {
  width: 1000px;
  background: transparent;
}

.ProductComponentTitle {
  display: none;
}

.ProductComponentPanel {
  width: 100%;
}

.ProductComponentHeading {
  border-collapse: collapse;
  width: 100%;
}

.ProductComponentName {
  font-size: 22px;
  padding-right: 50px;
}

.ProductComponentPrice {
  font-size: 22px;
}

span.ProductComponentShipping {
  font-size: 16px;
}

.ProductComponentPriceGrid {
  //border-collapse: collapse;
}


.ProductComponentPriceGridCell {
  background: white url("images/Content_Bck.gif") repeat-x;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  }
  
.ProductComponentPriceGridHeading {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background: #4f7f5d;
}

.ProductComponentDescription {
  font-family: Verdana, Arial, sans-serif;
  padding-top: 20px;
  line-height: 1.5;
  color: #1C2022;
}

.ProductComponentOptions {
  padding-top: 20px;
}

.ProductComponentAddToCartButton {
  width: 123px;//width of button image
}

.ProductComponentDialogBox
{
  border: 3px;
  border-style: solid;
  border-color: black;
  margin: 5px;
  padding: 5px;
  background: white url("images/Content_Bck.gif") repeat-x;
}

.ProductComponentQuantityAndButtons
{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 3px;
  background: white url("images/Content_Bck.gif") repeat-x;
}


/** ProductReviewsComponent ***********************/

.ProductReviewsComponent {
  border-style: hidden;
  background: transparent;
}

.ProductReviewsComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
  padding-bottom: 22px;
}

.ProductReviewsComponentPanel {
  width: 100%;
}

.ProductReviewsComponentBody {
  background: none;
}

.ProductReviewsComponentNavigationPanel {
  width: 100%;
}

.ProductReviewsComponentBodyTable {
  border: 1px;
  border-style: solid;
  border-color: #bfd195;
  margin-top: 5px;
  margin-bottom: 5px;
}
  
.ProductReviewsComponentBodyTableTitle {
  font-weight: bold;
  color: #ffffff;
  background: #4f7f5d;
  padding: 2px 10px 2px 10px;
}

.ProductReviewsComponentBodyTableCell {
  background: white url("images/Content_Bck.gif") repeat-x;
  padding: 5px 5px 5px 5px;
}

.ProductReviewsComponentBodyTableImage {
  width: 250px;
}

.ProductReviewsComponentImage {
  padding-top: 0;
  width: 0;
}

.ProductReviewsComponentBodyTableData {
  width: 1000px;
}

.ProductReviewsComponentBodyTableButtons {
  width: 200px;
}

/** RandomReviewComponent ****************************/

.RandomReviewComponentPanel {
  width: 250px;
}

/** SearchComponent ******************************/

.SearchComponentPanel {
  width: 250px;
}

.SearchComponentIcon {
  cursor: pointer;
}

.SearchComponentAdvanced {
  cursor: pointer;
  font-weight: bold;
}

/** SpecialsComponent ****************************/

.SpecialsComponentPanel {
  width: 250px;
}

/** TellAFriendComponent *************************/

.TellAFriendComponentPanel {
  width: 250px;
}

/** TellAFriendEntryComponent ********************************/

.TellAFriendEntryComponent {
  border-style: hidden;
  background: transparent;
}

.TellAFriendEntryComponentPanel {
  width: 100%;
}

.TellAFriendEntryComponentTitle {
  width: 100%;
  text-align: left;
  font-size: 22px;
  background: transparent;
  color: #9CB033;
  font-weight: normal;
}

.TellAFriendEntryComponentBody {
  width: 100%;
  background: transparent;
}

.TellAFriendEntryComponentSubTitle {
  margin-top: 20px;
  font-weight: bold;
}

.TellAFriendEntryComponentSubPanel {
  width: 100%;
  background: white url("images/Content_Bck.gif") repeat-x;
  margin-top: 5px;
  padding-right: 15px;
}

.TellAFriendEntryComponentSubPanelCol0 {
  background: transparent;
}

.TellAFriendEntryComponentRequiredTitle {
  text-alignment: right;
  color: red;
}

.TellAFriendEntryComponentDetailsTitlePanel {
  width: 100%;
}

/** WhatsNewComponent ****************************/

.WhatsNewComponentPanel {
  width: 250px;
}