/* ESTATES SITE CSS - FOR 2014 DESIGN */
/* Sam Boulby */

/* #### PAGE LAYOUT AREAS #### */

.halfBlock{width: 50%; float: left; margin-bottom: 1em;}
.is-smallscreen .halfBlock{width: 100%; float: none;}

.leftPad{margin-right: 8px;}
.is-smallscreen .leftPad{margin-right: 0px;}

.rightPad{margin-left: 8px;}
.is-smallscreen .rightPad{margin-left: 0px;}
  
.thirdBlock{width: 300px; float: left; margin-bottom: 16px;}
.thirdDivider{width: 14px; height: 14px; float: left;}  

.twoThirdBlock{width: 614px; float: left; margin-bottom: 16px;}	
	
.is-smallscreen .thirdBlock{width: 100%; float: none;}
.is-smallscreen .thirdDivider{display: none;}

.is-smallscreen .twoThirdBlock{width: 100%; float: none;}
		
/* #### BOX STYLES ##### */
		
.estatesBox1{background-color: #ebecec; padding: 20px;}
.estatesBox2{background-color: #fff3d6; padding: 20px;}

.estatesBox1 h2{margin-top: 0px;}
.estatesBox2 h2{margin-top: 0px;}

.estatesBox1.noHeight{min-height: 0px;}
.estatesBox2.noHeight{min-height: 0px;}

.is-smallscreen .estatesBox1{min-height: 0px;}
.is-smallscreen .estatesBox2{min-height: 0px;}

.trImage{float: right; margin: 0px 0px 8px 8px;}

.is-smallscreen .trImage{display: none;}
	
/* #### BUTTON LINKS ##### */

a.buttonLink{min-height: 16px; line-height: 16px; border-left: 16px solid #c8a019; color: #383838; padding-left: 8px; display: block; margin-bottom: 8px;
transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear;}
a.buttonLink:hover{color: #606060; border-left: 16px solid #d7ba59;}

a.buttonLink::after{content: " \00BB";}

a.bigButtonLink{min-height: 32px; line-height: 32px; background-color: #ffe200; padding: 4px; margin-bottom: 8px; font-size: 125%; display: block; color: #3f4246; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}

a.bigButtonLink:hover{background-color: #fff399;}
a.bigButtonLink img{float: left; margin-right: 8px;}

.extraMargin{margin-bottom: 16px;}

/* #### BIG BUTTON LINKS #### */

 a.bigButtonLink{display: block; background: #ffe200; background-repeat: no-repeat; margin: 0px 0px 8px 0px; padding: 4px 4px 4px 50px; 
  background-position: 4px 4px; color: #3f4246; text-decoration: none; height: 40px; line-height: 32px;
font-size: 140%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}  
 

a.bigButtonLink:hover{background-color: #fff399;}

a.bigButtonLink::after{content: " \00BB";}


/* #### IMPORTANT NOTE #### */

.importantNote{margin: 0px -20px 20px -20px; padding: 4px 20px 4px 72px; border-top: 4px solid #b4153a; border-bottom: 4px solid #b4153a; background: white url(info-32.png) top left no-repeat; background-position: 20px 8px; min-height: 56px;}

/* #### TOP ROW FIX ID7 */

.topRow{margin-bottom: 20px;}



		@media(max-width:767px){
			.estatesBox1, .estatesBox2{margin-bottom: 20px;}
		}
		@media(min-width:768px){
			.estatesBox1, .estatesBox2{margin-bottom: 0px;}
		}
		@media(min-width:992px){
			.estatesBox1, .estatesBox2{margin-bottom: 0px;}		
		}
		@media(min-width:1200px){
			.estatesBox1, .estatesBox2{margin-bottom: 0px;}			
		}