html, body, p, h1, h2, h3, div
	{
		margin: 0;
		padding:	0;
		border:	0;
		font-family:	Verdana, Geneva, sans-serif;
	
	}
	
/* GENERICS */

div
	{
	

		vertical-align: top;
	}	

a
	{
		/* color: inherit; */
		color: darkblue;
		text-decoration:	none;
	}
	
h1
	{
	
		color:	#6E5B2C;
		margin-bottom:	10px;
		font-weight: normal;
	}

p
	{
		font-size: 10pt;
	}
	
img
	{
		display: block;
	}	
	
.table
	{
		display: table;
	}
	
.table_cell, .cell
	{
		display: table-cell;
	}

.row
	{
		display: table-row;
	}
/* /GENERICS */

.centred
	{
		text-align: center;
		margin-left:	auto;
		margin-right: auto;
	}
	
.right, .number
	{
		text-align: right;
	}
	
.nowrap
{
	white-space: nowrap;
}
	
div.content
	{
		margin-top:		0;
		margin-bottom:	0;
		margin-left:	auto;
		margin-right:	auto;
		width:			1000px;
	
	}
div.container
	{
		width:	100%;
	}
div.header
	{
		
		background-color:	#EBEBEB;
		position:	relative;
	}

div.wid48pc
	{
			width: 48%;
	}
	

div.pad-right
{
	padding-right: 10px;
}
	
div.pad-left
{
	padding-left: 10px;
}
	
div#bag_circle
	{
		position: absolute;
		top: 0;
		left: -10px;
	}
div#bag_circle img
	{
		height: 100px;
	}
div#under_header
	{
		position:absolute;
		bottom: -50px;
		width:	100%;
		height:	50px;
	
		z-index: -10;

	}
	
div#darker
	{
		
		background-color:	#999793;
		height:	30px;
	}	
div#medium
	{
		background: url("bg-bottom.jpg");
		background-color:	#d1c9bc;

		height:	120px;
	}
	
div.titlebox
{
	margin-left: 120px; 
	width: 890px; 
	padding-top: 10px; 
	position: relative;
}

div.title
	{

	}
	
	
div.title h1
	{
		font-weight:	normal;
		color:			#9e8141;
		margin-bottom:	0px;
		font-size:		225%;
		letter-spacing: 1px;

	}
div.title p.title
	{
		text-indent:	1em;
		margin: 8px;

		
	}
span.brown
	{
		color:	#9e8141;
	}
	
span.large
	{
		font-size: 125%;
	}

span.small
	{
		font-size: 50%;
	}
span.medium
	{
		font-size: 80%;
	}

div.mobile_menu
	{
		display: none;
	}

div.menu_box
	{
		padding: 10px;
		
		background-color:	#999793;
	}
	
div.menu
	{
		margin-left: auto;
		margin-right:	auto;
	
	}
	
div.menu_item
	{
		padding:	0px 7px;
		border-left: 1px solid black;
		vertical-align: bottom;
	}
	
div.menu_item p
	{
		color:	#FFFFFF;
		font-size:	80%;
		font-weight: bold;
	}
	
div.address_block
	{
		padding-left: 20px;

	}
	
p.address_block_links
	{
		font-size: 90%;
		text-align: right;
		margin-bottom:	5px;
		letter-spacing: 1px;
	}
p.address_block_tel
	{
		font-size:	145%;
		text-align: right;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}
	
	
	
div.ten_steps_button img
	{
		padding-left:	10px;
		padding-right: 5px;
	}

div.prime, div.page
	{


	}

div.main
	{
		/* border:	1px solid blue; */
		margin:	15px auto 0px auto;
		width:	900px;
	}
	
div.sidebar
	{
		width:	280px;
	}

	
div.icon img
	{
		margin: 0 auto;
		width: 75px;padding:10px;
	}
	

div#welcome_box, div#welcome_box div
	{
		/* border:	1px dotted red; */
	
	}
	
p.intro_para
	{
		font-size:	110%;
		line-height:	150%;
		color:	#987e63;
		margin-bottom:	10px;
	}
	
p.para, p.info_para
	{
		font-size:	90%;
		line-height:	150%;
		color:	#444444;
		margin-bottom:	10px;
	}
	
p.info_para
	{
		color:#987e63;
	}

p.hilite_para
	{
		font-size: 120%;
		line-height: 170%;
		color: red;
	}
	
	
	
	
div.sample_request
	{
		/* border: 1px solid red; */

	}
	
table.sample_request
	{
		/* border: 1px solid red; */
		width: 287px;
		height: 362px;
		background: url("request-a-sample-background.jpg");
		background-color: orange;
		margin-left: auto;
		margin-right: 0;
	}
	
table.sample_request td
	{
		text-align: center;
		width:	240px;
		/* border-bottom:	5px solid orange; */
	}

table.sample_request td input, table.sample_request td select, table.sample_request td  textarea
	{
		width:	200px;
		padding: 5px;
	}

table.sample_request p.ras
	{
		color:	#FFFFFF;
		font-size:	115%;
		line-height:	150%;
		font-variant:	small-caps;
		font-weight: bold;
	}

div.sidebar_infobox
	{
		margin-top:	20px;
		/* border:	1px dotted green; */
		position: relative;
	}
	
div.sidebar_infobox_content
	{
		padding:	10px;
		width:	220px;
		background-color:	#FFF8EB;
		border:	5px solid #E0D4BF;
		margin: 0 auto;
		border-radius:	15px;
	}
	
div.sidebar_infobox_content .text
	{
		text-align: center;

		padding:  0px 15px 25px 15px;
	}	

div.sidebar_infobox_content .text p
	{
		font-size:	105%;
		line-height: 165%;
	}

div.sidebar_infobox_content .text p a, a.place_order
	{
		color: #951004;
	}
	
div.sidebar_infobox_content .text p a:hover
	{
		text-decoration: underline;
	}
div.si_link
	{
		position: absolute;
		bottom: 15px;
		right:	15px;
		z-index:	10;
		


	
	}

div.bag_pair 
	{
		margin-bottom: 20px;
	
	}
	
div.bag_link
	{

		width: 50%;
		
	}
	
div.fp_baglink_divider
	{
		margin: 10px auto 15px;
	}

div.bag_box
	{
		width:	270px;
		margin:	0px auto;
		border: 5px solid #FFFFFF;
		position: relative;
		
/* 		box-shadow: -5px 0px 5px -5px #999999,
					5px 0px 5px -5px #999999;
 */ 	}
	
div.bag_box:before
	{
		z-index: -1;
		position: absolute;
		content: "";
		
		
		/* width: 50%; */
		height: 90%;
		
		box-shadow: 5px 10px 5px 10px #999;
	/* 	box-shadow: -5px 0px 5px -5px #999999; */
		
	  -webkit-transform: rotate(-2deg);
	  -moz-transform: rotate(-2deg);
	  -o-transform: rotate(-2deg);
	  -ms-transform: rotate(-2deg);		
		transform: rotate(-2deg);
	}
	
div.bag_box:after
	{
		z-index: -1;
		position: absolute;
		content: "";
		
		
		width: 1%;
		height: 90%;
		
		top: -10px;
		
		box-shadow: 262px 10px 5px 10px #999;
	/* 	box-shadow: -5px 0px 5px -5px #999999; */
		
	  -webkit-transform: rotate(2deg);
	  -moz-transform: rotate(2deg);
	  -o-transform: rotate(2deg);
	  -ms-transform: rotate(2deg);		
		transform: rotate(2deg);
	}


	
div.over_bags
	{
		position: absolute;
		bottom: -50px;
		left: 25px;
	}
	
div.label
	{
		background-color:	#D5CFC2;
		width: 100%;
	}
div.bag_box_txt
	{
		color:	#604D23;

		vertical-align: middle;
	}
div.bag_box_txt p
	{
		font-size:	75%;
		text-indent: 1em;
	}

div.bag_box_arrow
	{
		padding: 5px;
	}
	
div.bag_box_img
	{
		/* border: 1px solid #aaaaaa; */
	}
	
div.bag_box_img img
	{

		margin: 0px auto;
		width: 100%;
	}
	
div.footer
	{

		background-color:	#E3E0DA;
		padding:	25px 0px;
		margin-bottom:	30px;
		clear: both;
		margin-top: 25px;
	}
	
div.footer_box
	{
		/* border: 1px dotted red; */
		margin-left: auto;
		margin-right: auto;
	}
div.footer_col
	{
		border-right: 3px dotted #9F9378;
		padding-right: 15px;
		padding-left:	15px;
	}
div.footer_col:last-child
	{
		border-right: 0px;
		color: red;
	}	
	
div.footer p
	{
		color:	#786653;
	}
	
table.footer_links td
	{
		padding:	0px 5px 5px 15px;
	}
	
table.footer_links td p
	{
		font-size:	80%;
	}
	
table.footer_address td p
	{
		font-size: 80%;
		line-height: 150%;
	}
div.product_intro
	{

	
	}

div.pi_box
	{
		position: relative;
		width: 850px;
		margin: 0 auto;
		background-color:	#FFFFFF;
		border:	1px solid #EEEEEE;
	}
	
	
div.pi_title
	{

		margin:	20px;
	}
div.pi_title h1
	{
		letter-spacing: 1px;
		font-size: 250%;
		
	}

div.pi_text
	{

		width:	50%;
		margin: 20px;
	}
	
div.pi_text p
	{
		font-size: 115%;
		line-height:	150%;
		color:	#987e63;
		letter-spacing: 1px;
	
	}
	
div.pi_text ul
	{
	
	}
	
div.pi_text ul li
	{
		color:	#987e63;
		font-size: 110%;
		padding: 10px;
	
	}
	
div.pi_image
	{
		position: absolute;
		bottom:	-10px;
		right: -25px;
	}
	
div.pi_enq
	{
		position: absolute;
		bottom: 10px;
		left: 50%;
	}
	
div.info_header
	{
		background-color:	#DED7CB;
		padding:			10px;
	}
	
div.info_header p
	{
		color:		#333333;
		font-family:	Verdana, Geneva, sans-serif;
		letter-spacing: 1px;
		font-size: 110%;
	}

div.info_data
	{
		background-color: #EEEBE5;
		margin: 5px 0px;
		padding-top:	10px;
		color:			#6E5B2C;	
	}
	
div.id_text
	{
		padding: 15px;
	}
	
 div.id_text p
	{
		font-size: 80%;
	}
div.id_text ul
	{
		margin: 0;
		list-style-type:	circle;
	}
div.id_text ul li
	{
		font-size: 80%;
		padding: 5px;
	}
	
div.quote_me
	{
		padding: 0 10px 10px 10px;
	
	}
	
div.size_block
	{
		width:	96%;
		margin: 0 auto;

	}
	
	
div.size_entry
	{
		width:	50%;
	}
div.size_entry p
	{
		padding: 5px;
	
	}

.size_mm
	{
		width: 100px;
	
	}
.size_mm2
	{
		line-height: 150%;
		padding:	5px 0px;
	}

div.info_data_text
	{
		padding: 10px 15px;
	}
	
div.info_data_text p
	{
		line-height:	175%;
		color:			#6E5B2C;
		font-size: 		100%;
		font-family:	Verdana, Geneva, sans-serif;
	}
	
	
table.ten_steps_table
	{
	
		margin: 0 auto 0 0;
	}

table.ten_steps_table td
	{
		padding: 10px;
	}
	
table.ten_steps_table td p
	{
		font-size:	150%;
		line-height: 150%;
		color:	#987E63;
		margin-right: 50px;
	}
table.ten_steps_table td p a
	{
		text-decoration: underline;
	
	}
	
div.enquiry_form
	{
		width: 				800px;
		margin: 			0 auto;
		padding:			25px;
		background-color: 	#FFFFFF;
		position: 			relative;
		border:				1px solid #999999;
	}
	
div.enquiry_formx::before {
    box-shadow: -20px 5px 5px 10px #999;
    content: "";
    height: 90%;
    position: absolute;
    transform: rotate(-2deg);
    z-index: -1;
}
div.enquiry_formx::after {
    box-shadow: 820px 5px 5px 10px #999;
    content: "";
    height: 90%;
    position: absolute;
    top: -10px;
    transform: rotate(2deg);

    z-index: -1;
}
	
div.preamble
	{
		margin-top: 0;
margin-bottom: 20px;
		width: 66%;
	}
	
div.preamble div.info_header h1
{
	margin: 0;
	padding: 0;
	font-size: 125%;
}
table.enquiry_form
	{
		margin: 0px auto;
		padding-bottom: 20px;
		width: 95%;
		/* border: 1px dotted black; */
	}

table.enquiry_form td.tag
	{
		text-align: right;
		vertical-align: top;
		padding: 5px;
		width: 190px;

	}

table.enquiry_form td input, table.enquiry_form td select
	{
		margin: 10px 0px;
		padding: 10px;
		width: 100%;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;
		box-sizing:			border-box;
		font-size: 120%;
	}
	
table.enquiry_form td input[type=checkbox]
	{
		width: 20px;
	}

table.enquiry_form td textarea
{
	width: 100%;
	padding: 10px;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
		font-size: 120%;
		resize: vertical;
}

	
div.spinner
{
	width: 870px; 
	margin: 0 auto;
	border: 1px solid #999999;
}
div.spinbox
	{
		width: 850px; 
		height: 335px; 
		border: 1px solid red; 
		margin: 0 auto; 
		background-color: white; 
		position: relative; 
		border: 10px solid white;
	}

div.slider
	{
		position: relative;
	}
	
div#slider-prev
	{
		position: absolute;
		left:-50px;
		top: 40%;
		z-index: 10;
	}
	
div#slider-next
	{
		position: absolute;
			right: -50px;
			top: 40%;
			z-index: 10;
	}
	
ul.bxslider 
	{
		margin-top: 0px;
	}
	
p#response
	{
		line-height: 175%;
	}
	
div.instant_quote_title p
	{
		color: #654D23;

		letter-spacing: 1px;
	}
table.instant_quote
	{
		width: 100%;
	}
table.instant_quote td
	{
		padding: 5px;
		text-align: right;
	}
	
table.instant_quote td select
	{
		width: 100%;
		
		border: 1px solid #624A30;
		padding: 5px;
		background-color:	#D5CEBF;
	}
.thin
	{
		width: 10px;
	}
table.iq_response
	{
		width:	100%;
	}

table.iq_response td
	{
		padding: 5px;
	}

table.iq_response td p.q_out
	{
		color:	#000000;
	}
	
p#q_price
	{
		font-size: 125%;
	}
	
h4
	{
		margin: 0px;
	}
	
#iq_response_box
	{
		display: none;
	}
	

ul.menu
	{
		padding: 0;
		margin: 0;
		list-style: none;

		text-align: center;
	}
	
.va-bottom
{
	vertical-align: bottom;
}

ul.menu li
	{
		display: inline-block;
		position: relative;
		font-size: 85%;

		border-right: 1px solid #777777;
		
	}
	
ul.menu li:last-child
	{
		border-right: 0;
	}
	
ul.menu li a
	{
		display: block;
		text-decoration: none;
		padding: 5px 10px;
		color: 	#ffffff;
	}
	
ul.menu li a:hover
	{
		text-decoration: none;
		color: darkblue;
	}
	
ul.menu li ul.dropdown
	{
		display: none;
		z-index: 999;
		position: absolute;
	text-align: left;
		min-width: 100px;
		background-color: #999793;
		padding-left: 10px;
	}	
ul.menu li:hover ul.dropdown
	{
		display: block;
		z-index: 999;
	}
	
ul.menu li:hover ul.dropdown li
	{
		border: 0;
		z-index: 999;
	}
	
.ta_address
	{
		overflow: auto;
		resize: none;
	}
	
div.company_info
	{
		text-align: center;
		margin: 15px auto 0px;
		font-size: 80%;

	}
	
p.about
	{
		font-size: 90%;
		line-height: 150%;
		margin-bottom: 10px;
		padding: 5px;
	}
	
p#order_response
	{
		text-align: right;
		color: blue;
	
	}
	
p.desc
	{
		margin-bottom: 10px;
	}
	
div.category a, div.subcategory a
	{
		color: darkblue;
	}
div.category
	{
		font-family: arial, sans-serif;
		padding: 5px;
	}
	
div.subcategory
	{
		font-family: arial, sans-serif;
		padding: 5px;
		padding-left: 15px;
	}
	
div.subcats
	{

	}
div.subcat_holder
	{

	}

div.subcat_box
	{

		width: 200px;
		float: left;
		overflow: hidden;

	}
	
div.subcat_thumb img
	{
		border: 1px dotted blue;
		margin: 15px auto 5px;
		padding: 5px;
		width: 150px;
		height: 150px;
	}
	
div.subcat_name
	{
		text-align: center;
		font-size: 80%;
	}


div.product_image_box
	{
		position: absolute;
		top:	40px;
		right: 0px;
	}
	
img.product_image_large
	{
		border: 1px dotted #efefef;
		height: 350px;
	}
	
/* ADD TO CART */

table.cart_add
	{

		margin: 10px;
	}
	
#cart-add-amount
	{
		width: 45px;
		text-align: center;
		padding: 5px;
		font-size: 125%;
	}
/* CART */

table.cart, table.customer_details
	{
		border-collapse: collapse;
		margin: 10px auto;
	}
	
table.cart td, table.customer_details td
	{
		padding: 5px;
		border: 1px solid #dedede;
	}

input.qty_input
	{
		width:	35px;
		text-align: center;
	}
	
a.proceed_btn
	{
		color:	blue;
		padding: 10px;

		font-size: 150%;
	}
	
table.customer_details input
	{
		width: 200px;
	}
td.error
	{
		text-align: left;
	}
	
td.error p
	{
		color:	red;
	}
	
div.pcbpic
	{
		/* border: 1px dotted blue; */
		
		float: right;
		width:40%;
		right: 0px;
		top: 0px;
		
		clear: both;
	}
div.pcbpic img
	{
		/* border: 1px dotted red; */
		width: 100%;
	}
	
div.pcbdetails
	{
		margin: 0px 0px 50px 0px;
	}
	

table.orderconfirm
	{
		border-collapse: collapse;
		margin: 10px auto;
	}
	
table.orderconfirm thead td
	{
		background-color:	#efefef;
	}	
table.orderconfirm td
	{
		padding: 5px 10px;
		border: 1px solid #efefef;
	}
	
div.orderconfirmfooter
	{

		margin: 25px 0px 50px;
	}
div.ocfooter
	{
		font-size: 90%;
		line-height: 200%;
	}
#website
{
	display: none;
}


@media only screen and (max-width: 900px) 
	{
		body
			{ 
				background-color: #FFFFFF;
			}
			
		div.full_header, div.full_footer
		{ display: none;}
			
		span.brown
			{	color: inherit;	}

		div.content
		{
			width: 100%;
			margin: 0 auto;
		}
		div.header
		{
			width: 100%;
			/* background-color: green; */
		}
		
		div.header div
		{
			/* border: 1px dotted black; */
		}
	
		div.main
		{
			width: 100%;
			/* background-color: yellow; */
		}
	
		.table
		{
			/* display: none; */
		}
		.table_cell
		{
			display: table;
			
		}
		
		div.titlebox
		{
				width: auto;
				margin-left: 40px;
				padding-top: 0px;
			background-color: blue;

			border: 3px solid red;

		
		}
	
		div#bag_circle
			{
				display: none;
			}
		
		div#bag_circle img
			{
				height: 0px;
			}
		
		div.spinner
			{
				display: none;
			}
		
		div.menu_box
			{
				display: none;
			}

		div.mobile_menu
			{
				display: block;
				/* clear: both; */
				/* float: left; */
				text-align: center;
			}

		div.mob_entry
			{
				font-size: 110%;
				line-height: 150%;
				padding: 0.5em;
				border: 1px dotted black;
				
				margin: 2px;
				display: inline-block;
			}
			
		div.mob_entry:hover
		{
			background-color: rgba(0,0,0,0.15);
			
		}

		div.footer
			{
				/* width: 500px; */
				margin: 0 auto;
				padding: 1em;
			}

		div#welcome_box
			{ 
				display: block !important; 
				background-color: white;
				padding: 0.75em;
				box-sizing: border-box;
			}

		div#welcome_box h1
			{ 
				text-align: center;
				margin: 0.75em;
				clear: both;
				padding: 0.25em;
				background-color: darkblue;
				color:	#FFFFFF;
			}
			
		div.fp_baglink_divider img
		{
			max-width: 90%;
		}
			
		div.company_info p
		{
			font-size: 110%;
			line-height: 180%;
			padding: 1em;
		}
			
			div.pi_box
				{
					position: relative;
					width: 100%;
					margin: 0 auto;
					background-color:	#FFFFFF;
					border:	1px solid #EEEEEE;
				}
	
	
div.pi_title
	{

		margin:	20px;
	}
div.pi_title h1
	{
		letter-spacing: 1px;
		font-size: 250%;
		
	}

div.pi_text
	{

		width:	100%;
		margin: 0px;
		padding: 20px;
		box-sizing:border-box;
	}
	
div.pi_text p
	{
		font-size: 115%;
		line-height:	150%;
		color:	#987e63;
		letter-spacing: 1px;
	
	}
div.pi_text ul
	{
	
	}
	
div.pi_text ul li
	{
		color:	#987e63;
		font-size: 110%;
		padding: 10px;
	
	}
	
div.pi_image
	{
		position: relative;
		bottom: 0;
		right: 0;
	}
	
div.pi_image img
	{
		max-width: 400px;
		margin: 0 auto;
	}
	
div.pi_enq
	{
		position: absolute;
		bottom: 10px;
		left: 50%;
	}			
			
			
		div.main
		{
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		
		div.sidebar
		{
			display: none;
		}
			
		table.instant_quote
		{
			width: 80%;
		}
		
		table.iq_response p
		{
			font-size: 10pt;
		}
		
		
		div.info_data_text p.desc
		{
			color: #333333;
			font-size: 105%;
			line-height: 165%;
		}
		
		div.wid48pc
			{
				width: 98%;
				padding-left: 10px;
			}
			
		table.instant_quote td select
		{
			background-color: white;
		}
		
		div.samples p img
		{
			max-width: 98%;
			margin: 0 auto;
		}
		div.bag_pair
		{
			margin-bottom: 0px;
		}
		
		div.bag_link
		{
			width: 100%;
		}
		div.bag_box
		{
			border: 2px solid white;
			width: 100%;
			margin-bottom: 20px;
		}
		
		div.bag_box_txt p
		{
			font-size: 120%;
			line-height: 170%;
			text-indent: initial;
			padding: 0.25em 0.5em;
		}
		
		div.bag_box_arrow
			{
				display: none;
			}

		div.enquiry_form
			{ 
				width: 100%;
				box-sizing: border-box;
			}
		div.preamble
			{ width: 100%; }
		
		p.hilite_para		
		{
			text-align: center;
		}
		span.mob-phone
		{
			font-size: 125%;
		}
	}