/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #333; color: #fff; font: 62.8% Arial, Helvetica, sans-serif; text-align: center; }
img { border: none; }
h1 { margin: 15px 0; padding: 5px 10px; font: bold 1.7em Arial, Helvetica, sans-serif; }
h1.main { padding: 0; }
h1.brand { padding: 0; }
h2 { color: #333; margin: 0; border-bottom: #333 1px solid; font: bold 1.5em Arial, Helvetica, sans-serif; }
h2 img { vertical-align: middle; }
h3 { margin: 15px 0; font: bold 1.3em Arial, Helvetica, sans-serif; }
h3.store_title { padding: 5px; }
p { margin: 15px 0; font-size: 1.2em; }
address { margin: 15px 0; font-size: 1.2em; font-style: normal; }
ul, ol { margin: 15px 0; padding: 0 0 0 2em; font-size: 1.2em; font-style: normal; }
li { margin: 4px 0; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
/* Link Colours */
a { color: #8bc53f; }
a:visited { color: #8bc53f; }
a:focus { color: #47A228; text-decoration: none; }
a:hover { color: #47A228; text-decoration: none; }
a:active { color: #080; }
/* Useful Classes */
.error, .errors { color: #f00; }
.left { float: left !important; }
.right { float: right !important; }
img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.hide { display: none; }
img.icon { vertical-align: middle; }
div.column { width: 50%; }
p.click_image { font-weight: bold; }
ol.numerals { list-style-type: lower-roman; }
ol.alpha { list-style-type: lower-latin; }
p.login_field { text-align: right; }
.center { text-align: center !important; }
p span.pence { font-size: 0.7em; vertical-align: top; }
ul.subcategories { padding: 0; }
ul.subcategories li { display: inline; margin: 0; padding: 0 3px 0 5px; border-left: 1px solid #8bc53f; }
ul.subcategories li.first { border-left: none; padding: 0 3px 0 0; }
/* General Forms */
form { display: inline; }
label { float: left; width: 150px; padding: 0 5px 0 0; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { padding: 3px; vertical-align: middle; border: 1px #999 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
input.required, select.required, textarea.required { border-color: #f00; }
select.country { font-size: 0.9em; }
input.button { cursor: pointer; vertical-align: middle; border-width: 0; background: #8bc53f; color: #333; text-align: center; font: bold 1em Arial, Helvetica, sans-serif; }
input.button:hover, input.button:focus { background: #47A228; color: #ff0; }
input.add_to_basket, input.checkout, input.pay { background: #f00; }
input.add_to_basket:hover, input.checkout:hover, input.pay:hover, input.add_to_basket:focus, input.checkout:focus, input.pay:focus { background: #900; }
input.checkout { font-size: 1.3em; }
fieldset { padding: 1px 5px; margin: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #8BC53F; }
legend { padding: 5px 10px; margin: 0 0 0 5px; font-size: 1.4em; font-weight: bold; color: #fff; background: #8BC53F; border: 2px solid #8BC53F; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
input.checkbox { border: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }
fieldset.active { margin: 5px 0; padding: 1px 15px; border: none; }
fieldset.active legend { padding: 3px 10px; margin: 0 0 0 -15px; }
fieldset.inactive { margin: 5px 0; padding: 1px 15px; border: none; }
fieldset.inactive legend { padding: 3px 10px; margin: 0 0 0 -15px; }
fieldset.left, fieldset.right { margin: 10px 0; padding: 1px 5px; border: none; width: 48%; }
fieldset fieldset { padding: 1px 5px; margin: 10px 0; border: none; }
fieldset fieldset legend { padding: 3px 0; margin: 0 0 0 -5px !important; }
/* Tables */
table { width: 100%; margin: 0; clear: both; color: #000; background: #fff; font-size: 1em; }
th, td { padding: 2px 5px; }
thead tr { background: #8bc53f; color: #fff; }
thead th { font-size: 1.2em; text-align: center; }
tbody th { font-size: 1em; }
tbody td { font-size: 1.2em; text-align: center; }
tr.even { background: #f6f6f6; }
tr.sub_total { background: #eee; }
tr.vat_total { background: #ddd; }
tr.delivery { background: #ccc; }
tr.grand_total { background: #8bc53f; color: #fff; }
tr.grand_total td, tr.grand_total th { font-size: 1.2em; }
td.functions { text-align: right; }
td.was_price { color: #CD72C7; text-decoration: line-through !important; }
td.save { color: #f00; }
td.now_price { color: #6C2669; font-weight: bold; }
tr.last td { padding: 2px 5px; background: #ececec; border: 1px #dbdbdb solid; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1em; text-align: right; }
table img { vertical-align: middle; }
/* Header */
div#header { display: none; }
/* Top Menu */
ul#top_menu { display: none; }
/* Categories */
ul#main_menu { display: none; }
/* Container */
div#container { }
/* Inner */
div#inner { }
/* Social Icons */
ul#social_icons { display: none; }
/* Homepage Block */
div#big_block { display: none; }
/* Large Banner */
div#small_block { display: none; }
/* Phone Box */
div#phone_box { display: none; }
/* Search Box */
form#search_box { display: none; }
/* Left Column */
div#left_column { display: none; }
/* Latest News */
div#left_column ul#latest_news { display: none; }
/* Mini Product Lists */
div#left_column ul.mini_product_list { display: none; }
/* Content */
div#content { }
div#content h1 { margin: 10px 0; padding: 5px; background-color: #8bc53f; color: #333; font-size: 1.6em; text-align: left; }
div#content p { text-align: justify; }
/* Brands List */
ul#brand_list { padding: 0; margin: 0; font-size: 1em; text-align: center; }
ul#brand_list li { padding: 0; width: 149px; margin: 3px; float: left; list-style-type: none; border: 1px #ccc solid; -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }
ul#brand_list li h3 { margin: 0; padding: 5px; overflow: hidden; white-space: nowrap; color: #333; background: #8bc53f; text-align: left; }
ul#brand_list li a { vertical-align: middle; line-height: 138px; height: 138px; display: block; }
ul#brand_list li a img { vertical-align: middle; }
/* Brand Image */
img#brand_image { margin: 0 0 10px 10px; border: 2px solid #8bc53f; padding: 5px; background: #fff; float: right; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Product List */
ul.product_list { padding: 0; margin: 0; clear: both; font-size: 1em; text-align: left; }
ul.product_list li { padding: 0; height: 288px; width: 149px; margin: 5px 10px 5px 0; float: left; list-style-type: none; border: 1px #ccc solid; -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }
ul.small li { height: 238px; }
ul.product_list li a img.stock_overlay { position: absolute; left: auto; top: auto; margin: 55px 0 0 100px; }
ul.product_list li.row_end { margin: 5px 0; }
ul.product_list li h3 { margin: 0; padding: 5px; text-align: left; color: #333; background-color: #8bc53f; font-size: 1.2em; }
ul.product_list li h4 { height: 40px; margin: 5px; font-size: 1.1em; }
ul.product_list li p.summary { height: 50px; }
ul.product_list li p { margin: 5px; font-size: 1.0em; text-align: left !important; }
ul.product_list li p strong { font-size: 1.8em; /*color: #8bc53f;*/ }
/* Sort Results */
form#sort_results { float: right; padding: 0; margin: 3px 10px 0 0; text-align: right; }
form#sort_results p { padding: 0; margin: 0; }
form#sort_results label { padding: 0; margin: 0; float: none; display: inline; width: auto; }
/* Product Page */
div#product_info { width: 300px; float: right; padding: 10px; margin: 0; border: 1px #ccc solid; -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }
div#product_info p { margin: 0; padding: 5px 15px; }
div#product_info ul.subcategories { margin: 0; padding: 5px 15px; }
div#product_info input.found_it_cheaper { vertical-align: middle !important; }
div#product_info img.right { margin: 5px 20px 0 0; }
ul#product_images { width: 260px; float: left; padding: 0; margin: 0; text-align: center; }
ul#product_images li { display: inline; }
p.price_was { margin: 5px 0; font-weight: bold;}
p.price_then { margin: 5px 0; font-size: 1.4em; font-weight: bold; }
p.price_now { margin: 5px 0; font-size: 1.6em; font-weight: bold; }
p.price_was strong, p.price_then strong { text-decoration: line-through; }
p.price_now strong { font-size: 1.2em; }
div#product_info p.bottom { text-align: right; }
div#product_info p.price_now input { font-size: 0.75em; }
div#product_info input.found_it_cheaper { font-size: 0.8em; }
div#product_info p.clear_both { margin: 0; padding: 0; height: 1px; font-size: 1px; }
/* Breadcrumb Trail */
ul#breadcrumbs { padding: 0; }
ul#breadcrumbs li { display: inline; padding: 0; margin: 0; }
/* Copyright */
p.copyright { clear: both; margin: 5px; padding: 0; text-align: center; font-size: 0.9em; }
/* Footer */
#footer { display: none; }
#footer p { margin:0; padding: 5px 0; clear: both; }
#footer img { }
#footer h2 { border-bottom: #fff 1px solid; color:#fff; text-align: left; font:bold 14px Arial, Helvetica, sans-serif; margin:0; padding:5px 0; }
#footer div { line-height:200%; color: #fff; text-align: left; border-right: 1px solid #fff; float: left; margin: 5px 0 30px 0; padding: 15px 15px 0 20px; width: 199px; height: 270px; }
#footer div.last { border: 0 none; }
#footer div.last ul li a img { float: right; opacity: 0.8; }
#footer div.last ul li a:hover img { opacity: 1; }
#footer div.last ul li { clear: right; }
ul#footer_news { font-size: 1em; }
ul#footer_news li { font-size: 1em; color: #fff; padding: 5px 0; margin: 0; border-bottom-width: 1px; }
ul#footer_news li h3 { font-size: 1.2em; margin: 0; }
ul#footer_news li p { color: #fff; margin: 0; }
/* Pop up Forms overlay */
#login_overlay { display: none; }
/* Pop up Login form */
#login_form { display: none; position: absolute; top: 0; left: 0; padding: 5px 20px; margin: 0; width: 300px; z-index: 10000; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 5px 10px #000000; -webkit-box-shadow: 0 5px 10px #000000; box-shadow: 0 5px 10px #000000; background: #333; border: 10px solid #8BC53F; color: #fff; text-align: left; }
#login_form h3 { margin: 5px; }
#login_form p { margin: 5px; }
#login_form input.text { font-size: 1.5em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* Pop Up Registration form */
#registration_form { display: none; position: absolute; top: 0; left: 0; padding: 5px 20px; margin: 0; width: 500px; z-index: 10000; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 5px 10px #000000; -webkit-box-shadow: 0 5px 10px #000000; box-shadow: 0 5px 10px #000000; background: #333; border: 10px solid #8BC53F; color: #fff; text-align: left; }
#registration_form h3 { margin: 5px; }
#registration_form p { margin: 5px; }
#registration_form input.text { font-size: 1.5em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* Pop up Contact form */
#contact_us_form { display: none; position: absolute; top: 0; left: 0; padding: 5px 20px; margin: 0; width: 500px; z-index: 10000; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 5px 10px #000000; -webkit-box-shadow: 0 5px 10px #000000; box-shadow: 0 5px 10px #000000; background: #333; border: 10px solid #8BC53F; color: #fff; text-align: left; }
#contact_us_form h3 { margin: 5px; }
#contact_us_form p { margin: 5px; }
#contact_us_form input.text { font-size: 1.5em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#contact_us_form textarea { font-size: 1.2em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* Lightbox */
/**
* 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 CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/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%;
zoom: 1;
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;
}