/* =========

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
------------------------------------------
*/

body#inspiration-gallery-video-player { margin: 0; padding: 0; }

form#fSearchCriteria div.container_14 { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
form#fSearchCriteria div.last { border-bottom: 0; }

#image-frame { width: 820px; height: 420px; overflow: hidden; position: relative; margin: 0 auto; }

div#zoom-container { color: #666; font-size: 12px; font-family: "Trebuchet MS", Helvetica, Sans-Serif; width: 850px; text-align: center; }
div#inspiration-gallery-video-wrapper div#player { height: 400px; padding-left: 15px; }

div#room-view { position: relative; }

div#room-view a.hotspot { position: absolute; }

div#hotspot-overlay { background: white; position: absolute; left: 20px; top: 20px; padding: 40px; width: 700px; height: 360px; }

div#hotspot-overlay div#hotspot-container { height: 360px; width: 700px; }
div#hotspot-overlay div#hotspot-description { margin-left: 20px; width: 290px; float: left; display: inline; height: 300px; margin-top: 45px; }

div#filtering-container div.grid_14,
div#filtering-container div.grid_2,
div#filtering-container div.grid_8,
div#filtering-container div.grid_4 { padding: 10px 6px; }

div#results { text-align: center; }

div#room-options { position: relative; }
div#room-options div.tool-links { width: 190px; position: absolute; right: 10px; top: 10px; }

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

#kitchen-layout h4,
#finish-color-range h4,
#wood-type h4 { margin-left: 12px; }

div#hotspot-overlay h1 { color: #d81e05; text-transform: lowercase; font-size: 24px; line-height: 1; margin-bottom: 10px; margin-top: 10px; }
div#hotspot-overlay h1.hotspot-smaller { font-size: 22px; }
div#hotspot-overlay h1.normal-case { text-transform: none; }
div#hotspot-overlay h2 { color: #333; text-transform: uppercase; font-size: 14px; }

div#filtering-container h4 { font-size: 13px; font-weight: bold; background-color: #F0EFEB; }

div#filtering-container div.show-hide-bottom { padding: 0; }

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

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

p#pdf-link a { display: block; background: transparent url('/images/gui/icons/pdf.jpg') no-repeat left top; padding-left: 52px; color: #333; font-size: 12px; font-family: "Trebuchet MS", Helvetica, Sans-Serif; height: 20px; padding-top: 15px; padding-bottom: 15px; width: 250px; }

p#pdf-link a:hover { color: #A70014; text-decoration: none; }
p#pdf-link a:active { color: #A70014; }

a.hotspot-close { background: url(/images/gui/colorbox/buttons.jpg) 0 -451px no-repeat; width: 62px; height: 14px; position:absolute; top:20px; right:20px; display:block; }
a.hotspot-close:hover { background-position: -63px -451px; }


/*
7.0 PARAGRAPHS
------------------------------------------
*/

p#matches, p.matches { margin: 0 auto 10px; }

p#pdf-link { margin-top: 0px; }

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


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

form#fSearchCriteria { background: #F0EFEB; border: 1px solid #DBD7CD; }

form#fSearchCriteria ul.thumbs li input { display: block; margin: 0 auto 0.35em; }

div#filtering-container label { cursor: pointer;}
div#filtering-container label input { cursor: pointer; }
div#filtering-container label.disabled { color: #ccc; cursor: auto; }

 div#filtering-container div.style-filtering-options label { height: 20px; }

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

form#fSearchCriteria li { font-size: 0.9em; }
form#fSearchCriteria ul.horizontal li { float: left; display: inline; margin-right: 10px; }
form#fSearchCriteria ul.thumbs li { width: 55px; text-align: center; }

#kitchen-layout ul,
#finish-color-range ul,
#wood-type ul { border-left: 1px solid #ccc; padding-left: 12px; }

/*#kitchen-layout li,
#finish-color-range li,
#wood-type li { margin-right: 10px; }*/

ul.columns_2 li { float: left; display: inline-block; margin: 0 30px 0 0; }

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



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


form#fSearchCriteria li label span { display: none; }

/*Zoom lightbox styles*/
div.zoomed, div.zoomed-out, div#loader { cursor: url(/images/gui/icons/magnify.cur); }
div.zoomed { cursor: -moz-zoom-out; }
div.zoomed-out { cursor: -moz-zoom-in; }

.zoom-box-instructions { position: absolute; background-color: white; z-index: 10; width: 500px; left: 155px; padding: 15px; top: 155px; }

div#hotspot-video { display: inline; float: left; }

div#filtering-container div.line { width: 840px; height: 1px; background-color: #ccc; }

div#filtering-container div.seperator { clear: both; background: transparent; border-top: 1px solid #ccc; height: 1px; margin: 0 auto; width: 795px; line-height: 1px; font-size: 1px; }

p.room-features { position: relative; }
p.room-features #legend-spot { position: relative; top: -2px; }

.legend-description { vertical-align: middle; position: relative; top: -9px; }
p.room-features span.room-features-description { color: #5D483B; }

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

div#hotspot-container img { zoom: 1; display: inline; vertical-align: middle; float: left; }

div#filtering-container label a.info-hotspot { position: relative; top: 3px; }

div#zoom-container div#loader img { -ms-interpolation-mode: bicubic; }

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

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

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