@charset "utf-8";
/* CSS Document */

body {background-color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:  #757351;
margin: 0;
padding: 0}

.maincontainer {width: 985px;
margin: 0 auto;
}

.clear {clear: both}

.back {padding: 0 1em}

.back a {color:  #757351;
text-decoration: none;
}

.back a:hover {color: #353500 }

.text {padding: 0.5em 2em 1em 1em;}

/*-------end standard stuff----------*/

.top {padding: 1em}



.logo {float: left;
width: 150px;
padding-top:1.5em}



.topright {float:right;
width: 250px;
text-align: right;
color: #f5eed6;
border: 1px soild #FF9900;
padding-top: 2.5em}

.topright a {color: #f5eed6;
text-decoration: none;}

.topright a:hover {color: #535239;}



.topbar {background-color: #535239; 
padding: 1em ;
color: #f5eed6;
font-weight: bold;
color: #eadbad}


.hook {float: left;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 2px}

.phone {float:right}

.center {margin: 0;
padding: 0;
background-color: #f5eed6;
background-image:url(/images/centerbgleftnav.gif);
background-position: top left;
background-repeat:repeat-y}

.leftnav {
width: 160px;
float: left;
padding: 2em 0 }

.right {width: 803px;
color: #757351;
float: right;
padding: 2em 0;
 }
 
 .right2 {width: 770px;
color: #757351;
float: right;
padding: 2em ;
 }
 
 .right3 {width: 520px;
color: #757351;
float: left;
padding: 1.5em 0 ;
 }
  .right4 {width: 175px;
color: #757351;
float: right;
padding: 1.5em 0 ;
 }
 
 
 
.right a {color:  #353500;
text-decoration: none;
}

.right a:hover {color:#757351;  }

.mainimage {padding: 0;
margin:  0 0 1em 0;
border: 1px solid #ccc;
width: 785px}


.slideshow {padding: 0;
margin:  0 0 1em 0;
border: 1px solid #ccc;
width: 785px}

.hometext {width: 255px;
float: left;
}

.carousel {width: 470px;
float: right;
margin: 1em 1.5em 0 0}

.categorytext {width:785px;
margin: 1em 0}

.base {background-color: #535239; 
padding: 1em 1em 1em 1.5em;
color: #f5eed6;
font-size: smaller}

.baseleft {float: left;}
.baseright {float:right;
padding: 0 1em 0 0}

.base a {color: #f5eed6;
text-decoration: none;
}

.base a:hover {color: #000;
}

h1 {font-size: 15px;
margin-top: 0;
}

h2 {font-size: small;
margin-top: 0}


/*----------left nav-------*/

.leftnav ul {margin: 0 ;
padding: 0}

.leftnav ul li {list-style: none;
padding: 0.25em 0 0.25em 1em ;
border-bottom: 1px solid #f5eed6;}

.leftnav ul li a {color:#f5eed6;
text-decoration: none;}



.leftnav ul li a:hover {color: #27261B ;

}

.leftnav ul li a.on {font-weight: bold;
color: #000}

ul.subnav {margin: 0 0 0.5em 0;
padding: 0}

 ul.subnav li {list-style: none;
padding: 0.25em 1em;
border-bottom: 0}

ul.subnav li a {color:#f5eed6;
text-decoration: none;
}

ul.subnav li a:hover {color: #27261B ;

}

ul.subnav li a.on {color: #000;
font-weight: normal}


/*------------holding page---------*/

.centerholding {margin: 0;
padding: 0;
background-color: #f5eed6;
}

.rightholding {
color: #757351;
padding: 2em 1em }

.righttextholding {float: left;
width: 270px;
padding: 0.25em 1em 0 1em}

.righttextholding a {text-decoration: none;
color: #757351}

.righttextholding a:hover {font-weight: bold}

.rightpicholding {width: 600px;
float: right;
padding: 0 1em 0 0
}

.logoholding {float: left;
width: 150px;
padding: 0 0 0 1em}

.hookholding {float: left;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 2px;
padding: 0 0 0 1em}

.baserightholding {float:right;
padding: 0 2em 0 0}

.phoneholding {float:right;
padding: 0 1em 0 0}


/*------------detail page---------*/

.detailtext {width: 300px;
float: right;
margin-right: 2em;
}

.alternateimage {width: 65px;
float: left;

}

.leftdetail {;
float: left;
width: 450px}

.productimage {width: 350px;
float: left;
margin: 0 1.25em 0 0.75em;
}

.productdescription {margin: 2em 0}

.price {font-weight: bold;
margin: 1em 0 2em 0}

.size {margin: 1em 0 2em 0}

.addtobasket {width: 150px;
margin: 1em 0}

.addtowishlist {
width: 150px;
margin: 1em 0}

.continueshopping {width: 150px;
margin: 1em 0
 }

.youmayalsolike {width: 450px;
float: left;
margin: 1em 0;
}

.stock {margin:  1em 0 2em 0;
font-weight:bold}

.alt {float: left;
margin-bottom: 8px;
border: 1px solid #ccc}

.also {width: 119px;
float: left;
margin-right: 2em;
border: 1px solid #ccc}

.detailsaleprice {font-weight: bold;
color:#ce003a;
padding: 4px 0}

.zoom {float: left; width: 350px;
padding: 1em 1em 1em 6.5em }

.sizeoptions {padding: 1em 0}

span.was{font-weight: bold;
padding: 4px 0}

span.now {font-weight: bold;
color:#ce003a;
padding: 4px 0}
/*--------category------*/

.category {width: 234px;
margin: 0 0 3em 2em;
padding: 0;
float: left;
}


.saleprice {color: #ce003a;
font-weight:normal;
}

.categoryimage {
padding: 0;
}

img
{  border-style: none;
}

.categorydescription {
text-align:center;
font-weight: bold;
padding-top: 0.5em}

.category a {color: #848158;
text-decoration: none;
}

.category a:hover {color: #353500 }

.nextpage {float: right;
margin-right: 2em;
font-weight: bold}

.nextpage a  {color: #848158;
text-decoration: none;}

.nextpage a:hover {color: #353500 }



/*------------shopping basket-------*/

table.shoppingbasket {width: 770px;
border: 1px solid #ccc;
margin: 1em 0;
background-color: #FFFFFF}


th.tdtitle {text-align: center;
background-color:#999966;
color:#fff;
padding: 5px}

.shoppingbasket td {
text-align:center}

.itemimage {width: 50px;
float: left;
text-align: center;
padding: 1.5em 0 0 1em}

.itemname {width: 260px; 
float:left;
margin: 3em 0.5em 1em 1.5em;
font-weight:bold;
text-align: left}

td.total {font-weight:bold;
text-align: right;
padding: 1em}

td.totalprice {
padding: 1em;
font-weight: bold }

.checkout {margin: 1em 3.25em 1em 1em}

.continueshoppingbasket {width: 150px;
float: left;

 }
 
 .creditcards {float: right;
 text-align:right;
 padding-top: 2em}
 
 .proceedtocheckout {float: right}
 
 .itemsize{padding: 1em 0 0 0.5em;
 text-align:center}
 
 .itemquantity {padding: 1em 0 0 0.5em;}
 
 .itemprice {padding: 1em 0 0 0.5em;}
 
 .itemtotal {padding: 1em 0 0 0.5em;}
 
 .updatebasket {width: 150px;
 float: right;
 padding: 1em 0.5em 1em 0; 
}

/*--------------checkout-------*/

.maincontainercheckout {background-color:#f5eed6;
width: 985px;
margin: 0 auto;
}

.checkoutheader {background-color:#999966;
padding: 1em;
}

.checkoutcontent {padding: 1em 1em 2em 1em;
}

.returningcustomer {width: 400px;
height: 265px;
margin: 0 2em 0 0;
float: left;
border: 2px solid #e5ded6;
background-color:#FFFFFF}

.newcustomer {width: 240px;
border: 2px solid #e5ded6;
margin: 0 2em 0 0;
float: left;
height: 265px;
background-color:#FFFFFF}

.notregistering {width: 240px;
border: 2px solid #e5ded6;
margin: 0 0.5em 0 0;
float: left;
height: 265px;
background-color:#FFFFFF
}

.title {font-weight: bold;
background-color:#999966;
padding: 5px;
color:#fff}

.checkout1text {padding: 1em;
height: 165px}



.returningcustomer label
{
width: 6em;
float: left;
text-align: right;
margin: 0 0.5em 0 0;
display: block
}


.returningcustomer a {color: #ce003a;
text-decoration:none;
font-size: smaller}

.returningcustomer a:hover {color: #333333 ;
}

.signinbutton {float: right;
padding-right: 5px}

.registerbutton {float: right;
padding-right: 5px}

.checkoutbutton {float: right;
padding-right: 5px}

/*----checkout 2 --------*/

.invoiceaddress {width: 460px;
margin: 0 1.75em 0 0;
float: left;
border: 2px solid #e5ded6;
padding-bottom: 1em;
background-color:#FFFFFF;
}

.deliveryaddress{width: 440px;
margin: 0 1em 0 0;
float: left;
border: 2px solid #e5ded6;
padding-bottom: 1em;
background-color:#FFFFFF;
}

ul.checkoutaddress {margin: 1em 0 1em 0;
padding: 0}

.invoiceaddress li{list-style: none;
display: block;
margin:  0   ;
padding: 5px;
}

.invoiceaddress label
{
width: 13em;
float: left;
text-align: right;
margin: 0 0.5em 0 0.5em;
display: block
}


.deliveryaddress li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}

.deliveryaddress label
{
width: 11em;
float: left;
text-align: right;
margin: 0 0.5em 0 0;
display: block
}

.error {color: #ce003a;
margin-left: 18em;
font-size: 10px}

.continue {margin: 2.25em 1em 1em 0;
float: right}

 select.country {width: 204px}
 
 .invoiceaddress input {width: 200px}
 
 .deliveryaddress input {width: 200px}
 
 span.checkbox input {width: 10px}
 
 .deliveryaddress textarea {width: 200px}


/*-------checkout3 -----------*/

.invoiceaddress2 {width: 375px;
 float: left;
 border: 1px solid #e5ded6;
  margin: 1em 1em 0 0;
  background-color:#FFFFFF}
  
  .address2 {padding: 1em}
 
 .deliveryaddress3 {width: 375px;
 float: left;
 border: 1px solid #e5ded6;
  margin:1em 0 0 4.5em;
  background-color:#FFFFFF}
  
  .address3 {padding: 1em}
  
  
  
  .summaryheaders {margin: 0;
  background-color:#e5ded6;
  padding: 5px}


.clearline {clear:both;
border-top: 1px solid #e5ded6;
margin: 1em 2em 1em 9.5em;
}

.proceedtopayment2 {float: right;
 margin: 2em 1em 0 0 }
 
.edit {float: right;
margin: 0.5em}

table.summarybasket {width: 950px;
border: 1px solid #ccc;
margin: 1em 0}

.summarybasket {background-color:#FFFFFF}

.summarybasket td {
text-align:center}

td.subtotal {font-weight:bold;
text-align:right;
padding: 1em 2em 1em 1em}

td.summarytotal {font-weight:bold;
text-align:right;
padding: 1em 2em 1em 1em}

td.promo {text-align:right;
padding: 1em 2em 1em 0}

td.postage {text-align:right;
padding: 1em 2em 1em 0}

td.error2 {color: #ce003a;
text-align:right;
font-size: 10px;
padding-right: 3em
}

.proceedtopayment {float: right;
margin: 1em 1.75em 1em 1em}

.itemname2 {width: 300px; 
float:left;
margin: 3em 0.5em 1em 1.5em;
font-weight:bold;
text-align: left}

/*-------------checkout 4 --------------*/

.paymentdetails {
margin-top: 1em;
border: 1px solid #ccc;
background-color:#FFFFFF}

.payleft {width:600px;
float: left;
padding: 0 0 1em 0}

.payright {width: 300px;
float: right;
margin: 1.5em 1em 1em 0;
padding-right: 1em;
}

.paymentdetails ul {padding: 1.5em 0 0 0;
}

.paymentdetails li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}



.paymentdetails label
{
width: 25em;
float: left;
text-align: right;
margin: 0 0.5em 0 1em;
display: block;

}


.placeorder {float: right;
width: 150px;
margin: 3em 1em 1em 1em}




/*-------------account login etc------*/

.welcomeback {margin: 1em 0 2em 0;
float: left;
width: 400px;
border: 1px solid #ccc;
background-color:#FFFFFF}

.newaccount {
width: 330px;
float:right;
margin: 1em 2em 1em 1em;
border: 1px solid #ccc;
background-color:#FFFFFF}

.login {margin: 2em 0 0 2em;
}

.na2 {padding: 1em}

p.error3 {color: #ce003a;
text-align:left;
font-size: 10px;
padding-left: 15em}

p.error4 {color: #ce003a;
text-align:left;
font-size: 10px;
padding-left: 11em}

ul.account {padding-left: 0}

ul.account li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}

ul.account label
{
width: 11em;
float: left;
text-align: right;
margin: 0 0.5em 0 0;
display: block
}

p.login {margin-left: 11.5em}

p.createaccount {margin-left: 0}



p.forgotten {
text-align:left;
font-size: 10px;
padding-left: 15em}

p.forgotten a {color: #848158;
text-decoration: none}

p.forgotten a:hover{color: #353500 }



.accountoverview {margin: 2em 1.5em 0 0;
border: 1px solid #ccc;
background-color:#FFFFFF;
padding: 1em}

.accountoverview ul li {list-style:none}

.invoicedetails {width: 350px;
float: left;
margin: 1em 0 0 0}

.invoicedetails ul li {margin-bottom: 1em}


.editoptions {width: 250px;
float:right;
margin: 1em 2em 1em 0;
}

.editoptions ul li {margin-bottom: 0.5em;
} 


ul.editlist  {margin: 0 ;
padding: 0
}
ul.editlist  li {margin-bottom: 0.5em;
list-style: none;
text-decoration: none;
}

.persdetails {
margin: 1em 0 0 0 ;
width: 370px;
float: left;
border: 1px solid #ccc;
background-color: #FFFFFF}

ul.personaldetails label
{
width: 10em;
float: left;
text-align: right;
margin: 0 0.25em 0 -2em;
display: block;
}


.billaddress {width: 370px;
float:right;
margin: 1em 0 0 0;
border: 1px solid #ccc;
background-color:#FFFFFF}

ul.billingaddress label
{
width: 10em;
float: left;
text-align: right;
margin: 0 0.25em 0 -3em;
display: block;
}



.createaccount { margin: 1em 1.5em 0 0;
}


.createaccount li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}

.createaccount label
{
width: 10em;
float: left;
text-align: right;
margin: 0 0.5em 0 0;
display: block
}

p.savechanges {float: right;
margin:  0}

.changepassword {margin: 2em 1.5em 2em 0;
background-color:#FFFFFF;
border: 1px solid #ccc;
padding: 1em;
  }

.changepassword li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}

.changepassword label
{
width: 13em;
float: left;
text-align: right;
margin: 0 0.5em 0 0;
display: block
}

ul.password {margin: 2em 0 0 0;
width: 380px}

p.password {text-align: right;
margin: 2em 0 0 0}

.orderhistory {margin: 2em 1.5em 2em 0;
background-color: #FFFFFF;
padding: 1em;
border: 1px solid #ccc}



.orderhistory a {color:  #757351;
text-decoration: none;
}

.orderhistory a:hover {color: #353500 }

.orderhistory ul {padding: 1em 0 1em 0.25em;
margin: 0}

.orderhistory ul li {list-style: none}

ul.history
{margin: 2em  }



.orderhistorybilling {margin: 1em 1em 0 0;
float: left;
width: 250px;
border: 1px solid #e5ded6;
padding: 1em}

.orderhistorydelivery {margin: 1em 1em 0 0;
float: left;
width: 250px;
border: 1px solid #e5ded6;
padding: 1em}
 
table.vieworder {
width: 700px;
}

table.vieworder td {text-align: left;
background-color:#FFFFFF;
font-size:small;
}

table.vieworder th {text-align: left;
background-color:#FFFFFF;
font-weight:bold;
padding-right: 14px;
}

th.width {width: 75px;
}





.deleteaccount {margin: 2em}

.delacc {width: 700px;
height: 350px}

li.link a {color:  #353500;
text-decoration: none;
}

li.link a:hover {color:#757351;  }

/*-----wish list------*/

.wishlist {margin: 2em 1.5em 2em 0;
background-color: #FFFFFF;
padding: 0 ;
border: 1px solid #ccc;
}

table.wish {border: none;
padding: 5px;
width: 750px}

table.wish td {padding: 0.5em 0.5em 1.5em 0.5em;
}

ul.wishdetail {margin: 1.5em 0 0  5em}

ul.wishdetail li {list-style: none}

.wishname {width: 300px;
}

td.purchase {vertical-align: center;
padding-top: 1em}

td.remove {vertical-align:center;
padding-top:1em}

div.returnaccount {padding: 2em 0 0 0;
width: 200px; 
float: left;
}

div.managewishlist {padding: 1em 2.5em;
width: 150px;
float: right}



.wishlistforms {width: 740px;
background-color:#FFFFFF;
border: 1px solid #ccc;
padding: 1em;
margin-top: 2em}

.wishlistforms a {color:  #757351;
text-decoration: none;
}

.wishlistforms a:hover {color: #353500 }


ul.recipientdetails {margin: 0 0 0 -1em}

ul.recipientdetails li {list-style: none;
margin: 1em 0 }

ul.recipientdetails label
{
width: 10em;
float: left;
text-align: right;
margin: 0 0.25em 0 -2em;
display: block;
}

.recipient1 {width: 350px;
float: left;
margin: 0;
}

.recipient2 {width: 350px;
float: right;
margin: 0;
}

p.titlerecipient {font-weight: bold;
text-align:center}

p.specialdates {font-weight:bold;
margin: 2em 0 1em  0;
text-align:center}

table.dates {width: 740px;
border: none;
padding: 5px}

.savechanges2 {float: right;
margin: 1.5em 4em;
width: 150px}

p.vwl {width: 150px;
float: left;
margin-top: 2em}

p.ca {width: 150px;
float: left;
margin: 2em 0 0 3em}

.outofstock {color:#FF0000}

hr {color: #ccc;
height:1px}

select#date {margin-left: 0.25em}

.wishlistmessage {padding: 1em 1em 1em 2em;
font-weight:bold}


/*-----------*/

p.definition {font-style:italic;
padding-top: 3em}


/*------------invoice ------*/

table.invoicebasket {width: 920px;
border: 1px solid #ccc;
margin: 1em 0}

.invoicebasket {background-color:#FFFFFF}

.invoicebasket td {
text-align:center}

td.invoiceamount {font-weight:bold;
text-align:center;
padding: 1em 0 1em 0;
}

td.invoicediscount {text-align:center;
padding: 1em 0 1em 0;
font-weight:bold;
}

td.invoicepost{text-align:center;
padding: 1em 0 1em 0;
font-weight:bold;
}

table.dispatchbasket {width: 850px;
border: 1px solid #ccc;
margin: 1em 0;
background-color:#FFFFFF;
padding: 0 0 1em 0}


.dispatchitem {width: 500px; 
float:left;
margin: 2em 0.5em 1em 1.5em;
font-weight:bold;
text-align: left}

.dispatchnote {padding: 1em auto 1em auto}

.dispatchaddress {width: 360px;
margin: 2em 0 0 0;
float: left;
border: 2px solid #e5ded6;
padding-bottom: 1em;
background-color:#FFFFFF;
}

.dispatchaddress2 {width: 360px;
margin: 2em 0 0 2em;
float: left;
border: 2px solid #e5ded6;
padding-bottom: 1em;
background-color:#FFFFFF;
}

td.queries {padding: 1.5em}

.dispatchcontent {padding: 2em 1em 2em 2em;
}
/*---dwtestbug-----ignore this----*/

.dwtest {margin: 1em}


/*---------site map--------*/

ul.sitemap  {margin: 1em 0 1em 10em;
padding: 0;
width: 150px}

ul.sitemap li {list-style:disc;
line-height: 1.5em}



ul.sitemap li a {color:  #757351;
text-decoration: none;

}

ul.sitemap li a:hover {color: #353500 }

.mailsuccess{
	padding: 10px;
	border: solid 1px #353500;
	font-weight: bold;
}

.mailerror{
	padding: 10px;
	border: solid 1px #ce003a;
	font-weight: bold;
	color: #ce003a;
}


/*--------new blog styles ------------*/

ul.bloglist {margin: 2em 0 0 0;
padding: 0;
width: 750px;
font-weight:bold;}

 li.blog1 {
padding: 1em   ;
background-color: #FEFDE0 ;
margin-bottom: 1em;
color: #999966;
font-style:italic;
list-style: none}

 li.blog2 {
padding: 1em   ;
background-color: #DBDCBE  ;
margin-bottom: 1em;
color: #999966;
font-style:italic;
list-style: none}

.blogdate {width: 90px;
float: left; 
}

.blogtext {width: 600px; 
float: left;
margin-left: 0.5em;
}


ul.bloglist li a {
font-style:normal;
color:#757351}

ul.bloglist li a:hover {
font-style:normal;
color:#999966}

.right3 a {color:  #353500;
text-decoration: none;
}

.right3 a:hover {color:#757351;  }

  .right5 {width: 200px;
color: #757351;
float: right;
padding: 0 ;
margin-top: 2.5em;
padding: 2em  2em 0 0 ;
 }
 
 li.dummy {margin-top: 3em}

ul#blogfeedback {margin: 2em ;
padding: 0}

#blogfeedback li {list-style:none;
margin-bottom: 1em}

#blogfeedback li label {width: 150px;
float: left}

#blogfeedback li textarea {font-family:Verdana, Arial, Helvetica, sans-serif;
width: 255px}