@charset "UTF-8";

/* =========  A  T A G S  ========== */

a:link {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
}

a:visited {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
}


a:hover {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align:center;
	color:#FFFF3E;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
}

a:active {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans Regular", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
}


/* =========  R E Q U E S T  Q U O T E  ========== */
/* =========  D O  N O T  C H A N G E  T H I S  C S S ========= */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 8em;
	text-indent:-7px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
	text-indent:-7px;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
}

ul.MenuBarVertical ul
{
	margin: 0 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 15em;
	height:auto;
	left: -1000em;
	top: 0;
	background:#000;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 10em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/


/*  Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #FFF;
}


/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	/* background-color: #000;
	padding: 0.5em 0.75em; */
	color: #000;
	text-decoration: none;
}

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	/* background-color: #6E0095; */
	color: #FFFF3F;
}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	/* background-color: #6E0095; */
	color: #FFFF3F;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	/* background-image: url(../img/SpryMenuBarRight.gif);
	background-repeat: no-repeat; */
	background-position: 95% 50%;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
	font-size:9px;
	text-align:justify;
	text-indent:0;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	/* background-image: url(../img/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat; */
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #000;
	}
}

/* MISC ELEMENTS FOR FORM */

.product {
	display:block;
	margin-left:10px;
	}

.tarea {
	margin-bottom:-5px;
	margin-left:10px;
	display:block;
}

.submit {
	margin-left:10px;
	margin-right:-5px;
	margin-top:0px;
	display:block;
}








/* =========  H T M L  C A L L O U T S  ========== */

h1 {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight: normal;
	/* text-transform:uppercase;
	letter-spacing: 1px; */
	margin-top: 10px;
	padding:0;
	}
	
h1.question {
	line-height: 16px;
}
	
h2 {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight: normal;
	/* text-transform:uppercase;
	letter-spacing: 1px; */
	margin: 10px auto auto 10px;
	padding:0;
	}
	

	
h3 {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-indent:10px;
	}
	
.form {
	text-indent:28px;
	}

p {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 20px;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	text-indent: 10px;
	/* margin-left: 20px; */
	}

.line {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #FFF;
	font-size:10px;
	text-indent:0px;
	font-weight: lighter;
	line-height:3px;
}
	
.questionhead {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	word-spacing: 2px;
	line-height:16px;
	text-indent:0;
	padding-left:45px;
}


a.question {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #FFF;
	font-size:14px;
	text-align:left;
	word-spacing: -2px;
	text-indent:0;
	line-height:24px;
}

a:hover.question {
	text-decoration:none;
	color:#ffff3e;
}

a.faq {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	word-spacing: 2px;
	line-height:20px;
}


a.paragraphlink {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #000000;
	line-height: 20px;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	/* text-indent: 10px;*/
	text-decoration: underline;
}

.answer {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#969696;
	font-size:12px;
	font-weight:lighter;
	text-align:left;
	word-spacing: -1px;
	text-indent:0;
	padding:0px 45px 0px 28px;
	margin-right:25px;
	margin-left:16px;
}

.prodanswer {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#969696;
	font-size:10px;
	font-weight:lighter;
	text-align:left;
	word-spacing: -1px;
	text-indent:0;
}

.top {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFF;
	font-size:12px;
	font-variant:small-caps;
	}
	
.top:hover {
	text-decoration:none;
	color:#FF0;
}

.collection {
	font-family: "Hoefler Text", Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	font-weight: lighter;
	letter-spacing:0.1em;
	line-height:2.5em;
	padding-left: 20px;
	}

input {
	margin:5px -20px 2px 28px;
}

a.imgproduct {
	border:0;
}

a.imgproduct:hover {
	border-bottom:1px solid #FFFF3F;
	width:125px;
	height:41px;
	left:0px;
	top:0px;
}

img {
	border:0;
}

.optionsb {
	border-right: 1px dotted gray;
	padding-right: 17px;
}



/* =========  P R O D U C T  P A R E N T =========== */

.openings {
	position:relative;
	/*width:800px;*/
	height:200px
	left:75px;
	top:10px;
}

.floors {
	position:relative;
	/*width:800px;*/
	height:200px
	left:75px;
	top:25px;
}

.storage {
	position:relative;
	/*width:800px;*/
	height:200px
	left:75px;
	top:25px;
}



th {
	height:1px;
	border-top: 1px dotted #464646;
}

/* =========  P R O D U C T S  ========== */

table {
	border:0;
	padding:5px;
	height:auto;
}

tr {
	border:0;
	padding:0;
	margin:0;
	/* padding-right:16px; */
	
}

td {
	font-family:Lucida, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
	color:#FFF;
	font-size:12px;
	padding:0px 16px 0px 0px;
	margin:0;
}

.border {
	border:1px solid #FF0;
	padding:1px;
}

.explain {
	font-family:Lucida, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
	font-size:0.8em;
	text-indent:0;
	line-height:normal;
}

.container {
	position:relative;
	/*width:948px;*/
	padding: 0px 16px 0px 16px;
	margin-bottom:20px;
	height:100%;
	z-index:2;
	/* padding-bottom:100px; */
}

.h2container {
	height:80px;
	/*width:948px;*/
	left:0px;
	top:15px;
	position:relative;
	margin:0;
	float:left;
}



/* =========  B O D Y  ========== */





div.headerph {
	font-family:"Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #ffff3e;
	font-size:18px;
	font-weight: normal;
	/* text-transform:uppercase;
	letter-spacing: 1px; */
	margin-top: 0px;
	padding-top: 22px;
	padding-left: 808px;
	}

#navbar {
	top:202px;
	margin:0 auto;
	/*width:948px;*/
	/*min-width:948px;*/
}

.options {
	top:10px;
	left:0px;
	/*width: 474px;*/
	/* width: 40%; */
	position:relative;
	padding-top:10px;
	float:left;
}

.smallimages {
	 /* width:55%; */
	 /*width: 850px;*/
	 position:relative;
	 top:10px;
	 left:30px;
	 padding-top:10px;
	 float:left;
}

.mainimage {
	/*width:948px;*/
	position:relative;
	left:0px;
	top:0px;
	height:310px;
	min-height:310px;
	max-height:310px;
	margin:0 auto;
}

.paragraph {
	font-family:Lucida, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
	font-size:8pt;
	text-indent:0;
	padding-right: 25px;
}

.colon {

	font-family: "Hoefler Text", Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	letter-spacing:0.1em;
	line-height:1.5em;
	color: #969696;
}

.quote {
	position:relative;
	left:10px;
	top:10px;
}

/* ========= F O R M  E L E M E N T S ========== */

.copyform {
	margin: 0px 40px 0px 18px;
	word-spacing:1px;
	}
	
.copyformradio {
	margin: 0px 0px 0px 28px;
	display: inline;
	word-spacing:1px;
	}
	
.commenta {
	display:block;
	word-spacing:1px;
	margin-left:28px;
	}



/* =========  N A V I G A T I O N  M E N U  ========== */

#navbar ul {
	margin:0;
	list-style:none;
	padding: 0px;
	/*width:948px;*/
	height:60px;
	display:block;
	}

#navbar li {
	float:left;
	color:#fff;
	width:158px;
	height:60px;
	}
	
#navbar li a {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:14px;
	letter-spacing: 1px;
	color:#FFF;
	text-decoration:none;
	line-height:60px;
	display:block;
	width:158px;
	padding-top:0px;
	padding-left:0px;
	background: url(../img/nav.jpg);
	}
	
#navbar li a:hover {
	background-position:158px 0px;
	color:#FF0;
	}

#navbar li a.current {
	background-position:158px 0px;
	color:#FF0;
	}

/* =========  C O N T E N T  A R E A  948 x 338  ==========
   To ensure the entire site remains within a 700 px (height) region, 338px is the max height for content area. You don't HAVE to remain at 338. */

#content {
	position: relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0;
	/* padding-bottom:110px; */
	margin:0;
	min-height:100%;
	}
	
#product1 {
	position:relative;
	top:0px;
	left:0px;
	height:475px;
	/*width:948px;*/
}
	

/* =========  F O O T E R  A R E A  ========== */

#footer {
	width: 100%;
	height: 5%;
	position: relative;
	/* top:3em; */
	margin:0 auto 0 auto;
	clear:both;
	background-color:#000;
	padding:2em 0 1em 0;
	/* If you want to make a defined separation between footer and content, then add: margin-top: 50px;  */
}

.footer {
	color:#999;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
	font-size:12px;
	margin-left: 0px;
	letter-spacing: 1px;
	text-indent: 0cm;
}

/* ================ MISCELLANEOUS ================ */

.hidden {
	visibility:hidden;
}

#clear {
	clear:both;
}