/* CSS Document */

h1 { margin: 0; padding: 0; }

.hide { display: none; }	/* Hide stuff from compliant browsers (eg information headers which are presented graphically) */
#container {
	position: relative;
	margin: 0 auto;
	width: 760px;
	aborder: solid 1px #37378E;
}

/* CONTENT ==============================================================================================================*/
#bodyMain {
	position: relative;
	border: 1px solid #5D341C;
	border-top: 0;
	border-bottom: 0;
	background-color: #F0F4FA;
	border-bottom: 10px solid #5D341C;
	top: 46px ;	
} 

#bodyMain2 {
	position: relative;
	border: 1px solid #5D341C;
	border-top: 0;  
	border-bottom: 10px solid #5D341C;
	top: 46px ;
} 
#bodyMain2 h2 { margin: 0; padding: 6px 10px 0 10px; }

#bodyMain2 p { padding: 0 10px 10px 10px; width: 500px; }

#bodyMain2 ul{
    margin: -15px 0 0 15px;
	padding: 0;
	list-style-type: none;}

* html #bodyMain2 li { margin-top: -5px;} /* IE has this bizarre habit of putting immovable spacing between li tags */
#bodyMain2 a {	text-decoration: none; }

#bodyMain2 h3{
    color:#F80BCE;
	padding: 0 10px 10px 15px;
}

#bodyMain3 {
	position: relative;
	border: 1px solid #3F70BD;
	border-top: 0;
	border-bottom: 0;
}

/* SUMMARY & DETAIL ======================================================================================================*/
#summaryContent {
	position: relative;
	margin-left: 130px;
	border-left: 1px dashed #CAD7EC;
	border-bottom: 1px solid #FFF;
	padding: 10px 10px;
	background-color: #FFF;
}
#summaryContent h2 { margin: 0 0 1em 0; }
#pSummary td { width: 120px; padding-bottom: 10px; vertical-align: top;}
#pSummary p { margin: 0; width: 90px; text-align: center; }
#pSummary img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

/* SEARCH RETURN PAGE ======================================================================================================*/
#SearchSummaryContent {
	position: relative;
	margin-left: 0;
	border-bottom: 1px solid #FFF;
	padding: 25px 10px;
	background-color: #FFF;
	text-align: center;
}
#SearchSummaryContent h2 { margin: -0.8em 0 1em 0; text-align:left; }
#sSummary td { width: 120px; padding-bottom: 10px; vertical-align: top;}
#sSummary p { margin: 0; width: 90px; text-align: center; }
#sSummary img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

/* NULL SEARCH RETURN PAGE ======================================================================================================*/
#NullSearchContent {
	position: relative;
	margin-left: 0;
	border-bottom: 1px solid #FFF;
	padding: 25px 10px;
	background-color: #FFF;
	text-align: center;
}
#NullSearchContent h2 { margin: -0.8em 0 1em 0; text-align:left; }
#NullSearchContent p { margin: 0; text-align: left; }
#NullSearchContent ul { margin: 0; padding: 20px; text-align: left; }
#NullSearchContent li { margin: 0; text-align: left; list-style-type:circle; }
#NullSearchContent h4 { margin: -0.8em 0 1em 0; text-align:left; }

/* INFORMATION PAGE ======================================================================================================*/
#information {
	position: absolute;
	top: 5px;
	right: 5px;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	background-color: #FFF;
}

#information img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

#accessibilityContent{
    position: relative;
    top:-25px;
	padding:0;
	border-bottom: 1px solid #FFF;
}

#accessibilityContent p { width: 650px; margin-top:-5px;}

#accessibilityContent h3{
    color:#F80BCE;
	padding: 20px 10px 10px 15px;
}

#accessKeys1{
    position: relative;
	top: 10px;
	left: 10px;
	width: 200px;	
}

* html #accessKeys1 li{margin-top: -5px;}/* IE has this bizarre habit of putting immovable spacing between li tags */

#accessKeys2{
    position: absolute;
	top: 1080px;
	left: 350px;
	width: 200px;
	
}
*html #accessKeys2 {top: 1145px;}/* IE positioning problem solve */
* html #accessKeys2 li{margin-top: -5px;}/* IE has this bizarre habit of putting immovable spacing between li tags */

/* BASKET PAGE ======================================================================================================*/
.cartContents form, .cartContents fieldset { margin: 0; padding: 0; }
*html .cartContents form, .cartContents fieldset { margin: 0; padding: 0;}
.fieldset { border: 0px; margin: 0; padding: 0; }
/* right hand div with policies --------------------------------------------------------------------------*/
#policyNav {
	position: absolute;
	top: 38px;
	right: 5px;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	background-color: #FFF;
	width: 200px;
}

* html #policyNav{ top: 39px;}

#policyNav p { margin: 0; width: 90px; text-align: right; }

#policyNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* html #policyNav li { margin-top: -5px;} /* IE has this bizarre habit of putting immovable spacing between li tags */
#policyNav a {	text-decoration: underline; }

/* top table with products in --------------------------------------------------------------------------*/

.cartContents table{
    margin-left: 6px;
	margin-top: 6px;
    width: 499px;
	background-color:#fff;
}

* html .cartContents table{ margin-top: 12px; margin-left: 17px; }
 
.cartContents th { background-color:#698FCD; padding: 5px;}
.cartContents td { padding-bottom: 10px; padding: 5px; background-color:#F1F4FB; text-align: center; border: 1px solid #CAD7EC;}

#cartAvailability{ color: #3C6BB3; vertical-align: top; background-color:#fff; border: 1px solid #CAD7EC;}
#whitebg{ background-color:#fff; border: 1px solid #CAD7EC; text-align: left;}

.titlebar-text{
  color: #fff; 
  text-align:left;
  vertical-align: top; 
}

/* payment cards accepted  --------------------------------------------------------------------------*/

#info{
	position: relative;
    margin-left: 7px;
	background-color:#fff; 
	width: 496px;
	min-height: 105px;
}


* html #info { margin-top: 40px; margin-left: 18px; padding: 0; width: 483px; } /* to sort out IE paddings and margins  */
#info p { font-size: 0.7em;  color: #3C6BB3; padding: 0; line-height: 0.4em; }
* html #info p {margin-top: -1px; padding-top: 5px;}/* to sort out IE paddings and margins lots of messing about! */
* html #info img { margin-top: -9px; margin-bottom: 5px;} /* to sort out IE paddings and margins  */

#ccards {
	position: absolute;
	top: 0;
	left: 0;
}
#ccards p {
	position: relative;
}
/* right hand table with subtotals & totals - pushes down with content  --------------------------------------------------------------------------*/
#total{
position: relative;
top: -1px;
left: 171px;
width: 260px;
}

#total table{ width: 327px; margin: 0; top: -1px;}

* html #total table{ margin-left: 1px; margin-top:-1px; } /* to sort out IE positioning - not recognising negative pixel positioning properly - this seems to work!  */
 
#total th { background-color:#698FCD; padding: 5px;}
#total td { padding-bottom: 10px; padding: 5px; background-color:#F1F4FB; text-align: right; border: 1px solid #CAD7EC;}



/* buttons below tables  --------------------------------------------------------------------------*/
#cartButtons {
    position: relative;
	padding: 0px;
	width: 498px;
	margin-left:-1px;
	margin-top: 2px;
}

* html #cartButtons { margin-left:0px; }

#cartButtons ul {	
	list-style-type: none;
	margin: 0;
	padding: 5px;
	background-color:#698FCD;	
}
#cartButtons li { display: inline; }
#cartButtons li a {
	padding: 5px 20px;
	border-right: 1px solid #FFF;
	color: #FFF; 
	text-decoration: none; 
}
#cartButtons li a.last { border-right: 0; } 
#cartButtons li a:hover { color: #F0F4FA; }

#giftwrap {
    position: relative;
	top:1px;
	padding: 2px 0;
	width: 496px;
	margin-left:-1px;
	border: 1px solid #CAD7EC;
	}
* html #giftwrap { margin-top: 0; margin-left:0; width: 496px;}
#giftwrap label{
    font-size: 0.7em;  color: #3C6BB3; padding: 4px;
}


/* ORDER REVIEW ======================================================================================================*/

/* cartContents fieldset
   cartContents form
   PolicyNav
   cartContents 
   ccards display
   payment cards
   right hand table with subtotals & totals: CSS IN BASKET CODE ABOVE ----------------------------------------------------------------*/


/* buttons below tables  --------------------------------------------------------------------------*/
#cartButtons2 {
    position: relative;
	padding: 0px;
	width: 498px;
	margin-left:-1px;
	margin-top: 1px;
}

* html #cartButtons2 { margin-left:0px; }

#cartButtons2 ul {	
	list-style-type: none;
	margin: 0;
	padding: 5px;
	background-color:#698FCD;	
}
#cartButtons2 li { display: inline; }
#cartButtons2 li a {
	padding: 5px 17px;
	border-right: 1px solid #FFF;
	color: #FFF; 
	text-decoration: none; 
}
#cartButtons2 li a.last { border-right: 0; } 
#cartButtons2 li a:hover { color: #F0F4FA; }

#giftwrap {
    position: relative;
	padding: 2px 0;
	width: 496px;
	margin-top: -2px;
	margin-left:-1px;
	border: 1px solid #CAD7EC;
	}
* html #giftwrap { margin-top: -2px; margin-left:0; width: 496px;}
#giftwrap label{
    font-size: 0.7em;  color: #3C6BB3; padding: 4px;
}

#addressDisplay {
    position: relative;
	padding: 0;
	width: 496px;
	margin-top: 2px;
	margin-left:-1px;
	border: 1px solid #CAD7EC;
	}
* html #addressDisplay { margin-left:0; width: 496px;}

#addressDisplay h3 {
    position: relative;
	top: -6px; /* to sort out firefox misplacement!  --------------------------------------------------------------------------*/
    padding-left: 8px;
	color: #F80BCE;
}
* html #addressDisplay h3 { padding: 4px 8px; top: 0;} /* to sort out IE paddings and margins  */

#addressDisplay ul{
    position: relative;
	top: -8px; 
    list-style-type: none;
	line-height: 1.3em;
	height: 70px
}

* html #addressDisplay ul { padding-left: 0}

#addressDisplayButton { position: relative; left: 385px; top: -15px; }
* html #addressDisplayButton { position: relative; left: 365px; top: -15px; } /* to sort out IE positioning  */

#paymentMethod {
    position: relative;
	padding: 2px 0;
	width: 496px;
	margin-top: 1px;
	margin-left:-1px;
	border: 1px solid #CAD7EC;
	}
* html #paymentMethod { margin-top: 1px; margin-left:0; width: 496px;} /* to sort out IE positioning  */

#paymentMethod p { margin: 0;  text-align: left; padding: 10px; line-height: 1.3em; }
*html #paymentMethod p { line-height: 1.4em; } /* to sort out IE positioning  */

#paymentMethodButton { position: relative; left: 86px; top: 0;}

* html #paymentMethodButton { left: 66px; top: 3px;} /* to sort out IE positioning  */

#transactionInfo {
    position: relative;
	padding: 2px 0;
	width: 496px;
	margin-top: 1px;
	margin-left:-1px;
	border: 1px solid #CAD7EC;
	}
* html #transactionInfo { margin-top: 1px; margin-left:0; width: 496px;} /* to sort out IE positioning  */

#transactionInfo p { margin: 0;  text-align: left; padding: 15px 10px 10px 10px; line-height: 1.3em; }
*html #transactionInfo p { line-height: 1.4em; } /* to sort out IE positioning  */

/* YOUR DETAILS PAGE ======================================================================================================*/

.yourDetails form, .yourDetails fieldset { margin: 0; padding: 0; }
*html .yourDetails form, .yourDetails fieldset { margin: 0; padding: 0;}

#customerAddress {
    position: relative;
	top: 0;
	left: 20px;
	height: 430px;
	width: 450px;
	padding: 15px;
	background-color:#F1F4FB;
	border: 1px solid #CAD7EC;                             
}

*html #customerAddress {top: 100px; left: 20px;}

#customerAddress label {
    font-size: 0.7em;  
    color: #3C6BB3;
}

#firstNameLabel {
    position:absolute;
	top: 20px;
	left: 30px;
}

#firstName {
    position:absolute;
	top: 16px;
	left: 180px;
}

#firstNameMark{
    position:absolute;
	top: 15px;
	left: 320px;
}

#lastNameLabel {
    position:absolute;
	top: 50px;
	left: 30px;
}

#lastName {
    position:absolute;
	top: 46px;
	left: 180px;
}

#lastNameMark{
    position:absolute;
	top: 45px;
	left: 320px;
}

#addLine1Label {
    position:absolute;
	top: 80px;
	left: 30px;
}

#addLine1 {
    position:absolute;
	top: 76px;
	left: 180px;
}

#addLine1Mark{
    position:absolute;
	top: 75px;
	left: 320px;
}

#addLine2Label {
    position:absolute;
	top: 110px;
	left: 30px;
}

#addLine2 {
    position:absolute;
	top: 106px;
	left: 180px;
}

#addLine3Label {
    position:absolute;
	top: 140px;
	left: 30px;
}

#addLine3 {
    position:absolute;
	top: 136px;
	left: 180px;
}

#addTownLabel {
    position:absolute;
	top: 170px;
	left: 30px;
}

#addTownMark{
    position:absolute;
	top: 165px;
	left: 320px;
}

#addTown {
    position:absolute;
	top: 166px;
	left: 180px;
}

#addCountyLabel {
    position:absolute;
	top: 200px;
	left: 30px;
}

#addCounty {
    position:absolute;
	top: 196px;
	left: 180px;
}

#addCountyMark{
    position:absolute;
	top: 195px;
	left: 320px;
}

#addCountryLabel{
    position:absolute;
	top: 230px;
	left: 30px;
}

#addCountry {
    position:absolute;
	top: 226px;
	left: 180px;
}

#addCountryMark{
    position:absolute;
	top: 225px;
	left: 320px;
}

#addPcLabel{
    position:absolute;
	top: 260px;
	left: 30px;
}

#addPc {
    position:absolute;
	top: 256px;
	left: 180px;
}

#addPcMark{
    position:absolute;
	top: 255px;
	left: 320px;
}

#addEmailLabel{
    position:absolute;
	top: 290px;
	left: 30px;
}

#addEmail {
    position:absolute;
	top: 286px;
	left: 180px;
}

#addEmailMark{
    position:absolute;
	top: 285px;
	left: 320px;
}

#addEmailConfirmLabel{
    position:absolute;
	top: 320px;
	left: 30px;
}

#addEmailConfirm {
    position:absolute;
	top: 316px;
	left: 180px;
}

#addEmailConfirmMark{
    position:absolute;
	top: 315px;
	left: 320px;
}

#phoneLabel{
    position:absolute;
	top: 350px;
	left: 30px;
}

#phone {
    position:absolute;
	top: 346px;
	left: 180px;
}

#phoneMark{
    position:absolute;
	top: 345px;
	left: 320px;
}

#howInfo{
    position:absolute;
	top: 389px;
	left: 180px; 
}

#howInfoLabel{
    position:absolute;
	top: 383px;
	left: 30px;
	width: 100px;
}

#submitAddress{
    position:absolute;
	top: 420px;
	left: 180px;    
}

*html #submitAddress{ width: 150px;} /* to sort out strange ignorance of button width in ie*/

/* YOUR PAYMENT PAGE ======================================================================================================*/

.paymentDetails form, .paymentDetails fieldset { margin: 0; padding: 0; }
*html .paymentDetails form, .paymentDetails fieldset { margin: 0; padding: 0;}

#customerPayment {
    position: relative;
	top: 0;
	left: 20px;
	height: 230px;
	width: 470px;
	padding: 15px;
	background-color:#F1F4FB;
	border: 1px solid #CAD7EC;                             
}

*html #customerPayment {top: 100px; left: 20px;}

#customerPayment label {
    font-size: 0.7em;  
    color: #3C6BB3;
}

#nameLabel {
    position:absolute;
	top: 20px;
	left: 30px;
}

#name {
    position:absolute;
	top: 16px;
	left: 180px;
}

#nameMark{
    position:absolute;
	top: 15px;
	left: 320px;
	width: 180px;
}

#ccardTypeLabel {
    position:absolute;
	top: 50px;
	left: 30px;
}

#ccardType {
    position:absolute;
	top: 46px;
	left: 180px;
	width: 135px;
}

#ccardTypeMark{
    position:absolute;
	top: 45px;
	left: 320px;
}

#ccardNumberLabel {
    position:absolute;
	top: 80px;
	left: 30px;
}

#ccardNumber {
    position:absolute;
	top: 76px;
	left: 180px;
}

#ccardNumberMark{
    position:absolute;
	top: 75px;
	left: 320px;
}

#expiryMonthLabel {
    position:absolute;
	top: 110px;
	left: 30px;
}

#expiryMonth {
    position:absolute;
	top: 106px;
	left: 130px;
	width: 40px;
}

#expiryMonthMark {   
    position:absolute;
	top: 105px;
	left: 320px;
}

#expiryYearLabel {
    position:absolute;
	top: 110px;
	left: 183px;
}

#expiryYear {
    position:absolute;
	top: 106px;
	left: 275px;
	width: 40px;
}

#expiryYearMark {   
    position:absolute;
	top: 105px;
	left: 174px;
}

#issueDateLabel {
    position:absolute;
	top: 140px;
	left: 30px;
}

#issueDate {
    position:absolute;
	top: 136px;
	left: 180px;
}

#issueDateMark {   
    position:absolute;
	top: 135px;
	left: 320px;
}


#submitPayment{
    position:absolute;
	top: 230px;
	left: 212px;    
}

*html #submitPayment{ width: 100px; left: 215px; } /* to sort out strange ignorance of button width in ie*/


/* CATEGORY PAGE ======================================================================================================*/
#category {
	position: relative;
	margin-left: 135px;
	border-bottom: 1px solid #FFF;
	padding: 10px 10px;
	background-color: #FFF;
}

#category img { border: 1px dashed #CAD7EC; margin-bottom: 3px;}

#categorySecNav {
	position: absolute;
	left: 10px;
	top: 45px;
	width: 110px;
} * html #categorySecNav { left: 0px; } /* another IE rendering bug - it positions the layer inside #summaryContent instead of #bodyMain */
/* I've left this in because we may want to use it afterall
#categorySecNav h2 { 
	margin: 0 0 1em 0;
	font-size: 0.8em; 
	color: #5D341C; 
	width: 109px;
	height: 17px;
	background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#categorySecNav h2 { margin: 0 0 1em 0; }
#categorySecNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* html #categorySecNav li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#categorySecNav a {	text-decoration: none; }

#categorySecNav #sitemapLink { margin-top: 2.5em; }
#categorySecNav #az { display: block; margin-top: 1em; }


#center-text{
    position: absolute;
	left: 160px;
	top: 45px;
	width: 230px;
}

* html #center-text{ left: 150px;}

#center-text p { margin: 0; width: 230px; text-align: left; }

/* CONTACT US PAGE ======================================================================================================*/
.contact form, .contact fieldset { margin: 0; padding: 0; }
*html .contact form, .contact fieldset { margin: 0; padding: 0;}

.contact h3 {
    color:#F80BCE;
	padding: 0 10px 0 15px;
}

#contactUs {
	position: relative;
	margin-left: 380px;
	border-bottom: 1px solid #FFF;
	padding: 10px 10px;
	background-color: #FFF;
}

#contactUs img { border: 1px dashed #CAD7EC; margin-bottom: 3px; }

#left-text{
    position: absolute;
	left: 10px;
	top: 45px;
	width: 340px;
}

* html #left-text{ left: 0; height: 200px;}

#left-text p { margin: 0; width: 340px; text-align: left; }

#contactForm {
    position: relative;
	top: -10px;
	left: 20px;
	height: 160px;
	width: 683px;
	padding: 15px;
	background-color:#F1F4FB;
	border: 1px solid #CAD7EC;                             
}

*html #contactForm {top: 330px; left: 20px;}

#contactForm label {
    font-size: 0.7em;  
    color: #3C6BB3;
}

#contactFirstNameLabel {
    position:absolute;
	top: 20px;
	left: 30px;
}

#contactFirstName {
    position:absolute;
	top: 16px;
	left: 180px;
}

#contactFirstNameMark{
    position:absolute;
	top: 15px;
	left: 320px;
}

#contactLastNameLabel {
    position:absolute;
	top: 50px;
	left: 30px;
}

#contactLastName {
    position:absolute;
	top: 46px;
	left: 180px;
}

#contactLastNameMark{
    position:absolute;
	top: 45px;
	left: 320px;
}

#contactAddEmailLabel{
    position:absolute;
	top: 80px;
	left: 30px;
}

#contactAddEmail {
    position:absolute;
	top: 76px;
	left: 180px;
}

#contactAddEmailMark{
    position:absolute;
	top: 75px;
	left: 320px;
}

#contactAddEmailConfirmLabel{
    position:absolute;
	top: 110px;
	left: 30px;
}

#contactAddEmailConfirm {
    position:absolute;
	top: 106px;
	left: 180px;
}

#contactAddEmailConfirmMark{
    position:absolute;
	top: 105px;
	left: 320px;
}

#contactHowInfo{
    position:absolute;
	top: 140px;
	left: 180px; 
}

#contactHowInfoLabel{
    position:absolute;
	top: 140px;
	left: 30px;
	width: 100px;
}

#contactComments{
    position:absolute;
	top: 35px;
	left: 365px; 
}

#contactCommentsLabel{
    position:absolute;
	top: 15px;
	left: 365px;
	width: 100px;
}

#contactCommentsMark{
    position:absolute;
	top: 20px;
	left: 675px;
}

#commentsInfo{
    position:absolute;
	top: 170px;
	left: 20px; 
}
*html #commentsInfo {top: 176px;}

#submitComments{
    position:absolute;
	top: 170px;
	left: 510px;    
}

*html #submitComments{ width: 160px; left: 495px; top: 168px;} /* to sort out strange ignorance of button width in ie*/


/* next/previous page etc ======================================================================================================*/
#navSummary {
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 0.9em;
} * html #navSummary  { top: 15px; }
#navSummary p {	text-align: right; }
#navSummary p a { text-decoration: none; }
#navSummary p a.current { text-decoration: none; color:Fuchsia;}

/* left-hand section navigation */
#secNav {
	position: absolute;
	left: 10px;
	top: 23px;
	width: 110px;
} * html #secNav { left: -130px; } /* another IE rendering bug - it positions the layer inside #summaryContent instead of #bodyMain */
/* I've left this in because we may want to use it afterall
#secNav h2 { 
	margin: 0 0 1em 0;
	font-size: 0.8em; 
	color: #5D341C; 
	width: 109px;
	height: 17px;
	background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#secNav h2 { margin: 0 0 1em 0; }
#secNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* html #secNav li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#secNav a {	text-decoration: none; }

#secNav #sitemapLink { margin-top: 2.5em; }
#secNav #az { display: block; margin-top: 1em; }




/* header search boxes */
#search {	
	position: absolute;
	top: 40px;
	left: 250px;
	background: none;	/* need this to get rid of the background colour set in legacy.css */
}

#search form { margin: 0; }

#search p { 	/* 'search by' */
	position: relative;		/* so we can position the form gizmos relative to their container paragraphs */
	margin: 0;
	width: 240px;
	height: 22px;
	background: url(../images/global/search-by.gif) no-repeat;
}

#search p span { display: none }	/* text will show on browsers that don't display the background graphic - clever huh? */

#search .searchInput {
	position: absolute;
	left: 245px;	/* places to the right of the 'search by' (#search p) paragraph */
	top: 2px;
	border: 1px solid #3F70BD;
	width: 85px;
}
* html #search select.searchInput {	width: 90px; }	/* shows to IE only, which renders the select dropdown width wrong */

#search .searchSubmit { /* 'go' buttons */
	position: absolute;
	left: 335px;	/* places to the right of the input gizmo */
	top: 0; 
	width: 23px; 
	height: 22px; 
}

/* header cart box */
#cart {	
	position: absolute;
	top: 15px;
	left: 620px;
	background: none;	/* need this to get rid of the background colour set in legacy.css */
}

#cart p { 
	position: relative;
	margin: 0; 
	width: 126px;  
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 106px;
}
html>body #cart p { width: 106px; } 

#cart #viewCart { 
	padding: 3px 10px;
	background: url(../images/global/viewcart-bg.gif) no-repeat; 
}

#cart #viewCart img {
	position: absolute;
	top: 0px;
	left: -45px
}

#cart #items, #cart #subtotal {
	padding: 5px 9px;
	border: 1px solid #3F70BD;	
	font-size: 0.65em;
	font-weight: bold;
	background-color: #D9E3F2; 
}

#cart #items { border-bottom: none; padding-bottom: 0; }
#cart #subtotal { border-top: none; padding-top: 0; }

#cart p b {	
	position: absolute;
	top: 0;
	right: 6px;
}
#cart p#items b { top: 5px; }

#cart #checkout { 
	padding: 5px 10px;
	background: url(../images/global/checkout-bg.gif) left bottom no-repeat; 
}

#cart #viewCart a, #cart #checkout a { text-decoration: none; }


/* crumbtrail */
#crumbTrail {
	z-index: 100;	/* to sort out Firefox, believe it or not - see also #navMain */
	position: relative;
	border: 1px solid #5D341C;
	border-bottom: 1px dashed #5D341C;
	padding: 1.8em 16px 5px 16px;
	background-color: #F0F4FA;
	font-size: 0.9em;
	top: 97px ;
}	
#crumbTrail p { margin: 0; }
#crumbTrail a { font-weight: normal; text-decoration: none; }


/* FOOTER ===============================================================================================================*/
/* email entry form */
#signup {	
	position: relative;
	height: 48px;
	background: url(../images/global/brownftr-bg.gif) bottom no-repeat;
}

#signup form {
	display: block;
	position: absolute;
	left: 1px;
	top: 0;
	width: 758px;
	height: 30px;
	border: 1px dashed #5D341C;
	border-right: 0;
	border-left: 0;
	background: url(../images/global/signup.gif) no-repeat;
}

#signup span { display: none; }

#signup p#mailDetails {
	position: absolute;		/* so we can position the form gizmos relative to their container paragraphs */
	top: 4px;
	left: 384px;
	margin: 0;
	width: 240px;
	height: 22px;
	background: url(../images/global/email.gif) no-repeat;
}

#signup .mailInput { /* the styles for the form gizmos are virtually identical to the search ones in the header */
	position: absolute;
	left: 245px;	/* places to the right of the 'search by' (#search p) paragraph */
	top: 2px;
	border: 1px solid #5D341C;
	width: 85px;
}

#signup .mailSubmit { /* 'go' buttons*/
	position: absolute;
	left: 335px;	/* places to the right of the input gizmo */
	top: 0; 
	width: 23px; 
	height: 22px; 
}

/* Contact details */
#navAdmin {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}
#navAdmin li { display: inline; }
#navAdmin li a {
	border-right: 1px solid #5D341C;
	padding: 0 10px;
	font-weight: normal;
	text-decoration: none;
}
#navAdmin li a.last { border: 0; }

p.contact {
	margin: 10px 0;
	text-align: center;
}

/* USEFUL INFO NAV====================================================================================================== */
#navUsefulInfo {
	position: absolute; 
	top: 90px;
	left: 164px;
	font-size: 0.9em;
}

#navUsefulInfo ul {	
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
#navUsefulInfo li { display: inline; }
#navUsefulInfo li a {
	padding: 0 6px;
	border-right: 1px solid #FFF;
	color: #FFF; 
	text-decoration: none; 
}
#navUsefulInfo li a.last { border-right: 0; } 
#navUsefulInfo li a:hover { color: #F0F4FA; }

/* PRODUCT DRILL-DOWN ================================================================================================ */
#productDetail { position: relative; }
#productInfo {
	position: relative; 
	min-height: 18em;
} * html #productInfo { height: 18em; }	/* sets minimum height in both IE & Mozilla - productInfo will cause the div to expand, but 
												the image & widget div won't because they're absolutely positioned */
#productInfo p {
	position: relative;
	margin: 1em 180px 1em 235px;
}

#productInfo img {
	position: absolute;
	top: 3px;
	left: -230px;
	border: 1px dashed #5D341C;
}

#productInfo #piclinks 
{
	position: absolute;
	top: 237px;
	left: 10px;
	color: #aaaaaa;
	font-size: 0.6em;
	text-decoration: none;
}

#shopWidgets {
	position: absolute;
	top: 3px;
	left: 450px;
	margin: 0;
	padding: 0;
}
#shopWidgets p { position: relative; margin: 0.75em 0; }
#shopWidgets select { position: absolute; top: 0; right: 0; width: 75px; }
#shopWidgets #availability { padding-top: 5px; }

#checkoutAdd { 	/* add to basket / checkout box */
	border: 1px solid #5D341C;
	padding: 3px 3px;
	background-color: #F0F4FA;
	line-height: 1.4em
} * html #checkoutAdd { border-top: 3px; }	/* fixes wierd IE bug where border-top disappears when line-height is set */
#checkoutAdd a { text-decoration: none; }

#shopWidgets ul {
	list-style-type: none;
	margin: 0;
	padding: 1em 0 0 5px;
}
* html #shopWidgets li { height: 1px; margin-top: -6px; }	/* another IE fix - this time to get rid of excessive spacing between li tags */
#shopWidgets ul a { text-decoration: none; }
#shopWidgets ul #summaryReturn { padding-top: 2em; }

/* HOMEPAGE ==============================================================================================================*/
/* Main offer & What's New */
#homeMain { 
	min-height: 350px;
	background-color: #FFF; 
} * html #homeMain { height: 350px } /* min-height for IE */

#homeMain h2 span { display: none; }

#homeOffer {
	position: absolute;
	top: 15px;
	left: 10px;
} 

#homeWhatsNew {
	position: relative;
	margin-left: 485px;
	padding-bottom: 1em;
	background: url(../images/home/hm-new-bg.gif) top right no-repeat;
}

#homeWhatsNew h2 {
	margin: 0;
	background: url(../images/home/hm-hdr-new.gif) left bottom  no-repeat;
	width: 265px;
	height: 51px;
}

#homeWhatsNew p, #homeWhatsNew h3 {
	position: relative;
	font-size: 0.6em;
}
#homeWhatsNew h3 { margin: 0 0 0 85px; padding-top: 1em; }
#homeWhatsNew p { margin: 10px 0 10px 85px; }
#homeWhatsNew p img {
	position: absolute;
	top: -2em;
	left: -80px;
	border: 1px dashed #5D341C;
}

/* Delivery & Favourite Product */
#homeFocus { 
	position: relative; min-height: 10em;
	border-top: 1px dashed #5D341C;  
	background: url(../images/global/cheat.gif) 360px 0  repeat-y;
	border-bottom: 1px solid #5D341C; 
} * html #homeFocus { height: 10em; } /* min-height for IE */

#homeFavourite { position: relative; }

#homeFavourite a { text-decoration: none; }

#homeFavourite h2 {
	margin: 0;
	width: 758px;
	height: 23px;
	background: url(../images/home/hm-hdr-fav.gif) 490px 3px  no-repeat #BFD0EA;
}

#homeDelivery h2 span, #homeFavourite h2 span { display: none; }

#homeFavourite h3 {
	margin: 0;
	border-top: 1px dashed #CAD7EC;
	padding: 2em 0 0 500px;
	font-size: 0.6em;
}

#homeFavourite p {
	position: relative;
	font-size: 0.6em;
	margin: 1em 0;
	padding: 0 15px 0 500px;
}

#homeFavourite p img {
	position: absolute;
	left: 400px;
	top: -2em;
	border: 1px dashed #CAD7EC;
} * html #homeFavourite p img { left: -100px;  } /* grrrrrrr IE  >:(  */

#homeDelivery { 
	position: absolute;
	top: 0;
	left: 40px;
	width: 310px;
}

#homeDelivery h2 {
	margin: 0;
	width: 310px;
	height: 23px;
	background: url(../images/home/hm-hdr-direct.gif) 60px 3px no-repeat #BFD0EA;
}

#homeDelivery p {
	position: relative;
	font-size: 0.6em;
	margin: 0;
	padding: 1em 15px 0 100px;
}
#homeDelivery p.first { padding-top: 2em; }

#homeDelivery p img {
	position: absolute;
	left: 0px;
	top: 2em;
	border: 1px dashed #CAD7EC;
} * html #homeDelivery p img { left: -100px;  } /* grrrrrrr IE  >:(  */