/*
----------------------------------------------- 
Modern CSS file - no hacks allowed

4canvas.com v001
----------------------------------------------- */

/*
-----------------------------------------------
Global whitespace reset
-----------------------------------------------*/
*
{
	padding: 0;
	margin: 0;
}

select { min-width: 1.5em; }

/*
-----------------------------------------------
Basic Tag Styles
-----------------------------------------------*/

body
{
	/*margin: 30px 0 30px 30px;*/
	margin: 40px auto;
	font: 9px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #565656;
	background: #464846;
	text-align: left;
}

img 
{
	border: 0;
}

table 
{
	margin: 0;
}


/*
-----------------------------------------------
Links
-----------------------------------------------*/

body a:link    { color: #88B101; text-decoration: none; }
body a:visited	{ color: #88B101; text-decoration: none; }
body a:hover		{ color: #50483F; text-decoration: none; }
body a:active	{ color: #990036; text-decoration: none; }

/*
-----------------------------------------------
Headlines
-----------------------------------------------*/

h1, h2, h3, h4, h5, h6 
{
	line-height:20px;
}


h1
{
	font-size:18px;
	margin-bottom:0px;
}

/*
-----------------------------------------------
Layout
-----------------------------------------------*/

#head {
	width: 869px;
	height: 37px;
	text-align: left;
	margin: 0 auto 10px auto;
}

#logo
{
	float: left;
	margin-right: 20px;
	background:url(../images/4printnewlogo.png) no-repeat 0 0;
	/*margin-top: 0;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;*/
	text-indent: -5000px;
	overflow: hidden;
	width: 173px;
	height: 37px;
}

#frame
{
	width: 671px;
	border: 2px solid #FFF;
	padding-left: 79px;
	/*background: #737476;*/
	margin: 0 auto;
	text-align: left;
	background: #737476 url(../images/sidebg.gif) no-repeat left top;
}

#navigation {
	/*width: 738px;
	height: 74px;*/
	line-height: 28px;
}

#maincol {
	width: 669px;

	background: #FFF;
	/*display: inline;*/
}

/*
-----------------------------------------------
Generic classes
-----------------------------------------------*/
 
.floatclear { overflow:hidden; }

hr.clear {
	display: block;
	clear: left;
	margin: -0.66em 0;
  visibility: hidden;
}

.clear
{
	clear: both;
	display: none;
	width: 0;
	height: 0;
}

div.greybox
{
	margin: 2px 2px 0 0;
	border: 1px solid #DEDEDE;

}

div.greybox div { padding: 10px; }

div.greybox h2, div.item h2
{
	margin-bottom: 5px;
	line-height: 18px;
	color: #4E4E4E;
	font: 13px/18px Arial, Helvetica, 'Lucida Grande', Verdana, sans-serif;
	text-transform: lowercase;
	
}

div.greybox h3
{
	padding-left: 10px;
	line-height: 23px;
	background-color: #EBEBEB;
	color: #4E4E4E;
	font: 11px/23px Arial, Helvetica, 'Lucida Grande', Verdana, sans-serif;
	text-transform: lowercase;
	
}

div.highlight
{
	border: 1px solid #2482B2;
}

div.highlight h3
{
	color: #FFF;
	background-color: #2482B2;
}

p.fl
{
	float: left;
	margin-right: 10px;
	clear: both;
}

p.fr
{
	float: right;
	margin-left: 10px;
	clear: both;
}

/*
-----------------------------------------------
nav
-----------------------------------------------*/

#nav
{
	list-style: none;
	width: 770px;
	display: inline;
	vertical-align: text-bottom;
	text-transform: uppercase;
	font-family: Arial, Helvetica, 'Lucida Grande', Verdana, sans-serif;
	font-size: 11px;
}

#nav li
{
	display: inline;
}

#nav li a
{
	display: block;
	float: left;
	margin-left: 4px;
}

#nav li a:link, #nav li a:visited {
	color: #FFF;
	line-height: 38px;
	padding-right:3px;
}

#nav li a:hover {
	color: #A6D01E;
}


#nav li.active a{
	color: #A6D01E;
}


/*
-----------------------------------------------
homenav
-----------------------------------------------*/

#homenavigation {
	width: 659px;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	background-color: #2482B2;
	border-top: 2px solid #FFF;
}

#homenav
{
	list-style: none;
	width: 659px;
	/*display: inline;*/
	text-transform: uppercase;
	font-family: Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
}

#homenav li
{
	/*display: inline;*/
	float: left;
	/*margin-left: 10px;*/
}

#homenav li a
{
	/*display: block;*/
	/*float: left;*/
	margin-left: 3px;
}

#homenav li a:link, #homenav li a:visited {
	color: #FFF;
}

#homenav li a:hover {
	color: #393939;
}

#homenav li a.active {
	color: #404040;
}

/*
-----------------------------------------------
productnav
-----------------------------------------------*/

#productnavigation {
	/*width: 481px;*/
	line-height: 23px;
	border-top: 2px solid #FFF;
}

#productnav
{
	list-style: none;

	text-transform: lowercase;
	font: 14px/23px Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
}

#productnav li {  }

#productnav a {
	display: block;
	width: 479px;
	height: 23px;
	color:#88B101;
	padding-left:13px;
}



#productnav a:hover {
	background-color:#2482B2;
	color:#fff;
}




/*
-----------------------------------------------
maincol
-----------------------------------------------*/
#prodheader
{
	background: #EBEBEB url(../images/prodheaderbg.gif) repeat-y top left;
	padding-top: 69px;
	padding-left: 10px;
}

#prodheader h1
{
	line-height:21px;
	padding-bottom:15px;
	color: #4E4B4A;
	text-transform: lowercase;
	font: 21px Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
}

#homeleftcol
{
	float: left;
}

#homerightcol
{
	float: right;
}

#leftcol
{
	float: left;
}

#leftcol div.item
{
	margin: 2px 2px 0 0;
	clear: both;
}

#leftcol div.item div.itemdesc
{
	border: 1px solid #DEDEDE;
	height: 134px;
	margin-left: 2px;
	float: right;
	width: 392px;
}


#leftcol div.itemdesc2
{
	border: 1px solid #DEDEDE;
	margin-left: 2px;
	float: left;
	width: 522px;
	height:135px
}




#leftcol div.item div.itemdesc p
{
	font-size: 10px;
	line-height: 15px;
}

/*#leftcol div.item img
{
	float: left;
	clear: left;
}*/

#prod_desc
{
	min-height: 258px;
}

#spec_thumbs
{
	width: 118px;
	float: left;
}

#spec_thumbs img
{
	margin-bottom: 2px;
}

div.prodthumb
{
	float: left;
	clear: left;
}

#leftcol div.item h2
{
	margin: 10px 10px 5px 10px;
}

#leftcol div.item p
{
	padding: 0 10px 10px 10px;
}

#rightcol
{
	float: right;
	width: 134px;
}

#rightcol div.greybox div
{
	padding: 5px;
}

#homerightcol div.greybox, #rightcol div.greybox
{
	margin-right: 0;
}

#uploadImage
{
	float: right;
	border-top: 2px solid #FFF;
}

#newsheadlines
{
	width: 667px;
	min-height: 158px;
}

#newsboxl
{
	float: left;
	width: 400px;
	padding: 10px;
}

#newsboxr
{
	float: right;
	width: 200px;
	min-height: 115px;
	padding: 10px;
	border-left: 1px solid #DEDEDE;
}

#newsboxl p
{
	font-size: 10px;
	margin-top:0px;

}


#newsboxl img
{
	padding-right:10px;
}



div.greybox ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*list-style-position: default;*/
	font-size: 10px;
	
}


div.greybox li
{
	margin: 0;
	padding: 0;
}


div.greybox ul li a
{
	display: block;
	padding-left: 16px;
	background: transparent url(../images/arrow-white.gif) no-repeat 0 0;
	margin-bottom: 5px;
}

div.greybox ul li a:hover
{
	color: #A6D01E;
	background: #EEF1CC url(../images/arrow-green.gif) no-repeat 0 0;
}

#rightcol div.greybox ul li a
{
	padding-left: 16px;
	background-position: 0 0;
}

#whatwedo
{
	height: 158px;
	width:303px;
	background: #FFF url(../images/home-about-bg.gif) no-repeat bottom right;
}

#whatwedo p
{
	font-size: 10px;
	
}

#homecontact
{
	height: 158px;
}

#homecontact p
{
	font-size: 10px;
}

#homelinks
{
	width: 190px;
	float: left;
	height: 158px;
	display: inline;
}

#highlightproduct
{
	width: 667px;
	min-height: 150px;
	float: right;
	display: inline;
}

#highlightproduct p
{
	font-size: 10px;
}

/*
-----------------------------------------------
product spec
-----------------------------------------------*/
#specheader
{
	background: #EBEBEB url(../images/prodheaderbg.gif) repeat-y top left;
	padding-top: 69px;
	padding-left: 10px;
}

#specheader h1
{
	line-height:21px;
	padding-bottom:15px;
	color: #4E4B4A;
	text-transform: lowercase;
	font: 21px Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
}


#specleftcol
{
	float: left;
	width: 430px;
}

#specrightcol
{
	float: right;
	width: 239px;
	margin-top: 2px;
}

#specleftcol div.item
{
	margin: 2px 2px 0 0;
	clear: both;
}

#specleftcol div.item img
{
	float: left;
}


#specleftcol div.item div.itemdesc
{
	border: 1px solid #DEDEDE;
	min-height: 256px;
	margin-left: 2px;
	float: right;
	width: 305px;
}

#specleftcol div.item div.itemdesc h3
{
	padding-left: 10px;
	line-height: 23px;
	background-color: #EBEBEB;
	color: #4E4E4E;
	font: 11px/23px Helvetica, Arial, 'Lucida Grande', Verdana, sans-serif;
	text-transform: lowercase;
}

#specleftcol div.item div.itemdesc p
{	
	padding: 10px;
	font-size: 10px;
	
}

#speclist,
#specleftcol div.item div.itemdesc ul
{
	margin: 10px;
	padding: 0;
	list-style-type: none;
	/*list-style-position: default;*/
	font-size: 10px;
	
}

#speclist li a,
#specleftcol div.item div.itemdesc ul li a
{
	display: block;
	padding-left: 16px;
	background: transparent url(../images/arrow-white.gif) no-repeat 0 0;
	margin-bottom: 5px;
}

#speclist li a:hover,
#specleftcol div.item div.itemdesc ul li a:hover
{
	color: #A6D01E;
	background: #EEF1CC url(../images/arrow-green.gif) no-repeat 0 0;
}

#specnews
{
	width: 265px;
	min-height: 132px;
	float: left;
}

#speclinks
{
	width: 265px;
	min-height: 132px;
	float: left;
}

#specupload
{
	width: 131px;
	margin-top: 2px;
	float: left;
}

/*
-----------------------------------------------
terms
-----------------------------------------------*/

#terms
{
	border: 1px solid #DEDEDE;
	margin: 2px 2px 0 0;
	padding: 10px;
	font-size: 9px;
	
}

#terms h2, #terms h3
{
	font: 14px/14px Arial, Helvetica, 'Lucida Grande', Verdana, sans-serif;
	margin: 0 0 12px 0;
	color: #6D6D6D;
	font-weight: bold;
	text-transform: lowercase;
}

#terms p
{
	margin: 0 0 12px 0;
}

#terms ul
{
	margin: 0 0 12px 15px;
}

#terms ul li
{
	padding: 0;
}

/*
-----------------------------------------------
prices
-----------------------------------------------*/

#prices
{
	border: 1px solid #DEDEDE;
	margin: 2px 2px 0 0;
	padding: 10px;
	font-size: 11px;
	
}

#prices h2
{
	font: 13px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 7px 0;
}

#prices h2.tableh
{
	margin-top: 1.5em;
}

#prices h3
{
	font: 13px/18px Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	font-weight: bold;
}

#prices p
{
	margin: 0 0 1em 0;
	font-size: 11px;
}

#prices p.note
{
	margin: 0 0 1.5em 0;
	font-size: 9px;
}

#prices table
{
	margin: 0 0 1em 0;
}

#prices table th {
	text-align: left;
	padding: .5em;
	font-size: 9px;
}

#prices table td {
	text-align: left;
	padding: .5em;
	font-size: 10px;
}

#prices table tr.greybg
{
	background: #EBEBEB;
}

/*
-----------------------------------------------
contact
-----------------------------------------------*/
#contacttable {
	/*border: 1px solid #DEDEDE;*/
}


#contactleft {
	/*float: left;*/
	width: 248px;
	padding: 0;
	margin: 0;
}

#contactright{
	/*float: right;*/
	width: 248px;
	padding: 0;
	margin: 0;
}

.error { color: #FF6600; }

ul#form_errors
{
	color: #2482B2;
	font-size: 10px;
	padding-left: 2em;
	margin-bottom: 1em;
}

#contactform {
	/*font: 12px/14px Arial, Helvetica, sans-serif;*/
	/*color: #000;*/
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

legend {
	display: none;
}

#contactform h3
{
	clear: both;
	margin: 5px 0px 10px 0px;
	padding: 2px 0;
	font-size: 11px;
	font-weight: bold;
	background-color: #EBEBEB;
	text-indent: 6px;
}

form label {
	display: block;
	width: 248px;
	font-size: 10px;
	
	padding: 0px 0px 6px 0px;
}

/*#contactright label {
	width: 248px;
}*/

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

/*form label.field-first,
form label.field-address,
form label.field-city,
form label.field-postcode {
	clear: left;
}
*/

form label.field-first,
form label.field-last,
form label.field-city,
form label.field-postcode,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	/*width: 104px;*/
	width: 218px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-postcode input,
form label.field-phone input {
	float: left;
	/*width: 104px;*/
	width: 218px;
	padding: 0px;
}

form label.field-county {
	float: left;
	margin-right: 10px;
	width: 104px;
}

form label.field-county select {
	width: 104px;
	float: left;
	margin-top: 3px;
}
form label.field-address {
	float: left;
	width: 218px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 218px;
	padding: 0px;
}

form label.field-product,
form label.field-quantity,
form label.field-size {
	float: left;
	margin-right: 10px;
}

form label.field-product {
	width: 150px;
}

form label.field-quantity {
	width: 60px;
}

form label.field-size {
	width: 100px;
}

form label.field-product select,
form label.field-quantity select,
form label.field-size select {
	float: left;
	margin-top: 3px;
}

form label.field-product select {
	width: 150px;
}

form label.field-quantity select {
	width: 60px;
}

form label.field-size select {
	width: auto;
}

form input#trade_y,
form input#trade_n,
form input#call_n,
form input#call_y{
	clear: left;
	float: left;
	padding: 0px;
	margin: 0;
}

#contactright label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 6px 0px;
	width: 100px;
}

form textarea {
	display: block;
	margin-top: 3px;
}

#prices p.thankyou
{
	font-size: 14px;
	color: #2482B2;
}


/*
-----------------------------------------------
link colours
-----------------------------------------------*/

/*body a:visited { color: #88B101; }*/


/*
-----------------------------------------------
news colours
-----------------------------------------------*/

div.itemdesc h2.newstitle { color: #88B101; }






.article_separator {
	display:block;
	background-color:#fff;
	padding-top:5px;

	}



#comcontent{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;

	}
	


#comcontent .contentpaneopen td{
	line-height:16px;
	font-size:12px;
	}

#comcontent td.contentheading {
	padding-bottom:20px;
	font-size:22px;
	color:#A6D01E;
	}


.contentpaneopen td{
	border-spacing:0px; 
	padding:0;
	margin:0;
	}


newsboxl h2 {
	color:#f00;
	}


.small {
	font-size:11px;
	}


#comcontent .componentheadingblog{
	font-size:24px;
	padding-bottom:30px;
	}


#comcontent .contentheadingblog {
	padding-bottom:10px;
	font-size:18px;
	color:#A6D01E;
	border-top: 1px dashed #ccc;
	padding-top:10px; 
	width:600px;
	}


.createdate {
	font-size:11px;
	padding-bottom:5px;
	}


.contentpaneopenblog{
	font-size:13px;
	}


.contentpaneopenblog p{
	padding-top:5px;
	}



.xmap {
	padding-top:20px;
	padding-left:20px;
	}



#comcontent .componentheading{
	font-size:24px;
	padding-bottom:30px;
	}


.xmap ul{
	padding-top:20px;
	padding-left:20px;	
	}


.xmap ul ul{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;		
	}

.xmap .menutitle {color:#fff;}


#footer {
	width:880px;
	padding-top:20px;
	color:#ccc;
	}


#footer a{
	color:#ccc;
	}

#footer a:hover{
	color:#fff;
	}




#newfooter {
	padding-top:10px;
	color:#ccc;
	}


#newfooter a{
	color:#ccc;
	}

#newfooter a:hover{
	color:#fff;
	}