/* ADAPTIVE IMAGE CSS - Tolway Fixings core styles */

/* No hacks here - IE patches by in-page IE conditionals or other browser by server switched stylesheets */

/********************************* PALETTE ************************************/
/*
--- green ---
#F7FBF7 :+2
#00AA77 :+1
#007d57 :0
#005B40 :-2
--- orange/sand ---
#FFFBF2 :+3
#FFF0D2 :+2
#FFD782 :+1
#FFCC66 :0
#EC9F00 :-1
--- grey ---
#F9F9F9 :+3
#F0F0F0 :+2
#CCCCCC :+1
#999999 :0
#666666 :-1
#333333 :-2
#000000 :-3
--- other ---
#FF3333 :error
#CC3300 :cust price
#909090 :ailink
*/
/**************************** BODY & TAG DEFAULTS *****************************/
html, table {
	font-size:100%; /*fix IE resize bug*/
}
body {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 62.5%; /*default to equiv 1em = 10px - NB safari = 8.75px? */
	background-color: #CCCCCC;
	color: #333333;
	padding: 0;
	margin: 10px 0;
}
div {
	padding: 0;
	margin: 0;
}
p {
	padding: 0;
	margin: 0.1em;
}
a {
	color:#EC9400;
	text-decoration: underline;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
}
ul {
	list-style-position: outside;
	list-style-type: disc;
}
h1 {
	font-size: 1.5em;
	margin: 0 0 0.75em 0;
}
h2 {
	font-size: 1.25em;
	margin: 2em 0 1em 0;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.7em 0 0.7em 0;
}
h4, h5, h6 {
	font-size:1em;
}
input, select, th, td {
	font-size:1em;
}
li li, li p, td p, blockquote p {
	font-size:1em;
}

/**************************** TAG STYLES *****************************/
.txt_ucase { /*global tag style*/
	text-transform:uppercase;
}
h1.hdg_align_left { /*used by basket*/
	float:left;
}
h1.hdg_lstg { /*used by listing*/
	margin: 0;
}
h1.hdg_dtls { /*used by details*/
	margin: 0 0 1em 0;
}
h2.hdg_dtls {
	margin: 0.5em 0 0.5em 0;
	color: #007d57;
	font-size: 1.1em;
}
ul.lst_crumb, ul.lst_result {
	margin:0;
	padding:0;
	color:#666666;
	font-size:1.1em;
}
ul.lst_result {
	font-weight:normal;
	font-size:1em;
}
ul.lst_crumb li, ul.lst_result li {
	display: inline;
}
ul.lst_crumb img, ul.lst_result img {
	margin:0 0.5em;
	vertical-align: middle;
}
div.pd_rule {
	border-bottom:1px solid #007d57;
	width: 80%;
	margin: 0 0 1em 0;
}
p.txt_align_right, span.txt_align_right {
	float:right;
}
p.txt_small, span.txt_small,
p.txt_small_black, span.txt_small_black,
p.txt_small_dkgrey, span.txt_small_dkgrey,
p.txt_small_ltgrey, span.txt_small_ltgrey,
p.txt_small_org, span.txt_small_org {
	font-size: 0.8em;
}
p.txt_small_black, span.txt_small_black {
	color:#000000;
}
p.txt_large, span.txt_large {
	font-size: 1.2em;
}
p.txt_ltgrey, span.txt_ltgrey, p.txt_small_ltgrey, span.txt_small_ltgrey {
	color:#CCCCCC;
}
p.txt_dkgrey, span.txt_dkgrey, p.txt_small_dkgrey, span.txt_small_dkgrey {
	color:#666666;
}
p.txt_org, span.txt_org, p.txt_small_org, span.txt_small_org {
	color:#EC9F00;
}
p.txt_error, span.txt_error {
	color:#FF3333;
	width: 100%;
}
h2.txt_field_label, h2.txt_field_label_emph {
	font-weight:normal;
	color: #007d57;
	font-size: 1.1em;
	margin: 0.3em 0 0 0;
}
h2.txt_field_label_emph {
	color: #CC3300;
}
p.txt_field_value, span.txt_field_value, p.txt_field_value_emph {
	color:#000000;
	font-weight:normal;
	text-transform:none;
}
p.txt_field_value_emph{
}
p.centred {
	text-align:center;
}
p.centred_bold {
	text-align:center;
	font-weight:bold;
}
p.clear_both {
	clear:both;
}
ul.unmarked_list {
	list-style-type: none;
}
input.btn_link {
	vertical-align: middle;
	font-size: 0.95em;
}
.fl_l {
	float:left;
}
.fl_r {
	float:right;
}
a.lnk_small_dkgrey {
	text-decoration:none;
	color:#666666;
	font-size: 0.8em;
	cursor: default;
}
/***************************** TEMPLATE LAYOUT & DIV ********************************/

/******** page container ********/
#frame {
	font-size:1.2em;
	width:955px;
	text-align:left;
	background-image:  url(../images/leftfauxcolumn2.gif);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
}
/************** header **************/
#head {
	background-color:#007d57;
	background-image:url(../images/head_bg.jpg);
	background-repeat:no-repeat;
	min-height:102px;
}
	#head_logo {
		float:left;
	}
		#logo {
			position:relative;
			top:22px;
			left:10px;
		}
		#logo_print {
			display:none;
		}
	#head_login {
	float: right;
	width: 30%;
	background-color: #00AA77;
	min-height:102px;
	}
	#head_search {
		float: right;
		width: 30%;
		background-color: #007d57;
		color:#ffffff;
	}
	#nav {
		background-color: #000000;
		width: 100%;
		background-image:url(../images/hnavbar.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		color: #CCCCCC;
		clear:both;
	}
		#menu {
	padding: 0.3em 0 0.4em 230px;
	text-align: left;
		}
			#menu ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
				#menu ul li {
					display: inline;
					margin: 0 2.2em 0 0;
					padding: 0;
					font-weight: bold;
					font-size: 1.2em;
					/*white-space: nowrap;*/
					text-transform: uppercase;
				}
		#menu a {
			color: #FFFFFF;
			text-decoration: none;
		}
			#menu a:hover {
				color: #FFCC66;
			}
/****************************** main ***************************/
#main {
	width: 100%;
}
/************** main left (top level product nav) **************/
#main_l {
	float:left;
	background-image:  url(../images/main_left_title_bg3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	padding: 0 10px 2em 10px;
}
#main_l h1 {
	margin:0;
	padding:0.2em 1em 0 0;
	text-align:center;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 80%;
}
#main_l a {
	color:#FFD782;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 0.4em 0 0 0;
	text-decoration: none;
	width: 100%;
}
#main_l a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#main_l ul {
	margin: 0;
	padding: 2em 0 0 0;
	list-style-type: none;
}
#main_l ul li {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}
/************** main right (content area) **************/
#main_r {
	float: right;
	width: 755px;
}
	#content {
		width:695px;
		display:block;
		padding: 25px 30px;
	}
		#breadcrumb {
			padding-bottom:1em;
		}
#frame #main #main_r #content #alert_msg {
	background-color: #FFF4DD;
	padding: 0.5em 15px 0.7em 15px;
	margin-bottom: 2em;
	color: #9F6B00;
	font-size: 0.95em;
	text-align: center;
}

/*************************** ACCESSIBILITY ******************************/
/* ai_std_wcag.css */
#frame #main #main_r #content #alert_msg .alert_title {
	font-style: italic;
	font-size: 1.3em;
	font-weight: bold;
	color: #007d57;
	padding-bottom: 0.5em;
}

#main_r div.cat_paging_top, #main_r div.pro_paging_top, #main_r div.cat_paging_bottom, #main_r div.pro_paging_bottom {
	padding:1em 0;
	clear:both;
}
#main_r div.pro_paging_top{
	border-bottom:0;
}
#main_r div.pro_paging_bottom{
	border-top:1px solid #999999;
}
#main_r div.cat_paging_top{
	border-bottom:1px solid #999999;
}
#main_r div.cat_paging_bottom{
	border-top:1px solid #999999;
}
/*********************** footer *************************/
#foot {
	width:100%;
	text-align:center;
	background-color:#005B40;
	padding: 0.5em 0;
	color: #ffffff;
	clear: both;
	font-size: 1em;
}
#foot a {
	text-decoration:underline;
	color: #FFCC66;
}
#foot a:hover {
	text-decoration:underline;
	color: #FFCC66;
}

/************** adaptive image **************/
#ailink {
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	background-color: #CCCCCC;
	padding-top: 0.25em;
	color: #909090;
}
#ailink img {
	vertical-align: text-bottom;
	margin: 0 0.25em;
}
#ailink a {
	text-decoration: underline;
	color: #909090;
}

/*************************** PAGE (DIV) SPECIFIC ******************************/
/*about page div wrap*/
#about_center {
	text-align:center;
}

/* home page matrix layout*/
div.hm_cell {
	width:159px;
	padding:0;
	margin:0 7px 0 7px;
	min-height:145px;
	display:inline;
	float:left;
	overflow:hidden;
}
	div.hm_img {
		height:100px;
		padding:1px;
		display:block;
		text-align:center;
		margin: 0 auto;
		border: 2px solid #FFF0D2;
		width: 100px;
		overflow:hidden;
	}
		div.hm_img a {
			width: 100%;
			height: 100%;
			display: block;
		}
	div.hm_text {
		display:block;
		width:100%;
		margin-top:2px;
		/*clear:both;*/
		text-align:center;
		font-size:0.9em;
	}

/* product listing and search results page layout*/
div#pl_wrap{
	margin:0;
	padding:0;
	clear:both;
}
div#pl_wrap div.pl_row p.txt_field_label a {
	margin:0.3em 0 0 0;
	display: block;
}
	div#pl_wrap div.pl_row{
	width:695px;
	margin:0.5em 0;
	border-top: 1px solid #999999;
	clear:both;
	font-size:0.9em;
	overflow: visible;
	}
		div#pl_wrap div.pl_row p{
			margin: 0;
		}
		div#pl_wrap div.pl_thumb{
			float:left;
			margin:1px 20px 1px 0;
			height:100px;
			width: 100px;
			display:block;
			background-color:#FFFBF2;
			overflow:hidden;
		}
			div#pl_wrap div.pl_thumb a {
				height:100px;
				width:100px;
				display:block;
			}
		div#pl_wrap div.pl_3cols_right{
			float:right;
			width:575px;
		}	
			div#pl_wrap div.pl_details{
				float:left;
				width:330px;
			}
			div#pl_wrap div.pl_2cols_right{
				float:right;
				width:245px;
			}
				div#pl_wrap div.pl_prices{
					float:left;
					width:135px;
				}
				div#pl_wrap div.pl_order{
					float:right;
					width:80px;
					height:80px;
					margin:1px 0 1px 10px;
					padding:10px;
					background-color: #F7FBF7;
				}
/* category listing page layout */
div#cl_wrap{
	width:695px;
	margin:0;
	padding:0;
	clear:both;
}
	div#cl_wrap #cl_column1{
	float:left;
	width:347px;
	}
	div#cl_wrap #cl_column2{
	float:right;
	width:347px;
	}
		div#cl_wrap div.cl_row{
			width:347px;
			height:65px;
			margin:1em 0;
		}
			div#cl_wrap div.cl_thumb{
			float:left;
			height:60px;
			width:60px;
			margin: 0 10px 0 0;
			padding:1px;
			display:block;
			text-align:center;
			border: 1px solid #FFF0D2;
			overflow:hidden;
			}
				div#cl_wrap div.cl_thumb a {
					width: 60px;
					height: 60px;
					display: block;
				}
		
			div#cl_wrap div.cl_desc{
			float:left;
			width:273px;
			}
/* product detail page layout */
#dtls_wrap {
	font-size:0.9em;
}
#pd_image{
	float:left;
	width:350px;
	padding:1px;
	text-align:center;
	border: 2px solid #FFF0D2;
}
	#pd_img_wrap {
	background-color:#FFFBF2;
	width: 100%;
	height: 100%;
	}
#pd_text{
	float:right;
	width:310px;
	text-align:left;
}
	#pd_controls{
	padding: 0.75em 1em;
	background-color: #F7FBF7;
	}
#pd_datasheet{
	clear:left;
	margin: 0;
	padding: 0;
}
#pd_datasheet ul {
	margin:1em 0;
	list-style-position: inside;
	list-style-type: square;
}
#pd_datasheet ul li {
	margin:0.5em;
}
#pd_datasheet ul li img {
	vertical-align:middle;
}
/* basket and receipt (partial) page layout */
div#basket_head { /*clear following*/
	margin:0 0 2em 0;
	padding:0;
	width:100%;
}
form#frm_basket {
	clear: both;
	width: 100%;
	margin: 0;
}
table.tbl_basket {
	width:100%;
	text-align: left;
	margin: 0;
	clear: both;
}
table.tbl_basket input {
	font-size:1em;
	vertical-align: middle;
}
table.tbl_basket td, table.tbl_basket th {
	border-bottom:1px solid #FFFFFF;
	padding: 0.1em 0.2em;
	vertical-align: top;
}
table.tbl_basket th {
	background-color:#FFCC66;
	font-weight: bold;
}
table.tbl_basket th.tbl_ba_right, table.tbl_basket td.tbl_ba_right {
	text-align:right;
}
table.tbl_basket th.tbl_ba_center, table.tbl_basket td.tbl_ba_center {
	text-align:center;
}
table.tbl_basket tr.tbl_ba_row1 {
	background-color:#F9F9F9;
	font-weight:normal;
}
table.tbl_basket tr.tbl_ba_row2 {
	background-color:#F0F0F0;
	font-weight:normal;
}
table.tbl_basket tr.tbl_ba_foot td {
	background-color:#FFF0D2;
	text-align:right;
	font-weight: bold;
	padding: 0 0.2em;
}
div.bsk_invs_dels {
	width: 98%;
	margin: 1em 1%;
}
div.bsk_invs_dels div.bsk_del_details, div.bsk_invs_dels div.bsk_inv_details {
	border: 1px dotted #CCCCCC;
	width: 30%;
	margin: 2% 1% 0 1%;
	display: inline;
	float: left;
	color: #007d57;
	padding: 0.5em 0;
}
div.bsk_invs_dels div.bsk_del_details {
	background-color: #FFFBF2;
}
div.bsk_invs_dels div.bsk_inv_details {
	background-color: #F7FBF7;
}
div.bsk_invs_dels div.bsk_del_details p, div.bsk_invs_dels div.bsk_inv_details p {
	margin: 0 1em;
	padding: 0;
	font-size: 0.9em;
}
div.bsk_invs_dels div.bsk_del_details p.bsk_details_option, div.bsk_invs_dels div.bsk_inv_details p.bsk_details_option {
	margin-top: 0.5em;
}
div.bsk_invs_dels div.bsk_del_details input[type="radio"], div.bsk_invs_dels div.bsk_inv_details input[type="radio"] {
	margin: 0;
	vertical-align:middle;
}
div#bsk_alt {
	width: 100%;
	clear:left;
	margin: 1em 0;
}
div#bsk_alt input[type="radio"]{
	margin: 0;
	vertical-align:middle;
}
/* receipt page header layout */
#rc_inv_dtls {
	width:45%;
	float:left;
	margin:2em 0 1em 0;
}
#rc_del_dtls {
	width:45%;
	float:right;
	margin:2em 0 1em 0;
}
#rc_ord_dtls {
	width:100%;
	margin:1em 0 1em 0;
	clear: both;
}
#rc_ord_dtls p.rc_ord_note_left {
	float:left;
}
#rc_ord_dtls p.rc_ord_note_right {
	float: right;
}
/* used in contact us page for two column */
.left_col {
	width:45%;
	margin:0 5% 0.5em 0;
	float:left;
}
	.left_col h2 {
		margin:1em 0 0 0;
	}
	.left_col h3 {
		margin:0.3em 0 0.3em 0;
		color:#007d57;
	}
	.left_col p {
		margin:0;
	}
.right_col {
	width:45%;
	margin:0 0 0.5em 0;
	float:right;
}
	.right_col h2 {
		margin:1em 0 0 0;
	}
	.right_col h3 {
		margin:0.3em 0 0.3em 0;
		color:#007d57;
	}
	.right_col p {
		margin:0;
	}
/* terms page */
#terms_content h1 {
	padding:0;
	margin:0 0 0.75em 0;
}
#terms_content h2 {
	padding:0;
	margin:0.75em 0 0.4em 0;
}
#terms_content h3 {
	padding:0;
	margin:0;
}
#terms_content blockquote {
	padding:0;
	margin:0 2em;
}
/*************************** FORMS ******************************/
/* ai_std_form.css */
input[type="submit"], input[type="button"] {
	color:#007d57;
}
input[type="submit"].frm_btn_right, input[type="button"].frm_btn_right, input.frm_btn_right {
	float: right;
	clear: both;
}
form input, form textarea {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;	
	font-size:0.9em;
}
/********login, logout and search********/
#head_login form, #head_search form {
	padding:0.5em 1em 0 1em;
	margin:0;
}
#head_login form p, #head_search form p {
	margin: 0.1em 0;
	padding: 0;
}
#head_login form input.inp_txt, #head_login form input.inp_pwd, #head_search form input.inp_txt {
	margin: 0;
	padding: 0.1em;
	border: solid #666666 1px;
	width: 40%;
}
#head_search form input.inp_txt {
	border: solid #333333 1px;
	width: 60%;
}
#head_login form input#btn_login, #head_login form input#btn_logout, #head_search form input#btn_search {
	margin: 0 0 0 12px;
	padding: 0;
	color: #007d57;
}
#head_search form input#btn_search {
	margin: 0 0 0 12px;
}
#head_login form h1, #head_search form h1{
	display:inline;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0 0 0.3em 0;
	padding:0;
}
#head form .right_sm {
	float:right;
	margin-right:1em;
}
#head form .right_sm a {
	color:#FFD782;
	font-size:0.8em;
	font-weight:normal;
}
#head_login form label, #head_search form label {
	clear:both;
	float: left;
	text-align: right;
	padding: 0.25em 1em 0 0;
}
#head_login form label {
	width: 25%;
}
#head_search form label {
	width: 20%;
}
#head_login form p#login_user {
	clear:both;
	font-size:1.2em;
	color:#000000;
	margin: 0.5em 0.5em;
	min-height:2.25em;
	display:block;
	line-height: 99%;
}
#head_login #login_basket {
	margin: 0.4em 1em 0.4em 1.75em;
}
#head_login #login_basket a {
	color:#FFD782;
	text-decoration: none;
}
#head_login #login_basket a:hover {
	text-decoration: underline;
}
#head_login #login_basket img {
	vertical-align: middle;
}

/********product detail page controls********/
#pd_form{
	width:80%;
	background-color:#F7FBF7;
	margin: 0;
}
#pd_controls p{
	display: block;
	width: 100%;
	margin: 0.25em 0;
}
#pd_controls label{
	width: 40%;
	float: left;
	text-align: left;
	padding:0.2em 1% 0 0;
	margin:0;
	color:#007d57;
	font-weight:normal;
	clear: both;
	font-size: 1em;
}
#pd_controls input {
	float:right;
	font-size: 1em;
}
#pd_controls input#price {
	float:right;
	background-color:#F7FBF7;
	text-align: right;
	border: 0;
}
#pd_controls input[type="submit"] {
	font-weight: bold;
	font-size: 0.9em;
	float:right;
}
/********product listing & search results page controls********/
form.pl_form{
	padding:0;
	margin:0;
}
form div.pl_controls p{
}
form div.pl_controls label{
	display:block;
	color:#007d57;
	font-weight:normal;
	font-size: 1em;
}
form div.pl_controls input{
	margin: 0.1em 0 0.3em 0;
	font-size: 1em;
}
form div.pl_controls input[type="submit"] {
	font-weight: bold;
	font-size: 0.9em;
}

/********basket***********************************************/
#frm_order label {
	clear:both;
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 2%;
	padding-top: 0.4em;
}
#frm_order fieldset {
	margin-top:1em;
}
#frm_order legend {
	color:#007d57;
	font-weight:bold;
}
#frm_order input[type="text"] { /*input specific*/
	vertical-align: middle;
	margin: 1px 0;
}
#frm_order select { /*input specific*/
	vertical-align: middle;
	margin: 2px 0;
}
#frm_order input#btn_place {
	margin-left: 27%;
	font-weight: bold;
	color: #007d57;
}
#frm_order input#btn_quote {
	color: #007d57;
}

/********credit application***********************************************/
#frm_credit label {
	clear:both;
	width: 35%;
	float: left;
	text-align: right;
	padding-right: 2%;
	padding-top: 0.4em;
}
#frm_credit fieldset {
	clear:both;
	margin-top:1em;
}
#frm_credit legend {
	color:#007d57;
	font-weight:bold;
}
#frm_credit p {
	clear:both;
}
#frm_credit input[type="text"] { /*input specific*/
	vertical-align: middle;
	margin: 1px 0;
}
#frm_credit input[type="checkbox"] { /*input specific*/
	margin: 0.3em 0 0 0;
}
#frm_credit p.sub {
	clear:both;
	margin:1em 0 0 10em;
	font-weight:bold;
}
fieldset#per1, fieldset#per2, fieldset#per3, fieldset#per4, fieldset#per1_prev1, fieldset#per2_prev1, fieldset#per3_prev1, fieldset#per4_prev1  {
	display:none;
}
#frm_credit input#tfcreditsubmit {
	font-weight: bold;
	margin: 2em 0 1em 37%;
}

/*************************** FORM INPUT VALIDATION CLASSES ******************************/
/* use with JW class based javascript form validator - NB. if other (genuine) style rules are required - specify elsewhere */
/* required fields */
form input.jsval_req_any,
form input.jsval_req_num,
form input.jsval_req_int,
form input.jsval_req_email,
form input.jsval_req_tel,
form input.jsval_req_chk {
	/* no styles here */
}
/* not required fields but should be validated if not empty */
form input.jsval_num,
form input.jsval_int,
form input.jsval_email,
form input.jsval_tel {
	/* no styles here */
}