/* <![CDATA[ */

div#z_ref
{
	position: absolute;
	top: 0px;
	right: 0px;
	color: #036;
	font-size: 8.5pt;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #7B7C7E;
}

/*

Cascading Style Sheet for the Clockwork Components Website.

*/

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	background: #fff;
	margin-right: 20px;
	margin-left: 20px;
}

div#page_wrapper
{
	position: relative; /* this is for subsequent absolute positions to be relative to the wrapper. */ 
	margin: 0px auto;
	border: solid 1px #fff;
	width: 750px;
	background: url(../../media/hdgr_0002.jpg) no-repeat top center;
	/*background: url(../media/search_ref.jpg) no-repeat top center;*/
	
}

div#logo
{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 242px;
}

div.spacer
{
	clear: both;
}

p
{
	margin: 0px 0px 7px 0px;
}

.red_text
{
	color: #333;
}

.red_text a, .red_text a:visited
{
	color: #333;
}

span.visual_hide
{
	display: none;
}

a
{
	color: #7b7c7e;
}

/*------------------------------------[ NOT FOR SCREEN ]--*/
.not_for_screen { display: none; }

/*-----------------------------------------[ HOME PAGE ]--*/
p#mission
{
	font-weight: bold;
	font-size: 110%;
	line-height: 1.35em;
	margin: 0px 0px 7px 5px;
}

/*------------------------------------------[ HEADINGS ]--*/
h1 { display: none; }

h2
{
	font-size: 3.1em;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}

h3
{
	font-size: 2.3em;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

h4
{
	font-size: 1.9em;
	font-weight: 300;
	padding: 0px;
	margin: 0px 0px 6px 0px;	
}

/*------------------------------------[ CONTENT LAYOUT ]--*/
div#content_wrapper
{
	position: relative;
	margin: 209px 16px 0px 34px;
	
}

div#title_section
{
	margin: 0px 0px 11px 0px;
	text-align: right;
}

div#title_section.home
{
	margin: 0 0 11px 198px;
	
	text-align: left
}
div#title_section.search { margin: 0; }


div#panel11
{
	float: right;
	width: 188px;
}

div#panel21
{
	float: right;
	width: 250px; /*324px;*/
}

div#panel21 img
{
	display: block;
	margin: 0 auto;
}

div#dyn_images { height: 263px; text-align: center; position: relative; }

span.image_holder
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

div#panel31
{
	float: right;
	width: 502px; /*178px;*/
	margin: 0 0 0 10px;
	position: relative;
}

p.promotion { font-size: 1.1em; }

div#panel1
{
	float: right;
	width: 208px;
}

div#panel2
{
	float: right;
	width: 260px;
}

p.sub_text
{
	padding: 10px 0px 0px 30px;
	font-size: 90%;
	line-height: 1.2em;
}

div#panel3
{
	float: right;
	width: 232px;
	margin: 0px;
	text-align: right;
}

div#panel4
{
	float: right;
	width: 250px;
}

div#panel5
{
	float: right;
	width: 218px;
}

div#panel6
{
	float: right;
	width: 262px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	text-align: right;
}

div#panel7
{
	float: right;
	width: 423px;
	text-align: right;
}

div#panel8
{
	float: left;
	width: 247px;
	position: relative;
}

div#panel3 img
{
	margin-right: 17px;
}

div.hilite_box1
{
	background-color: #CCC ;
	padding: 3px 0px 10px 10px;
	margin: 0px 0px 5px 0px;
}

div.hilite_box2
{
	background-color: #D4DC67;
	padding: 3px 0px 10px 10px;
	margin: 0px 0px 5px 0px;
}

div.hilite_box3
{
 background-color: #c90101;
 padding: 3px 0px 10px 10px;
 margin: 0px 0px 5px 0px;
 color:#fff;
}

table.hilite_info
{
	border-collapse: collapse;
}

table.hilite_info caption
{
	text-align: left;
	font-size: 1.8em;
	padding-bottom: 5px;
}

table.hilite_info td.text
{
	text-align: left;
	vertical-align: bottom;
	font-size: 82%; /* produces a happy medium between both Win and Mac platforms */
	padding: 0px 5px 0px 6px;
}

table.hilite_info td.image
{
	width: 80px;
	background-color: #fff;
	padding: 0px;
}

table.hilite_info a
{
	text-decoration: none;
	color: inherit;
}

table.hilite_info td img
{
	display: block;
	margin: 0px auto;
}

table.hilite_info td.button_cell
{
	vertical-align: top;
}

/*-----------------------------------------[ NEWSLETTER FORM ]--*/
form#newsletter_signup
{
	margin: 0px;
	padding: 0px;
}

form#newsletter_signup input.text
{
	width: 157px;
	color: #7B7C7E;
	padding-left: 3px;
	margin-bottom: 5px;
}

form#newsletter_signup input.submit
{
	width: 55px;
	font-size: 110%;
	margin-right: 3px;
}

div#user_prompt, span#user_prompt
{
	display: block;
	font-weight: bold;
	font-size: 82%;
	color: #cecd00;
}

/*-----------------------------------------[ PRODUCTS LISTING ]--*/
ul#products_links li
{
	color: #7B7C7E;
	line-height: 1.6em;
	text-transform: lowercase;
	margin-left: 8px;
	font-weight: bold;
}

ul#products_links li a
{
	color: #7B7C7E;
	text-decoration: none;
	font-weight: bold;
}

ul#products_links li a:hover
{
	text-decoration: underline;
}

ul#overview_links li
{
	color: #AAEC9;
	line-height: 1.6em;
	text-transform: lowercase;
	margin-left: 8px;
	font-weight: bold;
}

ul#overview_links li a
{
	color: #CECD00;
	text-decoration: none;
	font-weight: bold;
}

ul#overview_links li a:hover
{
	text-decoration: underline;
}

div#products_list
{
	float: right;
	width: 460px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	/*z-index: -1;*/
}

div#products_list/* hidden from IE 5 Mac */
{
	height: 246px;
}

table#products_overview
{
	border-collapse: collapse;
}

table#products_overview td
{
	width: 80px;
	height: 80px;
	vertical-align: middle;
	padding: 0;
	text-align: center;
}

table#products_overview td.single_column
{
	height: auto;
	padding: 0 0 5px;
	vertical-align: top;
}

table#products_overview td.enlarged
{
	width: 167px;
	padding: 0px 0px 0px 16px;
}

table#products_overview td.enlarged2
{
	width: 325px;
	padding: 0px 0px 0px 16px;
	vertical-align: top;
}

div.rollover_note
{
	width: 167px;
	text-align: center;
	float: right;
	margin-top: -35px;
}

div.rollover_note1
{
	text-align: center;
	float: right;
	margin-top: 0px;
}

div.rollover_note_2col
{
	width: 167px;
	text-align: center;
	float: right;
	margin-top: -35px;
	margin-right: 40px;
}

html>body div.rollover_note_2col { margin-right: 80px; }

table#products_table
{
	border-collapse: collapse;
}

#products_table td
{
	padding: 0px 0px 6px 0px;
}

div#search_results #products_table td { padding: 0px 6px 6px 0px; }

table#products_table td.product_img
{
	width: 76px; /* set to 76 so that space is not shown to right hand side of image */
}

table#products_table td.product_img img
{
	display: block;
	border: none;
	margin: auto;
}

div#search_results table#products_table td.product_img img { cursor: pointer; }

table#products_table td.product_img a
{
	display: block;
	border: solid 5px #7B7C7E;	
	height: 67px;
}

table#products_table td.product_img a:visited
{
	display: block;
	border: solid 5px #7B7C7E;	
}

table#products_table td.product_img a:hover
{
	display: block;
	border: solid 5px #CECD00;	
}

table#products_table td.product_img a:active
{
	display: block;
	border: solid 5px #7B7C7E;	
}

table#products_table td.product_data
{
	width: 137px;
	padding-left: 4px;
	font-size: 0.9em;
	text-align: left;
}


/*-----------------------------------------[ PRODUCTS DETAIL ]--*/
div#product_detail
{
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

html>body div#product_detail
{
	width: 240px;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

#product_text_details
{
	float: right;
	width: 100%;
	height: 37px;
	color: #7B7C7E;
	vertical-align: bottom;
	margin: 0px 0px 3px 0px;
}

html>body div#product_text_details
{
	height: auto;
	min-height: 37px;
}

div.img_detail
{
	float: right;
	border: solid 5px #7B7C7E;
	width: 167px;
	height: 167px;
}

div.img_detail img
{
	display: block;
	margin: auto;
}

/*-----------------------------------------[ NAVIGATION ]--*/
a img
{
	border: none;
}

div#home_over
{
	position: absolute;
	top: 20px;
	left: 47px;
	width: 180px;
	font-weight: bold;
	text-align: center;
	visibility: hidden;
}

div#logo:hover #home_over, div#logo.over #home_over
{
	visibility: visible;
}

div#logo img
{
	position: absolute;
	left: 0px;
	top: 0px;
}
	
div#navi_back
{
	position: absolute;
	top: 150px;
	left: 33px;
	width: 53em;
	height: 2.1em;;
	background: #fff;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

div#navigation_block
{
	width: auto;
	height: 24px;
	overflow: visible;
	position: absolute;
	top: 150px;
	left: 33px;
	font-size: 135%;
	z-index: 10;
}

ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#navi_links li
{
	float: left; /* done to display li links inline */
	position: relative;
	white-space: nowrap;
}

/*@media all and (min-width: 0px) /* for Opera only */
/* no longer required as of version 9 */
/*{
	ul#navi_links li
	{
		width: 5.3em;
	}
}*/

/* submenu position and dimensions */
li ul
{
	position: absolute;
	top: 1.56em;
	left: 0;
	display: none;
	background: #fff;
	width: 10.45em;
	overflow: hidden;
	z-index: 11;
}

ul#navi_links li a
{
	display: block;
	text-decoration: none;
	color: #7B7C7E;
	padding: 3px 20px 3px 8px;
}

ul#navi_links li.current
{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #7B7C7E;
	padding: 3px 20px 3px 8px;
}

ul#navi_links li.current_end
{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #7B7C7E;
	padding: 3px 0.6em 3px 7px;
}

ul#navi_links li a.keep_active
{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #CECD00;
	padding: 3px 1.5em 3px 8px;
}

ul#navi_links li a.end_link
{
	padding: 3px 0.6em 3px 7px;
}

ul#navi_links li a:hover
{
	color: #fff;
	background: #CECD00;
}


/* submenu link characteristics */
ul#navi_links li ul li a
{
	width: 13em;
	font-size: 0.7em;
	border-right: ridge 2px #ccc;
	border-bottom: ridge 2px #ccc;
	padding: 3px 1em 3px 8px;
}

li:hover ul, li.over ul
{
	display: block;
}

/*-----------------------------------[ CONTACT DETAIL, TABLE & FORM ]--*/
p.address_detail
{
	font-weight: bold;
	font-size: 110%;
	line-height: 1.4em;
	margin-bottom: 10px;
}

table#contact_detail
{
	table-layout: fixed;
	float: right;
	border-collapse: collapse;
	margin: 0px;
	width: 423px;
}

table#contact_detail caption
{
	text-align: right;
	padding-bottom: 5px;
}

table#contact_detail td, table#contact_detail th
{
	vertical-align: top;
	text-align: right;
	padding: 0;
}

table#contact_detail th.label1
{
	width: 131px;
	font-weight: bold;
	padding: 3px 5px 0px 0px;
	white-space: nowrap;
}

table#contact_detail td.check
{
	text-align: right;
	padding-bottom: 5px;
	width: 423px;
}

input.text1
{
	width: 282px;
	margin: 0px 0px 4px 0px;
	padding: 1px 0px 1px 3px;
	border: solid 1px #999;
	background-color: #fff;
}

textarea.text2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 120%;
	width: 282px;
	height: 42px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 1px 3px;
	border: solid 1px #999;
}

input.check { margin: 0px; }
html>body input.check { margin: 0px 2px 0px 0px; }

input.radio { margin: 0 20px 0 3px; vertical-align: middle; }
input.radio2 { margin: 0 0 0 3px; vertical-align: middle; }
input.button { margin: 0 0 6px 10px; }
p.privacy { margin-left: 15px; padding: 3px 0; font-size: 0.84em; text-align: right; }

#error_prompt
{
	display: block;
	width: 100%;
	font-weight: bold;
	padding: 5px 0px;
	color: #7B7C7E;
}

div#panel7 span#error_prompt, div#panel7 div#error_prompt { float: right; width: 70%; }

/*-----------------------------------------[ FOOTER ]--*/
div#footer
{
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0px 3px 0px;
}

/*----------------------------------------[ CATALOGUE SEARCH ]--*/
div#search_panel
{
	margin: 0;
	padding: 1px 0 0 0;
	height: 46px;
	background-color: #D4DC6C;
	position: relative;
}

noscript.noscript_note { display: block; clear: both; padding: 10px 0 0; text-align: center; }

div.search_input
{
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
}

div.search_input label, div#send_email_box label { display: block; margin: 0; }

div.search_input input.code, div.search_input select { margin: 0; font-size: 1em; color: ##CCC; }

div.search_input input.button { margin: 13px 0 0 0; font-size: 1em; }

div#search_results
{
	float: left;
	margin: 0;
	width: 266px;
	height: 296px;
	overflow: hidden;
}

div#search_results div#products_list { float: left; width: 266px; height: 249px; }

p#results_detail { margin: 0; padding: 5px; }

div#in_progress
{
	float: left;
	margin: 15px 0 0 5px;
	visibility: hidden;
}

div#product_preview
{
	float: left;
	padding: 20px 0 0 10px;
	width: 424px;
	position: relative; /* needed here (#close) for IE6 and older */
}

div#product_preview div.img_detail
{
	float: left;
	margin: 0 5px 0 0;
	width: 239px;
	height: 239px;
	position: relative;
	background: url(../../media/loading.png) no-repeat center center;
}

a.status_link
{
	text-decoration: underline;
	color: #CECD00;
	cursor: pointer;
}

html>body div#explanation
{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 0 50px 0;
	padding: 5px 5px 5px 5px;
	width: 157px;
	border: solid 2px #CECD00;
	background-color: #fff;
}

div.close
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	background-color: #D4D7E6;
	border: solid 1px #CECD00;
	border-top: none;
	border-right: none;
	text-align: center;
	line-height: 12px;
	cursor: pointer;
}

html>body div#print_detail
{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46px;
	text-align: center;
}

html>body div#email_detail
{
	position: absolute;
	right: 94px;
	bottom: 0;
	width: 36px;
	text-align: center;
}

div#print_detail img, div#email_detail img { border: none; cursor: pointer; }

div#send_email_box
{
	display: none;
	position: absolute;
	left: -266px;
	top: 20px;
	z-index: 9;
	padding: 5px;
	width: 252px;
	border: solid 2px #7B7C7E;
	background-color: #fff;
	font-size: 0.9em;
	overflow: auto; /* required to fix disappearing cursor in FF */
}

div#send_email_box form { margin: 5px 0 0; }
div#send_email_box input.text1 { width: 247px; }
div#send_email_box textarea.text2 { width: 247px; }

div#send_email_box input.button { margin: 5px 8px 0 0; font-size: 1em; }
.padding_left_right /* ]]> */
  {
	margin-right: 3px;
	margin-left: 10px;
	text-align: center;
}
 #productsPage #panel1 li {text-transform:capitalize;}
 
 /*Emil's fixes*/
 
 /* Home page slider */
 
 #slider {
 	width:508px;
	height:342px;
	overflow:hidden;
	background:#eee;
	margin:0 0 15px 0;
 	}
 
 
 /*product table*/
 
 
.productTable {
	text-align:left;
	width:600px;
	margin:0 auto;
	}
.productTable th {
	padding:3px 0 10px 0;
	border-top:1px solid #ccc;	 
	border-bottom:1px solid #f5f5f5;	 
	text-align:left;
	}	
.productTable th a {
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	font-weight:100;
	}
	.productTable th a:hover {
	color:#CECD00;	
	}
.productTable td img {display:block; vertical-align:baseline;}
.productTable td {
	padding:0;
	}	
.productTable a img {border:0 none;}


.fb-like {
	 margin:10px auto;
	 width:450px;
	 }