/* =========

 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
------------------------------------------
*/
.above-tabs { padding-bottom: 0 !important; position: relative; z-index: 9; }
.below-tabs { background: transparent url(/images/gui/bg/bg-below-tabs.gif) no-repeat 10px 0; min-height: 200px; padding-top: 40px;}

/*Design Style Page 1*/
div#quadrants-wrapper { text-align: center; width: 820px; margin-top: 20px; }
div#design-quadrants { margin: 0 auto; width: 764px; }
div.quadrant-wrapper { float: left; width: 377px; height: 271px; display: inline; }
div#modern-wrapper,
div#eclectic-wrapper { margin-right: 10px; }

/*Design Style Page 2*/
div#styles-wrapper { width: 655px; height: 525px; border: 3px solid #ccc; margin: 16px 0 0 158px; float: left; display: inline; position: relative; }
div#styles-wrapper div#side-nav { position: absolute; left: -161px; top: -3px; }
div#styles-wrapper div#selections div.selections-wrapper { width: 400px; height: 150px; margin: 25px 0 0 15px; position: relative; }
div#styles-wrapper div#selections div.top { margin-top: 12px; }

/*Decorative Enhancements*/
#decorative-enhancement-tabs { background: transparent url(/images/gui/bg/bg-ideafolio-tabs.gif) repeat-x 0 -33px; width: 940px; height: 9px; margin-top: 35px; }
#before-after-container { background: url(/images/pic/inspiration-design/decorative-enhancements/after-background.jpg) 0 0 no-repeat; width: 820px; height: 499px; position: relative; margin-bottom: 17px; margin-top: 60px; }
#before-after-container .before { background: url(/images/pic/inspiration-design/decorative-enhancements/before-background.jpg) right 0 no-repeat; background-position: fixed; width: 820px; height: 499px; position: absolute; right: 0; border-left: 4px solid white; }

#before-after-container .slider { position: absolute; top: -40px; background: url(/images/pic/inspiration-design/decorative-enhancements/slider-range-with-arrows.gif) 7px 0 no-repeat; width: 834px; height: 33px; left: -7px; }
#before-after-container .slider-control { position: absolute; left: 0; background: url(/images/pic/inspiration-design/decorative-enhancements/slider-control.gif) 0 0 no-repeat; width: 15px; height: 27px; top: 13px; cursor: pointer; } 

.accents-hotspot { position: absolute; }
.after .hotspot-1 { left: 165px; top: 207px; }
.after .hotspot-2 { left: 318px; top: 41px; }
.after .hotspot-3 { left: 516px; top: 101px; }
.after .hotspot-4 { left: 662px; top: 147px; }
.after .hotspot-5 { left: 353px; top: 323px; }
.after .hotspot-6 { left: 240px; top: 334px; }
.after .hotspot-7 { left: 220px; top: 89px; }
.after .hotspot-8 { left: 294px; top: 362px; }
.after .hotspot-9 { left: 416px; top: 191px; }

.product-categories { margin-top: 20px; }
.photo-wrapper { width: 190px; height: 149px; margin: 0 0 5px; position: relative; text-align: center; }
.dh-photo-frame { background: url(/images/gui/bg/bg-decorative-enhancement-detail-frame.gif) 0 0 no-repeat; position: absolute; top: -6px; left: -3px; width: 196px; height: 161px; }
.select-form { margin: 10px; }
.enhancements-container .grid_1 { margin-bottom: 25px; height: 19em; }
.description { margin-top: 10px; }

/*hotspots*/
.hotspot { width: 25px; height: 25px; }
#feet { position: absolute; top: 227px; left: 602px; }
#crown-molding { position: absolute; top: 43px; left: 480px; }
#inserts { position: absolute; top: 110px; left: 772px; }
#baseboards { position: absolute; top: 230px; left: 740px; }

/*gallery detail*/
.top-links { position: relative; margin: 0 10px 12px; }
#room-options { background: #F5F5F5; border: 1px solid #ccc; min-height: 20px; padding: 10px; position: relative; margin: 0; }
.jcarousel-skin-gallery-detail .jcarousel-container-horizontal { margin: 0 20px; padding: 0 40px; width: 700px; }
.jcarousel-skin-gallery-detail .jcarousel-clip-horizontal { width: 700px; height: 123px; }
.jcarousel-skin-gallery-detail ul#other-photos-carousel li.jcarousel-item-1 { margin: 0 6px 0 3px; }
.jcarousel-skin-gallery-detail .jcarousel-next-horizontal { background: url(/images/gui/btn/scroller-arrow-right.gif) -23px 0 no-repeat; width: 19px; height: 115px; cursor: pointer; position: absolute; top: 0; right: 0; }
.jcarousel-skin-gallery-detail .jcarousel-next-horizontal:hover { background-position: -46px 0; }
.jcarousel-skin-gallery-detail .jcarousel-next-disabled-horizontal, .jcarousel-skin-gallery-detail .jcarousel-next-disabled-horizontal:hover { background-position: 0 0; cursor: default; }
.jcarousel-skin-gallery-detail .jcarousel-prev-horizontal { background: url(/images/gui/btn/scroller-arrow-left.gif) -23px 0 no-repeat; width: 19px; height: 115px; cursor: pointer; position: absolute; top: 0; left: 0;}
.jcarousel-skin-gallery-detail .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-gallery-detail .jcarousel-prev-disabled-horizontal, .jcarousel-skin-gallery-detail .jcarousel-prev-disabled-horizontal:hover { background-position: -46px 0; cursor: default; }

.jcarousel-skin-more-photos .jcarousel-container-vertical { margin: 0; padding: 20px 0; height: 380px; width: 164px; }
.jcarousel-skin-more-photos .jcarousel-clip-vertical { width: 164px; height: 380px; }
.jcarousel-skin-more-photos ul#more-photos-vertical-carousel li.jcarousel-item-1 {  }
.jcarousel-skin-more-photos .jcarousel-next-vertical { background: url(/images/gui/btn/scroller-arrow-down.gif) 0 -23px no-repeat; width: 115px; height: 19px; cursor: pointer; position: absolute; bottom: 0; left: 25px; }
.jcarousel-skin-more-photos .jcarousel-next-vertical:hover { background-position: 0 -46px; }
.jcarousel-skin-more-photos .jcarousel-next-disabled-vertical, .jcarousel-skin-more-photos .jcarousel-next-disabled-vertical:hover { background-position: 0 0; cursor: default; }
.jcarousel-skin-more-photos .jcarousel-prev-vertical { background: url(/images/gui/btn/scroller-arrow-up.gif) 0 -23px no-repeat; width: 115px; height: 19px; cursor: pointer; position: absolute; top: 0; left: 25px; }
.jcarousel-skin-more-photos .jcarousel-prev-vertical:hover { background-position: 0 0; }
.jcarousel-skin-more-photos .jcarousel-prev-disabled-vertical, .jcarousel-skin-more-photos .jcarousel-prev-disabled-vertical:hover { background-position: 0 -46px; cursor: default; }
.jcarousel-skin-more-photos { width: 164px; float: left; display: inline; margin: 0 20px 0 10px; }
#large-photo-container { float: left; display: inline; background: url(/images/gui/bg/bg-more-photos-large-container.jpg) 0 0  no-repeat; width: 640px; height: 420px; text-align: center; }

/*design-considerations*/
.design-considerations-blurb { height: 147px; padding-top: 3px; }
.lighting-blurb { margin-top: 40px; }
.design-considerations-blurb h5, .lighting-blurb h5 { font-weight: bold; text-transform: uppercase; padding: 0; margin: 0; }

.shadowbox-design-considerations { margin-bottom: 14px; }
.design-considerations-thumbs { margin-bottom: 36px; }

.other-considerations { text-align: right; }
.other-considerations .button-replacer { margin-right: 0; margin-left: 2px; }
.other-considerations p { margin-top: 6px; }

/*room details*/
#room-detail-txt { width: 400px; float: left; display: inline; }
#room-detail-door-style { width: 400px; float: left; display: inline; }

/* Countertop/Flooring Comparison Pages */
#comparison-scroller-container { padding-bottom: 0; margin-bottom: 5px; }
#comparison-scroller .jcarousel-clip-horizontal { width: 100%; }
#comparison-scroller-container .grid_14 { height: 275px; }
#comparison-scroller { height: 260px; overflow: hidden; width: 820px; }
#pointer { background: url(/images/gui/icons/selected-pointer.gif) no-repeat 0 0; position: absolute; width: 29px; height: 15px; top: 260px; left: 185px; }
.flooring #pointer{ left: 210px }


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

/*Design Style Page 2*/
div#styles-wrapper div#side-nav h4 { margin-bottom: 15px; }
div#styles-wrapper div#side-nav h4#modern { width: 166px; height: 125px; background: transparent url(/images/ir/nav/design-style/step-two/modern-on.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav h4#traditional { width: 166px; height: 125px; background: transparent url(/images/ir/nav/design-style/step-two/traditional-on.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav h4#eclectic { width: 166px; height: 125px; background: transparent url(/images/ir/nav/design-style/step-two/eclectic-on.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav h4#country { width: 166px; height: 125px; background: transparent url(/images/ir/nav/design-style/step-two/country-on.gif) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper h5 { position: absolute; z-index: 17; width: 300px; top: 12px; font-weight: bold; font-size: 15px; left: 333px; }

/*Decorative Enhancements*/
#decorative-enhancement-tabs h2 { margin-top: 25px; }
h2#overview { background: transparent url(/images/ir/nav/decorative-enhancements/on-tab-overview.gif) no-repeat 0 0; width: 176px; height: 43px; left: 30px; position: absolute; top: -23px; z-index: 10; }
h2#base-cabinet-treatments { background: transparent url(/images/ir/nav/decorative-enhancements/on-tab-base-cabinets.gif) no-repeat 0 0; width: 176px; height: 43px; left: 211px; position: absolute; top: -23px; z-index: 10; }
h2#corbels-accents { background: transparent url(/images/ir/nav/decorative-enhancements/on-tab-corbels.gif) no-repeat 0 0; width: 176px; height: 43px; left: 392px; position: absolute; top: -23px; z-index: 10; }
h2#wall-cabinet-treatments { background: transparent url(/images/ir/nav/decorative-enhancements/on-tab-wall-cabinets.gif) no-repeat 0 0; width: 176px; height: 43px; left: 573px; position: absolute; top: -23px; z-index: 10; }

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

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

/*Design Style Page 1*/
div.quadrant-wrapper a.button-replacer { width: 150px; display: block; }
div#modern-wrapper a.button-replacer,
div#eclectic-wrapper a.button-replacer { float: left; margin-left: 3px; display: inline; }
div#traditional-wrapper a.button-replacer,
div#country-wrapper a.button-replacer { float: right; margin-right: 1px; display: inline; }

/*Design Style Page 2*/
div#styles-wrapper div#side-nav a { margin-bottom: 15px; display: block; width: 166px; height: 112px; }
div#styles-wrapper div#side-nav a#modern { background: transparent url(/images/ir/nav/design-style/step-two/modern-off.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav a#traditional { background: transparent url(/images/ir/nav/design-style/step-two/traditional-off.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav a#eclectic { background: transparent url(/images/ir/nav/design-style/step-two/eclectic-off.jpg) no-repeat 0 0; }
div#styles-wrapper div#side-nav a#country { background: transparent url(/images/ir/nav/design-style/step-two/country-off.jpg) no-repeat 0 0; margin-bottom: 0; }

div#styles-wrapper div#selections div.selections-wrapper a.selection-images { width: 625px; height: 147px; position: absolute; top: 0; left: 0; }
div#styles-wrapper div#selections div.selections-wrapper a#urban-edge { background: transparent url(/images/ir/nav/design-style/step-two/urban-edge.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#modern-attitude { background: transparent url(/images/ir/nav/design-style/step-two/modern-attitude.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#simply-stated { background: transparent url(/images/ir/nav/design-style/step-two/simply-stated.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#timeless-essence { background: transparent url(/images/ir/nav/design-style/step-two/timeless-essence.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#classical-inspiration { background: transparent url(/images/ir/nav/design-style/step-two/classical-inspiration.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#free-spirit { background: transparent url(/images/ir/nav/design-style/step-two/free-spirit.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#relaxed-living { background: transparent url(/images/ir/nav/design-style/step-two/relaxed-living.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#rustic-retreat { background: transparent url(/images/ir/nav/design-style/step-two/rustic-retreat.jpg) no-repeat 0 0; }
div#styles-wrapper div#selections div.selections-wrapper a#country-charm { background: transparent url(/images/ir/nav/design-style/step-two/country-charm.jpg) no-repeat 0 0; }

div#styles-wrapper div#selections div.selections-wrapper a.selection-links { position: relative; z-index: 15; }
div#styles-wrapper div#selections div.selections-wrapper a.button-replacer { position: absolute; z-index: 16; width: 264px; left: 333px; top: 121px; }

a.back-link { width: 70px; float: right; display: inline; margin: 10px 25px 0 0; }

/*Design Style Page 3*/
div#style-presentation a { float: right; }
div#style-presentation p.gallery-cta a { float: right; }
div#style-presentation a.button-replacer { margin-right: -3px; }

/*Decorative Enhancements*/
#decorative-enhancement-tabs a { width: 176px; height: 27px; position: absolute; top: 8px; }
#decorative-enhancement-tabs a.overview { display: block; background: transparent url(/images/ir/nav/decorative-enhancements/off-tab-overview.gif) no-repeat 0 0;  left: 30px; }
#decorative-enhancement-tabs a.base-cabinets { display: block; background: transparent url(/images/ir/nav/decorative-enhancements/off-tab-base-cabinets.gif) no-repeat 0 0; left: 211px; }
#decorative-enhancement-tabs a.corbels { display: block; background: transparent url(/images/ir/nav/decorative-enhancements/off-tab-corbels.gif) no-repeat 0 0; left: 392px; }
#decorative-enhancement-tabs a.wall-cabinets { display: block; background: transparent url(/images/ir/nav/decorative-enhancements/off-tab-wall-cabinets.gif) no-repeat 0 0; left: 573px; }
#enhancement-categories li a { width: 238px; margin: 5px 0 0; }

/*Gallery-Details*/
#room-options a.button-replacer-primary { float: right; margin-right: 0; width: 168px; }
#room-options ul .icon { margin: 3px 15px 0 0; cursor: pointer; }
ul#other-photos-carousel li a { width: 164px; text-align: center; padding: 7px 0; display: inline-block; }
ul#other-photos-carousel li a:hover, ul#other-photos-carousel li a.selected { background: url(/images/gui/bg/bg-other-photo-hover.jpg) 0 0 no-repeat; }
ul#other-photos-carousel li a.selected { cursor: default; }

ul#more-photos-vertical-carousel li a { width: 164px; text-align: center; padding: 7px 0; display: inline-block; }
ul#more-photos-vertical-carousel li a:hover, ul#more-photos-vertical-carousel li a.selected { background: url(/images/gui/bg/bg-other-photo-hover.jpg) 0 0 no-repeat; }
ul#more-photos-vertical-carousel li a.selected { cursor: default; }

/* Countertop/Flooring Comparison Pages */
table.material-comparison thead th a, table.material-comparison thead th a:visited { color: #666; text-decoration: none; }
table.material-comparison thead th a:hover { color: #D81E05; }
table.material-comparison thead th a.selected, table.material-comparison thead th a:visited.selected { color: #D81E05; }

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

/*Design Style Page 3*/
div#style-presentation p.gallery-cta { margin-top: 10px; }
div#style-presentation p.description { margin: 10px 0 15px; }

#design-style-log-in { margin-bottom: 10px; }

/*Decorative Enhancements*/
p.instructions { font-style: italic; }
p.currently-viewing { float: left; display: inline; margin-right: 10px; padding: 2px 0 0; color: #333; }

/*Gallery Detail*/
p.room-features { color: #666; }
p.room-features span { color: #666; font-style: italic; }



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

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

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

#enhancement-categories { margin-bottom: 40px; }
#enhancement-categories li { float: left; display: inline; width: 266px; text-align: center; }
#enhancement-categories li.center { margin: 0 11px; }

/*Gallery Detail*/
ul#other-photos-carousel { height: 123px; }
ul#other-photos-carousel li { float: left; display: inline; margin: 0 6px; }
#room-options ul.room-options-list { width: 427px; }
#room-options ul.room-options-list li { float: left; margin-bottom: 5px; }
#room-options ul li#MainContent_MainContent_MainContent_liVideo a { display: block; width: 120px; margin-right: 0; }
#room-options ul li#MainContent_MainContent_MainContent_liVideo { clear: left; display: block; width: 120px; }
ul#more-photos-vertical-carousel { height: 380px; list-style-type: none; margin: 0; padding: 0; }
ul#more-photos-vertical-carousel li { margin: 2px 0 1px; }

/* Countertop/Flooring Comparison Pages */
#comparison-scroller ul { height: 260px; }
#comparison-scroller ul li { width: 820px; height: 260px; float: left; display: inline; margin: 0; padding: 0; }

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

/* Countertop/Flooring Comparison Pages */
table.material-comparison { font-size: 11px; border-collapse: collapse; margin: 0 0 50px; line-height:1.2; }
table.material-comparison th { color: #333; height: 39px; text-align: left; padding: 0 10px; vertical-align: middle; font-weight: bold; }
table.material-comparison thead th { color: #666; font-family: 'Georgia', georgia, times, tahoma, "Times New Roman"; font-size: 16px; text-align: center; padding: 0 5px; height: 64px; font-weight: normal; }
table#flooring thead th { width: 73px; }
table.material-comparison thead th#description { font-family: Helvetica,"Trebuchet MS", Sans-Serif; font-size: 11px; text-align: right; width: 140px; font-weight: bold; color: #D81E05; }
table.material-comparison thead th#description span.comparison-description { background: url(/images/gui/bg/comparison-description-arrow.gif) no-repeat right center; padding-right: 15px; display: block; float: right; width: 119px; }
table.material-comparison tr { }
table.material-comparison tr.odd { background: #F9F8F3; }
table.material-comparison tr.yes td { font-weight: bold; }
table.material-comparison tr.description td { padding: 10px 5px; vertical-align: top; text-align: left; }
table.material-comparison td { border-left: 1px solid #EFEDE2; border-bottom: 1px solid #EFEDE2; text-align: center; vertical-align: middle; }
table.material-comparison td.cost { color: #006600; font-weight: bold; font-size: 16px; }
table.material-comparison th { border-bottom: 1px solid #EFEDE2; }

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


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

/*Design Style Page 1*/
div#modern-wrapper img,
div#traditional-wrapper img { margin-top: 10px; }
div#eclectic-wrapper img, 
div#country-wrapper img { margin-bottom: 10px; }

/*Gallery Detail*/
#room-view img { display: block; }
ul.carousel li a img { border: 1px solid #fff; height: 105px; }

/* Countertop/Flooring Comparison Pages */
#comparison-scroller img { display: block; }

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



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



/*
16.0 PAGE SPECIFIC
------
*/
#design-tips-trends p.intro,
.design-tips-trends p.intro{display:block;color:#6B6B6B;font-size:14px;line-height:1.3;font-family:Arial,sans-serif;margin-bottom:1em;}

#design-tips-trends .room-container {margin:0;}
.kitchen-box {background-image: url('/images/pic/inspiration-design/design-considerations/landing-page/kitchen-choice.jpg');}
.bath-box {background-image: url('/images/pic/inspiration-design/design-considerations/landing-page/bath-choice.jpg');margin:0 2px;}
.other-rooms-box {background-image: url('/images/pic/inspiration-design/design-considerations/landing-page/other-choice.jpg');}
#design-tips-trends #content-inner-wrapper {padding-top:20px;}
#design-tips-trends.other-rooms #content-inner-wrapper {padding-top:30px;}

#design-tips-trends .bath-container h3 {margin-top:0.5em;}
#design-tips-trends .bath-container h5 {text-transform: uppercase;padding-top: 16px; margin: 0 17px 5px 0;font-size:.95em;color:#333;}
#design-tips-trends .bath-container p {color: #333; font-size:1.0em;margin-top:0;margin-bottom:1.5em;}

#design-tips-trends .grid-never-works {width:540px;float:left;}

#design-tips-trends .bath-container{display:block;clear:both;margin-bottom:2em;}
#design-tips-trends .other-rooms-container{display:block;clear:both;margin-bottom:1em;}
#design-tips-trends .thumb-holder {margin-bottom:1.5em;margin-left:-6px;}
#design-tips-trends .thumb-holder img {display: block; float: left; border: 3px solid #FFF; margin-right:20px; -webkit-box-shadow: 0 0 2px 1px rgba(205, 205, 205, 0.9); -moz-box-shadow: 0 0 2px 1px rgba(205, 205, 205, 0.9); -o-box-shadow: 0 0 2px 1px rgba(205, 205, 205, 0.9); box-shadow: 0 0 2px 1px rgba(205, 205, 205, 0.9) }
#design-tips-trends .thumb-holder img:last-child {margin-right:0;}

#design-trends-blog-widget{background:url(/images/gui/bg/single-bevel_rpty.jpg) -10px 0 repeat-y; margin:0px 0px 0px 10px !important;}
#design-trends-blog-widget h3 {color:#333;font-size:1.5em;font-weight:normal;height:50px;line-height:50px;vertical-align:middle;padding-bottom:10px;padding-left:20px;}
#design-trends-blog-widget .design-trends-content{background:url(/images/gui/bg/single-bevel_top.jpg) -10px top no-repeat; padding-top:20px;}
#design-trends-blog-widget .design-trends-content-btm{background:url(/images/gui/bg/single-bevel_btm.jpg) -10px bottom no-repeat; min-height: 18px;}
.design-trends-content-main{background:url(/images/gui/bg/single-bevel-fade.gif) 0px 0px repeat-x; width:230px;margin:0 auto 20px}
#design-trends-blog-widget ul{margin-bottom: 20px; margin-left: 20px; margin-right: 20px; list-style-image: url(/images/gui/bg/list-arrow-red.gif); padding-left: 12px; }
#design-trends-blog-widget li{ margin-bottom: 1em; line-height: 1.2em; font-size: 1.0em;}
#design-trends-blog-widget li a{color:#6B6B6B;}
#design-trends-blog-widget a.button-replacer {margin-left:20px }

/* Pefectly Paired Landing */
.perfectly-paried{ position: relative; }
.perfectly-paried div{ color: #fff; position: absolute; padding: 10px 20px; top: 20px; max-width: 300px; background: url(/images/gui/bg/bg-black-60.png); background: rgba(0,0,0,.6) }
.perfectly-paried div h2{ top: auto; left: auto; color: #fff; float: left; clear: both; }
.perfectly-paried div h2 strong{ display: block; margin-left: -8px }
.perfectly-paried div h2 span{ display: block; text-align: right }
.perfectly-paried div p{ clear: both }

/* Perfectly Paired Detail */
.paired-detail #cluetip-inner{ background: #fff; font-size: 1.2em; line-height: 1.1em }
.paired-detail h3#cluetip-title{ padding-left: 5px; color: #D81E05; font-size: 1.4em; font-weight: bold }
.paired-detail #cluetip-close{ padding-top: 8px }

.paired-detail .hotspot{ background: url(/images/gui/icons/hotspot.png) no-repeat; text-indent: -999em; overflow: hidden; position: absolute }
.paired-detail .grid_5 p{ font-size: 1.2em; line-height: 1.4em }