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

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: 115px;
	display: none;
	width: 50%;
	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;
}