
/* ------------------------------------------------------------
* SHOPPING HOME PAGES
* ------------------------------------------------------------ */


/* Item */

.main-item { margin: 0 0 42px 0; padding: 16px 0 0 0; }
	.main-item .item-block-1 { float: left; margin: 0 50px 0px 0; padding-bottom: 50px !important; }		 
 			.main-item .item-block-1 .image-wrapper { position: relative; width: 474px; height: 474px; overflow: hidden; }     
 			.main-item .item-block-1 .image { position: relative; width: 468px; height: 468px; overflow: display; }
			.main-item .item-block-1 .image img { padding:2px; border:1px solid #C0BFBC; }
			.main-item .item-block-1 .thumbnails { padding: 30px 0 15px 20px; }
			.main-item .item-block-1 .thumbnails .next { width: 40px; height: 70px; margin: 0 15px 0 0; background: url(../images/arrow-7.png) center center no-repeat; display: block; float: left; opacity: 0.3; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
			.main-item .item-block-1 .thumbnails .next:hover { opacity: 1; }
			.main-item .item-block-1 .thumbnails .previous { width: 40px; height: 70px; margin: 0 0 0 0px; background: url(../images/arrow-8.png) center center no-repeat; display: block; float: left; opacity: 0.3; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
			.main-item .item-block-1 .thumbnails .previous:hover { opacity: 1; }
			.main-item .item-block-1 .thumbnails div { float: left; text-align: center; width: 320px; }
				.main-item .item-block-1 .thumbnails div img { margin: 0 3px; }
				.main-item .item-block-1 .thumbnails div a { opacity: 0.35; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; display: block; position: relative; width: 70px; height: 70px; float: left; overflow: hidden; margin: 0 3px 6px; }				
				.main-item .item-block-1 .thumbnails div a:hover { opacity: 1; }
				.main-item .item-block-1 .thumbnails div .active { opacity: 1; }
				

	.main-item .item-info { float: ; margin: 0 50px 0 0;  }	
		.main-item .item-info h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 44px; font-weight: 200; margin: -9px 0 18px 0; }
		.main-item .item-info h2 a { color: #DEBE7C; }
		.main-item .item-info h2 a:hover { color: #DEBE7C; }
		.main-item .item-info .item-text { color: #222; margin: 0 0 27px 0; font-size: 12px; }


.shoptables {
	width: auto;
	}
.dataGrid {
  margin: 0px 0 10px 0px;
  border-top: 1px solid #99B2E5;
  border-bottom: 0px solid #99B2E5;
  border-left: 0px !important;
  border-spacing: 0;
  backgroundd: #F2F2F2;
  padding: 0;
  padding-bottom: 20px;
  width: auto%;
  }
  
.dataGrid tr {
  backgroundd: #B5AFA9;
  }

.dataGrid tr.alt {
  backgroundd: #645F5A;
  }

.dataGrid tr.over,
.dataGrid td.over {
  background: #645F5A;
  }
  
  
.dataGrid td {
	border-bottom: 1px solid #645F5A;
	border-left: 0px solid #645F5A !important;
	border-right: 1px solid #645F5A;
	padding: 4px;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
}
  
  
.dataGrid td.tdlast {
	border-right: 0px solid #645F5A;
}	

.dataGrid td a {
	text-decoration: none;
	color: #C2CBD4 !important;
}

.dataGrid td a:hover {
	text-decoration: none;
	color: #C2CBD4 !important;
}

.dataGrid td.highlight {
  background: #FFF0E1 !important;
  }

.dataGrid th,
.dataGrid tfoot td {
  background: #C1D1F0 url(/images/bg_barss.png) left center repeat-x;
  padding: 4px 5px 6px;
  padding-left: 9px;
  font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif;
  color: #111;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #645F5A !important;
  opacity: 0.4;
  filter: alpha(opacity=40);
  }
.dataGrid thead th {
  border: 1px solid #99B2E5;
  border-left: 0px !important;
  }
.dataGrid tfoot th,
.dataGrid tfoot td {
  border: 1px solid #99B2E5;
  border-bottom: 0;
  }

p.summarytext {
  	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif !important;
	color: #687E95;
  }
  
  
.main-item-wrapper  {
  background: #C1D1F0 url(https://www.letsrenovate.com/shopp/images/body-bg-1.png) left top repeat;
  }
  
  
 .printdiv {
 display: block; 
 float: left;
 margin-bottom: 50px;
 margin-right: 50px;
 }
  


/* Main slider */

.main-slider { position: relative; z-index: 10; height: 516px; margin: 0 0 35px 0; }
	.main-slider .item { height: 502px; width: 100%; background-position: center center; background-repeat: no-repeat; }
		.main-slider .item img { position: absolute; width: 100%; height: 506px; display: block; background: url(../images/main-slider-bg-1.png) 0 0 repeat-x; }
	.main-slider nav { position: absolute; bottom: 0; left: 50%; z-index: 20; }
		.main-slider nav a { padding: 3px 0 0 0; margin: 0 0 0 3px; background-color: #fff; font-family: Source Sans Pro, sans-serif; font-size: 14px; font-weight: 900; color: #cc003e; width: 26px; height: 23px; float: left; text-align: center; border-radius: 100px; box-shadow: #cc003e 0 3px 0 inset, #cc003e 0 -3px 0 inset, #cc003e 3px 0 0 inset, #cc003e -3px 0 0 inset; border: 2px solid #fff; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
		.main-slider nav a:hover { background-color: #cc003e; color: #fff; box-shadow: none; }
		.main-slider nav .active { background-color: #cc003e; color: #fff; box-shadow: none; }
	.main-slider .title-wrapper { width: 100%; position: absolute; z-index: 70; bottom: 100px; }
	.main-slider .title { margin: 0 auto; width: 980px; opacity: 0.9; }
		.main-slider .title p:first-child { margin: 0 0 3px 0; }
		.main-slider .title .headline { color: #fff; z-index: 30; padding: 14px 25px; font-family: Source Sans Pro, sans-serif; font-size: 40px; line-height: 46px; font-weight: 200; background-color: #cc003e; float: left; }
		.main-slider .title .intro { color: #fff; z-index: 30; padding: 14px 25px; background-color: #cc003e; float: left; max-width: 520px; }
		.main-slider .title a { -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
		.main-slider .title a:hover { background-color: rgba(0, 0, 0, 0.85); color: #ff2d6d; }
	.main-slider .paging { position: absolute; z-index: 70; width: 100%; opacity: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
	.main-slider:hover  .paging{ opacity: 1; }
		.main-slider .paging a { -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
		.main-slider .paging .previous { width: 46px; height: 86px; background: url(../images/arrow-3.png) 0 0 no-repeat; display: block; top: 207px; left: 93px; position: absolute; }
		.main-slider .paging .previous:hover { background-position: -46px 0; }
		.main-slider .paging .next { width: 46px; height: 86px; background: url(../images/arrow-4.png) -46px 0 no-repeat; display: block; top: 207px; right: 93px; position: absolute; }
		.main-slider .paging .next:hover { background-position: 0 0; }
  
			
/* Page items */

.welcome-message-1 { min-height: 180px; width: 450px; padding: 40px 0 0 400px; margin: 0 0 35px 0; background: url(../images/shopping-preview-1.png) 0 0 no-repeat; text-align: center; text-shadow: #fff 0 1px 0; }
	.welcome-message-1 h2 { color: #cc003e; font-family: Source Sans Pro, sans-serif; font-size: 20px; font-weight: 200; }
		.welcome-message-1 h2 span { font-family: Montserrat Subrayada, sans-serif; font-weight: 700; }
	.welcome-message-1 p { margin: 0 0 8px 0; }

.welcome-message-1b { min-height: 220px; width: 450px; padding: 0px 0 0 400px; margin: 0 0 35px 0; background: url(../images/shopping-preview-1.png) 0 0 no-repeat; text-align: center; text-shadow: #fff 0 1px 0; }
	.welcome-message-1b h2 { color: #cc003e; font-family: Source Sans Pro, sans-serif; font-size: 36px; font-weight: 300; }
		.welcome-message-1b h2 span { font-family: Montserrat Subrayada, sans-serif; font-weight: 700; padding-top: 35px; }
	.welcome-message-1b p { margin: 0 0 8px 0; }
	
.welcome-message-2 { width: 100%; padding-top: 40px 0 0 0px; margin: 0 0 35px 0; text-align: center; text-shadow: #fff 0 1px 0; }
	.welcome-message-1 h2 { color: #cc003e; font-family: Source Sans Pro, sans-serif; font-size: 20px; font-weight: 200; }
		.welcome-message-2 h2 span { font-family: Montserrat Subrayada, sans-serif; font-weight: 700; }
	.welcome-message-2 p { margin: 0 0 8px 0; }

.featured-items { margin: 0 0 42px 0; }
	.featured-items p { font-weight: 300; }
	.featured-items .items { position: relative; width: 1004px; margin: 0 0 -25px 0; float: left; }
	.featured-items .item-block-1 { width: 210px; margin: 0 25px 25px 0; }
		.featured-items .item-block-1 .image-wrapper { width: 210px; height: 260px; overflow: hidden; position: relative; margin: 0 0 8px 0; }
		.featured-items .item-block-1 .image img { width: 210px; }
		.featured-items .item-block-1 h2 { padding: 5px 15px 5px 15px; font-family: Source Sans Pro, sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; text-align: center; }
		.featured-items .item-block-1 .price { padding: 0 0 6px 0; font-family: Source Sans Pro, sans-serif; font-size: 22px; line-height: 20px; font-weight: 400; text-align: center; color: #cc003e; }
		.featured-items .item-block-1 .price s { color: #9f9f9f; font-size: 16px; line-height: 16px; margin: 0 0 0 10px; }

		.featured-items .item-block-2 { width: 210px; margin: 0 25px 0px 0; }
		.featured-items .item-block-2 .image-wrapper { width: 210px; height: 200px; overflow: hidden; position: relative; margin: 0 0 8px 0; }
		.featured-items .item-block-2 .image img { width: 210px; }

		.featured-items .item-block-3 { width: 210px; margin: 0 25px 0px 0; }
		.featured-items .item-block-3 .image-wrapper { width: 210px; height: 300px; overflow: hidden; position: relative; margin: 0 0 8px 0; }
		.featured-items .item-block-3 .image img { width: 210px; }


.quick-shop { z-index: 800; display: none; border: rgba(0, 0, 0, 0.15) 1px solid; position: relative; }
	.quick-shop .content { padding: 40px; border: #fff 1px solid; background: url(../images/body-bg-1.png) 0 0 repeat; width: 811px; position: relative; box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; }
	.quick-shop .main-item { padding: 0; margin: 0; float: left; width: 444px; }
	
	.quick-shop .item-block-1 { width: 311px; margin: 0 40px 0 0; }
		.quick-shop .item-block-1 .image-wrapper { width: 311px; height: 311px; position: relative; }
		.quick-shop .item-block-1 .image { width: 311px; height: 311px; } 
			.quick-shop .item-block-1 .image img { display: block; position: relative; width: 311px; }

		.quick-shop .item-block-1 .thumbnails { padding: 108px 0 0 39px; position: relative; width: 272px; }
			.quick-shop .item-block-1 .thumbnails .next { width: 70px; height: 70px; margin: 0 23px 0 23px; background: url(../images/arrow-7.png) center center no-repeat; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
			.quick-shop .item-block-1 .thumbnails .next:hover { opacity: 1; }
			.quick-shop .item-block-1 .thumbnails .previous { width: 70px; height: 70px; margin: 0 0 0 23px; background: url(../images/arrow-8.png) center center no-repeat; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
			.quick-shop .item-block-1 .thumbnails .previous:hover { opacity: 1; }
			.quick-shop .item-block-1 .thumbnails div { position: absolute; top: 30px; width: 266px; }
				.quick-shop .item-block-1 .thumbnails div img { margin: 0 3px; }
				.quick-shop .item-block-1 .thumbnails div a { opacity: 0.35; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
				.quick-shop .item-block-1 .thumbnails div a:hover { opacity: 1; }
				.quick-shop .item-block-1 .thumbnails div .active { opacity: 1; }

	.quick-shop .close { padding: 3px 0 0 0; margin: 0 0 0 3px; background: #cc003e url(../images/arrow-14.png) center center no-repeat; font-family: Source Sans Pro, sans-serif; font-size: 14px; font-weight: 900; color: #cc003e; width: 26px; height: 23px; float: left; text-align: center; border-radius: 100px; box-shadow: #cc003e 0 3px 0 inset, #cc003e 0 -3px 0 inset, #cc003e 3px 0 0 inset, #cc003e -3px 0 0 inset; border: 2px solid #fff; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; position: absolute; top: -15px; right: -15px; }
	.quick-shop .close:hover { background: #333 url(../images/arrow-14.png) center center no-repeat; box-shadow: #333 0 3px 0 inset, #333 0 -3px 0 inset, #333 3px 0 0 inset, #333 -3px 0 0 inset; }
	

