/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

/*
2.0 GENERIC CLASSES
------------------------------------------
*/


/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

#project-info { position: absolute; right: -40px; top: 20px; height: 55px; z-index: 65; }

#project-tabs { background: transparent url(http://www.merillat.com/images/gui/bg/bg-ideafolio-tabs.gif) repeat-x 0 -33px; width: 940px; height: 9px; margin-top: 35px; }

#scrapbook-banner { margin: 0; padding: 0; background: transparent url(http://espanol.merillat.com/merillat/enes/24/_www_merillat_com/images/ir/scrapbook-banner.gif) no-repeat 0 bottom; width: 820px; height: 231px; }

body#my-design .below-tabs { padding-top: 0; }

div.row-wrapper div.row-label { position: relative; float: left; display: inline; width: 110px; margin-right: -20px; z-index: 10; line-height: 1.15; }
div.row-selector { float: left; display: inline; position: relative; left: 20px; width: 720px; }
body#my-design div.door-row-selector { float: left; display: inline; width: 600px; }
body#my-design div.paint-row-selector, body#my-design div.floor-row-selector, body#my-design div.countertop-row-selector, body#my-design div.appliance-row-selector { float: left; display: inline; width: 519px; }
body#my-design div.hardware-row-selector { float: left; display: inline; width: 552px; }

div#cboxLoadedContent div.row-selector { position: static; }
div.row-wrapper div.all { border: 2px solid #aaa; padding-bottom: 10px; }

.my-designs-bg { background: url(http://www.merillat.com/images/gui/bg/bg-my-designs.gif) 6px 0 repeat-y; }

div.prefs-section { margin-bottom: 16px; padding-bottom: 6px; border-bottom: 1px solid #d5d5c9; }
body.ideafolio-preferences form div.last { border-bottom: none; }

/*#door-styles div.row-selector,
#hardware div.row-selector { left: 0; width: 820px; }*/
/*div.all { margin-left: 100px; }*/

div.view-all { display: inline-block; font-size: 11px; cursor: pointer; color: #666; padding: 5px 22px 5px 5px; background: url(http://www.merillat.com/images/gui/icons/used-icons.gif) no-repeat right -429px; text-decoration: underline; -moz-user-select: none; }

.show-hide-wrapper .description { margin: 0 0 15px; }
.show-hide-wrapper .description-side-container .description { background: white; width: 134px; display: inline-block; float: left; margin-top: 10px; padding-left: 10px; text-align: left; }
.show-hide-wrapper .description-side-container .description .title { color: #777; }
.show-hide-wrapper .description .title { font-weight: bold; }
.show-hide-wrapper .description-side-container img { float: left; }
.show-hide-wrapper .description span.product-name { font-weight: bold; background-color: white; }
.show-hide-wrapper .photo-wrapper img { margin-bottom: 7px; }

.show-hide-wrapper .grid_1 { padding-bottom: 20px; }

div.current-selection { width: 242px; float: left; display: inline; margin-right: 20px; }
div.selected-door { width: 150px; }
div.selected-paint, div.selected-floor, div.selected-countertop, div.selected-appliance { width: 214px; }
div.selected-hardware { width: 182px; }

div.selection-options { background: #F9F8F3; padding: 15px; float: left; display: inline; width: 480px; }
div.door-selection-options { width: 620px; height: 310px; overflow: auto; }
div.paint-selection-options, div.floor-selection-options, div.countertop-selection-options, div.appliance-selection-options { width: 536px; height: 335px; overflow: auto; }
div.hardware-selection-options { width: 568px; height: 335px; overflow: auto; }

.project-dropdown { font-size: 12px; width: 438px; position: absolute; top: 33px; left: -418px; height: 400px; z-index: 50; }
.project-dropdown .top { background: transparent url(http://www.merillat.com/images/gui/bg/bg-project-top.png) no-repeat 0 0; width: 438px; height: 21px; }
.project-dropdown .top-right { background: transparent url(http://www.merillat.com/images/gui/bg/bg-project-top-right.png) no-repeat 0 0; width: 438px; height: 21px; }
.project-dropdown .mid { background: transparent url(http://www.merillat.com/images/gui/bg/bg-project-mid.png) repeat-y 0 0; width: 412px; padding: 0 6px 0 20px; position: relative; }
.project-dropdown .bottom { background: transparent url(http://www.merillat.com/images/gui/bg/bg-project-bottom.png) no-repeat 0 0; width: 438px; height: 21px; }

#switch-project-form { height: 32px; }

body#my-scrapbook div.door-styles img { width: 100px; height: 200px; }
body#my-scrapbook .comments-container { margin: 10px 0 5px; }

#kitchen-planner-help-content p { font-size: 13px; margin-bottom: 10px; }

/*
4.0 HEADINGS
------------------------------------------
*/

h2.inline-heading,
h3.inline-heading { float: left; display: inline; font-size: 20px; line-height: 1; margin-right: 5px; }

div.row-wrapper div.row-label h4 { font-size: 13px; }

div.row-wrapper div.all h5 { background: #aaa; color: white; padding: 3px 10px 5px; }

#wood-species-container h5, #wood-finishes-container h5 { font-size: 0.9em; font-weight: bold; margin: 0 0 5px; }

form h5 { color: #D81E05; font-weight: bold; margin: 0 0 15px 0; text-transform: uppercase; }

.design-box h4 { text-transform: uppercase; font-size: 1em; clear:both;}

body#my-design .colorbox-inline-content h2 { font-size: 18px; text-align: left; position: static; left: auto; top: auto; }
body#my-design .colorbox-inline-content h4 { color: #666; text-transform: uppercase; font-size: 12px; text-align: left; }

h1.my-design-shared { margin-bottom: 3px; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/

#project-links { padding: 20px 15px 0 0; }
#project-links a { display: inline; background: transparent url(http://www.merillat.com/images/gui/icons/used-icons.gif) no-repeat 0 0; position: relative; padding-left: 20px; float: right; margin: 0 0 0 10px; height: 16px; }
#project-links a#switch { background-position: 0 -112px; }
#project-links a#add-new { background-position: 0 -80px; }
#project-links a#copy { background-position: 0 -48px; }
#project-links a#edit { background-position: 0 -16px;}

#project-info a#style-description { display: inline-block; background: transparent url(http://www.merillat.com/images/gui/icons/used-icons.gif) no-repeat 0 -720px; width: 16px; height: 16px; text-align: left; }

.update_comment a { font-size: .9em; background-position: 0 -593px; margin: 0; cursor: pointer; }

#not-logged-in-register-link { margin-bottom: 10px; width: 245px; }
#not-logged-in-login-link { width: 245px; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/
	
.define-my-style a { background: #fff url(http://www.merillat.com/images/gui/btn/btn-define-style.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; display: block; width: 121px; height: 21px; }
.select-door-styles a { background: #fff url(http://www.merillat.com/images/gui/btn/btn-select-styles.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; display: block; width: 138px; height: 21px; }

p.shared-message { margin-top: 28px; font-size: 1.2em; }


body#my-design div.spacer p { margin: 5px 0 0 8px; text-align: left; padding: 0; }
body#my-design .description p { text-align: left; }


.comments-container .user-comments { height: 110px; }

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

#project-info a.change-style,
#project-info a#no-style { text-decoration: underline; color: #666; position: absolute; left: 0; bottom: -3px; font-size: 11px; display: block; width: 200px; line-height: 1.4; }

#project-info .project-options { font-size: 11px; display: inline-block; line-height: 1.4; position: relative; text-align: left; min-width: 175px; }
#project-info .project-options a { color: #666; }
#project-info span.project-options-links { width: 190px; position: absolute; bottom: -20px; left: 0; }
#project-info a#manage-project:hover,
#project-info a#style-description:hover,
#project-info a#add-project:hover,
#project-info a.change-style:hover { color: #D81E05; text-decoration: none; }

.project-dropdown { z-index: 6000; }
.project-dropdown .project-form { color: #666;}
.project-dropdown .project-form p { background: white; }
.project-dropdown .project-form .dropdown-list-container p { background: transparent; }
.project-dropdown div p.form-name { float: left; margin-right: 5px; padding-top: 2px; color: #555; max-width: 120px }
.project-dropdown p.current-state { margin-bottom: 5px; color: #555; }
.project-dropdown p.current-state .state-name { font-weight: bold; }
.project-dropdown p.current-type { margin-left: 25px; }
.project-dropdown p.name-type { float:left; }

p#add-project { margin-bottom: 0; }
form#fAddProject { margin-top: 8px; }
#rename-project-form fieldset, #add-project-dropdown fieldset > ul > li{ min-width: 360px }
#rename-project-form fieldset, #copy-project-form fieldset { display: inline-block; clear: both; width: 400px; }

.project-dropdown .txt-input-container { height: 18px; width: 200px; float: left; display: inline; margin-right: 5px;}
.project-dropdown .txt-input-container input { padding-top: 2px; }
.project-dropdown .button-replacer { float: left; }
.project-dropdown .project-icon { margin-left: 0; padding-left: 20px; background: transparent url(http://www.merillat.com/images/gui/icons/used-icons.gif) no-repeat 0 0; margin-top: 10px; height: 16px; }
.project-dropdown p#rename-project, .project-dropdown p#rename-design { background-position: 0 -16px; }
.project-dropdown p#copy-project, .project-dropdown p#copy-design { background-position: 0 -48px; display: inline-block; }
.project-dropdown p#switch-project, .project-dropdown p#switch-design { background-position: 0 -112px; }
.project-dropdown p#add-project, .project-dropdown p#add-design { background-position: 0 -80px; }
.project-dropdown p#remove-project, .project-dropdown p#remove-design { background-position: 0 -560px; }

.project-dropdown select.select-container { height: auto; width: 309px; float: left; display: inline; margin-right: 5px; }

.show-hide-wrapper p.txt-input-container textarea { width: 239px; font-size: 11px; height: 100px; }

/* Select item to change design needs min-width */
#folioDesignID { min-width: 300px; }

/*
10.0 LISTS
------------------------------------------
*/

ul.project-names { float: right; display: inline-block; text-align: right; }
ul.project-names li { color: #333333; font-size: 1.1em; display: inline; float: left; margin-right: 40px; }
ul.project-names li.last { margin: 0; }


div.row-selector div.spacer { float: left; display: inline; width: 160px; margin: 0 10px 20px; cursor: pointer; }
body#my-design div.spacer { float: left; display: inline; cursor: pointer; }
body#my-design div.door-spacer { width: 116px; margin: 0 2px 20px; height: 280px; }
body#my-design div.paint-color-spacer { width: 151px; margin: 0 11px 20px; height: 180px; }
body#my-design div.floor-spacer { width: 151px; margin: 0 11px 20px; height: 180px; }
body#my-design div.appliance-spacer { width: 151px; margin: 0 11px 20px; height: 180px; }
body#my-design div.countertop-spacer { width: 151px; margin: 0 11px 20px; height: 180px; }
body#my-design div.hardware-spacer { width: 168px; margin: 0 8px 20px; height: 220px; }

#door-styles div.spacer,
#hardware div.spacer { float: left; display: inline; width: 160px; margin: 0 2px 20px; font-size: 0.9em; }

/*div.row-selector div.spacer:first-child,
div.row-selector div.spacer.first-child { margin-left: 0; }*/
div.row-selector div.spacer div.image-container { text-align: center; padding: 2px 2px 11px; }
body#my-design div.spacer div.image-container { text-align: center; padding: 0; }
body#my-design div.spacer div.selected { background: #ccc; }
body#my-design div.spacer dl { margin: 5px 0 0 8px; }

div.row-selector div.spacer.selected div.image-container { border: 2px solid #ccc; border-width: 2px 2px 0; padding: 0 0 11px; }
div.row-selector div.spacer img { margin: 11px 0 4px; }
body#my-design div.spacer img { margin: 8px 0 8px; }

div#door-styles div.row-selector div.spacer img { margin: 11px 0 12px; }
div.row-selector div.spacer label { display: block; width: 160px; height: 22px; background: url(http://espanol.merillat.com/merillat/enes/24/_www_merillat_com/images/gui/forms/radio-OFF-use-in-my-design.gif) no-repeat; }
div.row-selector div.spacer.selected label { background: url(http://espanol.merillat.com/merillat/enes/24/_www_merillat_com/images/gui/forms/radio-ON-use-in-my-design.gif) no-repeat; }
#content-wrapper div.row-selector div.spacer p { margin-bottom: 0; }
div.row-selector div.spacer div.image-container p { text-align: left; padding: 0 12px; }

div.row-selector div.spacer div.image-container dl { text-align: left; margin-left: 7px; margin-top: 5px; }
div.row-selector div.spacer.selected div.image-container dl { text-align: left; margin-left: 7px; margin-top: 5px; }
div.row-selector div.spacer div.image-container dl dt, div.current-selection dl dt { float: left; display: inline; margin: 0 0.5em 0.5em 0; font-weight: bold; }
div.row-selector div.spacer div.image-container dl dd, div.current-selection dl dd { margin: 0 0 0.5em 0; }

div.row-selector div.left-arrow,
div.row-selector div.right-arrow { position: absolute; top: 0; width: 19px; height: 115px; }
div.row-selector div.left-arrow { background: url('http://www.merillat.com/images/gui/btn/scroller-arrow-left.gif') no-repeat; left: 0; }
div.row-selector div.right-arrow { background: url('http://www.merillat.com/images/gui/btn/scroller-arrow-right.gif') no-repeat; right: 0; }

div.row-selector li { float: left; display: inline; width: 160px; margin: 0 10px 20px; cursor: pointer; }
#door-styles div.row-selector li,
#hardware div.row-selector li { float: left; display: inline; width: 160px; margin: 0 2px 10px; font-size: 0.9em; }
/*div.row-selector li:first-child,
div.row-selector li.first-child { margin-left: 0; }*/
div.row-selector li div.image-container { text-align: center; padding: 2px 2px 11px; }
div.row-selector li.selected div.image-container { border: 2px solid #ccc; border-width: 2px 2px 0; padding: 0 0 11px; }
div.row-selector li img { margin: 11px 0 4px; }
div#door-styles div.row-selector li img { margin: 11px 0 12px; }
div.row-selector li label { display: block; width: 160px; height: 22px; background: url(http://espanol.merillat.com/merillat/enes/24/_www_merillat_com/images/gui/forms/radio-OFF-use-in-my-design.gif) no-repeat; }
div.row-selector li.selected label { background: url(http://espanol.merillat.com/merillat/enes/24/_www_merillat_com/images/gui/forms/radio-ON-use-in-my-design.gif) no-repeat; }
#content-wrapper div.row-selector li p { margin-bottom: 0; }
div.row-selector li div.image-container p { text-align: left; padding: 0 11px; }

div.row-selector li div.image-container dl { text-align: left; margin-left: 7px; }
div.row-selector li.selected div.image-container dl { text-align: left; margin-left: 7px; }
div.row-selector li div.image-container dl dt, div.current-selection dl dt { float: left; display: inline; margin: 0 0.5em 0.25em 0; font-weight: bold; text-align: left; }
div.row-selector li div.image-container dl dd, div.current-selection dl dd { margin: 0 0 0.25em 0; text-align: left; }


/*
11.0 TABLES
------------------------------------------
*/



/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

#project-info .title { display: inline-block; margin-top: 0; }
#project-info .name { position: relative; padding-bottom: 14px; font-size: 18px; display: inline-block; text-align: left; color: #666; }

#idea-kern { letter-spacing: -1px; }
#folio-kern { letter-spacing: -3px; }

.design-box { margin: 20px 0 8px 0; padding: 16px; font-size: 1em; }

.design-box .swatch-by { font-size: 0.8em; color: #828282; float: right; padding: 0; position: absolute; bottom: 2px; right: 0px; }
.design-box .design-swatch { margin: 4px 0; }
.design-box.share { height: 160px; padding-bottom: 0; }

.design-box-header { position: relative; }

.design-notes { position: relative; }
.design-material { margin-top: 4px; position: absolute; }

.design-edit a { display: inline; background: transparent url(http://www.merillat.com/images/gui/icons/used-icons.gif) no-repeat 0 -240px; position: relative; padding-left: 20px; float: right; margin: 0 0 0 10px; height: 16px; line-height: 1.3; }
.design-box ul.wishlist li { display: inline;  list-style: none; float: left; width: 177px; margin: 0 50px 10px 0; height: 235px; }
.design-box ul li.lastcolumn { margin-right: 0 !important; }
.design-box ul li.lastrow { height: auto !important; }


.design-box ul.dealers li { display: inline; list-style: none; float: left; width: 177px; margin: 10px 30px 0 0; height: 70px; line-height: 1.3; }
.design-box ul.dealers li.last-dealer { margin: 10px 0 0; }

body#my-design .with-pic .design-box ul.dealers li { margin: 10px 0 0 0; }


/*.wishlist li img { float: left; }*/
.wishlist .wishlist-name { margin-top: 5px; margin-bottom: 5px; }
.wishlist .wishlist-name p { margin-bottom: 0 !important; }
.wishlist .wishlist-remove { margin-left: 0; }
.wishlist .wishlist-remove a.icon { margin-left: 0; }

.comment-container { font-size: .9em; }
body#my-scrapbook .comment-container p.comment { border-top: 1px solid #ccc; padding: 5px 0 0; }
body#my-scrapbook .comment-container p.last-modified-date { border-bottom: 1px solid #ccc; padding: 0 0 5px; }
.comment-container .comment-text { font-size: 1.1em; }
.last-modified-date, .comment-title { font-style: italic; color: #888; }
.last-modified-date { font-size: .9em; }

body#my-design .shared-content .Masterpiece,
body#my-design .shared-content .Essence { display: none; }


/*
13.0 IMAGES
------------------------------------------
*/


/*
14.0 META
------------------------------------------
*/

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/