@charset "utf-8";
/* CSS Document */
.wppdf {
	border-style:none;
}
#buildingheadertext {

}
#buildingheadertext h1 {
	color:#000;
}

h3,#selected-color-container p strong {
	font-family: "Myriad Pro";
}
h3 {
	margin-bottom:0px;
}
#cs-wrapper {
	width:800px;
	height:830px;
	background-color:#ccc;
	margin-right: auto;
    margin-left: auto;
}
 #building-container {
	width: 100%;
	background-color: #fff;
	padding: 5px 0;
	margin-bottom: 0px;
 }
#building {
	width: 778px;
	height: 429px;
	margin: 0 auto;
	/*background-image: url(../cs-images/building.png);*/
	background-repeat: no-repeat;
	position: relative;
}

#door {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 5;
	background-image: url(../cs-images/bifold-none.png);
	background-repeat:no-repeat;
 }
#accent {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 4;
	background-image: url(../cs-images/accent_30_white.png);
	background-repeat:no-repeat;
 }
#trim {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 3;
	background-image: url(../cs-images/trim_30_white.png);
	background-repeat:no-repeat;
}
#roof {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 2;
	background-image: url(../cs-images/roof_07_fern.png);
	background-repeat:no-repeat;
}
#walls {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../cs-images/WALLS_73_patriot.png);
	background-repeat:no-repeat;
}
#texture {
	position: absolute;
	width: 778px;
	height: 429px;
	top: 0;
	left: 0;
	z-index: 0;
	background-image: url(../cs-images/windows_doors.png);
	background-repeat:no-repeat;
}
.tabs {
  position: relative;   
  min-height: 300px;
  clear: both;
  margin: 10px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  font-family: "Myriad Pro";
}
.tab [type=radio] {
  display: none;   
}
.content [type=radio] {
	display:inline;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}

/* Colors */
.color {
  display: block;
  width: 46px;
  height: 29px;
  text-decoration: none;
  border:#ccc solid 2px;
}
.content li {
  list-style-type: none;
  float: left;
  padding-right: 12px;
  padding-bottom: 10px;
}
.content label {
  padding: 0px;
  border: 0px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
}
/*.hidden {
  left: -10000px;
  position: absolute;
  top: -1000px;
}*/
label {
    cursor: pointer;
}
.door-tab-left {
	width:20%;
	float:left;
}
.door-tab-right {
	width:80%;
	float:right;
}
.black { background-color:#000;}
.brightwhite { background-color:#ffffff;}
.zincgrey { background-color:#949599;}
.burnishedslate { background-color:#5b4a42;}
.hawaiianblue { background-color:#6a899e;}
.brown { background-color:#603814;}
.burgundy { background-color:#570e17;}
.white { background-color:#f0f0f0;}
.ashgrey { background-color:#bdbec0;}
.carisbadcanyon { background-color:#d8d5b4;}
.oceanblue { background-color:#4a5690;}
.ferngreen { background-color:#0d4d2a;}
.patriotred { background-color:#bf1e2d;}
.charcoal { background-color:#58585a;}
.taupe { background-color:#9c8679;}
.lightstone { background-color:#d3d2c0;}
.forestgreen { background-color:#083d21;}
.red { background-color:#a03e23;}
.mochatan { background-color:#c2bd95;}
/*.colorborder {border:#58585a solid 2px;}*/

#selected-color-container {
	margin:5px 5px 50px 5px;
}
.selected-color-container-box {
	float:left;
	width:20%;
}
.selected-color-container-box p, .door-tab-left p,  .door-tab-right p{
	color:black;
}

.wppdf-wrap {
	position:relative;
}
.wppdf-download,
.wppdf-download-canvas {
	display:none;
    position:absolute;
	right:0;
	background:#222 url(../images/pdf-icon.png) no-repeat center left 15px;
	opacity:.7;
	border:none;
	color:#fff;
	padding:10px 15px;
	padding-left:45px;
	cursor:pointer;
	text-transform:uppercase;
}
.wppdf-wrap:hover .wppdf-download,
.wppdf-wrap:hover .wppdf-download-canvas {
	display:block;
	z-index:999999;
}