/* CSS Document */

* {
	padding:0;
	margin:0
}

/*---------------------------CLASS'S------------------------------------ */
.pagetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	padding-bottom:10px;
	text-decoration:none;
	font-weight:normal;
}
.pagetext_14px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	padding-bottom:10px;
	text-decoration:none;
	font-weight:normal;
}
.pagetext_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	padding-bottom:10px;
}
.pagetext_bold_underlined {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#000000;
	font-weight:bold;
	padding-bottom:10px;
}
.pagetext_darkblue_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#025090;
	font-weight:bold;
	padding-bottom:10px;
}
.pagetext_darkblue_bold_underlined, .pagetext_darkblue_bold_underlined a  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#025090;
	font-weight:bold;
	padding-bottom:10px;
}
.pagetext_arrow_bullets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	list-style-image:url(images/arrow.jpg);
	margin-left:20px;
	margin-top:10px;
}
.tick_bullets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	list-style-image:url(images/tick.jpg);
	margin-left:15px;
}
.semi_circle_bullets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	list-style-image:url(images/semi_circle_bullet.jpg);
	margin-left:15px;
}
.blue_circle_bullets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	list-style-image:url(images/blue_circle_bullet.jpg);
	margin-left:15px;
}
.footer_list{
	color:#86a9c9;
	line-height:1em;

}
.footer_list a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#86a9c9;
	line-height:1em;
	margin-left:0px;
}
._list a:hover {
	color:#fff;
}
.form_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#025090;
	font-weight:bold;
	padding:5px;
	border:#666666 solid 1px;
	margin-left:7px;
}
.listbox_default {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
}
.header_short {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bolder;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	background-image:url(images/header_line_small.jpg);
	background-position: left bottom;
	height:19px;
	width:270px;
	background-repeat:no-repeat;
}
.header_mid {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bolder;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	background-image:url(images/header_line_mid.jpg);
	background-position: left bottom;
	height:19px;
	width:370px;
	background-repeat:no-repeat;
}
.header_long {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bolder;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	background-image:url(images/header_line_long.jpg);
	background-position: left bottom;
	height:19px;
	background-repeat:no-repeat;
}
.ul_pagetext_indent {
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
.ol_pagetext_indent {
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
.arial_small_grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
}
.arial_med_grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.footer_headers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #86a9c9;
	text-decoration:none;
	font-size:24px;
	margin-left:0px;
	font-weight:bold;
}
.footer_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding-bottom:5px;
}
.footer_text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding-bottom:5px;
}
.footer_search{
	height:30px;
	width:650px;
	font-size:22px;
	padding:0;
	font:Arial, Helvetica, sans-serif;
	margin-top:20px;
	color:#000000;
}
.footer_search_button{
	height:30px;
	width:100px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	colour:#000000;
	margin:0 0 0 10px;
}
.footer_links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}
.footer_links {
	margin-bottom:5px;
}
.arial_mid_black {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	list-style-position:inside;
}
.arial_small_black {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
.breadcrumbs_blue {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#4C75A0;
	padding-left: 7px;
	padding-right: 5px;
}
.breadcrumbs_black {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#000;
	padding-left: 7px;
	padding-right: 5px;
}
a img {
	text-decoration:none;
	border:none;
}

a.page_text_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}

.page_text_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.page_text_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}

.left_pad_5px {
padding-left:5px;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
	padding-right: 5px;
}

.techSpecBorderTopBtm {
	border-bottom: 1px solid #4e74a1;
	border-top: 2px solid #CCCCCC;
}

.techSpecBorderBtm {
	border-bottom: 1px solid #4e74a1;
}

/*---------------------------MAIN DIVs------------------------------------ */
#main_container { /*THIS MAIN_CONTAINER HOLDS EVERYTHING APART FROM THE FOOTER*/
	width: 1000px;
	height:auto;
	float:left;
	position:relative;
	z-index:100;
	background-image:url(images/left_border_bg.jpg);
	background-repeat:repeat-y;

}
#main_container_no_right_offers { /*THIS MAIN_CONTAINER HOLDS EVERYTHING APART FROM THE FOOTER - IT IS FOR THE 'BLANK' TEMPLATE*/
	width: 1003px;
	height:auto;
	float:left;
	position:relative;
	z-index:100;
	background-image:url(images/left_border_bg.jpg);
	background-repeat:repeat-y;
}
#main_container_no_left_border { /*THIS MAIN_CONTAINER HOLDS EVERYTHING APART FROM THE FOOTER AND DOES NOT HAVE A LEFT BORDER*/
	width: 100%;
	height:auto;
	float:left;
	position:relative;
	z-index:100;
	background-image:url(images/left_border_bg.jpg);
	background-repeat:repeat-y;
	
}
#sub_container { /*THIS SUB_CONTAINER HOLDS EVERYTHING APART FROM THE OFFERS ON THE RIGHT AND FOOTER - HENSE 80% WIDTH*/
	width: 80%;
	height:auto;
	float:left;
	position:relative;
	z-index:100;	
}
#top_border {
	width: 100%;
	height:75px;
	background-color:#04508E;
	z-index:11;
}
#logo_main {
	width:450px;
	height:76px;
	top:0px;
	position:absolute;
	z-index:50001;
	left: 0px;
}
#main_content {
	width:840px;
	float:left;
	position:relative;
	padding-left:10px;
}
#main_content_with_rightoffers {
	width:620px;
	float:left;
	position:relative;
	padding-left:10px;
}
#main_content_no_left_pad {
	width:840px;
	float:left;
	position:relative;
}
#main_content_index { /*NO AUTOMATIC 10PX PADDING LEFT FOR THE MAIN CONTENT OF PAGE */
	width:75%;
	height:auto;
	float:left;
	text-align:left;
	position:relative;
	padding-left:150px;
}
#main_content_no_left_border { /*NO LEFT BORDER */
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	position:relative;
}

/************************************* ACTION BOXES **********************************/
#actionBox_buy, #actionBox_talk, #actionBox_twitter {
	position:relative;
	top:0px;
	float:left;
	width:170px;
	height:90px;
	margin:10px;
	padding:5px;
	background-image: url(AdvertBox/AdvertBox_talk.jpg);
}

#actionBox_buy{
background:url(AdvertBox/AdvertBox_buy.jpg) no-repeat;
}

#actionBox_talk{
background:url(AdvertBox/AdvertBox_talk.jpg) no-repeat;
}

#actionBox_twitter{
background:url(AdvertBox/AdvertBox_twitter.jpg) no-repeat;
}

.actionBoxHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;	
}

.actionBoxText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

/************************************* FOOTER **********************************/
#footer { /* ------------FOOTER TEXT AREA------------ */
	width: 100%;
	background:#4c76a0;
	text-align:center;
	position:relative;
	top:0px;
	height:300px;
	float:left;
	padding:5px 0px;
	margin-bottom:5px;
	border-top:1px solid #FF9900;
}
#footer_bar { /* ------------FOOTER BAR 100% WIDTH------------ */
	background:#86a9c9;
	border-top:#FF9900 solid 1px;
	position:relative;
	top:0;
	float:left;
	width:100%;
	height:10px;
	left: 0px;
	padding:0;
	margin:0;
}	
#footer_box{ /* ------------FOOTER BOX------------ */
	position:relative;
	top:0px;
	height:auto;
	float:left;
	margin-left:30px;
}
#footer_box_container{ /* ------------FOOTER BOX CONTAINER------------ */
	position:relative;
	width:840px;
	padding:5px 0; 
	margin:5px auto;
	border-bottom:1px solid #86a9c9;
}
#footer_bar_fixed { /* ------------FOOTER BAR STAYS AT 850PX------------ */
	background-image:url(images/footer_bg.jpg);
	background-repeat:repeat-x;
	width:850px;
	height:2px;
	position:relative;
	top: 0px;
	float:left;
	padding:0;
	margin:0;
}	
/*-------------------------------SEARCH + EXPRESS ORDER-------------------------------*/
#express_search_container {
	position:relative;
	float:left;
	width:145px;
	height:auto;
	left:5px;
}
/*-------------------------------EXPRESS ORDER-------------------------------*/
#express_order {
	width:135px;
	height:230px;
	position:relative;
	background-image:url(images/express_order_bg2.jpg);
	background-repeat:no-repeat;
	z-index:500;
	padding-top:2px;
	margin-top:10px;
}
#express_order h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-indent: 10px;
	margin-top:5px;
	height:auto;
}

#express_order .exptitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-left:10px;
	margin-top:8px;
	height:auto;
	font-weight:bold;
}

#express_order p {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	margin-top:7px;
	width:130px;
	margin-left:10px;
	height:auto;
}
#express_inner {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	width:140px;
	margin-top:5px;
	height:auto;
	position:relative;
	float:left;
	color:#FFFFFF;
	padding-left:10px;
	vertical-align:middle;
}
#express_product_code{
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	width:120px;
	height:98px;
	float:left;
	position:relative;
	text-align:left;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: auto;
}
#express_qty{
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	width:50px;
	height:auto;
	float:right;
	text-align:left;
	text-indent:5px;
}
.product_code_textbox {
	margin-top:5px;
	width:90px;
	font-size:11px;
}
.product_qty_textbox {
	margin-top:5px;
	width:30px;
}
.express_order_button {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	margin-left:6px;
	top:5px;
	position:relative;
}

/*-------------------------------SEARCH------------------------------------*/
#search {
	width: 135px;
	height:100px;
	position:relative;
	z-index:3;
}
#search h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-indent: 10px;
	margin-top:5px;
}

#search .searchtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-left: 10px;
	margin-top:5px;
	font-weight:bold;
}

#search p {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	margin-top:7px;
	width:130px;
	margin-left:10px;
}
.search_textbox {
	margin-top:5px;
	width:110px;
	margin-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.search_listbox {
	margin-top:5px;
	width:114px;
	margin-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:1;
}
.search_button {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	margin-left:71px;
	margin-top:5px;
}

/*------------------------------- MSDS COA IN LEFT PANE------------------------------------*/
#msds_coa_container {
position:relative;
float:left;
width:134px;
height:310px;
background-image:url(../images/left_pane/msds_coa_bg_new.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:10px;
padding:5px 0px 0px 10px;
}
#msds_coa_container h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#msds_coa_container p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:5px;
}
.msds_coa_textbox {
width:105px;
font-size:11px;
}
.coa_textbox {
width:105px;
font-size:11px;
top:-5px;
position:relative;
}
.msds_button {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:80px;
margin-left:12px;
margin-top:5px;
position:relative;
}
.coa_button {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:80px;
margin-left:12px;
margin-top:5px;
position:relative;
top:-5px;
}
.coa_small {
margin:0px;
padding:0px;
position:relative;
top:-5px;
width:130px;
}
.msds_coa_line {
position:relative;
float:left;
padding-top:10px;
left:-5px;
top:-2px;
}

/*-------------------------------CATALOGUE LOGIN------------------------------------*/
#catalogue_login {
	width:358px;
	height:75px;
	left:428px;
	position:absolute;
	top: 0px;
	background-color:#025090;
	z-index:800000;
	padding-left:100px;
}
#catalogue_login h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#catalogue_login .logintitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

#catalogue_login p {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
}
.catalogue_textbox {
	margin-top:2px;
	width:110px;
	margin-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.small_underlined {
	font-family: Arial;
	font-weight:bold;
	font-size:8px;
	color:#FFFFFF;
	text-decoration:underline;
	margin-left:62px;
}
.catalogue_login_button {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	width:50px;
}

.browse_reg_button_padding {
padding-top:3px;
padding-bottom:1px;
}
.forgotten_pass, .forgotten_pass a  {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding-top:1px;
	margin-left:30px;
}
.forgotten_pass a:hover {
color:#CCCCCC;
}
/*-------------------------------NEW USER------------------------------------*/
#new_user {
	width:216px;
	height:75px;
	left:784px;
	position:absolute;
	top: 0px;
	background-color:#025090;
    z-index:800001;
}
#new_user h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#new_user .newusertitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}


#new_user p {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
}
.new_user_button {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	width:110px;
}

/*------------------------------ BREADCRUMBS -----------------------------------*/
#breadcrumbs {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	padding-top:0px;
}
.breadcrumbs_arrow {
	padding: 10px 0px 0px 5px;
}
/*-------------------------------- FORMS ---------------------------------------*/

#form_container {
	position:relative;
	float:left;
	width:600px;
}

.mandatory_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
}

/*-------------------------------- Pop up message div ----------------------------------*/
.msgbox {
background-image:url(images/msgbox.png);
position:absolute;  
top: 30%;
left: 40%;
width:304px; 
height:156px;
z-index:999999;  
visibility:hidden;
}

#msgclose {
position:relative; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:FFFFFF;
width:260px;
margin-top:5px;
margin-right:15px;
float:right;
text-align:right;
padding:2px;
}

#msgcontainer {
position:relative; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:240px;
margin-top:40px;
left:8px;
padding:15px;
}


/*--------------------------------styling for login box if they have items -------------------*/
#progress_order {
	width:160px;
	height:44px;
	left:528px;
	position:absolute;
	top: 15px;
	background-image:url(offers/images/topbasket.jpg);
	background-repeat:no-repeat;
	background-color:#025090;
	z-index:800000;
	padding:10px 0px 0px 50px;
}
#progress_order a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0000CC;
}
#progress_order p {
	font-family: Arial;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}

/*-----------------------------Coming soon banner-------------------------------------------*/

#comingsoon_banner {
position:absolute;
float:right;
width:420px;
height:304px;
top:103px;
right:0px;
background-image:url(images/comingsoon_banner.png);
background-position: top right;
background-repeat:no-repeat;
z-index:10000;
}



#preview {
	width:324px;
	height:15px;
	left:428px;
	position:absolute;
	top: 0px;
	background-color:#025090;
	background-image:url(images/preview_overlay.gif);
	background-repeat:no-repeat;
	z-index:800000;
	padding: 45px 30px 15px 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}

/*-----------------------------Div advert-------------------------------------------*/

#divadvert {
	position:absolute;
	width:200px;
	height:200px;
	top:13px;
	left: 50%;
    margin-left: 225px;
	background-image:url(images/new_stars.gif);
	background-repeat:no-repeat;
	z-index:20000;
	cursor:pointer;
}

/*-----------------------------404 error-------------------------------------------*/

#error_notfound{
float:left;
	position:relative;
	width:584px;
	height:442px;
	background-image:url(images/404_error.jpg);
	background-repeat:no-repeat;
}

#error_text_notfound{
float:left;
position:relative;
margin:235px 180px 0px 185px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#aceton_bottle{
position:absolute;
left:600px;
top:1px;
width:396px;
height:420px;
z-index:500000;
}

/*-------------------------msds chemical prompt-------------------------------*/
#out{
position:absolute;
top:480px;
left:2px;
padding:16px 5px 0px 0px;
width:148px;
height:84px;
text-align:right;
background-image:url(images/buttons/buy_chemical.png);
background-repeat:no-repeat;
z-index:50000;
}

#out a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FF3300;
text-decoration:none;
}

#out_msdspage{
position:absolute;
top:510px;
left:60px;
padding:16px 5px 0px 0px;
width:148px;
height:84px;
text-align:right;
background-image:url(images/buttons/buy_chemical.png);
background-repeat:no-repeat;
z-index:50000;
}

#out_msdspage a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FF3300;
text-decoration:none;
}

#social_wide_bookmarks{
position:relative;
float:left;
width:450px;
height:50px;
margin:30px 5px 5px 5px;
}

#main_newsBox_holder{
position:relative;
float:left;
height:auto;
}