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


body
	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0}
	
#maincontainer
{width: 800px;
margin: 2em auto 0 auto;
padding: 0;
}

#topleft {width: 800px;
/*float: left;*/
margin: 0 0 0 0px;}

#header {background-color:#FFFFFF}

#topcenter {width: 450px;
float: left;
font-size: 13px;
font-weight:bold;
margin-left: 5.25em;
padding: 3.25em 0 1em 1em;
line-height:1.5em}

#topright {width: 250px;
float: right;
text-align:right;
line-height: 1.5em;
padding: 0 }

#secondclear {clear:both}

#topnav {margin: 0;
background-color: #666699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 2.25em;
border-top: 5px solid #fff;
padding-left: 160px}

#topnav ul {margin: 0 ;
padding: 0.5em 1.25em}

#topnav ul li {display: inline;
list-style: none;
}

#topnav ul li a {color: #ffffff;
text-decoration: none;
padding-right: 2em;
font-weight:bold;
}

#topnav ul li a:hover {color: #000000;}

#shopnowlink
{font-family : Verdana, Tahoma, Arial, MS Sans Serif;  font-size : 10pt; text-align : center;  color : #003366; 
 font-weight : bold; padding:2px 2px 2px 2px; border : 0.0pt;
 border-style : solid; }
#shopnowlink A {color: #003366; text-decoration: underline; font-weight:normal}
#shopnowlink A:LINK {color: #003366;; text-decoration: underline; font-weight: bold}
#shopnowlink A:VISITED {color: #FFFFFF;; text-decoration: underline; font-weight: bold}
#shopnowlink A:HOVER {color: #FFFFFF;; text-decoration:underline; font-weight: bold}

#nav
{font-family: MS Sans Serif, Tahoma, Arial;
 color:#666666; font-size:9pt; font-weight: normal; padding: 2px 30px 2px 5px; text-decoration: 
 none;text-align: left; line-height: 11pt;}
#nav A{color: #666666; text-decoration: none; font-weight: normal}
#nav A:LINK{color: #666666; text-decoration: none; font-weight: normal}
#nav A:VISITED{color: #666666; text-decoration: none; font-weight: normal}
#nav A:HOVER{color: #ffffff; text-decoration:none; background-color: #666699; font-weight: normal}
 

#left {width: 150px;
float: left;
margin-top: 0;
}


#leftnav1 ul {margin: 0 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
}

#leftnav1 ul li {display: block;
list-style: none;
background-color: #666699;
margin:  0 ;
padding: 5px;
border-top: 4px solid #FFFFFF;}

#leftnav1 ul li a {color: #ffffff;
font-weight: bold;
text-decoration: none;}

#leftnav1 ul li a:hover {color: #000000;}

#leftnav2 ul {margin: 1em 0;
padding: 0}

#leftnav2 ul li {display: block;
list-style:  none;
background-color: #e5ded6;
margin: 0;
padding: 0.25em 0.5em;}

#leftnav2 ul li a {color: #333333;
text-decoration: none;
}

#leftnav2 ul li a:hover {color: #ce003a;}

#leftnav3 ul {margin: 0 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0;
}

#leftnav3 ul li {display: block;
list-style: none;
background-color: #666699;
margin:  0 ;
padding: 5px;
border-top: 4px solid #FFFFFF;}

#leftnav3 ul li a {color: #ffffff;
font-weight: bold;
text-decoration: none;}

#leftnav3 ul li a:hover {color: #000000;}


#leftbase a {color: #333333;
text-decoration: none;
}

#leftbase a:hover {color: #ce003a}

#leftbasefranchise a {color: #333333;
text-decoration: none;
}

#leftbasefranchise a:hover {color: #ce003a}

#subscribe {background-color:#cbbaa0;
text-align:center;
padding: 1em;
line-height:2em}

#leftbase {padding: 1em;
margin: 1em 0;
background-color: #e5ded6;
height: 7em}

#leftbasefranchise {padding: 1em;
margin: 1em 0;
background-color: #cbbaa0;
}

#maincontent {width: 650px;
float: left;
padding: 0 ;
margin-top: 1em;
}

#maincontent a {text-decoration: none;
color: #ce003a}

#maincontent a:hover {color:#666666; ;}

#base {clear: both;
border-top: 2px solid #e5ded6;
color:#666666;
font-size: smaller;
text-align: center;
padding-top: 0.5em;
margin: 1em 0 1em 0}

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

#base a:hover {color: #ce003a;}

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

#map {width: 350px;
float: right;
margin: 2em 0 2em 0}

#shoplist {width: 300px;
float: left;
margin: 1em 0 2em 2em;}

ol#shop {margin-top: 2em}

.shopleft {width: 250px;
float: left;
margin: 1em 1em 1em 2em;
}

.shopright {width: 450px;
float: right;
margin: 2em 0 ;
text-align:right
}

.shoptext {
clear: both;
margin: 1em 0 2em 2em}

#homeleft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
width: 480px;
float: left;
margin: 0.5em 1em 1em 2em }

#homeleft A
{
color:#000000;
text-decoration:none;
font-weight:normal
}
#homeleft A:LINK
{
color:#000000;
text-decoration:none; 
font-weight: bold;
}
#homeleft A:VISITED
{
color:#000000;
text-decoration:none; 
font-weight:bold;
}
#homeleft A:HOVER
{
color:#FF0000;
text-decoration:none; 
font-weight:bold;
}

.homeright {width: 150px;
float: right;
margin: 2em 0;
border: 1px solid  #e5ded6}

.slideshow {width: 300px;
float: right; 
margin: 1em 0;
}




/*----------category page --------------*/
.product {width: 150px;
margin: 0 0 1em 2em;
float: left;
text-align:center;
padding: 0;
font-size: 11px}

.item1 {margin: 2px 0 0 0}
.item2 {margin: 2px 0 0 0}
.item3 {margin: 2px 0 0 0}

.saleprice {color: #ce003a}

.productimage {
padding: 0;
border: 1px solid #CCCCCC;}

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

.productdescription a {color: #333 !important;
text-decoration: none}

.productdescription a:hover {color: #ce003a;}

#categorypage {margin: 1em 0 1em 2em}

#categorypage a {color:#666;
text-decoration: none;}

#categorypage a:hover {color: #ce003a;}

#categorypage a.on {color: #ce003a}


#nextproducts 
{
margin-right: 5em;
text-align: right;
float: right;
width: 250px;
}

#nextproducts a {color:#666;
text-decoration: none;}

#nextproducts a:hover {color: #ce003a;}

#nextproducts a.on {color: #ce003a}

#searchsize
{
float: left;
width: 250px;
}


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

.leftdetail {width: 330px;
float: left;
margin: 0;
padding-bottom: 1em;
position: relative;
}

.alternateimage {width: 80px;
z-index: 100;
position:absolute; bottom: 0;
left: 0;
padding: 0.5em;
border:1px solid #cbbaa0;
text-align: center;
background-color: #FFFFFF}

p.switch {font-weight: bold}

.rightdetail {width: 410px;
float: right;
margin: 0  ;
padding: 0 ;
}


.rightdetail a {color: #ce003a;
text-decoration: none;}

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

.none {background-color:#FFFFFF}


td {background-color: #e5ded6;
font-size: 10px;
text-align:center;
}



.productname {font-weight: bold;
}

.productcode{font-weight: bold;
color: #999 ;
font-size:smaller;

}

.price {font-weight: bold;
}

#also{clear: both;
padding: 0.5em 0 0 0;
border-top: #cbbaa0 2px solid;
 }

.alsoproduct {width: 150px;
float: left;
margin: 0 1.75em 2em 0  ;
padding: 0.5em;
text-align:center}

.alsoimage {border: 1px solid #ccc;}




#continue {text-align: right;
padding:  1em ;
clear: both;
}

.buyproduct {border: 1px solid #cbbaa0;
padding: 0.5em}

.productgroup {
padding: 0 0 1em 0 ;
margin: 0;
}

.key {background-color:#FFFFFF;
width: 150px;
float: right;
margin: 0 ;
}

p.keyhead {float: right;
margin: 0 1.5em 0 0;
}

.howtoorder {width: 210px;
float: left;
}

#sizeguide {background-color: #fff;
padding: 0.75em ;
margin: 0 ;
margin-bottom: 1em;
border: 1px solid #cbbaa0;

}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #333333;
width: 480px;
float: left;
margin: 0.5em 1em 1em 0em }
/*h1 {font-size: medium;
font-weight: bold;
margin: 0 0 1em 0}*/

h4 {font-size: small;
font-weight: bold;
margin: 0 0 1em 0}


.outfitdescription {background-color: #fff;
padding: 1em 0 ;
margin: 0;
}

.continueshopping {float: left;
width: 155px}

.addtobasket {float: right;
width: 155px}

.continueclear {clear: both}

img {border: 0}


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

.basket {width: 736px;
float: right;
padding: 0 ;
margin-top: 1.5em
}

.basketheaders {margin: 1em 0}

.headername {width: 300px; float: left;
background-color:#e5ded6;
padding: 5px;
margin: 1em 1em 1em 0;
font-weight: bold;
text-align: center }

.headersize {width: 80px; float: left;
background-color:#e5ded6;
padding: 5px;
margin: 1em 1em 1em 0;
font-weight: bold;
text-align: center }

.headerquantity {width: 80px; float: left;
background-color:#e5ded6;
padding: 5px;
margin: 1em 1em 1em 0;
font-weight: bold;
text-align: center;
font-weight: bold;
text-align: center  }

.headerprice {width: 80px; float: left;
background-color:#e5ded6;
padding: 5px;
margin: 1em 1em 1em 0;
font-weight: bold;
text-align: center }

.headertotal {width: 80px; float: left;
background-color:#e5ded6;
padding: 5px;
margin: 1em 1em 1em 0;
font-weight: bold;
text-align: center }

.basketitems {margin: 1em 0;
}

.itemimage {width: 50px;
float: left;
text-align: center;}

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

.itemname a {color: #ce003a;
text-decoration:none}

.itemname a:hover {color:#333333}

.itemsclear {clear: both;
}

.break {
margin: 1em 0}

.checkout {clear: both;
margin:  0;
padding:  0 }

h2 {font-weight: bold;
font-size: small;
color: #003366}

.baskettotal {
float: right;
margin: 0 0 1em 0;
padding: 1em 0;
border: 1px solid #e5ded6}

.total {font-weight:bold;
width: 600px;
float: left;
text-align: right;
margin-top: 1em}



.totalprice {font-weight: bold;
float:right;
margin: 1em 0.5em 0 0;
width: 80px}

.stotal {font-weight:bold;
width: 600px;
float: left;
text-align: right;
}


.stotalprice {font-weight: bold;
float:right;
margin: 0 0.5em 0 0;
width: 80px}

.stotal2 {font-weight:bold;
width: 80px;
float: left}


.stotalprice2 {font-weight: bold;
float:left;
margin: 0 0.5em 0 3em;
width: 80px}

.baskettotalclear {clear:both}

.proceedtocheckout {float: right;
width: 300px;
text-align:right;
margin: 0 1em 1em 0;
}


#updatebasket {
text-align:right}

table.basket {border:  1px solid #e5ded6;
margin: 1em 0 ;
font-size: small;
width: 735px;
padding: 0;
float: left }

table.basket td {background-color:#FFFFFF;
text-align: right;
border: none;
margin: 0 ;
padding: 10px ;
font-size: small;
vertical-align:top}

td.bold {font-weight: bold}



th.tdtitle {background-color: #e5ded6;
font-weight:bold;
border: none;
}




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

#checkoutheader {border-bottom: 8px solid #e5ded6;
padding: 1em 0;}

#checkoutheaderclear {clear:both}

#checkoutcontent {
margin: 2em 0;
}

#returningcustomer {width: 425px;
height: 250px;
margin: 0 1.75em 0 0;
float: left;
border: 2px solid #e5ded6;
}

#newcustomer {width: 240px;
border: 2px solid #e5ded6;
margin: 0 1.75em 0 0;
float: left;
height: 250px}

#notregistering {width: 235px;
border: 2px solid #e5ded6;
margin: 0 1.75em 0 0;
float: left;
height: 250px
}

#checkoutcontentclear {clear:both;
padding: 0}

.title {font-weight: bold;
background-color:#e5ded6;
padding: 0.5em}

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



#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;
}

#registerbutton {float: right;
}

#checkoutbutton {float: right;
}

#invoiceaddress {width: 440px;
margin: 0 1.75em 0 0;
float: left;
border: 2px solid #e5ded6;
}

#deliveryaddress{width: 440px;
margin: 0 1em 0 0;
float: left;
border: 2px solid #e5ded6;
}

ul.checkoutaddress {margin: 1em 0 1em 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;
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
}


.edit {float: right;
margin-right: 1em}

 #proceedtopayment {
 margin: 1em 1em 0 0  ;
 width: 735px;
 text-align:right;
 
}
 
 .clear {clear:both}
 
 #invoiceaddress2 {width: 350px;
 float: left;
 border: 1px solid #e5ded6;
  margin: 0 2em 0 0;}
  
  .address2 {padding: 1em}
 
 #deliveryaddress3 {width: 350px;
 float: left;
 border: 1px solid #e5ded6;
  margin:  0}
  
  .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 }
 

#paymentdetails {
margin-top: 1em;
border-top: 8px solid #e5ded6;
border-left: 1px solid #e5ded6;
border-right: 1px solid #e5ded6;
border-bottom: 1px solid #e5ded6;
}

#payleft {width:645px;
float: left;
}

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

#paymentdetails ul {margin-top: 1.5em}

#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 3em;
display: block;

}


#makepayment {text-align: right;
width: 650px;
margin-bottom: 0.5em}



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

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

.error3 {color: #ce003a;
font-size: 10px}

.error4 {color: #ce003a;
font-size: 10px;
margin: 0 0 0 15em}

.country {width: 170px}


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

#welcomeback {margin: 1em 0 2em 2em;
float: left;
width: 400px;
border: 1px solid #e5ded6;}

#newaccount {
width: 300px;
float:right;
margin-top: 1em;
border: 1px solid #e5ded6;
height: 250px}

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

.na2 {padding: 1em}


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.submit {margin-left: 11.5em}

p.submit2 {margin-left: 1em}



p.forgotten {margin-left: 6.25em}

#accountoverview {margin: 2em;
float: left;
width: 400px;
line-height: 1.5em;
}

#accountoverview ul li {list-style:none}




.editoptions {width: 250px;
float:right;
margin-top: 5.5em}

.editoptions ul li {list-style:none}

.persdetails {
margin: 0 ;
width: 365px;
float: left;
border: 1px solid #e5ded6;
}

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


.billaddress {width: 355px;
float:right;
margin:  0;
border: 1px solid #e5ded6;}

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



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


.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 4em 2em 2em  }

#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;
}

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: 600px;
}

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

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

#deleteaccount {margin: 2em}

.viewhistory {width: 550px; 
border: 1px solid #e5ded6;
margin: 2em 0 1em 0;
padding: 1em}


/*-----------franchisees and newfranchise-----------*/

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

ul.franchisees label
{
width: 10em;
margin: 0 0.5em 0 0;

display: inline
}

#franchiselogin
{width: 500px;
margin: 1em auto 1em auto;
padding: 1em}

.franchisenav
{margin: 2em}

.franchisenav a {text-decoration: none;
color: #333333;}

.franchisenav a:hover {color: #ce003a;}

.franchisenav2
{margin:2em}

.franchisenav2 a {text-decoration: none;
color: #333333;}

.franchisenav2 a:hover {color: #ce003a;}

.newfranchiseleft {width: 500px;
float: left;
margin: 1em 0 2em 2em;
}

.newfranchiseright {width: 200px;
float: right;
margin: 2em 0 ;
text-align:left;
border: 1px solid #CCCCCC;
padding: 1em;
}

.newfranchisetext {
clear: both;
margin: 1em 0 2em 2em;
}

ol.support {list-style:lower-alpha;
margin-bottom: 0.5em}

ul.franchise li {margin-bottom: 0.5em}
ol.franchise li {margin-bottom: 0.5em}

/*----------catalogue------*/

.registercatalogue {margin: 2em}

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

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

.submitcatalogue {margin: 1em 0 0 10em}

.requestconfirmed {margin: 3em 2em 2em 2em}

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

#topright a:hover {color: #333}

a.on { color: #ce003a !important; }

.clearwrapper {clear: both ;
}

/*_____holding page----------*/

.holding {width: 600px;
margin: 3em auto;
border: 2px solid #e5ded6;
padding: 2em;
text-align: center}

.holding a {color: #ce003a;
text-decoration: none}

.holding a:hover {color: #333333}

.holdingdate {padding: 3em 0 0 1em;
font-weight: bold}

.aboutleft {width: 400px;
float: left;}
.aboutright {width:300px;
float: right}


/*_________roadshows__*/

.roadshowsleft {width: 250px;
float: left}

.roadshowsright {width: 350px; 
float: right}

/*--------GOOD HOUSEKEEPING--*/

h5 {font-size: 18px;
color: #cc0033 }

#ghright {width: 410px;
float: right;
margin: 1em 0;
}

#ghleft {width: 300px;
float: left;
margin: 0.5em 1em 1em 2em }