/* 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: #eeeeee; color: #000; font: 62.8% Arial, sans-serif; text-align: center; }
img { border: none; }
h1 { margin: 10px 0; padding: 0; font-size: 2.5em; color: #48693F; }
h2 { margin: 10px 0; padding: 0; font-size: 2em; color: #48693F; }
h3 { margin: 10px 0; padding: 0; font-size: 1.5em; color: #48693F; }
h4 { margin: 10px 0; padding: 0; font-size: 1.3em; color: #48693F; }
p { margin: 10px 0; font-size: 1.2em; }
address { margin: 10px 0; font-size: 1.2em; font-style: normal; }
ul, ol { margin: 10px 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; }
blockquote { margin: 10px; background: #fff; padding: 1px 11px; }

/* Link Colours */
a { color: #48693F; }
a:focus { color: #060; text-decoration: none; }
a:hover { color: #060; text-decoration: none; }
a:active { color: #0f0; }

/* Useful Classes */
.error, .errors { color: #f00; }
.left { float: left !important; }
.right { float: right !important; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.hide { display: none; }
.icon { vertical-align: middle; }
.center { text-align: center !important; }
p.clear_both { clear: both; display: block; height: 1px; font-size: 1px; margin: 0 !important; padding: 0 !important; }
.strip { color: #fff; padding: 3px 0; background: #5B882B; text-align: center; margin: 10px; }
p.mainland_uk_only { padding: 5px 10px; background: #48693F; color: #fff; }
p.mainland_uk_only a { color: #fff; }

/* General Forms */
form { display: inline; }
label { float: left; width: 100px; padding: 0 5px 0 0; }
#door_custom_size label { width: 50px; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { padding: 3px; vertical-align: middle; border: 1px #999 solid;  }
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: #999; color: #fff; text-align: center; font: bold 1.2em Arial, Helvetica, sans-serif; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input.on { background: #666; }
input.button:hover, input.button:focus { color: #ff0; }
input.checkout, input.pay { background: #f00; }
input.add_to_basket { background: #C99657; }
input.add_to_basket:hover, input.add_to_basket:focus { background: #745038; }
input.checkout:hover, input.pay:hover, input.checkout:focus, input.pay:focus { background: #900; }
input.checkout { font-size: 1.3em; }
fieldset { padding: 1px 5px; margin: 10px 0; border: none; }
legend { padding: 0; margin: 0; font-size: 1.2em; font-weight: bold; color: #000; background: none; border: none; }
#category_filters legend { padding: 5px 0; margin: 0 0 0 5px; font-size: 1.2em; font-weight: bold; color: #000; background: none; border: none; }
input.checkbox { border: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }

/* Tables */
table { margin: 10px 0; width: 97%; clear: both; color: #000; background: #fff; font-size: 1em; border-collapse: collapse; }
table a { color: #5B882B; }
table a:visited { color: #5B882B; }
table a:hover { color: #320; }
table a:focus { color: #320; }
th, td { padding: 2px 5px; }
thead tr { background: #E3ECDF; color: #000; }
thead th { font-size: 1.2em; text-align: center; }
tbody th { font-size: 1.2em; text-align: left; }
tbody td { font-size: 1.2em; text-align: center; }
tr.even { background: #f6f6f6; }
tr.sub_total { background: #E3ECDF; }
tr.delivery { background: #f6f6f6; }
tr.grand_total { background: #E3ECDF; color: #000; }
tr.grand_total td, tr.grand_total th { font-size: 1.2em; }
tr.last td { text-align: right; background: #f6f6f6; }
tr.last td input.button { margin: 5px 3px; }
tr.last td input.checkout { margin: 3px; }
td.was_price { color: #CD72C7; text-decoration: line-through !important; }
td.save { color: #f00; }
td.now_price { color: #6C2669; font-weight: bold; }
table img { vertical-align: middle; }
td.delivery_choice { text-align: left; font-size: 1em; }
table caption { text-align: left; font-size: 1.3em; color: #48693F; font-weight: bold; }

div#body { width: 960px; padding: 1px 0; margin: 0 auto; background: #fff; }

/* Header */
div#header { width: 950px; margin: 0 auto; height: 100px; text-align: left; padding: 0; border-bottom: 5px solid #48693F; }

ul#social_networking { float: right; padding: 0; margin: 3px 0; }
ul#social_networking li { display: inline; list-style-type: none; margin: 2px 0; }
ul#social_networking li a { text-decoration: none; }

a#shopping_basket { color: #000; display: block; float: right; margin: 5px; height: 21px; line-height: 21px; border: 2px solid #C9DAC1; background: #C9DAC1 url("../gfx/layout/background-shopping-basket.jpg") bottom left repeat-x; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 0 3px; font-size: 1.1em; }
a#shopping_basket:hover { color: #48693F; border: 2px solid #48693F; }
a#shopping_basket img { vertical-align: middle; padding: 0; margin: -3px 0 0 0; }

span#mini_basket_holder { position: relative; }

form#search_form { color: #000; display: block; text-align: right; float: right; margin: 5px; height: 21px; border: 2px solid #C9DAC1; background: #fff url("../gfx/layout/background-search-input.jpg") top left repeat-x; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 0 0 0 3px; }
form#search_form p { font-size: 1em; padding: 0; margin: 0; }
form#search_form input.button { vertical-align: middle; padding: 0; margin: 0; }
form#search_form input.text { vertical-align: top; border: none; background: transparent; padding: 0; margin: 0; font-size: 1.1em; margin: 0; }

ul#top_menu { font-size: 1.1em; padding: 0; margin: 10px 5px 0 0; float: right; position: relative; }
ul#top_menu li { display: inline; margin: 0; padding: 0 5px 0 8px; border-left: 1px solid #000; }
ul#top_menu li.first { border-left: none; }

p#free_advice { float: right; clear: right; font-size: 1.4em; margin: 3px 0; padding: 0; width: 650px; text-align: right; }
p#free_advice strong { color: #669459; }

ul#categories { float: right; clear: right; margin: 0; padding: 0; width: 675px; height: 35px; line-height: 35px; text-align: center; }
ul#categories li { position: relative; display: inline; padding: 5px 8px 5px 23px; margin: 4px 0 0 0; border-left: 2px solid #000; background: transparent url("../gfx/layout/bullet-header.gif") 10px center no-repeat; }
ul#categories li:hover, ul#categories li.active { background: transparent url("../gfx/layout/bullet-header-on.gif") 10px center no-repeat; }
ul#categories li a { color: #000; text-decoration: none; }

ul#categories li ul.subcategories { text-align: left; line-height: 1; z-index: 100; font-weight: normal; position: absolute; left: 0; top: 23px; width: 165px; height: 270px; margin: 0; padding: 0; margin: 0; display: none; background: #fff; border: 1px solid #000; }
ul#categories li ul.three { width: 495px; left: -165px; }
ul#categories li ul.two { width: 330px; left: -165px; }
ul#categories li ul.one { left: 0; }
ul#categories li:hover ul.subcategories { display: block; }

ul#categories li ul.subcategories li { text-indent: 5px; font-weight: bold; position: static; width: 163px; margin: 0; padding: 7px 0 0 0; float: left; background: transparent !important; border-left: 1px solid #000; height: 263px; }
ul#categories li ul.subcategories li.first { border-left: none; }

ul#categories li ul.subcategories li ul { margin: 0; padding: 2px 0 0 0; height: auto; width: auto; }
ul#categories li ul.subcategories li ul li { float: none; display: block; font-weight: normal; margin: 5px 0; padding: 0; position: static; background: transparent !important; width: auto; height: auto; border: none; }

/* Container */
div#container { width: 950px; margin: 5px auto; padding: 1px 0; background: #fff url("../gfx/layout/background-container.gif") top left repeat-y; }
div#container.right_navigation { background: #C9DAC1 url("../gfx/layout/background-container.gif") top right repeat-y; }
div#container.full_width { background: #fff !important; }

/* Content */
/*div#content { width: 655px; float: right; text-align: left; margin: 0 5px 0 0; }*/
div#content { width: 755px; float: right; text-align: left; margin: 0 5px 0 0; }
ul#homepage_categories { margin: 10px 0; padding: 0; }
ul#homepage_categories li { display: inline; }
div.right_navigation div#content { float: left; margin: 0 0 0 5px; }
div#container.full_width div#content { float: none; margin: 0 5px; width: auto; }

/* New Doors */
div#new_doors_scrollbox { position: relative; overflow: hidden; width: 760px; height: 135px; }
div#new_doors_scrollbox ul { width: 20000em; position: absolute; z-index: 50; }
a#new_doors_prev { position: absolute; left: 0; top: 40px; display: block; z-index: 100; }
a#new_doors_next { position: absolute; right: 0; top: 40px; display: block; z-index: 100; }

ul#new_doors { margin: 0; padding: 0; font-size: 1em; }
ul#new_doors li { color: #333; float: left; list-style-type: none; width: 175px; height: 120px; margin: 0 5px 5px 5px; padding: 1px 0 0 0; background: #fff; border: 2px solid #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul#new_doors li .thumbnail { position: relative; float: left; margin: 0 10px 0 15px; }
ul#new_doors li .thumbnail img { display: block; }
ul#new_doors li .thumbnail img.fire_door { position: absolute; bottom: 0; left: -10px; width: 30px; }
ul#new_doors li .thumbnail img.more_timbers { position: absolute; bottom: 0; right: -10px; width: 40px; }
ul#new_doors li .thumbnail img.sale { position: absolute; top: 0; left: -10px; width: 40px; }
ul#new_doors li h3 { font-size: 1.2em; margin: 0 0 3px 0; color: #333; }
ul#new_doors li h3 a { color: #333; }
ul#new_doors li p { font-size: 1.1em; margin: 3px 0; }
ul#new_doors li p strong { display: block; font-size: 1.1em; }
ul#new_doors li p a.buy_now { font-weight: bold; float: left; background: #78787C; color: #fff; text-decoration: none; display: block; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#new_doors li p a.buy_now:hover, ul#new_doors li p a.buy_now:focus { background: #666; color: #fff; }

/* Navigation Column */
/*div#navigation { width: 275px; float: left; text-align: center; }*/
div#navigation { width: 175px; float: left; text-align: center; }
div.right_navigation div#navigation { float: right; }

form#category_filters { text-align: left; }
form#category_filters p { margin: 5px; }
form#category_filters ul { padding: 0; margin: 0; }
form#category_filters ul li { list-style-type: none; }
form#category_filters ul li label { display: inline; float: none; width: auto; margin: 0; }
form#category_filters fieldset { padding: 1px 5px; margin: 10px 0 0 0; border: none; border-top: 1px solid #000; }
form#category_filters legend { padding: 0 5px; margin: 0; font-size: 1.2em; font-weight: bold; color: #000; border: none; background: #E3ECDF; }
form#category_filters fieldset#search_by_size label { width: 50px; }

/* Product Lists */
/*div#product_list { margin: 5px 0; padding: 1px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }*/
form#sort_products { display: inline; }
form#sort_products p { margin: 5px 0 10px 0; float: right; }
ul.product_list { margin: 0; clear: both; padding: 0; font-size: 1.1em; }
ul.product_list li { width: 100px; float: left; text-align: center; margin: 0; padding: 1px 0; height: 190px; list-style-type: none; }
ul.product_list li.door { height: 170px; }
ul.product_list li.french_door { height: 170px; width: 150px; }
ul.product_list li.wide_french_door { height: 170px; width: 200px; }
ul.product_list li span.thumbnail { display: block; position: relative; margin: 2px auto; list-style-type: none; }
ul.product_list li span.thumbnail img.fire_door { position: absolute; bottom: 0; left: 0; }
ul.product_list li span.thumbnail img.more_timbers { position: absolute; bottom: 0; right: 0; }
ul.product_list li span.thumbnail img.sale { position: absolute; top: 0; left: 0; }
ul.product_list li a { display: block; margin: 2px auto; list-style-type: none; font-weight: bold; text-decoration: none; }
ul.product_list li strong { display: block; margin: 2px auto; list-style-type: none; color: #900; }
ul.small li span.thumbnail img { height: 90px; }
ul.small li { height: 100px; }
ul.small li.door { height: 190px; }

/* Pagination */
p.pagination { clear: left; }
ul.pagination { padding: 0; clear: left; margin: 10px 0; }
ul.pagination li { display: inline; margin: 0; padding: 0 3px 0 5px; border-left: 1px solid #000; }
ul.pagination li.first { border-left: none; padding: 0 3px 0 0; }

/* Product Pages */
p#discount_banner { font-size: 1.5em; text-align: center; padding: 5px; background: #060; color: #fff; margin-top: 0; }
div#product_info { width: 550px/*450*/; float: right; margin: 0 0 10px 0; }
div#product_info h1 { width: 450px; }
div#product_image { margin: 0 0 10px 0; float: left; width: 190px; background: #fff; border: 1px solid #000; text-align: center; padding: 5px 0; position: relative; }
div#product_image img.sale { position: absolute; top: -1px; left: -1px; }
div#product_image a { color: #fff !important; display: block; margin: 0 auto; width: 180px; cursor: -moz-zoom-in; }
div#product_image img { display: block; margin: 0 auto; }
div#product_image div#zoom_panel { width: 180px; height: 180px; position: absolute; left: 5px; top: 5px; display: none; background: #fff; cursor: crosshair; text-align: right; }
div#product_image div#zoom_panel.door { height: 420px; }
div#product_image div#zoom_panel img { display: inline; }
/*div#product_description { width: 400px; }*/

/* Hardware Types */
ul#hardware_types { margin: 10px 0; padding: 0; }
ul#hardware_types li { list-style-type: none; float: left; padding: 2px; margin: 0 3px 3px 0; background: #fff; border: 1px solid #000; text-align: center; }
div#mini_info_box { position: absolute; padding: 1px 10px; background: #fff; border: 1px solid #000; display: none; width: 300px; text-align: left; }
div#mini_info_box img { border: 1px solid #000; float: right; margin: 10px 0 10px 10px; }
span.hardware_type_info { display: none; }

/* Detail Images */
ul#product_detail_images { padding: 0; margin: 0; float: left; clear: left; margin: 0 0 10px 0; width: 197px; position: relative; }
ul#product_detail_images li { list-style-type: none; float: left; padding: 2px; margin: 0 3px 3px 0; background: #fff; border: 1px solid #000; text-align: center; }
ul#product_detail_images li a { color: #fff !important; display: block; margin: 0 auto; width: 40px; }
ul#product_detail_images li a img { display: block; margin: 0 auto; }

/* Custom Size Fields */
ul#custom_size_fields { padding: 0; }
ul#custom_size_fields li { display: inline; margin: 0 20px 0 0; }
ul#custom_size_fields li label { display: inline; float: none; width: auto; }

/* Pricing */
div#product_pricing { width: 150px; float: right; text-align: center; clear: right; }
div#product_pricing p { margin: 2px 0; }
p#product_code { color: #999; }
p#price_from { font-size: 1em; margin: 2px 0; }
p#price_sale { font-size: 1em; margin: 2px 0; }
p#price_sale strong { font-size: 1.6em; }
p#price_rrp { font-size: 1.1em; color: #666; margin: 2px 0; float: right; clear: right; width: 80px; text-align: center; }
p#price_rrp strong { text-decoration: line-through; }

ul#quick_links { float: right; clear: right; }

/* Bottom Tabs */
div.product_tab { clear: both; padding: 1px 5px; background: #E3ECDF; }

ul#product_tabs_menu { margin: 0; padding: 0; clear: both; font-size: 1em; }
ul#product_tabs_menu li { float: left; list-style-type: none; margin: 0 5px 0 0; }
ul#product_tabs_menu li a { font-weight: bold; display: block; padding: 3px 5px; font-size: 1.5em; color: #fff; text-decoration: none; background: #999; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
ul#product_tabs_menu li a.on { background: #666; }
ul#product_tabs_menu li a:hover, ul#product_tabs_menu li a:focus { color: #ff0; }

/* Product Carousels */
div.carousel { height: 195px; overflow: hidden; overflow-x: auto; }
div.carousel_holder { position: relative; }
div.carousel_holder a.previous { display: block; width: 20px; position: absolute; height: 170px; top: 0; left: -10px; z-index: 30; background: transparent url("/gfx/layout/button-previous.png") center center no-repeat; margin: 0; padding: 0; }
div.carousel_holder a.next { display: block; width: 20px; position: absolute; height: 170px; top: 0; right: -10px; z-index: 30; background: transparent url("/gfx/layout/button-next.png") center center no-repeat; margin: 0; padding: 0; }
div#other_options_carousel { width: 300px; }
div#related_products_carousel { width: 400px; }
div.carousel ul.product_list { width: 100000px; }

/* Delivery Info page */
ul.delivery_postcodes { padding: 0; clear: left; margin: 10px 0; }
ul.delivery_postcodes li { display: inline; margin: 0; padding: 0 3px 0 5px; }
ul.delivery_postcodes li.first { padding: 0 3px 0 0; }

/* Pop up Mini Basket */
span#mini_basket_holder { position: relative; float: right; }
form#mini_basket { position: absolute; top: 28px; right: -67px; display: none; z-index: 5000; }
/*span#mini_basket_holder:hover form#mini_basket { display: block; }*/
table#mini_shopping_basket_table { border: 2px solid #E3ECDF; margin: 0; font-size: 0.8em; width: 300px; }
table#mini_shopping_basket_table img.left { margin: 0 5px 0 0; }

/* Checkout */
div.checkout_column { width: 33%; float: left; }
div.checkout_column fieldset { margin: 0; padding: 0; }
div.checkout_column label { display: block; width: auto; float: none; }

/* FAQs */
ul.faq_section { margin-bottom: 30px; }

/* Cookie Opt In */
form#cookie_opt_in { position: fixed; bottom: 0; right: 0; width: 30%; min-width: 100px; max-width: 350px; padding: 1px 15px; display: block; background: rgba(200, 200, 200, 0.8); }

/* Social Networking */
ul#sharing { margin: 5px 0 0 0; padding: 0; height: 20px; overflow: hidden; width:330px; float: right; }
ul#sharing li { margin: 0 5px; float: right; padding: 0; list-style-type: none; text-align: center; height: 20px; }
ul#sharing table { margin: 0; padding: 0; background: transparent; }

/* Breadcrumb Trail */
p#breadcrumbs { float: left; width: 400px; margin: 5px 0 0 0; }

/* Product Tabs / Other Options */
div#product_tabs { width: 56%; float: right; margin: 5px 0; padding: 1px 0; }
div#other_options_box { width: 300px;/*41%*/ float: left; margin: 5px 0; padding: 1px 10px; border: 1px solid #999; height: 250px; }
div#related_products_box { width: 400px;/*51%*/ float: right; margin: 5px 0; padding: 1px 10px; background: #E3ECDF; border: 1px solid #999; height: 250px; }
div#other_options_box.full { width: auto; float: none; height: auto; clear: both; }
div#related_products_box.full { width: auto; float: none; height: auto; clear: both; }

/* Footer */
div#footer { width: 950px; margin: 0 auto; padding: 5px 0 0 0; clear: both; text-align: left; }
div#footer img.right { margin: 0; }
div#footer ul { margin: 0 0 10px 0; padding: 1px 0; width: 185px; height: 121px; border-left: 1px solid #48693F; float: left; }
div#footer ul.first { border: none; }
div#footer li { margin: 2px 0 2px 10px; padding: 0; list-style-type: none; }
div#footer li strong { color: #669459; display: block; padding: 0 0 2px 0; }
div#footer li a { padding: 0 0 0 13px; color: #000; background: transparent url("../gfx/layout/bullet-footer.gif") left center no-repeat; text-decoration: none; }
div#footer li a:hover, div#footer li a:focus { text-decoration: underline; }
p#copyright { clear: left; font-size: 1.1em; }

/* 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;	
}