/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-04-01) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            878 px
    * Number of columns:     24
    * Column width:          27 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 878px wide, with 24 columns 
   spanning 27px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
--------------------------------------------------------------   

A container should group all your columns.  */


/* Use this class on any div.span / container to see the grid. */

.showgrid{background:url(../images/blueprint_grid_27+10x18.png)} 

/* Border on right hand side of a column.   */

div.border{border-right:1px solid #eee;margin-right:5px;padding-right:4px}
div.border-all{border:1px solid #CBDB2A}

/* Border with more whitespace, spans one column.   */

div.colborder{border-right:1px solid #eee;margin-right:21px;padding-right:25px;position:relative}


/* Columns
--------------------------------------------------------------  */


/* Sets up basic grid floating and margin.  */

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24,div.grouped-product-informative-box div.image-box,div.available-nav{float:left;margin-right:10px}

/* The last column in a row needs this class.  */

div.last{margin-right:0}

/* Use these classes to set the width of a column.  */

.span-1{width:27px}
.span-2{width:64px}
.span-3{width:101px}
.span-4{width:138px}
.span-5{width:175px}
.span-6{width:212px}
.span-7{width:249px}
.span-8{width:286px}
.span-9{width:323px}
.span-10{width:360px}
.span-11{width:397px}
.span-12{width:434px}
.span-13{width:471px}
.span-14 {width:508px}
.span-15{width:545px}
.span-16{width:582px}
.span-17{width:619px}
.span-18{width:656px}
.span-19{width:693px}
.span-20{width:730px}
.span-21{width:767px}
.span-22{width:804px}
.span-23{width:841px}
.span-24{width:878px;margin:0}

/* Add these to a column to append empty cols. */

.append-1{padding-right:37px}
.append-2{padding-right:74px}
.append-3{padding-right:111px}
.append-4{padding-right:148px}
.append-5{padding-right:185px}
.append-6{padding-right:222px}
.append-7{padding-right:259px}
.append-8{padding-right:296px}
.append-9{padding-right:333px}
.append-10{padding-right:370px}
.append-11{padding-right:407px}
.append-12{padding-right:444px}
.append-13{padding-right:481px}
.append-14{padding-right:518px}
.append-15{padding-right:555px}
.append-16{padding-right:592px}
.append-17{padding-right:629px}
.append-18{padding-right:666px}
.append-19{padding-right:703px}
.append-20{padding-right:740px}
.append-21{padding-right:777px}
.append-22{padding-right:814px}
.append-23{padding-right:851px}

/* Add these to a column to prepend empty cols.  */

.prepend-1{padding-left:37px}
.prepend-2{padding-left:74px}
.prepend-3{padding-left:111px}
.prepend-4{padding-left:148px}
.prepend-5{padding-left:185px}
.prepend-6{padding-left:222px}
.prepend-7{padding-left:259px}
.prepend-8{padding-left:296px}
.prepend-9{padding-left:333px}
.prepend-10{padding-left:370px}
.prepend-11{padding-left:407px}
.prepend-12{padding-left:444px}
.prepend-13{padding-left:481px}
.prepend-14{padding-left:518px}
.prepend-15{padding-left:555px}
.prepend-16{padding-left:592px}
.prepend-17{padding-left:629px}
.prepend-18{padding-left:666px}
.prepend-19{padding-left:703px}
.prepend-20{padding-left:740px}
.prepend-21{padding-left:777px}
.prepend-22{padding-left:814px}
.prepend-23{padding-left:851px}


/* Misc classes and elements
--------------------------------------------------------------   
Use a .box to create a padded box inside a column.    */

.box{margin-bottom:1.5em;padding:1.5em}


/* Border on right hand side of a column.  */
div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee}
div.border-all{border:1px solid #CBDB2A}

/* Border with more whitespace, spans one column.  */

div.colborder{padding-right:25px;margin-right:21px;position:relative;border-right:1px solid #eee}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.   */

.pull-1{margin-left:-37px}
.pull-2{margin-left:-74px}
.pull-3{margin-left:-111px}
.pull-4{margin-left:-148px}
.pull-5{margin-left:-185px}
.pull-6{margin-left:-222px}
.pull-7{margin-left:-259px}
.pull-8{margin-left:-296px}
.pull-9{margin-left:-333px}
.pull-10{margin-left:-370px}
.pull-11{margin-left:-407px}
.pull-12{margin-left:-444px}
.pull-13{margin-left:-481px}
.pull-14{margin-left:-518px}
.pull-15{margin-left:-555px}
.pull-16{margin-left:-592px}
.pull-17{margin-left:-629px}
.pull-18{margin-left:-666px}
.pull-19{margin-left:-703px}
.pull-20{margin-left:-740px}
.pull-21{margin-left:-777px}
.pull-22{margin-left:-814px}
.pull-23{margin-left:-851px}
.pull-24{margin-left:-888px}
.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative}
.push-1{margin:0 -37px 1.5em 37px}
.push-2{margin:0 -74px 1.5em 74px}
.push-3{margin:0 -111px 1.5em 111px}
.push-4{margin:0 -148px 1.5em 148px}
.push-5{margin:0 -185px 1.5em 185px}
.push-6{margin:0 -222px 1.5em 222px}
.push-7{margin:0 -259px 1.5em 259px}
.push-8{margin:0 -296px 1.5em 296px}
.push-9{margin:0 -333px 1.5em 333px}
.push-10{margin:0 -370px 1.5em 370px}
.push-11{margin:0 -407px 1.5em 407px}
.push-12{margin:0 -444px 1.5em 444px}
.push-13{margin:0 -481px 1.5em 481px}
.push-14{margin:0 -518px 1.5em 518px}
.push-15{margin:0 -555px 1.5em 555px}
.push-16{margin:0 -592px 1.5em 592px}
.push-17{margin:0 -629px 1.5em 629px}
.push-18{margin:0 -666px 1.5em 666px}
.push-19{margin:0 -703px 1.5em 703px}
.push-20{margin:0 -740px 1.5em 740px}
.push-21{margin:0 -777px 1.5em 777px}
.push-22{margin:0 -814px 1.5em 814px}
.push-23{margin:0 -851px 1.5em 851px}
.push-24{margin:0 -888px 1.5em 888px}
.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative;z-index:1}


.margin-10 { margin:10px 0; }
.margin-20 { margin:20px 0; }
.margin-top-20 { margin-top:20px; }
.margin-top-60 { margin-top:60px; }
.padding-right-10 { padding-right:10px; }
.padding-left-10 { padding-left:10px; }

.nomargin { margin:0; }
.noborder { border:none; margin:0; padding:0; }
.border { border: 1px solid #cbcdb2; }


/* END BLUEPRINT GRID  */


/*-----------------------------------------------------------------------------------------------
	
	NYROMODAL FULL CSS

-----------------------------------------------------------------------------------------------  */

/* NYROMODAL */ 

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/cms/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/cms/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperimages div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperimages images {
	vertical-align: baseline;
}
div.wrapperimages div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperimages div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(../images/cms/prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(../images/cms/next.gif);
}

/* STYLES - Photocenter, Install-team  */


.landing_hero, .landing_hero_green {

	border:1px solid #dcdecc;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-radius-bottomright: 9px;	
	-moz-border-radius-bottomright: 9px;
	border-bottom-right-radius: 9px;

	width:100%;
	height:189px;
	margin-bottom:20px;
	color:#333;
}
.landing_hero img { *display:block; *position:relative;}
.landing_hero .span-12, .landing_hero .span-6 { margin:0;padding:0; overflow:visible; *overflow:hidden;}

.lead-container{
	background: #eff4bf;
	border:1px solid #dcdecc;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-radius-bottomright: 9px;	
	-moz-border-radius-bottomright: 9px;
	border-bottom-right-radius: 9px;
 	margin-bottom:12px;
	overflow:hidden
}

.lead-container img {display:block;float:left;}
.lead-container img.border { border:none; border-right:1px solid #dcdecc;}
body.domce .lead-container{ background: #eff4bf;}
.lead-container a.store-btn:link span.btn-lhs, .lead-container a.store-btn:visited span.btn-lhs {background-color: #eff4bf;}
.lead-container .span-6 {overflow:hidden;}

.col-main .lead-container li  {
	padding:1px 0 3px;
}

/*

.landing_hero_green { background: #eff4bf url(../images/cmspages/right_panel.gif) no-repeat bottom right; }

.landing_hero_green h5 { margin:15px 0 5px 0; }
	
.landing_header {
	background:url(../images/photostation/subhead_tabright.gif) no-repeat top right;
	display:block;
	height:31px;
}

.landing_header span {
	background:url(../images/photostation/subhead_tableft.gif) no-repeat top left;
	display:block;
	height:31px;
	padding:5px 10px;
	margin-right:10px;
}

.subhead {
	background:url(../images/cmspages/subhead_bg.gif) no-repeat bottom left; height: 30px;
}

*/

.borderRight {
	background:url(../images/cmspages/border_right.gif) no-repeat top right;
}

.greenBG { background-color:#f7fadf; }


.buttonGreen {
	background:url(../images/cmspages/btn_green.gif) no-repeat top left;
	display:block;
	width: 173px;
	height:27px;
	border:none;
	text-align:left;
}
.buttonGreen a, .buttonGreen a:link, .buttonGreen a:visited {
	padding-left:30px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	line-height:27px;
}
.buttonGreen a:hover { color:#006bb6; text-decoration: underline; }
.buttonGreen a:visited { color:#996699; }

ul.gallery { list-style:none;margin-left:20px;padding:0;}
ul.gallery li {list-style:none;width:100px;float:left;margin:0 10px 7px 0;padding:0;}

/* CMS NEWSLETTER */

body.cms-vip-newsletter .col-main{ width:444px;padding-right:212px; margin-right:0}



/* product listing */


/*PRODUCT / PROMO GRID STYLES
-------------------------------------------------------------- */
.col-main ul.listing-type-grid { list-style:none; margin:0; padding:0}
.listing-type-grid h4,.grouped-grid h4{margin-bottom:.5em}
.listing-type-grid li.last,.listing-type-promo-grid li.last,.grouped-grid li.last{margin-right:0}
.listing-type-grid .box .product-image img,.grouped-grid .box div img{border:2px solid #fff}
.listing-type-grid .box.hover .product-image img,.grouped-grid .box.hover div img{border:2px solid #dde8ef}
p.product-image{margin-bottom:6px}
.box h3{display:inline-block;float:left;font-size:10px;margin:0 20px 2px 0;width:135px}
.listing-type-grid{line-height:1.35em}
.listing-type-grid p{float:none}
.listing-type-grid p img{float:none;margin:0;padding:0}
.listing-type-grid h5{margin-bottom:.4em}
.listing-type-grid h5 a,.catalog-listing h5 a:hover{color:#203548;text-decoration:underline}
.listing-type-grid .add-to{color:#555;font-size:.95em;font-weight:700;line-height:1.3em;margin:.7em 0}
.listing-type-grid .add-to a,.catalog-listing .add-to a:hover{text-decoration:underline}
p.product-image a{display:block;float:none}
.price-container{clear:both}

.box  {
margin-bottom:1.5em;
padding:0.95em;
}


#sb-dom-bathrooms h2 {text-transform:lowercase;}
#krunchSpecials {height:250px; background:transparent url(../images/flagship/krunchcafe/food_lineart.jpg) right 50px scroll no-repeat;}