/* CSS Document */


body {
	margin:0px;
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(graphics/00000001/vertical-slice.jpg);
	background-repeat: repeat;
	}

table tr td{
	font:normal 1.em Tahoma, Verdana, Helvetica, sans-serif;
}
	
.breadcrumb {
	font-family: Tahoma;
	font-size: 11px;
	color: #947896;
	font-weight: bold;
	padding-left: 10px;
}

.breadcrumb a {
	font-family: Tahoma;
	font-size: 11px;
	color: #947896;
	font-weight: bold;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
	font-family: Tahoma;
	font-size: 11px;
	color: #947896;
	font-weight: bold;
}

.checkout {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.checkout a {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
.checkout a:link, .checkout a:visited, .checkout a:hover, .checkout a:active  {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
 
.nav-bar {
	font-size: 11px;
    font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	line-height:29px;
	color:#000000;
}

.nav-bar a {
	font-size: 11px;
    font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	line-height:29px;
	color:#000000;
	text-decoration:none;
}
.nav-bar a:link, .nav-bar a:visited, .nav-bar a:hover, .nav-bar a:active {
	font-size: 11px;
    font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	line-height:29px;
	color:#000000;
	text-decoration:none;
}

.copyright {
font-size: 12px; 
color: #FFFFFF; 
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
text-align:center; 
}

.footer {
font-size: 12px; 
color: #FFFFFF; 
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
text-align:center;
padding-bottom:5px;
padding-top:5px;
}
.footer a {
font-size: 12px; 
color: #FFFFFF; 
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
text-align:center;
text-decoration:none;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{
font-size: 12px; 
color: #FFFFFF; 
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
text-align:center;
text-decoration:none;
}
 
.sign-up {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #97a042;
}

.free-swatch {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #97a042;
}
.free-swatch a:link, .free-swatch a:visited, .free-swatch a:hover, .free-swatch a:active {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #97a042;
}
 
.cattree-home-tab {
background-color:#947896;
width:168px;
padding-left:14px;
color: #FFFFFF;
font-weight: bold;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
/*margin-bottom:2px;*/
margin-top:16px;
margin-left:2px;
}

.cattree-diy-tab {
background-color:#947896;
width:168px;
padding-left:14px;
color: #FFFFFF;
font-weight: bold;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
/*margin-bottom:2px;*/
margin-top:11px;
margin-left:2px;
}

.cattree-sale-tab {
background-color: #ac1e23;
width:168px;
padding-left:14px;
color: #FFFFFF;
font-weight: bold;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
/*margin-bottom:2px;*/
margin-top:11px;
margin-left:2px;
}


.cattree {
width:180px;
padding-left:14px;
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
line-height:18px;
}
.cattree a {
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;
}
.cattree a:link, .cattree a:visited, .cattree a:hover, .cattree a:active {
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;
}

.cattree-experts {
background-color:#faf6fa;
width:168px;
padding-left:13px;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
margin-left:3px;
}

.cattree-experts a {
background-color:#faf6fa;
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;
}


.phone {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
color: #FFFFFF;
font-size:18px;
}

.contact-info {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
color:#676464;
line-height:20px;
}

.contact-info a {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
color:#676464;
line-height:20px;
text-decoration:none;
}
.contact-info a:link, .contact-info a:visited, .contact-info a:hover, .contact-info a:active {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
color:#676464;
line-height:20px;
text-decoration:none;
}

.contact-helpful-info {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:18px;
font-weight:bold;
color:#947896;
margin-top:10px;
}

.contact-hours-info {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:16px;
font-weight:bold;
color:#947896;
margin-top:10px;
}


.st-jude {
color:#9aa348;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
font-style:italic;
margin-right:10px;
}

.st-jude a {
color:#9aa348;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
font-style:italic;
text-decoration:none;
}
.st-jude a:link, .st-jude a:visited, .st-jude a:hover, .st-jude a:active {
color:#9aa348;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size:12px;
font-style:italic;
text-decoration:none;
}

.helpful {
margin-left:24px;
}

.basket {
font-family:Tahoma;
font-size:11px;
color:#000000;

}
.basket a {
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:underline;
}
.basket a:link, .basket a:visited, .basket a:hover, .basket a:active {
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:underline;
}

.email-address {
font-family:Tahoma;
font-size:12px;
color:#97a043;
}

.search-field {
	background-color:#cfd8ad;
	border: 1px solid #969f43;
}
.diy-help {
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #97a043;
}

.custom-foam-field {
	background-color:#cfd8ad;
	border: 1px solid #969f43;
	margin-right:10px;
	}


/*- custom foam pages
--------------------*/

#custom-cut-foam {
	margin: 10px;
}
	#custom-foam-form {
		width: 510px;
		float: left;
	}
		#custom-foam-form #custom-top-middle label {
			width: 90px;
		}
		#custom-foam-form label {
			font-size: 14px;
			font-weight: bold;
			width: 80px;
			display: block;
			float: left;
			margin-bottom: 10px;
		}
		#custom-foam-form br {
			clear: both;
		}
		#custom-foam-form input,
		#custom-foam-form select {
			float: left;
		}
		#custom-top-left {
			width: 200px;
			float: left;
		}
		#custom-top-middle {
			width: 170px;
			margin-left: 30px;
			float: left;
			display: inline;
		}
		#custom-top-right {
			width: 100px;
			float: left;
		}
	#custom-details {
		width: 370px;
		float: right;
	}
	#custom-cut-foam h3 {
		color:#926e94;
		font-size: 12px;
		clear: both;
	}
	#custom-add-to-basket {
		margin-bottom: 15px;
	}

#custom-foam-left {
	float: left;
	width: 182px;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}

#bolster-container {
	width: 400px;
	height: 381px;
	background: url(/mm5/images/bg-bolster.jpg);
	position: relative;
}
	.foam-wrap input {
		width: 37px;
		position: absolute;
		text-align: center;
	}
	#bolster-container #depth {
		top: 333px;
		left: 151px;
	}
	#bolster-container #sideA {
		top: 19px;
		left: 217px;
	}
	#bolster-container #height {
		top: 167px;
		left: 300px;
	}

#circle-container {
	width: 364px;
	height: 364px;
	background: url(/mm5/images/bg-circle.jpg);
	position: relative;
}
	#circle-container #diameter {
		top: 311px;
		left: 180px;
	}
	
#l-shape-container {
	width: 458px;
	height: 383px;
	background: url(/mm5/images/bg-l-cushion.jpg);
	position: relative;
}
	#l-shape-container #width {
		bottom: 22px;
		left: 194px;
	}
	#l-shape-container #depth {
		left: 366px;
		top: 175px;
	}
	#l-shape-container #sideA {
		left: 242px;
		top: 14px;
	}
	#l-shape-container #sideB {
		left: 118px;
		top: 102px;
	}
	#l-shape-container #sideC {
		left: 92px;
		top: 214px;
	}
	#l-shape-container #sideD {
		left: 13px;
		top: 273px;
	}
	
#square-container {
	width: 394px;
	height: 350px;
	background: url(/mm5/images/bg-square.jpg);
	position: relative;
}
	#square-container #depth {
		left: 300px;
		top: 139px;
	}
	#square-container #width {
		left: 131px;
		top: 309px;
	}

#t-shape-container {
	width: 451px;
	height: 388px;
	background: url(/mm5/images/bg-t-cushion.jpg);
	position: relative;
}
	#t-shape-container #width {
		bottom: 25px;
		left: 233px;
	}
	#t-shape-container #depth {
		left: 227px;
		top: 175px;
	}
	#t-shape-container #sideA {
		left: 228px;
		top: 13px;
	}
	#t-shape-container #sideB {
		left: 342px;
		top: 113px;
	}
	#t-shape-container #sideC {
		left: 84px;
		top: 185px;
	}
	#t-shape-container #sideD {
		left: 13px;
		top: 273px;
	}
	
#trap-container {
	width: 441px;
	height: 375px;
	background: url(/mm5/images/bg-trap.jpg);
	position: relative;
}
	#trap-container #width {
		bottom: 15px;
		left: 172px;
	}
	#trap-container #height {
		left: 345px;
		top: 172px;
	}
	#trap-container #sideA {
		left: 181px;
		top: 12px;
	}

#custom-container {
	float: left;
	margin-left: 30px;
	display: inline;
	background: url(/mm5/images/custom-landing.jpg) no-repeat;
	width: 693px;
	height: 457px;
	margin-top: 10px;
}
	#custom-container .custom-div {
		float: left;
		margin-left: 45px;
		display: inline;
		height: 210px;
		width: 170px;
		text-align: center;
	}
		#custom-container h2 {
			margin: -12px 0 22px 54px;
			text-transform: uppercase;
			color: #abb864;
			font-size: 22px;
		}
		#custom-container h3 {
			margin: 0;
		}
		.custom-div img {
			border: 1px solid #abb864;
		}
		.custom-div a {
			color: #000;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
		}
		

h1.sitemap {
font-family: Tahoma;
font-size:14px;
font-weight:normal;
color:#2c2524;

}


h1.storefront-welcome {
font-family: Tahoma;
font-size:14px;
font-weight:normal;
color:#2c2524;

}

.sfnt-welcome-text {
font-family: Tahoma;

	color: #757575;
	font-size: 12px;
}

.sfnt-welcome-text a {
color:#9aa349;
}
.fabric-links a {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 10px;
	color:#2c2524;
	text-decoration: none;
}

.fabric-links a:link, .fabric-links a:visited, .fabric-links a:hover, .fabric-links a:active {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 10px;
	color:#2c2524;
	text-decoration: none;
}


.prod-click {
	font-family: Tahoma;
	font-weight: bold;
	color: #9aa349;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 10px;
}
.pages {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #947896;
}
h1.pages  {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #947896;
	margin-top: 5px;
	margin-bottom: 5px;
}


.ctgy-price {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #676464;
	margin-top: 10px;
	margin-bottom: 5px;
	
}

.ctgy-price a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #676464;
	text-decoration:none;
	
	}
.ctgy-qty {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #676464;
	margin-top: 10px;
}
	
	
	
	
.related-prod {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #676464;
	text-align:left;
}	
.related-price {
	font-family: Tahoma;
	font-size: 11px;
	text-align: right;
	
}

.related-prod a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #676464;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration:none;
	
	}	
	


.related {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #947896;
	margin-left: 10px;
	width: 712px;

}

.related-products {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #947896;
	/*margin-left: 10px;*/
	/*width: 712px;*/
}

.related-prods-column {

margin-right:10px;

}

.prod-detail {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #947896;

}

div.prod-ctgy-hdft  {
	font-family: Tahoma;
	font-size: 12px;
	color: #676464;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;

}
h2.swatchform {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}

.swatchform {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}

.swatchform input{
	font-size:1em;
}


.swatchformbtn {
font-family:verdana;
font-size:12px; 
font-weight:bold; 
font-style:none; 
border-style:solid; 
border-color:#0C0D0C; 
border-width:1px; 
background:#969f43; 
color:#FFFFFF; 
width:8em

}

.no-results {
	margin-left:10px;
	color: #000000;
	font-family:Tahoma, Arial, sans-serif;
    font-size: 12px;
	font-style: italic;
}

.search {
    margin-top: 0px;
	margin-bottom: 0px;

}

.prod-name {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.prod-code {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.prod-desc {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
}

.quan {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 16px;
}

.prod-price {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.content {
	margin-left: 10px;
	margin-right: 10px;
}

.content-padding {
	padding-left: 2px;
}

.content-padding-3 {
	padding-left: 3px;
}

.content-invoice-messages {
	padding-left: 10px;
	padding-right: 10px;
}

.content-invoice {
	padding-left: 3px;
	padding-right: 3px;
}


.miva-tag {
	font-family: Tahoma;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
}

.miva-tag a {
	font-family: Tahoma;
	font-size: 10px;
	text-align: center;
	color:#FFFFFF;
	text-decoration:none;
}

.continue {
padding-right: 10px;

}

.header-footer {
font-family: Tahoma;
color: #757575;
font-size: 12px;

}
.header-footer a {
font-family: Tahoma;
color:#9aa349;
font-size: 12px;
text-decoration:underline;
}
.header-footer a:link, .header-footer a:visited, .header-footer a:hover, .header-footer a:active {
font-family: Tahoma;
color:#9aa349;
font-size: 12px;
text-decoration:underline;
}


form {
	margin: 0px;
}
.sub-cat {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	
}
.sub-cat a:link, .sub-cat a:visited, .sub-cat a:hover, .sub-cat a:active{
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}


/* SUBNAV - CATTREE */

ul#first {
	list-style-type:none; 
        width:180px; 
        margin: 0 0 0 0; 
        padding-left: 14px;
	}

#subnav { float:left;}

#subnav li {  
/*margin-bottom: 0px; padding: 0px;*/

color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
 }
 	
#subnav li a {  
display: block; 
width: 100%; 
/*height:100%; */
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;
}

#subnav li a:hover {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;
}

#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0;
 }

#subnav li.subcategory { 
/*padding: 0; margin: 4px 0 0 0px;*/
color: #97a042;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
text-decoration:none; 
line-height:14px;


 }	
#subnav li.subcategory a { 
color: #97a042;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
text-decoration:none; 
line-height:14px;

}		
#subnav li.subcategory a:hover { 
color: #97a042;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
text-decoration:none;  
}	
#subnav li.subcategory a:visited:hover { 
color: #97a042;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
text-decoration:none; 
}

.yard-chart {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #97a043;
}
.yard-chart1  {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 16px;
}

.yard-chart2 {
color: #000000;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
}

.prod-review {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.prod-review-title {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #947896;

}
.prod-review-date {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 10px;

}

.prod-review-review {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;

}

.contact-form {
border:solid; border-color:#666666; border-collapse:collapse; border-width:1px;


}

.church_info_div{
	font-size:.9em;
	color:#000000;
	padding:4px 0;
	border:0px solid #957896; 
	border-bottom-width:2px;
}

.church_info_div_blurb{
	margin-left:154px;
}

.church_info_div_img{
	padding:3px;
	border:1px solid #aeb36f;
	float:left;
}

.clear{
	clear:both;
}


#contact-main input, #contact-main textarea, #contact-main select { 
	background-color:#CFD8AD !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #969F43;
	color:#000;
	width:200px; /* 5 pixles smaller than form width !important */
	height:24px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

#contact-main select { width:150px; padding:0; } /* same width as form - !important */

#contact-main textarea { height:90px; overflow:auto; }


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

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:100px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, #contact-main input.submit-contact-main { 
	width:60px;
	height:22px;
	cursor:pointer; 
	padding:0; 
	}

#contact-main input.submit-contact-main { margin:85px 0 0 110px; } /* defines placement of contact-main submit button */

#monthly-title {
	width: 280px;
	margin-left: 65px;
	}

#monthly {
	width: 523px;
	height: 178px;
	padding-left: 8px;
	background: url("images/monthly.gif") no-repeat;
	}
	
	.monthly-column {
		width: 150px;
		float: left;
		margin-left: 15px;
		text-align: center;
		margin-top: 5px;
		}






#skBanner
			{
				margin-bottom:15px;
				position:relative;
				margin-left: 15px;
                                margin-top: 15px;
			}
			
#skBanner .SlideShowNavigation 
			{
				position:absolute;				
				z-index:1000;
			}
			
#skBanner .SlideShowNavigation #Next
			{
				background:url(images/Arrows.png) 0 0 no-repeat;
				display:block;
				height:30px;
				left:30px;
				position:absolute;
				top:170px;
				width:26px;
			}
			
#skBanner .SlideShowNavigation #Prev
			{
				background:url(images/Arrows.png) -26px 0 no-repeat;
				display:block;
				height:30px;
				left:660px;
				position:absolute;
				top:170px;
				width:26px;
			}