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

/* ==| Zero-out browser defaults |============================================================== */

html { font-family: verdana,arial,helvetica,sans-serif; font-size:62.5%; /*margin:0px; padding:0px;*/ }
html * { /*position:relative;*/ /*margin:0em; padding:0em;*/ line-height:1.2em; font-size:1em; }
* html body { /*width:100%;*/ text-align:center; position:relative; }

ul, li, ol, li, p, dl, dt, dd { margin:0; padding:0; }

/* ============================================================================================= */


/* ==| Zero-out Google toolbar defaults |======================================================= */

input.text, textarea, select {	font-family:verdana,arial,helvetica,sans-serif!important; font-size:1.2em!important; color:#666666!important; background-color:#fff!important; border:1px solid #b2b2b2!important;}
input.focus, textarea.focus, select.focus {	color: #000000!important;	border: 1px solid #000000!important;}


/* ==| Tag Overrides |========================================================================== */

a, a:visited { color: #b10021; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }
p { margin: 1em 0em; line-height: 1.4em; }
hr { margin: 0.8em 0; padding: 0; border: none;	background-color: #ebbfc7;	height: 1px; color: #ebbfc7;}

h1.image { float: left; margin-left:0em; margin-right:2em; }
img.header { float:left; margin-left:3em; padding-top:20px; }

h1 { font-size:1.2em; font-weight:bold; clear:left; padding:1em 0em; margin:1em 0em; }
h2 { font-size:1em; font-weight:bold; clear:left; padding:0.5em 0em; margin:0.5em 0em; }
ul { margin-left:1em; padding-left:1em; }

.missing { border:0.75em solid #ff9900; padding:0em 0.5em; }	
img.missing { background-color:#ff9900; border:none; padding:0px; display:block; }	


/* ==| Master |================================================================================= */

#master { width: 748px;/*	width: 74.8em; */ margin: 0px auto; text-align:left; position:relative; }


/* ==| Head |=================================================================================== */

#head { background-color: #b20838; /*	background-image:url(../img/lg_borders.gif); background-repeat: no-repeat;	background-position: top left;	text-align: right;*/ }


/* ==| Header Navigation |============================================================================= */

#headernav { list-style-type:none; margin:0em; border-bottom:1px solid #E5E5E5!important; width:100%; min-height:20px; }
#headernav li { float:left; padding:0.5em 0em; }
#headernav li:before { content:" : "; white-space:pre; color:#000; }
#headernav li.first:before { content:""; }
#headernav li a { text-transform:uppercase; white-space:nowrap; color:#b10021; font-size:1em; font-weight:bold; }


/* ==| Hero |=================================================================================== */

#hero { margin:0em; }
#hero a { z-index:1; }
#hero a img { z-index:1; }


/* ==| Body |=================================================================================== */

#body { margin:0em 1em 3em 1em; width:748px; min-height:300px; padding-top:1em; padding-bottom:3em; position:relative; }


/* ==| Promo |================================================================================ */

#promo { margin:1em 0 0 0; padding:0em; zoom:1; list-style:none; }
#promo li.left { float:left; } /* -- added 20080509 */
#promo li.centre { margin-left:11px; }  /*-- added 20080509  see ie style sheet*/
#promo li.right { float:right; }/*  -- added 20080509 */


/* ==| Footer |============================================================================= */

#footer { color:#888; clear:left; width:748px; }
#footer p { clear:left; margin:0em; }
#footernav { list-style:none; margin:0em; padding:0em; border-top:1px solid #E5E5E5!important; float:left; width:748px; }
#footernav li { float:left; padding:0.5em 0em; }
#footernav li:before { content:"  :  "; white-space:pre; color:#000; }
#footernav li.first:before { content:""; }
#footernav li a { text-transform:uppercase; white-space:nowrap; color:#777; }


/* ==| Stores |================================================================================= */

/* #stores { clear: both; float: left;	width: 100%; margin: 0; } */

#stores { width:550px; float:left; margin-top:-2em; margin-bottom:3em; }
#stores dt { font-weight: bold; margin-left:1em; margin-top:4em; text-transform:uppercase; clear:right; }
#stores dd { margin-left: 1em; }

#stores dd dl { margin:0px 0px 0px 2em;  }
#stores dd dl dt { margin: 2em 0px 0px 0px; xwidth:25em; text-transform:none; clear:none; }
#stores dd dl dd { margin-left: 0; xwidth:25em; clear:none; }
#stores dd dl dd.image { margin:-2em 0px 0px 0px; width:auto; float:right; }

/*
#stores ul { list-style: none; }
#stores ul li.col1 { float: left; width: 20em; }
#stores ul li.col2 { float: left; width: 30em; }
*/

/* ==| Recommends |================================================================================= */

#recommends { width:550px; float:left; margin-top:-2em; margin-bottom:3em;  }
#recommends dt { font-weight: bold; margin-left:1em; margin-top:4em; text-transform:uppercase; clear:right; }
#recommends dd { margin-left: 1em; }

#recommends dd dl { margin:0px 0px 0px 2em; }
#recommends dd dl dt { margin: 2em 0px 0px 0px; width:35em; text-transform:none; }
#recommends dd dl dd { margin-left: 0; width:35em; }
#recommends dd dl dd.description { margin-top:1em; margin-bottom:1em; }
#recommends dd dl dd.image { margin:-2em 0px 0px 0px; width:auto; float:right; }


/* ==| In-Store |================================================================================= */

#in-store { width:550px; float:left; margin-top:-2em; margin-bottom:3em; }
#in-store dt { font-weight: bold; margin-left:1em; margin-top:4em; text-transform:uppercase; clear:right; }
#in-store dd { margin-left: 1em; }

#in-store dd dl { margin:0px 0px 0px 2em;  }
#in-store dd dl dt { margin:2em 0px 0px 0px; width:29em; text-transform:none; clear:right; }
#in-store dd dl dd { margin-left: 0; width:29em; }
#in-store dd dl dd.description { margin-top:1em; margin-bottom:1em; }
#in-store dd dl dd.image { margin:-1em 0px 0px 0px; width:auto; float:right; }
#in-store dd dl dd.image-beedle { margin:-5.5em 0px 0px 0px; width:auto; float:right; }


#in-store dl.one-image dt { clear:none; }
#in-store dl.one-image dd dl dt { clear:none; }
#in-store dl.one-image dd.image { margin:-3em 0px 0px 0px; width:auto; float:right; }

/* ==| FAQ CUSTOMER ENQUIRIES |================================================================================= */

dl.faq-line-length {width:650px;}
#faq-answers {margin-top:0px;}
#faq-answers h3 {color: #b10021; font-size:1.3em; font-weight: bold; padding:0px; margin:0px;}
#faq-answers dl {margin-left:10px;}
#faq-answers dl dt {padding-top:1.5em; font-weight:bold; font-size:1.1em;}
#faq-answers dl dd {margin-left:0px; }

#faq-answers dl dd a {font-weight:bold;}
#faq-answers dl dd a.back-to-top {font-weight:bold; }
#faq-answers ul { margin-bottom:1.5em; }
#faq-answers ul li.heading { list-style-type:none; margin-left:-1.2em; font-size:1.1em; }

/* ============================================================================================= */

/* ==| Recommended -- added 20080509 |================================================================================= */

#body-mhmr, #body-holidays { margin-left:0px; margin-top:0px; }
#body-mhmr h1.leader, #body-holidays h1.leader { margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px; }
#body-mhmr img.recommended, #body-holidays img.recommended { margin-top:-12px; margin-bottom:10px; float:left; }
#body-mhmr #bn-view-catalogue, #body-holidays #bn-view-catalogue { position:absolute; left:18px; margin-top:119px; z-index:10; }
#body-mhmr #bn-borders-picks , #body-holidays #bn-borders-picks { position:absolute; left:405px; margin-top:340px; z-index:10; } /*see ie style sheet*/
#body-mhmr img.centre, #body-holidays img.center { margin-left:10px; }

/* ============================================================================================= */


/* ==| Must Have Must Read -- added 20080509 |================================================================================= */

#mhmroptions { background:#ebebeb url('../img/bg-mhmr.jpg') left top ; min-height:374px; margin-top:-12px; } /* see ie.css for IE style */
#mhmroptions ul { margin:0px 0px 0px 0px; padding:0px; list-style-type:none; }	
#mhmroptions ul li { float:left; margin:0px 0px 5px 10px; }	
#mhmroptions ul li.first-row { margin-top:10px; }
	
.mhmrnav { width:747px; min-height:71px; background-color:#850019; overflow:auto; float:left; margin-bottom:20px; } /* see ie.css for IE style */	
.mhmrnav ul { list-style-type:none; margin-left:8px!important; }	
.mhmrnav ul li { float:left; margin:0px!important; padding:0px!important; }

.mhmrSummerNav { width:747px; min-height:71px; background-color:#850019;  /* background-color:#9b683a; */ float:left; margin-bottom:20px; } /* see ie.css for IE style */	
.mhmrSummerNav ul { list-style-type:none; margin-left:8px!important; }	
.mhmrSummerNav ul li { float:left; margin:0px!important; padding:0px!important; }


/* ==| Holiday Read -- added 20080509 |================================================================================= */

#holidayoptions { background:#feeac6 url('../img/bg-mhmr.jpg') left top ; min-height:374px; margin-top:-12px; } /* see ie.css for IE style */
#holidayoptions { display:block; background:url('../campaigns/2008/holidays/img/bg-holiday-recommends.jpg') left top no-repeat; height:auto; overflow:auto; position:relative; }
#holidayoptions ul { margin:0px 0px 0px 0px; padding:0px; list-style-type:none; }
#holidayoptions ul { margin-top:110px; margin-left:24px; }
#holidayoptions ul li { float:left; margin:1px; }
#holidayoptions ul li.first-row { margin-top:10px; }
	
.holidaynav { overflow:auto; float:left; margin-bottom:20px; margin-top:57px; margin-left:15px; } /* see ie.css for IE style */	
.holidaynav ul { list-style-type:none; margin-left:8px!important; }	
.holidaynav ul li { float:left; margin:1px 2px 1px 1px!important; padding:0px!important; }


/* ==| Promotions -- added 20080509 |================================================================================= */

ul.promotionslist { list-style-type:none; margin:0px 0px -6px 0px; padding:0px; }
ul.promotionslist li { margin-top:20px; }
#promotionscontainer { background-color:#ebebeb; width:747px; min-height:251px; clear:left; overflow:auto;}
#promotionscontainer #sidebar { margin-top:0px; padding-top:40px;}
#promotionscontainer #sidebar li { margin-bottom:15px; }
#promotionscontainer #sidebar li.gap { margin-bottom:25px; }
#promotionscontainer #sidebar li.left { text-align:left; padding-left:18px; }
#promotionscontainer #sidebar li img.hd { margin-bottom:10px; }
.promotionssection { background-color:#ebebeb; width:705px; min-height:250px; float:left; padding:0px 20px 20px 20px; position:relative;  } 
.promotionscontent { background-color:#ebebeb; width:747px; padding:12px 20px 12px 25px; } 
#body-holidays #promotionscontainer, #body-holidays .promotionssection, #body-holidays .promotionscontent { background-color:#feeac6; }
img.promotionsnavhd { float:left; }
ul.promotionsnav { list-style-type:none; margin:0px 0px 10px 0px; padding:0px; }
ul.promotionsnav li { display:inline; margin-left:1em; font-size:0.9em; font-weight:bold; }
table.promotionstitles { margin-top:20px; }
table.promotionstitles td.spacer { height:30px; }
table.promotionstitles td { padding:0px 10px 0px 10px; border-left:1px solid #cecece; }
table.promotionstitles td.empty { border-left:none; }
table.promotionstitles td.first { padding:0px 10px 0px 0px; border:none; }

table.promotionstitles ul.iteminfo { list-style-type:none; margin:0px; padding:0px;}
table.promotionstitles ul.iteminfo li h3 { margin:0em; }
table.promotionstitles ul.iteminfo li.author { color:#000000; margin:0em; }
table.promotionstitles ul.iteminfo li.hotprice, table.promotionstitles ul.iteminfo li.greatprice { color:#b10021; font-weight:bold; }
table.promotionstitles ul.iteminfo li.rrp, table.promotionstitles ul.iteminfo li.ourprice { color:#707070; }
table.promotionstitles ul.iteminfo li.rrp b { color:#000; }
table.promotionstitles ul.iteminfo li.offer { font-size:0.9em; clear:left; }
table.promotionstitles td { font-size:1.1em; }
table.promotionstitles td ul.iteminfo li.img { float:left; margin-right:10px; }
table.promotionstitles td ul.iteminfo li.description { color:#b10021!important;  font-size:0.9em;  }
table.promotionstitles td ul.iteminfo ul { list-style-type:disc; margin:1em 0em 1em 2em; padding:0em;  }

.promotionssection .disclaimer { font-size:0.9em; color:#707070; padding:10px 10px 0px; }

/* ============================================================================================= */


/* ==| Promotions -- added 20080509 |================================================================================= */

ul.promotionslist { list-style-type:none; margin:0px 0px -6px 0px; padding:0px; }
ul.promotionslist li { margin-top:20px; }
#promotionscontainer { background-color:#ebebeb; width:747px; min-height:251px; clear:left; overflow:auto;}
#promotionscontainer #sidebar { margin-top:0px; padding-top:40px;}
#promotionscontainer #sidebar li { margin-bottom:15px; }
#promotionscontainer #sidebar li.gap { margin-bottom:25px; }
#promotionscontainer #sidebar li.left { text-align:left; padding-left:18px; }
#promotionscontainer #sidebar li img.hd { margin-bottom:10px; }
.promotionssection { background-color:#ebebeb; width:705px; min-height:250px; float:left; padding:0px 20px 20px 20px; position:relative;  } 
.promotionscontent { background-color:#ebebeb; width:747px; padding:12px 20px 12px 25px; } 
img.promotionsnavhd { float:left; }
ul.promotionsnav { list-style-type:none; margin:0px 0px 10px 0px; padding:0px; }
ul.promotionsnav li { display:inline; margin-left:1em; font-size:0.9em; font-weight:bold; }
table.promotionstitles { margin-top:20px; }
table.promotionstitles td.spacer { height:30px; }
table.promotionstitles td { padding:0px 10px 0px 10px; border-left:1px solid #cecece; }
table.promotionstitles td.empty { border-left:none; }
table.promotionstitles td.first { padding:0px 10px 0px 0px; border:none; }

table.promotionstitles ul.iteminfo { list-style-type:none; margin:0px; padding:0px;}
table.promotionstitles ul.iteminfo li h3 { margin:0em; }
table.promotionstitles ul.iteminfo li.author { color:#000000; margin:0em; }
table.promotionstitles ul.iteminfo li.hotprice, table.promotionstitles ul.iteminfo li.greatprice { color:#b10021; font-weight:bold; }
table.promotionstitles ul.iteminfo li.rrp, table.promotionstitles ul.iteminfo li.ourprice { color:#707070; }
table.promotionstitles ul.iteminfo li.offer { font-size:0.9em; clear:left; }
table.promotionstitles td { font-size:1.1em; }
table.promotionstitles td ul.iteminfo li.img { float:left; margin-right:10px; }
table.promotionstitles td ul.iteminfo li.description { color:#b10021!important;  font-size:0.9em;  }
table.promotionstitles td ul.iteminfo ul { list-style-type:disc; margin:1em 0em 1em 2em; padding:0em;  }

.promotionssection .disclaimer { font-size:0.9em; color:#707070; padding:10px 10px 0px; }

/* ============================================================================================= */


/* ==| Careers |================================================================================= */

.careers { width:620px; float:left; margin-top:-2em; margin-left:9em; margin-bottom:3em; }
* html .careers { margin-left:5em; }
.careers dt { font-weight: bold; margin-left:3em; margin-top:4em; text-transform:uppercase; clear:right; }
.careers dd { margin-left:1em; }

.careers dd dl { margin:0px 0px 0px 2em;  }
.careers dd dl dt { margin:2em 0px 0px 0px; text-transform:none; clear:right; margin-left:0em; }
.careers dd dl dd { margin-left:0em; }
.careers dd dl dd.description { margin-top:1em; margin-bottom:1em; }
.careers dd dl dd.image { margin:-1em 0px 0px 0px; width:auto; float:right; }

.careers ul { list-style-type: disc; margin:1em; }


/* ============================================================================================= */

/* --------------------------------------------------------------------------------------------------------- */
/* View Date											                                                                */
/* --------------------------------------------------------------------------------------------------------- */

#view-date {z-index:2000; padding: 10px; width:100%; top:0px; left:0px; background:#000; color:#fff; text-align: center; position: fixed; }
#view-date a { color: #B10021; text-decoration: none; }
#view-date a:hover { color: #B10021; text-decoration: underline; } 
.view-date { margin-top: 40px!important; }