@charset "UTF-8";
/* CSS Document */

*				{			
				margin: 0;
				padding: 0;
				}
	
html			{
				font-size: 100%;
				height: 100%;
				width: 100%;
				}

body			{
				font-size: 62.5%;
				height: 100%;
				width: 100%;
				background: #f2f3ef;
				/*url(../assets/page Background.png) 50% 0px repeat-y;*/
				}

@font-face		{
				font-family: "EraserRegular";
				src: url("../Eraser-fontfacekit/EraserRegular-webfont.eot");
				src: url("../Eraser-fontfacekit/EraserRegular-webfont.eot?#iefix") format("embedded-opentype"),
					 url("../Eraser-fontfacekit/EraserRegular-webfont.woff") format("woff"),
					 url("../Eraser-fontfacekit/EraserRegular-webfont.ttf") format("truetype"),
					 url("../Eraser-fontfacekit/EraserRegular-webfont.svg#EraserRegular") format("svg");
				font-weight: normal;
				font-style: normal;
				}

h1				{
    			font-family: Arial, Helvetica, sans-serif;
				font-size: 2.6em;
				color: #9E001C;
				text-indent: -1000em;
				}

h2				{
				font-family: 'EraserRegular', Arial, Helvetica, sans-serif;
				font-size: 19px;
				line-height: 25px;
				color: #444; /*#9E001C*/
				text-transform: uppercase;
				position:absolute;
				top: 25px;
				left: 370px;
				width: 475px;
				}
				
h3				{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.8em;
				line-height: 1.8em;
				color: #67002F;
				text-transform: uppercase;
				margin-top: 1.6em;
				}
				
h4				{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.6em;
				line-height: 2.0em;
				color: #67002F;
				}

p				{
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				line-height: 1.6em;
				color: #666;
				margin-bottom: 0.5em;
				}

a				{
				font-weight: bold;
				text-decoration: none;
				color: #666;
				}
				
a:focus, a:hover, a:active {
				text-decoration: underline;
				color: #666;
				}

#wrapper		{
				margin: 0 auto;
				width: 960px;
				min-height: 100%;
				background-color: #fff;
				position: relative;
				-webkit-box-shadow: 0px 0px 8px 5px #dddddd;
				-moz-box-shadow: 0px 0px 8px 5px #dddddd;
				box-shadow: 0px 0px 8px 5px #dddddd;
				}
				
img				{
				border: 0;
				}
				
#mainContent	{
				position: relative;
				width: 960px;
				background-color: #fff;
				}

#col1			{
				float: left;
				width: 253px;
				margin-left: 25px;
				padding: 25px;
				}
				
#col2			{
				float: left;
				width: 253px;
				padding: 25px;
				}
				
#col3			{
				float: left;
				width: 253px;
				margin-right:25px;
				padding: 25px;
				}				
				
				

/* ------------------ MASTERHEAD ------------------ */


#mastHead		{
				position: relative;
				width: 960px;
				height: 100px;
				background-color: #fff;
				
				}
				
#mastHead p		{
				text-indent: -1000em;
				}				

.logo			{
				position:absolute;
				top: 0px;
				left: 0px;
				}

.wreath			{
				position:absolute;
				top: 20px;
				left: 850px;
				}


/* ------------------ /MASTERHEAD ------------------ */





/* ------------------ NAVIGATION ------------------ */

#navBar			{
				position: relative;
				background-color: #670930;
				width: 960px;
				height: 40px;
				z-index: 5;
				-moz-box-shadow: 0px 3px 10px #333;
				-webkit-box-shadow: 0px 3px 10px #333;
				box-shadow: 0px 3px 10px #333;
				}
				
.ribbonLeft		{
				position: absolute;
				background-image: url(../assets/ribbonl.png);
				height: 60px;
				width: 30px;
				bottom: -20px;
				left: -30px;
				}
				
.ribbonRight	{
				position: absolute;
				background-image: url(../assets/ribbonr.png);
				height: 60px;
				width: 30px;
				bottom: -20px;
				right: -30px;
				}
				
#navBar ul		{
				list-style-type: none;
				}

#navBar li		{
				float: left;
				}

#navBar a:link, #navBar a:visited {
				font: bold 1.1em Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				text-align: center;
				color: #fff;
				text-decoration: none;
				display: block;
				height: 25px;
				width: 150px;
				padding-top: 15px;
				}

#navBar a:hover {
				background: #9E001C;
				}

#home #homePageLink a:link, #home #homePageLink a:visited, #about #aboutPageLink a:link, #about #aboutPageLink a:visited, #products #productsPageLink a:link, #products #productsPageLink a:visited, #order #orderPageLink a:link, #order #orderPageLink a:visited, #contact #contactPageLink a:link, #contact #contactPageLink a:visited {
				background: #9E001C;
				}
			
#navBar #homePageLink {
				margin-left: 50px;
				}	
					
/* ------------------ /NAVIGATION ------------------ */





/* ------------------ HOME ------------------ */

#indexImage		{
				position: relative;
				width: 960px;
				height: 400px;
				background: #ffffff url(../assets/indexImage.jpg) no-repeat;
				}


#indexText		{
				float:left;
				width: 355px;
				margin-right: 50px;
				padding: 50px;
				}

#deliveryText	{
				float:left;
				width: 355px;
				padding: 50px 50px 0px;
				}



#deliveryText p {
				font-size: 1.2em;
				color: #666;
				line-height: 1.4em;
				margin-bottom: 15px;
				}
				
#deliveryText h3 {
				font-size: 1.2em;
				line-height: 1.6em;
				margin-top: 0;
				color: #67002F;
				margin-bottom: 1.0em;
				text-transform: uppercase;
				}		
			
.button 		{
				display: inline-block;
				margin: 2px 0px 10px;
				border-top: 1px solid #67002f;
				background: #67002e;
				background: -webkit-gradient(linear, left top, left bottom, from(#a80752), to(#67002f));
				background: -webkit-linear-gradient(top, #a80752, #67002f);
				background: -moz-linear-gradient(top, #a80752, #67002f);
				background: -ms-linear-gradient(top, #a80752, #67002f);
				background: -o-linear-gradient(top, #a80752, #67002f);
				padding: 10px 30px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
				-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
				box-shadow: rgba(0,0,0,1) 0 1px 0;
				text-shadow: rgba(0,0,0,.4) 0 1px 0;
				color: white;
				font-size: 1.4em;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				text-decoration: none;
				vertical-align: top;
				}
				
.button:hover	{
				border-top-color: #4f0025;
				background: #67002f;
				color: #eee;
				text-decoration: none;
				}
			   
.button:active	{
				border-top-color: #67002f;
				background: #67002f;
				text-decoration: none;
				}

.indexLorry		{
				float: left;
				margin-top: -92px;
				margin-left: 130px;
				}

/* ------------------ /HOME ------------------ */





/* ------------------ ABOUT ------------------ */

#prepPhoto		{
				float:left;
				margin-left: 25px;
				width: 545px; 
				height: 440px;
				overflow: hidden;
				}


.colHead		{
				margin-top: 0;
				}				
				
.pdfIcon		{
				position: relative;
				height: 25px;
				width: 25px;
				border: 0;
				vertical-align: -10px;
				margin-right: 5px;
				}

.pdfInfo		{	
				font-size: 0.70em;
				text-decoration: underline;
				}
				
.pdfInfo:hover	{	
				color: #333;
				}
				
.quote1			{
				font-size: 10em;
				color: #bbb;
				margin:-40px 0px -80px -10px;
				}
				
.quote			{
				font-size: 10em;
				color: #bbb;
				margin:-20px 0px -80px -10px;
				}
				
blockquote p	{
				font-style: italic;
				color: #9E001C;
				}
				
cite			{
				font-style: normal;
				font-weight: bold;
				}					
			
			
/* ------------------ /ABOUT ------------------ */





/* ------------------ PRODUCT ------------------ */


#product		{
				width: 910px;
				margin: 25px;
				}
				
#product img	{
				height: 125px;
				width: 132px;
				border: 0px;
				margin-bottom: 10px;
				}

#product ul		{
				list-style-type: none;
				}

#product li		{
				float: left;
				}

.productType 	{
				text-align: center;
				padding: 0px 25px 25px;
				}
				
.productType p	{				
				font-weight: normal;
				}
				
.productType p:hover	{				
				text-decoration: underline;
				}
				

/* ------------------ SUB-PRODUCT ------------------ */


#productNav		{
				float: left;
				background: #fff;
				width: 145px;
				margin-left: 25px;
				padding: 25px;
				}

#productNav ul	{
				list-style: none;
				}

#productNav a:link, #productNav a:visited {
				font: bold 0.8em Arial, Helvetica, sans-serif;
				line-height: 2.5em;
				text-transform: uppercase;
				text-align: left;
				text-decoration: none;
				color: #666;
				display: block;
				width: 100px;
				padding: 5px 10px;
				border-bottom: 1px solid #9E001C;
				}

#productNav a:hover {
				background-color:#eee;
				border-bottom: 1px solid #9E001C;
				}
				
#productNav ul li.current a {
				background-color:#fff;
				color: #9E001C;
				border-bottom: 1px solid #9E001C;
				}
				
#pListcol1, #pListcol2 {
				float: left;
				background: #fff;
				width: 190px;
				margin-left: 25px;
				padding: 25px 0 25px;
				}

#pListcol1 ul, #pListcol2 ul	{
				list-style-type: none;
				}

#pListcol1 li, #pListcol2 li	{
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1.3em;
				line-height: 1.3em;
				margin-bottom:0.5em;
				color: #666;
				}	

.category, .categoryFirst {
				font-weight:bold;
				text-transform:uppercase;
				color: #666;
				}
				
.category		{
				margin-top: 1.6em;
				}

#productPhoto	{
				width:230px;
				margin-left: 25px;
				padding-top: 25px;
				float: left;
				}

/* ------------------ /SUB-PRODUCT ------------------ */





/* ------------------ ORDER ------------------ */



.orderLorry		{
				margin-top:5px;
				}

.map			{
				position:absolute;
				width: 300px;
				height: 550px;
				top: 25px;
				right: 40px;
				}

#col1and2		{
				float: left;
				width: 700px;
				padding: 0 50px 25px;
				}
				
				
.telNumber		{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8em;
				line-height: 1em;
				margin-bottom: 0px;
				color: #9E001C;
				}
				
.smallPrint		{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				line-height: 1.5em;
				color: #9E001C;
				}


/* ------------------ /ORDER ------------------ */





/* ------------------ CONTACT ------------------ */

#col2and3		{
				float: left;
				width: 555px;
				padding: 25px 25px 50px;
				}
				
.googleMap		{
				margin-top: 7px;
				}
				
				
				
/* ------------------ /CONTACT ------------------ */





/* ------------------ FOOTER ------------------ */


#footer			{
				position: relative;
				margin: -40px auto 0;
				width: 960px;
				height: 40px;
				background: #670930;
				clear:both;
				}

#mainContent	{
				overflow:auto;
				padding-bottom: 40px;
				}

body:before		{
				content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;
				}
	
.footertxt		{
				padding-top: 14px;
				text-align: center;
				color: #ffffff;
				font-size: 0.8em;
				}
				
				
/* ------------------ /FOOTER ------------------ */





/* ---------------- Clear Fixes ---------------- */				


.clearFix:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
				}
			
.clearFix:		{
				height: 1%;
				}			
				
				
/* ---------------- /Clear Fixes ---------------- */