/* Minification failed. Returning unminified contents.
(615,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(643,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(659,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
.pp_container { width: 960px; margin: 0px auto; }

.tabcontainer { margin-top: 55px; display: inline-block; }
#horizontalTab div { text-align: justify; }
.tabbox { width: 100%; font-family: 'HelveticaNeueW02-55Roma'; font-size: 12px; color: #847773; }

    .tabbox p { padding: 5px 0px; margin: 0px 0px; } 
	
.r-tabs { position: relative; font-family: 'HelveticaNeueW01-77BdCn 692722'; }

    .r-tabs .r-tabs-nav { /*border-bottom: 1px solid #ccc;*/ border-bottom: 1px solid #d8d6d4; width: 100%; float: left; }

        .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; top: 1px; }

.r-tabs .r-tabs-nav .r-tabs-anchor { background: #aea6a3; padding: 0px 14px; line-height: 35px; display: inline-block; text-decoration: none; color: #fff; font-weight: normal; text-transform: uppercase; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,sans-serif !important; font-size: 14px !important; font-size: 13px\9 !important; letter-spacing: 0.5px; margin-right: 2px; }

        .r-tabs .r-tabs-nav .r-tabs-state-active { background-color: #fff; margin-bottom: -1px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-transform: uppercase; margin-right: 3px; }

        .r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }

        .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #aea6a3; background-color: #fff; }

    .r-tabs .r-tabs-panel { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 3px; padding: 10px; background: white !important; float: left; }

.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 0px 14px; line-height:30px; background-color: #aea6a3; color: #fff; font-weight: normal; text-transform: uppercase; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,sans-serif !important; font-size: 14px !important; letter-spacing: 0.5px; text-decoration: none; margin-bottom: 3px; }


    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #aea6a3; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }

.tabbox { padding: 10px; }

    .tabbox ul { margin-left: 20px; }

    .tabbox li { clear: both !important; }

    .tabbox ul p { margin-bottom: 0px; }

.revratings li { clear: none !important; }

#Designs img { text-align: center; display: block; margin: auto; }

.tabbox h3 { font-family: 'HelveticaNeueW01-77BdCn 692722' !important; color: #5d281e; font-weight: normal; }

.tabbox h4 { font-family: 'HelveticaNeueW01-77BdCn 692722' !important; color: #5d281e; font-weight: normal; }

.tabbox h5 { font-family: 'HelveticaNeueW01-77BdCn 692722' !important; color: #5d281e; font-weight: normal; font-size: 14px; padding: 10px 0px; }

#hardware img { width: 85px; height: 85px; }
#colors img { width: 85px; height: 85px; }

.tabbox span, div, a, b, p, li { font-size: 14px; }

.design_protitle { padding-bottom: 20px; display: block; width: 100%; min-height: 52px; max-height: 52px; text-align: center; margin: 0 auto; float: left; padding-top: 5px;text-transform: uppercase;}

.design_subheadings, .design_subheadings2 { font-family: 'HelveticaNeueW01-77BdCn 692722' !important; float: none; width: 100%; font-family: 'HelveticaNeueW01-77BdCn 692722'; font-weight: normal; line-height: normal; text-transform: uppercase; color: #663333 !important; margin: 10px 0px; }

.design_subheadings { font-size: 18px !important; }
.design_subheadings2 { font-size: 14px !important; }

.design_box { display: inline-block; max-width: 194px; min-width: 194px; /* min-height: 230px; */ max-height: 230px; margin-right: 3px; }

.design_box_hardware { display: inline-block; max-width: 200px; min-width: 200px; min-height: 120px; margin-right: 10px; }

    .design_box_hardware img#Handles { margin: 0 auto; display: block; margin-bottom: 10px; }

.coloralign { text-align: center; font-size: 13px; }

.design_box img { width: 194px; height: 170px; }


.cstain_box { display: inline-block; max-width: 114px; min-width: 114px;  max-height: 230px; }

/************************* rt.css *************************/


.r-tabs .r-tabs-nav { margin: 0; padding: 0; }

.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; margin-right: 1px; }

.r-tabs .r-tabs-panel { padding: 10px; display: none; }

.r-tabs .r-tabs-accordion-title { display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }

.doublehorizon { height: 99px; width: 450px; max-width: 0 !important; min-width: 450px;}

.doublehorizon img{height: 47px !important; width: 100% !important;}

#pnlClassicWoodDesigns .topsection_box { width: 232px;  height: auto;  display: inline-block; }

#pnlClassicWoodDesigns .cstain_box { max-width: 175px;  display: inline-block; margin-right: 5px; }


.topsections .design_box { max-width: 232px !important; margin-right:5px;  }


/* Accordion responsive breakpoint */
@media only screen and (max-width: 1024px) {
    .r-tabs .r-tabs-nav { display: none; }

    .r-tabs .r-tabs-accordion-title { display: block; width: 100%; }


    .r-tabs .r-tabs-nav { /*border-bottom: 1px solid #ccc;*/ border-bottom: 0; }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background: #aea6a3 !important; color: white !important; }

    .r-tabs .r-tabs-nav .r-tabs-state-active { background: #aea6a3 !important; color: white !important; }

    .tabbox { width: 99% !important; padding: 0px;}

    .pp_container { width: 100%; }

    .r-tabs .r-tabs-panel { padding: 10px; }
}

@media only screen and (max-width:1023px) {
    #pnlClassicWoodDesigns .topsection_box.doublehorizon{height: auto; width: 100%;}
}

@media screen and (max-width: 600px){
	.doublehorizon { height: auto; width: 100%; min-width: 100%;}
.doublehorizon img {height: auto !important;}
 
}

@media screen and (min-width:481px) and (max-width:1023px) {
    #pnlClassicWoodDesigns .topsection_box { width: 49%; }
/*    #Designs img {margin: 0;}*/
}

@media screen and (min-width:320px) and (max-width:480px) {
    #pnlClassicWoodDesigns .topsection_box { width:100%; }
    /*.topsections .design_box { max-width: 100% !important; min-width: 100% !important;}
    .design_box.doubleimg { min-width: 260px; min-height: 33px; max-width: 260px; }
    .design_box.doubleimg img { width: 260px; height: 33px; }
    .design_box { max-width: 254px; min-width: 254px; }
    #Designs img {margin: 0;}*/
}

/*.r-tabs .r-tabs-nav {
    width: 100% !important;
  
}

    .r-tabs .r-tabs-nav .r-tabs-tab {
        width: auto !important;
    }

    .r-tabs .r-tabs-nav .r-tabs-anchor {
        padding: 12px !important;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        color: #786b64!important;
    }

.r-tabs .r-tabs-panel.r-tabs-state-active h1 {
    font-size: 20px;
    font-weight: bolder;
    color: #5c281d !important;
}

.innerContentWrapper p {
    margin-left: 0px!important;
}

@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-accordion-title {
        width: 100% !important;
    }

    .tabbox {
        width: 100% !important;
    }
}


*/
/** Stage container **/
.connected-carousels .stage { /* float: left; */ width: 460px; position: relative; margin: 0 auto;}


.connected-carousels .connectedimage { width: 460px; height: 320px; display: inline-block; /* border:3px solid grey;*/ }

    .connected-carousels .connectedimage img { width: 460px; height: 320px; display: inline-block; }

/** Navigation container **/
.connected-carousels .navigation { width: 460px; position: relative; /* float: left; */ /* clear: both; */ margin: 10px auto;}
/** Shared carousel styles **/
.connected-carousels .carousel { overflow: hidden; position: relative; }

    .connected-carousels .carousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; background: #bbb183; }

    .connected-carousels .carousel li { float: left; height: 80px; width: 133px; }

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage { height: 320px; }

/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation { height: 110px; width: 433px; margin: 0px 0px 0px 12px; }

    .connected-carousels .carousel-navigation li { cursor: pointer; margin: 0px 0px 0px 10px; }

        .connected-carousels .carousel-navigation li img { display: block; border: 3px solid darkgrey; height: 80px; width: 133px; }

        .connected-carousels .carousel-navigation li.active img { border: 3px solid #808080; }

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation { display: block; position: absolute; width: 20px; height: 30px; }

.connected-carousels .prev-navigation { left: -6px; top: 25px; text-indent: 0px; z-index: 20; }

.connected-carousels .next-navigation { right: 0px; top: 25px; text-indent: 8px; z-index: 21; }

    .connected-carousels .prev-navigation.inactive,
    .connected-carousels .next-navigation.inactive { opacity: .5; cursor: default; }

#mainWrapper { height: 320px; z-index: 10001; float: left; width: 460px; position: relative; }
 
 
@media (min-width:320px) and (max-width:480px) {
    #mainWrapper {width: 373px;height: 200px;margin-left: -36px;margin-top: 20px;}
    .connected-carousels .stage { width: 300px; }
    .connected-carousels .connectedimage { width: 300px; height: 230px; }
    .connected-carousels .carousel-navigation { width: 92%; }
    .connected-carousels .navigation { width: 300px; }
    .connected-carousels .carousel-stage {height: 230px;}
    .componentWrapper .playerHolder { width: 300px !important;}
 }
* { font-size: 14px; }
body { font-size: 14px; }

.innerContentWrapper img { padding: 0px 0px 0px 0px; }

a { text-decoration: none; }
.pp_left { float: left; }

.pp_right { float: right; }

.pp_w50p { width: 50%; }

.pp_w100p { width: 100%; }

.pp_clearBoth { clear: both; }

.pp_mainblock ul li { clear: none; }

.pp_blockone { width: 50%; }

.pp_blocktwo { width: 50%; }

.pp_galleryimgs { width: 100%; margin-top: 25px; }

.pp_galleryimgs img { float: left; margin-right: 10px; width: 147px; height: 112px; }

.pp_galleryimgs .pp_last { padding-right: 0px; }

.pp_threegrid img { float: left; padding-right: 18px; margin-top: 5px; }

#product-container{margin: 15px 0px;}
#pp_HeadingsBox { margin-left: 10px; margin-top: -7px; }

#pp_HeadingsBox h2, #pp_HeadingsBox h2 span { font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif !important; font-size: 32px; color: #663333 !important; text-transform: uppercase !important; padding: 6px 0px; font-weight: bold; line-height: 38px; }

#pp_HeadingsBox h3, #pp_HeadingsBox h3 span { font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif; font-size: 20px; color: #000; margin-top: -10px; padding-bottom: 0px; text-transform: lowercase; font-weight: normal; text-align: left; }
#pp_HeadingsBox h3, #pp_HeadingsBox h3 span {margin-top: 4px !important; }
/*#pp_HeadingsBox h3, #pp_HeadingsBox h3 span { font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif !important; font-size: 32px; color: #663333 !important; text-transform: uppercase !important; padding: 6px 0px; font-weight: bold; line-height: 38px; }

#pp_HeadingsBox h3, #pp_HeadingsBox h3 span { font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif; font-size: 20px; color: #000; margin-top: -10px; padding-bottom: 0px; text-transform: lowercase; font-weight: normal; text-align: left; }*/

#pp_HeadingsBox p { clear: both; font-family: 'HelveticaNeueW02-55Roma',Arial,sans-serif; font-size: 14px; color: #000; padding-top: 17px; }

.pp_pro_buttons { margin-bottom: 0px; }

.pp_pro_buttons a { border: 1px solid #663333; color: #663333; font-family: 'HelveticaNeueW01-77BdCn 692722'; font-size: 15px; padding: 6px 15px; text-decoration: none !important; background-color: #ffffff; }

.pp_pro_buttons a:hover { background-color: #663333; text-decoration: none !important; color: #ffffff; }

.pp_button_where { color: #ffffff !important; background-color: #663333 !important; text-decoration: none !important; text-transform: uppercase !important; font-size: 15px !important; display: inline-block; text-align: center; }

.pp_button_where:hover { color: #663333 !important; background-color: #ffffff !important; color: #663333 !important; }

#seeOnMyHouse, #addToIdea, #caseStudy { background-color: #ffffff !important; color: #663333 !important; height:auto !important; }

#seeOnMyHouse:hover, #addToIdea:hover, #caseStudy:hover { background-color: #663333 !important; color: #ffffff !important; }


/*.pp_pro_buttons a:active { background-image: -o-linear-gradient(bottom, #5d271f 0%, #663333 100%); background-image: -moz-linear-gradient(bottom, #5d271f 0%, #663333 100%); background-image: -webkit-linear-gradient(bottom, #5d271f 0%, #663333 100%); background-image: -ms-linear-gradient(bottom, #5d271f 0%, #663333 100%); background-image: linear-gradient(to bottom, #5d271f 0%, #663333 100%); color: #663333; }

.pp_pro_buttons a:visited { color: #663333 !important; }*/

.pp_box1 sup { vertical-align: super !important; display: inline-block; font-size: 18px !important; padding-left: 3px !important; }


.pp_button { display: inline-block; text-align: center; text-decoration: none; text-transform: uppercase; margin-left: 10px; }

.pp_iconsgrid { margin: 10px 0px 0px 0px; }

.pp_iconsgrid img { float: left; padding-right: 10px; }

.pp_compare { float: right; text-transform: uppercase; margin-top: 17px; }

.pp_compare a { font-family: 'HelveticaNeueW01-77BdCn 692722'; font-size: 17px; text-transform: uppercase; padding-left: 10px; padding-right: 20px; margin-top: 6px; background: url('../../Widgets/ProductModule/Images/play.jpg') no-repeat scroll 129px 6px; color: #663333 !important; text-decoration: none; }

.pp_compare a:hover { text-decoration: none; }

.pp_compare a:visited { text-decoration: none; color: #663333 !important; }

.tabcontainer { margin-top: 55px; display: inline-block; }

#horizontalTab div { text-align: left; }

.tabbox { width: 100% !important; font-family: 'HelveticaNeueW01-45Ligh' !important; font-size: 12px; color: #847773; }

.tabbox p, .tabbox   div, .tabbox  span, .tabbox  b, .tabbox  li{color: #000; }


.pp_youmaylike { width: 100%; margin-top: 0px; }

.pp_youmaylike h5 { color: #000 !important; text-transform: lowercase !important; font-family: 'HelveticaNeueW01-45Ligh' !important; font-size: 15px !important; font-weight: normal !important; padding-left: 10px; }

.pp_imgsgrid { float: left; width: 100%; }

.consText { width: 50%; float: left; }

.consImg { float: right; }

.revratings { float: left; }

.revtext { float: left; margin-left: 200px; display: block; width: 50%; word-wrap: break-word; }

.vm_gridcontainer { width: 100% !important; margin: 10px 0px 0px -4px; height: 460px; }

.vm_modulediv { background-color: #e5e5e5; overflow: hidden; width: 290px; height: 521px; float: left; margin: 10px 0px 0px 8px; border-radius: 2px; }

.vm_title { color: #663333 !important; width: 100%; min-height: 82px; overflow: hidden; font-family: 'HelveticaNeueW01-77BdCn 692722' !important; color: #663333; font-weight: normal; font-size: 26px; padding: 10px 10px 0px 10px; }

.vm_descriptionbox { width: 100%; padding: 10px; font-size: 14px; color: black; height: 72px; overflow: hidden; }

.vm_imgbox { text-align: center; padding: 20px 0px 0px 0px; }


.vm_imgbox img { width: 284px; height: 280px; padding: 15px; }

img.imgShadowClass { box-shadow: 5px 5px 10px 10px #ccc; opacity: 0.50; }

.video_sidebar1 { float: left; width: 180px; margin: 10px 10px; }

.video_content { padding: 10px 0; width: 960px; float: left; }

.video_content p { font-family: HelveticaNeueW02-55Roma, Arial, sans-serif; font-size: 14px; text-align: left; }

.video_content h2 { margin: 0; padding: 0; text-indent: 0; }

.vm_links { padding-left: 0px; }

nav.leftnav ul { list-style: none; }

nav.leftnav ul li a ~ ul li { margin-left: 15px; width: 150px; }

nav.leftnav ul li a ~ ul li a { padding: 4px 0px 5px 3px; }

nav.leftnav ul li { background: transparent url(https://www.clopaydoor.com/Widgets/ProductModule/images/blue-arrow.jpg) no-repeat 0px 7px; }

nav.leftnav a, nav.leftnav a:visited { padding: 4px 0px 5px 5px; display: block; text-decoration: none; color: #663333; font-family: HelveticaNeueW02-55Roma, Arial, sans-serif; font-size: 12px; line-height: 17px; margin-left: 10px; }

nav.leftnav a:hover, nav.leftnav a:active, nav.leftnav a:focus { color: #000; }

.video_hideme { display: none; }

section, article { display: block; }

.test_vm_imgbox { width: 195px; height: 224px; }

p.thumbnailview { margin: 25px; width: 200px; clear: none; }

span.clrbth { clear: both; display: block; margin: 0 auto; }

span.fltlft { display: inline; }

.thumbnailview span.v_txtlink { vertical-align: top; margin-left: 10px; margin-top: 15px; }

a.videoLink:link { color: #663333; margin-left: 10px; text-align: center; text-decoration: underline; }

a.videoLink:hover { color: #663333; margin-left: 10px; text-align: center; text-decoration: none; }

a.videoLink:visited { color: #663333; margin-left: 10px; text-align: center; text-decoration: none; }


#divTestimonials div { display: none; }

#prev_next { float: right; width: 100%; width: 53% \9; margin-top: 10px; }

#prev_next span { cursor: pointer; font-family: HelveticaNeueW02-55Roma, Arial, sans-serif; color: #000000; }

#prev_next span:hover { text-decoration: underline; }

#prev { float: left; /* background: url("../../Widgets/ProductModule/Images/dl_arrow-left.png") no-repeat left 2px; width: 47px; */ text-decoration: none !important; text-indent: 15px; }

#next { float: right;/*  background: url("../../Widgets/ProductModule/Images/dl_arrow-right.png") no-repeat right 3px;*/ width: 45px; text-decoration: none !important; }

.testimonials_heading { font-size: 22px; font-family: 'HelveticaNeueW02-55Roma'; color: #000000; margin: 25px 0px 5px 0px; border-bottom: 1px solid; }
#pnlHardware { clear: both; }
#pnlHardware img { width: auto; height: auto; }
div#ColorAndStain img { width: 110px; height: 100px; float: left; /* margin-right: 6px; */ margin-bottom: 5px; }
#divTestimonials p { margin-left: 0; }

.RadSocialShare_Default { float: left; margin-top: 8px; }


#carouselscontainer { height: auto; width: 466px; }

.compare_div { width: 50%; float: left; margin-top: 7px; }

.zoom-container { display: none; height: 20px; width: 101px; margin-top: -20px; z-index: 2; margin-left: 0px; background-color: grey; position: absolute; color: whitesmoke; text-indent: 9px; font-family: 'HelveticaNeueW01-45Ligh'; font-size: 12px; line-height: 20px; }

.zoom-container span { color: white !important; }
.pp_imgsgrid .jcarousel-wrapper { margin: 0px auto; position: relative; border: 10px solid #fff; }

/** Carousel **/

.pp_imgsgrid .jcarousel { position: relative; overflow: hidden; width: 100%; }

.pp_imgsgrid .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }

.pp_imgsgrid .jcarousel li { width: 130px !important; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 20px; }

.pp_imgsgrid .jcarousel img { display: block; width: 130px; height: 80px !important; }



.pp_imgsgrid .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; text-decoration: none !important; }

.pp_imgsgrid .jcarousel-control-prev { left: -46px; }

.pp_imgsgrid .jcarousel-control-next { right: -46px; }


.rrtExact { margin-left: 0 !important; }

#pp_Box1 { min-height: 354px; overflow: hidden; padding-bottom: 15px; }

/*.you_prev { left: -12px;} 
.you_next { right: -8px; }

.entrydoorimg img { width: 107px !important; } */
.entrydoorimg .design_box{ max-height: none;}
.entrydoorimg .design_box img {width: auto; height: auto; max-height: 200px;}

.tablewind tbody td { padding: 10px 5px !important; vertical-align: middle; /*height: 65px !important;*/ }

/*.tablewind tbody td:nth-child(4), .tablewind tbody td:nth-child(5) { width: 200px; }*/

.tablewind tbody td a.nobgpdf { padding: 0px 0px 5px 5px; display: inline-block; word-break: break-word; }

.tablewind tbody td a.nobgpdf img { width: 24px; }


.pp_tabmdiv { width: 100%; }
.pp_tab1div { width: 75%; }
.pp_tab2div { width: 25%; float: right; }

.tabbox table { clear: both !important; }
.tabbox td { padding: 5px; font-size:14px; }
#rt1 td, #gvTrackAndJamb td { line-height: normal;  max-width: 200px; text-align: center; word-break: break-word; }


#rt1 td, #gvTrackAndJamb td { min-width: 72px\0/ !important; }
.tablewind tbody td { padding: 5px 5px\0/ !important; }

.lazy-hidden { opacity: 0; }
.lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; }

.jcarousel-control-prev, .jcarousel-control-next { font: 18px/31px Arial, sans-serif !important; }

.commercialNewBox {float:left; width:100%; margin: 17px 0;}
.colorSquarediv{ width: 50px; height: 50px; display: block;float: left; margin: 6px 10px 0 0;}
.headingsNewBox {  width: 82%; float: left;}
/*.headingsNewBox h2, .headingsNewBox h3 {  padding: 0 !important; margin: 0 !important;}
.headingsNewBox h3, .headingsNewBox h3 span {font-size:27px !important; }
.headingsNewBox h3, .headingsNewBox h3 span  {color: #663333 !important;font-size: 18px !important;text-transform: capitalize; }*/

.headingsNewBox h2, .headingsNewBox h3 {  padding: 0 !important; margin: 0 !important;}
.headingsNewBox h2, .headingsNewBox h2 span {font-size:27px !important; }
.headingsNewBox h3, .headingsNewBox h3 span  {color: #663333 !important;font-size: 18px !important;text-transform: capitalize; }

 .divReview {width: 300px;    background: #f3f3f3;  position: fixed;  top: 50px; margin-left: 0px; z-index: 103; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; border: 1px solid #a4a1a1\9; }
.rrtHalf li{clear:none !important;}
.inputClass {background: none repeat scroll 0 0 #E9E8E4;  border: 1px solid #7A736F;  box-shadow: 0 0 5px #7A736F inset;  color: #000000;  display: inline-block;  height: 35px;  margin-bottom: 0px;  width: 98%;}
.bigbox {height:180px;}
.headingmodal {   width: 100%;  font-size: 23px !important;  font-family: 'HelveticaNeueW01-77BdCn 692722'  !important;  font-weight: normal;  line-height: normal;  text-transform: uppercase;  color: #663333;  margin: 0px 0px 5px; }
.submitbutton { width: 200px;padding: 0;background-color: #5C281D;background: #5C281D;-moz-border-radius: 5px;-webkit-border-radius: 5px;color: #FFFFFF;display: block;font-size: 10pt;font-weight: bold;height: 35px;    text-align: center;cursor: pointer;border: 0 none;margin: 20px auto;}

.scrollMob {height:400px; overflow-y:scroll;}
.innerContentWrapper li {clear:both;font-family: HelveticaNeueW02-55Roma,Arial,sans-serif !important;font-size: 14px !important;text-align: left;}
.lblerror { color: red; }
a.reviewpop { background-color: #5c281a ; padding: 2px 7px; color: #fff !important;  }
a.reviewpop:hover { background-color: rgba(0, 0, 0, 0) !important; color: #5d2b20 !important;  }
 textarea.inputClass {color: #000;height: auto;}
 .reviewerror {margin: 0px 0 10px;}
ul.rrtItem li {clear:none !important;}

.productIcons a{text-decoration:none !important; padding:0 20px 0 0!important;}
div#productIcons p {margin: 0 0 -9px 0;padding: 0;}
 div#avanteDescription p {line-height: 18px;font-size: 13px;}

.tabbox.r-tabs-panel.r-tabs-state-active {min-height: 250px;}
#Reviews {min-height: 0;}

.sshListItem:nth-child(5){width:50px;}
.RadSocialShare_Default .socialyoutube{
	width: 20px;height: 20px; 
		background-size: cover; display: inline-block;color: rgba(0, 0, 0, 0) !important;
		text-decoration:none;
	    background-image: url('../../MVC/MailFormatHtml/socialsprite2.png'); 
		background-repeat: no-repeat; 
		background-position:-66px 0px; 
		background-size: cover;
}
.RadSocialShare_Default .socialblogger{
	width: 20px;height: 20px; display: inline-block;color: rgba(0, 0, 0, 0) !important;	text-decoration:none;
	background-image: url('../../MVC/MailFormatHtml/socialsprite2.png'); 
		background-repeat: no-repeat; 
		background-position:-131px 0px; 
		background-size: cover;
}
#special-color2{padding:0px 0px !important;}

.RadSiteMap {float:left;}
.rollupDoorsDiv img { display: inline-block;width: 220px;height: 85px;}
.design_subheadings{float:left !important;}
@media screen and (min-width:0\0) {
    #rt1 td, #gvTrackAndJamb td { min-width: 72px; }
    .tablewind tbody td { padding: 5px 5px !important; }
}

.rt { border: 0 !important; }


.hidereviews { display: none !important; }

.topsections img { width: auto; height: auto; }

.hingesimg { width: 200px !important; height: 50px !important; }

.tab_bigimages { float: left; clear: both; margin: 10px 0px; }

.conimage_right { padding-right: 10px; width: 15%; }
.contxt_right { width: 85%; }

.con_mainimg { float: left; clear: none; margin-right: 20px; width: 135px; min-height: 360px; }

.prod_left { float: left; }
.prod_right { float: right; }
.prod_clear { clear: both; }

.prod_w10 { width: 10%; }
.prod_w20 { width: 20%; }
.prod_w30 { width: 30%; }
.prod_w40 { width: 40%; }
.prod_w50 { width: 50% !important; }
.prod_w60 { width: 60%; }
.prod_w70 { width: 70%; }
.prod_w80 { width: 80%; }
.prod_w90 { width: 90%; }
.prod_w100 { width: 100% !important; }

.prod_overviewcontent { width: 60%; float: left; }
.prod_quickdrawbox { width: 25%; float: right; }
.prod_quickdrawbox img { float: right; margin: 15px; }
.prod_quickdrawbox a { clear: both; text-align: center; display: block; }
.prod_quickdrawbox .quickdrawlink { margin-left: 100px; }


.prod_liftmaster { float: left; clear: both; margin: 20px 0px; }
.prod_liftmaster img { float: left; margin: -5px 10px 10px 0px; }
.prod_liftmaster span { font-weight: bold; }

.prod_constructioncontent { width: 60%; float: left; }
.prod_imgconbox { width: 40%; float: right; }

.prod_imgconbox img { float: right; }

.construction_numberimages { width: 50%; float: left; }
.construction_subblock { width: 100%; float: left; padding: 0 10px 20px 5px; }
.construction_subblock .imgbox { float: left; padding: 0px 10px 10px 0px; margin-top: 3px; }
.construction_subblock .linebox { float: left; width: 85%; }

.construction_twoboxes { float: left; width: 375px; margin-right: 30px; }
.construction_twoboxes .imgbox { float: left; width: 155px; }
.construction_twoboxes .conbox { float: left; width: 200px; }

.nomargin_construction { margin-right: 90px !important; }


.tab_clear { clear: both; }
.tab_left { float: left; }
.tab_image { padding: 0 10px 10px 0px; width: 15%; }
.tab_content { width: 80%; }

.designOptions { min-height: 210px; padding-bottom: 20px; height: auto; overflow: scroll; }

.wbox { list-style-type: none; padding: 10px 13px; }

.vicon { background:url("../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png") no-repeat 40px -1157px; display: block; position: absolute; width: 133px; height: 80px; margin-top: -78px; }
.viconsafety { background:url("https://../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png") no-repeat 40px -1157px; display: block; position: absolute; width: 133px; height: 80px; margin-top: -78px; }

.whiteh1 { font-size: 20px !important; color: #rgb(102,51,51) !important; font-family: HelveticaNeueW02-55Roma  arial, sans-serif !important; text-transform: none !important; }

#textDiv { width: 40%; float: left; }
#imgDiv { float: left; width: 60%; }

#textDiv ul { margin-left: 0px; }
#textDiv li { list-style-type: none; padding-bottom: 10px; }

div#CommercialModels a { color: #000; }

img.highlight { cursor: pointer; }
img.highlight:hover { box-shadow: 1px 1px 3px 1px rgb(150,150,150); }

.entrydesign_innerdiv { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 100px; z-index: 8675400; margin-left: 0px; width: 520px; }

.classicmodal { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 100px; z-index: 103; margin-left: 0px; width: 960px; height: 500px !important; overflow: scroll\0/; }
.doublepopup { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 30px; z-index: 103; margin-left: 150px; width: 620px; height: 596px !important; }
.doublepopupSafety {  display: none;
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    padding: 10px;
    position: fixed;
    top: 188px;
    z-index: 103;
    margin-left: 400px;
    width: 430px;
    height: 160px !important; }
.popupImage{height: 496px !important; overflow-y: scroll; !important;}
.doublepopupcoachman { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 30px; z-index: 103; margin-left: 150px; width: 620px; height: 610px !important; }
.doublepopupcanyonRidgeLES { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 30px; z-index: 103; margin-left: 150px; width: 620px; height: 610px !important; }
.doublepopupcanyonRidgeUG { display: none; background: #f3f3f3; border-radius: 5px; box-shadow: 0 2px 5px #000; padding: 10px; position: fixed; top: 30px; z-index: 103; margin-left: 150px; width: 620px; height: 610px !important; }
.doublepopupcanyonRidgeLESSeries3 {width: 734px !important;}
/*ul#coachamanprodtabs {
    width: 607px;
    overflow-x: scroll;
    overflow-y: hidden;
}
/*
::-webkit-scrollbar {
    width: 10px;
height:10px;
} */

.popupImagecoachman {height: 496px !important; overflow-y: scroll; !important;}

/*.canyonmodal {display: none;background: #f3f3f3;border-radius: 5px;box-shadow: 0 2px 5px #000;padding: 10px;position: fixed;top: 220px;
    z-index: 103;margin-left: 103px;overflow: scroll\0/;}*/
	
	.canyonmodal {display: none;background: #f3f3f3;border-radius: 5px;box-shadow: 0 2px 5px #000;padding: 10px;position: absolute; bottom: 250px; left: 90px;
    z-index: 103;overflow: scroll\0/;}
.canyonRidgepop{text-decoration:underline !important;color:#663333 !important;cursor: pointer;}
.ClassicTableContainer { width: 100%; }
.ClassicTableContainer table { width: 100%; height: 466px !important; overflow: scroll; display: block; }
.ClassicTableContainer table td { text-align: left !important; min-width: 150px !important; }


#modal_DesignDiv { height: 400px; overflow-y: scroll; }

#closeImg {background: url('../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png') no-repeat top left; background-position: 0 -430px; width: 25px; height: 25px; cursor: pointer; position: absolute; right: -3px; top: -10px; right:0\0/; top:10px\0/; z-index: 999; }
#closeImgSafety {background: url('https://../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png') no-repeat top left; background-position: 0 -430px; width: 25px; height: 25px; cursor: pointer; position: absolute; right: 15px; top: 15px; right:0\0/; top:10px\0/; z-index: 999; }

#classicDiv #closeImg {  right:0\0/; top:2px\0/;  }

 

#pp_box1 { margin-bottom: 15px; }


.img-with-table { float: left; clear: both; width: 100%; margin-bottom: 25px; }

.img-with-table-img { float: left; width: 45%; padding: 0px 0px; }

.img-with-table-table { float: left; width: 55%; }

.paddboxes { padding: 0 20px; display: inline-block; width: 80%; }

.margbox { clear: both; margin-bottom: 30px; }

.pThumbNail { height: 250px !important; }
.pThumbNail a[href*=".html"] {   background: none !important;  padding-left: 20px;  font-size: 14px !important;  display: inline-block;}

.col_label { display: block; text-align: left; text-indent: 15px; }

.colorsrow img { width: 75px; height: 75px; }


.pnlcoorBox { display: inline-block; vertical-align: top; width: 95px; height: auto; margin: 10px; }

.pnlcoorBox img { width: 84px; height: 60px; }

#pnlCoors span { display: block; clear: both; padding: 15px 0; }
.panelStyles { color: red; }
.grainStyles { color: red; }
.glassStyles { color: red; }

.modelRow { text-align: center !important; }

img.grainStyles { height: 143px; width: 180px !important; }
img.glassStyles { height: 194px; }
img.panelStyles { width: 88px !important; height: 200px; }

.ClassicTableContainer sup {font-size: 10px !important;display: inline;}
.design_protitle sup { font-size: 10px !important; padding-left: 0px !important; display: inline-block; vertical-align: super !important; margin: -5px 0px; }

#Brochure span.aUrl a[href*=".html"] {padding-left:0 !important;}
#Content_C001_lblColorDisclaimer, #special-color {padding: 3px 0!important;}

.tabbox h3 {margin: 10px 0 5px 0;}

.banner-button a {font-size:12px\0/;font-size:12px\9;}
 .accordion_container {
    width: 300px;
    position: fixed;
    right: 370px;
    bottom:0px;
    z-index: 999;
}
.accordion_head {
  background-color: #633;
    color: #fff;
    cursor: pointer;
    font-family: arial;
    font-size: 16px;
    padding: 13px 11px 7px 11px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    text-align: center;
}
.accordion_body {
    background: #633;
    clear: both;
    height: 200px;
}
.accordion_body p {
    padding: 18px 5px;
    margin: 0px;
}
.plusminus {
    float:right;
}
.accordion_body h4{
    color: #fff!important;

}
.accordion_body h4 span{
    display: block;
    clear: both;
    padding: 5px 0px;
    font-size: 12px;

}

a.banner-button-bt{
display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: right;
    padding: 12px 0px 12px 10px;
}

.bottomAccordian{
    text-align: center;
    padding: 0px 6px 0px 5px;
}
.accordianSpanBtm{
    font-size: 14px; color: #fff;
}

.banner-button-fixed .enterBox, .banner-button-fixed .seedoorBox{
    border: 1px solid #FFFFFF;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    /* margin: 0 10px 0 0; */
    background: url(../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 100px -196px;
    padding: 10px 0px 10px 10px;
    width: 120px;
    display: block;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 10px;
}


.banner-button-fixed .seedoorBox {
    width: 200px;
background: url(../../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 180px -196px;

}
.banner-button-fixed a:hover{color: #fff; text-decoration: none;}


.banner-button-fixed {
      /*display: inline-block;*/
    width: inherit;
    vertical-align: top;
    text-align: center;
    padding: 12px 10px 12px 0px;
    margin: 0 auto;
	clear:both;
}
#lblTitle .symbolstxt{font-size: 18px !important;}
.bv-prs-container{padding-bottom: 10px !important;}
.social_share a, #stageimagesunorderlist .social_share a {
    display: inline-block;
    text-decoration: none;
    background-image: url(../../MVC/MailFormatHtml/socialsprite2.png);
    background-repeat: no-repeat;
}
#socialicons{border: 1px solid #8a8a8a;background-color: white;width: 116px;
    margin-top: 8px;
    box-sizing: content-box;
	padding: .41667em;
	height: 32px;
    border-radius: .25em;
    margin-bottom: 0px;
}
#socialicons .social-icons{padding: 6px 0px 0px 0px;}
@media screen and (max-width:1024px){


 .accordion_container {
    width: 97%;
    right: 10px;
}

    }
@media screen and (max-width: 1024px) {

    .pp_imgsgrid .jcarousel-control-prev { left: -36px; }

    .pp_imgsgrid .jcarousel-control-next { right: -36px; }

    .ClassicTableContainer table th {  font-size: 15px !important; word-break: break-word !important; word-break: break-all !important; }
    /* 
    .classicmodal { width: 770px; }
  #closeImg { margin-left: 740px; }*/
  .entrydesign_innerdiv { width:90%;}
  
}

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

.scrollMob {height:350px; overflow-y:scroll;}
.inputClass {width:95%;}
    .pThumbNail { height: 250px !important; }

    .paddboxes { padding: 10px 0px; display: inline-block; width: 100%; }

    /*.tablewind tbody td:nth-child(4), .tablewind tbody td:nth-child(5) { width: 100%; }*/

    #rt1 td, #gvTrackAndJamb td { min-width: 100%; max-width: 100%; }
 
 
    .img-with-table-img { float: left; clear: both; width: 100%; }

    .img-with-table-table { float: left; width: 100%; }



    #textDiv { width: 100%; float: left; }
    #imgDiv { float: left; width: 100%; }


    .prod_overviewcontent { width: 100%; float: left; }
    .prod_quickdrawbox { float: left; clear: both; width: auto; }
    .prod_quickdrawbox img { float: left; margin: 15px 15px 0px 15px; }
    .prod_quickdrawbox a { clear: both; float: none; text-align: center; padding: 0px 20px; }

    .prod_constructioncontent { width: 100%; }
    .prod_imgconbox { width: 100% !important; float: left; }
    .prod_conbox { width: 100% !important; }
    .prod_imgconbox img { float: left; }
    .construction_numberimages { width: 100%; }

    .construction_twoboxes { width: 100% !important; margin-right: 0px; margin-bottom: 20px; }

    .construction_twoboxes .conbox { width: 100%; }
    .prod_quickdrawbox .quickdrawlink { margin-left: 0px; }


    #rt1 th, #gvTrackAndJamb th { padding: 9px 5px !important; width: 100% !important; word-break: break-word; }
    #rt1 td, #gvTrackAndJamb td { text-align: center; }

    .pp_tabmdiv { width: 100%; }
    .pp_tab1div { width: 100%; }
    .pp_tab2div { width: 100%; float: left; }
    .consImg { padding: 10px; }

    .conimage_right { width: 22%; }
    .contxt_right { width: 78%; }


    .tab_image { width: 22%; }
    .tab_content { width: 78%; }

    .pp_youmaylike h5 { padding-left: 10px; }

    .whiteh1 { padding: 0 10px !important; }

    .classicmodal { width: 90%; height: 443px !important; }
	.canyonmodal{width: 90%; left: 30px;}
    .ClassicTableContainer table { height: 429px !important; }
    /* #closeImg {margin-top: -21px;} */
    #carouselscontainer { background: #F3F3F3; padding: 4px 0px; }
 
    .tablewind th { min-height: 100px !important; }

    .tablewind tbody td { min-height: 98px !important; min-width: 100px !important; white-space: -moz-pre-wrap !important; white-space: -pre-wrap !important; white-space: -o-pre-wrap !important; white-space: pre-wrap !important; word-wrap: break-word !important; word-break: break-word !important; }
}


@media (min-width: 768px) and (max-width: 1023px) {

    .pp_blockone { width: 100%; }
    .pp_blocktwo { width: 100%; padding: 10px; margin-bottom: 20px; }
    #pp_HeadingsBox { margin-left: 0; }
    .pp_tabcontainer { padding: 10px; }
    .vm_modulediv { width: 100%; text-align: left; margin: 10px 0px 0px 0px; }
    .vm_title { text-align: left; width: 100%; font-size: 20px; padding: 10px 0px 0px 10px; }
    .vm_gridcontainer { margin: 10px 0px 0px 0px; }
    .consText { width: 100%; }
    .consImg { float: left; }
    #carouselscontainer { height: 420px; width: 100%; }
    .pp_imgsgrid .jcarousel { width: 100%; }
    .pp_imgsgrid .jcarousel li { margin: 0 0px; }

    #pp_HeadingsBox p { margin-bottom: 0px; }
    .revtext { margin-left: 0; width: 100%; }
    .vm_links { padding-left: 0px; }

    .pp_imgsgrid { padding: 10px; }

    #pp_Box1 { min-height: 0; }

    .pp_imgsgrid .jcarousel-wrapper { width: 94%; }
    .pp_youmaylike h5 { padding-left: 10px; }
}



@media (max-width: 800px) {
    .pp_imgsgrid .jcarousel li { margin-right: 5px; }
}

@media (max-width: 767px) {
    .pp_blockone { width: 100%;  }
    .pp_blocktwo { width: 100%; padding: 10px; margin-bottom: 20px; }
    #pp_HeadingsBox { margin-left: 0; }
    .pp_tabcontainer { padding: 10px; }
    .vm_modulediv { width: 100%; text-align: left; margin: 10px 0px 0px 0px; }
    .vm_title { text-align: left; width: 100%; font-size: 20px; padding: 10px 0px 0px 10px; }
    .vm_gridcontainer { margin: 0px 0px 0px 0px; }

    .consText { width: 100%; }
    .consImg { float: left; }
    .vm_modulediv { margin: 10px 0px 0px 0px; }
    #carouselscontainer { height: 420px; width: 100%; }
    .pp_pro_buttons a { width: 100%; margin: 5px 0px; }
    .pp_youmaylike { padding: 0 10px; }
    .pp_youmaylike h3 { padding: 0 10px; }
    .pp_imgsgrid img { width: 100%; margin-left: 0; }
    .pp_imgsgrid .jcarousel { width: 94%; }
    .pp_imgsgrid .jcarousel li { margin: 0 10px; }
    #pp_HeadingsBox p { margin-bottom: 0px; }
    .revtext { margin-left: 0; width: 100%; }
    .vm_links { padding-left: 0px; }
    .pp_imgsgrid { padding: 10px; }
    #pp_Box1 { min-height: 0; }
    .pp_pro_buttons a.pp_deactivated { margin: 5px 0px; }

    .pp_button_where { width: 100%; }

    .pp_imgsgrid .jcarousel-control-prev, .jcarousel-control-next { /*width: 25px; height: 25px;*/ font: 24px/24px Arial, sans-serif; }

    .pp_imgsgrid .jcarousel-control-prev { left: -25px; }

    .pp_imgsgrid .jcarousel-control-next { right: -25px; top: 50%; }

    .pp_imgsgrid .jcarousel-wrapper { margin: 5px; }

    /*.pp_imgsgrid .jcarousel img { width: 220px !important; max-width: 230px !important; }*/
    .tablewind tbody tr{margin-left:0 !important;}
   #CommercialModels  table { display: block; overflow-x: auto; width: 100%;}
}
 @media (min-width: 340px) and (max-width:426px) {
	 .whiteh1 {
	 font-size: 16px !important;}
}
@media (min-width: 400px) and (max-width:675px) {

    /* .entrydesign_innerdiv { margin-top: -50px; height: 200px; } */
    .classicmodal { margin-top: -50px; height: 240px !important; }
	.canyonmodal{ min-height: 50px !important;left:30px}
    .ClassicTableContainer table { height: 190px !important; }
    #modal_DesignDiv { height: 180px; overflow-y: scroll; }
    .tablewind tbody td {min-height: 0!important; min-width: 0px!important; height: 100px; width: 100%; }
    #rt1 th, #gvTrackAndJamb th { padding: 26px 5px!important;}
}

@media (min-width: 320px) and (max-width:400px) {
    .classicmodal {/* width: 276px; */ margin-top: 0; height: 410px !important; margin-left: -13px; top: 70px; }
	.canyonmodal{/* width: 276px; */ left: 18px; }
    .ClassicTableContainer table { height: 355px !important; }
    #carouselscontainer { height: 332px; }
 
    .tablewind tbody td {min-height: 0!important; min-width: 300px !important; height: 100px; width: 100%; }
    #rt1 th, #gvTrackAndJamb th { padding: 26px 5px!important;}
        
	.divReview { width: 300px; }
	.classicclose2 {  margin-left: 266px;}
    
}

@media (max-width: 320px) {
.divReview{left:10px !important}
    .conimage_right { width: 100%; }
    .contxt_right { width: 100%; }
    .pp_imgsgrid .jcarousel { margin: 0px 0px 0px 2px; }

    .tab_image { width: 100%; }
    .tab_content { width: 100%; }
    ul#stageimagesunorderlist a { width: 300px !important; }


    .entrydesign_innerdiv { max-width: 80%; min-width: 80%; width: 80%; margin-top: 0; height: 300px !important; }

    #modal_DesignDiv { height: 250px; }
}
/*@media (max-width: 568px) {

.pp_imgsgrid .jcarousel img { width: 200px !important; max-width: 200px !important; }
} 

*/
@media only screen and (min-height: 601px) and (max-height: 768px) {
    .entrydesign_innerdiv { height: 420px !important; }
    #modal_DesignDiv { height: 400px !important; }
}
@media screen and (min-width: 1025px) and (max-width: 1180px) {
.contest_banner { position:relative;}
}

@media (min-width: 1025px) {
    .entrydesign_innerdiv { width: 900px; height: 620px; }
 
    #closeImg { /* margin-left: 873px; margin-top: -23px !important;*/  }
    #modal_DesignDiv { height: 600px; overflow-y: scroll !important; width: 890px !important; }
}
@media only screen and (min-width: 320px) and (max-width: 374px) {

 .colorSquarediv{ width: 40px; height: 40px; margin: 6px 8px 0 0;}
.headingsNewBox {  width: 82%; float: left;}
 .headingsNewBox h2, .headingsNewBox h2 span {font-size:25px !important; }
    .headingsNewBox h3, .headingsNewBox h3 span  { font-size: 16px !important; line-height: 30px !important;}
.pp_imgsgrid img {
    width: 80%;
    margin-left: 0;
}
}
@media only screen and (min-height: 320px) and (max-height: 480px) and (orientation: landscape) {
.divReview{ display: block;}
.scrollMob {height:130px; overflow-y:scroll;}

}
@media (min-width: 1025px) and (max-width: 1900px) {

.accordion_container {
    right: 94px;
 
}


}
@media (min-width: 1500px) {
	   .popupImage {
    height: 760px !important;
    overflow-y: scroll;
}
.doublepopup {
    display: none;
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    padding: 10px;
    position: fixed;
    top: 30px;
    z-index: 103;
    margin-left: 150px;
    width: 620px;
    height: 90% !important;
}
  .popupImagecoachman {
    height: 760px !important;
    overflow-y: scroll;
}
.doublepopupcoachman {
    display: none;
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    padding: 10px;
    position: fixed;
    top: 30px;
    z-index: 103;
    margin-left: 150px;
    width: 620px;
    height: 90% !important;
    /*overflow: scroll;*/
}
.doublepopupcanyonRidgeLES{
    display: none;
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    padding: 10px;
    position: fixed;
    top: 30px;
    z-index: 103;
    margin-left: 150px;
    width: 620px;
    height: 90% !important;
}
.doublepopupcanyonRidgeUG{
  display: none;
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    padding: 10px;
    position: fixed;
    top: 30px;
    z-index: 103;
    margin-left: 150px;
    width: 620px;
    height: 90% !important;
}
}
/** Reference Website 
http://dbushell.com/2012/01/05/responsive-tables-2/
**/



.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child + html .cf { zoom: 1; }


.rt { width: 100%; font-size: 0.75em; /*12*/ line-height: 1.25em; /*15*/ border-collapse: collapse; border-spacing: 0; }

    .rt th,
    .rt td { margin: 0; padding: 0.4166em; /*10*/ vertical-align: top; font-family: HelveticaNeueW02-55Roma, Arial, sans-serif !important; font-size: 14px !important; }
    .rt th { text-align: left; font-family: HelveticaNeueW02-55Roma, Arial, sans-serif !important; font-size: 14px !important; font-weight: bold; }
.specfiles_p { text-align: center; }

@media (max-width: 1023px) {

    #rt1 ,#gvTrackAndJamb{ display: block; position: relative; width: 100%; }
        #rt1 thead, #gvTrackAndJamb thead { display: block; float: left; }
        #rt1 tbody, #gvTrackAndJamb tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
        #rt1 thead tr, #gvTrackAndJamb thead tr  { display: block; }
        #rt1 th, #gvTrackAndJamb th { display: block; padding: 10px 0px; display: block; padding: 10px 0px; width: 110px; background: #eee; }

        #rt1 tbody tr, #gvTrackAndJamb tbody tr { display: inline-block; vertical-align: top; padding-left: 7px; }
        #rt1 td, #gvTrackAndJamb td { display: block; min-height: 1.25em; padding: 10px 5px; }

    #rt2 { display: block; position: relative; width: 100%; }
        #rt2 thead { display: block; float: left; }
        #rt2 tbody { display: -webkit-box; overflow-x: auto; }
        #rt2 th,
        #rt2 tr,
        #rt2 td { display: block; }

    /* sort out borders */

    .rt th { border-bottom: 0; }
    .rt td { border-left: 0; border-right: 0; border-bottom: 0; }
    .rt tbody tr { border-right: 1px solid #babcbf; }
    .rt th:last-child,
    .rt td:last-child { border-bottom: 1px solid #babcbf; }
    .modelRow { border: none !important; margin-top: 170px !important; margin-bottom: 150px !important; }
}