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

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(layout.css);
@import url(catalogue.css);
@import url(components.css);



/* Elements
--------------------------------------------------*/
body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%; /* Enable the use of em to relative pixel equivalents i.e. 1.1em = 11px */
	color: #343233;
	background: #343233;
	padding-bottom:30px;
	overflow: -moz-scrollbars-vertical !important; /* Prevent page jumping between non/scrolling pages */
}
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
}
button 
{
	cursor: pointer;
}

#divResultPerPage select,
#divResultSortBy select 
{
    margin-left:10px;
}



img {
	vertical-align: bottom; /* IEWIN : stops images aligning to baseline */
	border: none; 
	margin: 0; /* IEWIN : image margin reset bug */
}

a:link {
    color: #863c8d;
	text-decoration: none;
	outline: 0;
}
a:visited 
{
    color: #863c8d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: 0;
}
ul, ol {
	margin-bottom: 1em;
}
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,
.no-print { /* 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;	
}
/* Single Line Address
--------------------------------------------------*/
ol.singlelineadd 
{
    float: left; 
    width: auto; 
    margin: 0; 
    padding: 0;
}
ol.singlelineadd li 
{
    display: inline; 
    margin-right: 5px; 
    font-size:11px ;
}


/* 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;
}


/*Overlay for split shipments
-----------*/
.overlay {
	float: left;
	padding: 16px;
	border: 5px solid #DADADA;
	background: #fff;
	position: absolute;
	z-index: 101 !important;
	top: 110px;
	display: none;
	width: 35%;
	left: 25%;
}

.page-overlay {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 20;
	-moz-opacity: 0.5;
	opacity:.5;
	filter: alpha(opacity=50);
}

p.modalClose {float: right;}

/*Form submit button
-----------*/
a.submit,
input.submit {
	padding: 0 3px;
	color: #333;
	font-weight: bold;
	width: auto;
	height: auto;
	overflow: visible; /* IE : remove proportional width */
	font-size: 11px;
}

/*Form search button */

#search-form #site-search
{
width:157px;
color:#343233;
height:20px;
padding:7px 9px 0px 9px;
}

#search-form #searchSubmit 
{
    border:0 none;
    float:left;
    height:28px;
    margin-left:2px;
    margin-top:6px;
    padding:0 0 0;
}

#search-form 
{
    margin:0;
    padding:4px 0 4px 0;
    float:right;
}

#search-form1 
{
    float:left ! important;
}

.background-effect
{
    display:none; 
    filter: Alpha(Opacity=30);
    opacity: 0.5;
    width: 100%; 
    height: 100%; 
    background: #000;
    position: fixed;
    z-index:40;
    top: 0px; 
    left: 0px;
}

#details fieldset dl,
#details fieldset p
{
    float:left;
    
}
/* Styles for more info panel overlay starts */
#wc_overlay{
	width:342px;
}
.wc_overlayMid{
	background:url(../en/site/overlayImages/overlay_mid.gif) repeat-y;
	width:322px;
	padding:0 0 0 20px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}
.wc_overlayTop{
	background:url(../en/site/overlayImages/overlay_top.gif) no-repeat;
	width:342px;
	height:23px;
}
.wc_overlayBottom{
	background:url(../en/site/overlayImages/overlay_bottom.gif) no-repeat;
	width:342px;
	height:23px;
}
.wc_overlayMid fieldset{
	border:none;
	padding:0 0 0 0;
	margin:12px 20px 0 10px;
}
.wc_overlayMid fieldset select{
	width:150px;
	float:left;
	margin:6px 0 6px 0;
	padding:0;
}
.wc_overlayMid fieldset .wc_overlayLbls{
	float:left;
	width:120px;
	text-align:right;
	margin:6px 0 6px 0;
	padding:2px 10px 0 0;
	display:block;
	}
	 #content #main-content .option-list dt label, #ctl00_cphBodyContent_lblQuantity{
	color:#343233;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	padding-top:3px;
	 }
	 #ctl00_cphBodyContent_ddlQuantity, #ctl00_cphBodyContent_lblQuantity
	 {
	     float:left;
	 }
	 #ctl00_cphBodyContent_ddlQuantity
	 {
	     margin-left:10px!important;
	     *float:right;
	 }
	 #ctl00_cphBodyContent_lblQuantity
	 {
	     padding-left:6px;
	     padding-top:7px;
	 }
.wc_overlayTop #imgClose{
	float:right;
	padding:9px 10px 0 0;
	border:0;
}
.wc_btnContainer
{
    float:right;
    text-align:right;
}
.wc_overlayTtlPrice
{
    clear:both;
    padding:4px 0 25px 56px;
}
.wc_addtoFav
{
    float:left;
}
.wc_addtoFav span
{
    display:block;
    float:left;
    width:61px;
}
.wc_addtoFav img
{
    float:left;
}
/* Styles for more info panel overlay ends */
div.wc_overlayMid #ctl00_cphBodyContent_datasheet_Size
{
    width:150px;
    margin-left:10px;
}
#content #main-content .option-list #ctl00_cphBodyContent_datasheet_Size
{
    width:230px;
    margin-left:23px;
}
#ctl00_cphBodyContent_ddlQuantity
{
    width:130px!important;
}
#content .product-details .size-guide-wrap dl.option-list dt label{
text-align:left;
width:30px;
color:#8E4995;
font-size:1.1em;
font-weight:bold;
}
.xtraClassWidth
{
    width:700px!important;
    text-align:left;
    overflow:scroll;
}
/* overlay specific styles */
input.overlay-close-cross
{
    background-color:#fff!important;
    background-image:url("/assets/en/site/buttons/overlay-close.jpg")!important;
    background-repeat:no-repeat!important;
    cursor:pointer;
    height:18px;
    margin-right:-10px;
    margin-top:-10px;
    float:right;
    width:18px;
}
.background-effect {
    display:none; 
    filter: Alpha(Opacity=60);
    -moz-opacity: 60;
    opacity: 0.60;
    width: 100%; 
    height: 100%; 
    min-height: 100%; 
    background-color: Gray;
    position: fixed;
    z-index:40;
    top: 0px; 
    left: 0px;
}
.overlay 
{
    padding: 25px;
    border: 1px solid #d4d4d4;
    display: none;
	position: fixed;
	top: 150px; 
	background: White; 
	z-index: 999; 
}


/* overlay specific styles */
.email-friend-hotspot-overlay
{
    width: 715px;    
}

default-button send-email
.email-instock-overlay .send-email{
    clear:both;
}
.email-instock-overlay fieldset.left-column{
    width:400px!important;
}
.email-instock-overlay fieldset.left-column dl dd{
    clear:none!important;
}
.email-instock-overlay fieldset.left-column dl dt .required{
    background:none;
}
.email-instock-overlay fieldset.left-column dl label{
    font-weight:normal;
}
.email-instock-overlay p span{
    width:700px;
    display:block;
}
.email-friend-confirmation-overlay .added-to-basket-wrapper{
    border:none;
    width:355px;
    padding:5px;
}
.email-friend-confirmation-overlay .added-to-basket-wrapper{
    border:none;
}
.email-friend-confirmation-overlay .added-to-basket-wrapper input.overlay-close-button, .added-item-overlay input.continue-shopping{
    background-color:#0067ab;
    color:#fff;
}
.email-friend-confirmation-overlay .added-to-basket-wrapper input.another-email, .added-item-overlay input.go-checkout{
    background-color:#ff5800;
    color:#fff;
    margin-left:40px;
}
.orange-title {
	color:#ff5800;
	font-size:2em;
	font-weight:normal;
	margin:5px 0 18px 0;
	float:left;
}
.email-friend-wrapper label, .payment-review-wrapper label {
float:left;
padding-top:5px;
width:121px;
}
.email-friend-wrapper label, .payment-review-wrapper label {
display:block;
}
.wc_bodyMid dd {
float:left;
margin-bottom:10px;
width:244px;
}
.wc_bodyMid dt {
float:left;
margin-bottom:10px;
padding-top:4px;
width:123px;
clear:both;
}
.email-friend-wrapper dl {
clear:both;
}
.wc_bodyMid {
float:left;
}