/* @override http://suiteny.com/dev/css/global.css */

/*
===================================================
SuiteNY Stylesheet: GLOBAL

Global, Header, Navigation, Main Content Area,
Footer, Buttons, sIFR
===================================================
*/

/*
---------------------------------------------------
Global
---------------------------------------------------
*/

body,
html
	{
	height: 100%;
	background-image: url(../images/bg_top.gif);
	background-repeat:repeat-x;
	}
	
body
	{
	background-color:#fff;
	padding: 0;
	margin: 0;
	font: 10px arial, helvetica, verdana, sans-serif;
	}
	
div#wrapper
	{
	width: 830px;
	margin: 0 auto;
	}
	
strong
	{
	color: #455560;
	}
	
p {padding: 0; margin: 0 0 15px 0; }

div.solid_line
	{
	height: 2px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #e3e6e7;
	float: left;
	margin: 5px 0 10px 0;
	}

div.dotted_line
	{
	height: 3px;
	width: 100%;
	background: url(../images/nav_dot.gif) 0 50% repeat-x;
	margin: 8px 0;
	float: left;
	}
	
td
	{
	text-align: left;
	vertical-align: top;
	}
	
a,
a:link,
a:visited
	{
	color: #51606a;
	text-decoration: none;
	}
a:hover,
a:active
	{
	color: #8695a0;
	text-decoration: underline;
	}
img { border:none; }

/* OTHER */
.clear {
	clear:both;
}

.sprite {
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-3000px;
}

a.sprite:hover {
	background-position:bottom left;
}


/*
---------------------------------------------------
Header
---------------------------------------------------
*/

div#header_binder{
	height:46px;
}

div#header_binder span.bold{
	text-transform:uppercase;
	font-weight:bold;
	color:#35434d;
	font: 10px arial, helvetica, verdana, sans-serif;
}

div#header_binder span.gray, a.gray{
	color:#6b6b6b;
	font: 10px arial, helvetica, verdana, sans-serif;
	text-align:left;
}
div#header_binder a{
	/*padding:0px 10px 0px 10px;*/
}

#suite_newsletter {
	float:left;
	width: 422px;
	text-align:left;
}

#title_suite_newsletter {
	display:inline-block;
	float:left;
	width: 151px;
	height: 10px;
	background-image: url('../images/title_suite_newsletter.gif');
	margin: 16px 0 0 0;
	padding: 0 10px 0 0;
}

#form_newsletter_signup {
	position: relative;
	display: inline-block;
	width: 240px;
	height: 20px;
}

#join_form {
	display: inline-block;
	float:left;
	margin: 10px 0 0 0;
	padding: 2px 4px;
	width: 150px;
	height: 16px;
	border:1px solid #dcdcdc;
	line-height:20px;
}

#form_newsletter_signup a#button_signup {
	position:absolute;
	top: 10px;
	right:0;
}

#create_virtual_binder {
	float:right;
	width: 333px;
	text-align:left;
	line-height:18px;
	margin-top: 10px;
}

#title_create_virtual_binder {
	float: left;
	display:block;
	width: 157px;
	height: 8px;
	margin: 8px 0 0 0;
	background-image: url('../images/title_create_virtual_binder.gif');
}

#create_virtual_binder .btn_log_in, #create_virtual_binder .btn_sign_up {
	display:block;
	float: left;
	margin: 2px 0 0 10px;
}

#logged_in {
	text-align:right;
}

#logged_in .gray {
	padding:0 10px;
}

div#header {
	position:relative;
	margin: 0 0 10px 0;
	width: 830px;
	height: 108px;
	background: #fff url(../images/suiteny_logo.gif) 0 50px no-repeat;
}

a#logo_click {
	display: block;
	position: absolute;
	width: 255px;
	height: 20px;
	top:50px;
	left:0;
}

span.error{
	color:red;
}
span.divider { color:#c1c4c7; font-size:7px; padding-bottom:2px; }
.btnLogin { width:37px; margin:1px 13px 0px 0px; padding:0px!important; background: url(/images/btnLogin.gif) 0px 0px no-repeat; }
.btnLogin:hover { background:url(/images/btnLogin.gif) -36px 0px no-repeat; }
.btnSignup { width:37px; margin:1px 0px 0px 13px; padding:0px!important; background: url(/images/btnSignup.gif) 0px 0px no-repeat; }
.btnSignup:hover { background:url(/images/btnSignup.gif) -46px 0px no-repeat; }
.btnLogout { width:37px; margin:1px 0px 0px 18px; padding:0px!important; background: url(/images/btnLogout.gif) 0px 0px no-repeat; }
.btnLogout:hover { background:url(/images/btnLogout.gif) -50px 0px no-repeat; }
/*
---------------------------------------------------
Navigation
---------------------------------------------------
*/

ul#nav {
	width: 830px;
	list-style: none;
	background: white;
	font-weight: bold;
	padding: 0;
	margin: 92px 0 0 0;
	position:absolute;
	top:0;
/*	z-index: 600;*/
}
	
ul#nav li a.main_nav {
	display: block;
	text-decoration: none;
	font: 1px arial;
	text-indent:-3000px;
	background-position:0 0;
	background-repeat:no-repeat;
}

ul#nav li a.main_nav:hover {
	background-position: 0 -17px;
}

ul#nav li a#nav_product_catalog {
	width: 70px;
	height: 17px;
	background-image: url(../images/nav_product_catalog2.gif);
}

ul#nav li a#nav_designers {
	width: 66px;
	height: 17px;
	background-image: url(../images/nav_designers.gif);
}

ul#nav li a#nav_about {
	width: 46px;
	height: 17px;
	background-image: url(../images/nav_about.gif);
}

ul#nav li a#nav_press {
	width: 41px;
	height: 17px;
	background-image: url(../images/nav_press.gif);
}

ul#nav li a#nav_contact {
	width: 62px;
	height: 17px;
	background-image: url(../images/nav_contact.gif);
}
	
ul#nav li a#nav_interior_projects {
	width: 67px;
	height: 17px;
	background-image: url(../images/nav_interior_projects2.gif);
}

ul#nav li a#nav_gift_registry {
	width: 95px;
	height: 17px;
	background-image: url(../images/nav_gift_registry.gif);
}
	
ul#nav li ul.first_level
	{
	border: 1px solid #d9dde1;
	padding: 0;
	margin: 0;
	background: #fff url(../images/nav_first_level_bg.gif) 0 0 repeat-x;
	list-style: none;
	width: 190px;
	padding: 7px;
	z-index: 200;
	}
ul#nav li ul.first_level li.dotted
	{
	display: block;
	width: 180px;
	height: 3px;
	background: url(../images/nav_dot.gif) 0 50% repeat-x;
	}	
ul#nav li ul.first_level li a
	{
	display: block;
	width: 180px;
	height: 10px;
	vertical-align: middle;
	color: #7b8892;
	text-decoration: none;
	padding: 5px;
	background: url(../images/nav_arrow01.gif) 97% 50% no-repeat;
	}
ul#nav li ul.first_level li a:hover	
	{
	background: #dde3e6;
	z-index: 202;
	}
	
ul#nav li ul.first_level li ul.second_level
	{
	margin: -28px 0 0 197px;
	/* margin: -15px 0 0 180px; */
	border: 1px solid #d9dde1;
	padding: 0;
	background: #fff url(../images/nav_second_level_bg.gif) 0 0 repeat-x;
	list-style: none;
	width: 190px;
	padding: 7px;
	z-index: 200;
	}
ul#nav li ul.second_level li a
	{
	display: block;
	width: 180px;
	height: 10px;
	vertical-align: middle;
	color: #7b8892;
	text-decoration: none;
	padding: 5px;
	background: url(../images/nav_square01.gif) 97% 50% no-repeat;
	}

ul#nav li {
	float: left;
	background:url(../images/nav_divider.gif) center left no-repeat;
	padding:0 16px;
}

ul#nav li.first {
	background:none;
	padding:0 16px 0 0;
}
	

ul#nav li ul
	{
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	}

ul#nav li li
	{
	padding:0 1em 0 0;
	background:none;
	}

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

ul#nav li:hover ul,
ul#nav li.sfhover ul
	{
	left: auto;
	z-index:500;
	}
	
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li li.sfhover ul,
ul#nav li li li.sfhover ul
	{
	left: auto;
	z-index:500;
	}

/*
---------------------------------------------------
Main Content Area
---------------------------------------------------
*/

div#main
	{
	width: 830px;
	float: left;
	}
	
div.section_title
	{
	float: left;
	height: 22px;
	border: 1px solid #fff;
	}
	
div.breadcrumbs
	{
	margin-top: 3px;
	float: right;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #7e7e7e;
	}

/*
---------------------------------------------------
Footer
---------------------------------------------------
*/

div#footer {
	position:relative;
	margin-top: 30px;
	width: 830px;
	height: 40px;
	background: #fff url('../images/copyright.gif') top right no-repeat;
	text-align: left;
}
	
ul#footernav {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 8px arial, helvetica, verdana, sans-serif;
	color: #cccfd2;
}

ul#footernav li {
	float: left;
	padding: 0 8px;
	background:url(../images/footer_nav_divider.gif) center left no-repeat;

}

ul#footernav li.first {
	padding-left: 0px;
}

ul#footernav li a {
	display: block;
	height:11px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

ul#footernav li a.sprite:hover {
	background-position: bottom left;
}

a#footer_product_catalog {
	width: 51px;
	background-image:url(../images/btn_footer_products.gif);
}

a#footer_designers {
	width: 51px;
	background-image:url(../images/btn_footer_designers.gif);
}

a#footer_about {
	width: 33px;
	background-image:url(../images/btn_footer_about.gif);
}

a#footer_press {
	width: 29px;
	background-image: url(../images/btn_footer_press.gif);
}

a#footer_contact {
	width: 45px;
	background-image:url(../images/btn_footer_contact.gif);
}

a#footer_interior_projects {
	width: 49px;
	background-image:url(../images/btn_footer_interiors.gif);
}

a#footer_gift_registry {
	width: 69px;
	background-image:url(../images/btn_footer_gift_registry.gif);
}

#partners_links_holder {
	position:absolute;
	top: 0;
	right: 0;
}
	
a#cb_footer
	{
	display: block;
	width: 177px;
	height: 14px;
	background: #fff url(../images/cb_footer.gif) 0 0 no-repeat;
	float: left;
	/* margin: -3px 0 0 335px; */
	margin: 15px 0 0 0;
	}
a#cb_footer:hover
	{
	background-position: 0 -14px;
	}

a#partner_links
	{
	clear: both;
	display: block;
	width: 131px;
	height: 11px;
	background: #fff url(../images/partner_links.gif) 0 0 no-repeat;
	float: right;
	/* margin: -3px 0 0 335px; */
	margin: -14px -2px 0 0;
	}
a#partner_links:hover
	{
	background-position: 0 -10px;
	}
/*
---------------------------------------------------
Leightbox
---------------------------------------------------
*/	
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}
.leightboxPromt {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 225px;
	height: 130px;
	padding: 30px;
	border: 1px solid #B8B8B8;
	background-color: white;
	text-align: center;
	z-index:1001;
	overflow: auto;	
}
.leightboxPromt h4{
	font-size:16px;
	color:#9ea6ac;
	
}
.leightboxPromt p{
	font-size:11px;
	color:#535353;
	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/*
---------------------------------------------------
Buttons
---------------------------------------------------
*/
.btn_log_in {
	float:left;
	display:block;
	margin-right:10px;
	width: 78px;
	height: 18px;
	background-image: url('../images/btn_log_in.gif');
}

.btn_sign_up {
	float:left;
	display:block;
	width: 78px;
	height: 18px;
	background-image: url('../images/btn_sign_up.gif');
}

.btn_view {
	float:left;
	width: 78px;
	height: 18px;
	background-image: url('../images/btn_view.gif');	
}

a#button_signup {
	display:inline-block;
	width: 71px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/button_signup.gif);
}

a#button_submit {
	display: block;
	width: 71px;
	height: 22px;
	margin: 12px 0 0 0;
	background: #fff url(../images/submit.gif) 0 0 no-repeat;
}

a#button_submit:hover {
	background-position: 0 -22px;
}	
	
a#button_saveChanges
	{
	display: block;
	width: 109px;
	height: 22px;
	margin: 12px 0 0 0;
	background: #fff url(../images/btnSaveChanges.gif) 0 0 no-repeat;
}
a#button_saveChanges:hover { background-position: 0 -22px; }	
	
a.button_readmore
	{
	display: block;
	width: 78px;
	height: 18px;
	text-decoration: none;
	text-indent: -999em;
	background: #fff url(../images/button_readmore.gif) 0 0 no-repeat;
	float: left;
	overflow: hidden;
	}
a.button_readmore:hover
	{
	background-position: 0 -18px;
	}
	
a.button_view
	{
	display: block;
	width: 48px;
	height: 18px;
	text-decoration: none;
	text-indent: -999em;
	background: #fff url(../images/button_view.gif) 0 0 no-repeat;
	overflow: hidden;
	}
a.button_view:hover
	{
	background-position: 0 -18px;
	}

/*
---------------------------------------------------
sIFR
---------------------------------------------------
*/

h1
	{
	margin: 0;
	padding: 0;
	color: #455560;
	/* font-size: 16px; */
	/*z-index: 1;*/
	}

h2
	{
	margin: 0;
	padding: 0;
	color: #455560;
	/* font-size: 16px; */
/*	z-index: 1;*/
	}
h3
	{
	margin: 0;
	padding: 0;
	color: #9ea6ac;
	/* font-size: 12px; */
/*	z-index: 1;*/
	}
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash
	{
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced
	{
	visibility: visible !important;
	}

span.sIFR-alternate
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
	{
	display: none !important;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1
	{
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 18px;
	z-index: 1;
	}
	
.sIFR-hasFlash h1#product_name
	{
	visibility: hidden;
	margin: -5px 0 0 0;
	padding: 0;
	font-size: 24px;
	z-index: 1;
	}

/*.sIFR-hasFlash h2
	{
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 19px;
	z-index: 1;
	}

.sIFR-hasFlash h3
	{
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 15px;
	z-index: 1;
	}*/