* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/* header */

 .guaranteeLink {
 	background-color: Red;
	color: white;
	padding: 2px;
	margin-top: 2px;
 }
 
 .hgtvTime {
 	position: absolute;
	left: 819px;
	top: 0px;
	border-right: 1px solid #4F0012;
 }
 
.unButton {
	position: absolute;
	left: 820px;
	top: 10px;
}

.sampleRED {
	position: absolute;
	top: 338px;
	left: 820px;
}

.volume {
	position: absolute;
	top: 405px;
	left: 820px;
}

.xmas {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 150px;
	/*height: 150px;*/
	background-color: White;
	position: absolute;
	top: 105px;
	left: 820px;
	background-repeat: no-repeat;
	text-align: center;
}

.xmas a {
	text-decoration: none;
}

.xmas h4 {
	margin: 0;
	border-bottom: 2px solid #cccccc;
	border-top: 1px solid #000000;
	font-size: 14px;
	padding: 2px;
	background-color: #00BFFF;
	color: #333333;
}


.xmas h5 {
	margin: 5px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #B20000;
}

.snapSaleButton {
	position: absolute;
	top: 595px;
	left: 820px;
}


/* This is the sidebar in template */
#sidebar {
	position: relative;
	background-color: #4F0012;
}

#sidebar div {
	/*
background-image: url(/images/background-button.jpg);
	background-repeat: repeat-x;
*/
	padding: 8px 3px 8px 3px;
	margin: 0px 0 0px 0;
	border-bottom: 1px solid #330000;
	background-color: #4F0012;
	color: #ffffff;
	cursor: pointer;
}

#sidebar div a {
	color:#cc9999;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 3px 1px 3px 1px;
	font-size: 12px;
	font-weight: bolder;
	letter-spacing: 1px;
}

#sidebar div h3 {

}

#sidebar div a span {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

#sidebar div p {
	margin: 0 0 0 0;
	padding: 6px 2px 3px 2px;
	font-size: 10px;
	color: #CCCCCC;
}

/* rollover state for blocks in sidebar */
#sidebar div.over {
	background-color: #000000;
	color: #F8BF01;
}

#sidebar div.over .contact {background-color: white; color: #0088CC;}

#sidebar div.over a {
	color: #F8BF01;
}

#sidebar .contact {
	background-color: #0088CC;
	color: white;
}

#sidebar .contact a {font-size: 16px;}

#sidebar .contact p {color: black;}

#sidebar .contact a {color: black;}


/* header sidebar */

#headerRight {
	position: absolute;
	top: 3px;
	left: 820px;
	width: 158px; 
	background-color: #333333;
	color: #AAAAAA;
}

#headerRight ul {
	margin: 0px -10px;
	overflow: hidden;
	padding: 0px 10px;
}

#headerRight li {
	border-bottom: 1px solid #000;
	margin: 0px 0px -1px;
	padding: 8px 3px;
	list-style: none;
}

#headerRight .fire {
	background-color: white;
	
}

#headerRight .fire h3 {
	color: red;
	padding: 0;
}

#headerRight .fire p {
	color: black;
}

#headerRight .fire a:hover {
	color: red;
}

#headerRight h3 {
	color: #DCDCDC;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0;
}

#headerRight p {
	margin: 4px 0;
	font-size: 11px;
	line-height: 15px;
}

#headerRight p span {
	color: red;
}

#headerRight a {
	color: rgb(0, 136, 204);
	font-size: 11px;
	cursor: pointer;
	display: inline;
	height: 0px;
	text-align: right;
	text-decoration: none;
	white-space: nowrap;
	width: 0px;
}

#headerRight a:hover {
	color: #FFFF99;
}

/* End header sidebar */

/* sidebar snippit for landing pages */

#newRight {
	position: absolute;
	top: 144px;
	left: 840px;
	width: 158px; 
	background-color: #333333;
	color: #AAAAAA;
}

#newRight ul {
	margin: 0px -10px;
	overflow: hidden;
	padding: 0px 10px;
}

#newRight li {
	border-bottom: 1px solid #000;
	margin: 0px 0px -1px;
	padding: 8px 3px;
	list-style: none;
}

#newRight ul li ul li {
	border: 0;
}

#newRight h3 {
	color: #DCDCDC;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0;
}

#newRight p {
	margin: 4px 0;
	font-size: 11px;
	line-height: 15px;
}

#newRight a {
	color: #FFF;
	font-size: 11px;
	cursor: pointer;
	display: inline;
	height: 0px;
	text-align: right;
	text-decoration: none;
	white-space: nowrap;
	width: 0px;
	margin-left: 15px; 
}

#newRight a:hover {
	color: #FFFF99;
}

#newRight .buybacksplash a {
 margin-left: 0;
}

/* end sidebar snippit */

/*mean body area*/
#content {
	/*position: relative;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;
}

#infopanels {
	display: block;
	padding: 3px 0 8px 2px;
}

#content div.info {
	text-align: left;
	position: relative;
	float: left;
	width: 310px;
	height: 150px;
	min-height: 150px;
	max-height:150px;
	overflow:hidden;
	background-color: #CC9966;
	border: 1px solid #4F0012;
	padding: 0px 0px 3px 0px;
	margin: 2px 2px 2px 2px;
	cursor: pointer;
	text-align:center;
}

#content div.info img {
	margin: 0 auto;
	
}

#content div.over {
	background-color: Black;
}

#content div.info a {
	text-align:left;
	display: block;
	background-color: #4F0012;
	color: #F8BF01;
	font-size: 16px;
	font-weight: bolder;
	margin: 0 0 4px 0;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
}

#content div.info p a {
	text-align:left;
	font-size: 12px;
	font-weight: bolder;
	background-color: transparent;
	color: #4F0012;
	text-decoration: underline;
}

#content div.info p a:hover {
	color: #F8BF01;
}

#content div.over h3 {
}

#content div.info p {
	text-align:left;
	padding: 0px 3px 0px 3px;
}

#content div.over p, #content div.over em {
	color: #ffffff;
}

#content div.info em {
	text-align:left;
	padding: 0px 3px 0px 3px;
	font-weight: bolder;
}

#content p.body {
	text-align: left;
	clear: both;
	width: 600px;
	margin: 6px auto 0 auto;
	padding: 5px 5px 5px 5px;
}
/* All links on the bottom */
#bottom_nav {
	margin-top: 10px;
	padding: 15px 15px 15px 15px;
	
}

#directoryIndex {
	background-color: #CCCCCC;
	position: relative;
	text-align: left;
	padding-top:10px;
	width: 100%;
}

.directorySection {
	background-color: White;
	padding: 2px;
	margin: 2px;
	position: relative;
}

.columnDirectory {
	width: 33%;
	float: left;
	
}

.columnDirectory h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bolder;
	margin: 0 0 0 0;
	padding: 3px;
	background: #4F0012;
	color: #F8BF01;	
}

.columnDirectory ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #eee;
	border: 2px solid #FFFFFF;
}

.columnDirectory li {
	margin-left: 0;
	border-bottom: 1px dashed #999;
}

.columnDirectory a {
	font-size: 10px;
	color: #696969;
	text-decoration: none;
	display: block;
	background-color: #eee;
	padding: 5px 0 5px 8px;
	text-decoration: none;
}

.columnDirectory a:hover {
	background-color: #fff;
	color: red;
}


#footer {
	text-align: center;
	background-color: #4F0012;
	width: 100%;
	margin-top: 8px;
}

#footer p {
	color: #ffffff;
	font-size: 12px;
	padding: 2px 8px 2px 8px;
	margin-bottom: 0px;
}


/* dealer styles */

#locater {
	text-align: left;
	width: 100%;
} 

#locater td {
	padding: 10px;
}

/*********************************************** 
	special type settings for classes and links 
************************************************/

.productDescription {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear: both;
}

.productDescription h1 {
	font-size: 12px;
	font-weight: normal;
	padding: 20px;
	line-height: 20px;
	text-align: left;
}


.white {
	font-size: 12px;
	color: #FFFFFF;
}
.white14Bold {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.whiteBold {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.white a, .white a:link, .white a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.white a:hover {
	text-decoration: none;
}

.white a:active {
	text-decoration: none;
}

.white10 {
	font-size: 10px;
	color: #FFFFFF;
}

.white10 a, .white10 a:link, .white10 a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.white10 a:hover {
	text-decoration: none;
}

.white10 a:active {
	text-decoration: none;
}

.black {
	font-size: 12px;
	color: #000000;
} 

.black a, .black a:link, .black a:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

.black a:hover {
	text-decoration: none;
}

.black a:active {
	text-decoration: underline;
}

.black14Bold {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.blackBold {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.black10 {
	font-size: 10px;
	color: #000000;
}

.black10 a, .black10 a:link, .black10 a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

.black10 a:hover {
	text-decoration: none;
}

.black10 a:active {
	text-decoration: underline;
}

.goldBold {
	font-size: 12px;
	font-weight: bold;
	color: #FDD31C;
}

.red {
	font-size: 12px;
	color: #FF0000;
}

.red a, .red a:link, .red a:visited {
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

.red a:hover {
	text-decoration: none;
}

.red a:active {
	text-decoration: underline;
}

.gold10 {
	font-size: 10px;
	color: #FFCC33;
}

.Arial {
	font-size: 12px;
}

#cost_wizard {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 9999;
	display: none;
}
.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F0012;
	text-decoration: none;
	background-color: #FAEB78;
	background-repeat: no-repeat;
	padding: 1px;
	float: none;
	width: 636px;
}
.highlight-FFFFB7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F0012;
	text-decoration: none;
	background-color: #FFFFB7;
	background-repeat: no-repeat;
	padding: 1px;
	float: none;
	width: 100%;
}
.highlight-B8F2FA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F0012;
	text-decoration: none;
	background-color: #B8F2FA;
	background-repeat: no-repeat;
	padding: 1px;
	float: none;
	width: 100%;
}
.style1 {color: #FFFFFF}

.GalleryCaption1 {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 12px;
	color: #510000;
/*	text-decoration: highlight-FFFFB7 */
} 


/* index page */

#mainIndexArea {
	width: 637px;
}

#top1-info {
	width: 637px;
	height: 165px;
}

#top1-info ul {
	height: 163px;
	padding: 0;
	margin: 0
}

#top1-info li {
	float: left;
	height: 163px;
	list-style: none;
}

#top1-info a {

}


#top2-info {
	background-color: #FFF;
	width: 637px;
	height: 88px;
}

#top2-info ul {
	width: 637px;
	padding: 0;
	margin: 0;
}

#top2-info li {
	list-style: none;
	float: left;
	height: 75px;
	padding: 0;
	margin: 0;
}

#top2-info a {
	width: 148px;
	height: 75px;
	text-decoration: none;
	padding: 5px;
	display: block;
	color: #000;
	border-right: 1px solid #666;
	border-bottom: 3px solid #666;
	text-align: left;
}

#top2-info a:hover {
	background-color: #C00;
	color: #FFF;
}

#top2-info span {
	font-size: 16px;
	font-weight: 900;
	margin: 0;
	padding: 0;
}

#top2-info li p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 4px;
}	

#top2-info .rightBox {
	border-right: none;
}

#top2-infoNEW {
	background-color: #FFF;
	width: 637px;
	height: 88px;
}

#top2-infoNEW ul {
	width: 637px;
	height: 88px;
	padding: 0;
	margin: 0;
}

#top2-infoNEW li {
	list-style: none;
	float: left;
	height: 75px;
	padding: 0;
	margin: 0;
}

#top2-infoNEW a {
	width: 148px;
	height: 75px;
	text-decoration: none;
	padding: 5px;
	display: block;
	color: #000;
	border-right: 1px solid #666;
	border-bottom: 3px solid #666;
	text-align: left;
	font-size: 16px;
	font-weight: 900;
}

#top2-infoNEW a:hover {
	background-color: #C00;
	color: #FFF;
}

#top2-infoNEW a span {
	font-size: 11px;
	line-height: 14px;
	margin-top: 4px;
	font-weight: normal;
}

#top2-infoNEW .rightBox {
	border-right: none;
}


#detail-boxes {
	width: 638px;
	height: 35px;
	background-color: #FFE4B5;
}

#detail-boxes ul {
	padding: 0;
	text-align: center;
}

#detail-boxes li {
	list-style: none;
	float: left;
	font-size: 12px;
	font-weight: 700;
}

#detail-boxes a {
	color: blue;
	padding: 7px 2px;
	border-right: 1px solid #FFF;
	border-top: 3px solid blue;
	display: block;
	width: 122px;
}

#detail-boxes a:hover {
	color: red;
	background-color: white;
	border-top: 3px solid red;
}	

/* start summer sale */
#SummerSale {
	background-image: url(/images/index/index-gradient.jpg);
	background-repeat: repeat-x;
	height: 120px;
	border-bottom: 2px solid #FFF;
	border-top: 4px solid #FFF;
}

#SummerSale h1{
	text-align: center;
	padding: 15px 0 10px 0;
}

#SummerSale h1 span {
	color: red;
}

#SummerSale h2{
	text-align: center;
	font-weight: normal;
}

#SummerSale ul{
	padding-left: 10px;
}

#SummerSale li{
/*	background-image: url(/images/index/saleWhole.gif);
	background-repeat: no-repeat;
	float: left;
	width: 200px;
	height: 80px;
	padding: 4px; */
	list-style: none;
	float: left;
}

#SummerSale a{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
	display: inline;
}

#SummerSale .clFall a {
	font-size: 13px;
	display: block;
	padding: 3px 7px;
	color: #0088CC;
}

#SummerSale .clFall a:hover {
	color: maroon;
}

#SummerSale a:hover{
	color: #0276CC;
}

#SummerSale li p{
	font-size: 10px;
	color: #666666;
	line-height: 13px;
	margin-top: 5px;
	padding: 2px 4px 0 3px;
}

#SummerSale .sale {
	width: 49%;
	float: left;
	height: 120px;
}

#SummerSale .sale h1 {
	font-size: 18px;
}

#SummerSale .sale h1 span {
	font-size: 14px;
}

#SummerSale .sale h2 {
	font-size: 14px;
}

#SummerSale .sale.left {
	border-right: 2px solid #fff;
	height: 120px;
}

#headerRight li .CLsale {
	border: 0;
	padding: 2px;
	list-style-position: inside;
	list-style-type: disc;
}

/* design center on homepage */

#designCenterSpot {
	width: 637px;
	height: 250px;
	font-size: 18px;
	line-height: 26px;
	background-color: #999999;
}

#designCenterSpot p {
	color: #550100;
	padding: 15px;
}


/* end summer sale */

/* estore link section */

#indexStoreSpot {
	background-image: url(https://www.americantinceilings.com/estore/images/index-eStore.jpg);
	background-repeat: repeat-x;
	height: 215px;
	width: 637px;
	background-color: Black;
	margin-top: 2px;
}

#indexStoreSpot p {
	position: relative;
	top: 10px;
	left: 10px;
	font-size: 18px;
	color: White;
	font-weight: bold;
}

#indexStoreSpot .storeButton {
	position: relative;
	top: 25px;
	left: 10px;
	color: white;
}

#indexStoreSpot .storeButton a{
	background-image: url(http://americantinceilings.com/images/products/colors/wcg-130.jpg);
	color: black;
	font-weight: bold;
	/*background-color: #4DA8FF;*/
	font-size: 20px;
	display: block;
	width: 155px;
	height: 160px;
	padding: 3px;
	text-decoration: none;
}

#indexStoreSpot .storeButton a:hover{
	color: red;
}

#indexStoreSpot .storeButton span{
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	border-top: 3px dotted #FFF;
	display: block;
	padding-top: 10px;
}

/* Pattern Snippits Start */
.click {
	color: White;
	background-color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 3px 0;
}

.click a {
	color: Yellow;
	text-decoration: none;
}

.click a:hover {
	color: Lime;
}

/* pattern boxes */
.patternContainer {
	/*margin: 10px 0px 75px 10px;*/
	clear:both;
	width: 100%;
	height: 1100px;
	background: #ccc;
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
	
}

.patternAlignment, .tabs {
	width: 618px;
	margin: 0 auto;
	clear: both;
}

.tabs {
	height: 33px;
	border-bottom: 1px solid #4F0012;
}

.tabs .tab {
	float: left;
	margin: 0 0 0 10px;
	padding: 6px;
	font-weight: bolder;
	font-size: 16px;
	text-align: center;
	background: #4F0012;
	color: #FFF;
	cursor: pointer;
	border: 1px solid #4F0012;
}

.tabs .active {
	background: #ffffcc;
	color: #4F0012;
}

.tabs .over {
	color: #F9D335;
}

.pattern {
	text-align: center;
	background: #FFFFFF;
	width: 115px;
	float: left;
	border: 1px solid #ccc;
	margin: 3px;
}

.gra {
	background-image: url(/images/pattern-gradient-all.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
}

.saleP {
	background-image: url(/images/pattern-gradient.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
}

.pattern h2 {
	color: #444444;
	border-bottom: thin solid #F3F3F3;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 15px;
	padding: 4px 0px 3px 0px;
	margin-top:0px;
	margin-bottom: 5px;
}

.pattern h2 span {
	font-size: 10px;
	font-weight: lighter;
}

.pattern h4 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 200;
	margin: 4px 0;
}

.pattern:hover, .hover {
	background: #000000;
}

.pattern:hover h2, .hover h2, .pattern:hover h4, .hover h4 {
	color: #FFF !important;
}

.salePattern {
	color: red;
}
/* End Pattern Snippits */


/* Design Ideas */
#dIdeas {
	width: 628px;
	height: 75px;
	border: 1px solid white;
	padding: 8px 3px;	
	text-align: center;
	background-color: #DDDDDD;
}

#dIdeas h1 {
	font-size: 20px;
	margin: 0;
	padding: 0 0 2px 0;
	color: Maroon;
}

#dIdeas h2 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 12px 0;
	color: Maroon;
}

#dIdeas ul {
	margin: 0;
	padding: 0;
	width: 630px;
	height: 35px;
}

#dIdeas li {
	list-style: none;
	float: left;
}

#dIdeas a {
	width: 149px;
	height: 20px;
	padding: 0 3px;
	background-color: white;
	display: block;
	margin-right: 1px;
	color: Blue;
	text-decoration: none;
	font-size: 14px;
	border-top: 3px solid #A9A9A9;
	border-right: 1px dotted #ddd;
}

#dIdeas a:hover {
	color: Red;
	border-top: 3px solid red;
}

#dIdeas p {
	font-size: 10px;
	color: Maroon;
}

/* old page */

.topIndexImage {
	width: 638px;
	height: 165px;
	position: relative;
	
}

.topIndexImage ul {
	margin: 0;
	padding: 0;
}

.topIndexImage li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	
}

.products {
	height: 56px;
}

.products a {
	width: 145px;
	height: 55px;
	color: Black;
	text-decoration: none;
	padding: 5px;
	text-align: left;
	display: block;
	float: left;
	margin: 0 0 0 0;
	background-color: White;
	border-right: 1px solid #000000;
	/*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
}

.products a:hover {
	color: white;
	background-color: Red;
}

.products h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.products h5 span {
	font-size: 9px;
	margin: 0;
	font-weight: normal;
}

.commericalPage a {
	background-color: Red;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	clear: both;
	display: block;
	font-size: 14px;
	color: white;
}

#mySplash {
	overflow: hidden;
	height: 230px;
	width:637px;
	margin-bottom: 4px;
}

#leftSplash, #rightSplash {
	display: block;
	width: 315px;
	height: 230px;
	float: left;
}

#rightSplash {
	float: right;
}


.quatro {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 154px;
	height: 100px;
	/* border: solid 1px #ccc; */
	float: left;
	margin:0;
	background-color: White;
	padding: 2px;
	border-right: solid 1px #000;
	text-decoration: none;
	cursor: hand;
}

.quatro.one {
	background-image: url(http://www.americantinceilings.com/images/diy.jpg);
	
}

.quatro.two {
	background-color: Red;
}

.quatro.two p {
	color: White;
}

.quatro.three {
	border: none;
}

.quatro span {
	color: Red;
	font-size: 14px;
	font-weight: 900;
	margin: 0;
	
}

.quatro h1 {
	color: Blue;
	font-size: 14px;
	text-align: left;
	padding: 3px;
	margin: 0px;
	font-weight: bolder;
	text-decoration: underline;
	background-color: #FFFF99;
	/* letter-spacing: 1px; */
	
}

.quatro p {
	color: Blue;
	font-size: 10px;
	text-align: left;
	padding-left: 5px;
	margin: 0px;
	padding-top: 5px;
}


#splash-images {
	width: 637px;
	margin-bottom: 4px;
}

#detail-boxes {
	width: 636px;
}

#detail_boxes a {
	text-decoration: none;
	color: #fff;
}

#detail_boxes a:link {
	color: #fff;
}

#detail_boxes a:visited {
	text-decoration: none;
	color: #fff;
}

#detail_boxes a:active {
	text-decoration: none;
	color: #fff;
}


/* patterns --- colors are also incorporated in this style */
.homepageLinkColor {
	position: absolute;
	top: 143px;
	left: 650px;
}

.homepageLinkColor a {
	width: 125px;
	height: 40px;
	padding: 5px;
	color: Red;
	background-color: white;
	border: 1px solid #CC0000;
	text-decoration: none;
}

.homepageLinkColor a:hover {
	background-color: #CCCCCC;
}

/*begin pattern pages */
#patternHead {
	width: 620px;
	padding: 5px;
	background-color: #FFFFE3;
	font-size: 1.5em;
	color: #4F0012;
	font-weight: bolder;
	margin-bottom: 5px;
	border-bottom: solid 2px #4F0012;
	text-align: left;
}

#patternHead span {
	font-size: 9pt;
	color: #CC0000;
}

#patternImage {
	position: relative;
	float: left;
	width: 315px;
	padding: 3px;
	
}

#patternDesc {
	position: relative;
	float: right;
	width: 265px;
	padding: 3px;
	margin: 0 20px 10px 0;
	text-align: left;
	line-height: 20px;
	border-bottom: solid 1px #4F0012;
	
}

#patternProfile {
	position: relative;
	float: right;
	width: 265px;
	font-size: 10px;
	padding: 3px;
	margin-right: 20px;
	text-align: left;
}

#patternProfile span {
	font-weight: bolder;
	color: #4F0012;
}

#patternTiling {
	position: relative;
	float: right;
	/*background-color: #FFFFE3;*/
	border: dotted 1px #4F0012;
	width: 250px;
	margin: 20px 20px 0 0;
	padding: 10px;
	text-align: center;
	
}

#patternTiling a {
	font-size: 16px;
	padding-top: 25px;
	
	
}	

#snapSale {
	width: 620px;
	height: 38px;
	padding: 5px;
	background-image: url(/images/index/index-gradient.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
	margin: -10px 0 5px 0;
	text-align: left;
}

#snapSale p {
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	padding: 2px 0 8px 2px;
	font-weight: lighter;
}

#snapSale p span {
	font-size: 22px;
	color: #9F0000;
	font-weight: 900;
}

/* pattern Sale box */

#patternSale {
	width: 625px;
	height: 90px;
	padding: 5px;
	background-image: url(/images/index/index-gradient.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
	margin: -10px 0 2px 0;
	text-align: left;
}

#patternSale p{
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	padding: 2px 0 8px 2px;
	font-weight: lighter;
}

#patternSale p span{
	font-size: 22px; 
	color: #9F0000;
	font-weight: 900;
}

#patternSale .saleAfter {
	font-weight: bold;
	font-size: 16px;
}

#patternSale li{
	background-image: url(/images/saleButton-gradient.jpg);
	background-repeat: repeat-x;
	list-style: none;
	float: left;
	width: 116px;
	height: 20px;
	font-size: 15px;
	padding: 8px 0 0 5px;
	margin-right: 4px;

}

#patternSale a{
	text-decoration: none;
	margin-left: 10px;
	color: #3E749F;
	font-weight: 700;
}

#patternSale a:hover{
	color: White;
}

#patternSale .bold {
	font-weight: bold;
	color: black;
	font-size: 18px;
}

/* tables - color and pricing */

table.data {
		font-size: 11px;
				font-weight: normal;
				color: #000;
				border: 1px solid #666;
				margin: 0 auto;
				clear: both;
	}
	
table.data ul {
		list-style-type: none;
	}	

table.data li {
		padding-bottom: 6px;
	}		
	
	table.data tr.odd {
				background-color: #fff;
			}
			
			table.data tr.even {
				background-color: #eee;
			}
	
	table.data thead th {
				color: #fff;
				font-weight: bolder;
				text-align: center;
				background-color: #4F0012;
				border-left: 1px solid #666;
				padding: 2px 5px 2px 5px;
			}
			
	table.data td {
				vertical-align: top;
				padding: 5px 5px 5px 5px;
				border-top: 1px solid #666;
				border-left: 1px solid #666;
				text-align: left;
			
			}
			
				table.data tfoot td {
				text-align: center;
				background-color: #DEDDD7;
			}
			
			table.data .col1 { 
				border-left: none; 
			
			}
			
			table.data tbody .col4 { 
				padding-left: 15px ; 
			
			}
			
			table.data span {
			color: red;
			
			}	

/* about */

#aboutContainer {
	background-color: #4F0012;
	position: relative;
	padding: 0 8px;
	
}

#aboutContainer ul {
	text-align: left;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: normal;
	padding: 0 10px;
	
	
}

#aboutHeader {
	width: 100%;
	background-color: #F8BF01;	
}

#aboutHeader span {
	font-size: 18pt;
	letter-spacing: 1px;
	color: #4F0012;
}

#aboutHeader h4 {
	font-size: 12pt;
	color: #4F0012;
	background-color: #99CCCC;
	margin: 5px 0 0 0;
}

#aboutContainer h5 {
	background-color: #FFFFFF;
	text-align: left;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: normal;
	padding: 10px 10px;
	margin: 0;
	
}


.customcolor {
	margin-top: 15px;
	font-size: 10px;
	color: Maroon;
	border-top: solid 1px #999999;
	text-align: left;
	padding-top: 5px;
}

/* headers */

.pageHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 635px; 
	height: auto;
	text-align: left;
	
	/* border: solid 1px #ccc; */
	
}


.pageHeader ul {
	margin: 0 0 0 45px;
	padding: 5px;
	line-height: 18px;
	color: #4F0012;
	font-size: 12px;
	font-weight: 300;
	/* border: solid 1px #ccc; */
	
}

.pageHighlight {
	color: #CC0000;
	font-weight: 900;
	
	/* border: solid 1px #ccc; */
	
}

.pageHeader div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align: right;
	background-color: #99CCFF;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px 0 0 0;	
	
}

.pageHeader h1  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	font-size: 18px;
	border-bottom: solid 1px #4F0012;
	padding: 5px;
}

.pageHeader h1 span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4F0012;
	margin: 0;
	font-size: 30px;
	letter-spacing: 2px;
	padding-right: 10px; 
}

.pageHeader p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 5px;
	line-height: 22px;
	color: #4F0012;
	font-size: 14px;
	font-weight: 600;
	background-color: #FFFFCC;
}

.pageHeader a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 22px;
	color: Red;
	font-size: 12px;
	font-weight: bold;
}

/* Motif Header */

.pageHeaderM {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 635px; 
	height: auto;
	text-align: left;
	
	/* border: solid 1px #ccc; */
	
}

.pageHeaderM ul {
	margin: 0 0 0 45px;
	padding: 5px;
	line-height: 18px;
	color: Black;
	font-size: 12px;
	font-weight: 300;
	/* border: solid 1px #ccc; */
	
}

.pageHeaderM div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align: right;
	background-color: #99CCFF;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px 0 0 0;	
	
}

.pageHeaderM h1  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	font-size: 18px;
	border-bottom: solid 1px #4F0012;
	padding: 5px;
}

.pageHeaderM h1 span {
	font-family: "Times New Roman", Times, serif;
	color: Black;
	margin: 0;
	font-size: 30px;
	letter-spacing: 2px;
	padding-right: 10px; 
	font-weight: bold;
}

.pageHeaderM p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 5px;
	line-height: 22px;
	color: #4F0012;
	font-size: 14px;
	font-weight: 600;
	background-color: #FFFFCC;
}

.pageHeaderM a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 22px;
	color: Red;
	font-size: 12px;
	font-weight: bold;
}

.video {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 660px;
	top: 142px;
	border: solid 1px #ccc;
	width: 145px;
	padding: 5px;
	background-color: Red;
}

.video h1 {
	text-align: center;
	font-size: 16px;
	border-bottom: solid 1px White;
	margin: 2px;
	letter-spacing: 1px;
	color: White;
}

.video p {
	padding: 5px;
	margin: 2px;
}

.video a {
	font-size: 12px;
	text-align: left;
	display: block;
	color: White;
	background-color: #A52A2A;
	text-decoration: none;
	
}

.video a:hover {
	background-color: #000000;
	text-decoration: none;
	
}

.homepageLink {
	position: absolute;
	top: 155px;
	left: 673px;
}

.homepageLink a {
	width: 125px;
	height: 40px;
	padding: 5px;
	color: Red;
	background-color: white;
	border: 1px solid #CC0000;
	text-decoration: none;
}

.homepageLink a:hover {
	background-color: #CCCCCC;
}

/* headers for color - photo gallery */

.colorHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: solid 2px #4F0012;
	padding-bottom: 5px;
	background-color: #FFFFE3;
}

.colorHeader h5 {
	color: #4F0012;
	text-align: left;
	font-size: 30px;
	margin: 3px;
}

.colorHeader h6 {
	font-size: 14px;
	margin: 0;
	/*border-left: solid 1px #0099FF;*/
	color: #4F0012;
	text-align: left;
	padding-left: 10px;
	
}

.colorHeader h6 a:link{
	font-size: 14px;
	margin: 0;
	color: Red;
		
}

.colorHeader p {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding: 8px;
	margin: 0;
	font-weight: bold;
}

.colorHeader h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	text-decoration: none;
	background-color: #000000;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
}

.colorHeader h2 a{
	font-size: 12px;
	text-decoration: none;
	border: 3px solid #FFFFFF;
	background-color: #00BFFF;
	color: #FFFFFF;
	padding: 5px;
	/*width: 225px;*/
	
}

.colorHeader h2 a:hover{
	font-size: 12px;
	background-color: #B22222;
	border: 3px solid #FFFFFF;
	color: White;
}


.pictureSpotcolors {
	position: absolute;
	top: 142px;
	left: 540px;
	background-color: Red;
	padding: 3px;
}



.copy10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #330000;
}


#moviePlayer {

	width:400px;

	height:380px; 

	position:absolute;

	float:none;

	border: 1px solid #000;

	padding: 4px;

	background: #CCC;

	font-size: 14px;

	font-family: verdana;

	z-index: 100;

}



#moviePlayer div {

	background:#4F0012;

	color:#000;

	float:none;

	position:relative;

	padding: 4px;

	height: 18px;

	border-bottom: 1px solid #F9D335;

}



#moviePlayer span.title {

	float:left;

	font-weight:bolder;

	color:#F9D335;

	padding-left: 2px;

}



#moviePlayer span.close {

	float:right;

	border:1px solid #F9D335;
	
	font-weight: bold;
	
	

}



#moviePlayer span.close a {

	color: #F9D335;

	text-decoration: none;

	padding: 2px;

}



#moviePlayer span.close a:hover {

	color: #FFF;

	

}



#moviePlayer embed {

	width: 400px;

	height: 326px;

}

#moviePlayer span.bottomPlayer {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	
	color: #F9D335;
	
}

/* color price */

.colorPrice {
	position: absolute;
	left: 620px;
	top: 165px;
	border: solid 1px #ccc;
	height: 40px;
	width: 180px;
	padding: 5px;
	background-color: #4F0012;
}

.colorPrice h1 {
	font-size: 12px;
	border-bottom: solid 1px White;
	margin: 3px;
	letter-spacing: 1px;
	color: White;
	text-align: left;

}

.colorPrice p {
	font-size: 12px;
	text-align: left;
	padding: 3px 5px 0 15px;
	color: White;
	margin: 0;
	

}

.colorPrice a {
	font-size: 12px;
	text-align: left;
	padding: 3px;
	color: White;
	margin: 0;
	text-decoration: none;
	

}



#slideshow {
	border: 1px solid #999;
	width: 250px;
	height: 250px;
	margin: 10px;
	float: left;
	background: #FFFFCC;
	text-align: left;
}

#slideshow h3 {
	margin: 0 0 4px 0;
	background: #4F0012;
	color: #F9D335;
	text-align: center;
	padding: 4px;
}

#slideshow ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#slideshow li {
	margin: 0 15px;
	padding: 3px 2px;
	font-size: 11px;
	border-bottom: 1px dashed #666;
}

#thumbContainer {
	float: left;
	width: 300px;
	clear: right;
}

a.hiddenLink {
	display: none;
}