/*
Title:      Storesprite Ecommerce - Default Template CSS
Author:     vince@storesprite.com - www.storesprite.com
Copyright:  2010 Lamp Design Ltd t/a Storesprite.  All rights resevered.
*/
/* Reset 
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;border: 0;outline: 0;background: transparent;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0;}
/* Basic utility classes 
--------------------------------------------- */
.hidden {  display:none; }
.clear { clear: both;height: 0;margin: 0;padding: 0;}
.spacer-a { height:10px; }
.spacer-b { height:1px; }
a img { border-width:0; }
b { margin: 0; padding: 0;}
/* Main Styles
--------------------------------------------- */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; color: #8D9296; background: #B1B8C0; }
#wrapper { background:white;}
#container { background: #fff; width: 910px; margin: 10px auto; border: 1px solid #8D9296;}
#header { margin:0 15px 0 15px; }
#logo {margin: 8px 10px 5px 0;padding: 15px 0 7px 0;border-bottom: 1px solid #B1B8C0;width: 155px;float: left;}
#header-inner {float: left;width: 700px;border-bottom: 1px solid #B1B8C0;height: 61px;margin-left: 15px;}
#signed-in { font-size: 0.8em;  float: left; margin:5px 0 0 5px;}
#header-nav {float: left;}
#header-acc {float: right;}
#header-acc li { float: left;margin: 10px 5px 0 5px;}
#header-acc li a {text-decoration: none;color: #336699;font-weight: normal;font-size: 0.8em;}
#micro-basket {color: #8D9296;font-size: 0.8em;float: right;padding: 5px 5px 5px 35px;border-bottom: 1px solid #B1B8C0;border-left: 1px solid #B1B8C0;border-right: 1px solid #B1B8C0;background: #EFF3F6 url(../images/default/basket-dark.png) no-repeat 10px center;}
#micro-basket a {color: #8D9296;display:block;text-decoration: none;}
#micro-basket a .basket-checkout, .basket-checkout   {color: #ff6500;padding: 0 0 0 5px;}
#inner-a {margin-left:15px;float: left;width: 155px;}
#inner-a h3 {text-transform:uppercase;font-size: 0.8em; color: #8D9296;}
#h-basket {font-size: 0.8em;}
#h-basket-total { border: 1px solid #B1B8C0; font-size: 0.9em;font-weight: normal;padding: 3px 0 3px 0;background: #EFF3F6;}
#h-basket-empty {padding: 0 0 5px 10px;}
#inner-a .box {padding: 5px 0 10px 0;border-bottom: 1px solid #B1B8C0;  margin: 0 0 5px 0;}
#inner-a .textbox {width: 108px;font-size: 0.8em;border: 1px solid #B1B8C0;  background: #fff;color: #8D9296;}
/* View Products Pages
--------------------------------------------- */
/* Sub Categories 
--------------------------------------------- */
.sale-text { color: #ca0000; }
#ordering {font-size: 0.6em;float: left;background: #EFF3F6;padding:5px;margin: 5px 0px 15px 0px;}
#ordering a {background: #aaa;color: #fff;padding:2px 3px 2px 3px;text-decoration: none;}
#ordering a:hover {cursor: pointer;background: #ff6500;}
#ordering .order-selected {background: #336699;}
#category-holder {margin: 10px 0 0 20px;}.category {float: left;margin: 0 5px 15px 5px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #EFF3F6;border-top: 1px solid #EFF3F6;}
.category A { text-decoration: none;}
.category-name A {text-decoration: none;width: 100px;height: 35px;background: #EFF3F6;border-left: 10px solid #fff;border-right: 10px solid #fff;border-bottom: 10px solid #fff;text-align: center;font-size:0.8em;font-style:normal;font-weight:bold;color:#336699;display: block;margin-top: 1px;}
.category-image {position: relative;padding: 0px;width: 100px;height: 100px;border-top: 10px solid #fff;border-left: 10px solid #fff;border-right: 10px solid #fff;}
.category-show {text-align: right;width: 95px;padding: 3px 5px 3px 0px;background: #336699;bottom: 0;position: absolute;font-size:0.5em;font-style:normal;font-weight:bold;line-height:1.0;color:#fff;display: block;}
.category-show A {color:#fff;display: block;}
.category-name A:hover { color: #336699;background: #efefef;}
/* List Tplate 
--------------------------------------------- */
.viewproduct-thumb-image {position: relative;padding: 0px;width: 100px;height: 100px;border: 10px solid #fff;}
.thumb-image { position:absolute;  z-index: 1;  } 
.sale-label-small { position:absolute; top: 0px; left: 0px; z-index: 2; } 
.viewproduct-holder {padding:0px;margin: 10px 10px 0 0px;	width: 680px;}
.viewproduct-image-holder  {float: left;margin-right: 10px;margin-bottom:15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #EFF3F6;border-top: 1px solid #EFF3F6;}
.viewproduct-image-holder A { text-decoration: none;}
.viewproduct-info {text-align: right;width: 95px;padding-right: 5px;margin-left: 10px;padding-top: 3px;padding-bottom: 3px;background: #336699;font-size:0.5em;font-style:normal;font-weight:bold;line-height:1.0;color:#fff;display: block;}
.viewproduct-desc-holder {float: left;}
.viewproduct-desc-holder h3, .viewproduct-desc-holder-wide h3 {margin: 0;padding: 0;}
.viewproduct-desc-holder h3 a, .viewproduct-desc-holder-wide h3 a {font-size: 1.0em;color: #336699;text-decoration: none;margin: 0;padding: 0;}
.viewproduct-price {float: left;font-weight: bold;font-size: 1.1em;color: #ff6500;}
.viewproduct-stock {float: left;margin-left: 10px;font-size: 0.9em;color: #49961a;line-height: 1.8em;height: 1.8em;}
.viewproduct-price select {color: #ff6500;}
.viewproduct-desc-holder p, .viewproduct-desc-holder-wide p {margin: 4px 0 4px 0;padding: 0px;font-size: 0.8em;color: #323232;width:530px;}
.viewproduct-desc-holder-wide p {width:630px;}
.viewproduct-line-a {height: 1px;font-size: 0px;border-top:1px solid #ddd;margin: 4px 0 8px 0;}	
.viewproduct-line-b {height: 1px;font-size: 0px;border-top: 1px solid #ddd;margin: 0 5px 0px 0px;padding-bottom: 4px;}
.viewproduct-inputs {float: right;}
/* Grid Tplate 
--------------------------------------------- */
.viewproduct-holder-grid {float: left;margin: 0 5px 15px 5px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #EFF3F6;border-top: 1px solid #EFF3F6;}
.thumbprod A { text-decoration: none;}
.viewproduct-price-grid {background: #EFF3F6;color: #ff6500;width: 95px;height: 30px;padding-right: 5px;font-weight: bold;font-size:0.7em;text-align: center;border-left: 10px solid #fff;margin-bottom: 3px;margin-top:1px;}
.viewproduct-name A {text-decoration: none;width: 100px;height: 35px;background: #fff;border-left: 10px solid #fff;border-right: 10px solid #fff;border-bottom: 10px solid #fff;text-align: center;font-size:0.6em;font-style:normal;font-weight:bold;color:#336699;display: block;}
.viewproduct-name A:hover { color: #336699;}

/* Pagination links 
--------------------------------------------- */
#nextprev {background: #EFF3F6;padding:5px;margin: 5px 0px 15px 0px;}
#paginate {float:right;font-size: 0.6em;text-align: right;background: #EFF3F6;padding:5px;margin: 5px 0px 15px 0px;}
#paginate a {background: #aaa;color: #fff;padding: 2px 5px 2px 5px;margin: 1px;text-decoration: none;}
#paginate a:hover, #paginate a:active {color: #336699;background: #fff;}
#paginate .pagination-current  {margin: 1px;padding: 2px 5px 2px 5px;background: #336699;font-weight: bold;color: #FFF;}
#paginate a .pagination-disabled {padding:2px 5px 2px 5px;border:1px solid #EFF3F6;color:#DDD;}	
/* Product Display Page
--------------------------------------------- */
#sale-label-big {padding: 20px 0 0 20px;position: absolute;}
#sale-label-big img {border: none;}
#displayproduct-container {width: 100%;}
#displayproduct-anchors {font-size: 0.8em;font-style: italic;color: #336699;}	
#displayproduct-anchors a {color: #336699;text-decoration: none;}
#displayproduct-anchors a:hover {color: #ff6500;}
#displayproduct-image {position: relative;float: left;margin-right: 10px;margin-bottom:10px;}
#sublinks {font-size: 1.2em;margin: 0 10px 0 10px;}
#displayproduct-image-img {border: 0px solid #ddd; }	
#displayproduct-atb {width: 378px;float: right;}
.displayproduct-stock {font-weight:bold;font-size: 0.8em;color: #49961a;margin: 0 0 0px 10px;height: 1.1em;}
#displayproduct-price {color: #ff6500;font-size: 1.2em;font-weight:bold;margin: 0 0 5px 10px;}
#displayproduct-ratings {text-align: right;margin: 0 15px 5px 0;}
#displayproduct-brand {text-align: right;margin-right: 0px;}
#displayproduct-qty {float: left;font-size: 1.0em;margin-top:3px;}
#displayproduct-atcb {float: right;}	
#displayproduct-atbholder {padding:0px 0px 0px 0px;border-bottom: 1px solid #ddd;background: #fff;margin-right: 0px;}
#displayproduct-galleryimages-wrapper {display: none;}
.displayproduct-under-buy { background: #f4f4f4;padding:10px;text-indent: 10px;font-size: 0.9em;margin: 0px 0px 0px 0px;}
.displayproduct-under-buy a {color: #336699;text-decoration: none;}
#displayproduct-desc {padding: 10px;font-size: 0.8em;margin-right: 20px;color: #323232;}
.displayproduct-tabs { border-bottom: 1px solid #ddd;margin: 0 0px 0 0px;}
.displayproduct-tabs ul {list-style-type: none;margin:0;padding: 0;}
.displayproduct-tabs ul li {display:block;float: left;padding: 5px;color: #336699;background: #EFF3F6;margin-right: 10px;font-size: 0.9em;font-weight:bold;border-top: 1px solid #ddd;border-left:1px solid #ddd;border-right: 1px solid #ddd; width: 135px;}
.displayproduct-tabs ul li a {display:block;text-decoration:none;color: #336699;}
/* No Related Items
--------------------------------------------- */
.no-related { margin: 10px 25px 10px 0px; border: 1px solid #ddd; background:#f4f4f4; padding: 5px 10px 5px 10px; font-size: 0.8em; font-style: italic; }
/* Reviews 
--------------------------------------------- */
.review-notes { font-size: 0.8em; padding: 10px 5px 5px 20px;}
.review { margin: 10px 25px 20px 20px; border: 1px solid #ddd; }
.review-reviewer { background:#fff; border-bottom: 1px solid #ddd; font-size: 0.8em; padding: 2px 5px 2px 5px; }
.review-text {background:#f4f4f4; padding: 5px 10px 5px 10px; font-size: 0.8em; font-style: italic; }
/* Button styles [css3 styles applied via js]
--------------------------------------------- */
.form-button { background: #7fbf4d;border: 1px solid #63a62f;border-width: 1px 1px 0 1px;color: #fff;font-family: "lucida grande", sans-serif;font-size: 0.8em;font-weight: bold;line-height: 1;padding: 3px 2px 3px 2px;text-align: center;}
.small-form-button { font-size: 0.7em;}
.form-button:hover { background: #5a962c;cursor: pointer;}
.form-button:active { background: #7fbf4d;border-width: 0 1px 1px 1px;padding: 3px 0 2px 0;}
/* Common inner page components */
#inner-content {margin: 0 0 15px 25px;float: left;width: 690px;}
#breadtrail {font-size: 0.7em;color: #8D9296;}
#breadtrail a {color: #8D9296;text-decoration: none;}
#breadtrail a:hover {color: #8D9296;border-bottom: 1px dotted #8D9296;}
#accmenu li a {float: left;padding: 0px 0px 10px 15px;	color: #336699;}
#accmenu li a:hover {color: #ff6500;}

/* Notes & Messages */
.notes { padding: 10px;margin: 10px 0px 20px 15px;border: 1px solid #336699;background: #DEEEFF;color: #336699;font-size: 0.8em;}
#messages { padding: 10px;margin: 10px 0px 20px 15px;border: 1px solid #ff6500;background: #ffff99;color: #ff6500;font-size: 0.8em;}
/* Footer */
#footer-powered {float: right;}
/* Forms & Labels */
label { float:left;width:150px;padding:0 1em;text-align:right; font-size: 0.8em; margin-top: 2px;color: #8D9296;}
label { display: inline-block; width: 125px; vertical-align:top;  }
input, select, textarea  { margin-bottom:5px; font-size: 0.9em; border: 1px solid #B1B8C0; background: #fff;color: #323232;  }
textarea  { margin-bottom:5px;}
fieldset p { margin: 0 5px 10px 14px; font-size: 0.9em; }
fieldset {margin: 10px 0 0 10px;/*padding: 0em 0.5em 0.5em 0;*/}
legend {font-size:0.9em;font-weight:bold; color: #8D9296; margin: 10px 5px 10px 5px; /*padding: 0 5px 0 5px;*/}
.req {margin: 0 0 0 3px;color: #ff6500;font-weight:bold;font-size: 0.8em;}
.Default {background: #ffff99;}
.form-bottom { text-align: right;margin: 10px 0 0 0;}
.ro-tick { float:left;margin-left: 20px;}
.ro-label{ float:left;width: 250px;padding:0 0.1em;text-align:left; font-size: 0.8em; cursor: pointer;font-weight:normal;}
#displayproduct-atbholder label { width:40px; }
/* Post Code Anywhere Placeholder */
#return_PCA { width: 400px;}
/* Live Validation */
.LV_validation_message{font-weight:normal;margin:0 0 0 5px;font-size: 0.8em;}
.LV_valid {color:#49961a;margin-left: 5px;background: url(/images/default/accept.png) no-repeat left;padding-left: 20px;}	
.LV_invalid {color:#ff6500;margin-left: 5px;background: url(/images/default/error.png) no-repeat left;padding-left: 20px;}
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active {border: 1px solid #49961a; }   
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #ff6500; }
/* Selectdelivery address */
#inner-content table { margin: 0 15px 0 10px; /*width: 645px; */}
#inner-content .wider { width: 680px; }
#inner-content fieldset td p {margin: 0; padding: 0;}
#inner-content fieldset td pre.lineinfo {	margin: 0; padding: 0;font-family: Arial,Helvetica,sans-serif; margin-bottom:5px; font-size: 0.9em; }
#inner-content fieldset td p a {margin: 0; padding: 0; }
#inner-content td.filled {  background: #EFF3F6; padding: 10px; width: 60px;}
#inner-content td.filled-shallow { background: #EFF3F6; }
#inner-content td.txt {  padding:15px 0 5px 10px; font-size: 0.8em;}
#inner-content td.txt-right {  text-align:right; padding-right:10px}
#inner-content td.button { text-align: right; }
#inner-content td.total { background: #EFF3F6; padding:4px 10px 4px 0px; text-align: right; font-size: 0.9em;}
#inner-content td.grand {  font-size: 1.2em;}
#inner-content td .lineinfo, .lineinfo { font-size: 1.1em; margin-top: 5px; }
#inner-content td .lineinfo input { font-weight:bold; font-size: 0.9em; border: 1px solid #8D9296; width: 30px; }
#inner-content td .lineinfo A, .lineinfo A { text-decoration: none; color:#336699; }
#inner-content td .lineinfo A:hover, .lineinfo A:hover { text-decoration: none; color:#ff6500; }
#inner-content td .discounted { color:#ff6500; }
#inner-content td.spacer { height: 4px; background: #fff; border-top: 1px solid #ddd; }
#inner-content A.utility-link { font-style: italic; font-size: 0.9em; color: #336699; text-decoration: none; text-align: left;}
#inner-content A:hover.utility-link { color: #ff6500; }
#inner-content tr.alt { background: #EFF3F6; }
#inner-content tr.basket-row { background: #EFF3F6; }
.fspad { float: left; width: 215px; margin: 0 0 10px 10px; }
.total select { font-size: 0.7em; }

/* Select delivery address */
.fspad { float: left; width: 215px; margin: 0 0 10px 10px; }
.address-inner { height: 135px; margin-left: 15px; font-size: 0.9em; }
.address-inner label {float:left; width:165px; height: 145px;padding:3px;text-align:left; margin:0;font-size: 0.9em; font-weight:normal;}
.fspad label:hover{color: #336699;}
/* Review Order Floats */
.ror { width:50%; float:right; }
.rol { width:50%; float:left;}
/* Special Offers*/
#specialoffers {width: 680px; margin: 10px 0 0 20px; }
.special-thumb-image { margin-bottom: 2px; position: relative; padding: 0px;width: 100px; height: 100px; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff;}
.special-holder { padding:0px; margin: 2px 2px 10px 0px; width: 130px; float: left;}
.special-image-holder  {width: 110px;margin-bottom:3px;border: 1px solid #EFF3F6;}
.special-image-holder A { text-decoration: none;}
.special-desc-holder {width: 110px; text-align: center;}
.special-desc-holder h3 {margin: 0;padding: 0;white-space: normal;}
.special-desc-holder h3 a {font-size: 0.65em;color: #336699;text-decoration: none;margin: 0;padding: 0;white-space: normal; }
.special-price { float: left; font-weight: bold; font-size: 0.8em; color: #ff6500; }
.special-price select { color: #ff6500;}
.special-name {  height:50px; }
.special-desc-holder p { margin: 2px 0 2px 0; padding: 0px; font-size: 0.6em; color: #323232; width:155px;}	
.special-line-a { height: 1px; font-size: 0px; border-top:1px solid #ddd; margin: 2px 0 2px 0; }	

/* Basket */
#discountcode {background:#ffc;padding:10px;margin-bottom:10px;}







/* lightbox css */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}