/***********************************************************
	PRODUCT DISPLAY AREA WINDOW
***********************************************************/	

#PRODUCT_DISPLAY_AREA {
	padding-right: 10px;
	padding-bottom: 35px;
	padding-left: 10px;
	padding-top: 10px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #444343;
	font-weight: bold;
}
#Personal_Homepage_Tabs {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;


}
#Welcome_Message {
	float: left;
	width: 258px;
}

#Personal_Homepage_Tabs h1 {
	margin: 0px 0px 2px;
	padding: 8px 0px 0px 10px;
	font-size: 0.825em;
	font-family: Arial, Helvetica, sans-serif;
	color: #426b84;
	float: left;
	display: block;
	font-weight: normal;
}

#Personal_Homepage_Tabs ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#Personal_Homepage_Tabs ul li {
	display: inline;
}
#Personal_Homepage_Tabs ul li a {
	float: right;
}
#Personal_Homepage_Tabs #MyHomeTAB a {
	background-image: url(../images/buttons/tab_my_home.gif);
	height: 24px;
	width: 44px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;

}
#Personal_Homepage_Tabs #MyHomeTAB a:hover {

}

#Personal_Homepage_Tabs #MyAccountTAB a {
	background-image: url(../images/buttons/tab_my_account.gif);
	height: 24px;
	width: 134px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;

}
#Personal_Homepage_Tabs #MyAccountTAB a:hover {

}
#Personal_Homepage_Tabs #MyOrdersTAB a {
	background-image: url(../images/buttons/tab_my_products.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 24px;
	width: 134px;

}
#Personal_Homepage_Tabs #MyOrdersTAB a:hover {

}
.customise_message {
	display: block;
	clear: left;
	font-size: .625em;
	padding-left: 10px;
	color: #999999;
}
.customise_message a {
	background-image: url(../images/buttons/double_arrow_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	text-decoration:none;
	color: #339999;
}
.customise_message a:hover {
	background-image: url(../images/buttons/double_arrow_on.gif);
	text-decoration: underline;
	color: #CC6600;
}

/***********************************************************
	PRODUCT DISPLAY TABLES
***********************************************************/	

/*------------------------------------------------------------------------
	General TABLE Styles (This applies to all tables in the website)
------------------------------------------------------------------------*/	
table {
	font-size: 1em;
	color: #666666;
	background-color:#FFFFFF;
}

tr {
	background-color: #F7F7F7;
}
tr:hover {
	background-color: #ECF0F2
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2d4f63;
	font-size: 0.8em;
	text-align: center;
	padding: 5px;
	background-color: #E1E1E1;
	background-image: url(../images/backgrounds/th_blue_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

/*-----------------------------------------------------------
	Specific Styles applied to the product results tables
------------------------------------------------------------*/	

.resultstable {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #E9EBEB;
	margin-bottom: 10px;
}

.resultstable tr {
	font-size: .8em;
}
.resultstable .TD_product_image {
	text-align: center;
	vertical-align: top;
	padding: 5px;
	width: 6%;
}
.resultstable td.TD_product_image:hover {
	background-color: #D5DDE1;
}
.resultstable td.TD_product_cartbutton:hover {
	background-color: #dfe9db;
}
.resultstable .TD_product_image img {
	border: 1px solid #CCCCCC;
	padding: 3px;
	text-align: center;
	background-color: #FFFFFF;
/*	width: 50px;
	height: 44px; */
}
.resultstable .TD_product_image a:hover img {
	border: 1px solid #6691A8;
}
.resultstable .TD_product_desc {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	color: #666666;
	font-size: 0.875em;
}
.resultstable .TD_product_cat {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	color: #666666;
	font-size: .9em;
}
.resultstable .TD_product_price {
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
	color: #FF6600;
}
.resultstable .TD_product_cartbutton {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	width: 10%;
}
.resultstable .TD_product_cartbutton a {
	color: #339999;
	text-decoration: none;
}
.resultstable .TD_product_cartbutton a img{
	border:none;
}
.resultstable .TD_product_cartbutton a:hover {
	text-decoration: underline;
}
a.LINK_Product_Title {
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
	color: #339999;
}
a.LINK_Product_Title:hover {
	text-decoration: underline;
	color: #CC6600;
}
a.TD_more_details_link {
	text-decoration: none;
	color: #339999;
}
a.TD_more_details_link:hover {
	text-decoration: underline;
}
.showitems {
	margin-bottom: 10px;
}
.found_icon {
	background-image: url(../images/layout/icon_search_magnify_glass.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 13px;
	padding-top: 2px;
	float: left;
}
.resultstable td.quantity {
	font-size: small;
}




/***********************************************************
	PRODUCT LIST VIEW
	Styles that apply to the product list view
***********************************************************/


.showitems_found {
	background-image: url(../images/layout/showitems_bluebar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 0px;
	padding-left: 8px;
}
.showitems_found_bottom {
	background-image: url(../images/layout/showitems_bottom_bluebar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 0px;
	padding-left: 8px;
}
.showitems_per_page {
	background-image: url(../images/layout/showitems_greyplate.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
}
.showitems_per_page form {
	margin:0px;
}
.showitems_per_page select {
	font-size: 11px;
	color: #333333;
}
.showitems_per_page select#items_count {
	width: 27%;
	float: left;
}
.showitems_per_page select#sortby {
	width: 20%;
	float: right;
}
#SUBCATEGORY_LIST {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*-----------------------------------------------------------
	Specific Styles applied to the Product Sub Categories
------------------------------------------------------------*/	
#sub_category_breadcrumb {
	background-image: url(../images/layout/subcategory_bluebar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 2px;
	padding-left: 8px;
}
#sub_category_breadcrumb h2{
	color: #FFFFFF;
	font-size: 1em;
}
#sub_category_links {
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-color: #F2F2F2;
	background-image: url(../images/layout/subcat_bottom_edge.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: both;
}

ul#subCategoryList {
	list-style-type: none;
	margin: 0px;
	background-color: #f2f2f2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d0d0d0;
	border-left-color: #d0d0d0;
	font-size: 0.8em;
	background-image: url(../images/backgrounds/subcat_dropshadow_repeat.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 11px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	line-height: 1.4em;
}
ul#subCategoryList li {
	display: inline;
}
ul#subCategoryList li a {
	background-image: url(../images/buttons/subcategory_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right:2%;
	padding-left: 14px;
	text-decoration: none;
	color:#426b84;
}
ul#subCategoryList li a:hover {
	background-image: url(../images/buttons/subcategory_on.gif);
	text-decoration: underline;
	color: #6fa557;
}


/*-----------------------------------------------------------
	Specific Styles applied to Pagination links
------------------------------------------------------------*/	

#pagination {
	width:200px;
	float:right;
	padding-right: 5px;
}
#pagination ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
#pagination ul li {
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
}
#pagination ul li a{
	color:#FFFFFF;
	display: block;
	height: 17px;
	width: 15px;
	background-image: url(../images/buttons/page_number_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 3px;
	text-align: center;
	font-size: 11px;
	margin-right: 0px;
	text-decoration:none;
}
#pagination ul li a:hover{
	background-image: url(../images/buttons/page_number_on.gif);
	color:#345568;
	
}
#pagination ul li a.previous_page {
	background-image: url(../images/buttons/prevoius_page_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 27px;
	display: block;
	margin-right: 0px;
}
#pagination ul li a.previous_page:hover {
	background-image: url(../images/buttons/prevoius_page_on.gif);
}
#pagination ul li a.next_page {
	background-image: url(../images/buttons/next_page_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 17px;
	width: 27px;
	display: block;
	margin-left: 0px;
}
#pagination ul li a.next_page:hover {
	background-image: url(../images/buttons/next_page_on.gif);
}



/***********************************************************
	DETAILED PRODUCT VIEW
	Styles that apply only to the product detail view
***********************************************************/

#PRODUCT_DISPLAY_AREA h1{
	font-size: 1.1em;
	padding: 0px;
	text-transform: capitalize;
	font-weight: normal;
	color: #426b84;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#PRODUCT_DISPLAY_AREA a{
	color:#4983a6;
	text-decoration: none;
}
#PRODUCT_DISPLAY_AREA a:hover{
	color:#D98426;
	text-decoration: underline;
}
#PRODUCT_DISPLAY_AREA p {
	font-size: .8em;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#product {
	width: 100%;
	color:#666666;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
#productinfo {
	float: left;
	width: 140px;
	margin-right: 10px;
}
#productdetails {
	width: 400px;
	float: left;
}


#productinfo img {
	background-color: #FFFFFF;
	margin-bottom: 3px;
	padding: 3px;
}
#manufacturer {
	color: #5784A1;
	font-size: 0.9em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	/*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 8px;
	*/
	background-image: url(../images/layout/icon_stock_level.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}
#stocklevel {
	color: #5784A1;
	font-size: 0.9em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 8px;
	background-image: url(../images/layout/icon_stock_level.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}
.stocklevel_yes {
	color: #85b547;
	background-image: url(../images/layout/icon_stocklevel_yes.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	padding-left: 14px;
	margin-left: 4px;
}
.stocklevel_no {
	color: #b93f36;
	background-image: url(../images/layout/icon_stocklevel_no.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	padding-left: 14px;
	margin-left: 4px;
}

#safetystandards h5 {
	margin-top: 0px;
	margin-bottom: 1px;
	color: #CC3333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}
#safetystandards p {
	margin-top: 0px;
	margin-bottom: 2px;
	color: #999999;
	font-weight: normal;
	font-size: 0.775em;
	line-height: 1.2em;
}
#safetystandards ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#safetystandards ul li {

}
#safetystandards ul li a {
	font-size: 0.825em;
	display: block;
	background-image: url(../images/buttons/double_arrow_off.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 8px;
}
#safetystandards ul li a:hover {
	background-image: url(../images/buttons/double_arrow_on.gif);
}
#productdetails h1 {
	color: #eb9808;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
#priceinfo {
	float: right;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
}
#actualprice {
	color: #eb9808;
	font-size: 1.2em;
}
#vatprice {
	font-weight: normal;
	font-size: .7em;
	color: #7394A7;
}

#productcode {
	float: left;
	clear: left;
	font-size: 0.8em;
	color: #999999;
	margin-bottom: 3px;
	}
#productdescription {
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;

	
}
#productdescription h5 {
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 0.9em;
	color: #426b84;
	background-image: url(../images/backgrounds/title_description.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 4px;
	padding-left: 20px;
}
#productdescription p {
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	line-height: 1.3em;
}
#productvariants {
	float: left;
	clear: left;
	width: 75%;
}
#productvariants label {
	padding-left: 3px;
	width: 15%;
}
#product select {
	color: #203645;
	font-size: 11px;
}
#product input {
	color: #203645;
	font-size: 11px;
}







/***********************************************************
	BASKET VIEW
	Styles that apply only to the basket view
***********************************************************/

.resultstable tr.subtotal_row {
	background-color:#c5cccf;
	text-align: right;
	font-weight: bold;
	color: #2D4F63;
	background-image: url(../images/backgrounds/subtotal_row_bg_repeat.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 12px;
	text-transform: uppercase;
}
.TD_subtotal_row_price {
	text-align: right;
	padding-right: 5px;
}
.TD_product_link {
	padding:3px;
	text-align:center;
	font-size: 0.9em;
}
.TD_remove {
	text-align: center;
}
.TD_remove a img {
	border:none;
}
#shoppingbasket a.checkout_button {
	border: none;
	text-align: right;
	float: right;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}
#Home_Blurb {
	padding-bottom: 10px;
}


/****************************************************************
	HOMEPAGE VIEW
	Styles that apply to the HOME page and CUSTOMISED home page
****************************************************************/

#Home_Blurb .heatseal_logo {
	float: right;
	margin-bottom: 8px;
	margin-left: 16px;
	margin-right: 16px;
}
#Home_Blurb p {
	font-size: 0.7em;
}
#Home_Page_Display_Row1 {
	background-image: url(../images/backgrounds/topproducts_bg_repeat.gif);
	background-repeat: repeat-x;
	background-position: center top;
	float: left;
}

#Top_Products {
	padding-top: 10px;
	float: left;
	width: 330px;
	margin-bottom: 15px;
}

#Top_Products h2, #Special_Offers h2, #Other_Services h2 {
	background-image: url(../images/backgrounds/title_description.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 4px;
	padding-left: 20px;
	color: #426b84;
	margin-bottom: 5px;
}

#Top_Products a img {
	border:none;
	margin-bottom: 1px;
	padding: 0px;
}

.top_product_block {
	float:left;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	margin-right: 6px;
}

.top_product_block img {
	border: 1px solid #bdcdd7;
	background-color: #FFFFFF;
	padding: 2px;
	margin-bottom: 5px;
}

#Special_Offers {
	float: left;
	width: 224px;
	padding-top: 10px;
	padding-bottom: 15px;
}


#Other_Services a {
	margin-right: 10px;
	
}
#Other_Services {
	float: left;
	clear: left;
	width: 100%;
	background-image: url(../images/backgrounds/topproducts_bg_repeat.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom: 20px;
	padding-top: 10px;
}
.spacer_vert_10 {
	display: block;
	padding-bottom: 20px;
}



#Other_Services a.servicestab_safety {
	background-image: url(../images/buttons/tab_safetystand_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 35px;
	width: 120px;
	float: left;
}
#Other_Services a.servicestab_ordering {
	background-image: url(../images/buttons/tab_ordering_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 35px;
	width: 120px;
	float: left;
}
#Other_Services a.servicestab_embroidery {
	background-image: url(../images/buttons/tab_embroidery_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 35px;
	width: 173px;
	float: left;
}
#Other_Services a.servicestab_safety:hover {
	background-image: url(../images/buttons/tab_safetystand_on.gif);
}
#Other_Services a.servicestab_ordering:hover {
	background-image: url(../images/buttons/tab_ordering_on.gif);
}
#Other_Services a.servicestab_embroidery:hover {
	background-image: url(../images/buttons/tab_embroidery_on.gif);
}




/***********************************************************
	MESSAGES
	Styles applied to warning, and information messages
***********************************************************/	

#MESSAGE_BOX {
clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 1px;
	color:#FFFFFF;
	font-size: .7em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#MESSAGE_BOX p {
	color: #FFFFFF;
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 10px;
}

.warning_message {
	background-color:#cb5038;
}
.warning_icon {
	background-image:;
	border: #d9816f 1px solid;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-image: url(../images/layout/icon_warning.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;

}
.success_message {
	background-color:#6fa557;
}
.success_icon {
	background-image:;
	border: #97be86 1px solid;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-image: url(../images/layout/icon_success.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;

}
.icon_reminder {
	float: right;
	margin-right: 10px;
	margin-top: -20px;
	margin-left: 15px;
}

.info_message {
	background-color:#5a829a;
}
.info_icon {
	background-image:;
	border: #99b2c0 1px solid;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(../images/layout/icon_info_message.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	text-align: left;
	text-transform: none;

}


/***********************************************************
	ACCOUNT REGISTRATION
	Styles applied to the account registration page
***********************************************************/	

#account_registration_option {
	clear: both;
}
#account_registration_option ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#account_registration_option ul li {
	float: left;
	margin-right: 20px;
}
#account_registration_option ul li a {
	display: block;
	text-decoration: none;
}
#account_registration_option ul li a.trade_account {
	background-image: url(../images/buttons/trade_account_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 87px;
	width: 192px;
}
#account_registration_option ul li a.trade_account:hover {
	background-image: url(../images/buttons/trade_account_on.gif);
}
#account_registration_option ul li a.retail_account {
	background-image: url(../images/buttons/retail_account_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 87px;
	width: 192px;
}
#account_registration_option ul li a.retail_account:hover {
	background-image: url(../images/buttons/retail_account_on.gif);
}
#trade_or_retail {
	display: block;
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#trade_or_retail a.retail_small {
	background-image: url(../images/buttons/retail_account_small_on.gif);
	height: 16px;
	width: 98px;
	display: block;
	float: right;
}
#trade_or_retail a.trade_small {
	background-image: url(../images/buttons/trade_account_small.gif);
	height: 16px;
	width: 98px;
	display: block;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
}



/***********************************************************
	ACCOUNT SUMMARY
	Styles applied to customer account details page
***********************************************************/	

#Customer_Account_Details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .825em;
	color: #666666;
}
#Customer_Account_Details .form_row {
	padding-left: 8px;
}
#Customer_Account_Details .form_row .account_labels {
	color: #537A92;
	width: 120px;
	display: block;
	float: left;
	text-align: left;
	clear: both;
}
#Customer_Account_Details fieldset {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#Customer_Account_Details fieldset legend {
	margin-bottom: 10px;
	display: inline;
	font-weight: bold;
	color: #eb9808;
}
ol {
	font-size: 0.8em;
	color: #666666;
}