/* CSS Document */

/* general tag styles */

body {
	margin:0;
	padding:0;
	background:#fff url(/img/mainBg.gif) 0 0 repeat;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#4b4b4b;
}

input, select, textarea, button, a  {
	font-family:Arial, Helvetica, sans-serif;
}


ul, ul li {
	margin:0;
	padding:0;
	list-style:none;
}

br {
	clear:both;
}

input:focus, textarea:focus {
	background-color:#f5f5f5;
}

address {
	font-style:normal;
}

form {
	margin:10px 0 10px 0;
	padding:0;
}

.form0 {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.relative {
	position:relative;
}

/* div layout */

#topBorder {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:118px;
	background:url(../img/topBorderBg.gif) 0 0 repeat-x;

}

#container {
	width:770px;
	margin:0 auto;
	background-color:#fff;
}

#header {
	height:116px;
	position:relative;
	background:url(/img/headBg.gif) repeat-x;
}

div#navHolder {
	position:absolute;
	top:116px;
}

#hero {
	height:251px;
	width:770px;
	background-repeat:no-repeat;
}

#breadCrumbHolder {
	position:absolute;
	top:149px;
}

#heroCopy {
	width:387px;
	height:251px;
	background:url(/img/transparency.png) 0 0 no-repeat;
}

#sampleInfo {
	background-color:#f2f2f2;
	background-image:none;
	width:400px;
}

.left { float:left; }
.right { float:right; }

.leftCol {
	float:left;
	width:365px;
	margin-right:10px;
}

.rightCol {
	float:left;
	width:374px;
	border-left:1px solid #dde0e1;
}

#map {
	margin-left:10px;
	width:364px;
	height:317px;
}

#pointer {
	position:absolute;
	background:url(/img/pointer.png) 0 0 no-repeat;
	width:201px;
	height:135px;
	top:390px;
	left:846px;
}

.doubleWidth {
	width:750px;
	padding:10px 0 10px 0;
	border-top:1px solid #dde0e1;
}
#col1 {
	float:left;
	width:249px;
}
#col2 {
	float:left;
	width:249px;
	border-left:1px solid #dde0e1;
}
#col3 {
	float:left;
	width:250px;
	border-left:1px solid #dde0e1;
}

#copyright {
	font-size:0.8333em;
	padding-top:5px;
}

.mouseType {font-size:0.8333em;}
span.mouseType {display:block;}

#headSearch {
	position:absolute;
	width:300px;
	top:30px;
	right:10px;
}

#headSearch #phone {
	float:right;
	font-size:1.333em;
	color:#fff;
	padding-bottom:10px;
}

#headSearch #search {
	float:right;
	width:213px;
	padding:0 0 10px 20px;
	background:transparent url(/img/head_glass.gif) 0 0 no-repeat;
	text-align:right;
}

#headSearch ul#topLinks {
	width:290px;
	float:right;
}

#headSearch ul#topLinks li.greenArrow {
	float:right;
	background: url(../img/animated_arrow_green.gif) 5px 0 no-repeat;
	height:15px;
}

ul#topLinks li.greenArrow a {
	padding-left:30px;
	background: url(../img/animated_arrow_green.gif) 5px 0 no-repeat;
	color:#fff;
}

ul#topLinks li.greenArrow a:hover {
	background: url(../img/animated_arrow_green.gif) 5px -15px no-repeat;
}

#headSearch ul#topLinks li.topBasket {
	float:right;
	background: url(../img/animated_basket.gif) 0 0 no-repeat;
	height:15px;
}

ul#topLinks li.topBasket a {
	padding-left:30px;
	background: url(../img/animated_basket.gif) 0 0 no-repeat;
	color:#fff;
}

ul#topLinks li.topBasket a:hover {
	background: url(../img/animated_basket.gif) 0 -15px no-repeat;
}

.close {
	position:absolute;
	right:20px;
	top:20px;
	width:80px;
	border:1px solid #DD6700;
}

#tileHolder {
	background:#fff url(/img/tileHolderBg.gif) 0 0 repeat-y;
	float:left;
	width:770px;
}
.tileBlock {
	float:left;
	display:block;
	padding-left:10px;
	width:375px;
	margin-bottom:15px;
}

.thumb {
	float:left;
	width:84px;
	position:relative;
	background:url(/img/thumb_ds.jpg) no-repeat;
}


span.specialOfferIcon {
	display:block;
	position:absolute;
	width:59px;
	height:60px;
	top:-10px;
	left:-7px;
	background:url(/img/specialOffer.png) 0 0 no-repeat;
}

.tileInfo {
	float:left;
	width:282px;
	background-color:#f5f5f5;
}

.tileInfo .name, .tileInfo .name2, .tileInfo .price {
	float:left;
	width:190px;
	height:73px;
	background-color:#F5F5F5;
}

.tileInfo .price {
	border-left:2px solid #fff;
}

.tileInfo .name2 {
	width:270px;
}

.tileInfo .name span {
	float:left;
	padding:5px;
}


.name a, name a:visited, name a:hover {color:#4b4b4b;}
.name a, name a:visited {text-decoration:none}
.name a:hover {text-decoration:underline}

#footer {
	margin:0;
	border:10px solid #fff;
	float:left;	
	width:740px;
	height:20px;
	background-image:none;
}

#cost {
	margin:10px 10px 10px 0;
	font-weight:bold;
	color:#000;
}

#calcTotal {
	color:#dd6700;
	font-size:1.5em;
	font-weight:bold;
}


/* lists layout */

/* main navigation layout */

ul#mainNav {
	height:33px;
	width:770px;
	background-color:#EFEFEF;
	position:relative;
}

ul#mainNav li {
	display:block;
	float:left;
	position:relative;
}

#sampleOrderBar, #priceEstimateBar {
	width:750px;
	height:22px;
	border-top:1px solid #dde0e1;
	border-bottom:1px solid #dde0e1;
	margin:0 0 12px 0;
}

#priceEstimateBar {
	margin-left:10px;
}

#sampleOrderBar li, #priceEstimateBar li {
	display:block;
	float:left;
	padding-top:3px;
}

li#sample { padding-top:0; }
#sampleOrderBar li#link { width:651px; }
#priceEstimateBar li#link { width:750px; }
#sampleOrderBar li#sample div, #priceEstimateBar li#sample div {
	display:block;
	width:22px;
	height:19px;
	background-color:#dd6700;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-left:7px;
	padding-top:3px;
}

#priceEstimateBar li#sample div { width:62px; }
.tileInfo .price {
	width:90px;
	border-right:none;
	text-align:center;
}

.tileInfo .price span {
	display:block;
	color:#dd6700;
	font-size:1.333em;
}

.tileInfo ul.links {
	height:21px;
	width:282px;
	display:block;
	border-top:2px solid #fff;	
}

#techSpecs {
	clear:both;
	padding:10px;
	background-color:#fff;
}

#techSpecHolder {
	padding-top:10px;
	background-color:#fff;
}

ul#samples {
	width:300px;
	display:block;
	margin-bottom:10px;
}

ul#samples li {
	width:148px;
	display:block;
	float:left;
}

ul.links li.add {
	float:left;
	width:172px;
	padding-top:3px;
}

ul.links li.more, ul.links li.more2 {
	float:left;
	width:100px;
	display:block;
	text-align:right;
	padding:3px 10px 0 0;
}

ul.links li.more2 {
	width:272px;
}

ul#measurements li span {
	display:block;
	padding-bottom:10px;
}

/* headings and title */

h1#logo {
	position:absolute;
	top:30px;
	left:10px;
	margin:0;
	padding:0;
}

h1#pageTitle {
	color:#00361c;
	background-color:transparent;
	font-size:2em;
	margin:0;
	padding:0;
}


h2#subHead, h2.subHead {
	color:#dd6700;
	background-color:transparent;
	font-size:1.333em;
	margin:0;
	padding:0 0 17px 0;
}

h2.title {
	color:#dd6700;
	background-color:#fff;
	font-size:1.1666em;
	margin:0;
	padding:0 0 12px 0;
}

h2.title a, h2.title a:visited, h2.title a:hover {color:#dd6700;}
h2.title a, h2.title a:visited {text-decoration:none}
h2.title a:hover {text-decoration:underline}

h3.title, h3.landingTitle {
	color:#dd6700;
	background-color:#fff;
	font-size:1.1666em;
	margin:0;
	padding:0 0 10px 0;
}

h3.landingTitle {
 	background-color:#f5f5f5;
	padding-bottom:3px;
}

h3.landingTitle a, h3.landingTitle a:visited, h3.landingTitle a:hover {color:#dd6700;}
h3.landingTitle a, h3.landingTitle a:visited {text-decoration:none}
h3.landingTitle a:hover {text-decoration:underline}

h2.callus {
	position:absolute;
	top:185px;
	left:660px;
	margin:0;
}
	

.orangetitle {
	color:#dd6700;
	background-color:#fff;
	font-size:1.1666em;
	width: 400px;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	
	}


/* form elements */

#search input, #footer input, form input, form textarea {
	width:140px;
	padding:2px;
	background-color:#F5F6F6;
	border:1px solid #DD6700;
	font-size:10px
}

form#calculatorForm input {
	width:auto;
}

#footer input, form input, form textarea, form select {
	background-color:#fff;
	border:1px solid #b4b4b4;
}

#search button, #footer button, form button {
	border:1px solid #999;
	background:url(/img/buttonBg.gif) repeat-x;
	font-size:10px;
	padding:0 5px 0 5px;
	margin-left:5px;
	cursor:pointer;
}

#search button {	
	border:1px solid #fff;
}

form button  {
	float:left;
}

#search button, #search input  {
	float:right;
}
/* contact us form */

form label, form#sampleOrder label {
	float:left;
	display:block;
	width:100px;
}

form#calculatorForm label {
	width:auto;
	display:block;
}

form#calculatorForm label.leftLabel {
	width:53px;
	display:block;
}

form#calculatorForm input, form#calculatorForm select {
	margin-bottom:20px;
}

form#calculatorForm input.radio {
	border:none;
	background-color:transparent;
}

form input, form textarea {
	float:left;
	width:200px;
	margin-bottom:5px;
}
.radio {
	width: 30px;
	border: 0px;
	}

form textarea {
	height:150px;
	font-size:10px;
}

form button {
	margin-left:100px;
}

form#calculatorForm button {
	padding:0 5px 0 5px;
	margin:8px 0 0 30px;
	border:1px solid #999;
}

form#sampleOrder input {
	float:left;
}

form br {
	clear:left;
}


/* News Page */
h2.newsTitle {
	color: #00361c;
	font-size: 2.0em;
	font-weight: bold;
	margin: 0;
	width: 210px;
	line-height: 1.1em;
	}
	
h2.articleTitle {font-size: 1.4em; color:#DD6703; margin-top: 0}

div.divider {background: url(../img/divider.gif); margin-bottom: 20px; float:left;}

div.newsPanel {padding-left: 10px; width: 364px; border-left: none;}

div.newsPanel p {margin:0; padding-bottom: 10px}

div.newsPanel p a {font-weight:bold}
	
img.newsImage {padding: 20px 0 10px 0}

div.rightCol ul.links li {background-color:#f2f2f2; padding: 8px 10px; width: 345px;}

div.newsBrief {float:left; clear:both; width: 364px; margin-bottom: 20px}

div.pdfDownload {float:left; width: 340px; padding: 10px; background-color: #f2f2f2}
div.pdfDownload img {float:left; padding-right: 10px}
div.pdfDownload span {float:left; padding-top: 5px;}
div.pdfDownload a span {text-decoration: underline}

div.newsStrip {padding: 5px 0 10px; margin:10px 20px; font-size: 0.9em; border-top: #dde0e1 1px solid;clear:both;}
div.newsStrip img, div.newsStrip span {float:left; padding: 2px 5px 0 0}
div.newsStrip span {padding-top: 3px}
div.newsStrip span a {font-weight:bold}

ul.newsLink {float:right}


/* link styles */

.greyBlock {
	background-color:#f2f2f2;
}

.grey {
	background-color:#F2F2F2;
	text-align:right;
	padding:3px 5px 7px 5px;
	height:12px;
	margin:0 0 2px 9px;
}

.addSamples {
	background-color:#F2F2F2;
	padding:2px 5px;
	width:290px;
}

.type2 {
	clear:both;
	margin:0;
}

/* breadcrumb trail */
ul#breadcrumb {
	position:absolute;
	width:750px;
	top:0;
}

ul#breadcrumb li, ul#measurements li, ul#results li  {
	display:block;
	float:left;
}

ul#results li {
 	height:25px;
}

ul#breadcrumb li a {
	float:left;
	padding:0 5px;
	
}

ul#breadcrumb li a:hover, ul#breadcrumb li.selected a {
	color:#dd6700;
	text-decoration:underline;
}

/* samples page table */

#tileSpecs {
	width:420px;
	margin-left:10px;
	margin-right:20px;
	display:inline;
}

.center, tr.center td {
	text-align:center;
}

.bb, tr.bb td {
	border-bottom:1px solid #dde0e1;
}

.bgWhite {
	background-color:#fff;
}

.bgGrey {
	background-color:#f5f5f5;
}

td.quantity {
	text-align:center;
}

td.quantity input {
	width:25px;
	padding:2px;
	border:1px solid #dde0e1;
}

td.addEstimate a, td.removeEstimate a {
	margin:0 auto;
}

table#resultsTable {
	margin:10px;
}

td.resultsLabel {
	 width:96px;
}

td.result {
	background-color:#fff;
	border:1px solid #dde0e1;
	padding:5px;
	width:60px;
	text-align:center;
}

span.none {
	display:none;
}

td.addEstimate a {
	display:block;
	background:url(/img/animated_cross2.gif) 0 0 no-repeat;
	width:21px;
	height:15px;
}

td.removeEstimate a:hover {
	background:url(/img/animated_minus.gif) 0 -15px no-repeat;
}

td.removeEstimate a {
	display:block;
	background:url(/img/animated_minus.gif) 0 0 no-repeat;
	width:21px;
	height:15px;
}

td.addEstimate a:hover {
	background:url(/img/animated_cross2.gif) 0 -15px no-repeat;
}

.specialOffer {
	font-size:0.8333em;
	font-weight:bold;
	padding-left:25px;
	background:url(/img/asterisk.gif) 10px 50%  no-repeat;
}

.footnote {
	font-size:0.8333em;
	font-weight:bold;
	padding-left:10px;
}

.offerPrice {
	color:#dd6700;
	font-weight:bold;
	padding-right:10px;
	background:url(/img/asterisk.gif) 100% 0  no-repeat;
}

.drkgreyBg {
	background:#f1f1f1;
}

tr.bb td.spacer10 {
	background-color:#fff;
	width:10px;
	border-bottom:none;
}

#techData {
	width:750px;
	background-color:#dde0e1;
}

#techData tr#row1 td.header {
	background-color:#f1f1f1;
	font-weight:bold;
	height:20px;
}

#techData td {
	background-color:#fff;
}

ul#samplesOrder {
	padding:10px 0;
	border-top:1px solid #dde0e1;
	border-bottom:1px solid #dde0e1;
	width:750px;
}
	
ul#samplesOrder li {
	float:left;
	display:block;
	width:250px;
	margin-bottom:10px;
}

/* padding, widths, heights and margins */

#heroCopy .pad { padding:30px 40px 20px 20px; }
#mainArea { padding:23px 10px 10px 10px; }
#col1 .pad { padding:10px 10px 19px 0; }
#col2 .pad { padding:10px 10px 19px 10px; }
#col3 .pad { padding:10px 0 19px 10px; }
.radioPad {padding:0 3px 0 0 ; }

.mr5 { margin-right:5px; }
.ml5 { margin-left:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr30 { margin-right:30px; }
.ml10 { margin-left:10px; }

.spacer33 { height:33px; }
.spacer23 { height:23px; }
.spacer16 { height:16px; }
.spacer10 { height:10px; }
.spacer1 { clear:both; height:1px; }

.w53 { width:53px; }
.w95 { width:95px; }
.w135 { width:135px; }
.w145 { width:145px; }
.w160 { width:160px; }
.w192 { width:192px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w255 { width:255px; }
.w300 { width:300px; }
.w365 { width:365px; }
.w370 { width:370px; }
.w430 { width:430px; }
.w750 { width:750px; }

.br { border-right:1px solid #dde0e1; }
.bl { border-left:1px solid #dde0e1; }
.bt { border-top:1px solid #dde0e1; }
.bb { border-bottom:1px solid #dde0e1; }
.bb1 { border-bottom:1px solid #fff; }
.bd { border:1px solid #dde0e1; }
.bd10 {border:10px solid #fff; }

.pad1 {padding:20px 10px 10px 10px; }
.pad2 { padding:50px 10px 20px 10px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pl30 { padding-left:30px; }
.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt9 { padding-top:9px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt33 { padding-top:33px; }
.pt60 { padding-top:60px; }
.pb5 { padding-bottom:5px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.pb10 { padding-bottom:10px; }
.pb30 { padding-bottom:30px; }

.ml90 { margin-left:90px; }
.mb10 { margin-bottom:10px; }
.mt20 { margin-top:20px; }
.m0 { margin:0; }

.r10 { right:10px; }

.bold {font-weight:bold; }

.orange { color:#DD6703; }

.right {
	float:right;
}

.left {
	float:left; }