.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: 8px 14px; 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: 8px 14px; 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: left; width: 100%; font-family: 'HelveticaNeueW01-77BdCn 692722'; font-weight: normal; line-height: normal; text-transform: uppercase; color: #663333; 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; }

.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; }


#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:0;  }


/* 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 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;}*/
}