﻿/* Login */
#LoginCenter 
{
	margin-top: 15px;
	color: #969696;
	font-size: 12px;
	height: 155px;
	width: 142px;
	padding: 15px;
}
	
.hide { 
	display:none; 
} 

.show { 
	display:block; 
} 

.loginTextBox 
{
	width: 106px;
	height: 12px;
	border: none;
	background-color: #ddd5c2;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color: #857566;
	letter-spacing: .03em;
	margin-bottom: 8px;
	padding: 2px 4px;	
}
.RMTbl 
{
	margin-top: 10px;
	margin-bottom: 0px;	
}
	
.RMCheckBox 
{
	width: 10px;
	height: 10px;
	margin-right: 6px;	
}

.RememberMe 
{
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	letter-spacing: .03em;	
}

.PasswordRecoveryButton 
{
	text-align: center;
	font-family: "Times New Roman", Sans-Serif;
	font-size: 13px;
	color: #ffffff;
	font-style: italic;
}

.LogoutButton
{
    color:#857566;
    font-family:Arial;
    font-size:10px;
    letter-spacing: .03em;
}

.LoginCenterUser 
{
	font-family: "Times New Roman", Sans-Serif;
	color: #323232;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;	
}

.LoginCenterSelfServiceHeader 
{
	font-family: Arial, Sans-Serif;
	color: #323232;
	font-size: 10px;
	letter-spacing: .02em;	
}

.LoginCenterTxt 
{
	font-family: Arial, Sans-Serif;
	color: #969696;
	font-size: 10px;
	letter-spacing: .02em;
}

/* Power user */
#poweruserCenter 
{
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
	color: #969696;
	font-size: 12px;
	height: 134px;
	width: 116px;
	padding: 15px;
	margin-left: -3px;
}

.poweruserTxt 
{
	font-family: Arial, Sans-Serif;
	color: #969696;
	font-size: 10px;
	letter-spacing: .02em;	
}

.poweruserTxtWhite 
{
	font-family: Arial, Sans-Serif;
	color: #ffffff;
	font-size: 10px;
	letter-spacing: .02em;	
}

.poweruserBoldTxt 
{
	font-family: Arial, Sans-Serif;
	color: #ffffff;
	font-size: 10px;
	letter-spacing: .02em;
	font-weight: bold;
}

/* Change password */
.ChangePasswordTable
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;      
}

.ChangePassword Table .FormText 
{
	padding-top: 3px;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
}

.ChangePasswordTable .TextBox
{
	width: 210px;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #323232;       
}

.ChangePasswordTable .Button
{
    background-color: #102230;
	color: White;
	text-align: center;
	width: 40px;    
}

/* Catalog Browser */
.CatalogBrowser
{
	width: 146px;
	display: block;
	font-family: "Times New Roman", Sans-Serif;
	font-size: 12px;
	line-height: 20px;
	color: #969696;
	font-style: italic;
}
.CatalogBrowser SPAN
{
	width: 100%;
	display: block;
}
.CatalogBrowser A
{
	width: 100%;
	display: block;
	text-decoration: none;
	color: #969696;
}
.CatalogBrowser .RootMenuItem
{
	width: 100%;
}
.CatalogBrowser .RootMenuItemSelected
{
	width: 100%;
	color: #323232;
}

/* Search box */
.ProductSearch .TextBox {
	height: 14px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: none;
	color: #969696;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	width: 104px;
}

.ProductSearch .TextBox, x:-moz-any-link, x:default {
	font-size: 11px;
}

.ProductSearch .TextBoxMedium {
	height: 14px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: none;
	color: #969696;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	width: 74px;
}

.ProductSearch .TextBoxMedium, x:-moz-any-link, x:default {
	font-size: 10px;
}

.ProductSearch .TextBoxSmall{
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: none;
	color: #969696;
	font-size: 11px;
	margin: 0px;
}

.ProductSearch .TextBoxSmall, x:-moz-any-link, x:default {
	font-size: 10px;
}

.ShopSearchText
{
	position: absolute;
	margin-top: 2px;
	color: #FF6E6E;
	font-weight: normal;
	font-family: Arial;
	font-size: 10px;
}

/* Category Product List */
.CategoryProductList
{
	display: block;
}

.CategoryProductList .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

.CategoryProductList .product {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
	line-height: 20px;
}

.CategoryProductList .image {
	/* Dimensions are from their original site */
	width: 111px;
	height: 111px;
	overflow: hidden;
}

.CategoryProductList .productDesc {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #323232;
	letter-spacing: .03em;
	line-height: 20px;
}

.CategoryProductList .productLink a {
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #b93838;
	line-height: 20px;
}

.CategoryProductList .favoriteIcon {
	padding-left: 2px;	
}

.CategoryProductList .priceBox {
	height: 22px;
	width: 132px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #323232;
	border: 1px solid #e6e6e6;
	font-family: Arial, Sans-Serif;
	padding: 0;
	margin: 0;
}

.CategoryProductList .spacerBox {
	height: 22px;
	width: 40px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	font-family: Arial, Sans-Serif;
	color: #323232;
	font-size: 12px;
	text-align: center;
}

.CategoryProductList .basketBox {
	height: 22px;
	width: 71px;
	border: 1px solid #e6e6e6;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.CategoryProductList .quantityBox 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-align: center;
	width: 40px;
	height: 20px;
	border: none; 
	padding: 0;
	margin: 0;	
}


/* Category Product Details */
.CategoryProductDetails
{
	display: block;
}

.CategoryProductDetails .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

.CategoryProductDetails .product
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
	line-height: 20px;
}

.CategoryProductDetails .productLink a {
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #b93838;
	line-height: 20px;
}

.CategoryProductDetails .productDesc {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #323232;
	letter-spacing: .03em;
	line-height: 20px;
}

.CategoryProductDetails .priceBox {
	height: 22px;
	width: 132px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #323232;
	border: 1px solid #e6e6e6;
	font-family: Arial, Sans-Serif;
	padding: 0;
	margin: 0;
}

.CategoryProductDetails .spacerBox {
	height: 22px;
	width: 40px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	font-family: Arial, Sans-Serif;
	color: #323232;
	font-size: 12px;
	text-align: center;
}

.CategoryProductDetails .basketBox {
	height: 22px;
	width: 69px;
	border: 1px solid #e6e6e6;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.CategoryProductDetails .quantityBox 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-align: center;
	width: 40px;
	height: 20px;
	border: none; 
	padding: 0;
	margin: 0;	
}

.CategoryProductDetails .quantityImage 
{
	vertical-align: middle;	
	display: inline;
}


/* Basket */
#basketSumm 
{
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
	color: #969696;
	font-size: 12px;
	height: 88px;
	width: 116px;
	padding: 15px;
	margin-left: -3px;
}

.Basket
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #323232;
}

.Basket h1 {
	font-family: "Times New Roman", Sans-serif;
	font-style: italic;
	font-size: 48px;
	color: #c6b99a;
	line-height: 40px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-bottom: 30px;
}

.Basket h2 {
	font-family: Arial, Sans-serif;
	font-size: 15px;
	color: #969696;
	letter-spacing: .05em;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.Basket TH
{
	color: #969696;
	font-weight: normal;
}

.Basket .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

.Basket .productName 
{
	font-weight: bold;	
}

.Basket .Quantity
{
	height: 13px;
	width: 30px;
	border: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 10px;
	padding: 0px;
	color: black;
	font-family: Arial, Sans-Serif;
	text-align: center;	
}

.Basket .Spacer
{
	height: 5px;
}

.Basket .Total
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #323232;
}

.Basket .Bottom
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #323232;
}

.Basket .Bottom .Buttons A
{
	/*display: block;
	width: 100%;
	color: White;
	padding: 3px; */
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #b93838;
	line-height: 20px;
	text-decoration: none;
}


/* Order Addresses */
.OrderAddresses
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;
}

.OrderAddresses h1 {
	font-family: "Times New Roman", Sans-serif;
	font-style: italic;
	font-size: 48px;
	color: #c6b99a;
	line-height: 40px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-bottom: 30px;
}

.OrderAddresses h2 {
	font-family: Arial, Sans-serif;
	font-size: 15px;
	color: #969696;
	letter-spacing: .05em;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.OrderAddresses h4
{
	color: #4b4b4b;
	font-family: "Times New Roman", Sans-Serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

.OrderAddresses .FormText
{
	padding-top: 3px;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
}

.OrderAddresses .TextBox
{
	width: 210px;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #323232;
}

.OrderAddresses .Bottom .Buttons A
{
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #b93838;
	line-height: 20px;
	text-decoration: none;
}


/* Order Review */
.OrderReview
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;
}

.OrderReview h1 {
	font-family: "Times New Roman", Sans-serif;
	font-style: italic;
	font-size: 48px;
	color: #c6b99a;
	line-height: 40px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-bottom: 30px;
}

.OrderReview h2 {
	font-family: Arial, Sans-serif;
	font-size: 15px;
	color: #969696;
	letter-spacing: .05em;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.OrderReview h4
{
	color: #4b4b4b;
	font-family: "Times New Roman", Sans-Serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}


.OrderReview .TextBox
{
	width: 210px;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #323232;
}

.OrderReview .FormText
{
	padding-top: 3px;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
}

.OrderReview .TextArea
{
	width: 210px;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #323232;
	overflow: auto;
}

.OrderReview .Address 
{
	color: #323232;
}

.OrderReview .Order th
{
	color: #969696;
	font-weight: normal;
}

.OrderReview .Order .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

.OrderReview .Order .productName 
{
	font-weight: bold;
	color: #323232;	
}


.OrderReview .Bottom, .OrderReview .Total
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #323232;
}


.OrderReview .Bottom .Spacer
{
	width: 5px;
	overflow: hidden;
	padding: 0px;
}

/* OpenOrders */
.OpenOrders 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;	
}

.OpenOrders h4
{
	color: #4b4b4b;
	font-family: "Times New Roman", Sans-Serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

.OpenOrder .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

/* Invoice */
.Invoice 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #969696;	
}

.Invoice h4
{
	color: #4b4b4b;
	font-family: "Times New Roman", Sans-Serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

.Invoice .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}

/* Calendar Styles */
.dateTextBox
{
    height:12px;
    border:1px solid #D4CDBD;
    font-size:10px;
    vertical-align:middle;
}
.numberTextBox
{
    height:12px;
    border:1px solid #D4CDBD;
    width:150px;
    font-size:10px;
}
.Button
{
    background-color: #102230;
	color: White;
	text-align: center;
}

.calendar
{
    width:100px;    
}

.calendar_button
{
    border:none;
    cursor:pointer;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D4CDBD;
  color:White;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}


/* Campaign Products */
.campaignProducts {
	width: 100%;
}

.campaignProducts .productLeft {
	text-align: center;
}

.campaignProducts .products {
	text-align: center;
}

.campaignProducts .txtGrey {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: .03em;
	line-height: 20px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.campaignProducts .txtGrey  img{
	max-height: 72px;
	max-width: 105px;
}

.campaignProducts .txtGrey  a{
	text-decoration: none;
	font-family: "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #b93838;
	line-height: 20px;
}

.campaignProducts .dotVert {
	background: url('/webresources/images/gfx/dot_vertical.jpg') repeat-y;
}

.campaignProducts .dotHorz {
	background: url('/webresources/images/gfx/dot_horizontal.jpg') repeat-x;
}