/*start ss base*/
*{margin:0;padding:0}
body{margin:0;padding:0;font-family:arial,helvetica,'sans serif'}
.contain{z-index:1}
div.titlehead{z-index:10;}
div{position:relative;box-sizing:border-box}
div.loading,div.overlay_content{background-color:white;border:1px solid #649b36;border-radius:10px;display:none;margin:0 auto;min-height:200px;padding-top:10px;position:fixed;z-index:500;box-shadow:1px 3px 5px silver}
div.overlay_content,div.screen_overlay{position:fixed;min-height:300px;z-index:10000;top:10%;height:80vh;left:17%;padding-bottom:20px;padding-top:10px;top:10%;width:65%; overflow:auto}
div.form_content{margin:0 auto;}
div.screen_overlay{display:none;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.4);position:fixed;}
div.form_content{width:30%;min-width:300px;min-height:300px;_height:300px;_width:300px;position:relative; background-color:white;border-radius:10px;border:1px solid #649B36;top:10%;overflow:auto;}
div.loading{top:0px;width:300px;height:auto;min-height:50px;_height:50px;border-radius:0 0 10px 10px;left:50%;margin-left:-150px;z-index:9010;}
div.loading > p{text-align:center;font-family:arial,helvetica,'sans serif';font-size:14px;line-height:20px;color:#666666;}
div.form_content > form{padding-bottom:30px}
p.timer{text-align:center;height:20px;width:20px;background-image:url(https://smartimagehq.com/images/icons/ajax-loader-sm.gif);background-size:100% auto;background-repeat:no-repeat;padding:0 !important;margin:0 auto;}

#div1{z-index:10000}
#div1,#div1 a,#div1 p,#div1 div,#div1 h3{font-size:13px;font-family:arial,helvetica,'sans serif';text-transform:none}
#div1 img,h3 img{padding:0;margin:0}
img{aspect-ratio:attr(width) / attr(height);}
h3.logch{cursor:pointer}
/* s tab */
div#div1{background:0;border:0;height:auto;z-index:10000;top:0}
div#div1 div.width{background-color:white;width:100%;margin:0 auto;-ms-filter:"alpha(Opacity=90)";filter:"alpha(Opacity=90)";opacity:0.9}
div#div1 div.width div.ssibar div.d1d h3,div#div1 div.width div.ssibar div.login h3{text-transform:none;font-size:12px;margin:0;padding:10px 20px 10px 30px;color:#639b36;font-weight:bold;text-shadow:1px 1px 2px silver}
div#div1 div.width div.ssibar div.d1d{margin:0;padding:10px 0;float:left;width:25%}
div#div1 div.width div.ssibar{margin:0 auto;max-width:1200px}
div#div1 div.width div.ssibar div.d1d p,div#div1 div.width div.ssibar div.login p,div#div1 div.width div.ssibar div.myss p{color:#455560;position:relative;font-size:12px;padding:5px 20px 5px 30px;line-height:15px;margin:0}
div#div1 div.width div.ssibar div.d1d a{color:#455560;text-decoration:none;margin:0;padding:0}
div#div1 div.width div.ssibar div.d1d a:hover,div#div1 div.width div.ssibar div.login a:hover,div#div1 div.width div.ssibar div.myss a:hover{color:#062235;text-decoration:underline}
div#div1 div.width div.ssibar div.login,div#div1 div.width div.ssibar div.myss{padding:0;margin:0}
div#div1 div.width div.ssibar div.d1d p.smallcaps{text-transform:capitalize;float:none;width:90%}
div#div1 div.width div.ssibar div.login input[type=text],div#div1 div.width div.ssibar div.login input[type=password]{padding:3px;margin:0;border:1px solid #639b36;border-radius:3px;box-shadow: 1px 1px 5px #E2E2E2;width: 70%;}
div#div1 div.width div.ssibar div.login input[type=submit]{height:25px;line-height:25px;width:50px;border: 1px solid silver;background-color:#649B36; border-radius: 3px;box-shadow: 1px 2px 5px silver; margin: 10px 0 0;  padding: 3px 3px 6px;color:white}
div#div1 div.width div.ssibar div.login input[type=submit]:hover{border: 1px solid grey;background-color:#dad021;}
input#gologin{width:20%}
#div1 div.sscog{position:relative;bottom:0;height:17px;margin:0 auto;background:0;overflow:hidden;width:475px}
div.sscog img{position:relative;bottom:0;left:auto;right:0;height:17px;width:475px}
#div1 div.closer{position:absolute;right:10px;top:20px}
div#div1{width:100%;height:17px;text-align:left;position:absolute}
div#div1 span a:hover{text-decoration:underline}
a img,#div1 div img,#div1 img,.width img,.width div img{margin:0;padding:0}
div#div1 div.width ul li a,div#div1 div.width ul li a:visited{color:white;font-family:arial}

.listalt,.list,.listhead,.listfoot{clear:left;text-align:left;width:auto;min-height:30px;_height:30px}
div.list div,div.listalt div{display:inline-block;vertical-align:top;text-align:left;margin:0;box-sizing:border-box;min-height:25px;padding:0}
div.listalt div{background-color:#d9d9d9;}
div.listhead div,div.listfoot div{display:inline-block;vertical-align:top;text-align:left;font-weight:bold;border-bottom:1px solid #a9a9a9;box-sizing:border-box;min-height:25px;padding:0 0 0 10px}
.slist{clear:left;margin:10px;text-align:justify;width:100%}
div #mess{clear:left;width:90%;padding:10px}
div.list80p{width:80%;}
div.list70p{width:70%;}
div.list3p{width:3%}
div.list5p{width:5%}
div.list7p{width:7%}
div.list8p {width:8%;}
div.list10p{width:10%}
div.list15p{width:15%}
div.list20p{width:20%}
div.list25p{width:25%}
div.list30p{width:30%}
div.list33p{width:33%}
div.list35p{width:35%}
div.list40p{width:40%}
div.list45p{width:45%}
div.list50p{width:50%}
div.list60p{width:60%}
div.list75p{width:75%}
div.list1{width:10px}
div.list2{width:20px}
div.list4{width:40px}
div.list3{width:30px}
div.list5{width:50px}
div.list7{width:70px}
div.list8{width:80px}
div.list10,div.list10s{width:100px}
div.list12{width:120px}
div.list15,div.list15f{width:150px}
div.list20{width:200px}
div.list25{width:250px}
div.list30{width:300px}
div.list33{width:330px}
div.list35{width:350px}
div.list45{width:450px}
div.list40{width:400px}
div.list50{width:500px}
form div.list div.list15f{width:20%}
form div.list div.list50{width:80%}
form div.list div,form div.listalt div{display:inline-block;vertical-align:top;min-height:22px}
form div.list,form div.listalt{min-height:22px;height:auto;}
form div.listalt{background-color:#d9d9d9}
.listsm{clear:left;text-align:justify;margin:0;width:100%;font-size:11px}
div.res,div.error,p.div.alert{border-style:solid;padding:6px 0 3px 30px;text-align:left;clear:both;line-height:12px;background-repeat:no-repeat;border-width:0 0 2px 0}
div.res div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);background-position:0 0}
div.error div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#c8323e;background-position:0 48px}
div.alert div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#c8323e;background-position:0 24px}
div.alert{border-color:#c7c031}
div.res{border-color:#649b36}
div.error{border-color:#c8323e}
a.info,a.info:visited,a.info:active{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#a4627e;padding:6px 10px 3px 30px;background-repeat:no-repeat;background-position:0 33%;display:block;line-height:12px}
a.info:hover{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#433334;background-position:0 44%}
p.clsfsc img{padding:0;margin:0}
div.bodyol span.closeol,p.clsfsc{background-image:url(https://smartimagehq.com/images/icons_le/32/sign-error.png);background-position:50% 50%;background-repeat:no-repeat; cursor:pointer;right:10px; position:absolute;top:60px;margin:0; height:24px;width:24px;padding:10px;background-size:28px;display:block;z-index:1;}
.logged p.clsfsc{top:50px}
div.bodyol span.closeol{position:absolute;right:350px;top:100px;}
div.bodyol{position:absolute;width:100%;height:100%;}
}

div#cartaddd p,div#cartadd p a{color:#333}
div#cartaddd {background-color:white;border:1px solid silver;width:300px;top:35%;left:50%;margin-left:-125px;}
div#cartaddd p.ca_result{font-weight:bold;}

div.foot{width:100%;height:20px;text-align:center;font-size:10px;clear:left}
.foot div span a,.foot div span{font-size:10px;height:11px;vertical-align:top}
div.foot div{width:984px;margin:0 auto}
.foot div span{float:right;margin:0}
.foot div span#ft_1{float:left;}
div.sfoot{width:100%;height:10px;text-align:center;font-size:10px;clear:left}
.block{display:block !important}
span.hidespan,span.showspan{display:inline-block;font-weight:bold;vertical-align:top;cursor:pointer;background-position:50% 50%;background-size:contain;float:none;background-repeat:no-repeat}

#calendarDiv{display:block;display:none;margin-left:-200px;margin-top:-30px;position:relative;z-index:200}
#calendarDiv a{cursor:pointer}
#calendar{clear:both;text-align:center;background:#ddd}
#calendar,#linksTable{width:160px}
#calendar .calendarHeader{font-size:9px}
#calendar .weekDaysTitleRow{font-size:8px}
#calendar .weekDaysRow{font-size:8px}
#closeCalender{position:absolute;right:0;bottom:100%;margin-bottom:0;display:block;padding:2px;cursor:pointer;width:100%;text-align:center;font-size:9px}
#linksTable a{display:block;letter-spacing:1px;font-weight:bold;font-size:10px;padding:2px 5px}
#prevMonth{float:left}
#nextMonth{float:right}
div.bodyol{height:100%;width:100%;display:none;position:fixed;background-color:rgba(71, 85, 102, 0.4);z-index:10000;top:0;left:0}
/* slideshow overlay default*/
div.albcon{display: block;position: absolute;bottom:10px;left: 0;width: 100%;height: 60px;z-index: 1000;}
div#nxp{display: block;position: absolute;top: 0;right: 10px;width: 30px;height: 30px;margin:0;z-index: 99;background-image: url(https://smartimagehq.com/images/icons_le/32/sign-right.png);background-position: 0 0;background-repeat: no-repeat;background-size:contain;}
div#nxp:hover{cursor:pointer;}
div#pplay{display: none;position: absolute;left: 50%;margin:0 0 0 -15px;width: 30px;height: 30px;z-index: 9999;background-image: url(https://smartimagehq.com/images/icons_le/32/sign-play.png);background-position: 0 0;background-repeat: no-repeat;background-size:contain;}
div#pplay:hover{cursor:pointer;}
div#ppause{display: none;position: absolute;left: 50%;margin:0 0 0 -15px;width: 30px;height: 30px;z-index: 9999;background-image: url(https://smartimagehq.com/images/icons_le/32/sign-pause.png);background-position: 0 0;background-repeat: no-repeat;background-size:contain;}
div#ppause:hover{cursor:pointer;}
div#pvp{display: block;position: absolute;top: 0;left: 10px;width: 30px;height: 30px;margin:0;z-index: 99;background-image: url(https://smartimagehq.com/images/icons_le/32/sign-left.png);background-position: 0 0;background-repeat: no-repeat;background-size:contain;}
div#pvp:hover{cursor:pointer;}

div.pic,div.gallcol div.pl,div.gallcol div.mpicl{width: 100%;height: 100%;}
div.panel-overlay{width:100%;height:80px;background-color:rgba(255,255,255,0.3);}
div.pic div.pl{width:100%;}
div.pic div.pl.pp{width:auto;height:100%;margin:0 auto}
a.imgLink{display:block;width:100%;height:100%}

div.cmonth{background-color:#eeeeee;width:100%;height:100%}

/*basic form*/
form.ccform input[type=text],input[type=email]{padding:5px;width:70%;}
form.ccform input[type=radio]{height:auto;width:auto;}
form.ccform select{padding:5px;width:70%}
form.ccform input[type=checkbox]{height:auto;width:auto}
form.ccform textarea{padding:5px;font-family:arial,helvetica,sans-serif;width:70%;font-size:13px;}
form.ccform input[type=submit],form.ccform input[type=button]{color:white;background-color:#2980B9;padding:5px 20px;font-weight:bold;border-radius:4px;}
form.ccform input[type=submit]:hover{background-color:#2ECC71;}

/* dl map */
div.dl-inner-container{width:100%;background-color:#f1f2f2;padding-bottom:20px;margin-bottom:20px;}
div.dl-image-container{width:100%;height:200px;background-size:cover;}
div.dl-image-container.dl-no-bg{height:0px;}
div.dl-desc-container{}
div.dl-icon-desc{padding-bottom:20px;height:65px;margin:auto;background-repeat:no-repeat;width:65px;margin-top:30px;}
div.dl-title > h3{text-align:center;font-size:18pt;padding-top:20px;padding-bottom:10px;color:#86363b;font-family:Oswald;}
div.dl-address{padding:10px;}
div.dl-address > p{font-size: 10px;font-family: Open Sans;}
div.dl-phone{padding:10px 0 0 10px;}
div.dl-phone > p{font-size: 10px;font-family: Open Sans;}
div.dl-website{padding:0 0 0 10px;}
div.dl-website > p{font-size: 10px;font-family: Open Sans;}
div.dl-features{padding:10px;}
div.dl-features > ul{padding:0 0 0 10px;}
div.dl-features > ul > li{padding:0 0 0 10px;font-size: 10px;font-family: Open Sans;}
div.dl-features > ul > li > ul{padding:0 0 0 10px;}
div.dl-features > ul > li > ul > li{font-size: 10px;font-family: Open Sans;}
div.dl-desc{padding-left:10px;padding-right:10px;padding-bottom:20px;padding-top:20px;text-align:center;}
div.dl-more{width:50%;margin-left:25%;height:50px;line-height:50px;text-align:center;border:1px;border-style:solid;border-color:black;}
div#map{height:500px;margin:50px 0;display:inline-block;width:70%;vertical-align:top;}
div.dl-map-filter{}
div.dl-map-filter-title{text-align:center;font-size:18pt;padding-bottom:10px;color:#86363b;font-family:Oswald;}
div.dl-map-filter-icons{text-align:center;}
div#dl-map-info{margin:50px 0; display:inline-block;width:30%;overflow:auto;height:500px;vertical-align:top;}
div.dl-icon{cursor:pointer;padding-top:100px;color:#86363b;font-family:Oswald;font-size:12pt;display:inline-block;height:100px;width:100px;background-repeat:no-repeat;background-position:50% 50%}
div.dl-active{text-decoration: underline ;}

/* Individual dl listing details */
div.ILContainer{}
div.ILImage{width: 50%;min-height: 400px;display: inline-block;}
div.ILDetails{display: inline-block;width: 50%;vertical-align: top ;}
div.ILTitle h1{padding-left:20px;text-align:left;font-size:18pt;padding-bottom:10px;color:#86363b;font-family:Oswald;width:100%;}
div.ILAddress{text-align:left;font-size:10px;padding-bottom:10px;color:black;font-family:Open Sans;width:50%;display: inline-block;}
div.ILPrice{vertical-align: top;text-align:right;padding-bottom:10px;width:50%;display: inline-block;}
div.ILPrice p{font-size:10px;font-family:Open Sans;}
div.ILPrice p em{color:#86363b;font-family:Open Sans;font-size:20px;}
div.ILARating{}
div.ILDesc h3{width:100%;color:#86363b;padding-left:20px;}
div.ILDesc{width:100%;padding-bottom:20px;}
div.ILFeatures{padding-bottom:20px;padding-left: 20px;}
div.ILPhone{width:100%;}
div.ILWebsite{width:100%;}
div.ILLinks{width:100%;}

/* search elements */
div.dl_search div.autocomplete-suggestions {display:block;position:absolute;border:1px solid #f2f2f2;background-color:white;margin:0}
div.dl_search div.autocomplete-suggestion {padding:5px 20px;margin:0}
div.dl_search div.autocomplete-suggestion:hover {background-color:#f2f2f2;}
div.dl_search input {border:1px solid #f2f2f2;padding:5px;font-size:14px;color:#333333}

/*end ss base*/

/* start basic animations*/
@keyframes pulse {
  0% {background-color: #001F3F;}
  100% {background-color: #FF4136;}
}
@keyframes throb {
  0% {background-size: 100%;}
  50% {background-size: 120%;}
  100% {background-size: 100%;}
}
@keyframes spin {
 0% {transform:rotateY(0deg);  }
 100% {transform: rotateY(360deg);}
}
@keyframes roll {
 0% {transform:rotate(0deg);  }
 100% {transform: rotate(360deg);}
}
@keyframes wobbly_knight{
 0%{left:35%;}
 35%{left:25%;}
 80%{left:40%;}
 100%{left:35%;}
}
@keyframes flicker_on{
 0%{opacity:0;}
 15%{opacity:0.5;}
 25%{opacity:0.3;}
 35%{opacity:0.5;}
 60%{opacity:0.3;}
 70%{opacity:0.7;}
 80%{opacity:0.5;}
 100%{opacity:1;}
}
@keyframes fade_in_out_5{
 0%{opacity:1;}
 17%{opacity:1;}
 22%{opacity:0;}
 95%{opacity:0;}
 100%{opacity:1;}
}
@keyframes wobble_rotate {
 0% {transform:rotate(0deg);  }
 5% {transform:rotate(10deg);  }
 10% {transform:rotate(-10deg);  }
 20% {transform:rotate(15deg);  }
 30% {transform:rotate(-15deg);  }
 40% {transform:rotate(20deg);  }
 50% {transform:rotate(-20deg);  }
 60% {transform:rotate(15deg);  }
 70% {transform:rotate(-15deg);  }
 80% {transform:rotate(10deg);  }
 90% {transform:rotate(-10deg);  }
 95% {transform:rotate(5deg);  }
 100% {transform: rotate(0deg);}
}
@keyframes fade_out{
0%{opacity:1;}
100%{opacity:0;}
}

/*css_base_start*/
.mm_icon{display:none;}
a.hspot{z-index:15}
div.width{width:100%;padding:0}
ul li div.lmenu p,li div.lmenu p a,li div.lmenu form,li div.lmenu,li div.lmenu h3{color:#666;height:auto;clear:left}
td{font-size:14px;font-family:arial}
.caption{font-size:10px;text-align:center}
p.smallcaps,div.lmenu p.smallcaps,div.login p.smallcaps,#logd div.login p.smallcaps{font-size:8px;clear:none}
.small,.small span{font-size:8pt;text-align:left}
.mainpic{border:1px solid silver}
h1{font-size:14pt;}
h2{font-size:12pt;}
h3{font-size:11pt;}
h4{font-size:10pt;}
h5{font-size:9pt;}
h6{font-size:8pt;}
.h6{font-size:11px;}
.hlink span.h6{margin:0}
div.spacer{font-size:11px;color:#4c4680}
h4.small{font-size:8pt;text-align:justify}
#replies .spacer{font-weight:normal;font-size:11px}
h3 span{font-size:10pt;font-weight:normal;float:right}
span.right,p.right,p.right a{font-weight:normal;float:right;font-size:11px;}
p.right,p.right a:hover{clear:right}
div.hlink div span{float:left;position:relative}
div.clr,form div.clr,form div.list div.clr,form div.listalt div.clr{clear:both;float:none;min-height:0;height:0}
img{position:relative}
li{margin-left:20px}
ul ul{position:relative;list-style-type:square}
.list ul{padding:0;margin:0 0 0 5px;border:0;display:block;list-style-type:square;line-height:1.5em}
.mainpic{margin:0 auto}
div.clear{clear:both;height:15px}
div.catpath h4{margin:0;padding:3px 10px}
iframe#showlogin{display:none;position:absolute;top:0;left:130px;height:25px;width:250px;z-index:9000;background-color:transparent}
form{margin:0}
textarea{border:1px solid #ccc}
select{font-size:8pt}
.submit{font-weight:bold;height:21px;}
form p input,form p select,form div input,form div select{margin:0;border:1px solid silver}
form button{border:0;background:0;margin:0;padding:0}
form button img{padding:0;margin:0}
img#ppi{margin-left:-15px}
.right{float:right;margin:0 10px 0 5px}
div.lmenu p,div.login p,#logd div.login p,div.myss p{margin:1px 0 0 0;text-align:left;font-size:11px;padding:1px 10px}
div.lmenu p a,div.login p a,#logd div.login p a,div.myss p a{display:block;padding:3px 0 3px 10px;margin-left:-10px}
div.lmenu p a:hover,div.login p a:hover,#logd div.login p a:hover,div.myss p a:hover{display:block;text-decoration:none}
div.lmenu,div.myss{width:100%}
div.bspace a,div.bspace a:visited{display:block}
.lmenu h3,div.login h3,.myss h3{padding:5px 0;display:block;font-weight:bold;font-size:11px;color:#333;text-transform:uppercase;margin-bottom:5px}
#logd p,#logd p a,#logd p.right a,#logd p.right a:visited,#managed p,#managed p a,#managed p.right a,#managed p.right a:visited{color:#333;background-color:white;font-family:arial}
#logd div.login p a:hover{color:black;background-color:#eee}
div.mpcontain{float:right;margin:0 15px;background:0;width:200px;min-height:190px;_height:190px;position:relative}
div#ipd{clear:both;margin:0}
div.ss div.mainpic{background-position:50% 50%;height:170px;z-index:120;width:200px;display:block;background-repeat:no-repeat}
div.ss div.mainpic a{height:170px;width:100%;display:block}
div.enl{height:13px;width:13px;position:absolute;top:185px;right:20px;background-image:url(https://smartimagehq.com/images/icons/enlarge.png)}
div.caption{text-align:left;line-height:20px}
div.pprog{position:relative;width:60px;font-weight:bold;margin:-3px 0 0;line-height:18px;text-align:center;font-size:18px;z-index:122}
span#pv{cursor:pointer;float:left}
span.ofof{font-weight:normal;font-size:10px;line-height:18px}
span#nx{cursor:pointer;float:right}
a:link{text-decoration:none}
a:active{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
#cart p.cartline{background-image:url(https://smartimagehq.com/images/icons/cart.png);background-repeat:no-repeat;padding-left:20px;background-position:0 2px;line-height:16px;padding-top:4px}
div.pcopics{position:absolute;background-color:transparent;display:none}
div.relpcop{position:relative;width:100%;height:100%}
div.popic{display:none;width:100%;height:100%;position:absolute;background-position:50% 50%;background-repeat:no-repeat}
div.popic a{width:100%;height:100%;display:block}
div.pcwtip{position:absolute;display:none;line-height:20px;border:1px solid silver;background-color:white;padding:3px}
div.pcoswatches p.small span{display:none;cursor:pointer}
div.pcos{margin:0 auto;padding:0;position:relative}
div.pcswatch{background-repeat:no-repeat;background-position:50% 50%;float:left;padding:0;cursor:pointer}
div#buttdiv{position:relative}
div#preload{position:absolute;left:-9999px;top:-9999px;display:block}
div.hartpic{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat}
div.psdiv{display:none}
form span.fldreqd{font-weight:bold; vertical-align:middle; line-height:12pt; font-size:16pt; color:red;}
form div span.fieldTitle{display:block}
form div.requiredField input,form div.requiredField select{border:2px solid red}
/*css_base_end*/

/*css_autolink_lb_1-1_start*/
div#lb_1-1{width:100%;height:100%;}
div#lb_1-1 div#fp{position:relative;width:100%;height:100%;padding:0;margin:0;}
div#lb_1-1 div.wit{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
div#lb_1-1 div.wt{display:block;top:75%;width:50%;height:100px;padding:0;margin:0;background-color:rgba(0, 0, 0, 0.6);border-radius:0 50px 50px 0;color:rgb(255, 255, 255);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:70px;line-height:100px;text-align:center;}
/*autolink_lb_1-1_end*/
/*css_autolink_lb_1-2_start*/
div#lb_1-2{position:absolute;top:0;right:1vw;width:15vw;height:100%;z-index:9;}
div#lb_1-2 h3{float:none;width:100%;padding:3px 0 0 0;background-color:rgb(255, 255, 255);border-radius:0;color:rgb(50, 55, 121);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .5vw);font-weight:bold;line-height:150%;text-align:center;}
div#lb_1-2 div.cdiv > p{padding:2% 05%;color:rgb(159, 149, 123);line-height:150%;text-align:center;}
div#lb_1-2 div.cdiv > p > a{display:block;padding:0;box-sizing:border-box;background-color:rgb(246, 231, 28);border-width:2px;border-style:solid;border-color:rgb(217, 217, 217);border-radius:3px;color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .5vw);font-weight:bold;line-height:25px;}
div#lb_1-2 div.cdiv > p > a:hover{background-color:rgb(5, 10, 48);border-color:rgb(5, 10, 48);color:rgb(255, 255, 255);text-decoration:none;}
/*autolink_lb_1-2_end*/
/*css_autolink_lb_1-3_start*/
div#lb_1-3 div.cdiv > p{padding:6px 28px;color:#9f957b;line-height:18px;}
div#lb_1-3 div.cdiv > p > a{display:inline-block;background-color:white;line-height:25px;}
div#lb_1-3 div.cdiv > p > a:hover{text-decoration:underline;}
/*autolink_lb_1-3_end*/
/*css_autolink_lb_1-4_start*/
div#lb_1-4 div.cdiv > p{padding:6px 28px;color:#9f957b;line-height:18px;}
div#lb_1-4 div.cdiv > p > a{display:inline-block;background-color:white;line-height:25px;}
div#lb_1-4 div.cdiv > p > a:hover{text-decoration:underline;}
/*autolink_lb_1-4_end*/
/*css_autolink_lb_2-1_start*/
div#lb_2-1{display:block;position:relative;width:100%;height:55vh;padding:0;margin:0;box-sizing:border-box;z-index:0;background-color:rgba(233, 233, 233, 0);border-width:2px 0;border-style:solid;border-color:rgb(246, 231, 28);}
div#lb_2-1 div.fp{width:100%;height:100%;}
div#lb_2-1 div#fp{width:100%;height:100%;}
div#lb_2-1 div.wit{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
div#lb_2-1 div.wt{width:100%;}
div#lb_2-1 div.wt h1 ,div.wt h2{display:none;}
div#lb_2-1 div.wt > p{display:none;}
div#lb_2-1 div.wt > a.link{display:none;}
/*autolink_lb_2-1_end*/
/*css_autolink_lb_2-2_start*/
div#lb_2-2{display:block;position:relative;top:0;width:100%;height:calc(34px + 2vw);margin:calc(-34px - 2vw) 0 0 0;box-sizing:border-box;z-index:1;background-color:rgba(255, 255, 255, 0.602);border-width:0 0 2px;border-style:solid;border-color:rgb(246, 231, 28);vertical-align:top;}
div#lb_2-2 div.artmenu div.c{display:inline-block;width:50%;padding:15px 20px;text-align:center;}
div#lb_2-2 div.c p{color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(12px + .6vw);font-weight:normal;line-height:160%;}
/*autolink_lb_2-2_end*/
/*css_autolink_lb_2aa-1_start*/
div#lb_2aa-1{display:block;width:100%;height:100%;}
div#lb_2aa-1 div.artmenu{display:flex;width:100%;}
div#lb_2aa-1 div.artmenu div.c{display:inline-block;width:28%;min-height:100%;_height:100%;padding:0 0 0px;margin:30px 1.5% 30px 3.5%;box-sizing:border-box;background-color:rgba(0, 0, 0, 0);border-width:2px;border-style:solid;border-color:rgb(5, 10, 48);border-radius:5px;vertical-align:top;}
div#lb_2aa-1 div.artmenu div.c h3{display:block;padding:0 2vw;background-color:rgb(255, 255, 255);background-image:url(http://smartimagehq.com/gableroofing/images/graphics/logo_only_2206101413.png);background-repeat:no-repeat;background-position:97% 50%;background-size:contain;border-width:0 0 1px;border-style:solid;border-color:rgb(217, 217, 217);color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(12px + .6vw);font-weight:normal;line-height:250%;overflow:hidden;}
div#lb_2aa-1 div.c p{padding:10px 2vw 5px;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
/*autolink_lb_2aa-1_end*/
/*css_autolink_lb_2aa-2_start*/
div#lb_2aa-2{display:inline-block;width:33.333%;height:100%;}
div#lb_2aa-2 h3{position:absolute;top:80%;left:0;width:60%;height:50px;padding:0 0 0 20px;z-index:9;background-color:rgba(0, 0, 0, 0.6);border-radius:0 30px 30px 0;color:rgb(255, 255, 255);line-height:50px;box-sizing:border-box;}
div#lb_2aa-2 div.c{width:100%;height:100%;overflow:hidden;}
div#lb_2aa-2 div.c div.pvpic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;}
div#lb_2aa-2 div.pvpic a{display:block;width:100%;height:100%;}
/*autolink_lb_2aa-2_end*/
/*css_autolink_lb_2aa-3_start*/
div#lb_2aa-3{display:block;width:100vw;height:100%;margin:4vw 0 0 0;}
div#lb_2aa-3 div.c{width:100%;height:100%;overflow:hidden;}
div#lb_2aa-3 div.c div.pvpic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;}
div#lb_2aa-3 div.pvpic a{display:block;width:100%;height:100%;z-index:10;}
/*autolink_lb_2aa-3_end*/
/*css_autolink_lb_2ab-1_start*/
div#lb_2ab-1{width:100%;margin:0;text-align:center;}
div#lb_2ab-1 div.textdiv p{font-family:'Open Sans',arial,helvetica,sans-serif;font-size:18px;line-height:30px;}
/*autolink_lb_2ab-1_end*/
/*css_autolink_lb_2ac-1_start*/
div#lb_2ac-1{display:inline-block;position:relative;width:50%;height:100%;text-align:center;}
div#lb_2ac-1 div.artmenu{margin:25px 0 0 0;}
div#lb_2ac-1 div.c{margin:5px 0 0 0;}
div#lb_2ac-1 div.c > h3{display:none;}
/*autolink_lb_2ac-1_end*/
/*css_autolink_lb_2ac-2_start*/
div#lb_2ac-2{display:inline-block;position:relative;top:0;width:50%;height:100%;background-color:rgb(0, 0, 0);text-align:center;vertical-align:top;}
div#lb_2ac-2 h3{padding:20px 0 50px 0;color:rgb(255, 255, 255);font-size:30px;text-transform:uppercase;}
div#lb_2ac-2 div.testim{width:100%;text-align:center;}
div#lb_2ac-2 div.testim > div{width:100%;text-align:center;}
div#lb_2ac-2 div.testim > div > p:first-child{width:100%;color:rgb(255, 255, 255);font-size:24px;line-height:30px;text-align:center;}
div#lb_2ac-2 div.testim > div > blockquote > p{width:100%;padding:10px 0 10px 0;color:rgb(255, 255, 255);font-size:16px;line-height:20px;text-align:center;}
div#lb_2ac-2 div.testim > div > p{width:100%;color:rgb(255, 255, 255);font-size:14px;line-height:20px;text-align:center;}
/*autolink_lb_2ac-2_end*/
/*css_autolink_lb_2ad-1_start*/
div#lb_2ad-1{width:100%;height:350px;}
div#lb_2ad-1 div.hartpic{width:90%;height:100%;margin: 20px 0 0 20px;background-size:cover;}
div#lb_2ad-1 div.hartpic > p{display:none;}
/*autolink_lb_2ad-1_end*/
/*css_autolink_lb_2af-1_start*/
div#lb_2af-1{display:inline-block;position:relative;width:50%;height:100%;text-align:center;}
div#lb_2af-1 div.artmenu{margin:25px 0 0 0;}
div#lb_2af-1 div.c{margin:5px 0 0 0;}
div#lb_2af-1 div.c > h3{display:none;}
/*autolink_lb_2af-1_end*/
/*css_autolink_lb_2af-2_start*/
div#lb_2af-2{display:inline-block;position:relative;top:0;width:50%;height:100%;background-color:rgb(0, 0, 0);text-align:center;vertical-align:top;}
div#lb_2af-2 h3{padding:20px 0 50px 0;border-color:rgba(255, 255, 255, 0);color:rgb(255, 255, 255);font-size:30px;text-transform:uppercase;}
div#lb_2af-2 div.testim{width:100%;text-align:center;}
div#lb_2af-2 div.testim > div{width:100%;text-align:center;}
div#lb_2af-2 div.testim > div > p:first-child{width:100%;color:rgb(255, 255, 255);font-size:24px;line-height:30px;text-align:center;}
div#lb_2af-2 div.testim > div > blockquote > p{width:100%;padding:10px 0 10px 0;color:rgb(255, 255, 255);font-size:16px;line-height:20px;text-align:center;}
div#lb_2af-2 div.testim > div > p{width:100%;color:rgb(255, 255, 255);font-size:14px;line-height:20px;text-align:center;}
/*autolink_lb_2af-2_end*/

/*css_content_start*/
div.artcol{width:100%;min-width:900px;_width:900px;max-width:70vw;padding:0 3vw 3vw;margin:0 auto;}
div.artcol h1{padding:30px 0 20px 0;color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + 1.1vw);line-height:150%;text-transform:uppercase;}
div.textdiv h2{padding:10px 0;color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .9vw);font-weight:normal;line-height:150%;}
div.textdiv h3{color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .7vw);font-weight:normal;line-height:150%;}
div.textdiv h4{color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .5vw);font-weight:normal;}
div.textdiv p{padding:10px 0 10px 0;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);line-height:150%;}
div.textdiv p a{color:rgb(5, 10, 48);}
div.textdiv p a:hover{color:rgb(0, 0, 0);}
div.textdiv p span{color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;}
div.textdiv ul{padding:2px  0 15px;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
/*content_end*/


/*css_content_ccform_start*/
div.form_content{width:100%;border-width:0;border-style:none;}
form.ccform .fldCon{padding:10px 0;}
form.ccform .ftitle{color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .6vw);}
form.ccform .fdesc{display:inline;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
form.ccform input[type=text]{padding:8px 10px;border-radius:3px;color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
form.ccform select{padding:8px 10px;background-color:rgb(255, 255, 255);border-radius:3px;font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
form.ccform textarea{padding:8px 10px;border-radius:3px;color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .4vw);}
form.ccform input[type=submit]{padding:8px 10vw;background-color:rgb(5, 10, 48);border-width:2;border-style:solid;border-color:rgb(5, 10, 48);color:rgb(255, 255, 255);font-size:calc(10px + .6vw);font-family:'Open Sans',arial,helvetica,sans-serif;font-weight:bold;line-height:150%;text-align:center;text-transform:uppercase;}
form.ccform input[type=submit]:hover{background-color:rgb(246, 231, 28);color:rgb(5, 10, 48);}
/*content_ccform_end*/


/*css_cpage_start*/
div#cpage div.leftcol{display:none;float:none;width:0;margin:0;}
div#cpage div.contcol{float:none;width:100%;margin:0 auto;}
div#cpage div.rightcol{display:none;float:none;width:0;height:auto;margin:0;background-color:rgb(0, 0, 0);}
/*cpage_end*/


/*css_global_start*/
div.body{background-color:rgb(255, 255, 255);}
div.wide{width:100%;margin:0 auto;background-color:rgb(255, 255, 255);}
div.shadow{width:100%;margin:0 auto;}
div.bdrop{display:none;}
div#div1 div.sscog{left:50%;width:475px;margin:0 0 0 60px;}
div.contain{width:100%;margin:0 auto;}
div.foot{display:block;float:none;position:relative;width:100%;height:auto;}
div.foot > div{width:1000px;margin:0 auto;}
div.foot > div > span#ft_1{padding:20px 0 0 0;color:rgb(130, 130, 130);font-size:13px;}
div.foot > div > span#ft_2{padding:20px 20px 0 0;color:rgb(0, 0, 0);font-size:12px;}
div.foot > div > span{display:inline-block;padding:20px 20px 0 0;color:rgb(0, 0, 0);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:13px;line-height:150%;}
div.foot > div > span a{padding:0 10p 0 0;color:rgb(130, 130, 130);font-size:13px;}
div.foot > div > span a:hover{color:rgb(5, 10, 48);text-decoration:none;}
div.sfoot{width:100%;height:30px;}
h1,h2,h3,h4{padding:15px 0 5px;}
form{border-width:0;}
/*global_end*/


/*css_hpage_start*/
div.titlehead{position:fixed;width:100%;height:4vw;background-color:rgb(255, 255, 255);border-style:none;border-color:rgb(217, 217, 217);}
a.hspot{display:block;position:absolute;top:0;left:2vw;width:20vw;height:8vh;background-image:url(http://smartimagehq.com/gableroofing/images/graphics/gable_roofing_logo_long_2206011046.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
div.maincol{width:100%;height:auto;padding:4vw 0 0 0;margin:0;}
div.showcol{width:100%;height:auto;margin:0;}
div.toprow{display:block;position:relative;width:100%;height:auto;margin:0;}
div.midrow{width:100%;height:0;margin:0;background-color:rgb(255, 255, 255);}
div.botrow{width:100%;height:0;margin:0;}
/*hpage_end*/

/*css_autolink_lb_2-3_start*/
div#lb_2-3{display:block;position:relative;width:100%;height:auto;padding:3vh 0;margin:0 auto;border-width:2px 0;border-style:solid;border-color:rgb(217, 217, 217);}
div#lb_2-3 p.ccfmlnk{width:75%;margin:0 auto;}
div#lb_2-3 a.ccfm_co{display:block;background-color:rgb(246, 231, 28);border-width:2PX;border-style:solid;border-color:rgb(5, 10, 48);border-radius:5PX;color:rgb(5, 10, 48);font-size:calc(13px + 1vw);line-height:180%;text-align:center;text-transform:uppercase;}
div#lb_2-3 a.ccfm_co:hover{background-color:rgb(5, 10, 48);color:rgb(255, 255, 255);text-decoration:none;}
div#lb_2-3 div.form_content{display:block;position:absolute;top:5vh;left:50%;width:33vw;height:auto;min-width:500px;_width:500px;max-width:700px;min-height:400px;_height:400px;max-height:90vh;padding:2vh 2vw;box-sizing:border-box;border-width:2px;border-style:solid;border-color:rgb(5, 10, 48);overflow:auto;transform:translate(-50%, 0);}
div#lb_2-3 div.screen_overlay p.right.clsfsc{top:5vh;left:65vw;}
div#lb_2-3 div.form_content h3.ccfTitle{padding:0 0 5px;color:rgb(5, 10, 48);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:20px;}
div#lb_2-3 form.ccform .fldCon{padding:10px 0 0px;}
div#lb_2-3 form.ccform .ftitle{color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:15px;}
div#lb_2-3 form.ccform .fdesc{display:inline-block;padding:3px 0;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:14px;}
div#lb_2-3 form.ccform input[type=text]{width:90%;padding:5px 10px;border-color:rgb(217, 217, 217);border-radius:3px;font-size:15px;line-height:140%;}
div#lb_2-3 form.ccform select{width:90%;padding:7px 10px;box-sizing:content-box;background-color:rgb(255, 255, 255);border-color:rgb(217, 217, 217);border-radius:3px;font-family:'Open Sans',arial,helvetica,sans-serif;font-size:15px;}
div#lb_2-3 form.ccform textarea{width:90%;padding:5px 10px;border-radius:5px;}
div#lb_2-3 form.ccform .sfres{color:rgb(81, 75, 75);font-family:'Open Sans',arial,helvetica,sans-serif;}
div#lb_2-3 form.ccform .sfres span.sfmessage{color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:14px;}
div#lb_2-3 p.procccc,div.procccc{background-color:rgba(0, 0, 0, 0);}
div#lb_2-3 form.ccform input[type=submit]{width:100%;padding:7px 0;margin:5px 0 0 0;box-sizing:border-box;background-color:rgb(5, 10, 48);border-width:2px;border-style:solid;border-color:rgb(5, 10, 48);color:rgb(255, 255, 255);font-size:18px;font-family:'Open Sans',arial,helvetica,sans-serif;font-weight:normal;}
div#lb_2-3 form.ccform input[type=submit]:hover{background-color:rgb(246, 231, 28);color:rgb(5, 10, 48);text-decoration:none;cursor:pointer;}
/*autolink_lb_2-3_end*/

/*css_mmenu_start*/
div.mainmenu{display:block;position:absolute;top:.6vw;left:22vw;width:62%;height:auto;margin:0;text-align:center;}
div.mainmenu > ul{display:inline-block;float:none;position:relative;width:auto;height:100%;padding:1% 0;margin:0 auto;}
div.mainmenu > ul > li{display:inline-block;float:none;position:relative;width:auto;padding:0;margin:0;border-width:0;border-style:solid;border-color:rgb(102, 102, 102);color:rgb(255, 255, 255);list-style-type:none;z-index:100;}
div.mainmenu > ul > li > a{display:inline-block;width:auto;padding:.1vw 3.6vw;margin:0;border-color:rgb(5, 10, 48);color:rgb(255, 255, 255);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(5px + 1vw);font-weight:normal;text-align:center;}
div.mainmenu > ul > li.livelink > a{border-style:none;border-color:rgb(246, 231, 28);border-radius:0;}
div.mainmenu > ul > li > a:hover{border-style:none;border-color:rgb(5, 10, 48);color:rgb(5, 10, 48);text-decoration:none;}
div.mainmenu > ul > li > a > span{display:inline-block;width:auto;border-width:0;color:rgb(130, 130, 130);font-family:'Open Sans',arial,helvetica,sans-serif;font-size:calc(10px + .5vw);font-weight:normal;line-height:150%;text-align:center;text-transform:capitalize;}
div.mainmenu > ul > li.livelink > a > span{border-width:0 0 2px;border-style:solid;border-color:rgb(246, 231, 28);color:rgb(246, 231, 28);}
div.mainmenu > ul > li > a:hover > span{border-width:0 0 2px;border-style:solid;border-color:rgb(5, 10, 48);color:rgb(5, 10, 48);}
div.mainmenu > ul > li > ul{display:none;position:absolute;top:30px;left:0;width:250px;height:auto;margin:0;z-index:200;background-color:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(192, 192, 192);}
div.mainmenu > ul > li:hover > ul{display:block;}
div.mainmenu > ul > li > ul > li{float:none;width:250px;height:20px;text-align:left;list-style-type:none;}
div.mainmenu > ul > li > ul > li > a{display:inline-block;width:100%;background-color:rgb(255, 255, 255);border-width:0 0 1px 0;border-style:solid;border-color:rgb(192, 192, 192);font-size:13px;line-height:20px;}
div.mainmenu > ul > li:hover > ul > li > a:hover{background-color:rgb(102, 102, 102);color:rgb(255, 255, 255);}
div.mainmenu > ul > li > ul > li.llink > a{background-color:rgb(102, 102, 102);color:rgb(255, 255, 255);}
/*mmenu_end*/
/*css_custom_css_start*/
.c:hover .pvpic,.c:focus .pvpic {transform: scale(1.2);}
.pvpic {transition: all .5s;}

#instagram_149 > img {margin-left:-78px;}
.socpar > span{display:block;text-align:center;padding:4px;}
.socpar {text-align:center;}
#facebook_148 > img {margin-left:-8px;}
#facebook_148:hover > img {margin-left:-128px;}
#instagram_149:hover > img {margin-left:-198px;}
div.socpar span.sptitle{background-image:url(http://smartimagehq.com/bplus/images/images/elements_homepagebanner_4648.png);display:none;background-position:50% 50%;background-repeat:no-repeat}
#twitter_150 > img {margin-left:-43px;}
#twitter_150:hover > img {margin-left:-163px;}
#twitter-widget-0{display: none;}
.artreply {display:none;}
/*custom_css_end*/