/* CoverGrip Stylesheet */


body, html{ margin:0; padding:0; background: #eae7d3 url(/wp-content/images/bg-canvas.jpg) top center;    }
html{ height:100%;}
body{ min-height:100%; position:relative;    }
form{ min-height:100%; position:relative; }

body{ height:100%; 
    min-height:100%;
    /* height:auto !important;*/
   }

a img{ border:0 none;}

body, html, form{ height:100%; }

/* overflow:auto; display:block; height:100%; position:relative;*/

body{ font-family:Lato, Sans-Serif; font-size: 1em; color:#37362b;}

#sidebar{ background: #302f2b; width: 22em; float:left; min-height:100%;  height:auto; height:auto !important; overflow:hidden;position:relative;  }
#sidebartop{ background: #302f2b; position:relative; height:100%; }
#sidebarcontent{ padding-bottom:154px;}
#sidebarbottom{ clear:both; height: 154px; margin-top:-154px; position:absolute; text-align:center; width:100%; bottom:0;}
#copy{ font-size: 0.75em; color: #8e8775; font-weight: 300; }
#copy a{ color:#5c5a51; font-weight: 700; text-decoration:none;}
#menu{ display:none;  color: #D6CEB7; font-size: 1.1em; font-weight: 700; padding: 0.6em 0; text-decoration: none; width:100%; text-align:center; }

h1{ margin:0 0 1em; }

#wrap{ height:100%; min-height:100%; position:relative;}

hr{
    background: none repeat scroll 0 0 #5e5a4f;
    border: 0 none;
    font-size: 1px;
    height: 1px;
    margin: 10px auto;
    overflow: hidden;
    width: 60%;
}
hr.spacer{ margin-top: 30px;}

a:link, a:visited{ color:#c41d22; text-decoration:none; font-weight:700; }
a:hover, a:active{ color:#c41d22; text-decoration:underline; font-weight:700; }

#main{ background-color: #666058; background-position:bottom center; background-size:cover;
       height:100%; overflow-x:hidden;
}
#main.bgfull1{ background-image: url(/images/bg/full/home-stairs-full.jpg);}
#maincontent{ padding-top: 5em; }
.vertcent{  display:table-cell; vertical-align:middle; width:100%; height:100%;}

#main2{  margin-left:22em;    height:100%;   min-height:100%; position:relative; }
#maincontent2{   padding: 0 2%; width: 52%; float:none; vertical-align:top; display:inline-block;  min-height:100%;}
#maincontent3{   padding: 0 2%; width: 96%; float:none; vertical-align:top; display:inline-block;  min-height:100%;}
#maincontent4a{   padding: 0 1% 0 2%; width: 47%; float:none; vertical-align:top; display:inline-block;  min-height:100%;}
#maincontent4b{   padding: 0 2% 0 1%; width: 47%; float:none; vertical-align:top; display:inline-block;  min-height:100%;}
#maincontent4c{ padding:1.5em 2% 0 1%; width: 96%; float:none;  }
#sidepic{ position:relative;  float:right;background-size: cover; background-position: bottom center; width: 40%; float:none; display:inline-block;vertical-align:top; padding: 0 2%;      min-height:100%; }
/*#sidepic{ position:fixed; top:0; right:0; background-size: cover; background-position: bottom center; width: 40%; padding-left:22em; float:none; display:inline-block;vertical-align:top;      min-height:100%; }*/
#sidepic.pic1{ background-image: url(/images/bg/half/bg1.jpg);}



.w4content{ width: 23%; margin: 0.5em 1%; float:left; font-size: 0.9em; text-align:center;  }
.w4content img{ max-width:100%; }

.w2content{ width: 46%; margin: 0.5em 1%; float:left; font-size: 0.9em; text-align:center;  }
.w2content img{ max-width:100%; }

.fluid-vids{ margin:0 auto; }

.cpad{ padding: 1.5em 0; }

#sidepic .cpad{ text-align:left; bottom:0; right:0; position:absolute; width: 96%; padding:0 2%; text-align:left;   font-weight:400; font-size: 1.7em; color:#fff; -moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); text-shadow: 2px 2px 5px rgba(0,0,0,0.6);  }

#main h1{  font-weight:400; font-size: 3.2em; color:#fff; -moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); text-shadow: 2px 2px 5px rgba(0,0,0,0.6); }
#main h2{ margin:0; padding:0; font-weight:400; font-size: 2.4em; line-height:3em; color:#fff;-moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); text-shadow: 2px 2px 5px rgba(0,0,0,0.6); }
#main h3{  margin:0; padding:0;font-weight:400; font-size: 1.2em; line-height:1.2em;color:#fff;-moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.6); text-shadow: 2px 2px 5px rgba(0,0,0,0.6); }

#followus{ height:39px; width:100%; text-align:center;  font-size: 15px; color:#a29a86; font-weight:300; line-height: 39px;}
#social{ width: 100%; height: 50px;}
#stripes{ width:100%; height:28px; margin-top: 7px; background:url(/wp-content/images/stripes-footer.gif) repeat-x bottom center;}

#dealersearch{ position:absolute; top:0; right: 5%; background-color:#bbb79c; border-radius: 0 0 5px 5px; padding: 0.7em 1em; font-size: 0.7em;color:#66645c;  }
#dealersearch input[type=text]{ width:160px; border:0 none; border-radius: 5px; color:#898989; padding: 0.5em;margin-left: 0.3em;box-shadow: 1px 1px 3px #87836b; }
#dealersearch  input[type=submit]{ background: url(/wp-content/images/btn-bg-med.gif) repeat center; font-family:Lato, Sans-Serif; border-radius: 5px; font-weight: 700; font-size: 1em;  border:0 none; box-shadow: 1px 1px 3px #87836b; padding: 0.6em;}

#dealersearchalt{ display:none; }

#logo img{ width:100%;}

.btnlarge, a.btnlarge:link, a.btnlarge:visited {
    background: #faef4d url(/wp-content/images/bg-btn-lg.gif) repeat-x center bottom;
    font-size: 1.2em;
    padding: 0.5em 1.2em;
    border-radius: 99px;
    color: #000;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    margin: 0.5em 0;
    display:inline-block;
}
.btnmed, a.btnmed:link, a.btnmed:visited {
    background: #faef4d url(/wp-content/images/btn-bg-med.gif) repeat-x center bottom;
    font-size: 1em;
    padding: 0.5em 1.2em;
    border-radius: 99px;
    color: #000;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    margin: 0.5em 0;
    display:inline-block;
}

.btnsm, a.btnsm:link, a.btnsm:visited {
    background: #faef4d url(/wp-content/images/btn-bg-sm.gif) repeat-x center bottom;
    font-size: 0.8em;
    padding: 0.5em 1.2em;
    border-radius: 99px;
    color: #000;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    margin: 0.5em 0;
    display:inline-block;
}

.video{ margin-bottom: 2em; 2:39 PM 3/17/2014 }
.video img{ max-width:100%; border:1px solid #302F2B; }


ul.nav{ list-style:none; margin:0; padding:1em 0 0 0;}
ul.nav li{ width:100%;text-align:center;  }
ul.nav li a{ display:block; font-size: 1.2em; color:#d6ceb7; font-weight:300; text-decoration:none; padding: 0.6em;}
ul.nav li a:hover{ text-decoration:underline;}

/* subnav */
ul.nav li ul{ font-size: 0.75em; margin:0 auto; width: 85%; padding:0; border-top: 1px solid #5e5a4f; border-bottom: 1px solid #5e5a4f; }
ul.nav li ul li a{ color:#928b77 ; }

#contextlinks{ list-style:none; margin:0; padding:0;}
#contextlinks li{ width:100%;text-align:center;  }
#contextlinks li a{ display:block; font-size: 1em; color:#d6ceb7; font-weight:300; text-decoration:none; padding: 0.6em;}

#contextlinks li ul{ font-size: 0.75em; margin:0 auto; width: 85%; padding:0; border-top: 1px solid #5e5a4f; border-bottom: 1px solid #5e5a4f; }
#contextlinks li ul li a{ color:#928b77 ; }

textlinks li a:hover{ text-decoration:underline;}


/* DEALER SEARCH */
.member{ clear:both; background-color:rgba(255,255,255,0.46); border-radius:10px; border:2px solid rgba(140,136,108,0.46); padding: 0.7em 1.5%; width: 97%; float:left; margin: 0 1.5% 1em 0; font-size: .8em; }
.member h3{  font-size: 1.7em; font-weight:400; margin:0 0 0.5em; }

.memberbuttons{ float:right; text-align:center;  }
.memberbuttons a{ text-align:center; text-decoration:none; color:#37362b;  }

.locationsearch{ }
.locationsearch div{ float:left; padding: 0 1.5em 0 0; margin-top: 1em; vertical-align:middle;}
.locationsearch div.locationor{ padding-top: 2em;}
.locationsearchgo{ clear:both; }

.locresultsl { float:left; margin: 0.5em 0; }
.locresultsr { float: right;  margin: 0.5em 0; }

/* PRODUCTS */
.boxmed{ width: 20%; padding: 1em 1%; margin:0 2% 1em 0; float:left; background-color:rgba(255,255,255,0.8); border-radius:10px; border:2px solid rgba(140,136,108,0.46);}
.boxmed .qtybox{ width: 2em; }
.boxmed .price{ font-weight: 700; width:100%; font-size: 1.1em; text-align:center;}
.boxmed .add{  text-align:center; }
.boxmed .qtylabel{ font-size:0.85em; }
.boxmed .desc{ font-size: 0.85em; }
.boxmed .thumb{ text-align:center; }
.boxmed .thumb img{ max-width:100%; }

@media (max-width:900px) {
.boxmed{ width: 45%;}
.clearselect2{ clear:both; }
}
@media (max-width:445px) {
.boxmed{ width: 97%;}
}


.qtybox{width: 2em; }

.addlview{ width: 7em; height: 7em; background-repeat:no-repeat; background-size: cover; margin: 0 1em 0.5em 0; border: 2px solid #302F2B; }
.addlview:hover{ border-color: #c41d22;}

/* BEGIN: WPX CART */
#cart{  width:100%; background-color:rgba(255,255,255,0.8); font-size: 0.8em; border-radius:10px;border: 2px solid rgba(140,136,108,0.46); margin-bottom: 1em; }
.cart{ width:100%;   }
.cart td, .cart th{ padding: 0.5em;}
.cart th{ padding: 0.5em; border-bottom: 2px solid rgba(140,136,108,0.46); }
#cart input[type=submit]{
        background: #faef4d url(/wp-content/images/btn-bg-med.gif) repeat-x center bottom;
    font-size: 1em;
    padding: 0.5em 1.2em;
    border:0 none;
    border-radius: 99px;
    color: #000;
    text-decoration: none;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0.5em 0;
    display:inline-block;
    cursor: pointer;
}
.cart_ship_estimate tr td{ padding:0;  }
.cart_ship_group{ font-weight:700;}
#cart tr.cartshipestimate td{text-align:right; }

@media(max-width:620px){
/* responsive cart view, Force table to not be like tables anymore */
	#cart table, #cart thead, #cart tbody,#cart th, #cart td, #cart tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#cart thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#cart tr { border: 1px solid rgba(140,136,108,0.46); }
	
	#cart td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	#cart td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#cart td:nth-of-type(1):before { content: ""; }
	#cart td:nth-of-type(2):before { content: ""; }
	#cart td:nth-of-type(3):before { content: "Description"; }
	#cart td:nth-of-type(4):before { content: "Quantity"; }
	#cart td:nth-of-type(5):before { content: "Price"; }
	#cart td:nth-of-type(6):before { content: "Total"; }
	#cart td:nth-of-type(7):before { content: "Remove"; }
	
	
	#cart tr.icartitemrow{}
	#cart tr.icartadditionalitemrow{}
	#cart tr.cartheader{}
	#cart tr.cartsubtotal td{display:table-cell; padding-left:1%; text-align:right; }
	#cart tr.cartshipestimate td{display:table-cell; padding-left:1%; }
	#cart tr.carttotal td{ display:table-cell; padding-left:1%; text-align:right; }
	#cart tr.cartagreement td{display:table-cell; padding-left:1%;}
	#cart tr.carterror td{display:table-cell; padding-left:1%;}
	#cart tr.cartbuttons td{display:table-cell; padding-left:1%;}
}
/* END: WPX CART */

/* TESTIMONIALS */
.testimonial {
    font-size:1em;
    margin: 0;
    padding: 1em 2% 1em;
    border-bottom:2px solid rgba(140,136,108,0.46);
}
.testimonial.full {
    
}
.author, .customer {
    font-weight: 700;
    padding: 0.25em 0 0;
    text-align: right;
    font-style:italic;
}
.location {
    font-weight: 700;
    text-align: right;
    font-style:italic;
}
.author strong {
}
.date {
font-style:italic;
font-weight:400;
font-size:0.9em;
    text-align: right;
}
.date span {
}

#sidepic .testimonial{ font-size: 0.8em; border:0 none; }


/* BEGIN: WPC CHECKOUT */
.wpc_checkout_wrap{ width: 95%; padding: 10px;  clear:both; 
	
	padding: 0 2%;   }
.wpc_checkout_prevnext_buttons{ clear:both; }
.wpc_checkout_steps{ list-style:none; width: 100%; height: 50px; margin:0 0 0 -2%; padding: 0;       }
.wpc_checkout_steps li{ width: 150px; height: 50px; float:left; text-align:center;  }
.wpc_checkout_steps li a{  height: 50px; display:block; line-height: 45px; text-decoration:underline; }
.wpc_checkout_steps li a.aspNetDisabled, .wpc_checkout_steps li a.aspNetDisabled:link, .wpc_checkout_steps li a.aspNetDisabled:visited,
.wpc_checkout_steps li a.aspNetDisabled:hover, .wpc_checkout_steps li a.aspNetDisabled:active{ text-decoration:none; font-weight:normal; }
.wpc_checkout_steps li.wpc_checkout_active_step{ }
/* you can customize each individual step if desired */
.wpc_checkout_steps li.wpc_checkout_active_step1{ }
.wpc_checkout_steps li.wpc_checkout_active_step2{ }   
.wpc_checkout_steps li.wpc_checkout_active_step3{ }
.wpc_checkout_steps li.wpc_checkout_active_step4{ }
.wpc_checkout_steps li.wpc_checkout_active_step5{ }
.wpc_checkout_steps li.wpc_checkout_main{ clear:left; 
	background-repeat:repeat;    }

.wpc_checkout_billing_address_select, .wpc_checkout_shipping_address_select{ list-style:none; margin:0; padding:0; clear:both;  }
.wpc_checkout_billing_address_select li, .wpc_checkout_shipping_address_select li{ float:left; width: 200px; height: 100px; }

@media all and (min-width: 0) and (max-width: 789px) 
{
   .wpc_checkout_steps li{ width: 100%; height: 35px; } 
}
/* END: WPC CHECKOUT */

/* BEGIN: CALEDNAR */

.event_months{ width: 100%; text-align:center; margin-top: 30px;}
.event_months a{ font-family: 'Lato', sans-serif; font-size: .9em; text-transform:uppercase; margin-right: 1em; white-space:nowrap; }
.cal {
    border: 1px solid #302f2b;
    border-collapse: collapse;
    background-color:#fff;
}
.cal caption {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
}
.cal td, .cal th {
    border: 1px solid #302f2b;
    height: 28px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
.cal th {
    border-top:3px solid #302f2b; background: #c9c5a9; font-family: 'Lato', sans-serif; font-size: .9em; text-transform:uppercase; height: 2em; line-height: 2em; font-weight:400; margin:0;
}
.caldaypopup {
    background-color: #002C75;
    border: 1px solid #020202;
    display: none;
    font-size: 11px;
    height: 97px;
    margin: -142px 0 0 -44px;
    padding: 7px;
    position: absolute;
    width: 97px;
}
.cal.big {
    width: 100%;
}
.cal.big td {
    height: 100px;
    vertical-align: top;
    width: 14.2857%;
}
.cal.big .day {
    padding: 4px;
    text-align: left;
    width: 100%;
    font-family: 'Lato', sans-serif; font-size: .9em; 
}
.cal.big .caldayclosed {
    background: #ededed;
}
.cal.big a.evt{ background: #92b5d8; display:block; padding: .2em; font-size: .7em; margin: 0 2% .3em;  -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; }
.cal.big a.evt:link, .cal.big a.evt:visited{ color:#fff;  }
.cal.big a.evt:hover, .cal.big a.evt:active{ color:#fff;  }
.caldayactive {
}
.caldayactivelink {
    background: #002745;
    display: block;
    height: 21px;
    margin: 0;
    padding: 7px 0 0;
    width: 28px;
}
.caldayinactive {
    display: block;
    height: 21px;
    margin: 0;
    padding: 7px 0 0;
    width: 28px;
}
.caldayclosed .caldayactivelink {
    background: #4A5778;
}
.cal.big .caldayactivelink {
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
}
.cal.big .caldayinactive {
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
}


/* END:CALENDAR */

/* ERRORS */

.WPERR_Error, .WPERR_Validation, .WPERR_Information, .WPERR_Warning, .WPERR_Fatal, .WPERR_Login, .WPERR_Success
{
	color: #000000;
	font-weight: 700;
	text-transform:none;
	background-color: #fdfadb;
	background-repeat: no-repeat;
	background-position: left;
	padding: 12px 7px 12px 42px;
	border:1px solid #808fb0;
	margin: 7px;
	display:block; /* adding to fix save button overlap.  */
}

.wphelpicontext{background-color: #FDFADB;
    border: 1px solid #808FB0;
    margin-left: 360px;
    margin-top: 20px;
    padding: 3px;
    width: 275px;
    z-index: 30;

}
.wphelpicon{margin: 0 0 2px 7px; vertical-align:middle;}


.nobullets{ list-style:none; clear:both; padding: 10px 0; margin:0;}
label{ font-weight:bold; display:inline-block;}
fieldset label, .wpc_checkout_payment_box label{ width: 30%; }
.widgetcontent label, .wpc_checkout_billing_address_select label, .wpc_checkout_shipping_address_select label{ display:block;}


.WPERR_Error, .WPERR_Validation, .WPERR_Fatal, .WPERR_Login, .WPERR_Information{ background-image:url(/wp-admin/images/ico-error.gif); }
.WPERR_Warning { background-image:url(/wp-admin/images/ico-warning.gif); }
.WPERR_Information { background-image:url(/wp-admin/images/ico-info.gif); }
.WPERR_Success { background-image:url(/wp-admin/images/ico-check.png); }
.err, .error{ font-weight: bold; color: Red;}

.clear{ clear:both; }


/*media queries*/

/* sidepic adjustments */
/*
#maincontent2{ width: 66%; float:left; }
#sidepic{ width: 34%; float:right;}*/

@media (max-width:1096px){ #maincontent4c{ padding-top: 3em; } }

@media (max-width:1200px) {
    #dealersearch{ right: 10px; }
}
@media (min-width:900px) and (max-width:1096px){
    #dealersearch{ right: 10%; }
    #maincontent2 { width: 62%; }
    #sidepic{  width: 30%;}
    #sidepic .cpad{ width: 30%; }
    .cpad{ padding-top: 3.2em; }
}
@media (min-width:690px) and (max-width:900px){
    #sidepic { display: none; }
    #maincontent2{ width:96%; }
    .cpad{ padding-top: 3.2em; }

    #sidebar{ width: 19em;}
    #main2{ margin-left: 19em;}
#maincontent4a, #maincontent4b{ width: 96%; padding:0 2%; }
}

@media (min-width:621px) and (max-width:690px) {
    #sidebar{ width: 17em;}
    #maincontent2{ width:96%; }
    #main2{ margin-left: 17em;}
    #sidepic { display: none; }
#maincontent4a, #maincontent4b{ width: 96%; padding:0 2%; }
}
/* mobile format */
@media(max-width:620px){
    #sidepic { display: none; }
    #maincontent2{ width:96%; }
    #maincontent4a, #maincontent4b{ width: 96%; padding:0 2%; }
    #main2{ margin-left:0; }
    #sidebar{ width: 100%; float:none; }
    #menu{ display:block;}
    ul.nav{ padding-top:0; }
    #sidebar, #sidebartop, #sidebarbottom{ min-height:initial; height:auto;}
    .menutoggle{ display:none; }
    #sidebarcontent{ padding-bottom:0;}
    #sidebarbottom{ margin-top: 0; position:relative;  }
    #stripes{ height:15px; }
    #main{ min-height:100%;}
    
.w4content{ width: 46%; }
.w2content{ width: 98%; }
    #dealersearch{ display:none; }

    #dealersearchalt{ display:block;  padding: 0.7em 3%; font-size: 0.7em;color:#d6ceb7; width: 90%; margin:0 auto;text-align:center;  }
    #dealersearchalt input[type=text]{ width:160px; border:0 none; border-radius: 5px; color:#898989; padding: 0.5em;margin-left: 0.3em; }
    #dealersearchalt  input[type=submit]{ background: url(/wp-content/images/btn-bg-med.gif) repeat center; font-family:Lato, Sans-Serif; border-radius: 5px; font-weight: 700; font-size: 1em;  border:0 none; padding: 0.6em;}

}