/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote, dl, dt, dd { margin: 0; padding: 0; }
body { font: 62.8% Helvetica, Arial, sans-serif; background: #fff; color: #000; text-align: center; margin: 0; padding: 15px 0; }
img { border: none; }
a, a:visited { color: #F7941D; }
a:focus, a:hover { color: #f60; }
a:active { color: #f00; }
p { margin: 15px 0; font-size: 1.1em; }
address { margin: 15px 0; font-size: 1.1em; font-style: normal; }
h1 { margin: 15px 0; font-size: 1.7em; color: #F7941D; }
h2 { margin: 0px 0; 
font-size: 1.5em; color: #F7941D; }
h3 { margin: 0px 0; 
font-size: 1.3em; }
h4 { margin: 15px 0; font-size: 1.2em; }
ul, ol { margin: 15px 0; font-size: 1.1em; padding-left: 2em; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
blockquote { font-style: italic; }
cite { font-style: normal; }
dt { font-size: 1.1em; font-weight: bold; margin: 15px 0 0 0; }
dd { font-size: 1.1em; margin: 0 0 15px 0; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }
.center { text-align: center; }
.error, .errors { color: #f00; }
.hide { display: none; }
strong.org a.url { text-decoration: none; color: #000; }
img.right { margin: 10px; }

/* Container */
div#container { width: 1000px; padding:0; margin: 0 auto; background: #fff url("../gfx/chemical.jpg") top right no-repeat; }

/* Header Bits */
img#main_structures { margin: 20px 20px; }
ul#main_menu { width: 550px; height: 37px; line-height: 37px; margin: 10px 0; padding: none; text-align: center; background: transparent url("../gfx/main-men.gif") top right no-repeat; clear: right; }
ul#main_menu li { display: inline; border-left: 1px solid #fff; padding: 0 10px; }
ul#main_menu li.first { border-left: none; }
ul#main_menu li a { color: #fff; background: #360; text-decoration: underline; }
ul#main_menu li a:hover { color: #ff0; }

/* Online Catalogue Section */
div#right_column {text-align:center;  width: 149px; float: right; margin: 10px 0; padding: 0 0 17px 0; background: #360 url("../gfx/green-bo.gif") bottom left no-repeat; color: #fff; }
/*div#right_column {text-align:center; width: 200px; float: right; margin: 10px 0 0 5px;padding: 0 0 17px 0; background: #360 url("../gfx/green-bo.gif") bottom right no-repeat; color: #fff; }*/
/*div#right_column h2 { padding: 0 0 0 100px; margin: 0; }*/
div#right_column h2 { padding: 0 0 0 0px; margin: 0; }
div#right_column h3 {  font: bold 1.2em Arial; margin: 3px auto; background: transparent url("../gfx/orange-o.gif") center center no-repeat;  padding: 0 0 0 10px; height: 22px; line-height: 22px; }
div#right_column a { color: #fff; text-decoration: underline; }
div#right_column a:hover { color: #000; }

div#right_column .colour{ background-color:#360;}
div#search_panel input.button{ Width:100%; text-decoration:none; border:none;}
div#search_panel input.button:hover{ Width:100%; text-decoration:underline; border:none;}

div#right_column form { padding: 5px 0; margin: 5px; border-top: 1px solid #fff; }
div#right_column form p { text-align: center; margin: 3px 0; padding: 0; }

/* Content */

div#left_column { width: 200px; float: left; margin-top: 0 0 0 10px; text-align:left;}
div#content { width: 610px; margin:0 10px 0 20px; float: left; }
div#header { text-align:left;}

/* If user is logged in they get menus on the right */
ul.user_links { padding: 0; margin: 10px 5px; font:12px;  }
ul.user_links li {  list-style-type: none; }


/* Forms */
fieldset { margin: 5px; padding: 5px; border: 1px solid #999; clear: both; }
legend { margin: 0 15px; padding: 0 15px; font-size: 1.3em; border: 3px double #000; background: #eee; font-weight: bold; }
label { float: left; width: 160px; }
label.inline { float: none; width: auto; display: inline; }
input.button { border: 1px solid #fff; background: #390; color: #fff; }

/* Tables */
table { color: #000; background: #fff; font-size: 1.1em; text-align: left; }
table.product_list { border-collapse: collapse; font-size: 1em; text-align: left; }
table.product_list thead tr { background: #333; color: #fff; }
table.product_list th, table.product_list td { padding: 2px 5px; border: 1px solid #999; font-size: 1.1em; }
table.product_list th { padding: 2px 5px; border: 1px solid #999; font-size: 1.1em; background:#336600}
table.product_list tr.even { background: #f3f3f3; }
table.product_list tr.sub_total { background: #ddd; }
table.product_list tr.delivery { background: #bbb; }
table.product_list tr.tax { background: #ddd; }
table.product_list tr.grand_total { background: #000; color: #fff; }
table.product_list tr.grand_total th, table.product_list tr.grand_total td { font-size: 1.3em; }


/* Footer */
ul#bottom_menu { width: 877px; height: 51px; line-height: 51px; margin: 10px 0; padding: none; text-align: center; background: transparent url("../gfx/footer00.gif") top right no-repeat; clear: both; }
ul#bottom_menu li { display: inline; border-left: 1px solid #fff; padding: 0 5px; }
ul#bottom_menu li.first { border-left: none; }
ul#bottom_menu li a { color: #fff; background: #360; text-decoration: underline; }
ul#bottom_menu li a:hover { color: #ff0; }
p#copyright { font-size: 1.1em; clear: both; margin: 5px 0; text-align: center; }

.search_extender
{
    position:relative;
    z-index:1;
    background-color:White;
    border:1px solid #000;
    list-style:none;
    padding:0 0 0 0;
    width:auto;
}