/* 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; }
select#quantity { width:40px; }
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; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 5px; }
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 { text-align: left; background: #333; padding: 0; width: 920px; /*height: 140px;*/ margin: auto; }
a#logo { float: left; clear: left; margin: 5px 0 5px 0; }
/* Top Menu */
ul#top_menu { font-size: 1em; font-style: normal; color: #ccc; padding: 10px 0 20px 0; margin: 0; text-align: right; font-weight: bold; }
ul#top_menu li { display: inline; border-left: 1px #808080 solid; padding: 0 10px; margin: 0; }
ul#top_menu li.first { border-left: none; }
ul#top_menu li a { color: #ccc; text-decoration: none; }
ul#top_menu li a:hover, ul#top_menu li a:focus { color: #8bc53f; }
/* Currencies Menu */
ul#currencies { float: right; margin: 5px 0 0 0; padding: 0; }
ul#currencies li { list-style-type: none; display: inline; margin: 0 0 0 5px; }
ul#currencies li input { width: 30px; border: 2px solid #8bc53f; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
ul#currencies li img { width: 30px; border: 2px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px #8bc53f; -webkit-box-shadow: 0 0 5px #8bc53f; box-shadow: 0 0 5px #8bc53f; }
/*Basket - Added by Sam 01/11/11*/
div.goog-pay {
margin: 20px 20px 0 20px;
}
/* Categories */
ul#main_menu { font-weight: bold; text-align: center; padding: 20px 0 10px 0; margin: 0; font-size: 1.2em; color: #ccc; position: relative; clear: both; }
ul#main_menu li { list-style-type: none; display: inline; border-left: 1px solid #808080; padding: 5px 14px; margin: 0; color: #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
ul#main_menu li.first { border-left: none; margin: 0; }
ul#main_menu li:hover { color: #8bc53f; }
ul#main_menu li a { text-decoration: none; color: #ccc; }
ul#main_menu li a:hover, ul#main_menu li a:focus { color: #fff !important; }
ul#main_menu li.featured a { text-decoration: none; color: #f00; }
ul#main_menu li:hover a, ul#main_menu li.active a { color: #333; }
ul#main_menu li:hover a:hover, ul#main_menu li.active a:hover { color: #fff; }
ul#main_menu li ul.subcategories a { color: #ccc; background: transparent !important; }
ul#main_menu li:hover, ul#main_menu li.active { background: #8bc53f; color: #ccc; }
ul#main_menu li.featured:hover, ul#main_menu li.featured.active { background: #f00; color: #ccc; }
ul#main_menu li ul.subcategories li { background: transparent !important; }
ul#main_menu li strong a { color: #8bc53f !important; }
ul#main_menu li.featured strong a { color: #f00 !important; }
ul#main_menu li strong a:hover { color: #fff !important; }
ul#main_menu li ul.subcategories { font-weight: normal; /*text-align: left;*/ color: #ccc; z-index: 80; position: absolute; left: -10px; top: 39px; margin: 0; padding: 1px 10px 1px 10px; margin: 0; width: 920px; height: 230px; display: none; background: #333 url("../gfx/layout/background-subcategories.jpg") bottom left no-repeat; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; border: 2px solid #8bc53f; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul#main_menu li.featured ul.subcategories { border: 2px solid #f00; }
ul#main_menu li:hover ul.subcategories { display: block; }
ul#main_menu li ul.subcategories li { display: block; float: left; width: 20%; border-width: 0; margin: 0; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
ul#main_menu li ul.subcategories li a { display: block; margin: 2px 10px; }
ul#main_menu li ul.subcategories li.clear_both { float: none; }
ul#main_menu li ul.subcategories li.clear_left { float: none; width: 100%; }
ul#main_menu li ul.subcategories li ul { margin: 0; padding: 0; }
ul#main_menu li ul.subcategories li ul li { float: none; width: auto; margin: 0; padding: 0; }
/*ul#main_menu li ul.brands { overflow: auto; }
ul#main_menu li ul.brands li { width: 19.5%; }*/
/*Lines 148 and 149 commented out and replaced with lines 151 and 152, by Sam 29-11-2011. This causes the "brands" main-menu drop-down to be narrower.*/
ul#main_menu li ul.brands { width: 200px; overflow: auto; }
ul#main_menu li ul.brands li { display: block; float: none !important; width: auto !important; text-align: left !important; }
/* Container */
div#container { padding: 0; margin: 0 auto; clear: both; background: #fff url("../gfx/layout/background-container.jpg") top center repeat-y; color: #000; text-align: center; }
/* Inner */
div#inner { clear: both; width: 920px; margin: auto; background: #ccc url("../gfx/layout/background-inner.jpg") top left repeat-x; padding: 1px 20px; /*-moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333;*/ text-align: left; }
/* Homepage Block */
div#big_block { height: 300px; margin: 10px auto 0 auto; padding: 0; background: #333; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; }
div#big_block a.left { margin: 0 10px 0 0; }
div#big_block object { margin: 0 10px 0 0; float: left; }
div#big_block h1 { font: bold 1.7em Arial, Helvetica, sans-serif; color: #8bc53f; margin: 0; padding: 20px 10px 0 0; }
div#big_block p { font: 1.3em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 10px 42px 0 10px; line-height: 135%; }
div#big_block p#block_end { height: 1px; width: 1px; margin: 0 0 0 646px; padding: 0; }
#free_shipping { z-index: 100; position: absolute; left: auto; top: auto; margin: -40px 0 0 200px; }
/* Large Banner */
div#small_block { text-align: left; height: 147px; margin: 10px auto 0 auto; padding: 0; background: #333; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; }
a#banner_link { float: right; clear: right; margin: 0; }
/* Phone Box */
div#phone_box { clear: both; float: left; background: #333; height: 85px; width: 250px; padding: 0; margin: 10px 10px 0 0; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
div#phone_box h2 { font: 1.9em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 11px 0 0 10px; }
div#phone_box address { font: bold 3.4em Arial, Helvetica, sans-serif; color: #8bc53f; margin: 0; padding: 2px 0 0 10px; }
/* Search Box */
form#search_box { float: right; background: #333; height: 85px; width: 655px; padding: 0; margin: 10px 0 0 0; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
form#search_box h2 { font: 1.9em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 11px 0 0 10px; }
form#search_box p { padding: 0; margin: 10px; background: #fff; text-align: right; }
form#search_box p input.text { border-width: 0; margin: 0 10px 0 0; width: 525px; font-size: 1.1em; }
form#search_box p input.button { border-width: 0; padding: 2px 5px; color: #333; font-size: 1.2em; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
/* Dictionary Assist */
/*ul#search_dictionary { display: none; width: 635px; padding: 0 0 10px 0; margin: -10px 0 0 10px; background: url("../gfx/layout/background-inner.jpg") repeat-x scroll left top #ccc; position: absolute; left: auto; top: auto; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; }*/
ul#search_dictionary { border: 2px solid #8bc53f; border-top: none; display: none; width: 631px; padding: 5px 0 0 0; margin: -10px 0 0 10px; background: url("../gfx/layout/background-subcategories.jpg") no-repeat scroll left bottom #333; position: absolute; left: auto; top: auto; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; }
ul#search_dictionary li { list-style-type: none; display: inline; margin: 0; padding: 0; }
ul#search_dictionary li a { padding: 3px 0; display: block; width: 315px; text-decoration: none; text-indent: 15px; float: left; }
ul#search_dictionary li a:hover { color: #fff; background: #8bc53f; }
/*ul#search_dictionary li a#search_dictionary_close { color: #8bc53f; background: #fff; border: 2px solid #8bc53f; float: right; width: 50px; text-indent: 0px; text-align: center; }*/
ul#search_dictionary li a#search_dictionary_close { float: right; margin: 10px; width: 50px; text-indent: 0px; border: 1px solid #333; background: #8bc53f; color: #333; text-align: center; font: bold 1em Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 5px; }
ul#search_dictionary li a#search_dictionary_close:hover, ul#search_dictionary li a#search_dictionary_close:focus { background: #47A228; color: #ff0; }
/* Left Column */
div#left_column { width: 250px; float: left; margin: 10px 0; }
div#left_column div.leftbox { background: #fff; padding: 10px; margin: 0 0 10px 0; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
div#left_column div.leftbox h2 { margin: 0 0 10px 0; }
div#left_column div.leftbox img { margin: 0; }
div#left_column div.leftbox a { text-decoration: none; color: #8bc53f; }
div#left_column div.leftbox a:hover { text-decoration: none; color: #333; }
/* Social Icons */
ul#social_icons { padding: 0; margin: 0; clear: both; text-align: center; }
ul#social_icons li { display: inline; padding: 0; margin: 0; }
ul#social_icons li a { opacity: 0.8; }
ul#social_icons li a:hover { opacity: 1; }
/* Latest News */
div#left_column ul#latest_news, div#left_column ul#latest_music_news { padding: 0; margin: 0; font-size: 1em; text-align: left; }
div#left_column ul#latest_news li, div#left_column ul#latest_music_news li { padding: 5px 0; margin: 5px 0; border-bottom: 1px #999 solid; list-style-type: none; }
div#left_column ul#latest_news li h3, div#left_column ul#latest_music_news li h3 { margin: 5px 0; }
div#left_column ul#latest_news li p, div#left_column ul#latest_music_news li p { margin: 5px 0; }
/* Mini Product Lists */
div#left_column ul.mini_product_list { padding: 0; margin: 0; font-size: 1em; text-align: left; }
div#left_column ul.mini_product_list li { padding: 1px 0; margin: 0; border-bottom: 1px #999 solid; list-style-type: none; }
div#left_column ul.mini_product_list li img { float: left; margin: 0 5px 5px 0; }
div#left_column ul.mini_product_list li p { margin: 5px 0; padding: 0; }
div#left_column ul.mini_product_list li p.clear_both { margin: 0; padding: 0; height: 1px; font-size: 1px; }
/* Content */
div#content { width: 635px; float: right; background: #fff; padding: 10px; margin: 10px 0 0 0; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
div#content h1 { margin: 0 0 10px 0; padding: 5px; background-color: #8bc53f; color: #333; font-size: 1.6em; text-align: left; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
div#content h1.featured { background: #f00; color: #fff; }
div#content p { text-align: justify; }
/* Meet the Team */
ul#the_team { margin: 0; padding: 0; }
ul#the_team li { float: left; width: 25%; text-align: center; margin: 0; padding: `px 0; list-style-type: none; height: 200px; }
ul#the_team li img { margin: 3px auto; display: block; padding: 3px; background: #fff; border: 2px solid #8bc53f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }
ul#the_team li strong { display: block; }
/* 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; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
ul.small li { height: 238px; }
ul.product_list li 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; -moz-border-radius: 0 14px 0 0; -webkit-border-radius: 0 14px 0 0; border-radius: 0 14px 0 0; }
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 { clear: both; margin: 5px auto; padding: 0; width: 940px; }
#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 { 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: 276px; height: 155px; }
#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: block; position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; }
/* 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; }
/* Pop up Warranty form */
#warranty_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; }
#warranty_form h3 { margin: 5px; }
#warranty_form p { margin: 5px; }
#warranty_form input.text { font-size: 1.5em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#warranty_form textarea { font-size: 1.2em; width: 290px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* Pop up Contact form */
#alert_message { 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; }
#alert_message h3 { margin: 5px; }
#alert_message p { margin: 5px; }
/* Checkout Sagepay Payments */
iframe#sagepay_payment { width: 621px; height: 600px; border: none; }
body.iframe { background: #fff; color: #000; text-align: left; }
body.iframe h1 { margin: 15px 0; padding: 0; }
/* Live Chat Box */
div#LiveChat_1297246873 { position: fixed; right: 20px; bottom: 100px; z-index: 999999; padding: 10px; margin: 0; background: #fff; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; border: 2px solid #8bc53f; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#LiveChat_1297246873 img { display: block; }
/*div#LiveChat_1297246873 { padding: 10px; }
div#LiveChat_1297246873 img { display: block; }*/
/* 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;
}
#categoryImage {
float: right;
margin: 0 0 20px 20px;
}
#discontinuedNotice {
font-weight: bold;
background: #333333;
color: #fff;
padding: 6px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.thumbnail { margin-top: 5px; } /*added by Sam 30-11-2011*/
/* added by Jonathan, 6th January, 2012 */
#financeButtonContainer a {
text-decoration: none;
display: block;
}
#financeButton {
padding: 8px 12px;
margin: 10px auto 0;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-color: #8bc53f;
font-size: 1.2em;
font-weight: bold;
width: 120px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8bc53f), to(#58920c));
background-image: -webkit-linear-gradient(top, #8bc53f, #58920c);
background-image: -moz-linear-gradient(top, #8bc53f, #58920c);
background-image: -ms-linear-gradient(top, #8bc53f, #58920c);
background-image: -o-linear-gradient(top, #8bc53f, #58920c);
}
#financeButton {
color: yellow;
/*
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
*/
}
#financeButton:hover {
color: #fff;
/*
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
*/
}