/* General Formatting */
* { padding: 0; margin: 0; }
img { border: none; }
body { padding: 0 2em; background: #fff url("../gfx/background_diagonal.png") top left; color: #000; font: 62.8% Arial, Helvetica, sans-serif; }
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; }
.clear_right { clear: right; }
div#container { background: #fff; border: 0.1em solid #000; border-top: none; min-width: 90em; }
div.clear_both { height: 1px; clear: both; font-size: 1px; margin-bottom: -1px; }
p.image_help { float: right; clear: right; font-size: 1em; width: 30em; padding: 0; text-align: center; color: #999; }
form.make_enquiry { float: right; clear: right; width: 30em; padding: 0.5em 0; text-align: center; position: relative; }
form.make_enquiry input { position: relative; z-index: 50; }
.error { color: #f00; }
.float_tab { width: 2.8em; }

div.grey_stripe { clear: both; background: #ccc; height: 0.5em; }
div.thin { height: 0.2em; }
div.red_stripe { clear: both; background: #f00; height: 0.5em; }
img.grey_stripe, img.red_stripe { width: 66.7em; height: 0.5em; display: none; }
h1 { font-size: 1em; padding: 0.8em; position: relative; }
h1 strong { display: none; }
h2 { font-size: 2em; padding: 0.3em; position: relative; }
h2 strong { display: none; }
h2 img { height: 0.5em; }
a { color: #f90; font-weight: bold; }
a:hover { color: #f00; }
p { font-size: 1.2em; padding: 0.3em; position: relative; }
h1.subheader { font-size: 1.2em; padding: 0.3em; position: relative; }
h3 { font-size: 1.5em; padding: 0.2em; position: relative; }
.clear { clear: both; height: 1px; font-size: 1px; }
.clearright { clear: right; height: 1px; font-size: 1px; }
div#left_column { width: 23.8em; float: left; }
p.prices_include_vat { font-size: 1.1em; }
p.small_text { font-size: 0.9em; padding: 0.4em; padding-top: 5em; }
p.buttons { padding-top: 1em; }
p.buttons img, p.buttons input { vertical-align: middle; }

/* header images */
img#top_logo { width: 11.9em; height: 7.5em; float: left; }
img#top_knowledge_experience_service { width: 33.7em; height: 7.5em; float: right; }
div#shopping_basket { width: 25em; margin: 0 5em 0 0; padding: 0.7em 0 0 0; float: right; }
div#shopping_basket a { display: block; width: auto; border: 0.1em solid #999; height: 4.5em; background: #efefef; color: #000; text-decoration: none; padding: 0.5em; font-weight: normal; }
div#shopping_basket a span { font-size: 1.2em; }
div#shopping_basket a img { display: block; float: right; border: 0.1em solid #999; width: 4.3em; height: 4.3em; }
div#shopping_basket a:hover { background: #fee; border-color: #f00; }
div#shopping_basket a:hover img { border-color: #f00; }

/* main menu */
img#marbles_n_tiles { width: 11.9em; height: 1.6em; float: left; }
ul#main_menu { clear: both; height: 1.6em; background: #f00; text-align: right; border-bottom: 0.1em solid #fff; }
ul#main_menu li { list-style-type: none; display: inline; }
ul#main_menu li a { font: bold 1.1em Arial, sans-serif; color: #fff; text-decoration: none; padding: 0.1em 0.5em; }
ul#main_menu li a:hover { color: #000; }
ul#main_menu li a.important { color: #ff0; padding: 0.1em 0.7em; font-size: 1.2em; }
ul#main_menu li a.important:hover { color: #000; }

/* top panel */
div#top_panel { clear: both; background: #000; color: #fff; height: 19em; }
div#main_image_holder { height: 19em; float: left; width: 23.8em; background: #000; }
img#main_image { height: 19em; width: 23.8em; }
div#top_panel ul { padding-left: 27.2em; color: #f90; }
div#top_panel li { list-style-type: square; font-size: 1.1em; padding: 0.1em 0; color: #fff; }
div#top_panel li strong { color: #f90; }
div#top_panel p { font-size: 1.1em; padding: 0.1em 0 0.1em 23.4545455em; }
div#top_panel p { font-size: 1.2em; padding: 0.1em 0 0.1em 21.5em; }
img#header_knowledge_experience_service, img#header_sales_contracting_manufacturing { width: 63em; height: 3.3em; /*width: 50em; height: 2.6em; */ }
img#header_sales_contracting_manufacturing1 { width: 11em; height: 3.3em; } /* Sales */
img#header_sales_contracting_manufacturing2 { width: 24.4em; height: 3.3em; } /* Contracting */
img#header_sales_contracting_manufacturing3 { width: 27.6em; height: 3.3em; } /* Manufacturing */
div#top_panel h1 { padding-left: 25.8em; }
div#top_panel h2 { padding-left: 12.9em; }
div#top_panel h2 img { height: 0.75em; }
div#top_panel h1 { padding-top: 2em; }
div#top_panel ul#home_list { font-size: 1.1em; padding-left: 23.4545455em; color: #fff; }
div#top_panel ul#home_list li { list-style-type: none; font-size: 1.3em; float: left; width: 35%; clear: none; position: relative; }

/* store section */
ul#online_store_menu { width: 23.8em; padding: 0.5em 0; }
ul#online_store_menu.home { float: left; position: relative; z-index: 50; }
ul#online_store_menu li { list-style-type: none; padding: 0.2em 0 0.2em 3em; }
ul#online_store_menu li a { display: block; /*width: 9.9286em;*/ width: 13em; font: normal 1.4em Arial, sans-serif; color: #333; text-decoration: none; padding: 0.071428em; border-bottom: 0.071428em solid #333; }
ul#online_store_menu li a img { vertical-align: middle; width: 1.42857em; height: 1.42857em; }
ul#online_store_menu li a.last { border-bottom: none; }
ul#online_store_menu li a:hover { color: #f00; }
div#online_store_panel { background: #fff; }
div#online_store_panel h2 { padding-left: 12.4em; padding-top: 1em; }
div#online_store_panel p { padding-left: 21.5em; padding-right: 19em; }
ul#product_pics { width: 39em; height: /*20.9em*/27em; float: right; z-index: 50000; position: relative; margin: 0.5em 0; }
ul#product_pics li { display: inline; list-style-type: none; }
ul#product_pics img { width: 10.8em; height: 10.8em; border: 0.1em solid #999; margin-bottom: 0.3em; }
ul#product_pics li a { display: block; float: right; width: 11em; text-align: center; padding: 0.5em; margin: 0.25em 0.5em 0.25em 0; border: 0.1em solid #999; background: #efefef; color: #000; text-decoration: none; height: 20em; font-weight: normal; }
ul#product_pics li a span { font-size: 1.2em; }
ul#product_pics a:hover { background: #fee; border-color: #f00; }
ul#product_pics a:hover img { border-color: #f00; }
ul#product_pics a em { font-size: 1.8em; }

a#banner { display: block; width: 100%; background: #f00; border-bottom: 2px solid #f00; } }

/* New Contracting Section */
div#contracting_panel { background: #fff; height: 33em; }
div#contracting_panel h2 { padding-left: 12.4em; padding-top: 1em; }
div#contracting_panel p { font-size: 1.2em; padding-left: 21.5em; padding-right: 19em; }
div#contracting_panel p { font-size: 1.3em; padding-left: 19.85em; padding-right: 30em; }
div#contracting_panel p { font-size: 1.4em; padding-left: 18.43em; padding-right: 27.85em; }
div#contracting_panel ul#product_pics li a { height: 25em; }

/* search box */
div#search_box { width: 23.8em; background: #f1f1ef; height: 24em; }
div#search_box.home { margin-top: -0.2em; float: left; }
div#search_box h2 { padding: 1em 0 0.5em 1.5em; }
div#search_box p { padding: 0.2em 0 0.2em 3em; font-size: 1em; }
div#search_box label { font-size: 1.2em; font-weight: bold; color: #666; padding-left: 1.3em; }
div#search_box p img { vertical-align: middle; width: 1.3em; height: 1.8em; }
div#search_box p input.text { vertical-align: middle; height: 1.1em; width: 9.5em; border: 1px solid #333; padding: 0.1em; }
div#search_box p input.button { vertical-align: middle; height: 1.4em; border: none; padding: 0em 0.1em; background: #d4d0c8; font-weight: bold; }
div#search_box p input.button:hover { background: #f00; cursor: pointer; }
div#search_box p a { font-size: 1.2em; font-weight: bold; padding-left: 1.3em; }
div#search_box p strong { font-size: 1.2em; }
div#search_box p strong a { font-size: 1em; padding: 0; }

/* footer */
div#footer { background: #464b4f; clear: both; height: 4em; color: #fff; padding: 0.5em 0.9em; }
div#footer p { padding: 0.2em; }
p#copyright { font-size: 0.9em; text-align: center; }

/* info boxes - Home Page */
div#info_boxes { padding-left: 23.8em; background: #000; }
div.column { width: 49%; height: 23.8em; overflow: hidden; }
div.column.right { border-left: 0.2em solid #ccc; background: #e3e3e3; }
div.column.left { color: #ddd; }
div.column h2 { padding: 1em 0 0.5em 0.75em; }
div.column p { padding: 0.3em 2em 0.3em 2.1em; font-size: 1.3em; }
div.column ul { padding: 0.3em 2em 0.3em 2.1em; font-size: 1.2em; }
div.column ul li { list-style-type: none; padding-bottom: 0.3em; }
div.column ul#news_articles { font-size: 1em; }
div.column.store { width: 59%; }
div.column.news { width: 40%; }

/* Smaller version of product list */
ul#small_product_pics { padding: 10px 0 0 25px; margin: 0; }
ul#small_product_pics li { display: inline; list-style-type: none; }
ul#small_product_pics li a { text-decoration: none; float: left; text-align: center; font-weight: normal; width: 33%; }
ul#small_product_pics li a strong { display: block; }
ul#small_product_pics li a img { width: 72px; height: 72px; border: 1px solid #999; display: block; margin: 0 auto; }
ul#small_product_pics li a:hover img { border-color: #f00; }

/* general content box */
div#content { margin-left: 23.8em; /*border-left: 0.2em solid #ccc;*/ padding: 0.5em 2em 0 2em; background: #fff; }
div#content ul { padding: 0.3em 0.3em 0.3em 2em; font-size: 1.2em; position: relative; }
div#content ol { padding: 0.3em 0.3em 0.3em 2em; font-size: 1.2em; position: relative; }

/* Right hand side pictures */
div.article_photo { width: 18.5em; margin-left: 2em; background: #ccc; float: right; clear: right; position: relative; z-index: 250; text-align: center; }
div.article_photo img { width: 18.5em; }
div.article_photo p.small { font-size: 0.9em; }

/* Categories Page */
div#content ul#product_list { font-size: 1em; padding: 0; margin: 0; }
div#content ul#product_list li { font-size: 1em; list-style-type: none; display: inline; padding: 0; margin: 0; }
div#content ul#product_list a.product_box { margin: 0.5em; border: 0.1em solid #999; background: #efefef; padding: 0.5em; width: 17.5em; height: 10.2em; float: left; text-decoration: none; color: #000; }
/*div#content ul#product_list a.product_box img.thumbnail { height: 10em; width: 10em; float: left; margin: 0 0.5em -2em 0; border: 0.1em solid #999; clear: none; }*/
div#content ul#product_list a.product_box img.thumbnail { height: 10em; width: 10em; float: right; margin: 0 0 -1.2em 0.5em; border: 0.1em solid #999; clear: none; }
div#content ul#product_list a.product_box strong { font-size: 1.1em; }
div#content ul#product_list a.product_box strong em { font-size: 1.1em; color: #f00; display: inline; clear: none; }
/*div#content ul#product_list a.product_box em { clear: left; font-weight: bold; display: block; font-size: 1.8em; text-align: right; }*/
div#content ul#product_list a.product_box em { clear: right; font-weight: bold; display: block; font-size: 1.2em; }
div#content ul#product_list a.product_box:hover { background: #fee; border-color: #f00; }
div#content ul#product_list a.product_box:hover img { border-color: #f00; }

/* Ranges Page */
div#content ul.range_product_list { font-size: 1em; padding: 0; margin: 0; }
div#content ul.range_product_list li { font-size: 1em; list-style-type: none; display: inline; padding: 0; margin: 0; }
div#content ul.range_product_list a.range_product_box { background: #fff; width: 17.5em; text-decoration: none; color: #000; }
div#content ul.range_product_list a.range_product_box img.thumbnail { width: 17.5em; border: 0.2em solid #fff; }
div#content ul.range_product_list a.range_product_box span { display: none; }
div#content ul.range_product_list a.range_product_box:hover img.thumbnail { border-color: #f00 !important; }
div#content ul.range_product_list a.range_product_box.clear_left { clear: left; }

img#main_product_image { float: right; margin: 1em 0 1em 1em; width: 30em; border: 0.1em solid #999; position: relative; z-index: 5; }
a:hover img#main_product_image { border-color: #f00; }

/* Shopping Basket */
table#shopping_list { font-size: 1.2em; width: 98%; border: 1px solid #000; }
table#shopping_list th, table#shopping_list td { padding: 2px; border: 1px solid #000; text-align: center; }
table#shopping_list thead { color: #fff; background: #333; }
table#shopping_list tr.discount { background: #ffc; border: 1px solid #000; }
table#shopping_list tr.even { background: #eaeaea; }
table#shopping_list th.total_amount { font-size: 2em; background: #333; color: #fff; border-right: none; }
table#shopping_list td.functions { background: #333; text-align: right; border-left: none; }
input.basket_button { background: #fff; border: 2px solid #000; padding: 2px 3px;}
input.basket_button:hover { background: #f90; cursor: pointer; }
input.checkout_button, input.getquote_button { background: #f00; border: 2px solid #000; font-size: 1.5em; color: #fff; font-weight: bold; padding: 0.2em 0.5em; margin: 0.2em; }
input.checkout_button:hover, input.getquote_button:hover { background: #f90; cursor: pointer; }

/* Forms */
legend { font-size: 1.4em; font-weight: bold; }
fieldset { padding: 0.5em; }
label.big { width: 10em; float: left; padding: 0.1em 0; }
form#edit_details label { float: left; padding: 2px 0; width: 12em; font-weight: bold; }
form#trade_account label { float: left; padding: 2px; width: 12em; font-weight: bold; margin-right:12px }
form#trade_account label.inline { float: none; display: inline; font-weight: normal; margin: 0; }
form#trade_account p { margin: 4px; }
form#trade_account fieldset { margin: 4px; }
/* Products Page */
a.added_to_basket { padding: 0.2em; margin: 0 0.1em; color: #fff; text-decoration: none; background: #f00; border: 0.1em solid #000; }
a.added_to_basket:hover { background: #f90; }

/* Terrazzo Colours */
div#content ul#micro_thumbs { width: 30.2em; float: right; clear: right; padding: 0; margin: 0; font-size: 1em; }
div#content ul#micro_thumbs li { display: inline; list-style-type: none; padding: 0; margin: 0; font-size: 1em; }
div#content ul#micro_thumbs li a {  font-size: 1em; }
div#content ul#micro_thumbs li img { float: left; margin: 0 0.4em 0.4em 0; width: 4.5em; height: 4.5em; border: 0.1em solid #999; position: relative; z-index: 5; font-size: 1em; }
div#content ul#micro_thumbs li img.row_end { margin: 0 0 0.4em 0; }
div#content ul#micro_thumbs li a:hover img { border-color: #f00; }

/* Other Products Page */
div.op_column { width: 32%; float: left; }

/* Associations List */
div#content ul#associations_list { padding: 0; }
div#content ul#associations_list li { list-style-type: none; padding: 0.2em 0; }
div#content ul#associations_list li img { vertical-align: middle; margin-right: 0.2em; }

/* Client List Page */
div#content ul.client_list { padding: 0; }
div#content ul.client_list li { width: 10em; text-align: center; padding: 0.3em; margin: 0.3em; list-style-type: none; height: 9.8em; float: left; border: 1px solid #000; }
div#content ul.client_list li img { width: 8.333333em; margin: 0.5em 0; }

/* Delivery Costs */
table#delivery_costs { font-size: 1.2em; text-align: center; border: 1px solid #000; }
table#delivery_costs td { border: 1px solid #000; padding: 2px 4px; }
table#delivery_costs th { border: 1px solid #000; padding: 2px 4px; background: #000; color: #fff; }