/* Style Sheet by Jerry Teschendorf @ SICO America */

/*-------------------------------------------------------------------------------------
Table Of Contents
/*-------------------------------------------------------------------------------------

1. CSS Reset
2. Global Elements
3. Form Elements
4. Specific Form Elements
	a. ACAD, ACED, AFAD, AFED, OCST
	b. LOGN, AFCL, ORDL
	c. BASK, OCST, OPAY, OSEL
5. Content Framework
	a. Wrap
	b. Masthead
	c. Column Left
	d. Column Right
	e. Header
	f. Bottom Wrap
	g. Footer
6. Main Navigation Framework
7. Home Page Specifics
8. Product Page Specifics
	a. Product Sections
	b. Related Products
	c. Tabs

*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
/* table{border-collapse:collapse;border-spacing:0;} */
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
.clearfix {
	display: inline-block;
	}
html[xmlns] .clearfix {
	display: block;
	}
* html .clearfix {
	height: 1%;
	}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

html {
	overflow-y: scroll;
}

/* ------------------------ type selectors ------------------------ */
body { 
	background:#000 url("../images/bg-body.jpg") top repeat-x;
	text-align:center; 
	font:14px Arial, Helvetica, sans-serif; 
	color:#000;
	padding-bottom: 30px;
	}

blockquote { margin: 0 10px 10px; background:#EFEFEF; padding: 10px;}

h1	{ font-size:24px; color:#000; }
h2	{ font-size:20px; color:#000; }
h3	{ font-size:16px; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

p { line-height: 18px; }

/* ------------------------ global classes ------------------------ */
.clear	{ 
	clear:both;
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.html") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:5px 5px 5px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 5px 5px; 
	}
	
.next-button {
	float: right;
	margin-bottom: 15px;
}

.previous-button {
	float: left;
	margin-bottom: 15px;
}

/* ------------------------ form elements ------------------------ */

.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

select{
	border-width:1px;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
	background-color:#ffffff;
}

.error-message{ 
	border:1px solid #ff0000;
	background-color:#ffdfdf;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#000000 !important;
}

.information-message{ 
	border:1px solid #0000ff;
	background-color:#dfdfff;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
}

.messages{ text-align:center; }

.shadow_input, select, textarea{
	border-width:1px;
	border-style:solid;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
	font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.shadow_button{
	border-width:1px;
	border-style:solid;
	border-color:#999999 #000000 #000000 #999999;
	background-color:#999999;
	color:#ffffff;
	font-size:.9em;
	padding:1px;
	margin:0;

}

/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/*** ACAD, ACED, AFAD, AFED, OCST (From CSS Framework) ***/

.ACAD, .ACED, .AFAD, .AFED, .OCST, .BASK, .BSKE, .OUSL, .OINF, .OPAY, .OSEL {
	margin: 0 16px;
	padding: 0 0 16px 0;
}

.logout-link{
	margin:12px 0;
	float:right;
}

#affiliate-fields select,
#customer-fields select{
	width:176px;
}

.ACAD label,
.OINF label,
.OUSL label,
.ACED label,
.AFAD label,
.OPAY label,
.AFED label,
.OSEL label,
.OCST label{
	float:left;
	width:170px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0;
}

.ACAD input.shadow_input,
.OINF input.shadow_input,
.OUSL input.shadow_input,
.ACED input.shadow_input,
.AFAD input.shadow_input,
.AFED input.shadow_input,
.OPAY input.shadow_input,
.OSEL input.shadow_input,
.OCST input.shadow_input{
	width:170px;
}

#affiliate-fields #login-details,
#affiliate-information,
#affiliate-contact,
#affiliate-commissions{
	margin:0 0 16px 0;
}

#affiliate-commissions label{
	margin:0;
	padding:0 4px 0 0;
	font-weight:bold;
	text-align:left;
	width:auto;
	float:none;
}

#affiliate-commissions .form_row{ margin:0 0 8px 0; }

.AFAD #affiliate-fields{
	width:50%;
	margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
	float:left;
	width:50%;	
}

.save-button,
.continue-button{
	text-align:right;
	margin:14px 0 0 0;
}

.required{ font-weight:bold; }

.fields-heading{
	background-color:#cccccc;
	color:#333333;
	margin:0 0 12px 0;
	padding:4px 4px 4px 23px;
}

.address2-label{ margin:0 0 14px 0; }

.controls{ font:normal .9em Verdana, Helvetica, Arial, sans-serif; }

#ship-to .controls{	visibility:hidden; }

#bill-to .controls{	visibility:hidden; }

#ship-to-fields,
#bill-to-fields{	
	visibility:visible;
}

#ship-to,

#bill-to{
	float:left;
	width:50%;
}

#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
	margin:0 2px 0 12px;
	padding:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

div.invalid input.shadow_input{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

div.invalid label{ color:#dd0000; }

.warning-message{
	border:1px solid #ff0000;
	background-color:#ffdfdf;
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#000000 !important;
}

#customer-fields .fields-heading,
#affiliate-fields .fields-heading{ 
	color:#333333;
	padding:4px;
	background-color:#DACCA1;
	color:#333333;
	font-weight:bold;
}

#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
	margin:0 0 10px 0;
	text-align:left;
}

#customer-fields.non-editable .form_row{
	margin:0 0 4px 0;
	text-align:left;
}

#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
	margin:0;
	padding:0 4px 0 0;
	font-weight:bold;
	width:110px;
	text-align:right;
	float:left;
	clear:both;
	white-space:nowrap;
}

#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
	float:left;
}

/*** LOGN, AFCL, ORDL (From CSS Framework) ***/


.AFCL #content,
.ACLN #content,
.LOGN #content{
	padding:28px 126px;
}

.ORDL #content,
.OCST #content{ 
padding:28px 16px; 
}

.AFCL .section,
.ACLN .section,
.LOGN .section{
	float:left;
	height:220px;
	width:49%;
}

.ORDL .section,
.OCST .section{
	float:left;
	height:220px;
	width:33%;
}

.section h3{ 
	text-align:center;
	margin-bottom: 10px;
 }

.AFCL .form_row,
.LOGN .form_row,
.ORDL .form_row,
.OCST .form_row,
.ACLN .form_row{
	margin:0 0 6px 0;
}

.LOGN label,
.ORDL label,
.ACLN label,
.AFCL label{
	float:left;
	clear:both;
	width:80px;
	text-align:right;
	padding:3px 5px;
}

.grey-border-right{ border-right:1px solid #cccccc; }

.logn-input{ width:120px; }

#invalid-key{
	width:23px;
	float:left;
	margin:0 4px 0 0;
	border-width:1px;
	border-style:solid;
	border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons{ 
	text-align:center; 
	margin-bottom:16px;
}

.forgot-password{ 
	font-size:.9em;
	text-align:center;
}

/*** BASK, OCST, OPAY, OSEL (From CSS Framework) ***/

#basket-contents.non-editable,
#basket-contents.editable{
	width:100%;
}

#basket-contents.non-editable table,
#basket-contents.editable table{
	border-collapse:collapse;
}

#basket-contents.non-editable td,

#basket-contents.editable td{
	background-color:#FFF;
	vertical-alcign:top;
	padding:6px;
	font:normal 1em Arial;
}

#basket-contents table #basket-heading td{
	background-color:#dacca1;
	color:#000;
	font-weight:bold;
	text-align:left;
	font-size:1em;
	white-space:nowrap;
}

#basket-contents .basket-qty-input{ width:34px; }

#basket-contents .item-remove{
	width:8%;
	vertical-align:middle;
}

#basket-contents.editable .item-quantity{
	width:13%;
	text-align:center;
	white-space:nowrap;
}

#basket-contents.non-editable .item-quantity{
	width:6%;
	text-align:center;
}

#basket-contents .item-options .item-description{ padding-left:16px; }

#basket-contents.non-editable .item-description{ width:59%; }

#basket-contents.editable .item-description	{ width:66%; }

#basket-contents table #basket-heading td.item-description{ text-align:left; }

#basket-contents .item-price{ 
	width:10%;
	text-align:right;
}

#basket-contents .item-total{
	width:10%;
	text-align:right;
}

#basket-contents .basket-charges .charge-description{
	font-style:italic;
	text-align:right;
}

#basket-contents .basket-charges .formatted-charge{
	font-style:italic;
	text-align:right;
}

#basket-contents #basket-totals .total-prompt{
	font-weight:bold;
	text-align:right;
}

#basket-contents #basket-totals .formatted-total{
	font-weight:bold;
	text-align:right;
}

#basket-contents .item-options td{}

.checkout .item-quantity		{ width:8% !important; }

.checkout .item-description		{ width:64% !important; }

#fields-key{ margin:16px 0; }

.checkout-button{
	margin:12px 0;
	text-align:right;
}

#payment-fields input{
	border-width:1px;
	border-style:solid;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
	font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#payment-fields label{
	float:left;
	width:120px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0;
}
	.OPAY #payment-fields label{
		float:left;
		width:auto;
		white-space:nowrap;
		text-align:right;
		padding:0;
		clear:both;
		margin:2px 10px 0 0;
}
#shipping-payment .form_row{ margin:0 0 10px 0; }

#shipping-payment label{
	float:left;
	width:65px;
	white-space:nowrap;
	text-align:right;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0; 
}

.OCST #basket-contents{ margin: 0 0 32px 0; }

.OPAY .fields-key{ margin:0 0 16px 0; }

#payment-fields .form_row{ margin:0 0 10px 0; }

#customer-fields.non-editable{ margin:0 0 32px 0; }

#basket-contents.non-editable{ margin:0 0 32px 0; }


/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background: #FFF;
	width:872px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------footer framework ------------------------ */
/* JT Micro Redesign
#meta {
	text-align:right;
	float: right;
	background: #313131;
	height: 29px;
	font-size: 10px;
	}
*/
#meta {
	text-align:right;
	float: right;
	background: #fff;
	height: 35px;
	width: 200px;
	font-size: 24px;
	}

#meta a:link, #meta a:visited { color:#FFF; text-decoration: none;}
#meta a:hover, #meta a:active { color:#FFF; text-decoration: none;}

#meta ul {margin: 0;}
	#meta li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0px 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
		}
	#meta li.first { border: none; }
	#cart-icon {
		padding-left: 35px;
		background: url('../images/cart-icon.jpg') left top no-repeat;
		padding-bottom: 10px;
	}
/* ------------------------ breadcrumb framework ------------------------ */

#breadcrumbs {
	 margin: 5px 0 15px 16px; /*  margin: 5px 0 15px 16px; */
	width: 740px; /* width: 840px; */
	/* background:#efefef; */
	float:left;
}

#breadcrumbs a {
	color: #000;
}
	#breadcrumbs li {
		float: left;
		padding-left: 20px;
		margin-right: 10px;
		background: url("../images/breadcrumb-arrow.gif") left center no-repeat;
	}
	#breadcrumbs .first {
		padding: 0;
		background: none;
	}
	#breadcrumbs .current {
		font-weight: bold;
	}
		.current a {
			text-decoration: none;
		}
/* ------------------------ print framework ------------------------ */
/* */

#breadcrumbcontainer  {
margin: 0px 0px 0px 0px;
width: 840px;
float:left;
}

#printhelp {

float:right;
margin-right: 16px;
margin-top: 2px;

}


/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead-new.jpg");
	height:101px;
	width: 840px; 
	margin: 0 auto;
}
/* JPT ORIG
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:101px;
	width: 840px;
	margin: 0 auto;
}
*/
	/* index page link within #masthead */		
	#logo {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:640px;
	float:left;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 0px;
		}

	#column-left form { margin-left:0px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url("../images/bullet.html") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px; /* pushes text to the right to display bg img */
			}

	/* definition list */
	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("../images/bullet.html") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:310px;
	float:left;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 10px 0px;
		}

	#column-right form { margin-left:0px; }

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("../images/bullet.html") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}

	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("../images/bullet.html") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}

/* ------------------------ header framework ------------------------ */

#header-graphic { 
	height:83px;
	width: 840px;
	margin: 0 auto;
	background:url("../images/header-graphic-new.jpg"); 
}
/* JPT ORIG
#header-graphic { 
	height:138px;
	width: 840px;
	margin: 0 auto;
	background:url("../images/header-graphic.jpg"); 
}
*/
/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.html"); /* delete if not needed */
	width:100%; /* fix for Safar */
	height:0px;
	margin-top: -2px;
	clear:both; /* important - do not remove */
	font-size: 0px;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:872px;
	margin:5px auto 0;
	text-align:center;
	color: #999;
	font-size: 10px;
	}

#footer p {
	margin-bottom:10px;
	float: left;
	}

#footer-phone {
	color:#FFF;
	font-size: 18px;
	float: none;
	margin-left: 150px;
}

#footer a:link, #footer a:visited { color:#999; text-decoration: none; }
#footer a:hover, #footer a:active { color:#999; }

#footer ul {margin:0px; float: right;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #999;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* These styles are from the old site, not by me :) */
#nav {
	width:499px;
	height:21px;
	padding: 0;
	width:499px;
	height:21px;
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	position: absolute;
	bottom: 1px;
	left: 0;
	list-style:none;
	}
	#nav li{
		display:inline;
		margin:0 2px 0 0;
		padding:0;
		text-transform:uppercase;
	}
	#nav a{
		float:left;
		color: white;
		background-color: #ec1d25;
		background-repeat:no-repeat;
		background-position:left top;
		background-image:url(../images/color_tabs_left.gif);
		margin:0 2px 0 0;
		padding:0 0 1px 3px;
		text-decoration:none;
		letter-spacing: 1px;
	}
	#nav a span{
		float:left;
		display:block;
		background-repeat:no-repeat;
		background-position:right top;
		background-image:url(../images/color_tabs_right.gif);
		padding:4px 9px 2px 6px;
	}
	#nav a span{
		float:none;
	}
	#nav a:hover{
		background-color: #000000;
	}
	#nav a:hover span{
		background-color: #000000;
	}
	#nav #current a, #nav #current span{ /*currently selected tab*/
		background-color: #000000;
	}
#navline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #ec1d25;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ------------------------ HOME PAGE SPECIFICS ------------------------ */

#index h1 {
	font-size: 36px;
}

#index h2 {
	font-size: 30px;
	clear: both;
	color: #000;
	margin-bottom: 15px;
}

#index h3 {
	font-size: 25px;
	border: 1px solid #a0a0a0;
	width: 410px;
	padding: 6px 0;
	text-align: center;
	margin-bottom: 10px;
}

	#left-h3 {
		float: left;
		margin-left: 16px;
	}
	#right-h3 {
		float: right;
		margin-right: 16px;
	}
	#index #bottom-h3 {
		width: 480px;
		margin-left: 16px;
	}

#index h2 {
	margin-left: 16px;
}

#flashvid {
	float: right;
	width: 211px;
	height: 180px;
	/*
	width: 315px;
	height: 269px;
	*/
	margin: 0 16px 35px 0;
	position:relative;
	background: url("../images/flash-vid.jpg");
}
#flashvid a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 211px;
	height: 180px;
	/*
	width: 315px;
	height: 269px;
	*/
}
/* JPT ORIG
#flashvid {
	float: right;
	width: 315px;
	height: 326px;
	margin: 0 16px 35px 0;
	position:relative;
	background: url("../images/flash-vid.gif");
}
#flashvid a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 326px;
	width: 315px;
}
*/

#intro-section {
	width: 600px;
	margin-left: 16px;
	float: left;
	margin-bottom:20px;
}
#intro-section p{
	margin-bottom: 10px;
}

#checks li {
	padding: 0 0 0 25px;
	background: url("../images/bg-check.gif") left center no-repeat;
	font-size: 16px;
	line-height: 23px;
}


#view-all-products {
	margin-top: 10px;
}

.products {
	width: 215px;
	height:244px;
	margin-bottom: 35px;
	text-align: center;
	float: left;
	display: inline;
	background: url("../images/bg-large-prods.gif") right center no-repeat;
	position: relative;
	
}
.products img {
	border:0;
}
.products p a {
	display: block;
}
.build-this-floor-link {
	position: absolute;
	display: block;
	width: 106px;
	height: 47px;
	bottom: 5px;
	left: 60px;
}
.smallproducts {
	width: 155px;
	height:175px;
	text-align: center;
	float: left;
	margin: 15px 0 0 10px;
	display: inline;
	background: url("../images/bg-small-prods.gif") right center no-repeat;	
	position: relative;
}
	.small-prod-buy {
		position: absolute;
		display: block;
		width: 106px;
		height: 47px;
		bottom: 0px;
		left: 22px;
	}

#bottom-guy {
	float: right;
	background: url("../images/bottom-guy.jpg") right bottom no-repeat;	
	height: 213px;
	width: 314px;
	margin-right: 24px;
}

#bottom-guy p {
	width: 272px;
	height: 50px;
	margin: 7px 0 0 23px;
}


/* ------------------------ CATEGORY PAGE SPECIFICS ------------------------ */

.product-listing {
	float: left;
	width: 250px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0px 0 20px 20px;
	padding: 10px 0 30px;
	height: 340px;
}
	.product-listing .add-to-basket {
		margin-top: 15px;
	}
	
div.product-list {
	clear:both;
}

table#toolkit-pagination {
	float:right;
}

table#toolkit-pagination-bottom {
	float:right;
	margin-bottom:15px;
}

/* ------------------------ PRODUCT PAGE SPECIFICS ------------------------ */

#content {
	margin:  0 16px;
	clear: both;
	padding: 0 0 16px 0;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
	#content h1 {
		margin-bottom: 10px;
	}
		.PROD #content h1 {
			margin-bottom: 0;
		}

#product-wrap {
	margin: 15px 0;
}

	#product-image {
		float: left;
		border: 1px solid #000;
		width: 300px;
		overflow: hidden;
		padding: 15px 0;
		margin-bottom: 10px;
	}
		#product-image img {
			display: block;
			margin: 0 auto;
		}
	#prod-extras { 
		float: right;
		width: 500px;
	}
	#prod-content {
		float: left;
		margin-left: 15px;
		width: 500px;
	}
	#extras-left { width: 220px; float: left;}
	#prod-note {
		height: 34px;
		width: 160px;
		padding: 5px 0 0 5px;
		background: url('../images/bg-prod-note.gif') no-repeat;
		float: left;
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 25px;
	}
	
	#pdf-list {
		float: left;
		font-weight: bold;
		margin-left: 15px;
	}
		#pdf-list li {
			float: left;
			line-height: 17px;
			display: inline;
			padding-left: 20px;
			margin-right: 10px;
			background: url('../images/pdf-icon.gif') left top no-repeat;
		}
		
	#how-much {
		letter-spacing: -1px;
		margin-bottom: 15px;
	}
	
	#views {
		float: right;
		width: 256px;
	}
	
#specs label {
	float: left;
	width: 90px;
	text-align: right;
	margin: 0 10px 0 0;
}
#specs input, #specs select {
	margin-bottom: 4px;
}

#quantity { padding: 1px 2px; }


/* ----------------------- build dancefloor products -----------------------*/

#build-dancefloor-submit{
	margin-top: 0px;
}

#build-dancefloor-toptext {
	width: 477px;
	float: left;
	display: inline;
	margin-left: 15px;
}
	#build-dancefloor-toptext p {
		margin-bottom: 25px;
	}
	#build-dancefloor-toptext ul {
		list-style-type: disc;
		padding-left: 15px;
		margin-bottom: 26px;
	}
	
	#views-build-dancefloor img {
		width: 100px;
		height: 100px;
		margin: 0;
		float: left;
		display: inline;
	}

.border {
	border: 1px solid #c0c0c0;
	padding: 34px;
	margin-bottom: 16px;
	height: 1%;
}
	.border h2 {
		font-size: 20px;
		margin-bottom: 30px;
		width: 770px;
	}
	.border p {
		margin-bottom: 25px;
	}
	
	.panel-molding {
		width: 255px;
		float: left;
		text-align: center;
		margin-bottom: 20px;
	}
		.panel-molding input {
			width: 52px;
			float: left;
		}
		
		.panel-molding img {
			float: left;
			width: 137px;
			height: 137px;
		}
		.panel-molding p, .trim-choice p {
			clear: both;
			padding-top: 10px;
			color: blue;
			text-decoration: underline;
			margin-bottom: 0;
		}
		
	.trim-choice {
		width: 230px;
		float: left;
		text-align: center;
	}
		.trim-choice input, .trim-choice img {
			display: block;
			margin: 0 auto;
		}
		
	#btn-cont-checkout {
		display: block;
		margin: 0 auto;
	}
	
	.ml {
		margin-left: 30px;
	}
	
#product-images-container {
	width: 302px;
	float: left;
}

#twittercontainer {
  min-height:40px;
  height:auto !important;
  height:40px;
  /* not apart of above r ules */
  padding: 0 15px;
  background: url('../images/pdf-icon.gif') repeat-y;
}




/* ----------------------- missing product attributes page -----------------------*/

.dancefloor-attribute-table {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
	.dancefloor-attribute-table td {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 2px;
		font-size: 13px;
	}
	.attribute-header-row {
		
		/*
		background: #9F9F9F;
		color: #FFF; 
		*/
		background: #000;
		color: #fff;
		font-weight: bold;
	}

	
/* ----------------------- related -----------------------*/
#related {
	clear: both;
	padding-top: 15px;
}
	.related-prods {
		text-align: center;
		float: left;
		width: 120px;
		font-size: 12px;
		margin: 10px;
	}
		.related-prods a {
			color: #000;
		}

/* ----------------------- tabs (from old site) -----------------------*/

#tabs {
	clear: both;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen{ /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
 .ui-tabs-hide{
 display:none;
 }
}

/* Hide useless elements in print layouts... */
@media print{
 .ui-tabs-nav{
 display:none;
 }
}

/* Skin */
.ui-tabs-nav{
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
.ui-tabs-nav{
list-style:none;
margin:0;
padding:0 0 0 0;
}
.ui-tabs-nav:after{ /* clearing without presentational markup, IE gets extra treatment */
display:block;
clear:both;
content:" ";
}
.ui-tabs-nav li{
float:left;
margin:0 0 0 0;
min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span{
display:block;
padding:0 10px;
background:url(../images/tab.gif) no-repeat;
}
.ui-tabs-nav a{
margin:1px 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left:0;
color:#999999;
font-weight:normal;
line-height:1.2;
text-align:center;
text-decoration:none;
white-space:nowrap; /* required in IE 6 */    
outline:0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a{
position:relative;
top:1px;
z-index:2;
margin-top:0;
color:#FF0000;
}
.ui-tabs-nav a span{
width:64px; /* IE 6 treats width as min-width */
min-width:64px;
height:20px; /* IE 6 treats height as min-height */
min-height:20px;
padding-top:5px;
padding-right:0;
}
*>.ui-tabs-nav a span{ /* hide from IE 6 */
width:auto;
height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span{
padding-bottom:0;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active{
background-position:100% -150px;
color:#000;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active{
background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span{
background-position:0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span{
background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor:text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active{ /* @ Opera, we need to be explicit again here now... */
cursor:pointer;
}
.ui-tabs-disabled{
opacity:.4;
filter:alpha(opacity=40);
}
.ui-tabs-loading em{
padding:0 0 0 20px;
background:url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav{ /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display:inline-block;
}
*:first-child+html .ui-tabs-nav{ /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display:inline-block;
}

.tabbed_content_info{
     border: 1px solid #999;
     overflow:auto;
     padding: 16px;
     }
     .tabbed_content_info ul, .tabbed_content_info p, .tabbed_content_info h3 {
     	margin-bottom: 15px;
     }
     	.tabbed_content_info ul {
     		list-style: disc;
     		padding-left: 30px;
     	}
     
/*CUSTOMER SERVICE*/

#customer-hdr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bolder;
	color:#000000;
	text-align:left;	
	padding:5px 0px 5px 15px;
	}

.customer-nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#999999;
	line-height:15px;
	border-bottom: 1px dotted #000000;
	width:240px;
	padding:10px;
	margin-top:5px;
	text-align:left;
	}

.customer-nav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#999999;
	text-decoration:none;
	text-align:left;
	}

.customer-nav a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	text-align:left;
	}
	
#customer-dir {
	background-image:url(../images/background_06.jpg);
	background-repeat:repeat-y;
	}

#customer-bg-top {
	background-image:url(../images/background_03.jpg);
	background-repeat:no-repeat;
	}

#customer-bg-bottom {
	background-image:url(../images/background_08.jpg);
	background-repeat:no-repeat;
	height:20px;
	}

.customer-red {
	position:relative;
	top:10px;
	left:10px;
	width:515px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FF0000;
	border-bottom: 1px dotted #000000;
	font-weight:bolder;
	}

.customer-container {
	padding:20px;
	line-height:30px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
	.customer-container p {
		line-height: 30px;
	}
	
.bold{
	font-weight:bold;
}

/*SITEMAP*/
.lister {
	list-style:disc;
	margin-left:25px;
	padding:2px;