img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: #efedd3; font:10px/1.5 Arial, Helvetica, sans-serif; color: #333; margin: 2px 0 30px 0}


/**************************************** DIVS ****************************************/

.wrap {width: 1036px; margin: auto; background: #efedd3 url('../images/wrap-bg2.png') top center no-repeat}
	.wrap-top {width: 1036px; height: 9px; clear: both; background: #efedd3 url('../images/wrap-top.png') top center no-repeat}
	.wrap-bot {width: 1036px; height: 9px; clear: both; background: #efedd3 url('../images/wrap-bot.png') top center no-repeat}

.main {width:940px; border-bottom: 1px solid #fff; margin: 20px 48px 1px 48px; padding-bottom: 10px; clear: both; background-color:#343434}

.logo { float:left; width:97px }
.topsublogo { float:left; text-align:left; margin:0; padding:0; vertical-align:text-top; display:inline; }
/* .head_search { float:left; width: 842px; text-align:right; height: 82px } */
.head_title { float:left; width: 500px; text-align:left; height: 68px; }

/* .requestcallback { width: 300px; text-align:left;  height: 62px; border:1px solid #dfdec2; float:right; background:url(../images/phonereceiver.jpg) top left no-repeat; } */

.requestcallback { width: 300px; text-align:left; border:1px solid #dfdec2; float:right;  }

.extraprodminibox { width:150px; height:180px; border:1px solid #ccc; margin:0; padding:3px; margin-right:10px; margin-bottom:6px; float:left; text-align:center }
.extraprodminiboxinside  { height:125px; min-height:120px; overflow:hidden }

.custentrance-surround { margin:0; padding:0; width:455px; border:1px solid #CCC; background-color:#faf9f4; }
.custentrance-surround h2 { background-color:#CCC; padding:5px 0 5px 10px; font-size:14px; font-weight:bold; color:#333 }

.left_search { width:210px; }

.header-image { z-index:1; position:relative }

#introdiv {border:1px solid #FFF; padding:10px; margin:0 0 10px 0;font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; height:100px; overflow-y:scroll;}

#introdiv2 {border:1px solid #FFF; padding:10px; margin:0; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
#introdiv3 {border:1px solid #FFF; padding:10px; margin:0; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

#quicklinks { margin-bottom:10px; }

.boxsurround { margin:0 0 10px 0 }

.left {width:212px; float:left}
.middle {}
.right {width:716px; float:left; margin: 0 0 0 10px; background:url(../images/page_bgrd.jpg) top left repeat-y; border:1px solid #e1ddc4; min-height:1510px}
.righthome {width:718px; float:left; margin: 0 0 0 10px;}
.main_righthome {width:940px; float:left; margin:0;}
.productright {width:718px; float:left; margin: 0 0 0 10px; background-color:#FFF; min-height:1200px;}


.catbox { background-color:#efefef; padding:5px; text-align:center; width:342px; color:#999;  font-size:12px; margin:0; }


.content-page {padding: 10px 10px 10px 10px; float:left; width:436px;}
.content-page-side { float:left; width:220px; margin-left:20px; padding:10px}

.full-right { background-color:#FFF; padding:10px; min-height:1000px }

	/* TESTIMONIALS.PHP */
	.test_brief { width:100%; margin-bottom:10px}

.column-box {background-color: #faf9f4; padding: 10px; border: 1px solid #cccbae; border-top: 0;}
.column-menubox {background-color: #faf9f4; border: 1px solid #cccbae; border-top: 0; width:210px}

.category-box {border: 1px solid #54532e; float: left; margin: 0 10px 10px 0}
	.category-box img {display: block; border-bottom: 1px solid #54532e}
	.category-box p a {display: block; color: #54532e; background: #efeede url('../images/category-box-arrow.png') center right no-repeat; padding: 3px 0 3px 10px; font-size: 11px}
.cbox4, .cbox8, .cbox12 {margin-right: 0}

.newprodbox {border:1px solid #FFF; float:left; width:185px; padding: 5px 15px 5px 15px; margin:10px; height:330px; line-height:normal; background-color:#4d4d4d}
.newprodbox2 {border:1px solid #FFF; float:left; width:185px; padding: 5px 15px 5px 15px; margin:10px; height:330px; line-height:normal; background-color:#4d4d4d}

.product-box {float: left; width: 198px; padding: 20px; border-left: 1px solid #e1ddc4; border-bottom: 1px solid #e1ddc4}
	.product-box img {}
	.product-box .price {font-size: 14px; color: #666}
	.product-box .price-rrp {}
	.product-box .price-special {font-size: 14px; color: #e72a8c}
	.product-box .vat {font-size: 10px}
	.product-right-title .price {font-size: 14px; color: #333}
	.product-right-title .price-rrp {}
	.product-right-title .price-special {font-size: 14px; color: #e72a8c}
	.product-right-title .vat {font-size: 10px; color: #6b654e}
.pbox3, .pbox6, .pbox9 {border-right: 1px solid #e1ddc4}

.product-detail {border: 1px solid #e1ddc4}
	.product-detail .product-left {padding: 10px}
	.product-detail .product-right {float: right; width: 250px; border-left: 10px solid #e72a8c; padding-bottom: 20px}
	.product-detail .product-right .product-right-title {border-left: 10px solid #fff; background-color: #b6b599; padding: 100px 0 100px 20px}
	
.prodquestion { background-color:#f9f9f9; padding:10px; border:1px dotted #999; }

.featured-products-box { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}

.basket {padding: 10px; background: #fff; border: 1px solid #e1ddc4; border-top: 0; min-height:1000px}
#orderconfirmation {padding: 10px; background: #fff; border: 1px solid #e1ddc4; border-top: 0; min-height:1510px}

.footer {width:940px; margin: auto; padding: 10px 0 10px 0; border-top: 1px solid #e72a8c;}
.foot_left { width:490px; float: left}
.foot_right { width:490px; float: left}

.cities { width:940px; text-align:center; margin:10px auto 0 auto; }

.newsarticle {background:#fff; border:1px solid #e1ddc4;}

/************************** ADDITIONS ******************************/

.clear {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clear10 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:10px; overflow:hidden}
.clear20 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:20px; overflow:hidden}
.clear30 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:30px; overflow:hidden}
.clear100 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:100px; overflow:hidden}
.spacer-d10 {clear: both; height: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 10px}
.spacer-d20 {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px}
.spacer-d30 {clear: both; height: 29px; border-bottom: 1px dotted #ccc; margin-bottom: 30px}
.spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px}
.spacer-s20 {clear: both; height: 19px; border-bottom: 1px solid #eee; margin-bottom: 20px}
.spacer-s30 {clear: both; height: 29px; border-bottom: 1px solid #eee; margin-bottom: 30px}

.pager { margin-top: 0px; padding:0; line-height:36px }


/**************************************** TEXT ****************************************/

/* h1 {font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 10px; line-height: 24px; background: #dfdec2 url('../images/head-bg.png') top left no-repeat; border: 1px solid #cccbae; border-bottom: 0} */

h1 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #555; padding: 0 0 0 10px; line-height: 40px; background: #dfdec2 url('../images/bgrd_homefeatured.jpg') top left no-repeat; border: 1px solid #cccbae; border-bottom: 0}


h2 {font-weight: normal; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #6b654e; margin-bottom:8px}
#introdiv2 h2 {font-weight: normal; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #888; margin:0 0 3px 0;}

#introdiv h1,#introdiv3 h1 {font-weight: bold; font-size: 14px; font-family:Arial, Helvetica, sans-serif; color: #e72a8c; margin:0; background:none; border:none; padding:0; text-transform:none}

h3 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #e72a8c; margin: 10px 0 5px 0; text-align: left}
.test_brief h3 {font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #6b654e; margin:0;}

h3.homestocktitle { font-size:16px; font-weight:bold; background:url(../images/bgrd_homestock.jpg) top left no-repeat; height:32px; width:683px; color:#f0f0f0;text-transform:none; margin:0; padding:0; border:0; padding:8px 15px 0 20px; }
h3.homespecialtitle { font-size:16px; font-weight:bold; background:url(../images/bgrd_homespecial.jpg) top left no-repeat; height:32px; width:683px; color:#FFFFFF;text-transform:none; margin:0; padding:0; border:0; padding:8px 15px 0 20px; }
h3.homenewtitle { font-size:16px; font-weight:bold; background:url(../images/bgrd_homenew.jpg) top left no-repeat; height:32px; width:683px; color:#FFFFFF;text-transform:none; margin:0; padding:0; border:0; padding:8px 15px 0 20px; }
h3.homefeaturedtitle { font-size:16px; font-weight:normal; background:url(../images/bgrd_homefeatured.jpg) top left no-repeat; height:32px; width:683px; color:#333;text-transform:none; margin:0; padding:0; border:0; padding:8px 15px 0 20px; }
.righthome h3 a { text-transform:none; color:#FFF; font-weight:normal;}
.viewalls { float:right; margin-right:10px; }


h4 {font-weight: normal; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #6b654e;}
	h4 span {color: #e72a8c; font-size:30px;}
h5 {font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #e72a8c}
h6 {font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff; background: #cb5900; padding: 5px}

.head_title h1 { color:#dfdec2; font-style:italic; font-size:20px; background:none; border:none }
.head_title h2 { color:#dfdec2; font-style:italic; font-size:18px; }

p {color: #999}
.column-box p {color: #5c521d}
.product-left p {font-size: 12px; color: #666}
.basket p {font-size: 12px; color: #666}
.content-page p {font-size: 12px; color: #666}
.productright p { font-size:12px; color:#666 }
.full-right p { font-size:12px; color:#666 }

p.subtitle {font-weight:normal;font-size:16px;color: #6b654e;}
p.examplesubtitle {font-weight:normal;font-size:13px;color: #6b654e;}

p.toptag { color:#f0f0f0; font-size:12px; font-weight:bold; }

p.thisproductstrip { font-size:16px; font-weight:bold; margin-bottom:5px; background:url(../images/this_product_strip.jpg) top left no-repeat; height:40px; width:690px; padding:8px 0 0 10px; color:#f0f0f0 }

#introdiv p,#introdiv3 p { color:#FFF}
#introdiv2 p { color:#FFF;  margin-bottom:6px;}

.price { color:#FFF }

input, textarea { color:#333; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px }
.searchword2 { color:#505050; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:1px; font-style:italic; background-color:#e4e4e4; border:0; }
.searchword { color:#888; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px; font-style:italic }


.form-button {border: 1px solid #e72a8c; background-color: #fff; color: #333; padding: 5px 10px 5px 10px; cursor:pointer;}
.small-form-button {border: 1px solid #e72a8c; background-color: #fff; color: #333; padding: 1px 2px 1px 2px; font-size:11px; cursor:pointer}

select.fabricdropdown { width:180px; padding:3px; }

a:link, a:visited {text-decoration: none; color: #ff00ff; font-weight: bold}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

a.button:link, a.button:visited {text-decoration: none; color: #000; padding: 0 10px 0 0; background: transparent url('../images/button-arrow.png') center right no-repeat}
a.button:hover {text-decoration: underline}
a.button:active {text-decoration: none}

a.nav-next:link, a.nav-next:visited {text-decoration: none; color: #444; padding: 1px 4px 1px 4px; border: 1px solid #666; font-size:10px; background-color: #CCC}
a.nav-next:hover {text-decoration: none; background-color:#dbdbdb}
a.nav-next:active {text-decoration: none}

a.nav-prev:link, a.nav-prev:visited {text-decoration: none; color: #444; padding: 1px 4px 1px 4px; border: 1px solid #666;  border: 1px solid #666; font-size:10px; background-color: #CCC}
a.nav-prev:hover {text-decoration: none; background-color:#dbdbdb}
a.nav-prev:active {text-decoration: none}

a.nav:link, a.nav:visited {text-decoration: none; color: #444; padding: 1px 2px 1px 2px; background-color: #ccc; margin-right:2px; border: 1px solid #666; font-size:10px}
a.nav:hover {text-decoration: none; background-color:#dbdbdb}
a.nav:active {text-decoration: none}

.test_brief a:link, .test_brief a:visited {text-decoration: none; color: #e72a8c; font-weight: normal; font-size:10pt}
.test_brief a:hover {text-decoration: underline}
.test_brief a:active {text-decoration: none}

#quicklinks p { color:#FFFFFF; font-size:11px; font-weight:bold; }
#quicklinks a { color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }
#quicklinks a:hover { text-decoration:underline; }

.custentrance-surround a { font-size:12px; text-decoration:none; color:#343434 }
.custentrance-surround a:hover { font-size:12px; text-decoration:underline; color:#ff00ff }

.nav-current {color: #fff; padding: 1px 2px 1px 2px; background-color: #ff00ff; margin-right:2px; font-size:10px; border: 1px solid #ff00ff}

.cities a { color:#999; text-decoration:none; }
.cities a:hover { color:#999; text-decoration:underline; }

.catbox a { color:#343434; text-decoration:none; display:block; font-size:15px; }
.catbox a:hover { color:#343434; text-decoration:underline; }

/*scroller */
.stepcarousel { position: relative; border: 0px solid black; overflow: scroll; width: 400px;  height: 82px;  }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left;  text-align:center; overflow: hidden; margin: 5px 20px 5px 35px; border: 1px solid #CCC; width: 70px; height:70px ; vertical-align:text-bottom}

.formerror { color:#900; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }
.formsuccess { color:#32CD32; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

#fbtab { right:0; top:150px; height:108px; width:47px; margin:0; padding:0; position:fixed; z-index:5000; }
/* #fbtab { position:absolute; top: 340px; right:0; width: 47px; height: 108px; z-index:5000;position: fixed;   } */
#fbtab a {display:block; width:100%; height:100%;}

.quotetable td input { font-size:13px; padding:4px; font-family:Arial, Helvetica, sans-serif; }
.quotetable td select { font-size:13px; padding:4px; font-family:Arial, Helvetica, sans-serif; }
.quotetable td textarea { font-size:13px; padding:4px; font-family:Arial, Helvetica, sans-serif; }

#freeswatch-left { width:370px; float:left; }
#freeswatch-right { width:280px; float:left; margin-left:20px; }

#freeswatch-left input { padding:6px; font-size:12px; width:220px; }
#freeswatch-left select { padding:6px; font-size:12px; width:236px; }

#div1 { display: none; clear:both; width: 630px; background-color:#FFF  }
.errormessage { background-color:#ffe3e3; border:1px solid #ac2222; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; text-align:center}
.pad10 { padding:10px; }

#orderconfirmation h1 { font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px; background:none; color: #333; border:0; margin:0; padding:0; text-transform:none;  }
#orderconfirmation p { font-weight: normal; font-size:12px; background:none; color: #333; }

#contacttable input[type=text] { width:350px; padding:5px; font-size:12px; }
#contacttable textarea { width:350px; padding:5px; font-size:12px; }

h1.nomargin { margin:0; padding:0; border:0; }

#mainpager a { color:#fff; font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; border:#d7d7d7 1px solid; padding:3px; background-color:#000;}
#mainpager a:link { color:#fff; font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}
#mainpager a:visited { color:#fff; font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}
#mainpager a:hover { color:#fff; font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; background-color:#1f1f1f;}
#mainpager a:active { color:#fff; font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}
/*  PAGER  */
.Nav{
	color:#fff;
	background-color:#000
}

.NavCurrent{
	font:bold 7pt Arial, Helvetica, sans-serif; text-decoration:none;
	border:#999999 1px solid;
	background-color:#ff00ff;
	padding:3px;
	color:#fff;
}

a.balls { color:#000; }