@charset "UTF-8";
/*


Grey for lines:	#dfe2e5
Old grey for text: 	#313D42
New grey for text: 	#0c1011

Page width: 980px;

*/

body,html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#0c1011;
}


/* GENERIC */
/* GENERIC */
/* GENERIC */
/* GENERIC */
/* GENERIC */

.fl{
	float:left;
}
.fr{
	float:right;
}
.c{
	clear:both;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

a{
	color:#1d2a2f;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

ul{
	margin:0 0 0 12px;
	padding:0 0 0 5px;
}

li{
	margin:0 0 7px 4px;
}


h1{
	text-transform:uppercase;
	font-size:9pt;
	margin:3px 0 7px 0;
	width:285px;
}

h2{
	text-transform:uppercase;
	font-size:9pt;
	margin:3px 0 7px 0;
	width:285px;
}

h3{
	text-transform:uppercase;
	font-size:9pt;
	margin:0 0 5px 0;
	width:285px;
}

h4{
	font-size:9pt;
	margin:0 0 5px 0;
	width:285px;
	color:#595c5e;
}

h5{
	font-size:9pt;
	margin:20px 0 5px 0;
	width:285px;
	color:#595c5e;
}

p{
	margin:3px 0 9px 0;
	line-height:13pt;
}

form{
	margin:0;
	padding:0;
}

img{
	border:0;
}




/* CONTAINERS */
/* CONTAINERS */
/* CONTAINERS */
/* CONTAINERS */
/* CONTAINERS */

#containerTable{
	height:100%;
	width:100%;
	border:0;
	border-collapse:collapse;
}

#container{
	width:100%;
	margin:0 auto;
	background-color:#FFFFFF;
}

#headerContainer{
	width:100%;
	height:67px;
	border-bottom:1px Solid #dfe2e5;
}

#navContainer{
	width:100%;
	height:31px;
	border-bottom:1px Solid #dfe2e5;
}

#navAndSubNavContainer{
	width:100%;
	height:61px;
	border-bottom:1px Solid #dfe2e5;
	background-image:url(../images/nav-and-sub-nav-container-background.gif);
	background-repeat:repeat-x;
}

#subNavContainer{
	width:100%;
	height:30px;
	border-bottom:1px Solid #dfe2e5;
}

#mainContainer{
	position:relative;
	width:100%;
	height:330px;
	border-bottom:1px Solid #dfe2e5;
}

#subSubNavContainer{
	width:100%;
	height:30px;
	border-bottom:1px Solid #dfe2e5;
}

.subSubNavContainer{
	width:100%;
	height:30px;
	border-bottom:1px Solid #dfe2e5;
}

.subSubNavContainerTopBorder{
	width:100%;
	height:30px;
	border-bottom:1px Solid #dfe2e5;
	border-top:1px Solid #dfe2e5;
}

#secondaryContainer{
	width:100%;
	height:126px;
	border-bottom:1px Solid #dfe2e5;
}

.secondaryContainerExpandable{
	width:100%;
	border-bottom:1px Solid #dfe2e5;
}

.secondaryContainerExpandableBackground{
	background-image:url(../images/secondary-container-expandable-bg.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

.lineStretch{
	width:100%;
	height:633px;
}

.lineStretchTD{
	/*vertical-align:middle;*/
}

.pageWidth{
	position:relative;
	width:980px;
	margin:0 auto;
}


/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */

#logoBigFlash{
	width:805px;
	height:35px;
	float:left;
	margin:25px 0 0 40px;
}

#blocksFlash{
	width:78px;
	height:18px;
	float:right;
	margin:37px 40px 0 0;
}

#navFlash{
	width:800px;
	height:31px;
	margin:0 40px 0 0;
	float:right;
}

#navAndSubNavFlash{
	width:980px;
	height:61px;
	float:right;
}

#subNavFlash{
	width:700px;
	height:30px;
	float:right;
	margin:0 40px 0 0;
}

#subSubNavFlash{
	width:700px;
	height:30px;
	float:left;
	margin:0 0 0 40px;
}


#audioControlFlash{
	width:145px;
	height:30px;
	float:left;
	margin:0 0 0 40px;
}

#leftColumnMask{
	position:absolute;
	left:20px;
	top:10px;
	width:290px;
	height:300px;
	background-color:#FFFFFF;
	z-index:100;
}



/* MAIN CONTAINER */
/* MAIN CONTAINER */
/* MAIN CONTAINER */
/* MAIN CONTAINER */
/* MAIN CONTAINER */

#mainContainerLeftColumn{
	position: relative;	/* IE overflow fix, position must be relative or absolute*/
	height:272px;
	width:334px;
	/*padding:0 25px 0 0;*/
	padding:0 0 0 0;
	float:left;
	overflow:auto;
	top: 29px;
	left: 39px;
}

#mainContainerLeftColumnWidth{
	width:290px;
}

#mainContainerRightColumn{
	width:540px;
	float:right;
	margin:0 39px 0 0;
}

#featureImageFlash{
	width:540px;
	height:330px;
	float:right;
}

#contactMapFlash{
	width:540px;
	height:330px;
	float:right;
}




/* SUB SUB NAV */
/* SUB SUB NAV */
/* SUB SUB NAV */
/* SUB SUB NAV */
/* SUB SUB NAV */

#priceYourKitchenButton{
	width:120px;
	height:30px;
	display:block;
	float:right;
	margin:0 39px 0 0;
}

#emailUsButton{
	width:120px;
	height:30px;
	display:block;
	float:left;
	margin:0 0 0 39px;
}





/* SECONDARY CONTAINER */
/* SECONDARY CONTAINER */
/* SECONDARY CONTAINER */
/* SECONDARY CONTAINER */
/* SECONDARY CONTAINER */

#quoteFlash{
	width:385px;
	height:126px;
	float:right;
	margin:0 40px 0 0;
}

#callUsNowFlash{
	width:385px;
	height:72px;
	float:right;
	margin:0 40px 0 0;
}

#callUsNowFlashContact{
	width:385px;
	height:72px;
	float:right;
	margin:17px 40px 0 0;
}






/* MATERIALS */
/* MATERIALS */
/* MATERIALS */
/* MATERIALS */
/* MATERIALS */

.materialThumbnailsContainer{
	width:920px;
	padding:22px 5px 15px 38px;
	float:left;
	overflow:visible;
}

.materialTypeNameContainer{
	width:980px;
	height:30px;
	border-bottom:1px Solid #dfe2e5;
	border-top:1px Solid #dfe2e5;
	overflow:visible;
}

.materialThumbnail, .materialThumbnailOver{
	width:50px;
	height:50px;
	float:left;
	margin:0 9px 9px 0;	
	border:1px Solid #dfe2e5;
	overflow:visible;
}

.materialThumbnailOver{
	border:1px Solid #585a5d;
}

.materialDetailsContainer{
	width:530px;
	margin:28px 10px 0 5px;
	float:left;
	overflow:visible;
}

.materialImage{
	width:272px;
	height:272px;
	float:left;
	border:1px Solid #dfe2e5;	
	overflow:visible;
}

.materialDetails{
	float:left;
	width:205px;
	margin:0 0 9px 26px;
	overflow:visible;
}

.materialTypeNameHeader{
	margin:8px 0 0 39px;
	padding:0 0 0 0;
	float:left;
}

.descriptionLine{
	margin:0 0 10px 0;
	line-height:10pt;
}

.clickTheThumbnailsBelow{
	width:195px;
	height:39px;
	margin:20px 0 0 0;
	display:block;
}



/* CONTACT */
/* CONTACT */
/* CONTACT */
/* CONTACT */
/* CONTACT */

.secondaryContainerCopyContainer{
	width:180px;
	padding:12px 5px 3px 38px;
	float:left;
	overflow:visible;
}

#elasticLogoFlash{
	width:150px;
	height:55px;
	float:right;
	margin:45px 28px 0 0;
}

#sssLogoSmall{
	width:118px;
	height:43px;
	display:block;
	margin:5px 0 0 0;
}


.priceYourKitchenCall{
	height:330px;
	background-image:url(../images/price-call.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

.priceYourKitchenCallComingSoon{
	height:330px;
	background-image:url(../images/price-call-coming-soon.gif);
	background-position:center center;
	background-repeat:no-repeat;
}




div#footer{
	font-size:0.8em;
	color:#6e7f8c;
	width:980px;
	margin:0 auto;
	padding:10px 0 0 80px;
}


div#copyright{
	font-size:0.8em;
	color:#6e7f8c;
	width:980px;
	margin:0 auto;
	padding:10px 0 10px 80px;
}




/*
 * AUTO QUOTE
 * AUTO QUOTE
 * AUTO QUOTE
 * AUTO QUOTE
 * AUTO QUOTE
 */
 
a.quoteLink{
	text-decoration:underline;
	color:#606d77;
}
 
a.quoteLink:hover{
	color:#808b96;
}
 
#mainContainerAutoQuote{
	position:relative;
	width:100%;
	height:588px;
	border-bottom:1px Solid #dfe2e5;
	font-size:0.9em;
}

h1#autoQuoteTitle{
	background-image:url(../images/title-autoquote.gif);
	width:114px;
	height:22px;
	display:block;
	margin-top:32px;
	text-indent:-2000px;
	margin-bottom:12px;
}

div.autoQuoteColumn1, div.autoQuoteColumn2, div.autoQuoteColumn3{
	width:326px;
	height:588px;
	border-right:1px solid #dfe2e5;
	float:left;
}

div.autoQuoteColumn1{
	width:240px;
	padding-right:20px;
	margin-left:38px;
}

div.autoQuoteColumn3{
	width:313px;
}

div.autoQuoteDivide, div.autoQuoteDividePadded{
	width:100%;
	overflow:visible;
	border-bottom:1px solid #dfe2e5;
	float:none;
	clear:both;
	padding-top:6px;
	padding-bottom:6px;
}

div.piecesDivide{
	padding-bottom:18px !important;
}

div.autoQuoteDividePadded{
	padding-top:15px;
	padding-bottom:15px;
}

div.noBorder{
	border:0;
}

table.firstOptions{
	width:100%;
	border:0;
}

table.firstOptions td{
	padding:2px;
}



table.firstOptions td.number{
	width:20px;
	font-weight:bold;
	text-align: center;
}


table.details{
	width:100%;
	border:0;
	margin-top: 10px;
}

table.details td{
	padding:2px;
}

table.details td.textTop{
	padding-top:7px;
	vertical-align:top;
}

table.details input, table.details textarea{
	border:1px solid #dfe2e5;
	padding:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:170px;
}

table.details textarea{
	height:80px;
}

img#materialSwatch{
	width:35px;
	height:35px;
	border:1px solid #dfe2e5;
}

table.firstOptions

table.noPadding td{
	padding:0 !important;
}

table.padding td{
	padding:2px !important;
}


table.pieces{
	width:100%;
	border:0;
	margin-top:2px;
}

table.pieces td{
	padding:2px !important;
}

table.pieces input{
	border:1px solid #dfe2e5;
	padding:4px 0 0 3px !important;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:35px;
	height:20px;
}

table.pieces td.description{
	width:70px;
	padding-left:5px !important;
}

table.pieces td.label{
	width:40px;
	text-align: right;
}

table.pieces td.field{
	width:25px;
}

table.pieces td.unit{
	width:20px;
}




table.edges{
	width:100%;
	border:0;
	margin-top:2px;
}

table.edges td{
	padding:2px !important;
}


table.edges input{
	border:1px solid #dfe2e5;
	padding:4px 0 0 3px !important;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:35px;
	height:20px;
}

table.edges td.description{
	width:72px;
	padding-left:5px !important;
}

table.edges td.descriptionNoWidth{
	width:auto;
	padding-left:5px !important;
}

table.edges td.label{
	width:40px;
	text-align: right;
}

table.edges td.field{
	width:25px;
}

table.edges td.unit{
	width:20px;
}






table.upstands{
	width:100%;
	border:0;
	margin-top:2px;
}

table.upstands td{
	padding:2px !important;
}


table.upstands input{
	border:1px solid #dfe2e5;
	padding:4px 0 0 3px !important;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:35px;
	height:20px;
}

table.upstands td{
	padding:2px !important;
}

table.upstands td.description{
	width:67px;
	padding-left:5px !important;
}

table.upstands td.label{
	width:40px;
	text-align: right;
}

table.upstands td.field{
	width:25px;
}

table.upstands td.unit{
	width:20px;
}



table.finalOptions input{
	border:1px solid #dfe2e5;
	padding:4px 0 0 3px !important;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:40px;
	height:20px;
}

table.finalOptions td.number{
	width:20px;
	font-weight:bold;
	text-align: center;
}

table.finalOptions td.label{
	text-align: left;
	width:190px;
}

table.finalOptions td.field{
}

table.templateAndFitting td.label{
	width:148px;
}


span.tiny{
	font-size:0.8em;
}



div.quoteButtonDivide{
	width:100%;
	overflow:visible;
	float:none;
	clear:both;
	padding-top:26px;
	padding-bottom:6px;
}

div.submitButtonDivide{
	width:100%;
	overflow:visible;
	float:none;
	clear:both;
	padding-top:26px;
	padding-bottom:6px;
}

input#buttonQuote, input#buttonSubmit{
	background-color:#495762;
	color:#FFFFFF;
	padding:7px 7px;
	height:30px;
	width:90px;
	display:block;
	margin:0 0 0 60px;
	border:0;
	cursor:pointer;
	-moz-outline-style: none;
	outline: none;
}

input#buttonQuote{
	margin-left:35px;
}

input#buttonQuote:active{
	-moz-outline-style: none;
	outline: none;
}

input#buttonSubmit{
	margin-top:21px;
}

input#buttonQuote:hover, input#buttonSubmit:hover{
	background-color:#89959e;
}

input#buttonQuote:click, input#buttonSubmit:click{
	background-color:#111111;
}

input#quoteField{
	border:1px solid #dfe2e5;
	padding:4px 0 0 0 !important;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:88px;
	height:20px;
	display:block;
	margin-left:35px;
	color:#990000;
	margin-top:5px;
	text-align:center;
}


div#autoQuoteWrap{
	position:relative;
}

div#autoQuoteDiscountFlash{
	width:190px;
	height:113px;
	position:absolute;
	right:38px;
	bottom:0;
}

div.disclaimer{
	padding:7px 40px 10px 0;
	font-size:0.9em;
	float:right;
}

div.index_html_item_title{
	margin-bottom:5px;
}

div.linksContainer{
	margin:20px 0 20px 40px;
	line-height:17px;
}

div.linksContainer h4{
	margin:21px 0 0 0;
}

div.linksContainer a{
	color:#627D99;
}

div.linksContainer a.noColor{
	color:#0c1011;
}



#navList li{
	display:inline;
	margin-left:20px;
}