﻿.Clear
{
	clear: both;
}

#ShopProducts
{
	width: 545px;
}

#ShopProducts ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#ShopProducts ul li
{
	border-bottom: 1px solid #cbd6da;
	padding: 10px 0 0px 0;
}

.ShopProductImage
{
	float: left;
	background-color: #FFFFFF;
	width: 198px;
	padding-bottom: 25px;
}

.ShopProductImage img
{
	border: 1px solid #cbd6da;
}

*:first-child+html #ShopProducts .ClickEnlarge {margin:-10px 0 0 0;} * html #ShopProducts .ClickEnlarge{margin:-10px 0 0 0;}

.ClickEnlarge
{
	background-image: url(EnlargeBckgrnd.gif);
	background-repeat: no-repeat;
	width: 180px;
	display: block;
	height: 16px;
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 70%;
	line-height:150% !important;
	color: #3d2608;
	background-color: #cbd6da;
}

.ShopProductInfo
{
	float: right;
	width: 330px;
}

.ShopProductInfo h2
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#ShopProducts .Highlight
{
	color: #CC3300;
	font-weight: bold;
}

#ShopProducts .Code
{
	font-size: 80%;
}

#ShopProducts .Price
{
	font-size: 110%;
	line-height: 40%;
}

#ShopProducts .ClearFix
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.PopupMask
{
    background-color: #000;    
    opacity: 0.8;    /* Standard - Firefox, Safari, Opera */
    filter: alpha(opacity=80);  /* IE */
    -moz-opacity: 0.8; /* Mozilla */
    -khtml-opacity: 0.8;    /* Safari (1.x) */ 
}

/* ========== PAGER ========== */

#Pager 
{   
    color:#9b006d;
    padding:10px 0;
}

#Pager ul 
{
    margin:0px;
    padding:0 0 10px 0;
}

#Pager ul li
{
    float:left;
    border:none;
    margin-right:5px;
}

#Pager a
{
    border:1px solid #bce0e7;
    padding:5px;
    background-color:#d7f2f7;
}

#Pager a:hover
{
    border:1px solid #3a2203;
    padding:5px;
    color:#fff;
    background-color:#3a2203;
}

/* ========== OPTIONS DIALOGUE ========== */

.Dialog1
{
	width: 555px;
	background-color: #fff;
	padding: 10px 15px 10px 15px;
	/* overflow:visible; ---- why? ---- */
    position:absolute !important;	/* allows the dialog to scroll with the window */
}

.Dialog1 .ModalClose
{
	padding-left: 450px;
}

.Dialog1 h2
{
	margin: 0px 0 3px 0 !important;
	padding: 0px 0 3px 0 !important; 
}

.Dialog1 h3
{
	margin:0px 0 3px 0 !important;
	padding:0px 0 3px 0 !important;
	font-weight:bold;
}

.Dialog1 h4
{
	margin: 0px 0 3px 0;
	padding: 0px 0 3px 0;
	font-weight: lighter !important;
	font-size: 120%;
	color: #3d2608; 
}

.Dialog1 .ModalPleaseNote
{
	font-size: 80%;
	color: #999999;
	display: block;
	margin: 0px 0 3px 0 !important;
	padding: 0px 0 3px 0 !important; 
}

.Dialog1 .ModalInscribeMessage
{
	display: block;
	margin-top: 15px;
}

.Dialog1 .ModalLeft
{
	display: block;
	float: left;
	width: 350px;
}

.Dialog1 .ModalRight
{
	display: block;
	float: right;
	width: 190px;
}

.Dialog1 label 
{ 
    font-size: 70%;   
}

.Dialog1 p
{ 	font-size: 80% !important;
	color: #3a2203;
	line-height:125%;
	padding: 0px !important;
	margin: 0px !important;
}

.Dialog1 .ModalRight input
{
	margin-bottom: 0px;
	height: 17px;
}

.Dialog1 .Spelling
{
	color: #CC0000;
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	display: block;
}

.Dialog1 .AlignRight .Returns
{
	font-size: 70%;
	display: block;
}

.Dialog1 .AlignRight .Returns a
{
    text-decoration: none;
    color: #3a2203;
}

.Dialog1 .AlignRight .Returns a:hover
{
    text-decoration: underline;
    color: #3a2203;
}

.Dialog1 .AlignRight
{
	text-align: right;
}

.Dialog1 .AddToCartButton
{
	background-image: url(AddBasket.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 36px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

.Dialog1 .UpdateCartButton
{
	background-image: url(UpdateBasket.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 36px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

/* ========== PRODUCT DIALOGUE ========== */

.Dialog2
{
	width: 550px;
	background-color: #fff;
   	/*overflow: visible;*/ /*why?*/
    position: absolute !important;	/* allows the dialog to scroll with the window */
	padding: 0px 0px 0px 0px;
}

.Dialog2 h2
{
    margin:0 0 0 15px !important;
}

.Dialog2 p 
{
    margin:0 0 10px 15px !important;
    line-height:0% !important;
}

.Dialog2 .ModalClose
{
	padding:10px 0 0 430px;
}

#ProductSlides
{   
    margin-left: auto;
    margin-right: auto;
}

#ProductThumbs 
{	background: #bce0e7;
	height: 50px;
	width: 538px;
	margin: 0px 0 0 0;
	padding: 10px 6px 10px 6px;
}

#ProductThumbs a img
{
    border: solid 1px #3a2203;
	float: left;
	margin: 0px 8px 0px 5px;
	padding: 0;
	background: #ffffff;
	display: block;
	cursor: pointer;
}

/* ========== MINI CART ========== */

#MiniCart {
	width:155px;
}

#MiniCart  dl {
	padding:0px;
	margin:0px;
}

#MiniCart  dt {
	padding:0px;
	margin:0px;
}

#MiniCart  dd {
	padding:0px;
	margin:0px;
}

.MiniCartItem {
	padding:0 0 3px 0 !important;
	font-size:70%;	
}

.MiniCartItemPrice {
	width:155px;
	padding:0 0 5px 0 !important;
	margin:0 0 5px 0 !important;
	text-align:left;
	font-weight:bold;
	font-size:70%;
	border-bottom:1px solid #e2ded9;
}

.MiniCartSubTotal {
	width:50px !Important;
	background-color:#3a2203;
	color:#FFFFFF;
	font-size:70%;
	min-height:23px;
	height:auto !important;
	height:23px;
	padding:6px 0 0 5px  !important;
	float:left;
}

.MiniCartSubTotalPrice {
	background-color:#3a2203;
	width:90px !Important;
	text-align:right;
	font-size:100%;
	color:#FFFFFF;
	min-height:19px;
	height:auto !important;
	height:19px;
	padding:5px !important;
	font-weight:bold;
	line-height:100%;
	float:right;
}

#MiniCart p {
    clear: both;
    font-size:60%;
 }
 
 
 /* ========== MAXI CART ========== */

table.MainBasket {
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: 1px solid #bce0e7;
    border-left: 1px solid #bce0e7;
}


table.MainBasket a {
	color:#9b006d;
	text-decoration:none;
	font-size:70%;
}

table.MainBasket a:hover {
	color:#9b006d;
	text-decoration:underline;
}

table.MainBasket tr.Header {
    border-top: 1px solid #bce0e7;
	font-size:90%;
}

table.MainBasket th {
    text-align: left;
    font-weight: normal;
    padding: 5px;
}

table.MainBasket td {
    border-top: 1px solid #bce0e7;
    padding: 5px;
    border-right: 1px solid #bce0e7;
}

.BasketGiftOptions {
	background-color:#d3ebef;
	padding:10px;
	font-size:70%;
	background-image:url(GiftOptionsBckgrnd.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

p.BasketGiftOptionsHeader 
{   
    position:relative;
    left:25px;
    top:-2px;   
}

p.BasketGiftOptionsHeader a {
	font-size:100% !important;
}

.BasketGiftOptions img {
	padding-right:5px;
}

table.MainBasket .BasketGiftOptions p {
	padding:0px;
	margin:0 0 10px 0;
}

.BasketGiftOptionsMessage {
	background-color:#FFFFFF;
	padding:5px;
	margin:5px 5px 5px 0;
	width:330px;
}

.BasketSmlImage {
	float:left;
	border:1px solid #a4afb1;
	margin:0 5px 0 0;
}

.BasketItemTitle {
	font-size:80%;
}

.BasketItemCode {
	font-size:60%;
	line-height:200%;

}

.BasketItemCost  {
	font-size:90%;
}

.VoucherCode {
	background-image:url(FieldBckgrnd392w.gif);
	background-repeat:no-repeat;
	height:30px;
	padding:5px 5px 5px 10px;
	display:none;
}

.VoucherCode label {
	color:#3a2203;
	font-size:90%;
}

#CentreColFull .BasketNotes {
	font-size:80%;
	color:#b30000;
}

#Update {
	width:70px;
	height:40px;
	margin:0px;
	padding:0px;
	float:right;
}

#Total {
  min-height:20px;
  height:auto !important;
  height:20px;
	padding:10px;
	float:right;
	text-align:center;
	background-color:#fff;
	width:210px;
}

.SubTotal {
	font-size:80% !important;
	text-align:right !important;
}

.SubTotalPrice {
	font-size:80% !important;
}

.BasketTotalPrice {
	font-size:100% !important;
}

/* ----- Blue (#edfafc) Cols ----- */

.BlueFullCol {
	width:905px;
	margin-left:auto;
	margin-right:auto;
	background-color:#edfafc;
	min-height:150px;
	height:auto !important;
	height:150px;
	background-image:url(BasketTop905w.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0 10px 0;
}

.BlueFullColInner {
	width:865px;
	margin:0 20px 0 20px;
}

* html .BlueBtmFull {
	background-image:url(BasketBtm905w.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	margin-top:-14px;
	display:block;
}

.BlueBtmFull {
	background-image:url(BasketBtm905w.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	display:block;
	margin-bottom:15px;
}

.BlueColLeft {
	width:439px;
	background-color:#edfafc;
	float:left;
	margin:0 10px 0 10px;
	background-image:url(BasketTop439w.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.BlueBtmHalf {
	background-image:url(BasketBtm439w.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	display:block;
}

* html .BlueBtmHalf {
	background-image:url(BasketBtm439w.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	margin-top:-14px;
	display:block;
}


.BlueColRight {
	background-image:url(BasketTop439w.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:439px;
	background-color:#edfafc;
	float:right;
	margin:0 10px 0 0px;
}

.BlueHalfColInner {
	width:399x;
	margin:20px;
}

.FormFloatLeft 
{
    float:left;
    margin-right:20px;
 	font-size:90%;
}

.BlueFullCol Input, .BlueColLeft Input, .BlueColRight Input {
	color:#3a2203;
	font-size:90%;
	height:18px;
	padding:5px;
	margin:3px 0 0 0;
	border:1px solid #a4afb1;
	
}

.VoucherCode Input {
	height:18px;
	padding:5px;
	margin:3px 0 0 0;
	border:1px solid #a4afb1;
	font-size:90%;	
	color:#c30077;
}

#CheckoutSteps ul
{
    margin:20px;
    padding:0 0 0 0;
}

#CheckoutSteps ul li 
{
    color:#3a2203;
    list-style-type:none;
    float:left;
    width:190px;
    font-size:120%;
    margin-right:30px;
}

#CheckoutSteps ul li .StepLabel
{
    font-size:50%;
}

.ValidationSummary 
{
    padding:20px 10px 10px 60px;
    border:1px solid #ffd9d9;
    margin:20px;
    background-image:url(Error.gif);
    background-position:top left;
    background-repeat:no-repeat;
    font-size:80%;
}

.Checkout 
{
    margin-left:20px;
}

/* ----- Custom Btns ----- */

.BlueHalfColInner .ContinueBtnBlue
{
	background-image: url(Continue_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 40px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

.ContinueBtn
{
	background-image: url(Continue.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 40px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

.BlueHalfColInner .SignInBtnBlue
{
	background-image: url(SignIn_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 40px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

.BlueHalfColInner .AddAddressBtnBlue
{
	background-image: url(AddAddress_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 193px;
	height: 25px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}

.BlueHalfColInner .RemoveAddressBtnBlue
{
	background-image: url(RemoveAddress_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 151px;
	height: 25px;
	padding: 0;
	border-width: 0;
	cursor:pointer;	
}


table.MainBasket .UpdateBtnBlue
{
	background-image: url(Update_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-width: 0;
	cursor:pointer;	
}

.BlueHalfColInner .EditBtnBlue 
{
    background-image: url(Edit_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 22px;
	padding: 0;
	margin: 0 0 10px 0;
	border-width: 0;
	cursor:pointer;
}

.BlueHalfColInner .PurchaseBtnBlue 
{
    background-image: url(Purchase_BlueBckgrnd.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-width: 0;
	cursor:pointer;	
}

.Remember {
	font-size:70% !important;
}

/* ----- Security Code ----- */

.SecurityCode 
{
    padding:10px;
}

.SecureClose 
{
    background-image:url(ModalClose.gif);
    background-repeat:no-repeat;
    width:112px;
    height:20px;
    cursor:pointer;
    border:none;
    margin-left:288px;
}

 /* ========== Summary CART ========== */

table.SummaryBasket {
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: 1px solid #bce0e7;
    border-left: 1px solid #bce0e7;
    background-color:#fff;
    font-size:80%;
    margin-bottom:20px;
}


table.SummaryBasket a {
	color:#9b006d;
	text-decoration:none;
}

table.SummaryBasket a:hover {
	color:#9b006d;
	text-decoration:underline;
}

table.SummaryBasket tr.Header {
    border-top: 1px solid #bce0e7;
}

table.SummaryBasket th {
    text-align: left;
    font-weight: normal;
    padding: 5px;
}

table.SummaryBasket td {
    border-top: 1px solid #bce0e7;
    padding: 5px;
    border-right: 1px solid #bce0e7;
}


 /* ========== Home Page Highlight ========== */
 
#ProductHighlight 
{
}
 
#ProductHighlight ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#ProductHighlight ul li
{
    margin:0px 10px 20px 0px;
    padding:0px;
    float:left;
}

#ProductHighlight ul li img
{
    display:block;
}


#ProductHighlight ul li .Select 
{
    background-image:url(ViewDetails.gif);
    width:100px;
    height:27px;
    cursor:pointer;
    display:block;
    margin:10px 0 10px 0;
}  