/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
sup { font-size: smaller; vertical-align: super; }
/* text */
body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
a:focus { outline: 1px dotted invert; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; margin-top: 10px; }

/* clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* styles */
body { text-align: center; background: #ffffff; }

#page { display: block; position: relative; margin-left: auto; margin-right: auto; width: 960px; background: #ffffff; text-align: left; }
#header { display: block; width: 200px; height: 59px; float: left; position: relative; }
#site-title a { display: block; width: 200px; height: 0px !important; background: url(/images/header.png) top left no-repeat; padding: 59px 0px 0px 0px; overflow: hidden; height /**/: 59px; }
#top-nav { display: block; width: 760px; float: right; position: relative; text-align: right; padding: 17px 0px 0px 0px; }
div#top-nav a, div#prod-nav a { font-size: 0.9em; padding: 0 0.8em; text-decoration: none; color: #838383; }
div#top-nav a:hover, div#prod-nav a:hover { text-decoration: underline; color: #202020; }
div#top-nav .sep, div#prod-nav .sep { font-size: 0.7em; color: #838383; }
div#prod-nav { display: block; width: 100%; position: relative; text-align: left; float: left; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}

div#breadcrumb { padding: 3px 0 0 10px; font-size: 0.9em; text-decoration: none; color: #838383; }
div#breadcrumb a { font-size: 0.9em; text-decoration: none; color: #838383; }
div#breadcrumb a:hover { text-decoration: underline; color: #202020; }

div#content { display: block; float: left; position: relative; width: 100%; }
div#right-box { display: block; float: right; position: relative; width: 270px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; }
div#content h2 { text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 15px; background: #868581; color: #ffffff; padding: 4px 0 2px 12px; }
div#right-box h2 { text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 11px; background: #645a50; color: #ffffff; text-align: right; padding: 6px 12px 4px 0; margin: 0 0 2px 0; }

div#menu-left { display: block; float: left; position: relative; width: 200px; background: #fff; }
div#menu-left ul { display: block; float: left; position: relative; margin: 0; padding: 0; list-style-type: none; }
div#menu-left ul li { display: block; float: left; position: relative; margin: 0; padding: 0; }
div#menu-left ul li a { display: block; float: left; position: relative; margin: 0; width: 180px; padding: 3px 10px; color: #868581; text-decoration: none; }
div#menu-left ul li a:hover { text-decoration: underline; color: #000; }

div#similar-products { display: block; float: left; position: relative; width: 200px; background: #fff; border-right: 1px solid #fff; }
div#similar-products h2 { text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 11px; background: #645a50; color: #ffffff; text-align: left; padding: 6px 0 4px 12px; margin-bottom: 2px; }
div#similar-products ul { display: block; float: left; position: relative; margin: 0; padding: 0; list-style-type: none; }
div#similar-products ul li { display: block; float: left; position: relative; margin: 0; padding: 0; }
div#similar-products ul li a { display: block; float: left; position: relative; margin: 0; width: 180px; padding: 3px 10px; color: #868581; text-decoration: none; }
div#similar-products ul li a:hover { text-decoration: underline; color: #000; }

div.product { float: left; position: relative; display: block; width: 758px; }

div#downloads { float: right; position: relative; display: block; width: 200px; border-left: 1px solid #fff; background: #868581; }
div#downloads h2 { text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 11px; background: #645a50; color: #ffffff; text-align: right; padding: 6px 12px 4px 0; margin: 0 0 2px 0; border-top: 10px solid #fff; }
div#downloads ul { color: #000; margin: 0 0 2px 0; padding: 0; }
div#downloads ul li { margin-left: 20px; }
div#downloads ul li a { color: #000; text-decoration: none; }
div#downloads ul li a:hover { text-decoration: underline; color: #000; }

div.product div.code { float: left; clear: left; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold;  }
div.product div.code b { }
div.product div.description { float: left; clear: left; position: relative; }
div.product div.specification { float: left; clear: left; position: relative; }
div.specification h3 { font-size: 12px; margin: 2px 0 2px 0; text-transform: uppercase; }
div.specification ul { list-style-type: none; margin: 0; padding: 0; }
div.specification ul li { margin: 0; padding: 0;}
div.specification ul li span.name { font-weight: bold; }
div.specification ul li span.value {  }

div#content div.master-category { float: left; position: relative; width: 100%; display: block; clear: left; }
div#content div.master-category h2 { text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 11px; background: #645a50; color: #ffffff; text-align: left; padding: 6px 0 4px 12px; margin-bottom: 2px;}
div#content div.master-category h2 a { font-weight: normal; font-size: 11px; line-height: 11px; color: #fff; text-decoration: none; text-transform: uppercase; }
div#content div.master-category h2 a:hover { text-decoration: underline; }
div#content div.master-category ul.pages li { margin: 5px; }

div#product-page { display: block; float: left; position: relative; width: 760px; }

div.images { display: block; width: 558px; position: relative; float: left;}
div.images ul#large-image { display: block; position: relative; float: left; list-style-type: none; margin: 0; padding: 0; width: 510px;}
div.images ul#large-image li { display: table; position: relative; float: left; width: 250px; height: 250px; margin: 0 5px 0 0; padding: 0; text-align: center; }
div.images ul#large-image li a { display: table-cell; background: #fff; width: 250px; height: 250px; vertical-align: middle; }
div.images ul#large-image li a img { vertical-align: middle; }

div.images ul#image-list { display: block; float: left; position: relative; list-style-type: none; margin: 0; padding: 0; width: 220px; }
div.images ul#image-list li { display: table; float: left; position: relative; padding: 0; text-align: center; margin: 0 2px 2px 0; height: 46px; width: 46px; }
div.images ul#image-list li a { display: table-cell; background: #fff; width: 42px; height: 42px; padding: 2px; vertical-align: middle; }
div.images ul#image-list li a img { vertical-align: middle; }

ul.pages { list-style-type: none; display: block; float: left; position: relative; width: 100%; margin: 0; padding: 0; }
ul.pages li { display: block; float: left; position: relative; width: 240px; border: 1px solid #645a50; margin: 0 5px 5px 0; padding: 0;}
ul.pages li a { display: table; width: 234px; height: 100px; text-decoration: none; padding: 3px; cursor: pointer; }
ul.pages li a div.image { display: table-cell; width: 100px; height: 100px; text-align: center; vertical-align: middle; }
ul.pages li a div.image img { border: none; vertical-align: middle; }
ul.pages li a div.name { display: table-cell; height: 100px; width: 128px; padding: 3px; color: #838280; vertical-align: middle; }

div#master-category-content { display: block; float: left; position: relative; width: 760px; }

ul.latest-products { list-style-type: none; display: block; float: left; position: relative; width: 100%; margin: 0; padding: 0; }
ul.latest-products li { display: block; float: left; position: relative; width: 268px; border: 1px solid #645a50; margin: 0 0 2px 0; padding: 0;}
ul.latest-products li>a { display: table; width: 262px; height: 100px; text-decoration: none; padding: 3px; cursor: pointer; }
ul.latest-products li a>div.image { display: table-cell; width: 100px; height: 100px; text-align: center; vertical-align: middle; }
ul.latest-products li a div.image>img { border: none; vertical-align: middle; }
ul.latest-products li a>div.name { display: table-cell; height: 100px; width: 156px; padding: 3px; color: #838280; vertical-align: middle; }

ul.latest-products { list-style-type: none; display: block; float: left; position: relative; width: 100%; margin: 0; padding: 0; }
ul.latest-products li { display: block; float: left; position: relative; width: 268px; border: 1px solid #645a50; margin: 0 0 2px 0; padding: 0;}
ul.latest-products li a { display: table; width: 262px; height: 100px; text-decoration: none; padding: 3px; cursor: pointer; }
ul.latest-products li a div.image { display: table-cell; width: 100px; height: 100px; text-align: center; vertical-align: middle; }
ul.latest-products li a div.image img { border: none; vertical-align: middle; }
ul.latest-products li a div.name { display: table-cell; height: 100px; width: 156px; padding: 3px; color: #838280; vertical-align: middle; }

#bottom-nav { background: #868581; list-style-type: none; float: left; position: relative; width: 960px; }
#bottom-nav li { list-style-type: none; float: left; display: inline-block; border-right: 1px solid #ffffff; padding: 0; margin: 0; }
#bottom-nav li a { float: left; padding: 1px 14px 1px 14px; font-weight: bold; font-size: 1em; text-decoration: none; color: #ffffff; }
#bottom-nav li a:hover { color: #202020; }

ul.stockists { list-style-type: none; padding: 0; padding-bottom: 10px; padding-top: 10px; margin: 0; margin-right: 5px; }
ul.stockists li { display: table; width: 100%; padding: 2px; padding-bottom: 20px; text-align: left; text-transform: uppercase; margin-left: 0px; }
ul.stockists li .name { float: left; display: table-cell; width: 70%; font-weight: bold; color: #FFFFFF; }
ul.stockists li .phone { float: left; display: table-cell; width: 30%; text-align: right; color: #FFFFFF; }
ul.stockists li .top { background: #868581; width: 100%; float: left; display: table-cell; padding: 4px; }
ul.stockists li .address { float: left; width: 100%; display: table-cell; }


/* -- stockists search styles --*/

#stockists {
	width: 450px;
	padding: 0 0 0 2px;
	margin: 30px auto 0 30px;
}

	#stockists label {
		display: block;
		width: 100%;
		float: left;
		margin: 8px 5px 0px 5px;
		padding-top: 0px;
		font-size: 1em;
		overflow: hidden;
	}
	
	#stockists span {
		display: block;
		line-height: 1.5em;
		font-size: 1em;
		text-align: left;
	}
	
	#stockists input {
		background-color:#CCCCCC;
		width: 200px;
		height: 20px;
		padding: 0 3px 0 3px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
                border: none;
                
	}
	
	#stockists input.submit-button {
	width: 206px;
	margin: 10px 0 30px 0;
	height: 30px;
	font-size: 1em;	
	border: none;
	background-color:#CCCCCC;
        cursor:pointer;
	}

	#stockists a:hover {
		text-decoration: underline;
	}