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

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(form.css);*/
@import url(layout.css);
@import url(components.css);
@import url(checkout.css);
@import url(development.css);

/* Elements
--------------------------------------------------*/
body {
	margin: 0; 
	padding: 0; 
	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: #666;
	background: #fff url(/assets/en/site/canvas/body-bg.jpg) repeat-x;
	overflow: -moz-scrollbars-vertical !important; /* Prevent page jumping between non/scrolling pages */
}

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 {
	font-size: 1.2em;
	color: #666;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: helvetica;
}
h1 {
	font-size: 2.8em;
	color: #a2968c;
	font-weight: normal;	
	margin: 0.5em 0;
	line-height: 1.2em;
}
h1 span {
	display: block;
}
#search-page h1 span,
.creative h1 span {
	display: inline;
	color: #99CC33;
}
h2 {
	margin-bottom: 0.5em;
	color: #A2968C;
	font-size: 1.3em;
}
h2.sub-title {
	padding-top: 0.6em;
	font-size: 1.4em;
}
h3 span {
	color: red;
}
a.sub-title {
	font-size: 1.1em;
}
a:link {
	color: #666;
	text-decoration: none;
	outline: 0;
	font-family: Arial;
}
a:visited {
	color: #666;
	text-decoration: none;
	font-family: Arial;
	
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #666;
	text-decoration: none;
	outline: 0;
	font-family: Arial;
}
ul, ol {
	margin-bottom: 1em;
	list-style: none;
}
ul li, ol li {
	font-size: 1.1em;
}
p, dl {
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.1em;
}
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,
.form dt.required em { /* 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;
	color: #fff;
}
.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: 0 0 0 0;
	overflow: hidden;
	background: #fff url(/assets/en/site/icons/required.gif) no-repeat top left;
	height: 1em;
}
fieldset.form 
{
}
.form dl {
	margin: 0;
}
.form dt {
	float: left;
	clear: left;
	width: 175px;
	padding: 2px  0;
}
/*.form dt 
{
	float: left;
	clear: left;
	width: 200px
}*/
* html .form dt { /* WIE6 : remove 3PP */
	margin-right: -3px;
}
.form dt span,
.form dt.required label {
	background: url(/assets/en/site/icons/required.gif) no-repeat top right;
	padding: 0 5px 0 0;
}
.form dd {
}
.form dd input {
	border: 1px solid #99cc33;
	margin-bottom: 1em;
	width: 180px;
	padding: 1px;
}
.form dd input.file
{
	border: 1px solid #99cc33;
	margin-bottom: 1em;
	width: 170px;
	padding: 1px;
	margin-right: 15px;
}
.form dd input.checkbox
{
	border:medium none;
	float:left;
	margin: 0 5px 0 180px;
	padding:0;
	width:auto;
}
.form dd input.radio {
	width: auto;
	margin: 10px 5px;
	border: none;	
	padding: 0;
}
.form dd select {
	border: 1px solid #99cc33;
	margin-bottom: 1em;
	width: 183px;	
}
.form dd textarea {
	border: 1px solid #99cc33;
	margin-bottom: 1em;
	width: 180px;	
}
.form input.submit {
}
.form dd span.note { /* For small notes adjacent next to a field e.g. "View T&C" link */
}
.form span.xformvalidator {
	color: white;
	display: none;
	/*margin: -12px 0 5px 175px;*/
}
.form dd span.error 
{
	margin-left: 1em;
}
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 {
}
ul.submit-nav {
	float: left;
	margin-left: 175px;
	padding: 10px 0 0 0;
	*margin: 15px 0 0 -25px;
	*padding-bottom: 1em;
}
ul.submit-nav li {
	float: left;
	margin-right: 1em;
}
ul.submit-nav li input {
	background: url(../en/site/buttons/mini-newsletter.gif) no-repeat;
	border: 0;
	padding: 0;	
	padding: 17px 52px 0 0;
	cursor: pointer;	
	height: 17px;
	margin: 0;
	overflow: hidden;	
	width: 52px;
}
ul.submit-nav li input.clear {
	background: url(../en/site/buttons/clear.gif) no-repeat;
	border: 0;
	padding: 0;	
	padding: 17px 52px 0 0;
	cursor: pointer;	
	height: 17px;
	margin: 0;
	overflow: hidden;	
	width: 52px;
}
/* Custom Selectors
--------------------------------------------------*/
p.end {
	border-bottom:2px solid #EBF3C5;
	list-style-type:none;
	margin:0 0 2em;
	padding:0 0 1em;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1000;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#EFEEEC;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  z-index: 1005;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  z-index: 1006;
  color:#666;
  display:none;
  text-align:left;
  padding: 0;
  top:50%;
  left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_wrapper {
	background: #fff;
	float: left;
	width: 100%;
	border: 2px solid #EBF3C5;
	margin-bottom: 1em;
	padding: 0.5em 0;
}
#TB_window img#TB_Image {
  display:block;
  /*margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;*/
  border: 2px solid #EBF3C5;
  float: left;
  background: #fff;
}
#TB_caption{
  /*padding:7px 30px 10px 25px;*/
  padding-left: 0.5em; 
  clear: both;
  color: #99CC33;
  font-weight: bold;
 }
#TB_closeWindow{
  height:25px;
 /* padding:11px 25px 10px 0;*/
  float:right;
}
#TB_next a ,
#TB_prev a  {
	background:transparent url(/assets/en/site/icons/next.gif) no-repeat scroll left top;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding: 17px 17px 0 0;
	width:0;
	margin-left: 0.5em;
	cursor: pointer;
}
#TB_prev a {
	background:transparent url(/assets/en/site/icons/back.gif) no-repeat scroll left top;
}
#TB_closeWindow a.close {
	background:transparent url(/assets/en/site/icons/close.gif) no-repeat scroll left center;
	padding: 0 0.5em 0 1.2em;
}
#TB_paging {
	float: right;
	margin-top: -13px;
	padding-right: 0.5em;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
/*#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}*/
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* SIFR
   Include from latest build if required
--------------------------------------------------*/

#Understanding-Email-Marketing-page ul
{
list-style-type: disc; 
}
#header #mini-newsletter {
	clear: right;
	float: left;
	margin-top: 8px;
	width:191px;
	height:32px;
}

#header #mini-newsletter label
{
	background:transparent url(/assets/en/site/nav/newsletter.png) no-repeat 30px 4px;
	width:110px;
	display:block;
	text-indent:-99999px;
	float:left;
	height:32px;
	}

#header #mini-newsletter input.submit{margin-top:1px; float:left;}

#header #mini-newsletter input#newsletter-email{float:left; margin-right:5px;}

#mini-newsletter-form{width:193px;float:right;}