/* @override http://lifelinepublications.org/lp3.css */

/*////////////////////////////////////////////*/
/*///////Reset styles/////////////////////////*/
/*////////////////////////////////////////////*/


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}

/*///////Clearfix/////////////////////////////*/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}


/*////////////////////////////////////////////*/
/*///////Sitewide styles//////////////////////*/
/*////////////////////////////////////////////*/


/*///////////Main page structure//////////*/

body {
font: 79%/1.6 helvetica, "helvetica neue", arial, sans-serif;
background: url(images/contentbg.jpg) left 120px repeat-x #fff;
}

#content {
width: 885px;
margin: 0 auto;
}
#maincontent {
width: 663px;
float:left;
margin-right: 0px;
}
#subcontent {
float: right;
width: 200px;
padding: 0;
font-size: .95em;
	clear: right;
}

/*///////Meta navigation tabs/////////////////*/

ul#tab {
text-align: center;
background-color: #E4E2D3;
font-size: .9em;
padding: 2px 0;
}

ul#tab li {
display: inline;
padding: 4px 15px;
border-right: 1px solid #ebebeb;
background-color:#fff;
}

ul#tab li a {
color: #555;
padding: 0px 0px;
text-decoration: none;
}

ul#tab li a:hover {
color: #000;
}

ul#tab li.currentsite {
background-color:#CCC991;
color: #fff;
padding: 4px 15px 5px;
}

/*///////Header///////////////////////////////*/

#header {
background: url(images/longheaderbg.jpg) 90% top repeat-y;
height: 123px;
/*border-top: 1px solid #ccc991;*/
/*border-bottom: 2px solid #ccc991;*/
padding: 0;
background-color: #C7CF9C;
}

#innerheader {
width: 885px;
position: relative;
margin: 0 auto;
height: 123px;
padding: 0;
/*background-color: #B1BB7D;*/
}

#header h1{
background: url(images/logo6.jpg) 260px 15px no-repeat #B1BB7C;
font-family: helvetica, "lucida grande", "trebuchet ms", sans-serif;
font-size: 2em;
color: #fff;
padding-top: 25px;
line-height: 1;
font-weight: 600;
text-indent: -99999px;
height: 100px;
width: 600px;
position: absolute;
right: 229px;
}

#header h1 a{
text-decoration: none;
color: #6c2b8f;
}

#logo {
position: absolute;
right: 0px;
bottom: 0px;
/*background-color:#8B9559;*/
/*background-color: #BAC581;	*/
width: 240px;
height: 123px;
background: url(images/logorightbg.jpg) top left no-repeat #C7CF9C;
}

#logo h3 {
position: absolute;
bottom: 6px;
right: 10px;
line-height: 1;
color: #fff;
font-size: 2em;
padding-right: 0px;
/*background: url(images/logo5.jpg) top left no-repeat #C7CF9C;*/
padding-top: 45px;
text-align: left;
width: 180px;
}

/*///////Footer //////////////*/

#footer {
clear: both;
/*border-top: 3px solid #CCC991;*/
background: url(images/footerbg2.jpg) left top repeat-x #E4E2D3;
margin-top: 40px;
padding-bottom: 0px;
font-size: .9em;
font-weight: bold;
/*background-color: #E4E3D1;*/
}

#innerfooter {
background: url(images/innerfooter2.jpg) left top no-repeat #E4E3D1;
margin: 10px auto 0;
width: 865px;
padding: 10px 10px 30px 10px;
}
#footer ul {
padding-bottom: 0px;
/*margin: 10px auto;
width: 885px;*/
color: #56723E;
/*text-align: right;*/
border-bottom: 1px dotted #56723E;

}

#footer p {
text-align: right;
/*margin: 10px auto;
width: 885px;*/
color: #56723E;
}

#footer ul li {
padding: 0 10px 0 0;
display: inline;
}

#footer ul li a {
color: #56723E;
text-decoration: none;
}

#footer ul li a:visited {
color: #56723E;
text-decoration: none;
}

#footer ul li a:hover {
color: #000;
text-decoration: underline;
}

/*///////Main navigation /////////////*/

div#mainnav {
position: absolute;
bottom: 0;
right: 229px;

width: 656px;
background: url(images/mainmenubg.jpg) left top no-repeat #A3AF63;

}

div#mainnav ul {
float: right;
margin-right: 20px;


}

div#mainnav li {
padding: 0px;
margin-right: 1px;
float: left;
}

div#mainnav li a {
display: block;
color: #CCC991;
color: #E4E3D1;
font-size: 1.1em;
padding-left: 10px;
padding-right: 25px;
text-decoration: none;
font-weight: bold;

}

div#mainnav li a:hover {
background: url(images/currentbg2.jpg) top left no-repeat;
text-decoration: underline;
border-top: none;
color: #fff;
}

div#mainnav li#current a:link {
background: url(images/currentbg2.jpg) top left no-repeat;
border-top: none;
color: #fff;

}

div#mainnav li#current a:visited {
background: url(images/currentbg2.jpg) top left no-repeat;
border-top: none;
color: #fff;
}

div#mainnav li#current a:hover {
border-top: none;
}

/*///////Crumbs////////////////////////*/

#crumbs {
clear: both;
position: relative;
background: url(images/subnavbg11.gif) bottom left repeat-x;
margin-bottom: 40px;
color: #56723E;
font-weight: bold;
}

#crumbs a, #crumbs p {
color: #56723E;
}

#crumbs a:hover {
color: #000;
}

#crumbs ul{
margin-right: 202px;
padding: 5px 10px;
}

#crumbs p{
position: absolute;
right: 0px;
top: 3px;
width: 200px;
text-align: left;

}

#crumbs li{
display: inline;
}

#crumbs li a {
padding: 3px 30px 3px 0;
background: url(images/rarrow.gif) 90% 50% no-repeat;
}

/*///////Secondary navigation /////////////*/

#subnav {
color: #333;
margin-top: 0px;
margin-bottom: 20px;
}

#subnav h2 {
font-size: 1.6em;
padding: 0px 0px 0px 10px;
color: #6E7B23;
line-height: 1;
font-weight: bold;
}

#subnav ul {
margin-top: 10px;
}

#subnav li {
border-bottom: 1px dotted #d1d1d1;
}

#subnav li.order {
background: url(images/basket.jpg) right 50% no-repeat;
}

#subnav li p {
padding-left: 15px;
}

#subnav a {
display: block;
font-weight: bold;
color: #6e6e6e;
padding: 2px 0 3px 12px;
margin: 0;
text-decoration: none;
}

#subnav a:hover {
text-decoration: underline;
border-left: 10px solid #99A364;
padding-left: 2px;
color: #333;
}

/*///////Category list////////*/

h2.categorylisth {
font-size: 1.6em;
padding: 3px 0px 0px 10px;
color: #6E7B23;
background: url(images/subcontentbgtop.jpg) top left no-repeat #e4e4e4;	
}

ul.categorylist {
background: url(images/subcontentbgbottom.jpg) bottom left no-repeat #e4e4e4;
/*color: #6e6e6e;*/
padding: 10px;
}



ul.categorylist a{
color: #484848;
text-decoration: none;
}

ul.categorylist a:hover{
text-decoration: underline;
color: #000;
}

/*/////individual sitewide styles////////////////////////////////*/

#maincontent h1 {
	font-size: 2em;
	margin-bottom: 15px;
	line-height: 1.2;
	font-weight: bold;
	/*color: #6E7B23;*/
	color: #333;
}

.hidden {display: none;}
em {font-weight: bold;}
.clearleft {clear: left;}

/*////////////////////////////////////////////*/
/*///////Individual page styles///////////////*/
/*////////////////////////////////////////////*/


/*///////Front page //////////////////////*/

#fpcontent {
width:390px;
margin-left: 0px;
float: left;
margin-right: 0px;
padding: 0 0 20px 0px;
/*background: url(images/fpcontent.gif) left top repeat-x;*/
}

#fpcontent h1 {
font-size: 1.8em;
margin-top: 10px;
color: #444;
}

.fpborder {
border-top: 3px solid #E4E3D1;
}

h3.fpcontenth3 {
margin-bottom: 5px;
}

div#newbox {
background: url(images/box390bottom.gif) bottom left no-repeat;	
margin-bottom: 20px;
line-height: 1.3;
color: #555;
}

div#newbox h2 {
background: url(images/box390top.gif) top left repeat-y;
padding: 5px 10px 5px;
margin-bottom: 0;
font-size: 1.6em;

font-weight: bold;
color: #6E7B23;
}

div#newbox h3 a, div#newbox h3 a:visited {

color: #555;
}

div#newbox ul {
background: url(images/box390middle.gif) top left repeat-y;;	
border-top: 1px dotted #d8d8d8;
padding-top: 10px;
}

div#newbox li {
margin-bottom: 20px;
clear: both;

}

div#newbox img {
margin: 0 10px;
float: left;
border: 3px solid #ababab;
padding: 1px;
}

div#newbox h3 {
padding-top: 20px;
font-weight: bold;
font-size: 1.2em;
color: #555;
padding-bottom: 6px;	
}


div#newbox p {
padding: 0 10px 10px;
color: #555;


}


h2#samplesh2 {
background: url(images/box390top.gif) left top no-repeat;
/*background: url(images/catsection-top2.jpg) top left no-repeat;*/
padding: 5px 10px;
margin-bottom: 0;
font-size: 1.6em;
line-height: 1.2;
font-weight: bold;
color: #6E7B23;
}

p.samplesp {
background: url(images/box390bottom.gif) top left repeat-y;
/*background: url(images/catsection-bottom2.jpg) bottom left no-repeat;*/
padding: 5px 10px;
border-top: 1px solid #d8d8d8;
text-align: right;
width: 370px;

}

ul#samples {
padding:0px 0px;
background: url(images/box390middle.gif) top left repeat-y;
/*background: url(images/catsection-middle.jpg) top left repeat-y;*/
width: 390px;

}

ul#samples li {
padding: 10px 10px 20px;
border-top: 1px dotted #d8d8d8;

width: 160px;
float: left
}

ul#samples h3 {
font-weight: bold;
font-size: 1.2em;
color: #555;
padding-bottom: 6px;
}

ul#samples h3 a {
color: #555;
text-decoration: none;
}

ul#samples h3 a:hover {
color: #000;
text-decoration: underline;
}

ul#samples img {
padding: 0 10px 10px 0;
float: left;
}

ul#samples li p  {
color: #484848;
}

#subcontent2 {
width: 180px;
float: right;
padding: 0px 10px 0 10px;
line-height: 1.3;
/*background-color: #e4e4e4;*/

}

#subcontent2 h2 {
font-size: 1.6em;
padding: 3px 0px 0px 0px;
color: #6E7B23;
font-weight: bold;
border-top: 2px solid #6E7B23;
/*border-bottom: 2px solid #7A863E;*/
border-bottom: 2px solid #6E7B23;
line-height: 1;
margin-bottom: 5px;

}
#subcontent2 h3 {
font-weight: bold;
font-size: 1.2em;
color: #555;

}

#subcontent2 ul {
padding-bottom: 10px;
margin: 5px 0px 5px;
line-height: 1.3;
	
}

#subcontent2 ul li {
margin-top: 5px;
padding: 0 0px;
color: #484848;
}

#subcontent2 p {
margin: 0px 0px 5px;
color: #484848;

}

/*ul#network {
padding: 0 0px;
border-bottom: 1px solid #E4E3D1;
}

ul#network li {
padding: 10px 0;
border-top: 1px solid #E4E3D1;
}

ul#network li h3 {
font-size: 1.2em;
line-height: 1.1;
font-weight: bold;
padding-bottom: 5px;
}

ul#network li p {
line-height: 1.3;
color: #484848;
}*/

/*////////////////////////////////////////////*/
/*///////Catalogue landing page styles////////*/
/*////////////////////////////////////////////*/

.catsection {
width: 540px;
font-size: 1em;
margin-bottom: 20px;
background: url(images/catsection-middle.jpg) top left repeat-y;
position: relative;
}

.catsectionbody {
background: url(images/catsection-bottom2.jpg) bottom left no-repeat;
}

.catsection h2 {
font-size: 1.8em;
padding: 0px 10px;
border-bottom: 1px dotted #d1d1d1;
background: url(images/catsection-top2.jpg) top left no-repeat;
color: #6E7B23;
font-weight: bold;
}


.catsection h2 a, .catsection a, #related a {
color: #484848;
text-decoration: none;
}

.catsection a:hover {
color: #000;
text-decoration: underline;
}

.catsection ul.listing {
padding: 0px 0px 10px;
margin-top: 20px;
width: 50%;
}

.catsection ul.listing li {
padding: 6px 10px;
border-bottom: 1px dotted #d1d1d1;
}

.catsection ul.listing .stockcode {
color: #fff;
background-color: #6E7B23;
padding: 6px;
margin-right: 10px;
background: url(images/imagestackh4bg.png) bottom right no-repeat;
}

ul.imagestack .stockcode {
padding: 3px;
position: absolute;
left: 6px;
top: 6px;
display: inline;
color: #fff;
font-size: 1em;
background: url(images/imagestackh4bg.png) bottom right no-repeat;
/*	opacity: .9;*/
}

ul.imagestack {
float: right;
width: 260px;
}

ul.imagestack li {
float: left;
position: relative;
}

ul.imagestack li img {
margin: 3px;
border: 3px solid #d4d4d4;
}

/*////////One section page//////// */

#onecatsection {
width: 540px;
font-size: 1em;
margin-bottom: 20px;
background: url(images/catsection-middle.jpg) top left repeat-y;
position: relative;
}

#onecatsection h1 {
font-size: 1.8em;
padding: 5px 10px;
border-bottom: 1px dotted #d1d1d1;
background: url(images/catsection-top2.jpg) top left no-repeat;
color: #6E7B23;
font-weight: bold;
}

#onecatsection h2 {
font-size: 1.4em;
margin-right: 260px;
}

#onecatsection h2 a {
color: #484848;
text-decoration: none;
}

#onecatsection h2 a:hover {
color: #000;
text-decoration: underline;
}

#onecatsection ul {
min-height: 130px;
background: url(images/catsection-bottom2.jpg) bottom left no-repeat;
}

#onecatsection ul li {
padding: 6px 10px;
border-bottom: 1px dotted #d1d1d1;
}

#onecatsection ul .stockcode {
color: #fff;
background-color: #6E7B23;
padding: 2px;
margin-right: 6px;
}

#onecatsection p {
width: 100%;
padding: 10px 10px 10px 0px;
color: #484848;
}

#onecatsection img {
margin: 10px;
margin-top: -20px;
float: right;
border: 3px solid #e4e4e4;
}


/*//////Single product page/////////////////*/

#productinfo  {
width: 607px;
margin-bottom: 30px;
position: relative;
background-color: #F6F7F1;
background: url(images/boxtop610noborder.jpg) top left no-repeat #F6F7F1;
}

#productinfo h1 {
padding: 10px;
}

#productinfo  img{
float: right;
clear: right;
margin: 0px 10px 10px;
border: 4px solid #e4e4e4;
padding: 1px;
}

#productinfo  p, #productinfo  ul {
padding: 5px 10px;
color: #484848;
}

#productinfo  h2{
padding: 0px 10px;
font-size: 1.4em;
width: 40%;
margin: 0px;
background-color: #646466;
color: #fff;
display: inline-block;
}

ul#format {
background: url(images/formatboxbg.jpg) top right no-repeat;
margin: 20px 10px 5px 0px;
padding: 10px;
background-color: #e4e4e4;
font-size: .9em;
width: 40%
}

#related {
background: url(images/relatedbg.jpg) bottom right no-repeat #e4e4e4;
margin: 5px 10px 0px 0px;
padding: 10px;
width: 40%;
color: #6e6e6e;
}

#related h3 {

font-weight: bold;
display: inline;
padding-right: 5px;
}
#related p {
display: inline;
padding: 0px;
font-size: .9em;
}


table#pricetable {
float: right;
clear:right;
margin-right: 15px;
margin-top: 0px;
width: 200px;
}

#pricetable td, #pricetable th {
padding: 0 5px;
border: 1px dotted #484848;;
text-align: center;
color: #484848;
width: 50%;
}

#pricetable th {
font-weight: bold;
}

dl#guidelines {
margin-left: 0px;
margin-right: 10px;
background-color: #e4e4e4;
width: 40%;
padding: 10px;
font-size: .9em;
}

dl#guidelines dt {
display: inline;
font-weight: bold;
color: #484848;
}

dl#guidelines dd {
margin-left: 5em;
margin-bottom: -10px;
position: relative;
top: -1.6em;
color: #484848;
}

#productinfo a.add {
font-size: .9em;
padding-left: 15px;
background: url(images/add.jpg) 5px 50% no-repeat #646466;
color: #fff;
padding: 5px 10px 5px 25px;
font-weight: bold;
}

/*////////////Full list//////////////////////////////////*/

ul#fulllist h2 {
font-size: 1.1em;
font-weight: bold;
float: left;
line-height: 1.4;
margin-right: 20px;
}

ul#fulllist li {
margin-bottom: 15px;
padding: 5px;
background-color: #e4e4e4;
}

ul#fulllist li p {
text-align: right;
}

ul#fulllist a{
color: #484848;
text-decoration: none;
}

ul#fulllist a:hover{
text-decoration: underline;
color: #000;
}

/*//////////// Price list//////////////////////////////////*/

table#full_list {
width: 100%;
color: #484848;
}

table#full_list a {
color: #484848;
text-decoration: none;
}

table#full_list a:hover {
color: #000;
text-decoration: underline;
}

#full_list th {
border: 1px solid #c4c4c4;
padding: 4px;
font-size: 1em;
font-weight: bold;
background-color: #646466;
color: #fff;
}

#full_list td {
border: 1px solid #c4c4c4;
padding: 4px;
font-size: 1em;
}
/*////////////Order form//////////////////////////////////*/

table#orderform {border-collapse: collapse; width: 100%; margin-bottom: 15px; margin-top: 15px; font-size: 1em; color: #484848;}
table#orderform td {border: 1px solid #484848; padding: 5px;}
table#orderform th {border: 1px solid #484848; padding: 5px; text-align: left; font-weight: bold;}
table#orderform td.rightalign {text-align: right;}
table#orderform a {color: #484848;}
.centrealign { text-align: center;}



#orderconf {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-top: 15px;
padding-bottom: 10px;
}

#orderconf h2 {
font-size: 1.3em;
font-weight: bold;
}

#orderconf h3 {

font-weight: bold;
}

#orderconf form {
text-align: right;
}
.customerdetails {
float: left;
width: 50%;
margin-bottom: 20px;
}

.checkouth2 {font-size: 1.2em; font-weight: bold;}
form#signup {background-color: #fff; margin-top: 20px; padding: 10px 20px 20px 20px; border: 1px solid #555; color: #333;}
form#signup h2{font-size: 1.2em; font-weight: bold; text-align: left;}
form#signup p{margin: 10px 0;}
.mandatory {color: red;}

.signuptext {display: block; width: 250px; float: left; margin-bottom: 10px;}

.signuplabel {display: block; text-align: right; width: 150px; float: left; padding-right: 20px; margin-bottom: 10px;}

.signupinput {margin-left: 170px; margin-bottom: 10px;}
.smallformfield {width:100px;}
.titleformfield {width:50px;}

#signup br {clear: left;}

/*////////////Static pages//////////////////////////////////*/

#static_page {
width: 540px;
margin-bottom: 20px;
	height: 2px;
}

#static_page h2 {
font-size: 1.3em;
margin-bottom: 10px;
font-weight: bold;
color: #333;
}

#static_page h3 {
font-size: 1.1em;
margin-bottom: 10px;
font-weight: bold;
color: #333;
}

#static_page p {
margin-bottom: 10px;
color: #333;
}

#static_page ul {
margin-bottom: 10px;
color: #333;
list-style-type: square;
padding-left: 10px;
}


/*/////////////////Code of Practice////////////////*/


#copbox {
border: 1px dotted #484848;
margin-top: 20px;
padding: 10px;
color: #484848;
}

#copbox h2 {
font-size: 1.6em;
}

#copbox h3 {
font-size: 1.3em;
margin-top: 10px;
}

#copbox ul {
padding-left: 0px;
}
#copbox li {
list-style-type: square;
margin-left: 12px;
}

#copbox p {
padding: 10px 0;
}

/*////////////Contact page//////////////////////////////////*/

p.contactaddress {float: left; width: 250px; margin-bottom: 30px;}

form.zemContactForm {
	color: #333;
	clear: left;
}

form.zemContactForm fieldset {
	padding: 10px;
}

form.zemContactForm legend {
	font-size: 1.6em;
	font-weight: bold;
	
}

form.zemContactForm label {


}

form.zemContactForm input {
margin-bottom: 15px;
}

ul.zemError {
color: red;
}

.zemThanks p {
clear: both;
padding-top: 20px;
font-size: 1.2em;
font-weight: bold;
}

/*////////////Search//////////////////////////////////*/

#subcontent form {
padding-left: 10px;
margin-bottom: 15px;
color: #333;
}

#subcontent form input, #searchpage form input, #crumbs form input, #errorcontent form input{
margin-right: 10px;
}

#crumbs form p {
	text-align: right;
	
}

#searchpage {
margin-right: 70px;
}

#searchpage strong {
font-weight: bold;
}

#searchpage ul {
margin: 30px 0;
}

#searchpage li {
margin: 15px 0;
padding-bottom: 20px;
background: url(images/1.gif) left bottom no-repeat;

}

#searchpage li h2{
font-size: 1.1em;
font-weight: bold;
}

/*////////////Error Page///////////////////////////*/

#errorcontent h2 {
font-size: 1.2em;
font-weight: bold;
}

#errorcontent p {
margin: 5px 0;
}