/*
Colours:
 Heading brown: #895b29
 Heading blue:  #199dbf
*/

html, body
{
  background-color: #ffffff;
  color: #000000;
  font-family: verdana, helvetica, arial, sans, courier;
  font-size: 10pt;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
}

body.popup
{
  padding: 5px 5px 5px 5px;
}

h1
{
  font-size: 2.4em;
  font-weight: bold;
  text-decoration: none;
}

h2
{
  font-size: 1.8em;
  font-weight: bold;
  text-decoration: none;
}

h3
{
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
}

h4
{
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
}

a
{
  color: #690b81;
  text-decoration: none;
}

a:hover
{
  color: #cd2819;
  text-decoration: none;
}

a.large
{
  font-size: 1.1em;
  font-weight: bold;
}

a.black
{
  background: #01015b;
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 0 5px 0;
}

a.back_to_top
{
  display: block;
  text-align: center;
  font-size: 0.8em;
}

br
{
  clear: both;
}

th
{
  color: #199dbf; /*#690b81*/
  font-weight: bold;
  font-size: 1.2em;
  background: #b0b0c0; /*#abd0be*/
}

th.left
{
  text-align: left;
}

th.grid
{
  border: 1px solid #606060;
}

input,select,textarea
{
  border: 1px solid #606060;
}

input:focus,select:focus,textarea:focus
{
  background-color: #f0d6cb;
}

input.noborder
{
  border: 0px;
}

input.inputSizeQty
{
  border: 1px solid #606060;
  font-size: 0.9em;
  text-align: right;
  width: 60px;
  padding: 0px 0px 0px 0px;
}

input.inputQty
{
  border: 1px solid #606060;
  font-size: 0.9em;
  text-align: right;
  width: 30px;
  padding: 0px 0px 0px 0px;
}

input.addFormText
{
  border: 1px solid #606060;
  font-size: 0.9em;
  text-align: left;
  width: 95%;
  padding: 0px 0px 0px 0px;
}

input.basketText
{
  border: 1px solid #606060;
  font-size: 0.9em;
  text-align: left;
  width: 95%;
  padding: 0px 0px 0px 0px;
}

select.selectColour
{
  font-size: 0.9em;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

select.selectMethod
{
  font-size: 0.9em;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

select.selectSize
{
  font-size: 0.9em;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

img
{
  border: 0;
  -ms-interpolation-mode: bicubic;
}

img.left
{
  padding: 4px;
  margin: 0px 0px 2px 7px;
  display: inline;
  float: left;
}

img.right
{
  padding: 4px;
  margin: 0px 7px 2px 0px;
  display: inline;
  float: right;
}

.divPanel
{
  background: #d0d0e0;
  width: 98%;
  border: 1px solid #606060;
  padding: 5px 5px 5px 5px;
  border-collapse: collapse;
  text-align: left;
}

.divDarkPanel
{
  background: #a0a0b0;
  width: 98%;
  border: 1px solid #606060;
  padding: 5px 5px 5px 5px;
  border-collapse: collapse;
  text-align: left;
}

.tblLayout_Main
{
  width: 900px;
  border: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.tdLayout_LShadow
{
  width: 27px;
}

.tdLayout_RShadow
{
  width: 27px;
  background: url("Images/PgShadowRight.gif");
}

.tdLayout_Header
{
}

.tdLayout_R2_Spacer
{
  height: 15px;
}

.tdLayout_R2_Sidebar
{
  width: 151px;
  padding: 5px 2px 5px 2px;
  vertical-align: top;
  background-color: #1a4faf;
  background: url("Images/bg_sidebar.jpg");
  background-repeat: repeat-y;
  font-size: 0.8em;
}

.tdLayout_R2_Sidebar .heading
{
  font-size: 1.3em;
  font-weight: bold;
  color: #9DC2B0;
  padding: 5px 0 5px 0;
}

.tdLayout_R2_Sidebar .subheading
{
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 0 2px 0;
}

.tdLayout_R2_Sidebar .search_input
{
  font-size: 0.8em;
  width: 125px;
}

.tdLayout_R2_Sidebar .search_btn
{
  font-size: 0.8em;
}

.tdLayout_R2_Sidebar .tblCategoryList
{
  border: 1px solid #606060;
  width: 95%;
  background-color: #d0d0e0;
  padding: 2px 2px 2px 2px;
}

.tdLayout_R2_Sidebar .tdCategory
{
  text-align: left;
  font-size: 1.0em;
}

.tdLayout_R2_Sidebar .tdCategory a
{
  color: #0000ff;
}

.tdLayout_R2_Sidebar .tdCategoryAlt
{
  text-align: left;
  font-size: 1.0em;
}

.tdLayout_R2_Sidebar .tdCategoryAlt a
{
  color: #ff0000;
}

.tdLayout_R2_Sidebar .tdCategory_over
{
  text-align: left;
  font-size: 1.0em;
  background-color: #a0a0b0;
}

.tdLayout_R2_Sidebar .tdCategoryAlt_over
{
  text-align: left;
  font-size: 1.0em;
  background-color: #a0a0b0;
}

.tdLayout_R2_Sidebar a
{
  display: block;
  font-size: 0.8em;
}

.tdLayout_R3_Main
{
  width: 654px;
  border: 1px solid #606060;
  background: url("Images/bg.jpg");
  padding: 10px 10px 10px 10px;
  vertical-align: top;
}

.tdLayout_R3_Spacer
{
  width: 15px;
  background: url("Images/PgShadowRight.gif");
}

.tblStatusBar
{
  width: 100%;
  border: 1px solid #000000;
  border-collapse: collapse;
}

.tdStatusBar
{
  text-align: left;
  font-size: 0.8em;
  background: #a1a1fb;
}

.tblBottomBar
{
  width: 825px;
  border: 1px solid #000000;
  background: #8181db;
  color: #404040;
  margin-top: 10px;
}

.tdBottomBar
{
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}

.tdBottomNavBar
{
  text-align: center;
  font-size: 0.8em;
  padding: 5px 0 5px 0;
  border: 1px solid #404040;
  background-color: #a1a1f8;
}

.tdBottomBar_text
{
  text-align: left;
  font-size: 0.8em;
  padding: 5px 5px 5px 5px;
  border: 1px solid #404040;
  background-color: #a1a1f8;
}

.terms .heading
{
  font-size: 1.0em;
  font-weight: bold;
  color: #895b29;
}

.policies .heading
{
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #895b29;
}

.policies .subheading
{
  font-size: 1.0em;
  font-weight: bold;
  color: #895b29;
}

.faqs .question
{
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 3px;
}

.faqs .answer
{
  font-weight: normal;
  padding-bottom: 15px;
}

/* ######################################## */
/* ### Product category display classes ### */
/* ######################################## */

a.categories1
{
  font-size: 1.3em;
  font-weight: bold;
  color: #008000;
}

a.categories2
{
  font-size: 1.3em;
  font-weight: bold;
  color: #690b81;
}

a.categories1:hover, a.categories2:hover
{
  color: #cd2819;
}

.tblCategoryList
{
  width: 100%;
  background: #d0d0e0;
  border: 1px solid #606060;
}

.tdCategory
{
  text-align: left;
  width: 33%;
}

.tblCategoryMain
{
}

.tdCategoryMain_Link
{
  text-align: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
}

.tdCategoryMain_Products
{
  text-align: left;
  font-size: 0.7em;
  width: 100%;
  padding: 0px 0px 0px 0px;
}

/* ############################################### */
/* ### End of product category display classes ### */
/* ############################################### */


/* ######################################################################### */


/* ############################### */
/* ### Product display classes ### */
/* ############################### */
h3.product_sub_type
{
  margin: 15pt 0 0 0;
  text-align: center;
  font-size: 1.4em;
  color: #199DBF;
  font-weight: bold;
}

.sub_type_links
{
  font-size: 8pt;
}

.full_details_note
{
  color: #4d3317;
  font-size: 10pt;
  font-weight: bold;
}

.tblProductList
{
  width: 95%
}

.tblProductList td
{
  width: 25%;
  padding: 0 0 0 0;
  border: 4px solid #606060;
  background-color: #ffffff;
  text-align: center;
  vertical-align: center;
}

.tblProductList .product_image
{
  border: 0;
  height: 210px;
}

.tblProductList .product_logos
{
  border: 0;
  padding: 1px;
  background-color: #ffffff;
  height: 35px;
}

.tblProductList .product_logos td
{
  border: 0;
}

.tblProductList .product_logos img
{
  padding: 0;
}

.tblProductList td .tblProductList_Details td
{
  border: 0;
  background: transparent;
  text-align: center;
  vertical-align: middle;
  height: 30px;
}

.tblProductList td .tblProductList_Details .price
{
  font-size: 0.8em;
  font-weight: bold;
  color: #ff0000;
}

.tblProductList td img
{
  padding: 5px 0 5px 0;
}

.tblProductList .description
{
  height: 100px;
  border: 0;
  background-color: #bae1ce;
  padding: 2px 2px 5px 2px;
}

.tblProductList .product_description a
{
  font-weight: bold;
  color: #4d3317;
}

.products_backlink
{
  text-align: left;
  font-weight: bold;
  padding: 0 0 5px 10px;
}

.tblProductMain
{
  width: 98%;
  border: 1px solid #606060;
  background: #d0d0e0;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
}

.tdProductMain_Title
{
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  vertical-align: top;
  width: 20%;
}

.tdProductMain_Image
{
  vertical-align: top;
  text-align: center;
  width: 20%;
  padding: 3px 3px 3px 3px;
}

.divProductMain_Image
{
  background: #ffffff;
  border: 1px solid #606060;
  width: 98%;
  padding: 5px 5px 5px 5px;
}

.newProductImage
{
  padding: 0 0 5px 0;
  border: 0;
  text-align: left;
  vertical-align: top;
}

.tblProductMan
{
  width: 100%;
  padding-top: 5px;
}

.tdProductManA
{
  width: 35%;
  text-align: left;
  vertical-align: middle;
  font-size: 0.7em;
}

.tdProductManB
{
  width: 65%;
  text-align: center;
}

.tblProductLogos
{
  width: 100%;
}

.tblProductLogos td
{
  padding: 1px;
}

.tdProductMain_Details
{
  vertical-align: top;
  text-align: center;
  width: 80%;
}

.tblProductDescription
{
  width: 94%;
  font-size: 0.8em;
  background: #d0d0e0;
}

.tdProductDescription_Main
{
  text-align: left;
  background: #d0d0e0;
  font-size: 1em;
}


 /* Classes for displaying product sizes */
.tblProductSizes
{
  width: 95%;
}

.tdProductSizes_Main
{
}

.tblProductSizes_Sizes
{
  width: 100%;
  background: #d0d0e0;
  font-size: 8pt;
}

.tdProductSizes_Size
{
  color: #000000;
  text-align: left;
}


 /* Classes for displaying product colours */
.tblProductColours
{
  width: 95%;
}

.tdProductColours_Main
{
  vertical-align: top;
}

.tblProductColours_Colours
{
  font-size: 8pt;
  width: 100%;
  background: #d0d0e0;
}

.tdProductColours_ColourList
{
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 50px;
}

.tblProductColours_SwatchAndName
{
  border: 0px;
  border-collapse: collapse;
}

.tdProductColours_Swatch
{
  width: 50px;
  height: 25px;
  text-align: center;
}

.tdProductColours_ColName
{
  color: #000000;
  text-align: center;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
}

.tdProductColours_Notes
{
  color: #000000;
  text-align: left;
}

 /* Classes for displaying product prices */
.tblProductPrices
{
  width: 95%;
}

.tdProductPrices_Main
{
  text-align: center;
  vertical-align: top;
}

.tblProductPrices_Prices
{
  font-size: 0.8em;
  width: 100%;
  background: #d0d0e0;
}

.tdProductPrices_GAR_Method
{
  width: 50%;
  text-align: center;
}

.tdProductPrices_GAR_Method table
{
  width: 100%;
}

.tdProductPrices_GAR_Method .price
{
  color: #895b29;
  font-weight: bold;
}

.tdProductPrices_GAR_Method .notes
{
  color: #606060;
  font-size: 0.8em;
  text-align: left;
  padding: 2px 5px 0 5px;
}

.tdProductPrices_GAR_Method .heading
{
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
}

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

.tdProductPrices_Method
{
}

.tblProductPricesMethod_Main
{
}

.tdProductPricesMethod_MethodName
{
  text-align: center;
  background: #d0d0e0;
  font-size: 1.2em;
}

.tdProductPricesMethod_MethodPrices
{
}

.tblProductPricesMethodPrices_Main
{
  border-collapse: collapse;
}

.tdProductPricesMethodPrices_Title
{
  text-align: left;
  font-weight: bold;
  width: 100px;
  border: 1px solid #606060;
}

.tdProductPricesMethodPrices_Qty
{
  text-align: center;
  border: 1px solid #606060;
}

.tdProductPricesMethodPrices_Price
{
  text-align: left;
  border: 1px solid #606060;
}

.tdProductPricesQty_Title
{
  text-align: left;
  width: 75px;
}

.tdProductPricesPrepaymnt_Title
{
  text-align: left;
  width: 100px;
}

.tdProductPricesCredit_Title
{
  text-align: left;
}

.tdProductPricesQty
{
  text-align: left;
  width: 75px;
}

.tdProductPricesPrepaymnt
{
  text-align: left;
  width: 100px;
}

.tdProductPricesCredit
{
  text-align: left;
}

.tdProductPrices_Price
{
  text-align: left;
}

.tdSTDPriceMatrix_Label
{
  font-weight: regular;
  font-size: 0.9em;
  text-align: left;
  width: 125px;
}

.tdSTDPriceMatrix_Value
{
  font-weight: normal;
  font-size: 0.9em;
  text-align: left;
  padding: 0px 0px 0px 0px;
}


 /* Classes for displaying the bottom product form */
.tblOrderSection
{
  font-size: 0.8em;
  border: 1px solid #606060;
  background: #d0d0e0;
  width: 98%;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
}

.tblOrderSection td
{
  padding: 2px 2px 2px 2px;
}

.tblOrderSection input .noborder
{
  border: 0;
}

.tblOrderSection .notes
{
  color: #606060;
  text-align: left;
  font-size: 0.8em;
  font-weight: regular;
}

.tdOS_Title
{
  width: 100%;
  text-align: center;
  font-size: 1.0em;
}

.tdOS_Title .title
{
  font-size: 1.4em;
  font-weight: bold;
}

.tdOS_Title .notes
{
  color: #606060;
  font-weight: normal;
}

.tdOS_Method
{
  width: 50%;
  text-align: center;
  vertical-align: top;
  border: 1px solid #606060;
}

.tblOS_Method_SP
{
  width: 100%;
}

.tdOS_MSP_Title
{
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

.tdOS_MSP_FieldName
{
  width: 30%;
  text-align: left;
  vertical-align: top;
}

.tdOS_MSP_FieldValue
{
  width: 70%;
  text-align: left;
  vertical-align: top;
}

.tdOS_MSP_Notes
{
  width: 100%;
  text-align: left;
  color: #606060;
  font-size: 0.8em;
}

.tblOS_Method_EMB
{
  width: 100%;
}

.tdOS_MEMB_Title
{
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

.tdOS_MEMB_FieldName
{
  width: 30%;
  text-align: left;
  vertical-align: top;
}

.tdOS_MEMB_FieldValue
{
  width: 70%;
  text-align: left;
  vertical-align: top;
}

.tdOS_MEMB_Notes
{
  width: 100%;
  text-align: left;
  color: #606060;
  font-size: 0.8em;
}

.tdOS_QtyMatrix
{
  width: 100%;
  text-align: center;
}

.tdOS_QtyMatrix div
{
  overflow: auto;
  width: 625px;
  padding-bottom: 25px;
}

.tblOS_QtyMatrix
{
  width: 100%;
}

.tblOS_QtyMatrix th
{
  text-align: center;
  font-weight: bold;
  color: #000000;
  background: #d0d0e0;
}

.tblOS_QtyMatrix input
{
  font-size: 8pt;
  text-align: right;
}

.tblOS_QtyMatrix select
{
  font-size: 8pt;
}

.tdOS_QM_AddBtn
{
  text-align: center;
}

.tdOS_AddNotes
{
  width: 50%;
  text-align: left;
}

.tdOS_AddBtn
{
  width: 50%;
  text-align: center;
}

/* ###################################### */
/* ### End of product display classes ### */
/* ###################################### */

/* ######################################################################### /*

/* ############################## */
/* ### Basket display classes ### */
/* ############################## */

.tblBasket
{
  width: 95%;
  border: 1px solid #606060;
  border-collapse: collapse;
  font-size: 0.8em;
}

.tdBasketItem_Description
{
  width: 12.5%;
  text-align: left;
}

.tdBasketItem_Colour
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_Size
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_Quantity
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_Method
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_Position
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_PrintColour
{
  width: 12.5%;
  text-align: center;
}

.tdBasketItem_Action
{
  width: 12.5%;
  text-align: center;
}

.tdBasket_Buttons
{
  background: #abd0be;
  text-align: center;
  color: #ff0000;
  font-weight: bold;
  height: 35px;
}

.tblBasketSummary
{
  width: 95%;
  border: 1px solid #606060;
  background-color: #d0d0e0;
  font-size: 0.8em;
}

.tdBasketSummaryItem_Description
{
  width: 75%;
  text-align: left;
}

.tdBasketSummaryItem_Quantity
{
  width: 25%;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

/* ##################################### */
/* ### End of basket display classes ### */
/* ##################################### */


.tblForm
{
  text-align: left;
  width: 95%;
  padding: 5px 5px 5px 5px;
}

.tdFormFieldName
{
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 200px;
}

.formNotes
{
  font-size: 0.8em;
  font-weight: normal;
  text-align: left;
}

.tdFormFieldEntry
{
  text-align: left;
}

.tdFormButtons
{
}

.grid
{
  background-color: #ffffff;
  border: 1px solid #606060;
  border-collapse: collapse;
}

.error
{
  color: #ff0000;
  font-weight: bold;
}

.status
{
  color: #000000;
  font-weight: bold;
}

.heading
{
  font-size: 1.8em;
  font-weight: bold;
  color: #199dbf; /*cd2819*/
}

.subheading
{
  font-size: 1.4em;
  font-weight: bold;
  color: #895b29;
}

.caption
{
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
}

.instructions
{
  width: 98%;
  text-align: center;
  padding: 5px 5px 5px 5px;
}

.notes
{
  text-align: center;
  font-size: 0.8em;
  color: #606060;
}

.product_code
{
  font-weight: bold;
  color: #199dbf;
}

.product_code a
{
  font-weight: bold;
  color: #199dbf;
}

.product_title
{
  font-weight: bold;
  color: #4D3317;
}