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

GLOBAL CSS

This contains globally used, default styling for 
the basic HTML components. It also contains 
externally required CSS such as SIFR.

Do NOT modify the default styles for list elements
(the bullet points) as when the site requires their
use it is very tedious trying to style them back in.

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

/* Includes
--------------------------------------------------*/
@import url(reset.css);
@import url(layout.css);
@import url(catalogue.css);
@import url(components.css);
@import url(account.css);
@import url(checkout.css);

/* Elements
--------------------------------------------------*/
/* Base Style */

	
body {
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%; /* Enable the use of em to relative pixel equivalents i.e. 1.1em = 11px */
	color: #262626;
	overflow: auto !important; /* Prevent page jumping between non/scrolling pages */
	background:#eae9e7 url(../en/site/global/site-bg.png) repeat-x 0px 0px;
	}
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	}
img {
	vertical-align: bottom; /* IEWIN : stops images aligning to baseline */
	border: none; 
	margin: 0; /* IEWIN : image margin reset bug */
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	padding: 0;
}
h1 {
	font-size: 1.65em;
	font-weight:bold;
	color:#3f3f3f;
	}
h2 {
	color:#262626;
	}
a:link {
	color: #262626;
	text-decoration: none;
	outline: 0;
}
a:visited {
	color: #262626;
	text-decoration: none;
}
a:hover {
	color: #262626;
	text-decoration: underline;
}
a:active {
	color: #262626;
	text-decoration: none;
	outline: 0;
}

a.listing-page-no:link {
	color: #262626;
	text-decoration: underline;
	outline: 0;
}
a.listing-page-no:visited {
	color: #262626;
	text-decoration: underline;
}
a.listing-page-no:hover {
	color: #262626;
	text-decoration: none;
}
a.listing-page-no:active {
	color: #262626;
	text-decoration: underline;
	outline: 0;
}

a.listing-page-no.last:link {
	color: #262626;
	text-decoration: none;
	outline: 0;
}
a.listing-page-no.last:visited {
	color: #262626;
	text-decoration: none;
}
a.listing-page-no.last:hover {
	color: #262626;
	text-decoration: underline;
}
a.listing-page-no.last:active {
	color: #262626;
	text-decoration: none;
	outline: 0;
}

ul, ol {
	margin-bottom: 1em;
}
ul li, ol li {
	font-size: 1.1em;
}
ul.paging {
    float:right;
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.paging li.current-page {
    font-weight:bold;
    color: #818181;
}
ul.paging li.current-page-no {
    font-weight:bold;
}
ul.paging li {
    display:inline;
    font-size:1.1em;
    margin:0;
    padding:0 2px;
}
ul.paging li.outer-group-last, ul.paging li.outer-last, ul.paging li.outer-group-first {
    border-right:medium none !important;
    padding:0;
}
ul.paging li a[disabled], ul.paging li a[disabled]:link, ul.paging li a[disabled]:hover, ul.paging li a[disable], ul.paging li a[disable]:link, ul.paging li a[disable]:hover, ul.paging li a[disabled="disabled"], ul.paging li a[disabled="disabled"]:link, ul.paging li a[disabled="disabled"]:hover {
color:Gray;
text-decoration:none;
}
p, dl {
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.2em;
}
dd, dt, form, fieldset {
	border:0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
}
th {
	text-align: left;
}
:focus { /* Remove outline of focused links */
	outline: 0; 
}

/* Components
--------------------------------------------------*/
.longdesc,
.access,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: absolute;
	overflow: hidden;
	left: -9999em;
}
.clear-float:after { /* Do NOT use this class, instead add a selector here (easier to edit CSS than HTML and we get cleaner code) */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear-float {
	height: 1%;
}
.analytic { /* Applied to HTML dynamically inserted by analyitcs packages */
	display: none;
}

/* Address
--------------------------------------------------*/
ol.address {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
ol.address li {
	margin: 0;
	padding: 0;	
}

/* Price
--------------------------------------------------*/
p.price {
}
del.was-price {
	text-decoration: none;
}
del.was-price em {
	font-style: normal;
}
span.sale-price
ins.now-price {
	text-decoration: none;
}
ins.now-price strong {
	font-weight: normal;
}

/* Form
--------------------------------------------------*/
span.required {
	width: 5px;
	display: -moz-inline-box;
	display: inline-block;
	padding: 1em 0 0 0;
	overflow: hidden;
	background: #fff url(../assets/en/site/icons/required.gif) no-repeat top left;
	height: 1em;
}
.form fieldset {
}
.form dl {
	margin: 0;
}
.form dt {
	float: left;
	clear: left;
}
* html .form dt { /* WIE6 : remove 3PP */
	margin-right: -3px;
}
.form dt span,
.form dt.required label {
	background: url(../assets/en/site/icon/required.gif) no-repeat top right;
	padding: 0 5px 0 0;
}
.form dd {
}
.form dd input {
}
.form input.submit {
}
.form dd span.note { /* For small notes adjacent next to a field e.g. "View T&C" link */
}
ul.option {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.option li {
	margin: 0;
	padding: 0;
}
p.option {
}
.form .option label { /* Apply LABEL/INPUT style to both UL and P formats */
}
.form .option input {
}
.left{
	float:left;
	}
.right{
	float:right;
	}
.error,
.error-msg{
	color:#E33E42;
	}
/* SIFR
   Include from latest build if required
--------------------------------------------------*/

/*== Buttons ===*/
a.right-arrow-minibasket {
	color:#008ed6;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right 1px;
	padding-right:16px;
	font-size:0.9em;
	}
a.right-arrow-minibasket:hover {
	color:#262626;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -13px;
	text-decoration:none;
	}
button.right-arrow-minibasket {
	color:#008ed6;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right 2px;
	padding:0 16px 0 0;
	font-size:1.1em;
	border:none;
	background-color:transparent;
	height:15px;
	}
button.right-arrow-minibasket:hover {
	color:#4FB2DA;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -12px;
	text-decoration:none;
	}
button.right-arrow-minibasket span{
    padding:0;
    display:block;
    margin-top:-3px;
    }


a.right-arrow {
	color:#008ed6;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right 1px;
	padding-right:16px;
	font-size:0.9em;
	}
a.right-arrow:hover {
	color:#4FB2DA;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -13px;
	text-decoration:none;
	}
button.right-arrow {
	color:#008ed6;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right 2px;
	padding:0 16px 0 0;
	font-size:1.1em;
	border:none;
	background-color:transparent;
	height:15px;
	}
button.right-arrow:hover {
	color:#4FB2DA;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -12px;
	text-decoration:none;
	}
button.right-arrow span{
    padding:0;
    display:block;
    margin-top:-3px;
    }
button.giftchange
{
    font-size:0.9em;
    text-align:left;
}
a.left-arrow {
	color:#008ed6;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -31px;
	width:48px;
	padding-left:14px;
	font-size:0.9em;
	}
a.left-arrow:hover {
	color:#4FB2DA;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -45px;
	text-decoration:none;
	}
	
a.link-left-arrow {
	color:#898989;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -31px;
	width:48px;
	padding-left:16px;
	font-size:1em;
	text-decoration:underline
	}
a.link-left-arrow:hover {
	color:#262626;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -45px;
	}
	
a.link-right-arrow {
	color:#898989;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right 3px;
	width:48px;
	padding-right:16px;
	font-size:1em;
	text-decoration:underline
	}
a.link-right-arrow:hover {
	color:#262626;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -11px;
	}
	
.form-bot-link{
	margin:15px 0 0 15px;
	float:left;
	}
a.fwdArrow span, a.invFwdArrow span{
	height:25px;
	}
a.greyfwdArrow span{
	height:22px;
	}
a.minor-link  {
	background:url(../en/site/canvas/nav-icons.png) no-repeat scroll right -336px transparent;
	color:#898989;
	padding-right:12px;
	text-decoration:underline;
	}
a.minor-link:hover {
	color:#262626;
	}
button.minor-link  {
	background:url(../en/site/canvas/nav-icons.png) no-repeat scroll right -336px transparent;
	color:#898989;
	padding-right:12px;
	text-decoration:underline;
	border:none;
	background-color:transparent;
	}
button.minor-link  span{
    text-decoration:underline;
}
button.minor-link:hover {
	color:#262626;
	cursor:hand;
	}


a.main-button-fwd span, span.main-button-fwd span {
	background-image:url(../en/site/canvas/btn-fwd-arrow.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:25px;
	padding:0 34px 0 12px;
	white-space:nowrap;
	}
a.main-button-fwd, span.main-button-fwd {
	background-image:url(../en/site/canvas/main-btn-fwd-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:25px;
	font-size:1.2em;
	line-height:25px;
	overflow:hidden;
	text-decoration:none;
	}
a.main-button-fwd:hover, a:hover span.main-button-fwd {
	background-image:url(../en/site/canvas/main-btn-fwd-bg.gif);
	background-position: 0 -26px;
	}
a:hover.main-button-fwd span, span.main-button-fwd span {
	background-image:url(../en/site/canvas/btn-fwd-arrow.gif);
	background-position:right -26px;
	}
	
a.grey-button span, span.main-button-fwd span {
	background-image:url(../en/site/canvas/btn-right-grey.png);
	background-position:right 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:22px;
	padding:0 34px 0 12px;
	white-space:nowrap;
	}
a.grey-button, span.main-button-fwd {
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	height:22px;
	font-size:1.1em;
	line-height:22px;
	overflow:hidden;
	text-decoration:none;
	}
a.grey-button:hover, a:hover span.main-button-fwd {
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position: 0 -23px;
	}
a:hover.grey-button span, span.main-button-fwd span {
	background-image:url(../en/site/canvas/btn-right-grey.png);
	background-position:right -23px;
	}
	
	/* zoom button */
a.zoom-button span, span.zoom span {
	background-image:url(../en/site/canvas/btn-zoom.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:22px;
	padding:0 34px 0 12px;
	white-space:nowrap;
	}
a.zoom-button, span.zoom {
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	height:22px;
	font-size:1.2em;
	line-height:22px;
	overflow:hidden;
	text-decoration:none;
	}
a.zoom-button:hover, a:hover span.zoom {
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position: 0 -23px;
	}
a:hover.zoom-button span, span.zoom {
	background-image:url(../en/site/canvas/btn-zoom.gif);
	background-position:right -23px;
	}
a.zoom-button
{
    position: absolute;
    z-index: 9999;
}
/* X browser issues fix */
.webkit a.right-arrow {
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat scroll right 0 transparent;
	}
.webkit a.right-arrow:hover {
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat right -14px;
	}
.webkit button.main-button-fwd span{
	height:20px;
	padding:5px 34px 0 0;
	/*margin:-1px -3px 0 0;*/
	margin:0;
	font-family:Arial,Helvetica,san-serif;
	}
.webkit button.grey-button span{
	height:20px;
	padding:2px 34px 0 0;
	/*margin:-1px -3px 0 0;*/
	margin:0;
	font-family:Arial,Helvetica,san-serif;
	}
	
/* EIB Button */

/* BLUE BUTTON */
button.main-button-fwd{
	background-image:url(../en/site/canvas/main-btn-fwd-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF ; 
	cursor:pointer;
	font-weight:bold;
	height:25px;
	border:none;
	padding:0px 0px 0px 10px;
	margin:0;
	overflow:hidden;
	}
button.main-button-fwd span{
	background-image:url(../en/site/canvas/btn-fwd-arrow.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
	float:right;
	height:21px;
	padding:4px 34px 0 0;
	margin:-2px -3px 0 0;
	white-space:nowrap;
	display:block;
	}
button.main-button-fwd:hover {
	background-image:url(../en/site/canvas/main-btn-fwd-bg.gif);
	background-position: 0 -26px;
	}
button.main-button-fwd:hover span {
	background-image:url(../en/site/canvas/btn-fwd-arrow.gif);
	background-position:right -26px;
	}
button.link-left-arrow {
    background:url(../en/site/canvas/buynow-arrow.png) no-repeat scroll left -31px transparent;
    color:#898989;
    font-size:1em;
    padding-left:16px;
    background-color:transparent;
    border:none;
    }
  button.link-left-arrow span{
    display:block;
    margin-top:-3px;
    text-decoration: underline;
       }
 button.link-left-arrow:hover {
	color:#262626;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -45px;
	}
	
/* GREY BUTTON */
button.grey-button{
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF ; 
	cursor:pointer;
	font-weight:bold;
	height:22px;
	font-size:1.2em;
	border:none;
	padding:0px 0px 0px 10px;
	margin:0;
	overflow:hidden;
	}
	
button.grey-button span{
	background-image:url(../en/site/canvas/btn-right-grey.png);
	background-position:right 0px;
	background-repeat:no-repeat;
	float:right;
	height:20px;
	padding:2px 34px 0 0;
	margin:-2px -3px 0 0;
	white-space:nowrap;
	display:block;
	}

button.grey-button:hover{
	background-image:url(../en/site/canvas/grey-btn-bg.gif);
	background-position: 0 -23px;
	}
button.grey-button:hover span{
	background-image:url(../en/site/canvas/btn-right-grey.png);
	background-position:right -23px;
	}

span.error-msg,
span.error,
span.errorright{
	background:url(../en/site/canvas/warning.png) no-repeat 0px 4px;
	padding-left:16px;
	}
/* X-Browser issues */
.webkit a.link-left-arrow {
	color:#898989;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -31px;
	width:48px;
	padding-left:16px;
	font-size:1em;
	text-decoration:underline
	}
.webkit a.link-left-arrow:hover {
	color:#262626;
	background:url(../en/site/canvas/buynow-arrow.png) no-repeat left -46px;
	}