@charset "utf-8";
/* CSS Document */
body{
	background:#948476 url(bg-tile-multi.gif) repeat top left;
	color:#FFF; /*003333*/
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:medium;
	margin:0;
	padding:0;
}
.clear{clear:both; }
img{ border:none; }

#wrap{ background:#948476;/*A49587*/ width:58em; margin:auto; border:1px solid #000; }

#left-col{ margin-right:275px; }
#right-col{ float:right; width:275px; }
#right-col #img1{ display:block; }
#right-col #img2, #right-col #img3{ display:none; }

#txt1, #txt2, #txt3{ display:none; }


/* =================================================================================== 
	Style Switcher box styles
   =================================================================================== */
#style-switcher{ font-size:60%; position:absolute; top:0; left:0; text-align:center;}
#style-switcher ul{ margin: 0; padding: 0; list-style: none; width:4.5em; border-bottom: 1px solid #ccc;}
#style-switcher ul li{ position: relative;}
#style-switcher ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	}
/* Holly Hack. IE Requirement \*/
* html #style-switcher ul li { float: left; height: 1%;}
* html #style-switcher ul li a { height: 1%; }
/* End */

#style-switcher ul li a:hover { color: #456EA1; } /* Hover Styles */

#style-switcher ul li ul { position: absolute; left: 4.5em; top: 0; display:none;}
#style-switcher ul li ul li a { padding: 2px 5px; width:4em; } /* Sub Menu Styles */
#style-switcher ul li:hover ul, #style-switcher ul li.over ul { display: block; } /* The magic */

/* =================================================================================== 
	intro-copy styles
   =================================================================================== */
#intro-copy{ /*width:50%; margin:auto;*/ }
#intro-copy ul{ list-style:none; margin:0; padding:5px 0; text-align:center; height:37px;}
#intro-copy ul li{ display:inline; margin:0 15px;}

#intro-copy p{
	padding:0px 20px;
}
#intro-copy #imgs{ text-align:center; }

/* =================================================================================== 
	brand boxes styles
   =================================================================================== */
#brand-boxes{
	list-style:none;
	height:145px;
	margin:0;
	padding:0;
	/*border:1px solid #FF0000;/**/
}
#brand-boxes li{float:left;}
#block2{margin-top:30px;}
#block3{margin-top:15px;}
#block4{margin-top:40px;}

/* =================================================================================== 
	Sup-page styles
   =================================================================================== */
#woman-img{ float:left; width:165px; }
#seat-img{ float:left; }

#header-text{ margin-left:165px; padding:5px 10px; letter-spacing:.8px}
#header-text h1{color:#daeaf3; font-size:20px;}
#header-text p#help-purchasing{color:#daeaf3;}


#box-outline{ 
	min-height:179px;
	* height:179px; 
	background:#A49587; 
	font-size:12px;
	padding:10px 20px 0 20px; 
	border:2px solid #FFF; 
	font-weight:bold;}


.thumb-img{ margin:5px; float:right;}
.thumb-img img{margin-bottom:2px; display:block;}

#content{ padding:10px 0;}
#content table dt{float:left; width:55px;}
#content table dt.colors{float:left; width:100px;}

#content table ul{margin:0; padding:5px 0 2px 5px; list-style:none;}
#content table ul li.colors{margin:10px 0 0 0;}
#content table ul li.coming-soon{color:#FFF; font-style:italic;}



.bg-mayfair	{ background:#66517b; }
.bg-church	{ background:#858e97; }
.bg-westport{ background:#7675a7; }
.bg-bemis	{ background:#456ea1; }

/* =================================================================================== 
	product table styles
   =================================================================================== */
#product-table{
	width:756px;
	border-left:1px solid #948476;
	border-collapse:collapse;
	text-align:left;
}
#product-table td{
	border-top:1px solid #948476;
	border-right:1px solid #948476;
	font-size:75%;
	
}
#product-table td dl{margin:0; padding:5px;}
#product-table td dt.colors{margin-top:10px;}

/* =================================================================================== 
	Seat Details
   =================================================================================== */
#block-brand{float:right;margin:2px;}
#block-brand img{margin:0 0 5px 0;display:block;}

#header-text-seats{ margin-left:300px; padding:10px;}
#seat-details h1{color:#daeaf3; font-size:20px; width:300px; margin:5px 0 15px 0; padding:0; }
#seat-details h2{color:#daeaf3; font-size:18px; margin:15px 0; padding:0; }

#seat-details{ background:#A49587; padding:10px 20px; border:2px solid #FFF; font-size:12px; font-weight:bold;}
/**/
#seat-details dl{margin:0; padding:0;}
#seat-details dt{float:left; width:300px; border:1px solid red;}
#seat-details dd{border:1px dashed green; float:left; }
/**/
#seat-details ul#features{margin:0; padding:0 0 0 25px;}
#seat-details ul{ margin:0 110px 0 0; padding:0; padding:0 0 15px 25px;}

#seat-details a{color:#FFF; font-style:italic; text-decoration:none; }
#seat-details a:hover{ text-decoration:underline; }

#colors{list-style:none; height:55px; }
#colors2{list-style:none; height:115px; }
#colors li, #colors2 li{float:left; width:55px; height:55px; margin:1px 2px; padding:0 0 0 2px; border:1px solid #000;}

/* =================================================================================== 
	Footer link styles
   =================================================================================== */
#footer-links{ float:right; list-style:none; margin:0; padding:0;}
#footer-links li{ float:right; margin:5px 0; border-right:1px solid #FFFFFF;}
#footer-links li#last{border:none; margin-right:20px;}
#footer-links a{ padding:0 10px; margin:0; color:#FFF; text-decoration:none; display:block;}
#footer-links a:hover{ text-decoration:underline;}

/* Colors
---------------------------------------------------------- */
#white{color:#000; background:url(000.gif);}
#biscuit{color:#000; background:url(346.gif);}
#bone{color:#000; background:url(006.gif);}
#black{background:url(047.gif);}
#natural{background:url(036.gif);}
#silver{background:url(162.gif);}
#fawn-beige{background:url(068.gif);}
#cotton-white{color:#000; background:url(200.gif);}
#shell{background:url(363.gif);}
#almond{background:url(146.gif);}
#innocent-blush{background:url(443.gif);}
#amstd-white{color:#000; background:url(500.gif);}

#fine-print{ font-size:80%;}


#header-text-contact{ margin-left:165px; padding:10px;}
#header-text-contact h1{color:#daeaf3; font-size:20px;}
#contact-outline{ background:#A49587; padding:10px 20px; border:2px solid #FFF; font-size:12px; font-weight:bold;}

/* self-clearing floats  --> http://www.positioniseverything.net/easyclearing.html
---------------------------------------------------------- */
#content:after,
#content ul:after,
#footer-links:after,
#wrap:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* self-clearing floats IE-Fixes
---------------------------------------------------------- */
* html #wrap, 
* html #content,
* html #footer-links,
* html #content ul { height: 1%; }