/* reset */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	/* text-align: left; */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

a img {
	border: 0;
}

:focus {
outline: 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
} 

/* debug stuff */
pre.debug { text-align: left; background: #000000; color: #ffffff; font-family: monaco; font-size: 10px; padding: 5px; margin: 5px; }

/* skeletal */
body {
	background-color: #963;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}
	
div#main {
	width: 1044px;
	margin: 0px auto;
}

div#dropShadow {
	background: transparent url("/gfx/dropShadowBG.gif") repeat-y scroll 0% 0%;
	min-height: 631px;
}

div#banner {
	background: #660 url("/gfx/bannerBG.jpg") no-repeat scroll 563px 0%;
	width: 900px;
	height: 155px;
	margin: 0px auto;
	position: relative;
	z-index: 2;
}


div#footer {
	background: transparent url("/gfx/dropShadowBottom.gif") no-repeat scroll 0% 0%;
	padding-top: 16px;
	height: 60px;
}


/* nav dropdown functionality & basic structural spacing/positioning */
div#navigation {
	clear: left;
	width: 864px;
	text-align: center;
	margin: 0 auto;
}

ul#nav, ul#nav ul { 
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul#nav a {
	display: block;
	width: 144px; /* width spec 1 of 4 */
	text-align: center;
}

ul#nav li { 
	/* all list items */
	float: left;
	width: 144px; /* width spec 2 of 4 */ /* width specification for Opera */
}

ul#nav li ul { 
	/* 2nd level lists */
	position: absolute;
	width: 144px; /* width spec 3 of 4 */
	left: -999em; /* alternative to "display: none", which isn't read by screen readers */
}

ul#nav li ul ul { 
	/* 3rd level lists */
	margin: -1em 0 0 144px; /* width spec 4 of 4 */
}

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul { 
	/* lists nested under hovered list items */
	left: auto;
}

/* nav text styles & colors, and special positioning */
ul#nav a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: georgia, times, serif;
	color: #cc9;
}

ul#nav li a:hover {
	color: #fff;
}

ul#nav a:visited {
	color: #cc9;
}

ul#nav li ul {
	border-top: solid 3px transparent;
}

ul#nav li ul li {
	background-color: #cc9;
}

ul#nav li ul li {
	padding: 5px 0;
}

ul#nav li ul li:hover, ul#nav li ul li.sfhover {
	background-color: #996;
}

ul#nav li ul li a {
	text-transform: none;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}

ul#nav li ul li a:visited {
	color: #fff;
}

ul#nav ul ul {
	top: 31px; 
}

/* subnavigation common styles */
ul.subnav li, ul.subnav li a {
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #cc9;
}

ul.subnav li {
	display: inline;
	border-right: solid 1px #cc9;
	padding: 0 10px 0 9px;
}

ul.subnav li.first {
	padding-left: 0;
}

ul.subnav li.last {
	border-right: 0;
	padding-right: 0;
}

ul.subnav li a {
	text-decoration: none;
}

ul.subnav li a:hover {	
	color: #fff;
}

/* header content */
h1#logo {
	text-indent: -9999px;
}

h1#logo a {
	width: 332px;
	height: 141px;
	float: left;
	background: transparent url("/gfx/logo-taos-door.gif") no-repeat scroll 0% 0%;
}

ul#subnav1, ul#subnav2 {
	position: absolute;
	top: 90px;
}

ul#subnav1 { 
	left: 335px;
}

ul#subnav2 { 
	left: 635px;
}

/* main body content area */
div#content {
	width: 900px;
	min-height: 820px;
	margin: 0 auto; 
	line-height: 1;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

div#content,
div#content p {
	font-family: verdana, arial, serif;
	font-size: 11px;
	color: #330;
	line-height: 18px;
}

div#content p {
 	margin: 0 50px 5px 15px;
}

div#content p a:link {
	color: #330;
	text-decoration: underline;
}

div#content p a:visited {
	color: #330;
}

div#content p a:hover {
	color: #996633;
}

div#content p a:active {
	// empty
}


div#content h1,
div#content h2 {
	/* 
	font-family: georgia, times, serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #B9B97C;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-indent: 0px; 
	*/
	font-family: verdana, arial, serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #6F6F10;
	letter-spacing: 1px;
	padding-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

div#content ol {
	list-style-type: decimal;
}

div#content ul {
	list-style-type: disc;
}

div#content img {
	margin-right: 20px;
}

/* home page specific */
div#homeWrapper {
	background: #660 url("/gfx/homePageDoorBG.jpg") no-repeat scroll 562px 0%;
	width: 900px;
	height: 631px;
	margin: 0 auto;
	position: relative;
}

div#homeWrapper div#content {
	position: absolute;
	top:  410px;
	left: 170px;
	width: 360px;
	background-color: transparent;
}

div#homeWrapper div#content div#hpText{
	color: #CCCC99;
	font-family: verdana, arial, serif;
	margin: 0 0 5px 0;
	line-height: 18px;
	font-size: 11px;
}	

div#homeWrapper div#content div#hpText h2 {
	color: #fff;
	font-family: georgia, times, serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-indent: 0px;
	text-align: left;
}


/* about section layout and elements */
div#about-sidebar {
	margin-top: 80px;
	width: 180px;
	float: left;
}

div#about-sidebar img {
	display: block;
}

div#about-textarea {
	width: 550px;
	float: left;
}

div#about-textarea h2 {
	/* 
	font-family: verdana, arial, serif;
	font-size: 14px;
	text-transform: none;
	color: #6F6F10;
	letter-spacing: 2px;
	padding-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	*/
}

div#about-textarea p {	
	margin-left: 60px;
	margin-bottom: 20px;
}

div#about-textarea ul,
div#about-textarea ol {
	margin-left: 80px;
	margin-bottom: 20px;
}

div#about-rightcolumn {
	width: 170px;
}

/* purchase section product grid layout and elements */
div#purchase-element-text {
	width: 200px;
	position: absolute;
	top: 0; 
	left: 0;
}

div#purchase-element-text p {
	margin: 40px 50px 20px 25px;
	font-size: 11px;
	color: #330;
	line-height: 20px;
}

div#purchase-product-grid {
	width: 700px;
	margin-left: 200px;
}

div#purchase-product-grid table {
	width: 100%;
}

div#purchase-product-grid table td {
	width: 33%;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	/* border: solid 1px #ccc; */
}

div#purchase-product-grid table td div.wrapper {
	position: relative; 
	height: 250px;
	vertical-align: center;
}

div#purchase-product-grid table td div.wrapper img.horizontal {
	margin-top: 30px;
}

div#purchase-product-grid table td div.wrapper img.vertical {
	margin-top: 0;
}

div#purchase-product-grid div.productText {
	position: absolute;
	text-align: center;
	top: 185px;
	left: 20%;
	right: 20%;
	line-height: 15px;
	/* border: solid 1px red; */
}

div#purchase-product-grid div.productText a {
	color: #404010;
	font-size: 10px;
	text-decoration: none;
}

div#purchase-product-grid div.productText img.marker {
	display: block;
	text-align: center;
	margin: 3px auto 0 auto;
	display: none;
}

/* purchase section detail page layout and elements */
div#purchase-detail-info {
	width: 380px;
}

div#purchase-detail-info h2 {
	padding-top: 80px;
	margin-bottom: 30px;
}

div#purchase-detail-info h3,
div#purchase-detail-info div {
	margin-left: 50px;
}

div#purchase-detail-info div#goBack {
	margin-bottom: 50px;
}

div#purchase-detail-info div div {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 10px;
}

div#purchase-detail-info a {
	color: #996633;
	text-decoration: none;
}

div#purchase-detail-info a:hover {
	text-decoration: underline;
}

div#purchase-detail-info h3 {
	color: #333300;
	margin-bottom: 10px;
}

div#purchase-detail-info h3 span.label {
	color: #996633;
}

div#purchase-detail-info h3 span#productName {
	text-transform: uppercase;
	font-weight: bold;
}

div#purchase-detail-info h3 img {
	vertical-align: middle;
	margin-left: 15px;
}

div#purchase-detail-info h3 strong {
 font-weight: bold;
 }
 
div#purchase-detail-info div#productDesc,
div#purchase-detail-info div#orderButton {
	margin-top: 30px;
}

div#purchase-detail-info div#orderButton img {
	vertical-align: middle;
	margin-right: 5px;
}

div#purchase-detail-info div#thumbs {
	margin-top: 20px;
	margin-bototm: 20px;
	width: 330px;
}

div#purchase-detail-info div#thumbs table td {
	width: 140px;
	height: 170px;
	text-align: center;
	vertical-align: middle;
	/* border: solid 1px #ccc; */
}

div#purchase-detail-info div#thumbs table td.right {
	padding-left: 50px;
}

div#purchase-detail-info div#thumbs table td div.wrapper img.horizontal {
	margin-top: 15px;
	width: 140px; /* fpo */
}

div#purchase-detail-info div#thumbs table td div.wrapper img.vertical {
	margin-top: 0;
	height: 140px; /* fpo */
}

div#purchase-detail-info div#thumbs table td div.wrapper {
	position: relative; 
	height: 170px;
	vertical-align: center;
}

div#purchase-detail-info div#thumbs table td div.productText {
	position: absolute;
	text-align: center;
	top: 145px;
	left: 5%;
	right: 5%;
	line-height: 10px;
	/* border: solid 1px red; */
}

div#purchase-detail-info div#thumbs table td div.productText a {
	color: #404010;
	font-size: 9px;
	text-decoration: none;
}

div#purchase-detail-info div#thumbs table td div.productText img.marker {
	display: block;
	text-align: center;
	margin: 3px auto 0 auto;
}

div#purchase-detail-largeImage {
	position: absolute;
	top: 0;
	left: 380px;
	width: 520px;
	text-align: center;
	padding-top: 70px;
}

		
div#purchase-detail-largeImage p {
	margin: 70px 20% 10px 20%;
	font-size: 10px;
	text-align: center;
}	

/* custom section page layout and elements */
div#custom-description {
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

div#custom-description h2 {
	padding-top: 80px;
	margin-bottom: 30px;
}

div#custom-description p {
	margin: 0 30px 20px 40px;
}

div#custom-largeImage {
	width: 430px;
	padding-top: 65px;
	margin-left: 280px;
	margin-right: 170px;
	padding-bottom: 20px;
}

div#custom-largeImage h3 {
	color: #996633;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	margin-top: 25px;
	margin-bottom: 10px;
}

div#custom-largeImage div#itemDesc {
	margin-right: 75px;
	margin-bottom: 15px;
}

div#custom-largeImage div.itemData {
	margin-bottom: 5px;
}

div#custom-largeImage p#callOut {
	margin-top: 30px;
	margin-right: 150px;	
	font-size: 10px;
}

div#custom-thumbs {
	width: 180px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 65px;
}		

div#custom-thumbs div#galleryThumbOverflow {
	height: 550px;
	overflow: auto;
}

div#custom-thumbs div.thumbContainer {
	margin-bottom: 7px;
}

div#custom-thumbs div.thumbContainer a img {

}
			
/* footer content */
div#footer div#address {
	float: left;
	text-transform: uppercase;
	color: #c6bf8c;
	font-size: 9px;
	font-weight: normal;
	margin-left: 80px;
}

div#footer ul#subnav3 {
	float: right;
	margin-right: 80px;
}

div#footer ul#subnav3 li {
	padding: 0 8px 0 6px;
}

div#footer ul#subnav3 li a {
	font-weight: normal;
	font-size: 10px;
}

.itemInfo {
	display: none;
}


ul.parentLinks {
	margin: 30px;
}

ul.parentLinks li {
	list-style: none;
	font-size: 12px;
	padding-bottom: 10px;
}

ul.parentLinks li a {
	color: #330;
}

.linkWrapper { 
	margin: 20px 20px 20px 250px; 
	line-height: 170%; 
}

.linkWrapper h3 { 
	font-size: 15px;
	margin: 30px 0 5px 0; 
}

.linkWrapper a { 
	font-size: 12px; 
}

.linkWrapper a:link {
	color: #330; 
}

.linkWrapper a:visited {
	color: #330; 
}

.linkWrapper a:hover {
	color: #996633;
}

.linkWrapper a:active {
	/* empty */
}

div#order {
	padding: 105px 65px 10px 95px;
}

div#order .error {
	background: #ff6161;
	color: #ffffff;
	font-size: 13px;
	padding: 10px;
}

div#order .error .req { color: #ffffff; }

div#order .req { color: #ff6161; font-size: 15px; }

div#order fieldset{
	margin: 15px 0 15px 0;
	background: #f2f2f2;
	padding: 10px;
}

div#order fieldset legend {
	font-size: 13px;
	padding: 3px;
}

div#order h2 {
	font-family: georgia, times, serif;
	font-size: 15px;
	text-align: left;
	padding: 0;
	margin: 0 0 3px 0;
}

div#order table {
	width: 100%;
	font-family: georgia, times, serif;
	color: #000;
}

div#order table th {
	padding: 10px;
	text-align: center;
	background: #cccccc;
	font-size: 12px;
	text-transform: uppercase;
}

div#order table th#item {
	padding-left: 25px;
	text-align: left;
}

div#order table td {
	padding: 5px;
	text-align: center;
}

div#order table tr#itemListing td {
	font-size: 14px;
}

div#order table td#itemName {
	padding-left: 0px;
	text-align: left;
}

div#order table tr#itemListing td input {
	font-family: georgia, times, serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width: 35px;
}

div#order table td#finePrint {
	padding-top: 65px;
	text-align: left;
}

div#order table td#finePrint p {
	font-size: 10px;
	line-height: 15px;
	color: #000;
}

div#order table th#estimatedTotal-label {
	text-align: right;
	font-size: 13px;
}

div#order table th#estimatedTotal-label div#updateOrder {
	float: left;
	padding-top: 5px;
}

div#order table th#estimatedTotal-label span.small {
	font-size: 10px;
	text-transform: none;
	padding-right: 20px;
}

div#order table th#estimatedTotal-amount {
	font-size: 15px;
	vertical-align: top;
}

div#orderForm-wrapper {
	position: relative;
}

div#orderForm {
	width: 375px;
	padding-top: 10px;
	margin-right: 30px;
	font-family: georgia, times, serif;
	color: #000;
	font-size: 11px;
}


div#orderForm div.fieldWrapper {
	margin-bottom: 5px;
}

div#orderForm div.tall {
	margin-bottom: 10px;
}

div#orderForm div.fieldWrapper div.labelWrapper {
	float: left;
	width: 125px; 
	border: solid 0px red;
	height: 15px;
	padding-top: 5px;
	vertical-align: middle;
}

div#orderForm div#phone {
	height: 60px;
}

div#orderForm div#phone div.labelWrapper div.subText {
	font-size: 9px;
	font-family: verdana, arial, sans-serif;
	font-style: italic;
	padding-top: 3px;
}

div#orderForm div#instructions {
	margin-bottom: 20px;
}

div#orderForm div#creditCard  {
	margin-bottom: 20px;
}

div#orderForm div#creditCard input {
	vertical-align: text-bottom;
}

div#links {
	position: absolute;
	top: 10px;
	right: 200px;
	width: 155px;
}

div#links2 {
	position: absolute;
	top: 12px;
	right: 0;
	width: 165px;
}

div#links a,
div#links2 a,
div#links2 button,
div#links3 a,
div#links3 button {
	display: block;
	font-size: 12px;
	color: #000000;
	font-family: georgia, times, serif;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div#links2 a,
div#links2 button,
div#links3 a,
div#links3 button {
	padding: 5px;
	border: 3px solid #cccccc;
	text-align: center;
	background-color: transparent;
	width: 150px;
	height: 15px;
	margin-bottom: 5px;
}

div#links2 button,
div#links3 button {
	width: 165px;
	height: 30px;
}

div#orderForm-wrapper p {
	color: #000;
	font-size: 11px;
}

div#orderForm-wrapper strong {
	font-weight: bold;
}

div#order #orderStatusText {
	font-family: georgia;
	font-weight: bold;
	font-size: 13px;
	padding: 10px;
}

ul.siteMap {
	margin: 20px 20px 20px 250px; 
}

ul.siteMap li {
	list-style: none;
	list-style-image: none;
	font-size: 15px;
	margin: 30px 0 5px 0;
}

ul.siteMap li a { 
	font-weight: normal; 
}

ul.siteMap li a:link {
	color: #330; 
}

ul.siteMap li a:visited {
	color: #330;
}

ul.siteMap li a:hover {
	color: #996633;
}

ul.siteMap li a:active {
	/* empty */
}


ul.siteMap ul { 
	margin: 0;
}

ul.siteMap ul li {
	margin: 0 0 5px 5px;
}

ul.siteMap ul li a { 
	font-size: 12px; 
	font-weight: normal; 
}

div.wideWrapper {
	margin: 0 75px 0 150px;
}