@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Bowlby+One+SC|Maven+Pro&v2);
body {
list-style-position: outside;
}

#leftCol {
/*	background-color:#FFF;
height: 685px;*/
}
#rightCol {
background-color:#EEE;
height:685px;
}
.horzList {
list-style:none;
display:inline;
}
.horzList li {
float:left;
display:inline;
}
subfooter {
width:100%;
margin-top:80px;
position:relative;
background-color: #4B2E1B;
background-image:url(../images/backgrounds/background_dirt_tile_dark.jpg);
background-repeat:repeat-x;
height:125px;
}
#btnNext {
width: 100px;
height: 30px;
background-color: #069;
border-radius:10px;
font-size:.8em;
color:#fff;
}
#builderHeader {
font-family: 'Bowlby One SC', sans-serif;
font-size:.9em;
color:#333;
text-align:center;
padding: 5px 0px 5px 0px;
text-align:left;
	
}
#builderHeader h1{font-weight: bold !important;}

a.iconOn {
box-shadow: 1px 3px 2px #888;
}
#barnStyleSelector {
height:73px;
padding-top:10px;
/*	background:url(../images/divbg_barnStyleSelector.png);
background-repeat:no-repeat;
*/}
#barnStyleSelector .barnIcon {float:left;}
.barnIcon {
  display:block;
height:48px;
width: 99px;
background-image: url(../images/icons_barns.png);
border-radius: 5px 5px 5px 5px;
cursor:pointer; 




}

#builderTabContainer .barnIcon {background-image: url("../images/icons_barns.png");
border: 5px solid #F54B0D;
border-radius: 9px 9px 9px 9px;
cursor: pointer;
display: block;
height: 55px;
width: 105px;}

#builderTabContainer .county.iconOn,#builderTabContainer .county.iconOff:hover,#builderTabContainer .barnIcon.iconOff:hover,#builderTabContainer .valley.iconOff:hover{background-position:96px 46px;border: 5px solid #F54B0D;}
#builderTabContainer .barnIcon.iconOff{background-position:-1px 93px;border:5px solid #Fff}
#builderTabContainer .valley.iconOff{background-position:-1px -1px;border:5px solid #Fff}
#builderTabContainer .barnIcon.iconOff.iconOn{border: 5px solid #F54B0D;}

#builderTabContainer .county.barnIcon.iconOff{background-position:-1px 46px;}
#builderTabContainer .ridgeline.barnIcon.iconOff{background-position:-1px -48x;}
#builderTabContainer .county.barnIcon.iconOff.iconOn,#builderTabContainer .county.barnIcon:hover{background-position:96px 46px;}
#builderTabContainer .ridgeline.barnIcon.iconOff.iconOn,#builderTabContainer .ridgeline.barnIcon:hover{background-position:96px -48px;}
#builderTabContainer .valley.barnIcon.iconOff.iconOn,#builderTabContainer .valley.barnIcon:hover{background-position:96px -1px;}

.barnDesc .barnIcon {
margin: 5px auto 5px auto;
}
.barnDesc ul {
font-size:.8em;
list-style:disc;
/* list-style-type:inherit; */
/* list-style-image:url(../images/icon_bullet_check_gn.png); */
margin-top:10px;
	 padding-left: 16px;
}
.barnDesc ul li {
display:list-item;
padding:10px 0 0 0;
	font-size: 10px;
}

.valley.iconOff {
background-position: 0px 0px;
}
.county.iconOff {
background-position: 0px 48px;
}
.ridgeline.iconOff {
background-position: 0px 94px;
}
.valley.iconOn,.valley.iconOff:hover {
background-position: 98px 0px;
}
.county.iconOn,.county.iconOff:hover {
background-position: 98px 48px;
}
.ridgeline.iconOn,.ridgeline.iconOff:hover {
background-position: 98px 94px;
}

#wallTypeSelector li a {
display:block;
height:40px;
width: 40px;
background: url(../images/icons_wall_types.png) no-repeat 0px 0px;
margin-left: 5px;
}

#iconEOpen a.iconOff {
background-position: 0px 0px;
}
#iconEClosed a.iconOff {
background-position: -41px 0px;
}
#iconSOpen a.iconOff {
background-position: 0px 0px;
}
#iconSClosed a.iconOff {
background-position: -41px 0px;
}
#iconEGable a.iconOff {
background-position: -82px 0px;
}
#iconSTop a.iconOff {
background-position: -123px 0px;
}
#iconSBottom a.iconOff {
background-position: -164px 0px;
}
#iconEOpen a.iconOn {
background-position: 0px -41px;
}
#iconEClosed a.iconOn {
background-position: -41px -41px;
}
#iconSOpen a.iconOn {
background-position: 0px -41px;
}
#iconSClosed a.iconOn {
background-position: -41px -41px;
}
#iconEGable a.iconOn {
background-position: -82px -41px;
}
#iconSTop a.iconOn {
background-position: -123px -41px;
}
#iconS		Bottom a.iconOn {
background-position: -164px -41px;
}

.subIconText {
display:block;
margin-top:50px;
font-size:.8em;
text-align:center;
}
#builderPriceZip {
position:relative;
width: 300px;
height: 140px;
background-color:#FFF;
margin-top:0px
}
#builderEnterZip{
position:relative;
width: 300px;
height: 240px;
background-color:#FFF;
}

#builderEnterZip h2{
font-weight:bold
}
.displayBarnName {
text-align:center;
position:absolute;
top: 10px;
left: 10px;
font-family: arial;
font-size: 20px;
color: #069;
width: 280px;
 font-weight: bold;
	text-transform: uppercase
}
#totalPrice {
position:absolute;
top: 75px;
right: 30px;
ffont-size: 15px;
color:#666;
}
#deposit {
position:absolute;
top: 105px;
right: 30px;
 font-size: 22px;
	font-weight: bold;
	color: #FF420B;
}

.cents {
font-size: 10px;
line-height: 20px;
text-decoration: underline;
vertical-align:text-top;
}
#displayZipCode {
position:absolute;
top: 48px;
right: 30px;
font-size: 11px;
font-weight:bold;
}
#displayZipCode a {
font-size: 12px;
padding:2px;
color: white;
background-color:#069;
text-decoration:none;
}
#enterZIPIntro {
font-size:11px;
color:#333;
position:absolute;
top:45px;
text-align:justify;
padding:10px;
}
#enterZIPInput{
position:absolute;
top:125px;
width:300px;
text-align:center;
}
#enterZIPInput input{
width:50%;float:left;
margin-left: 41px;

}
#enterZIPInput label {
font-size:12px;
color:#333;
float:left;
margin-left:6px;
line-height:32px
}
#enterZIPButton{
position:absolute;
top:180px;
width:300px;
text-align:center;
}
#enterZIPMsg{
color:red;
font-size:10px;
font-weight:bold;
width:300px;
position:absolute;
top:165px;
text-align:center;
}
#bid label {
font-size:10px;
color:#069;
}
#frmBuildID {
width:300px;
font-size:.8em
}
#frmBuildID #bid{
height:30px;
font-size:10px;
resize:vertical;
width:300px;
}
#buildSummary {
width: 100%;
color: white;
margin-left:auto;
margin-right:auto;
font-weight: bold;
margin-bottom:20px;
}
#buildSummaryTable {
width:100%;
}
#buildSummaryTable th, #buildSummaryTable td {
border-collapse:collapse;
border-width:2px;
border-style:solid;
border-color:white;
width:47px;
height:30px;
text-align:center;
vertical-align:middle;
}
#buildSummaryTable th {
background-color:#333;
border-radius: 6px 6px 0 0;
padding: 1px;
font-size: 10px;
}
#buildSummaryTable td {
background-color:#666;
border-radius: 0 0 6px 6px;
padding: 1px;
font-size: 16px;
}
.feet { font-size:9px; }
#featureTabs-1 p {
font-size: 1.4em;
font-weight: bold;
text-align:center;
margin-bottom: 10px;
}
.tabContent {
overflow:auto;
background-color:white;
}
#featureTable {
width: 100%;
text-align:center;
vertical-align:middle;
}
#featureTable th {
font-size:1.2em;
color:#069;
font-weight: bold;
padding-bottom:5px;
}
#featureTable td {
font-size:1em;
padding:4px;
}
#featureTable .featureDesc {
width:200px;
color:#333333;
font-size: .9em;
font-weight: bold;
}
td.featureHeader {
font-weight: bold;
color: black;
font-stretch:expanded;
}
.featureInc {
background-image:url(../images/featureInc.png);
background-repeat:no-repeat;
background-position:center;
}
#breadCrumb {
height:25px;
margin-bottom:10px;
background-color:#CCC;
background-image:url(images/breadcrumb.png);
background-repeat:no-repeat;
}

#toggleBackground {
position:absolute;
width:31px;
height:33px;
top:10px;
right:100px;
cursor:pointer;
z-index:500;
background: url(../images/icon_background_off.png) no-repeat;
}


#toggleBackground.bgOff {
background: url(../images/icon_background_off.png) no-repeat;
}

#toggleBackground.bgOn {
background: url(../images/icon_background_on.png) no-repeat;
}

#toggleBackview {
position:absolute;
width:65px;
height:50px;
top:10px;
right:20px;
z-index:500;
cursor:pointer;
background: url(../images/icon_rotate_render_off.png) no-repeat;
}

#btnBuildID {
position:absolute;
top:5px;
left:25px;
cursor:pointer;
z-index:500;
}
.buildIDIcon {
background: url(../images/logo-buildid.png) no-repeat;
width:140px;
height:45px;
}

#buildID {
background-color:#fff;
}
#buildID .buildID {
width:280px;
height:50px;
background-color: #fff;
border:1px solid #666;
border-radius: 5px;
font:12px #333;
}

#viewDesc {
	position:absolute;
	width:40px;
	font-size:10px;
	top:45px;
	left:12px;
	color:#666;
	text-align:center;
	border-radius:10px;
	opacity:.8;
	background-color:#fff;
}

#bgDesc {
	position:absolute;
	width:34px;
	font-size:10px;
	top:40px;
	left:0px;
	color:#666;
	text-align:center;
	border-radius:10px;
	opacity:.8;
	background-color:#fff;
}


#toggleBackview:hover {
background: url(../images/icon_rotate_render_on.png) no-repeat;
}



#renderContainer {
width:620px;
height:225px;
position:relative;
margin-bottom:0px;
}
#render {
width:600px;
height:216px;
position:absolute;
top:0px;
left:10px;
}
#leftCol h5 {
background-color:#333;
color:white;
}
#instructions_bar{
background-color: #525252;
color: #D0D0D0;
font-size: 14px;
font-weight: bold;
line-height: 16px;
padding: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#builderTabContainer {
position: relative;
}
#builderTabContainer {
position: relative;
}
#builderTabContainer .ui-widget-content {
background-color: white;
}
#builderTabs-1 {
height:403px;
position:relative;
}
#builderTabs-1 .grid_2 {
font-size: 1.4em;
}
#builderDimensions {
margin-top:20px;
position: relative;
}
#builderDimensionsGrid {
position:absolute;
width: 540px;
height: 303px;
top:20px;
right: 20px;
background-image:url(../images/bgBuilderDimensions.png);
background-repeat:no-repeat;
}
.dimDesc {
position: absolute;
width:200px;
left: 0px;
font-size: 10px;
}
.dimDesc h4 {
font-size: 18px;
color:#069;
margin:0px
}
.dimDesc p {
margin-left:10px;
font-size: 11px;
color:#333;
}
#dimWidthDesc {
top: 46px;
}
#dimLengthDesc {
top: 150px;
}
#dimHeightDesc {
top: 240px;
}
.dimLeanto, .dimCenter {
width: 100px;
text-align:center;
font-size:1.2em;
color:#FFF;
}
.titleDesc {
font-size: 1.1em;
color:#333;
font-weight:bold;
text-align:center;
}
#dimCenterWidth {
color: #006699;
font-size: 1.2em;
left: 295px;
position: absolute;
text-align: center;
top: 38px;
width: 80px;
}
#dimCenterLength {
 color: #006699;
font-size: 1.2em;
left: 298px;
position: absolute;
text-align: center;
top: 129px;
width: 80px;
}
#dimCenterHeight {
  color: #006699;
font-size: 1.2em;
left: 302px;
position: absolute;
text-align: center;
top: 227px;
width: 48px;
}
#dimLeftWidth {
width:80px;
position: absolute;
top: 54px;
left: 200px;
color:#999;
font-size:1.2em;
text-align:center;
}
#dimLeftLength {
width:80px;
position: absolute;
top: 148px;
left: 200px;
color:#999;
font-size:1.2em;
text-align:center;
}
#dimLeftHeight {
width:80px;
position: absolute;
top: 240px;
left: 200px;
color:#999;
font-size:1.2em;
text-align:center;
}
#dimRightWidth {
width:80px;
position: absolute;
top: 54px;
left: 455px;
color:#999;
font-size:1.2em;
text-align:center;
}
#dimRightLength {
width:80px;
position: absolute;
top: 149px;
left: 455px;
color:#999;
font-size:1.2em;
text-align:center;
}
#dimRightHeight {
width:80px;
position: absolute;
top: 240px;
left: 455px;
color:#999;
font-size:1.2em;
text-align:center;
}
.feet {
font-size: .8em;
}
.dimValue {
font-size:24px;
font-weight:bold;
}
div.btnDimHoriz {
width:44px;
height:28px;
position: absolute;
background-image:url(../images/btnDimHoriz.png);
}
div.btnDimVert {
width:28px;
height:32px;
position: absolute;
background-image:url(../images/btnDimVert.png);
}
#btnWL {
  left: 304px;
top: 75px;
}
#btnWR {
   background-position: 46px 0;
left: 346px;
top: 75px;
}
#btnLL {
   left: 304px;
top: 166px;
}
#btnLR {
  background-position: 46px 0;
left: 346px;
top: 166px;
}
#btnHT {
  left: 359px;
top: 225px;
}
#btnHB {
 background-position: 0 33px;
left: 359px;
top: 256px;
}
#btnWL:hover {
 
background-position: 0px 29px
}
#btnWR:hover {

background-position: 46px 29px;
}
#btnLL:hover {

background-position: 0px 29px
}
#btnLR:hover {

background-position: 46px 29px;
}
#btnHT:hover {

background-position: 29px 0px
}
#btnHB:hover {

background-position: 29px 33px;
}

#builderTabs-2 { 
position: relative;
height:403px;
}

#tab2-container {
 position:relative;
 margin-top:15px;
}

#builderTabs-2 h4,#builderTabs-5 h4 {
font-size: 16px;
color: #069;
margin:0px
}
#builderTabs-2 p,#builderTabs-5 p {
color:#333333;
font-size:10px;
left:20px;
}

#tab3-container {
 position:relative;
 margin-top:10px;
}

#builderTabs-4 #col1 {
position: relative;
width: 355px;
float: left;
}
#builderTabs-4 #col2 {
position: absolute;
width:295px;
right:0px;
top:0px;
}

#overhead_barn { position: absolute; top:0px; left:0px; }
#overhead_barn map area:hover { cursor:pointer; }

#activewall {
font-size: 1.2em;
font-weight:bold;
text-align:center;
margin-top: 10px;
margin-bottom: 10px;
position:absolute;
top:240px;
left:0px;
width:275px;
font-weight: bold;
color:#069;
}

#reverseImageWarning {
font-size: 1em;
font-weight:bold;
text-align:center;
margin-top: 10px;
margin-bottom: 10px;
position:absolute;
top:170px;
left:0px;
width:275px;
font-weight: bold;
color:#069;
}

#reverseImageWarning p{
font-size: .8em;
font-weight:normal;
}

.on {
background-color:#FF3;
}
.off {
background-color:#CCC;
border:none;
}
.over {
border:2px;
border-color:#900;
}
.active {
background:url(../images/bg_diag.gif);
background-repeat:repeat;
}
#colstats {
width:360px;
float:left;
}
#wall_open {
background:url(../images/icons/icon_endwall_open.png);
width:40px;
height:40px;
}
#wall_closed {
background:url(../images/icons/icon_endwall_closed.png);
width:40px;
height:40px;
}
#wall_gable {
background:url(../images/icons/icon_endwall_gable.png);
width:40px;
height:40px;
}
#wall_top {
background:url(../images/icons/icon_endwall_top.png);
width:40px;
height:40px;
}
#wall_bottom {
background:url(../images/icons/icon_endwall_bottom.png);
width:40px;
height:40px;
}
#wrapper {
width:960px;
margin-left:auto;
margin-right:auto;
}
#floorplan {
width:282;
background-color:#FFF;
position:relative;
}
.colors_br {
background-color:#715B4C;
}
.colors_rd {
background-color:#CC0000;
}
.colors_wh {
background-color:#F7F7F6;
}
.colors_bk {
background-color:#0B0B0B;
}
.colors_bl {
background-color:#4B687F;
}
.colors_by {
background-color:#44242B;
}
.colors_gn {
background-color:#37664F;
}
.colors_bg {
background-color:#E0D6B2;
}
.colors_tn {
background-color:#C7AB75;
}
.colors_dg {
background-color:#686866;
}
.colors_gy {
background-color:#ABABA8;
}
.colors_cl {
background-color:#AEAC9A;
}

#openingsDialog {
z-index:600;
width:250px;
height:400px;
background-color:white;
}
#openingsDialog td {
font-size:10px;
}
#openingsDialog input {
width:40px;
font-size:1em;
}

.ui-spinner {
width:80px;
}

#builderTabs-3 { 
position: relative;
height:403px;
}

#builderTabs-4 { 
position: relative;
height:403px;
}

#builderTabs-5 { 
position: relative;
height:403px;
}

#builderTabs-6 { 
position: relative;
height:403px;
}

#tab6-Intro { color:#574f4c; font-size:15px;}

.bigButton {
margin-bottom:10px;
text-align:center;
position:relative;
}
.bigButton button {
font-size: 16px;
width:240px;
padding: 5px 20px 5px 20px;
color: white;
border-radius: 0;
font-family:'Bowlby One SC', sans-serif;
background-color: #ff420b;
background: -moz-linear-gradient(top, #ff420b, #ff420b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff420b), to(#ff420b));
cursor:pointer;
border:0px
}
.bigButton button:hover {
background-color: #ff420b;
background: -moz-linear-gradient(top, #ff420b, #ff420b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff420b), to(#ff420b));
}
.orderButton {
margin-bottom:10px;
text-align:center;
position:relative;
}
.orderButton button {
font-size: 30px;
width: 100%;
padding: 5px 20px 5px 20px;
color: white;
border-radius: 0px;
font-family:'Bowlby One SC', sans-serif;
background-color: #ff420b;
background: -moz-linear-gradient(top, #ff420b, #ff420b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff420b), to(#ff420b));
cursor:pointer;
	margin-top: 20px;
}
.orderButton button:hover {
background-color: #ff420b;
background: -moz-linear-gradient(top, #ff420b, #ff420b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff420b), to(#ff420b));
}
area .on {
background-color:red;
}
area .off {
background-color:green;
}
#wallContainer {
width:275px;
height:240px;
background-image:url(../images/wallSelector_r.png);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
}
.walls {
position: absolute;
height: 9px;
left: 110px;
top: 2px;
width: 50px;
}
.walls:hover {
background-color:#FFF;
opacity: .5;
}
#wallpicker_cf {
width:95px;
top:122px;
left:89px;
height: 9px;
}
#wallpicker_cb {
width:95px;
top:15px;
left:89px;
height: 9px;
}
#wallpicker_lf {
width:60px;
top:122px;
left:15px;
height: 9px;
}
#wallpicker_lb {
width:60px;
top:15px;
left:15px;
height: 9px;
}
#wallpicker_rf {
width:60px;
top:122px;
left:198px;
height: 9px;
}
#wallpicker_rb {
width:60px;
top:15px;
left:198px;
height: 9px;
}
#wallpicker_rr {
width:9px;
top:27px;
left:260px;
height: 92px;
}
#wallpicker_cr {
width:9px;
top:27px;
left:187px;
height: 92px;
}
#wallpicker_cl {
width:9px;
top:27px;
left:78px;
height: 92px;
}
#wallpicker_ll {
width:9px;
top:27px;
left:4px;
height: 92px;
}
.closedWall {
border: 2px solid #999;
}
.openWall {
border: 2px dashed #999;
background-color:transparent;
}
.colorList li {
width: 38px;
height: 38px;
border: 2px solid #CCC;
border-radius: 3px;
margin: 2px;
text-align:center;
font-size: 9px;
padding:2px;
}
.colorList li:hover {
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
cursor:pointer;
}
.shadow {
-moz-box-shadow: 5px 5px 5px #666;
-webkit-box-shadow: 5px 5px 5px #666;
box-shadow: 5px 5px 5px #666;
}
#col2Header {
}
.numberCircle {
float:left;
margin-right:10px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
behavior: url(PIE.htc);
width: 23px;
height: 22px;
padding: 2px;
background:#fc5819;
border: 2px solid #ccc;
color: #FFF;
text-align: center;
vertical-align:middle;
font: bold 11px Arial,sans-serif
}
/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
position:relative;
padding:15px;
margin:1em 0 1em;
border:5px solid #f94209;
color:#333;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:60px; /* controls horizontal position */
border-width:20px 20px 0;
border-style:solid;
border-color:#f94209 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* creates the smaller  triangle */
.triangle-border:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:67px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:13px 13px 0;
border-style:solid;
border-color:#fff transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
#builderAssist {
font-size:.7em;
width:280px;
margin-left:auto;
margin-right:auto;
}
#builderAssist p {
margin-bottom:10px;
}
#helperIcon {
margin-top:15px;
margin-bottom: 20px;
margin-left:100px;
font-size:10px;
color:#000;
font-weight:bold;
}
.barnDesc {
width: 165px;
padding:10px;
float: left;
margin-left: auto;
margin-right: auto;
}
.barnDesc p {
font-size: 12px;
margin-bottom:5px;
margin-bottom:5px;
}
.barnName {
font-family:'Bowlby One SC', sans-serif;
text-align:center;
color: #2d2d2f!important;
font-size: 1em;
font-weight:normal;
}


.priceTitle {
font-size: 15px;
margin-right:0px;
}
#deposit  .priceTitle{font-size: 22px;  color: #3C3C3C;}
#orderMessage {
position:relative;
font-size: 12px;
text-align:center;
color:#069;
margin-bottom:15px;
}
.zipcode {
font-size: 14px;
}
.changeZIP {
font-size:1em;
color: #FF420B;
cursor:pointer;
}
#leftCol > p {
font-weight: bold;
}

.exampleButton {
width:81px;
position:relative;
left:34px;
margin-top:10px;
font-size: .8em;
background-color:#525252;
border-radius: 5px;
border:2px solid #cbcbcb;
text-align:center;
color:#fff;
padding: 5px;
}
#roof_orientation_buttonset .ui-button-text-only .ui-button-text, #gauge_buttonset .ui-button-text-only .ui-button-text, #certified_buttonset .ui-button-text-only .ui-button-text {
width: 80px;
}
.tabIntro {
font-size:.9em;
color:#666;
font-weight:bold;
}
#tab1-Intro {
font-size:1.5em;
color:#069;
font-weight:bold;
text-align:center;
margin-bottom:20px;
}
.prevtab {
position:absolute;
left:5px;
bottom:5px;
width:179px;
background: url(images/prev-arrow.png) no-repeat left 0 #ff420b;
font-size:18px;
line-height:36px;
color:white;
border-radius:3px;
/* border:2px solid #ccc; */
text-align:left;
cursor:pointer;
padding:0 12px 0 38px;
text-transform: uppercase;
font-weight:bold
}
.prevtab:hover {
background-color: #f02b00;
}
.nexttab {
position:absolute;
right:5px;
bottom:5px;
width:163px;
background: url(images/next-arrow.png) no-repeat right 0 #ff420b;
font-size:18px;
line-height:36px;
color:white;
border-radius:3px;
/* border:2px solid #ccc; */
text-align:left;
cursor:pointer;
padding:0 20px 0 12px;
text-transform: uppercase;
font-weight:bold
}
.nexttab:hover {
background-color: #f02b00;

}

#wall_intro {
position: absolute;
width: 275px;
right: 10px;
top: 20px;
}
#frmChangeZIP {
background-color:white;
font:1em #333;	
}
#frmChangeZIP p {
font:1em #333;
margin:10px 0 10px 0;
}
#tblReview {
width:100%;
color:#333;
border:1px solid #ccc;
border-collapse:inherit
}

#tblReview th.thHeader {
font-size:1em;
font-weight:bold;
text-decoration:underline;
text-align:center;
width:150px;
padding:5px;
}
#tblReview td {
text-align:center;
padding:5px;
font-size:.9em;
}
.orangearrow {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: transparent;
background-image: url("../images/arrow-orange.png");
background-position: 0 6px;
background-repeat: no-repeat;
color:#339900;
font-size: 18px;
padding-bottom: 0;
padding-left: 14px;
padding-right: 0;
padding-top: 0;
}
#barbreak{
background: url(../images/bottomBackground.png);
background-repeat: repeat-x;
height: 100%;
margin-top: 5px;
padding-top: 5px;
}
#moreinfologo {
background: url(../images/more-index.png);
height:55px;
background-repeat:no-repeat;
background-position:center;
text-align:center;
vertical-align:bottom;
padding-left:inherit;
padding-right:inherit;
}
h10{font-family: 'Bowlby One SC', sans-serif; font-size:50px; line-height:80%; color:#333333;}
h1030{font-family: 'Bowlby One SC', sans-serif; font-size:30px; line-height:80%; color:#333333;}
h11{font-family: 'Open Sans', sans-serif; font-size:20px; font-style:italic; line-height:100%;}
h12{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:bold; line-height:100%;}
h13{font-family: 'Open Sans', sans-serif; font-size:25px; font-weight:italic; line-height:100%;}
h14{font-family: 'Bowlby One SC', sans-serif; font-size:25px; line-height:80%; color:#333333;}








/* button styles added for checkout_paypal.php page */
.button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin:10px 0 10px 0;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em; 
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}

.bigrounded {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.medium {
font-size: 14px;
padding: 1em 1.5em 1em;
}
.small {
font-size: 11px;
padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */
/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* green */
.green {
color: #e8f0de;
border-radius:0px;
border: solid 1px #538312;
background: #ff4422;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4422), to(#ff4422));
background: -moz-linear-gradient(top,  #ff4422,  #ff4422);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4422', endColorstr='#ff4422');
}
.green:hover {
background: #ff4422;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4422), to(#ff4422));
background: -moz-linear-gradient(top,  #ff4422,  #ff4422);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4422', endColorstr='#ff4422');
}
.green:active {
color: #a9c08c;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


.hdr14{font-family: 'Bowlby One SC', sans-serif; font-size:25px; line-height:80%; color:#333333;}
.hdr14c{font-family: 'Bowlby One SC', sans-serif; font-size:25px; line-height:80%; color:#006600; text-align:center; margin-left:auto; margin-right:auto;}

.paymenttext {
font-size:10px;
text-align:justify;
padding-bottom:10px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}

#paymentlogos {
text-align:center;
padding-bottom:20px;
padding-top:20px;
background-image:url(../images/filler-creditcards.png);
background-repeat:no-repeat;
background-position:center;
}
#tab2-container{float:left; display:block}
/*  ................Wall BG Image ..................*/
.open-bg-img{
background-image:url("../images/icon_wallType_open.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;

}
#wall_options_container .ui-state-active.open-bg-img{
background-image:url("../images/icon_wallType_open.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;

}

#wall_options_container .open-bg-img span,#wall_options_container .close-bg-img span,#wall_options_container .gable-bg-img span{float:left;width:100%;margin:3px 0 0 0}
.close-bg-img{
background-image:url("../images/icon_wallType_closed.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;
}
#wall_options_container .ui-state-active.close-bg-img{
background-image:url("../images/icon_wallType_closed.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{



}





.gable-bg-img{
background-image:url("../images/icon_wallType_gable.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;
}
#wall_options_container .ui-state-active.gable-bg-img{

background-image:url("../images/icon_wallType_gable.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;


}


.open-bg-img1{
background-image:url("../images/icon_wallType_open_s.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;

}
#wall_options_container .ui-state-active.open-bg-img1{
background-image:url("../images/icon_wallType_open_s.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;

}



.close-bg-img1{
background-image:url("../images/icon_wallType_closed_s.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;
}
#wall_options_container .ui-state-active.close-bg-img1{
background-image:url("../images/icon_wallType_closed_s.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;


}


.top-bg-img{
background-image:url("../images/icon_wallType_top.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;
}
#wall_options_container .ui-state-active.top-bg-img{
background-image:url("../images/icon_wallType_top.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
}



.bottom-bg-img{
background-image:url("../images/icon_wallType_bottom.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;
width:46px;
height:59px;
}
#wall_options_container .ui-state-active.bottom-bg-img{
background-image:url("../images/icon_wallType_bottom.png") !important;
background-repeat:no-repeat !important;
background-position: 5px 10px !important;
padding: 10px 5px 20px 5px !important;
vertical-align:middle !important;


}
#wall_options_container .ui-button-text{/* float:left; */width:100%;margin:3px 0 0}





.open-bg-img span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
.close-bg-img span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
.gable-bg-img span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
.open-bg-img1 span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
.close-bg-img1 span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}

.top-bg-img span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
.bottom-bg-img span{
line-height: 2.2em !important;
padding: 5px 0px 0px 0px !important;
}
#builderTabContainer .tabContent #btns_roof_color img,#builderTabContainer .tabContent #btns_trim_color img,#builderTabContainer .tabContent #btns_wall_color img{height: 15px;}


/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/

Licensed under GPL and MIT.
*/

/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/

body {
/* min-width: 960px; */
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
margin-left: 0;
}

.omega {
margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
width: 60px;
}

.container_12 .grid_2 {
width: 140px;
}

.container_12 .grid_4 {
width: 300px;
}

.container_12 .grid_5 {
width: 380px;
}

.container_12 .grid_7 {
width: 540px;
}

.container_12 .grid_8 {
width: 620px;
}

.container_12 .grid_10 {
width: 780px;
}

.container_12 .grid_11 {
width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
width: 40px;
}

.container_16 .grid_2 {
width: 100px;
}

.container_16 .grid_3 {
width: 160px;
}

.container_16 .grid_5 {
width: 280px;
}

.container_16 .grid_6 {
width: 340px;
}

.container_16 .grid_7 {
width: 400px;
}

.container_16 .grid_9 {
width: 520px;
}

.container_16 .grid_10 {
width: 580px;
}

.container_16 .grid_11 {
width: 640px;
}

.container_16 .grid_13 {
width: 760px;
}

.container_16 .grid_14 {
width: 820px;
}

.container_16 .grid_15 {
width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
padding-left: 80px;
}

.container_12 .prefix_2 {
padding-left: 160px;
}

.container_12 .prefix_4 {
padding-left: 320px;
}

.container_12 .prefix_5 {
padding-left: 400px;
}

.container_12 .prefix_7 {
padding-left: 560px;
}

.container_12 .prefix_8 {
padding-left: 640px;
}

.container_12 .prefix_10 {
padding-left: 800px;
}

.container_12 .prefix_11 {
padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
padding-left: 60px;
}

.container_16 .prefix_2 {
padding-left: 120px;
}

.container_16 .prefix_3 {
padding-left: 180px;
}

.container_16 .prefix_5 {
padding-left: 300px;
}

.container_16 .prefix_6 {
padding-left: 360px;
}

.container_16 .prefix_7 {
padding-left: 420px;
}

.container_16 .prefix_9 {
padding-left: 540px;
}

.container_16 .prefix_10 {
padding-left: 600px;
}

.container_16 .prefix_11 {
padding-left: 660px;
}

.container_16 .prefix_13 {
padding-left: 780px;
}

.container_16 .prefix_14 {
padding-left: 840px;
}

.container_16 .prefix_15 {
padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
padding-right: 80px;
}

.container_12 .suffix_2 {
padding-right: 160px;
}

.container_12 .suffix_4 {
padding-right: 320px;
}

.container_12 .suffix_5 {
padding-right: 400px;
}

.container_12 .suffix_7 {
padding-right: 560px;
}

.container_12 .suffix_8 {
padding-right: 640px;
}

.container_12 .suffix_10 {
padding-right: 800px;
}

.container_12 .suffix_11 {
padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
padding-right: 60px;
}

.container_16 .suffix_2 {
padding-right: 120px;
}

.container_16 .suffix_3 {
padding-right: 180px;
}

.container_16 .suffix_5 {
padding-right: 300px;
}

.container_16 .suffix_6 {
padding-right: 360px;
}

.container_16 .suffix_7 {
padding-right: 420px;
}

.container_16 .suffix_9 {
padding-right: 540px;
}

.container_16 .suffix_10 {
padding-right: 600px;
}

.container_16 .suffix_11 {
padding-right: 660px;
}

.container_16 .suffix_13 {
padding-right: 780px;
}

.container_16 .suffix_14 {
padding-right: 840px;
}

.container_16 .suffix_15 {
padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
left: 80px;
}

.container_12 .push_2 {
left: 160px;
}

.container_12 .push_4 {
left: 320px;
}

.container_12 .push_5 {
left: 400px;
}

.container_12 .push_7 {
left: 560px;
}

.container_12 .push_8 {
left: 640px;
}

.container_12 .push_10 {
left: 800px;
}

.container_12 .push_11 {
left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
left: 60px;
}

.container_16 .push_2 {
left: 120px;
}

.container_16 .push_3 {
left: 180px;
}

.container_16 .push_5 {
left: 300px;
}

.container_16 .push_6 {
left: 360px;
}

.container_16 .push_7 {
left: 420px;
}

.container_16 .push_9 {
left: 540px;
}

.container_16 .push_10 {
left: 600px;
}

.container_16 .push_11 {
left: 660px;
}

.container_16 .push_13 {
left: 780px;
}

.container_16 .push_14 {
left: 840px;
}

.container_16 .push_15 {
left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
left: -80px;
}

.container_12 .pull_2 {
left: -160px;
}

.container_12 .pull_4 {
left: -320px;
}

.container_12 .pull_5 {
left: -400px;
}

.container_12 .pull_7 {
left: -560px;
}

.container_12 .pull_8 {
left: -640px;
}

.container_12 .pull_10 {
left: -800px;
}

.container_12 .pull_11 {
left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
left: -60px;
}

.container_16 .pull_2 {
left: -120px;
}

.container_16 .pull_3 {
left: -180px;
}

.container_16 .pull_5 {
left: -300px;
}

.container_16 .pull_6 {
left: -360px;
}

.container_16 .pull_7 {
left: -420px;
}

.container_16 .pull_9 {
left: -540px;
}

.container_16 .pull_10 {
left: -600px;
}

.container_16 .pull_11 {
left: -660px;
}

.container_16 .pull_13 {
left: -780px;
}

.container_16 .pull_14 {
left: -840px;
}

.container_16 .pull_15 {
left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
zoom: 1;
}


#summary_buildID {
font-size:10px;
color:#333;
background-color:white;
padding:2px;
text-align:center;
height:45px;
}
#summary_buildID  h4{
font-size: 14px;
font-weight:bold;
color:#333;
}

#summary_buildID div {
height:45px;
display:inline-block;
width:100%!important;
}
.paymenttext {
font-size:10px;
text-align:justify;
padding-bottom:10px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
.return-to-build {
 background-color: #CCCCCC;
border: 1px solid #333333;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
font-weight: bold;
line-height: 14px;
margin-left: auto;
margin-right: auto;
margin-top: 13px !important;
padding: 5px;
text-align: center;
width: 212px;
}
.return-to-build a {
color:#333;
text-decoration:none;
}
#paymentlogos {
text-align:center;
padding-bottom:20px;
padding-top:20px;
background-image:url(../images/filler-creditcards.png);
background-repeat:no-repeat;
background-position:center;
margin-top:0px;
}
.colHeader {
text-align:center;
font-size:14px;
font-weight:bold;	
background-color:#ff3f12;
color:#FFF;
padding:10px;
line-height: 16px;
}
#wallSpecs ul {
font-size:10px;
color:#666;	
}
#wallSpecs ul li {
display:block;
}
#wallSpecs .wallName {
font-weight: bold;
color:#f90;
}
.error {
color:red;
}
input.error {
background-color:#F9DBDC;
}
select {
width:220px;
margin-bottom:5px;
padding-top:6px;
padding-bottom:6px;
font-size:12px;
background-color:#fff;
color:#333333;
/* border:solid;
border-color:#999999; */
}
option {
font-size:12px;
color:#333333;
}

.tabContent label {
display:inline-block;
font-size:10px;	
}
.tabContent .input {
width:215px;
margin-bottom:5px;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
background-color:#fff;
color:#333333;
/* border:solid;
border-color:#999999; */
}
.tabIntro {
font-size:12px;
margin-bottom:20px;
}
.formlocation {
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:10px;
padding-top:10px;
font-weight:bold;
color:#333333;
}
.radiobutton {
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:10px;
padding-top:10px;
color:#333333;
}
#cc_agree_submit {
color: #666666;
float: left;
font-size: 12px;
width: 45%;
}


.displayPrice { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; }
#builderPriceZip {
background-color:white;
padding:5px;
}
.smallerjustified {
font-size:10px;
color:#666;
}
#displayZipCode,#orderMessage {
font-size:12px;
color:#666;
}
.ui-widget input,.ui-widget select,.copyaddress {
font-size:12px;
}
#buildSummaryTable th {
font-size:10px;
}
#paymentTabContainer {
min-height:300px;
}
#paymentTabContainer label{width:200px;}
#paymentTabContainer li div {text-align:center;}
#leftcol {
background-color:white;
}

.ui-widget-header a {
font-size:10px;
clear:both;
}
#cc_billing_fields li {    list-style: none outside none;    margin: 0 0 15px;    padding: 0;}
#cc_billing_fields ul{padding:0;}
#cc_shipping_fields li{    list-style: none outside none;    margin: 0 0 14px 0;    padding: 0;}
#cc_shipping_fields ul{padding:0;}
#cc_billing_fields {    float: left;    width: 45%;}
#cc_shipping_fields {    float: left;    width: 40%;}
#cc_creditcard_info {   float: left;
margin-top: 20px;
width: 48%;}


/******09/05/2014********/
.page-template-builder-php #instructions_bar a, .page-template-builder-landing-pg-php #instructions_bar a {color:#e8451c!important;text-decoration:none!important}
.page-template-builder-php #instructions_bar #builder  .ui-state-active,.page-template-builder-php #instructions_bar #builder .ui-widget-content .ui-state-active,.page-template-builder-php #instructions_bar #builder .ui-widget-header .ui-state-active,       .page-template-builder-landing-pg-php #instructions_bar #builder  .ui-state-active,.page-template-builder-landing-pg-php #instructions_bar #builder .ui-widget-content .ui-state-active,.page-template-builder-landing-pg-php #instructions_bar #builder .ui-widget-header .ui-state-active{background:#525252!important}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#515151!important;color:#fffefa}
.tabIntro h2{color:#504e51;margin-bottom:8px; font-weight: bold}
.tabIntro p{color: #504E51;
font-size: 18px;}
.margintop{margin-top:15px}
.page-template-builder-php #builderTabContainer.ui-tabs .ui-tabs-nav li a, .page-template-builder-landing-pg-php #builderTabContainer.ui-tabs .ui-tabs-nav li a{font-size:12px!important}
.page-template-builder-php .col-lg-8, .page-template-builder-landing-pg-php .col-lg-8{background:url(images/sep.png) no-repeat left 0 #fff;min-height:993px}
.page-template-builder-php #rightCol, .page-template-builder-landing-pg-php #rightCol {
background-color: #EEEEEE;
height: 685px;
margin-left: 29px !important;
}
.page-template-builder-php .container_12 .grid_8, .page-template-builder-landind-pg-php .container_12 .grid_8 {
width: 621px;
}
.page-template-builder-php #builderHeader, .page-template-builder-landing-pg-php #builderHeader {
margin-bottom: 9px;
}
.page-template-builder-php #barnStyleSelector, .page-template-builder-landing-pg-php #barnStyleSelector{padding-top:0px}
.page-template-builder-php .container_12,.page-template-builder-php .container_16, .page-template-builder-landing-pg-php .container_12,.page-template-builder-landing-pg-php .container_16{width:100%}
#builderTabs-1 #tab1-Intro{margin-bottom:7px}
.page-template-checkout-php .single-content .col-md-4 .blox-element-text{  background: url("images/sep.png") no-repeat scroll left 0 #FFFFFF;
min-height: 993px;}
.page-template-checkout-php .box-inner{  background: url("images/shadow.png") repeat-y scroll 0 0 transparent;
float: left;
min-height: 913px;
padding-left: 29px;
width: 94%;}
.bulider_left{ background: url("images/shadow1.png") repeat-y scroll right 0 transparent;
float: left;padding-right: 29px;}
.box-inner  .colHeader{border-bottom:14px solid #EEEEEE}
.box-inner #buildSummary{border-bottom:20px solid #eeeeee;border-top:14px solid #eeeeee;border-left:4px solid #eeeeee;margin-top: 12px;}
.str_data{background:#eeeeee;padding-bottom:15px}
.box-inner #buildSummary{margin-bottom:0px}
.page-template-checkout-php   select,.tabContent .input{font-size:15px!important;width:226px;color: #a8aeb5;}
.copy_add{float: left;
margin-top: -11px;}
.page-template-checkout-php .col-lg-8.left_col{width:60.7% !important}
.page-template-checkout-php .tabContent .input {width:226px}
.page-template-checkout-php #cc_billing_fields{width:51%;  padding-left: 2px;}
.page-template-checkout-php .right_check{padding-left:0px!important}
.page-template-checkout-php input[placeholder],.page-template-checkout-php [placeholder],.page-template-checkout-php *[placeholder] { color: #a9aeb5;font-size:15px}
.page-template-checkout-php #cc_agree_submit{color: #666666;
float: left;
font-size: 12px;
padding-left: 20px;
width: 40%;margin-top: 16px;}
.chk_out,.chk_out:hover,.chk_out.active{background: url("images/checkout.png") no-repeat 0 0;width:219px !important;height:46px;text-indent:-9999px}
.chk_out{margin-top:0px!important}
.page-template-checkout-php #cc_billing_fields .formlocation{ padding-bottom: 10px;
padding-top: 6px;margin-bottom:0px}
.page-template-checkout-php #paymentTabContainer label{display:none}

.page-template-checkout-php .smallerjustified{ line-height: 12px;
margin-bottom: 10px;}
.page-template-checkout-php .formlocation {
 color: #333333;
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 13px;
padding-top: 5px;
}
.col-md-4{width:33.1% !important}
h2.que span{color:#cbcbcb;padding-right:44px}
h2.que{ color: #333333;
font-family: arial;
font-size: 28px;
font-weight: bold;
line-height: 29px;
margin-bottom: 20px;
padding-left: 25px;
text-transform: uppercase;}
.page-template-checkout-php #buildSummaryTable{width:100%!important;margin:0px}
.smallerjustified a{text-decoration:underline}
.page-template-checkout-php select{ background-image: url("images/arrow.png");background-position: right 12px; padding-left: 8px;}
.page-template-checkout-php  #creditcard_expiration_year{ margin-left: 7px; width: 95px !important;}
#creditcard_expiration_month,#creditcard_expiration_year{padding-top:5px}
.dim_inner{width:100%;float:left;position:relative}
.wall_inner{position:relative;width:100%;float:left}	
/* 	.tabContent #wall_options_container #btns_wall_type .close-bg-img{width:45px!important;height:76px!important} */
	

@media only screen and (min-width: 768px) and (max-width: 992px) {
.page-template-checkout-php #creditcard_expiration_year{  margin-left: 0px;
width: 100% !important;}
.page-template-builder-php .row.blox-row  .col-sm-8, .page-template-builder-landing-pg-php .row.blox-row  .col-sm-8 {
width: 60%!important;
padding:0 10px!important;
}
.page-template-builder-php  #rightCol, .page-template-builder-landing-pg-php  #rightCol{height:auto;width:100%}
.page-template-builder-php #render, .page-template-builder-landing-pg-php #render{left:0px;width:100%}
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{width:100%}
.page-template-builder-php #builderTabContainer.ui-tabs .ui-tabs-nav li a, .page-template-builder-landing-pg-php #builderTabContainer.ui-tabs .ui-tabs-nav li a{font-size:9px!important}
.numberCircle{margin-right:4px}
.page-template-builder-php #builderTabs-1,.page-template-builder-php #builderTabs-2,.page-template-builder-php #builderTabs-3,.page-template-builder-php #builderTabs-4,.page-template-builder-php #builderTabs-5,.page-template-builder-php #builderTabs-6,   .page-template-builder-landing-pg-php #builderTabs-1,.page-template-builder-landing-pg-php #builderTabs-2,.page-template-builder-landing-pg-php #builderTabs-3,.page-template-builder-landing-pg-php #builderTabs-4,.page-template-builder-landing-pg-php #builderTabs-5,.page-template-builder-landing-pg-php #builderTabs-6{height:648px}
.page-template-builder-php #builderTabs-1, .page-template-builder-landing-pg-php #builderTabs-1{ height: 445px;}
.page-template-builder-php   .tabIntro .grid_5, .page-template-builder-landing-pg-php   .tabIntro .grid_5{width:51%}
.page-template-builder-php   .tabIntro .grid_4,  .tabIntro .grid_2, .page-template-builder-landing-pg-php   .tabIntro .grid_4{width:37% !important}
.page-template-builder-php #builderTabs-4 #col1, .page-template-builder-landing-pg-php #builderTabs-4 #col1{width:37%}
.page-template-builder-php #wallContainer, .page-template-builder-landing-pg-php #wallContainer{width:275px;background-size:100%}
.page-template-builder-php #builderDimensionsGrid, .page-template-builder-landing-pg-php #builderDimensionsGrid {
background-image: url("../images/bgBuilderDimensions.png");
background-position: 15px 0;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 303px;
position: absolute;
right: 0;
top: 19px;
width: 100%;
}
#footer  .col-sm-6{width:33%!important}
.container_12, .container_16{width:100%!important}
.container_12 .grid_4{
width: 100% !important;
}
#builderEnterZip,.displayBarnName,#enterZIPInput,#enterZIPMsg,#enterZIPButton,.bigButton button,#buildSummary,#buildSummaryTable{width:100%}
.col-md-4 {
width: 35.2% !important;
}
#paymentlogos,#breadCrumb{background-size:100%}
#wall_intro {

width: 245px;
}
.exampleButton{left:11px}
.barnDesc{width:116px}
.container_12 .grid_3, .container_16 .grid_4 {
width: 213px;
}

#dimLeftWidth{ left: 147px;}
#dimLeftLength{left: 151px;}
#dimLeftHeight{  left: 147px;}
#dimCenterWidth{left:234px}
#dimCenterLength,#dimCenterHeight{left:235px}
#dimLengthDesc{top:141px}
.dimDesc{width:184px}
#dimWidthDesc{top:15px}
#btnLL {
left: 252px;
top:178px

}
#btnLR{left:276px;top:178px}
#btnHB {

left: 284px;

}
#btnHT {
left: 284px;
top:234px

}
#btnWL,#btnWL:hover {
 background: url("images/responsive-nav.png") no-repeat scroll 0 0 transparent;
height: 13px;

width: 20px;
}
#btnWL:hover {background-position: 0 -17px;}

#btnWR,#btnWR:hover  {
	background: url("images/responsive-nav.png") no-repeat scroll -23px 0 transparent;
height: 13px;

width: 20px;
}
#btnWR:hover {background-position: -23px -17px;}







#btnLL{
background: url("images/responsive-nav.png") no-repeat scroll 0 0 transparent;
height: 15px;

width: 20px;
}	

#btnLL:hover {background-position:0px -17px;

}


#btnLR,#btnLR:hover{  background: url("images/responsive-nav.png") no-repeat scroll -23px 0 transparent;
height: 13px;

width: 20px;


}
#btnLR:hover{
 background-position: -23px -17px;
}


div.btnDimVert{background-image:url("images/responsive-nav1.png");width: 19px;height:19px}
#btnHB { background-position: 0 19px;
}
#btnHT:hover {
background-position: 19px 0;
}
#btnHB:hover {
background-position: 20px -23px;
}

#btnWL {
left: 252px;
top: 86px;
}
#btnWR {

left: 276px;
top: 86px;
}

#dimRightWidth,#dimRightLength,#dimRightHeight{left:330px}

.dimDesc p {
color: #333333;
font-size: 11px;

padding-right: 41px;
}
#barnStyleSelector {
height: 169px;
padding-top: 10px;
text-align: center;
}
.barnIcon{margin-top:20px}

#builderPriceZip {

width: 100%;
}
.navbar-fixed-top, .navbar-fixed-bottom{position:static}
#enterZIPInput input{

margin-left: 0px;

}
.numberCircle {
background: none repeat scroll 0 0 #FC5819;
border: 2px solid #CCCCCC;
border-radius: 999px 999px 999px 999px;
color: #FFFFFF;
float: left;
font: bold 11px/12px Arial,sans-serif;
height: 20px;
margin-right: 4px;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 20px;
}
#builderAssist{width:100%}
.page-template-builder-php #rightCol, .page-template-builder-landing-pg-php #rightCol{margin-left:0px}
.page-template-builder-php .col-lg-8, .page-template-builder-landing-pg-php .col-lg-8{background:none}
.page-template-builder-php .container_12 .grid_8, .page-template-builder-landing-pg-php .container_12 .grid_8 {
width: 100%;
}
.page-template-checkout-php .tabContent .input{width:100%}
.page-template-checkout-php #cc_billing_fields select{width:100%}
#cc_shipping_fields,.page-template-checkout-php #cc_billing_fields,#cc_creditcard_info{width:44%}
.page-template-checkout-php #cc_agree_submit{width:44%}
.chk_out, .chk_out:hover, .chk_out.active {
background-size: 100% auto;
height: 32px;

width: 100%;
}
.page-template-checkout-php .tabContent{overflow:inherit}
#summary_buildID div,#buildSummaryTable{width:100%!important}
.page-template-checkout-php .box-inner{padding:0px;background:none}
.page-template-checkout-php .single-content .col-md-4 .blox-element-text{background:none}
.page-template-checkout-php #cc_billing_fields select,.page-template-checkout-php select, .tabContent .input{width:100%!important}
.bulider_left {
background: none repeat scroll 0 0 transparent;
float: left;
padding-right: 0;
}
h2.que {
color: #333333;
font-family: arial;
font-size: 28px;
font-weight: bold;
line-height: 29px;
margin-bottom: 20px;
padding-left: 29px;
text-transform: uppercase;
}
#renderContainer{height:167px!important}
#render{height:auto!important}


#builderTabs-4 #col2 {
left: 9px;
position: absolute;
right: auto;
top: 300px;
width: 295px;
}
.page-template-builder-php #builderTabs-4 #col1, .page-template-builder-landing-pg-php #builderTabs-4 #col1 {
width: 38%;
}
#builderTabs-4{height:798px!important}
.page-template-builder-php #builderDimensionsGrid, .page-template-builder-landing-pg-php #builderDimensionsGrid{width:399px}
#btnWL,#btnLL{left:242px}
#dimCenterLength, #dimCenterHeight,#dimCenterWidth {
left: 231px;
}
#wall_intro {
position: relative;
top: auto;
width: 100%;
}
#builderTabs-4 #col2{top:343px}
.page-template-builder-php #wallContainer, .page-template-builder-landing-pg-php #wallContainer{height:235px}
#activewall{top:291px}
#builderPriceZip{height:207px}
.page-template-builder-php #builderTabs-1, .page-template-builder-landing-pg-php #builderTabs-1{height:442px!important}
.page-template-builder-php #builderTabs-6, .page-template-builder-landing-pg-php #builderTabs-6{height:369px!important}
.page-template-builder-php #builderTabs-4, .page-template-builder-landing-pg-php #builderTabs-4 {
height: auto!important;

}
.page-template-builder-php #builderTabs-4, .page-template-builder-landing-pg-php #builderTabs-4{ height: 357px}
#wall_options_container{padding-bottom:40px!important}
.walls{z-index:99}
#builderTabs-4 #col2,#builderTabs-4 #col1,#wallContainer{position:relative}
#builderTabs-4 #col2,#builderTabs-4 #col1{top:auto;position:relative;width:100%}
.page-template-builder-php #builderTabs-5, .page-template-builder-landing-pg-php #builderTabs-5{height:447px!important}
.page-template-builder-php #builderTabs-4, .page-template-builder-landing-pg-php #builderTabs-4{ height: 486px}
.page-template-builder-php #builderTabs-3, .page-template-builder-landing-pg-php #builderTabs-3{ height: 483px}
.page-template-builder-php #wallContainer, .page-template-builder-landing-pg-php #wallContainer{height:281px}
.page-template-builder-php #builderTabs-4 #col1, .page-template-builder-landing-pg-php #builderTabs-4 #col1{width:100%;margin-bottom:20px}
}



@media only screen and (max-width: 767px) {

.page-template-builder-php #rightCol, .page-template-builder-landing-pg-php #rightCol {margin-right:0px;width:100%!important}
.page-template-builder-php #breadCrumb, .page-template-builder-landing-pg-php #breadCrumb{ background-size: 100% auto;}
.page-template-builder-php  #rightCol, .page-template-builder-landing-pg-php  #rightCol{height:auto;width:100%}
.page-template-builder-php #render, .page-template-builder-landing-pg-php #render{left:0px;width:100%}
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{width:100%}
#builderTabContainer.ui-tabs .ui-tabs-nav li a{padding:0.25em 0.2em;font-size:9px!important}
.numberCircle{margin-right:2px}
#builderTabs-4 #col1{width:100%}
#wallContainer{width:100%;background-size:100% 100%}
#builderTabs-4 #col2{width:100%;position:relatve}
#wall_intro {
position: relative;
right: 0;
top: auto;
width: 100%;
}
.page-template-builder-php .share-tab, .page-template-builder-landing-pg-php .share-tab {float: left;margin-left: 0px;text-align: center;width: 100%;}
.page-template-builder-php .blox-element, .page-template-builder-landing-pg-php .blox-element{margin-bottom:30px;float:left}
.page-template-builder-php .share-tab span a.share-img, .page-template-builder-landing-pg-php .share-tab span a.share-img{display:table-cell;line-height:28px;}
.page-template-builder-php .share-tab p, .page-template-builder-landing-pg-php .share-tab p {margin-top:20px;}
.page-template-builder-php   .tabIntro .grid_5, .page-template-builder-landing-pg-php .tabIntro .grid_5{width:100%;margin:0px}
.page-template-builder-php   .tabIntro .grid_4,  .tabIntro .grid_2, .page-template-builder-landing-pg-php .tabIntro .grid_4,  .tabIntro .grid_2 {width:100%;margin:0px}
.barnDesc{width:100%;float:left}
.exampleButton{position:static;margin:0 auto;float:none}
.page-template-builder-php #builderTabs-1, .page-template-builder-landing-pg-php #builderTabs-1{height:890px}
.page-template-builder-php #builderTabs-2, .page-template-builder-landing-pg-php #builderTabs-2{height:758px}
.page-template-builder-php #builderTabs-3, .page-template-builder-landing-pg-php #builderTabs-3{height:665px}
.page-template-builder-php #builderTabs-4, .page-template-builder-landing-pg-php #builderTabs-4{height:635px}
.page-template-builder-php #builderTabs-5, .page-template-builder-landing-pg-php #builderTabs-5{height:416px}
.page-template-builder-php #builderTabs-6, .page-template-builder-landing-pg-php #builderTabs-6{height:409px}
.tt-social-links-widget ul {margin-left:0px}
#wallpicker_rb{left:142px}
.dimDesc {
float: left;
font-size: 10px;
left: 0;
position: static;
width: 100%;
}
#builderDimensionsGrid {

background-size: 100% 100%;
right: 0;
top: 266px;
width: 100%;
}
#dimLeftWidth{ top: 253px;  left: 100px;}
#dimLeftLength{}
#dimCenterLength{left: 104px;
top: 140px;}
#dimCenterWidth{left: 103px;
top: 47px;}
#btnLR,#btnLR:hover{    background: url("images/responsive-nav.png") no-repeat scroll -23px 0 transparent;
height: 13px;
left: 144px;
top: 168px;
width: 20px;


}
#btnLR:hover{
 background-position: -23px -17px;
}

#dimCenterHeight{left: 113px;
top: 233px;}
#btnHT,#btnHT:hover {
  left: 146px;
top: 234px;
z-index: 999;
}

#btnHB{

left: 249px;
top: 258px;
z-index: 999;
}
#dimLeftLength {
color: #999999;
font-size: 1.2em;
left: 125px;
position: absolute;
text-align: center;
top: 140px;
width: 80px;
}

#dimLeftHeight {
color: #999999;
font-size: 1.2em;
left: 120px;
position: absolute;
text-align: center;
top: 238px;
width: 80px;
}
#dimLeftWidth {
left: 118px;
top: 52px;
}
.dimDesc{margin-bottom:10px}
#btnWL,#btnWL:hover {
 background: url("images/responsive-nav.png") no-repeat scroll 0 0 transparent;
height: 13px;
left: 124px;
top: 77px;
width: 20px;
}
#btnWL:hover {background-position: 0 -17px;}
#btnWR,#btnWR:hover {

left: 255px;
top: 78px;
}
#btnWR,#btnWR:hover  {
  background: url("images/responsive-nav.png") no-repeat scroll -23px 0 transparent;
height: 13px;
left: 145px;
top: 77px;
width: 20px;
}
#btnWR:hover {background-position: -23px -17px;}







#btnLL{
background: url("images/responsive-nav.png") no-repeat scroll 0 0 transparent;
height: 15px;
left: 124px;
top: 168px;
width: 20px;
}	

#btnLL:hover {background-position:0px -17px;


}
#dimRightWidth{ left: 158px;}
#dimRightLength{  left: 133px;
top: 139px;}
#dimRightHeight{   left: 134px;}

#tt_sociallinkswidget-2 ul{margin-left:0px}
div.btnDimVert{background-image:url("images/responsive-nav1.png");width: 19px;height:19px}
#btnHB {  background-position: 0 19px;
left: 146px;}
#btnHT:hover {
background-position: 19px 0;
}
#btnHB:hover {
background-position: 20px -23px;
}
.col-md-4 {
margin: 0 !important;
width: 100% !important;
}
.container_12 .grid_4,#buildSummary ,#builderEnterZip,#enterZIPButton,#buildSummary,#buildSummaryTable{
width: 100%;
}
.container_12, .container_16{width:100%!important}

#barnStyleSelector {
height: 160px;
padding-top: 10px;
}
.barnIcon{margin-top:19px}
.nexttab {
background: url("images/next-arrow.png") no-repeat scroll right 0 #FF420B;
border-radius: 3px 3px 3px 3px;
bottom: 5px;
color: white;
cursor: pointer;
font-size: 11px;
font-weight: normal;
line-height: 36px;
padding: 0 19px 0 6px;
position: absolute;
right: 5px;
text-align: left;
text-transform: uppercase;
width: 93px;
}
.prevtab {
background: url("images/prev-arrow.png") no-repeat scroll left 0 #FF420B;
border-radius: 3px 3px 3px 3px;
bottom: 5px;
color: white;
cursor: pointer;
font-size: 12px;
font-weight: normal;
left: 5px;
line-height: 36px;
padding: 0 12px 0 35px;
position: absolute;
text-align: left;
text-transform: uppercase;
width: 132px;
}
#dimCenterWidth .dimValue,#dimCenterLength .dimValue,#dimCenterHeight .dimValue{font-size:12px}
#activewall{width:209px} 
#reverseImageWarning{width:100%}
#dimLeftWidth,#dimLeftLength,#dimLeftHeight{left:39px}
#tab2-container {
display: block;
float: left;
width: 100%;
}
#leftCol {
margin: 0;
}

.page-template-builder-php #rightCol, .page-template-builder-landing-pg-php #rightCol {
height: auto;
margin: 0;
width: 100%;
}
#paymentlogos{background-size:100%}
.displayBarnName,#builderPriceZip,#enterZIPInput{width:100%}
.container_12 .grid_3, .container_16 .grid_4 {
margin: 10px 0;
width: 220px;
}
.navbar-fixed-top, .navbar-fixed-bottom{position:static}
#enterZIPInput input{

margin-left: 11px;

}
#btnBuildID{width:100px;background-size:100%;left:2px}
.numberCircle {
background: none repeat scroll 0 0 #FC5819;
border: 2px solid #CCCCCC;
border-radius: 999px 999px 999px 999px;
color: #FFFFFF;
float: left;
font: 9px/9px Arial,sans-serif;
height: 18px;
margin-right: 10px;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 17px;
}
#builderTabContainer.ui-tabs .ui-tabs-nav li a{padding:0.25em 0.3em 0.25em 0.3em}

.numberCircle {
margin-right: 3px;
}
.page-template-builder-php #rightCol, .page-template-builder-landing-pg-php #rightCol{margin-left:0px!important}
.page-template-builder-php .col-lg-8, .page-template-builder-landing-pg-php .col-lg-8{background:none;min-height:auto}
#builderAssist{width:100%}
.page-template-builder-php .container_12 .grid_8, .page-template-builder-landing-pg-php .container_12 .grid_8 {
width: 100%;
}
.page-template-checkout-php .col-lg-8.left_col{width:100%!important}
#leftCol,.page-template-checkout-php .tabContent .input,select{width:100%}
.page-template-checkout-php #cc_billing_fields,#cc_shipping_fields,#cc_creditcard_info,#cc_agree_submit{width:100%;margin:0px}
#summary_buildID div{width:100%!important}
.page-template-checkout-php #paymentTabContainer  .ui-tabs .ui-tabs-nav li a{padding:0px!important}
.page-template-checkout-php #cc_agree_submit{padding-left:0px;width:100%}
.page-template-checkout-php .box-inner {
background: none repeat scroll 0 0 transparent;
padding-left:0px;
width: 100%;}
.page-template-checkout-php .right_check{padding:0 18px!important}
.page-template-checkout-php  .ui-tabs .ui-tabs-nav li a{padding:0px!important}
.page-template-checkout-php .single-content .col-md-4 .blox-element-text{background:0px;padding:0px}
.str_data img{width:100%}
.bulider_left{background:none;padding-right:0px}
h2.que {
color: #333333;

font-size: 16px;
line-height: 18px;
margin-bottom: 20px;
padding-left: 0;
}
h2.que span {
color: #CBCBCB;
padding-right: 5px;
}
.page-template-checkout-php select, .tabContent .input{width:100%}
.page-template-checkout-php  #creditcard_expiration_year{width:100%!important}

.page-template-checkout-php #creditcard_expiration_year,#creditcard_expiration_month{  margin-left: 0px;
width: 100% !important;}

#builderPriceZip  #builderPriceZip,#barnStyleSelector,#builderAssist,#helperIcon,#paymentlogos,.paymenttext{display:none}	
#render{width:100%!important;height:auto!important;}
#displayBarnName{display:none}

#builderDimensionsGrid{ background-position: -85px 0;
background-size: 133% 100%;
left: 0;
right: auto;
top: 266px;
width: 213px;}
#dimLeftWidth, #dimLeftLength, #dimLeftHeight{left: -5px;}
#dimRightWidth{left: 130px;}
#dimCenterWidth, #dimCenterLength{left: 54px;}
#dimCenterHeight{ left: 63px;}
#btnWL, #btnWL:hover, #btnLL{left: 75px;}
#btnWR, #btnWR:hover, #btnLR, #btnLR:hover{left: 98px;}
#btnHT, #btnHT:hover{left: 102px;
top: 235px;}
#btnHB{ left: 102px;
top: 260px;} 

#builderTabs-4 #col2{width:86%;
right: auto;
top: 308px;

}

#wallContainer{width:275px}
#wallpicker_cf,#wallpicker_rf{top:13px}
#wallContainer{width:209px;background-size:100% auto;height:190px}
#wallpicker_cf{left: 70px;
top: 92px;
width: 66px;}
#wallpicker_cb {
height: 9px;
left: 76px;
top: 12px;
width: 57px;
}
#wallpicker_cl {
height: 71px;
left: 57px;
top: 20px;
width: 9px;
}
#wallpicker_cr {
height: 70px;
left: 140px;
top: 19px;
width: 9px;
}
#wallpicker_lf {
height: 9px;
left: 6px;
top: 91px;
width: 60px;
}
#wallpicker_lb {
height: 9px;
left: 4px;
top: 11px;
width: 60px;
}
#wallpicker_ll {
height: 76px;
left: 4px;
top: 17px;
width: 9px;
}
#wallpicker_rb{top:11px}
#wallpicker_rf{  left: 144px;top:89px}
#wallpicker_rr {
height: 77px;
left: 197px;
top: 17px;
width: 9px;
}

#builderPriceZip h2.displayBarnName{display:none}
#builderPriceZip{height:188px}
.barnDesc ul{text-align:center;padding:0px}	
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{height:152px}
#toggleBackground.bgOn{display:none}
.page-template-builder-php #builderTabs-4, .page-template-builder-landing-pg-php #builderTabs-4 {
height: auto;

}
#wall_options_container{padding-bottom:40px!important}
.walls{z-index:99}
#builderTabs-4 #col2,#builderTabs-4 #col1,#wallContainer{position:relative}
#builderTabs-4 #col2,#builderTabs-4 #col1{top:auto;position:relative}
#wallContainer{height:241px}
.barnDesc ul li{display:block}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
.page-template-checkout-php select, .tabContent .input{width:100%!important}

#enterZIPInput input{

margin-left: 0px;

}
#builderTabContainer.ui-tabs .ui-tabs-nav li a{padding:0.25em 0.2em}
.numberCircle {
margin-right: 2px;
}

/* #dimLeftWidth, #dimLeftLength, #dimLeftHeight {
left: 15px;
} */
#barnStyleSelector .barnIcon {
display: inline-block;
float: none;
}
#helperIcon{margin-left:187px}
#enterZIPInput input {
display: inline-block;
float: none;}
#enterZIPInput label {

display: inline-block;
float: none;

}
#barnStyleSelector{text-align:center}

.page-template-builder-php #builderTabContainer.ui-tabs .ui-tabs-nav li a, .page-template-builder-landing-pg-php #builderTabContainer.ui-tabs .ui-tabs-nav li a{ font-size: 11px !important;}
/* #btnWL, #btnWL:hover, #btnLL{
left: 122px;
} */



/* 
#btnWR, #btnWR:hover, #btnLR, #btnLR:hover{
left: 161px;
}

#btnHT, #btnHT:hover, #btnHB{left: 266px;} */
.page-template-builder-php #builderTabs-2, .page-template-builder-landing-pg-php #builderTabs-2{height: 560px;}
.page-template-builder-php #builderTabs-5, .page-template-builder-landing-pg-php #builderTabs-5{ height: 333px;}
.page-template-builder-php #builderTabs-6, .page-template-builder-landing-pg-php #builderTabs-6{height: 345px;}
.ui-tabs .ui-tabs-nav li{margin:0 1px 1px 0!important}
#renderContainer{height:139px}
.page-template-builder-php #builderTabs-1, .page-template-builder-landing-pg-php #builderTabs-1{height: 871px;}
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{height:156px}
}



@media only screen and (min-width: 320px) and (max-width: 328px) {
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{height:100px}

}

@media only screen and (min-width: 329px) and (max-width: 345px) {
.page-template-builder-php #renderContainer, .page-template-builder-landing-pg-php #renderContainer{height:106px}

}

@media only screen and (min-width: 346px) and (max-width: 345px) {


}