/* --------------------------------------------------------------------------------------------------
Global Layout
--------------------------------------------------------------------------------------------------*/


/* --- General reset --- */

*, body, p, h1, h2, h3, h4, h5, img { margin: 0; padding: 0; border: none; }
b, strong, h1, h2, h3, h4, h5, { font-weight: bold; }
b { color: #fff; }
.clear:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.clear { display: inline-block; clear: both; }
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/* --- Main settings --- */

body {
	font: normal 62.5%/17px "Tahoma", Arial, Helvetica, sans-serif; 
	color: #c1c5d1;
	background: #c6009c url('../images/bg.jpg') no-repeat 50% 0;
}

table, tr,  td { vertical-align: middle; border: none; font-size: 12px; }
p, h1, h2, h3, h4, h5 { margin-bottom: 20px; text-align: left; }
p { font-size: 1.1em; }
h1 { font-size: 1.5em; color: #fff;}
h2 { font-size: 1.4em; color: #fff; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

ul.list { list-style: square; display: block; margin: 0 0 20px 0; list-style-position: inside; }
ul.list li { list-style: square; font-size: 1.1em; margin-left: 30px; }

a { color: #c622a3; }
a:hover { color: #c76ae2; }


/* --------------------------------------------------------------------------------------------------
Listings + details layout shared with print
--------------------------------------------------------------------------------------------------*/

ul.listings { list-style: none; width: 635px; clear: both; height: auto; display: inline-block; }
ul.listings li { list-style: none; float: left; display: block; width: 180px; height: 340px; padding: 10px; background-color: #160313;/*#121417;*/ margin: 0 10px 15px 0; font-size: 12px; text-decoration: none; font-weight: bold; text-align: center; color: #fff; line-height: 12px; cursor: pointer; }
.pic { width: 180px; height: 150px; overflow: hidden; clear: both; text-align: center; margin: 0 auto; display: block; background-color: #000; }
.pic img { text-align: center; }
ul.listings li:hover, ul.listings li.blockhover { background-color: #c622a3; color: #000; text-decoration: none; }

ul.listings2 { list-style: none; width: 635px; clear: both; height: auto; display: inline-block; }
ul.listings2 li { list-style: none; float: left; display: block; width: 180px; height: 340px; padding: 10px; background: /*280322*/ #560349 url('../images/gradient.jpg') repeat-x 0 0; margin: 0 10px 15px 0; line-height: 14px; font-size: 1.1em; text-align: center; }
.info { width: 170px; height: 140px; padding: 10px 5px 0 5px; overflow: hidden; clear: both; display: block; }
span.title { font-size: 1.2em; height: 20px; padding-bottom: 9px; border-bottom: 1px dotted #666; margin-bottom: 10px; overflow: hidden; display: block; font-weight: bold; color: #fff; }
span.desc { height: 40px; padding-bottom: 10px; overflow: hidden; display: block; }
span.price { height: 20px; font-size: 1.3em; font-weight: bold; color: #c622a3; text-align: center; display: block; }
span.compare { height: 16px; margin-top: 10px; font-weight: bold; color: #fff; vertical-align: middle; }
ul.listings2 li .butt, ul.compare-products li .butt { height: 40px;  padding-top:5px;}
ul.listings2 li .butt input, ul.compare-products li .butt input { width: 70px; margin-right: 5px; font-size: 10px; }
span.new { color: #f9f22f; }
.butt-list {margin-left: auto; margin-right: auto; width: auto; text-decoration: center; display: block; clear: both;}

a.compare { float: right; margin-top: -5px; width: 174px; height: 29px; margin-left: 15px; display: block; background: url('../images/compare-off.gif') no-repeat 0 0; }
a.compare:hover, a.compare.comparehover { background: url('../images/compare-on.gif') no-repeat 0 0; }

.images { width: auto; float: left; display: block; margin: 0 15px 20px 0; border-right: 1px dotted #666; }
.images img { margin: 0 15px 10px 0; clear: both; }
.details { width: auto; display: block; }


/*new - compare products */

ul.compare-products { width: 100%; clear: both; float: left; height: auto; padding: 5px; list-style: none; display: inline-block; background: /*280322*/ url('../images/gradient.jpg') repeat-x 0 0; margin-bottom: 10px; }
ul.compare-products li { display: block; float: left; margin-right: 10px;  }
.left-aligned { width: 180px; margin: 0 10px 0 0; padding: 0; text-align: center; }
.full { width: 220px; padding-right: 20px; border-right: 1px dotted #222; }
.last { margin-left: 10px; }
span.price2 { font-size: 1.4em; font-weight: bold; color: #c622a3; padding: 15px 0; display: block; }
span.title2 { font-size: 1.2em; height: 15px; padding-bottom: 5px; border-bottom: 1px dotted #666; margin-bottom: 5px; overflow: hidden; display: block; font-weight: bold; color: #fff; }
span.remove { padding: 8px 0; margin-bottom: 15px; border-bottom: 1px dotted #222; display: block; font-size: 1.1em; }
span.remove img { vertical-align: middle; padding-right: 5px; }
span.full-desc { height: 120px; overflow: hidden; display: block; line-height: 15px; font-size: 1.1em;}



/* --------------------------------------------------------------------------------------------------
Extras
--------------------------------------------------------------------------------------------------*/

#wrap { width: 800px;  height: auto; padding: 15px;border: 15px solid #cc1aa6; background-color: #000; display: block; margin: 0 auto 15px auto; }
#enquiry { width: 400px; height: auto; padding: 15px 15px 0 15px; display: block; border: 15px solid #cc1aa6; background-color: #000; margin: 0 auto; }
.nil { padding: 0; margin: 0; border: none; }
.cta-special { display: none; }
#home .cta-special{ display: block; }
.light { font-size: 11px; color:#787878; font-weight: normal;}
.name {text-align: right; padding-right: 20px; color: #c622a3; }
.price { color: #c622a3; }
a.thickbox { text-decoration: none; }
.next { display: block; padding-right: 15px; clear:both; padding-top:10px; text-align: right; font-size: 1.2em; vertical-align: middle; }
.bor { border: 1px solid #121417; display: block; float: left; }
.bor:hover, .bor.hovered { border-color: #fff; }
.association a { float: right; display: block; text-align: center; line-break: 17px; font-size: 1.1em; text-decoration: none; margin-left: 20px; }
hr { width: 100%; border: none; border-top:1px dotted #232425; height: 1px; clear: both;  display: block; margin-bottom: 20px; }
hr.break { margin-top: 20px; }
.icon { vertical-align:middle; margin-right:5px; }

/* jqzoom style */
div.zoomdiv {
	z-index : 100;
	position : absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 300px;
	background: #000;
	border: 5px solid #fff;
	display: none;
	text-align: center; 
	overflow: hidden;
}
.jqzoom { cursor: crosshair; cursor: url('../images/cross.cur'); position: relative; margin-top: 35px; }

/*---------------------------------------------   
    cart + checkout
----------------------------------------------*/

table.cart img { vertical-align: middle; }
table.cart { margin-bottom: 20px; border-left: 1px solid #222;/*#a81a86*/;  border-top: 1px solid #222; }
table.cart td { padding: 5px; border-right: 1px solid #222;  border-bottom: 1px solid #222; }
table.cart td.title { background-color: #6d0653; padding: 7px 5px; }
table.cart td.total { background-color: #a81a86; }
.icon { cursor: pointer; }

ul.checkout-steps { width: 200px; height: 25px; list-style: none; float: right; margin-top: -45px; position: relative; }
ul.checkout-steps li { float: left; display: block; margin-left: 15px; font-size: 1.4em; font-weight: bold; color: #fff; }
ul.checkout-steps li span.steps { display: block; padding: 5px 0; }
ul.checkout-steps a { float: left; width: 15px; height: 15px; padding: 5px; background-color: #3e1334; color: #bb88af; text-align: center; display: block; text-decoration: none; }
ul.checkout-steps a:hover { background-color: #c21298; color: #fff; text-decoration: none; }
/*on hover state*/
#shopping-cart .step1 a, #checkout .step2 a, #checkout-confirmation .step3 a { background-color: #c21298; color: #fff; text-decoration: none; }
h1.crumbs { font-size: 1.3em; }

/*---------------------------------------------   
    forms
----------------------------------------------*/

form.cmxform.confirmation input, form.cmxform.confirmation textarea { border: none; background: none; color: #fff; font-weight: bold; }

form.cmxform fieldset, form.cmxform ol, form.cmxform li, form.cmxform legend { margin-bottom: 20px; padding: 0; font: normal 11px/11px "Tahoma"; color: #c1c5d1; text-align: left; }
form.cmxform fieldset { border: 0; width: 300px;}
form.cmxform ol { list-style: none; }
form.cmxform li { margin-bottom: 5px; }
form.cmxform label { display: inline-block; vertical-align: top; margin-top: 3px;	padding-left: 5px; width: 80px;  }
form.cmxform label.nolabel { width: 0px;}
form.cmxform li.checkboxes { padding-bottom: 5px; border-bottom: 1px solid #222; margin-bottom: 10px; vertical-align: middle; }
form.cmxform input, form.cmxform select, form.cmxform textarea, input, select, textarea {
	width: 200px;
	padding: 5px;
	border: none;
	background: #fff;
	font: normal 11px/11px "Tahoma";
	color: #000;
}
form.cmxform input.checkbox, input.checkbox { width: 15px; height: 15px; padding: 0; border: none; margin-right: 5px; background: none; vertical-align: middle; }
input.smallbox { width: 30px; margin-right: 5px; padding: 3px; text-align: center; vertical-align: middle; }
form.cmxform textarea.address { height: 45px; line-height: 15px; }
form.cmxform li.button { margin: 15px 0 0 85px; }
form.cmxform textarea, textarea { height: 100px; overflow: hidden; overflow-y: auto; }
form.cmxform input.box { width: 50px; }
form.cmxform input.send { 
	border: none; 
	width: 70px;
	height: 25px;
	text-align: center; 
	background-color: #3a002d; 
	display: block; 
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	cursor: pointer;
	padding: 5px !important;  
	float: left; 
	margin-left: 8px;
}

input.send {
	border: 0;
	width: 120px;
	text-align: center; 
	background-color: #3a002d;
	color: #fff; 
	display: block;
	font-weight: bold; 
	font-size: 11px; 
	cursor: pointer; 
	padding: 5px 10px;
	^padding: 5px;
	float: left;
	margin: 0 10px 0 0;
}

input.send1 {
	border: none; 
	width: 70px;
	height: 25px;
	text-align: center; 
	background-color: #3a002d; 
	display: block; 
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	cursor: pointer;
	padding: 5px !important;  
	float: left; 
	margin-left: 8px;
}
	
input.enquire {
	width: 135px!important;
	margin: 0px!important;
}
form.cmxform input.send:hover, form.cmxform input.send.sendhover, input.send:hover, input.send1:hover, input.send.inputhover, input.send.inputhover { background: #c76ae2; color: #000; text-decoration: none; }
input.buy-now { border: none; width: 147px!important; height: 40px; padding: 3px 5px 5px 5px; text-align: center; background:url(../images/button.gif) 0 0 no-repeat; color: #fff; font-weight: bold; text-decoration: none; margin: 0 10px 0 0; font-size: 12px!important; cursor: pointer; overflow:hidden;text-indent:-999px; }
input.buy-now:hover { center; background:url(../images/button.gif) 0 -40px no-repeat; color: #000; text-decoration: none; }
input.buy-now-detail { border: none; width: 135px!important; height: 40px; padding: 3px 5px 5px 5px; text-align: center; background:url(../images/button2.gif) 0 0 no-repeat; color: #fff; font-weight: bold; text-decoration: none; margin: 0 10px 5px 0; font-size: 12px!important; cursor: pointer; }
input.buy-now-detail:hover { center; background:url(../images/button2.gif) 0 -40px no-repeat; color: #000; text-decoration: none; }

/* normal links padding: 3px 5px 5px 5px;   */
a.send { 
	border: none; 
	width: 70px; 
	height: 20px;
	padding-top: 5px;
	text-align: center; 
	background-color: #3a002d; 
	display: block; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 11px; 
	float: left; 
	margin-left: 8px;
}
a.send:hover { background: #c76ae2; color: #000; text-decoration: none; }

/*News Articles Section*/
#news-article {float:left;width:400px;}
#news-images{width:154px; float:right; margin-top:10px;}
#news-images ul{list-style:none; line-height:0;}
#news-images ul li{border:2px solid #b51a90; margin: 10px 0;}