/* CSS Document */
body { 
	background-image: url(images/tile-background.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
#indexwrapper {
	position:relative;
	width:900px;
	height:600px;
	z-index:3;
	background-color: #FFFFFF;
	margin: auto;
}
#genericrangewrapper {
	position:relative;
	width:900px;
	background-color: #FFFFFF;
	height:2350px;
	z-index:3;
	margin: auto;
}
#genericwrapper {
	position:relative;
	width:900px;
	height:600px;
	z-index:3;
	background-color: #FFFFFF;
	margin: auto;
}
#shoppingwrapper {
	position:relative;
	width:900px;
	height:1000px;
	z-index:3;
	background-color: #FFFFFF;
	margin: auto;
}
#tilesWrapper {
	position:relative;
	width:900px;
	height:750px;
	z-index:3;
	background-color: #FFFFFF;
	margin: auto;
}
#left {
	position:absolute;
	width:300px;
	z-index:1;
	left: 0px;
	top: 0px;
}
#right {
	position:absolute;
	width:599px;
	height:600px;
	z-index:2;
	left: 300px;
	top: 0px;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px 10px 0px 25px;
}
.introText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #82766F;
	line-height: 15px;
	padding: 0px 15px 0px 25px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82766F;
	line-height: 13px;
	margin: 10px 0px 10px 0px;
	padding: 0px 15px 0px 25px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #82766F;
}
a:link {
	color: #82766F;
	text-decoration: underline;
}
a:visited {
	color: #82766F;
	text-decoration: underline;
}
a:hover {
	color: #82766F;
	text-decoration: none;
}
a:active {
	color: #82766F;
	text-decoration: none;
}
.pullQuote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #F5F5F5;
	line-height: 20px;
	display:block;
	padding: 8px 0px 0px 110px;
}
/*
Sub Nav Background
*/
#subNavHandmade {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #734A39;
	left: 300px;
	top: 397px;
}
#subNavCeramic {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #855F3B;
	left: 300px;
	top: 400px;
}
#subNavGlass{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #246C6C;
	left: 300px;
	top: 397px;
}
#subNavWall{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #7C7559s;
	left: 300px;
	top: 397px;
}
#subNavFloor{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #8B9386;
	left: 300px;
	top: 397px;
}
#subNavBathroom{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #679686;
	left: 300px;
	top: 397px;
}
#subNavKitchen{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #2260AA;
	left: 300px;
	top: 397px;
}
#subNavHambledon{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A71812;
	left: 300px;
	top: 397px;
}
#subNavHarlequin{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #613E32;
	left: 300px;
	top: 397px;
}
#subNavHarlequinCO{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #8F9A92;
	left: 300px;
	top: 397px;
}
#subNavWickham{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A6A091;
	left: 300px;
	top: 397px;
}
#subNavMeribel{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #6C624F;
	left: 300px;
	top: 397px;
}
#subNavReflections{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavReflectionsDecors{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #B3A684;
	left: 300px;
	top: 397px;
}
#subNavReflectionsTextured{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavSanibel{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavSplashback{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #527E5B;
	left: 300px;
	top: 397px;
}
#subNavStratford{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #8B9386;
	left: 300px;
	top: 397px;
}
#subNavOrder{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavContactUs{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}

#pullQuoteWickham {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}	
#subNavWall {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #7C7559;
	left: 300px;
	top: 397px;
}
#subNavGlass {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #246C6C;
	left: 300px;
	top: 397px;
}

#subNavSanibel {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavMerebel {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavIndex {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A99B8D;
	left: 300px;
	top: 397px;
}
#subNavCeramic {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #956942;
	left: 300px;
	top: 397px;
}
#subNavReflections {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #7D9B8C;
	left: 300px;
	top: 397px;
}
#subNavReflectionsTextured {
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #586E80;
	left: 300px;
	top: 397px;
}
#subNavSanibel{
	position:absolute;
	width:600px;
	height:203px;
	z-index:100;
	background-color: #A93454;
	left: 300px;
	top: 397px;
}

#mainNav {
	position:absolute;
	width:600px;
	line-height:10px;
	z-index:10;
	left: 300px;
	top: 378px;
	
}
#mainNav a.left {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing:0px;
	text-align:center;
	line-height: 18px;
	padding: 1px 3px 6px 3px;
	text-decoration: none;
	display:block;
}
#mainNav a.right {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing:0px;
	text-align:center;
	line-height: 18px;
	padding: 1px 3px 6px 3px;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display:block;
}
#mainNav a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing: 0px;
	line-height: 18px;

	text-decoration: none;
}
#mainNav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#mainNav a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNavTiles a.left {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: Bold;
	padding: 1px 0px 0px 0px;
	letter-spacing:0px;
	text-align:center;
	text-decoration: none;
	display:block;
}
#mainNavTiles a.right {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing:0px;
	text-align:center;
	line-height: 18px;
	padding: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display:block;
}
#mainNavTiles {
	position:absolute;
	width:600px;
	height: 20px;
	background-color:#877363;
	z-index:10;
	left: 300px;
	top: 0px;
	padding: 0px;
	margin:0px;

}

#mainNavTiles a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing: 0px;
	text-decoration: none;
}
#mainNavTiles a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNavTiles a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNavTiles a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#mainNavTiles a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#colours {
	position:absolute;
	width:600px;
	z-index:6;
	background-color: #FFFFFF;
	left: 300px;
	top: 598px;
}
#colours a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 12px;
	padding: 10px 0px 10px 0px;
}
#colours a:link {
	color: #82766F;
	text-decoration: underline;
}
#colours a:visited {
	color: #82766F;
	text-decoration: none;
}
#colours a:hover {
	color: #82766F;
	text-decoration: none;
}
#colours a:active {
	color: #82766F;
	text-decoration: none;
}
.colourSpec {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px 10px 0px 7px;
}
#spec{
	position:absolute;
	width:265px;
	z-index:6;
	background-color: #FFFFFF;
	left: 0px;
	top: 600px;

}
.specSizes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	}
.specSizesHeaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px 0px 5px 7px;
}
.specSizesNumber {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding:0px;
}


li {
	background: url(Images/bullet2.gif) no-repeat left 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #FFFFFF;
	display:block;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
	
}
ul {
	margin:0px;
	padding:2px 0px 0px 27px;
}

ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 15px;
}
ul a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
ul a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
ul a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
ul a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.cta {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 21px;
	margin: 0px;
	padding: 22px 0px 0px 12px;
	}
.cta a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.cta a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.cta a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.cta a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.subNavHeader {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin: 0px;
	padding: 25px 0px 5px 27px;
}
.picturedAbove {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:13px;
	padding: 0px 0px 30px 25px;
}
.picturedabove2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 13px;
	padding: 0px;
	}
#page1 {
	position:absolute;
	width:300px;
	height:115px;
	z-index:1;
	left: 1px;
	top: 150px;
}
#page2 {
	visibility:hidden;
	position:absolute;
	width:300px;
	height:115px;
	z-index:1;
	left: 0px;
	top: 150px;
}
#orderPage {
	position:absolute;
	width:300px;
	height:920px;
	z-index:1;
	left: 1px;
	top: 150px;
	background-color:#FFFFFF;
}
.moreBack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82766F;
	font-weight: bold;
	}
	
.formsectionheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
	
.formheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 0px;
	margin: 0px;
	color: #82766F;
}
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #82766F;
	margin: 0px 0px 0px 0px;
	}
	
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:0px;
	background-color:#82766F;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #82766F;
}
.yourdetails {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #82766F;
}
.waiver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #82766F;
	line-height: 13px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}
.codePrice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #82766F;
	line-height: 13px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.orderSpec {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 16px;
	color: #82766F;
	margin-top: 23px;
	}
.allHeaders {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: Bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px;
}
ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 15px;
}
.allHeaders a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: Bold;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding: 0px;
}
.allHeaders a:link {
	color: #82766F;
	text-decoration: underline;
}
.allHeaders a:visited {
	color: #82766F;
	text-decoration: underline;
}
.allHeaders a:hover {
	color: #82766F;
	text-decoration: none;
}
.allHeaders a:active {
	color: #82766F;
	text-decoration: none;
}
.allTable {
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #82766F;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tile table {
	display: block;
	float: left;
	margin: 11px;
	width: 72px;
	height:90px;
}
#tile table td {
	height:50%;
	vertical-align:text-top
}
form {
	margin: 0px;
	padding: 0px;
}
#cartitem p {
	margin: 0px;
	padding: 0px;
}
.pleaseNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #82766F;
	margin: 0px;
	padding:0px 10px 0px 7px;
	display:block;
}

.pleaseNote a:link {
	color: #82766F;
	text-decoration: underline;
}
.pleaseNote a:visited {
	color: #82766F;
	text-decoration: underline;
}
.pleaseNote a:hover {
	color: #82766F;
	text-decoration: underline;
}
.pleaseNote a:active {
	color: #82766F;
	text-decoration: underline;
}
#rightshop {
	position:absolute;
	background-color:#F7F7F7;
	width:599px;
	z-index:2;
	left: 300px;
	top: 20px;
	padding-top: 50px;
	height: 1000px;
}

.border{
border-color:#A6A091;
}

.design {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #82766F;
	padding: 0px
	}
	
.subsequent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82766F;
	line-height: 13px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 0px 17px;
}
.otherSampleSize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 20px;
	margin: 0px;
	color: #82766F;
}