/*  
Client: ZPM Limited
Client URL: http://www.zpm.com
Description: ZPM Ecommerce Site.
Version: 1.6
Author: Robert Games
Agency: Shine Marketing
Agency URL: http://www.shine-marketing.co.uk/
Date: 23/09/2007

Notes: IDs can not be used. Only Classes!
*/

/* Global Settings */
 



html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-family:"Trebuchet MS";
	font-size:62.5%;
	background:#D8EDF2;
	color:#666666;
    overflow: -moz-scrollbars-vertical; /* FF always will have vertical scrollbar */  
}

html
{
	height: 100%;
}

body
{
	height: 100%;
}



/* Common Formatting */

p {
	font-size:1.2em;
	line-height:1.4em;
}

.centre p {
	margin-bottom:10px;
	font-size:1.3em;
}
 
h1, h2, h3, h4, h5, h6 {
}
 
h1 {
	font-size:2.4em;
	color:#FF6699;
	line-height:30px;
	padding-bottom:3px;
	border-bottom:#000000 1px solid;
	margin-bottom:14px;
}
 
h2 {
	font-size:1.6em;
	color:#FF6699;
	line-height:1.6em;
	margin:10px 0;
}
 
h3 {
	font-size:1.4em;
	color:#FF6699;
	line-height:1.4em;
	margin:10px 0;
}
 
.centre ul {
	list-style:none;
	font-size:1.3em;
	margin-bottom:1.3em;
}

.centre ol {
}
 
.centre li {
	list-style:decimal;
	margin-left: 15px;
}
 
blockquote {
}
 
small {
}
 
img {
}
 
sup {
}
 
sub {
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

hr {
	/*color:#000000;
	height:1px;
	clear:both;
	margin: 10px 0;*/
	display:none;
}

/*.MsoNormal {
}*/
 
/* Links */
 
a {
	text-decoration:underline;
	color:#666666;
	line-height:1.4em;
}

a:hover {
	text-decoration:none;
	color:#FF6699;
}

a:focus {
	outline-style:none;
}

a:visited {
	text-decoration:none;
}

.centre a {
	color:#FF6699;
	text-decoration:none;
}

.centre a:hover {
	text-decoration:underline;
}

.centre a:visited {
	text-decoration:none;
	color:#FF6699;
}

/* Other Fonts */

 
/* Wrapper */

.wrapper {
	width:716px;
	margin: 0 auto;
	background:url(../images/wrapper_bg.png) repeat-y top;
	min-height: 100%;
	position:relative;
	/*display:table;*/
}
  
* html .wrapper {
	height: 100%;
}


/* Global Classes */
 
.clear         { clear:both; height:1px; overflow:hidden; width:100%; display:block;}
 
.float-left    { float:left; }
.float-right   { float:right; position:relative; overflow:hidden; }

 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:100%;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px;  }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.hidden		   { display:none; }

/* Layout */

.header {
	height:156px;
	width:700px;
	margin:0 auto;
	background-color:#FFFFFF;
}

.logo {
	height:156px;
	width:65px;
	margin-left:-65px;
	background:url(../images/logo.gif) no-repeat #000000;
	float:left;
	display:block;
	position:relative;
}

.logo a {
	height:156px;
	width:65px;
	display:block;
	text-indent:-999999px;
}

.enquiries {
	width:204px;
	height:18px;
	background:url(../images/customer-service-email.gif) no-repeat;
	float:left;
	margin: 12px 0px 0 8px;
	display:inline;
}

.enquiries a {
	width:142px;
	height:18px;
	text-indent:-999999px;
	display:block;
}

.customer_service {
	width:305px;
	height:17px;
	background:url(../images/customer-service.gif) no-repeat;
	float:right;
	margin: 12px 8px 0 0;
	display:inline;
}

.customer_service p {
	width:305px;
	height:17px;
	text-indent:-999999px;
	display:block;
}

.banner {
	width:319px;
	height:69px;
	float:left;
	margin: -120px 0 0 8px;
	display:inline;
}

.shopping_basket {
	width:319px;
	height:69px;
	float:right;
	margin: -120px 8px 0 0;
	background:url(../images/shopping-basket.png) no-repeat;
	display:inline;
	position:relative;
}

.shopping_basket:hover {
    background-position: -319px 0; 
}

.shopping-bag {
	float:left;
	width:127px;
	margin:10px 0px 1px 52px;
	display:inline;
}

.headershoppingbag a{
	width:120px;
	height:20px;
	background:url(../images/shopping-bag.gif);
	display:block;
	text-indent:-99999px;
}	
	
.my-account {
	float:right;
	width:120px;
	height:19px;
	margin: 10px 9px;
	display:inline;
}

.headermyaccount a {
	width:100px;
	height:19px;
	background:url(../images/my-account.gif) no-repeat;
	text-indent:-99999px;
	display:block;
	margin:2px 0 0 0;
}
.headermyaccount a:hover {
    background-position: 0 -19px; 
}

.breadcrumb {
	width:489px;
	margin: 7px 13px 0 214px;
	height:13px;
}

.left_col {
	width:186px;
	float:left;
	margin: 11px 0 60px 8px; /* Bottom Margin 60px to clear Footer and create a space */
	display:inline;
}

.centre {
	width:489px; /*489px*/
	float:right;
	margin: 11px 13px 60px 13px; /* Bottom Margin 60px to clear Footer and create a space */	
	display:inline;
	position:relative;
}

.footer {
	width:489px;
	height:40px;
	margin: -40px auto 0 auto;
	padding: 0 13px 0 214px;
	position:relative;
}

.search {
	float:right;
	height:35px;
	margin: 0px 10px 0px 0;
	line-height:35px;
	display:inline;
	width:250px;
}

/* Navigation */


.left_col li .selected_shape a {
	text-decoration:underline;
	color:#FF6699;
}
/* Return Home Button */

.home {
	margin-top:-35px;
}

/* Main Nav */

.left_col ul {
	margin-left:14px;
}

.left_col li {
	/*line-height:30px;*/
	font-size:1.6em;
	font-weight:600;
}

.left_col li a {
	color:#666666;
	text-decoration:none;
	display:block;
	height:2em;
	line-height:2.0em;
}

.left_col li a:hover {
	color:#FF6699;
	text-decoration:none;
}

.left_col ul ul {
	background:url(../images/second_level.png) repeat-y;
	margin-left:-14px;
	padding: 7px 0;
}

.left_col li li{
	font-size:0.8em;
	margin-left:22px;
	line-height:25px;
}

/* Horizontal navigaiton */

.horizontal_nav {
	width:690px;
	height:35px;
	background-color:#000000;
	margin:-36px 5px 0 5px;
	float:left;
	display:inline;
	position:relative;
	color:Red;
}

.horizontal_nav li {
	float:left;
}

.horizontal_nav li a {
	display:block;
	height:35px;
	width:auto;
	/*text-indent:-999999px;*/
	text-indent:9px;
	color:#fff;
	font-size: 1.4em;
	margin-top:7px;
	text-decoration:none;
}

.horizontal_nav li a:hover {
	color:#FF639C;
	text-decoration:none;
}

/*
.new-products {
	width:40px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position:0 0;
}

.new-products a:hover {
	width:99px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position:0 -35px;
}


.gift-ideas {
	width:76px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -99px 0 ;
}

.gift-ideas a:hover {
	width:76px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -99px -35px ;
}

.special-offers {
	width:105px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -175px 0 ;
}

.special-offers a:hover {
	width:105px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -175px -35px;
}

.press {
	width:40px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -275px 0 ;
}

.press a:hover {
	width:40px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -275px -35px ;
}


.about-zpm {
	width:82px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -311px 0 ;
}

.about-zpm a:hover {
	width:82px;
	background:url(../images/hor_nav.gif) no-repeat;
	background-position: -311px -35px ;
}
*/

/* Footer Navigation */

.clicktotop {
	margin: -30px 0 0 -180px;
}

.clicktotop a:visited {
	text-decoration:none;
}

.footer ul {
	text-align:center;
}

.footer li { 
	display:inline; 
	list-style:none;
	padding:0 5px; 
	margin:-2px !important; 
	margin-right:0;
	font-size:1.1em;
	line-height:1.4em;
} 

.footer li a { 
	text-decoration:none;
	color:#666666; 
} 

.footer li a:hover { 
	text-decoration:underline; 
}

/* Search Bar */

.search-bar {
	width:160px;
	height:23px;
	border: 1px #cccccc solid;
	margin: 6px 0;
	float:left;
	line-height:23px;
	padding-left:5px;
	font-family:"Trebuchet MS";
	font-size:13px;
	display:inline;
}

.search-text {
	float:left;
	font:"Trebuchet MS";
	font-size:1.2em;
	color:#FFFFFF;
	line-height:35px;
	margin-right:5px;
	display:inline;
}

legend .search {
	width:0;
	height:0;

}

.search .submit {
	width:30px;
	height:35px;
	border:none;
	background:url(../images/go.gif) no-repeat;
	margin: 3px 0 2px 5px;
}
	

/* Central Content */

/* SKU and Product listing Page */

.product-wrapper {
	width:163px;
	float:left;
	margin: 20px 0px 20px 0px;
	text-align:center;
	display:inline;
	overflow:hidden;
}

.category-overview {
	width:163px;
	text-align:center;
	height:200px;
	float:left;
}

.category-overview p {
	text-align:center;
	margin: 10px 0 0 0;
}

.product-overview {
	width:163px;
	text-align:center;
	height:270px;
}

.product-overview img {
	margin: 0 0 5px 0;
}

.product-overview p {
	text-align:center;
	margin: 10px 0 0 0;
}

.buyitnow a {
	width:93px;
	height:45px;
	background:url(../images/buy-it-now.png) no-repeat;
	display:block;
	text-indent:-99999px;
	margin: -45px 0 0 5px;
	float:left;
	position:relative;
}

.detail a {
	width:37px;
	height:36px;
	float:left;
	background:url(../images/detail.png) no-repeat center;
	display:block;
	margin:-36px 10px 0 120px;
	text-indent:-999999px;
	display:inline;
	position:relative;
}

.more a {
	width:37px;
	height:36px;
	float:right;
	background:url(../images/detail.png) no-repeat center;
	display:block;
	margin:0px 10px 0 10px;
	text-indent:-999999px;
}

/* Individual Product Page */

.product-shots {
	width:260px;
	float:left;
	text-align:center;
	display:inline;
}

.product-shots img  {
	margin-bottom:10px;
}

.product-text {
	width:200px;
	float:right;
	margin: 0 15px 0 0;
}

.price {
	font-size:2.0em;
	color:#000000;
	line-height:2.5em;
}

.stocklevel {
	font-size:2.0em;
	color:#000000;
	float:right;
}

.outofstock {
	font-size:2.0em;
	color:#000000;
	float:right;
	padding-top:10px;
	clear:both;	
}

.stockreminder 
{
	font-size:1.3em;
	width:160px;
	margin-top:-75px;
	float:right;
}

.emailinstock a {
	width:200px;
	height:59px;
	float:right;
	background:url(/images/email-when-back-in-stock.png) no-repeat center bottom;
	display:block;
	margin:30px 0 0 0;
	text-indent:-99999px;
}

.stockreminderset
{
	font-size:1.3em;
	color:#000000;
	float:right;
	clear:both;
	width:200px;
	text-align:right;
	padding-top:20px;
}

.addtobag a {
	width:200px;
	height:59px;
	float:right;
	background:url(../images/add-to-basket.png) no-repeat;
	display:block;
	margin:0 0 10px 0px;
	text-indent:-999999px;
}

.seemorebags a {
	width:200px;
	height:59px;
	float:right;
	background:url(/images/see-more-bags-large.gif) no-repeat;
	display:block;
	margin:2px 0 0 0;
	text-indent:-99999px;
}

.clicktoenlrg a {
	width:190px;
	height:29px;
	background:url(../images/click-to-enlarge.png) no-repeat;
	display:block;
	margin:10px auto;
	text-indent:-999999px;
}

.closeupthumb {
	width:85px;
	height:85px;
	display:inline;
}

.relatedproductshdr {
	clear:both;
	font-size: 1.6em;
	color:#FF6699;
	margin: 10px 0;
	font-weight:bold;
}

.relatedproducts {
	float:left;
	width:90px;
	margin: 0 15px;
	font-size:1.1em;
	text-align:center;	
}

/* Checkout */

.checkout-wrapper {
	width:716px;
	margin: 0 auto;
	background:url(../images/chk-wrapper_bg.png) repeat-y top;
	/*position: relative;*/
	min-height: 100%;
}

.checkout {
	width:690px;
	margin:24px auto 80px auto;
}

.stage {
	float:right;
	margin: -50px 0 0 0;
	position:relative;
}


.chk-foot {
	width:716px;
	height:40px;
	margin: -40px auto 0 auto;
	clear:both;
	padding: 0;
	position:relative;
}

/* FORMS */

legend {
	margin-left:10px;
	font-size:1.5em;
	color:#FF6699;
	line-height:1.5em;
}

fieldset {
	border: #666666 1px solid;
	width:210px;
	float:left;
	margin-left:25px;
	display:block;
	padding-bottom:10px;
}

.checkout label {
	clear: both;
	float: left;
	display: block;
	width: 160px;
	font-weight: bold;
	margin: 10px 0 0px 10px;
	font-size:1.2em;
	position:relative;
	display:inline;
}




.checkout .input {
	height:23px;
	display: block;
	width: 160px;
	float:left;
	background-color:white;
	margin-top:3px;
	padding-left:3px;
	border:#CCCCCC 1px solid;
	position:relative;
	display:inline;
}

textarea {
	height:69px;
	display: block;
	width: 160px;
	float:left;
	background-color:white;
	margin-top:3px;
	padding-left:3px;
	overflow:hidden;
	font-family:"Trebuchet MS";
	border:#CCCCCC 1px solid;
	font-size:12px;
	position:relative;
}

select {
	overflow:hidden;
	width:190px;
	border:#CCCCCC 1px solid;
}
.checkout input.checkBox {
	width:15px;
	height:15px;
	margin: -12px 0 0 10px;	
}

.checkboxTxt {
	margin-left:30px;
	width: 140px;
}

fieldset p {
	margin: 10px 10px 10px 10px;
}

/* Submit Buttons */

.checkout .submit { /* This is the Global rule for all submit buttons */
	border:none;
	height:45px;
	margin: 10px 0 0 10px;
	cursor:pointer;	
}
 
/* These are individual stylings for submit buttons */

fieldset .continuetosummary {
	width:150px;
	background:url(../images/continuetosummary.png) no-repeat;
}

.continuetopayment {
	width:150px;
	background:url(../images/continuetopayment.png) no-repeat;
}

fieldset .login {
	width:75px;
	height:45px;
	background: url(../images/login.png) no-repeat;
	margin-left:-10px;
}

fieldset .newcustomer {
	width:140px;
	background:url(../images/register-checkout.png) no-repeat;
}

fieldset .checkOut {
	width:90px;
	background:url(../images/checkout.png) no-repeat;
}

fieldset .vouchernumber {
	width:115px;
	background:url(../images/apply-voucher.png) no-repeat;
}

.remember{
	margin-left:10px; 
	margin-top:-13px;
	float:left;
}


/* Checkout Summary */

table {
	clear:both;
	width:100%;
	font-size:1.2em;
	margin: 20px 0;
	border-collapse:collapse;
	text-align:left;
}

caption {
	display:none;
}

th {
	color:#FF6699;
	font-weight:bold;
	font-size:1.2em;
	padding:3px;
}

td {
	padding:3px;
}

.messages {
	border:#FF0000 solid 1px;
	padding:3px;
}

.was {
	display:inline;
	text-align:center;
	padding-right:5px;
	color:#FF6699;
	text-decoration:line-through;
}

.wasdetail {
    display:block;
    text-align:right;
    font-size:1.1em;
    width:200px;
    margin-bottom: 0px !important;
	color:#FF6699;
	text-decoration:line-through;
}

.now {
	display:inline;
	text-align:center;
	font-size:1.1em;
	color:#000000;
    text-align:right;
}

.nowdetail {
    display:block;
    text-align:right;
    font-size:1.1em;
    width:200px;
    margin-bottom: 0px !important;
    color:#000000;
}

.rrp {
    display:block;
    padding-right:5px;
    color:#FF6699;
    font-size: 0.8em !important;
    text-align:right;
    width:200px
}

.stockcount{
	display:inline;
	text-align:center;
	font-size:1.1em;
	color:#f00;
    text-align:right;
}

.ShippingUnavailable
{
	color:#FF6699;
	text-align:right;
	padding-left:50px;
}

/* Press Page */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}
 
.presspiece {
	width:228px;
}

.presspiece img {
	margin-bottom:5px;
}

.outer-form {
	display: table-cell;
	# /* This is a hack for safari so that i cant read display cell*/
} 

.MinimumOrder {
    float:right; 
    width: 140px; 
    height: 45px; 
    text-align:center;
    padding-top:15px;   
}

.error 
{
    color: #f00;
}

.WholesaleCentre {
	margin: 11px 23px 60px 23px; /* Bottom Margin 60px to clear Footer and create a space */	
}

.WholesaleCentre p {
	margin-bottom:10px;
	font-size:1.3em;
}

.WholesaleCentre ul {
	list-style:none;
	font-size:1.3em;
	margin-bottom:1.3em;
}

.WholesaleCentre ol {
}
 
.WholesaleCentre li {
	list-style:decimal;
	margin-left: 15px;
}

.WholesaleCentre a {
	color:#FF6699;
	text-decoration:none;
}

.WholesaleCentre a:hover {
	text-decoration:underline;
}

.WholesaleCentre a:visited {
	text-decoration:none;
	color:#FF6699;
}

.WholesaleWrapper {
	width:960px;
	margin: 0 auto;
	background:url(../images/wholesale_wrapper_bg.png) repeat-y top;
	min-height: 100%;
	position:relative;
	/*display:table;*/
	/*border: 1px solid #000;*/
}

.WholesaleHorizontal_nav {
	width:935px;
	height:35px;
	background-color:#000000;
	margin:-36px 5px 0 5px;
	float:left;
	display:inline;
	position:relative;
	color:Red;
}

.WholesaleHorizontal_nav li {
	float:left;
}

.WholesaleHorizontal_nav li a {
	display:block;
	height:35px;
	width:auto;
	/*text-indent:-999999px;*/
	text-indent:9px;
	color:#fff;
	font-size: 1.4em;
	margin-top:7px;
	text-decoration:none;
}

.WholesaleHorizontal_nav li a:hover {
	color:#FF639C;
	text-decoration:none;
}

.Wholesaleheader {
	height:156px;
	width:945px;
	margin:0 auto;
	background-color:#FFFFFF;
}

.Wholesalelogo {
	height:156px;
	width:65px;
	margin-left:-65px;
	background:url(../images/logo.gif) no-repeat #000000;
	float:left;
	display:block;
	position:relative;
}

.Wholesalelogo a {
	height:156px;
	width:65px;
	display:block;
	text-indent:-999999px;
}

.Wholesalefooter {
	width:960px;
	height:40px;
	margin: -40px auto 0 auto;
	position:relative;
}
.Wholesalefooter ul {
	text-align:center;
}

.Wholesalefooter li { 
	display:inline; 
	list-style:none;
	padding:0 5px; 
	margin:-2px !important; 
	margin-right:0;
	font-size:1.1em;
	line-height:1.4em;
} 

.Wholesalefooter li a { 
	text-decoration:none;
	color:#666666; 
} 

.Wholesalefooter li a:hover { 
	text-decoration:underline; 
}