/*
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;}
p {font-size:1em}
/* Main Styles
--------------------------------------------- */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; color: #8D9296; background: #B1B8C0; }
body {margin:0;font-family:arial;}
#wrapper { background:white;}
#container { background: #fff; width:100%;max-width: 910px; margin: 0.5em auto; border: 1px solid #8D9296;}
#header { margin:0;border-bottom: 1px solid #B1B8C0 }
/*#logo {margin: 8px 10px 5px 0;padding: 15px 0 7px 0;border-bottom: 1px solid #B1B8C0;width:17%;max-width: 155px;float: left;}
*/
#header-inner {float: right;margin-right:3em;min-width:280px;max-width: 700px;height:40px;}
#signed-in { font-size: 0.8em;  float: left; margin:5px 0 0 5px;}
#header-nav {float: left;}
#header-acc {float: right;}
#header-acc li {margin-right:1em;padding:5px 5px 5px 5px;list-style: none; float: left;}
#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:0.5em;float: left;width: 17%;}
#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:15%;max-width: 108px;font-size: 0.8em;border: 1px solid #B1B8C0;  background: #fff;color: #8D9296;}
/* Product Display Page
--------------------------------------------- */
#productdescriptionwrap {background:white}
#productdescriptionwrap h1{margin:.5em 0 .3em 0;color:#178611;font-size:2.5em;}
#productpriceB select{font-size:.8em}
.productpricepad .form-button{display:block;}
.productpricepad {padding-top:20px;}
.productpricepad span {display:block;}
#productpriceB{display:block;color:#333;font-weight:bold; font-size:1em;}
#displayproduct-container {width: 100%;}
#displayproduct-container h2{font-size:1.4em;margin:1em 0;}
#displayproduct-image {min-width:20%;max-width:35%;float: left;margin-right: 1em;}
#displayproduct-image-img {width:100%;border: 0}	
#displayproduct-price {color: #ff6500;font-size: 1.2em;font-weight:bold;margin: 0 0 5px 10px;}
#displayproduct-qty {float: left;font-size: 1em;margin-top:3px;}
#displayproduct-atcb {float: right;}	
#displayproduct-atbX {width:100%;}
.productnote{width: 100%; color: #444444; background: #ffc; border: 2px dashed #bbb;margin: 1em 0;}
#productnoteinternal{padding:1em}
#displayproduct-desc {width:100%;font-size: 1em;color: #323232;}
/* 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: 1em;font-weight: bold;line-height: 1em;margin-top:1em;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;}
/* Common inner page components */
#inner-content {margin: 0 0 1.2em 1em;float: left;width:72%;max-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;}

/* Notes & Messages */
.notes { padding: 10px;margin: 10px 0px 20px 15px;border: 1px solid #336699;background: #DEEEFF;color: #336699;font-size: 1em;}
#messages { padding: 10px;margin: 10px 0px 20px 15px;border: 1px solid #ff6500;background: #ffff99;color: #ff6500;font-size: 1em;}
/* Footer */
/* 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: center;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 15px; /*width: 645px; */}
#inner-content .wider { width:95%;max-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: center; }
#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:#ededed;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;	
}


#h3 {margin-bottom:0.5em;}
#header h1 {padding-top:5px;margin-left:0.5em;color:black;float:left;min-width:110px;max-width:300px;font-size:1.4em;}
#header h1 a{text-decoration:none;color:black;}
h1 a{text-decoration:none;color:black;}
.points-hide {display:none}
#downloadtable {border-collapse: separate; border-spacing: 10px;}
#downloadtable {margin-bottom:20px;background:white;padding:35px;border-top:none;}
 #downloadtable td {border-bottom:1px dashed #ccc;text-align:left;color:black;}
         #downloadtable h3 {text-align:center;margin-bottom:3px;margin-top:4px;font-size:1.5em;}
         #downloadtable td p {margin:0;}
                 #downloadtable tr td p {margin:5px 0 10px 0;}
                         em {color:#808080;font-size:81.7%;display:block;}
                                 #breadtrail, #end {display:none;}
                                 a img {border:none;}
                                 a {color:#262699;}
                                 a:visited {color:purple;}
           #inner-a a:hover {background:yellow;width:100%;}
           #inner-a a{padding:0.8em 0.2em;display:block;text-decoration:none}
           #inner-a h3 {margin-top:2em;margin-bottom:0.5em;color:black;}
                                 /* product page */
           #displayproduct-price select {padding:4px;padding-right:6px;}
                                   .form-button {padding:10px;font-size:120%}
                                    .quote {width: 250px; float: left; margin: 0; margin-top: 15px; background: #A65615; color: white; border: 1px dashed #ddd;  padding: 10px;}
                                    .quote p {margin-bottom:5px}
                                    .l {display:none;}