@charset "utf-8";
/* CSS Document */
body {
	margin-top: 0px;
	background-color: #000;
	background-image:url(/images/custom_countertops.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

button.rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 1px 2px #666;
	font-size: 15px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}

button.rounded:focus {
	border-color: #801517;
}

button.rounded:hover {
	border-color: #801517;
}

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

a.links:link {text-decoration: none; color:#000;}
a.links:visited {text-decoration: underline; color:#000;}
a.links:hover {text-decoration: underline; color:#600;}
a.links:active {text-decoration: underline; color:#000;}

a:link.purchaseorders {text-decoration: underline; color:#000;}
a:visited.purchaseorders {text-decoration: none; color:#000;}
a:hover.purchaseorders {text-decoration: underline; color:#00F;}
a:active.purchaseorders {text-decoration: none; color:#000;}


a:link.buttons {text-decoration: none; color:none; border:none;}
a:visited.buttons {text-decoration: none; color:none; border:none;}
a:hover.buttons {text-decoration: none; color:#FFF; border:none;}
a:active.buttons {text-decoration: none; color:none; border:none;}

a:link.navon {text-decoration: underline; color:#FF0;}
a:visited.navon {text-decoration: none; color:#FF0;}
a:hover.navon {text-decoration: underline; color:#FF0;}
a:active.navon {text-decoration: none; color:#FF0;}

a:link.jobdetails {text-decoration: none; color:#000;}
a:visited.jobdetails {text-decoration: none; color:#000;}
a:hover.jobdetails {text-decoration: underline; color:#00F;}
a:active.jobdetails {text-decoration: none; color:#000;}

.nav {font-family:Arial, Helvetica, sans-serif; font-size:19px;}
.navon {font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#FF0;}
.goback {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
.purchaseorders {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#600;}
.purchaseorders2 {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#600;}
.purchaseordersbody {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.jobdetailsbody {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.jobdetailshead {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color: #000;}
.quote12 {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.copy {font-family:"Times New Roman", Times, serif; font-size:18px; color:#FFF; line-height:22px; padding-left:33px;}
.homecopy {font-family:"Times New Roman", Times, serif; font-size:20px; color:#FFF; line-height:22px; padding-left:35px;}
.address {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #600;}
.address1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color: #600;}
.address2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #600;}
.phone {font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color: #000;}
.paragraph {font-family:Arial, Helvetica, sans-serif; font-size:17px; color: #000; padding-left: 25px; padding-top: 20px;}
.links {font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.contacts {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #600;}
.copyright {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

.quotebutton
            {
            background: url(/images/remove.jpg) no-repeat;
            cursor:pointer;
                        border: none;
}

.colorselect { border:15px solid #c3c3c3; }
.colorselect .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.colorselect .arrow{width:16px;height:16px; margin-top:-8px; background:url(/images/msdropdown/skin1/dd_arrow.gif) no-repeat;}
.colorselect .arrow:hover{background-position:0 100%;}
.colorselect .ddTitle{color:#000;background:#e2e2e4 url(/images/msdropdown/skin1/title-bg.gif) repeat-x left top;}
.colorselect .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.colorselect .ddTitle .ddTitleText .ddTitleText{padding:0;}
.colorselect .ddTitle .description{font-size:12px; color:#666}
.colorselect .ddTitle .ddTitleText img{padding-right:5px;}
.colorselect .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.colorselect .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.colorselect .ddChild li .description{color:#666;}
.colorselect .ddChild li .ddlabel{color:#333;}
.colorselect .ddChild li.hover{background-color:#f2f2f2}
.colorselect .ddChild li img{padding:0 6px 0 0;}
.colorselect .ddChild li.optgroup{padding:0;}
.colorselect .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.colorselect .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.colorselect .ddChild li.selected{background-color:#d5d5d5; color:#000;}

input.rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 1px 2px #666;
	font-size: 15px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}

input.rounded:focus {
	border-color: #339933;
}

input.rounded2 {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 1px 2px #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	margin:3px 3px 3px 3px;
}

input.rounded2:focus {
	border-color: #339933;
}

input.upload {
	border: 1px solid #999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 1px 2px #666;
	font-size: 9px;
	padding: 2px 4px;
	outline: 0;
	-webkit-appearance: none;
	margin:3px 3px 3px 3px;
}

input.upload:focus {
	border-color: #339933;
}

.disabled {
	border: 0px;
	width: 125px; 
	text-align:center;  
	box-shadow: 1px 1px 2px #666; 
}
.centered {
		text-align:center;
	}

.disabled_po {
	border: 0px;
	width: 200px; 
	text-align:center;  
	box-shadow: 1px 1px 2px #666; 
}
.centered {
		text-align:center;
	}
	
textarea#rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 1px 2px #666;
	font-size: 15px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;

}

	h1 {
		position: relative;
		font-size: 28px;
		margin-top: 0;
		font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;
		text-shadow: 2px 3px 3px #292929;
		-webkit-text-stroke: 1px white;
	
	}
	
	h1 a {
		text-decoration: none;
		color: #ffffff;
		position: absolute;

		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
		text-shadow: 0 2px 0 #e9e9e9;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	
	h1 a:hover {
		color: #185a50;
	}

	h1:after {
		color: #dbdbdb;
		content : attr(data-title);
	}