/* Plan Boxes -------------------------------------------------------------------- */


#featuredplan {
	border:1px solid #c6c6c3;
	border-top:none;
	height:600px;
	background:url(/images/remodeling/duplex_featured_bg.gif) repeat;
	margin-top: -3px !important;
	margin-bottom: -25px !important;
	margin-left: -15px;
	margin-right: -15px;
	//margin-top: 500px !important;
}

#featuredplan.steps {
	height:140px;
}

#featuredplan.remodelingplans {
	margin-bottom: 0px !important;    
}

#featured_sliderplans {
	height:586px;
	width:100% !important;
	margin-top: 0px !important;
	margin-left: 0px !important; 
	border-top:1px solid #c6c6c3;
}


#featured_sliderplans .item {
	height:406px;
	overflow:visible;   
}


#featured_sliderplans .item .dividertag {
	font-size:11px;
	color:#aaa;
	margin-top: 8px !important;
	margin-bottom: 10px !important;
	margin-right: 5% !important;
	float: right;
}


#featured_sliderplans .item .dividertag.second {
	margin-top: -18px !important;
	margin-bottom: 10px !important;0
}

#featured_topplans{
	background:url(/images/remodeling/duplex_featured_top_bar.gif) repeat-x;
	height:0px;
	border-bottom:0px solid #fff;
}

#featured_topplans .inner{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:10px;
	backgroung: #000;
}

#featuredplan .column2{
	width:25% !important;
	float:left !important;
	height: 580px !important;
	border-right:1px solid #c6c6c3;
	text-shadow: 0px 1px 0px 
	rgba(255, 255, 255, 0.7);
	background:url(/images/remodeling/duplex_featured_bg.gif) repeat;
}

#featuredplan .column2.last{
	width:24.6% !important;
	border-right:0px;
}

#featuredplan .column2.last .inner{
	border:1px solid #fff;
}

#featuredplan .column2 .inner{
	border:1px solid #fff;
	border-right:none;
	padding:23px 20px 28px 20px;
}

.secondrow{
	border-top: 1px solid #c6c6c3;
	margin-left: auto;
	margin-right: auto:
	width: 70%;
	margin-bottom: 30px;
}


#featured_ribbonplans {
	position: absolute;
	top: -4px;
	left: -16px;
	//margin:-390px 0 0 -4px;
	z-index:10;
}

.mobileview {
	display: none !important;
	}
.mobiledropdown {
	display: none !important;
	}
.mobileguidetag {
	margin-top: 40px !important;
	}


/* ========================= RESPONSIVE STYLES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
	
		#slidermodule .slidercontent {
			padding-top:10px;
			}
		#featured .column2{
			width:24.9% !important;
			}		
		#featured .column2.last{
			width:24.8% !important;
			}
		#featured {
			height:332px;
			}
		#featured_slider{
			height:316px;
			}
		#featured_slider .item{
			height:320px;
			}
		#featured_ribbon{
			margin:-330px 0 0 -4px;
		
			}
		.content .panel > .p-title h2, #sidebar .widget > .w-title h3 {
			font-size: 17px;
			padding: 11px 22px;
			}
		.column3 {
			width: 22.5% !important;
			}
		.shopremodel {
			margin-left: 20px !important;
			margin-right: 0px !important;
			}
		.quote-text{
			width:40%;
			margin: 50px 30px;
		}
		
		.quote-table{
			width:45%;
			margin: 50px 30px;
		}
	
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
	
		#slidermodule .slidercontent {
			padding:10px 25px 0px 100px;
			}
		#featured .column2{
			width:24.9% !important;
			}
		#featured {
			height:327px;
			}
		#featured_slider{
			height:311px;
			}
		#featured_slider .item{
			height:315px;
			}
		#featured_ribbon{
			margin:-325px 0 0 -4px;
			}
		
	
}

/* ---------------------------- 601px-767px --------------------------- */

@media only screen and (max-width: 767px) and (min-width: 601px) {
		
		#featured .column2{
			width:33.1% !important;
		}
		#featured {
			height:327px;
		}
		#featured_slider{
			height:311px;
		}
		#featured_slider .item{
			height:315px;
		}
	
		#featured_ribbon{
			margin:-325px 0 0 -4px;
		}
		
		
		#featuredplan.steps {
			height:200px;
		}
	
	
}

/* ------------------------------ 0-999px ---------------------------- */

@media only screen and (max-width: 999px) {
		
		
		#featuredplan {
			display: none;
		}

		.mobileview {
			display: block !important;
		}
		.mobiledropdown {
			margin-top: 30px !important;
			display: block !important;
			}
		.mobileguidetag {
			display: none !important;
			}

}

/* ------------------------------ 0-896px ---------------------------- */

@media handheld, only screen and (max-width: 896px) {

		#featuredplans {
				display:none !important;
		}
		#in-quote-container.divider{
			height:85px;
			margin-bottom: 60px !important;
		}
		
		div.tagcloudd.mobile {
			display: block !important;
		}
		
		div.tagcloudd.mobile a {
			cursor: pointer !important;
		}
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
		#slidermodule .slidercontent {
			width: 95%;
			padding:10px 0px 0px 15px;
		}

		#slidermodule .menuplan{
			margin-top: 15px;
			margin-bottom: 50px;
		}

		.panel-split .left-size {
			display: block !important;
			float: left;
		}

		.panel-split .right-size {
			display: block !important;
			float: left;
		}
		.video-carousel {
			margin-left: 2% !important;
			margin-right: 2% !important;
			}
			
}

/* ---------------------------- 0px-600px -------------------------- */

@media handheld, only screen and (max-width: 600px) {
	
		#featured .column2{
			width:49.6% !important;
		}
		#featured {
			height:320px;
		}
		#featured_slider{
			height:306px;
		}
		#featured_slider .item{
			height:310px;
		}
	
		#featured_ribbon{
			margin:-320px 0 0 -4px;
		}
		.borderout2 {
			display: none !important;
		}
		table.legend td {
			padding: 0px 5px 10px 5px;
			overflow: hidden;
		}
		.letsrenovatetag .shopoutlink {
			margin-top: 5px !important;
		}
		.letsrenovatetag .shopoutlink span {
			font: normal 13px Signika !important;
		}
		.w-title.shopresponsive h3 {
			font: normal 13px Signika !important;
		}
	
	
}

/* ---------------------------- 0px-579px -------------------------- */

@media handheld, only screen and (max-width: 579px) {

		#featuredshop {
			height:1435px;
			width: 300px !important;
		}

		.shopremodel {
			margin-left: 40px !important;
			margin-top: 0px !important;
		}
	
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
	
		#featured .column2 {
			height: 300px !important;
		}
	
	
	
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
	
		#slidermodule .slidercontent .headerplan a{
			font: bold 14px/20px arial, helvetica, sans-serif;
		}

		#slidermodule .slidercontent .content{
			font: normal 13px/18px arial, helvetica, sans-serif;
		}
		.quote-text{
			width:80%;
			margin: 30px 30px 0px 30px;
		}
		
		.quote-table{
			width:100%;
			margin: 0px;
		}
		#in-quote-container{
			height:500px;
		}
		
		.shortcode-content .tagcloud.blogremodeling {
			float: left !important;
			margin-top: 20px !important;
		}
		
		.xtabs {
			display: none !important;
		}
		
	
}

@media print {
	.print-button {
		display:none;
	}
}

/* ---------------------------- less than 320px -------------------------- */

@media handheld, only screen and (max-width: 319px) {

		.box .image {
			width:auto !important; 
			height:auto !important;
		}
}
	
