/*****************************************************************
configurator peices
*************************************************************** */

   .productselectorBookmark {margin-top:0px;}
    #product #ads {
        display: none;
    }
        .cfWrapper {
            float: left;
            width: calc(33% - 10px);
            margin: 5px 10px 10px 0;
            min-height: 125px;
        }
      .cfWrapper .cfProduct {float:left; width:33%;}
      .cfWrapper .cfProductImage {width:100%;}
      .cfWrapper .cfProductInformation {
            float: left;
            width: 64%;
            padding-top: 5px;
            padding: 5px 0 0 3%;
        }
       .cfWrapper  input.cfBundleProductCheckbox {display: block;  margin-bottom: 3px; }
      
      #cfBundleButtons {
            width: 100%;
            text-align: right;
        }
        .tabs article .cfBundleProductLink {
            display: block;
            min-height: 45px;
        } 
        #cfTotalCost {
            margin: 10px;
            font-size: 14px;
        }
        #tab-configurator .configuratorSelectorSubmit {
            width: 70px;
        }
        .cfSmallButton.CompleteBuild, .cfSmallButton.AddToCart {
            font-size: 11px;
            height: 25px;
            background-color: #145d93;
            color: white;
            padding: 4px;
            border-width: 1px;
            margin: auto;
            text-align: center;
            text-transform: uppercase;    
            margin: 10px 10px 0 10px;
        }
        .cfSmallButton.AddToCart {
            background-color: #01831f;
            width: 100px;
        }
        .cfSmallButton.CompleteBuild {
            background-color: #145d93;
            width: 160px;
        }
        .cfBundleProductCost {
            color: #c00;
            display: block;
            font-size: 12px;
        }
        #cfBundlePrice { font-weight: bold; color: #cc0000; 	}
            #ConfiguratorItemsList { 
    		margin: 18px 0 0 5px; 
    		display: inline-block; 
    		width: 100%; 
    		padding-bottom: 15px; 
    	}
    	
    	#productGrid.col1 {
            position: relative;
            border: 1px solid #fff;
        }

.configurator #ads {
    float: right;
    margin-left: 8px;
}

.configurator #guided {
    width: 200px;
    max-height: 1595px;
    overflow: auto;
    max-width: 100%;
    overflow-x: hidden;
}

.ConfiguratorItems #cfTopSection {
    display: flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

/* temporary configurator results styling  */




.body-loading {
    z-index: 10000 !important;
}

.selectableN-selectbox {width:auto;}

/*FOR DESIGN PURPOSES*/





.configurator #isRequiredCheckbox {
    display:none;
    /*display: block;
    color: #000000;*/
}
.configurator .ui-panel-wrapper {
    z-index: auto;
}
#product #content h1.configurator {
    color: black;
    font-weight: bold;
    font: 3em 'Blinker', sans-serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    width: 96%;
    border-bottom: none;
}

#configuratorWrapper h4.clickable {
	padding-top: 0px;
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 8px 0 1px 0px;
	font-weight: 600;
	border-bottom: 1px solid #145d93;
	color: #145d93;
}
#configuratorWrapper #myTopnav .active {
    display: none;
}

.ActionButtonsContainer.cnfSticky {
	top: 0;
	left: 0;
	width: 100%;
	min-height: 60px;
	position: fixed;
	z-index: 999;
	background: #fff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .33);
	transition: top .5s ease;
}

.ActionButtons.cnfSticky {
	top: -20px;
	background-color: #fff;
	z-index: 1000;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	flex-direction: row;
	justify-content: center;
	flex-wrap: nowrap;
	box-shadow: none;
}
#newusername {
    width: 250px;
    height: 30px;
    margin-top: -2px;
    font-size: 14px;
}

.configResultsRibbon {
    background-color: #145d93;
    padding: 4px 0px 4px 0px;
    outline: inherit;
    min-height: 73px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#product #content .configResultsRibbon h1, #product #content .configResultsRibbon h1 {
    color: #fff;
    width: 30%;
    border: none;
}

#ConfiguratorSearchForm input[type="text"] {
    width: 470px;
    margin-right: 0px;
    border-radius: 2px;
    border: 2px solid #333;
    color: #6d797a;
    background: none repeat scroll 0% 0% #fff;
    height: 28px;
    padding-left: 10px;
    font-size: 14px;
}

#configuratorSearchBar {
    margin: 18px 0 15px 0;
}

#configuratorSearchBar input[type="button"] {
    background: #333;
    color: #f1f2f5;
    font-size: 12px;
    border-radius: 2px;
    text-align: left;
    font-size: 14px;
    line-height: 14px!important;
    min-height: 26px;
    height: auto;
    font-weight: 600;
    color: transparent;
    text-transform: uppercase;
    border: 0;
    width: 40px;
    padding: 10px;
    /* position: absolute; */
    top: 0;
    right: 0;
    background: #333;
    background-image: url(https://60a99bedadae98078522-a9b6cded92292ef3bace063619038eb1.ssl.cf2.rackcdn.com/MagnifyingGlassSMW25.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
}

.configResultsRibbon .closeModal {
	color: #fff!important;
    top: 24px;
	right: 10px;
	position: absolute;
	font-weight: 980;
}
#quickview-content #options-pricing #pricing {
    float: initial;
}
/*
.fancybox-content {
    width: 720px!important;
    height: 550px!important;
}
*/

.configurator .fancybox-container .fancybox-content {
    width: 700px!important;
    padding-left: 24px!important;
}

.configurator .fancybox-container.SaveBuild .fancybox-content {
    height: 360px!important;
    width: 530px!important;
}
.configurator .fancybox-container.shareModal .fancybox-content {
    height: 90%!important;
    width: 90%!important;
}
#savelistform, #saveaslistform {
    margin: 0px 11%;
}
/*
.configuratorExportModal, #mainContent  {
    width: 88%!important;
    margin-top: 5%!important;
}
*/
.configuratorURLExport input {
    width: 100%;
    height: 25px;
    margin-top: 20px;
    font-size: 12px;
}
.configuratorURLExport input[type="text"] {
    width: 60%;
}
/*
.fancybox-content {
    height: 50%!important;
    width: 50%!important;
}
textarea.configurator-export-info {
    height: 60%!important;
    width: 100%!important;
}
*/
#ConfiguratorResults .mobile-desect-nav a {
	position: absolute;
	top: 8px;
	right: 5px;
	color: white;
	display:none;
}
#ConfiguratorResults .tool-tip.unfiltered {
    margin: 10px 0 0 10px;
}

.configurator #actions h3 {
	font-size: 2em;
	color: #145d93;
	font-weight: normal;
	margin: 0 0 40px 0;
	text-align: center;
}

.configurator input[type="button"] {
    background: #333;
    color: #f1f2f5;
    font-size: 12px;
}
.actions input[type="button"] {
	font-size: .875em;
	background-color: #145d93;
	color: white;
	margin: auto;
	padding: 6px 20px;
	border-width: 1px;
	display: block;
	margin-top: 36px;
}

.actions a {
	text-decoration: none;
}
.configurator #actions input[value=Save] {
    width: 64px;
}
.configurator .fancybox-container input[type="submit"] {
    font-size: .875em;
    background-color: #145d93;
    color: white;
    margin: -2px 12px 0px 12px;
    padding: 6px;
    float: right;
    border: 1px solid #145d93;
    float: left;
}

.configurator .fancybox-slide .actions {
  width: 320px;
}

.configurator .fancybox-slide .configuratorExportModal {
  width: 320px;
}
.configurator .saveAlert {
    color: red;
}
.configurator .cnfSticky .saveAlert {
  display: none;
}
.nameWarning, .renameWarning, .newnameWarning {
    display: none;
}
.saveConfigContainer h4 {
    padding-top: 0px;
    font-size: 1.5em;
    color: #145d93;
    font-weight: normal;
    margin: 0px 0 4px 0px;
    display: inline-block;
}
.saveConfigContainer {
    margin: 60px 20px 12px 20px;
    padding: 14px;
    border: 2px solid #145d93;
    width: 70%;
}
.savedConfiguratorRow.headline {
    font-size: 17px;
    background-color: #145d93;
    color: white;
    border-width: 1px;
    height: 40px;
    padding: 7px 0;
    margin-bottom: 4px;
}
.savedConfiguratorRow {
    display: flex;
    font-size: 14px;
}
.savedConfiguratorName {
    width: 28%;
    margin-left: 10px;
}
.savedConfiguratorCreated {
    width: 25%;
}
.savedConfiguratorChanged {
    width: 25%;
}
.savedConfiguratorLink {
    width: 15%;
}
.savedConfiguratorLink a {
    color: #145d93;
    font-weight: 600;
}
.deleteConfiguratorLink {
    width: 11%;
}
.deleteConfiguratorLink a {
    color: transparent;
    font-weight: 600;
    background-image: url(https://60a99bedadae98078522-a9b6cded92292ef3bace063619038eb1.ssl.cf2.rackcdn.com/images_icons_ICONtrash2.png);
    background-repeat: no-repeat;
    background-size: 17px 18px;
    margin-left: 18%;
    line-height: 24px;
    font-size: 20px;
}
.orSaveAsDiv {
    color: transparent;
}
#configuratorWrapper .ActionButtonsListName.Untitled h2 {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	margin: 2px 0 0 0;
}

#configuratorWrapper .configurator .saveAlert {
	color: #c80b01;
	font-weight: normal;
}

#configuratorWrapper .fa.fa-chevron-up,
#configuratorWrapper .fa.fa-chevron-down {
	padding: 11px 5px 0 0;
}

#configuratorWrapper .fa.fa-chevron-up.selectorgroup_0_headerUp,
#configuratorWrapper .fa.fa-chevron-down.selectorgroup_0_headerDown {
	padding: 4px 5px 0 0;
}

#configuratorWrapper .selectorgroup.SelectorCollapsed,
#selectorgroup_1.selectorgroup.SelectorCollapsed {
	display: none;
}

#configuratorWrapper .selectorgroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: stretch;
	margin-top: 8px;
}

#configuratorWrapper .selectorgroup.SelectorExpanded {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: stretch;
	margin-top: 8px;
}

#configuratorWrapper .even,
#configuratorWrapper .odd {
	width: 19%;
	text-align: center;
	outline: 1px solid #999999;
	padding: 0px;
	margin: 0 0 16px 0;
	min-height: 100px;
	margin-right: 1%;
}
#configuratorWrapper .selectorName {
	font-size: 1.25em;
	color: #333;
	font-weight: bold;
	padding: 6px 0;
}

#configuratorWrapper .selectorHtml {
    font-size: .75em;
    font-style: italic;
    margin-left: 0px;
    min-height: 18px;
}

#configuratorWrapper .selector {
	position: relative;
}

#configuratorWrapper .selector.active {
    background: inherit;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#configuratorWrapper .selections.unselected p {
    display: block;
    color: #145d93;
    font-weight: 600;
    font-size: 14px;
}
/*
#configuratorWrapper.noItems .selections.unselected p {
    display: none
}
*/
.additionalCollapse {
    display: none;
}

.selector.active .configuratorSelector {
    width: 100%;
}
.selector.active .NoFilters {
    margin: 5px 0;
}
.selector.active .configuratorSelector.otherItem {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#configuratorWrapper .configuratorSelector.otherItem select {
    width: 96%;
    margin: 0 2%;
    font-size: 12px;
}
.selector.active .configuratorSelector.otherItem input[type="button"] {
    width: 80%;
    margin: 0 10%;
}
#configuratorWrapper .configuratorSelector input[type="text"] {
	display: none;
}

.btnselect {
    width: 90%;
    margin: 0 5%;
    font-size: .75em;
    color: black;
    font-style: italic;
    min-height: 48px;
    display: flex;
    flex-wrap: wrap;
}

.DesktopFramework .btnselect p{
    margin:auto
}

#configuratorWrapper .ActionButtons {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	flex-flow: wrap;
	flex-direction: row;
	align-items: flex-start;
	margin-top: 8px;
	padding: 4px;
}

#configuratorWrapper .ActionButtons ActionButtonsListName Untitled {
	width: 50%;
	text-align: center;
	margin-top: 4px;
	flex-basis: auto;
}

#configuratorWrapper .ActionButtons input[value="Add To Cart"] {
    font-size: 1em;
    background-color: #01831f;
    color: white;
    padding: 8px;
    width: 140px;
    height: 36px;
}

#configuratorWrapper .ActionButtons input[value="Add To Cart"]:hover {
	opacity: .8;
}

#configuratorWrapper .ActionButtons .subtotal {
	color: #c80b01;
	font-weight: bolder;
	font-size: 1.25em;
	margin: 3px 0;
	width: 25%;
	text-align: right;
}
.configurator .totalcostlabel, .configurator .plustax {
    color: #333;
}
.configurator .plustax {
    font-size: 14px;
}

#configuratorWrapper .ActionButtons input[value="Add To Cart"] {
	font-size: 1em;
	background-color: #01831f;
	color: white;
	padding: 8px;
	width: 140px;
}

#configuratorWrapper .ActionButtons input[value="Add To Cart"]:hover {
	opacity: .8;
}

#configuratorWrapper input[type="button"],
#configuratorWrapper input[type="reset"],
#configuratorWrapper input[type="submit"]
 {
    font-size: 11px;
    width: 100px;
    height: 25px;
	background-color: #145d93;
	color: white;
	padding: 4px;
	border-width: 1px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
}

#configuratorWrapper input[value="Update"] {
 	font-size: .75em;
	width: 60px;
	background-color: #666666;
	color: white;
	padding: 4px;
	border-width: 1px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;   
}

#configuratorWrapper input[type="button"]:hover,
#configuratorWrapper input[type="reset"]:hover,
#configuratorWrapper input[type="submit"]:hover,
#configuratorWrapper input[value="Update"]:hover {
	opacity: .8;
}



.ActionButtons .configPrint {
	color: transparent;
	background-image: url(https://60a99bedadae98078522-a9b6cded92292ef3bace063619038eb1.ssl.cf2.rackcdn.com/print-icon.jpg);
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	min-width: 200px;
}

.configMap {
	display: block;
	font-size: .75em;
	margin-top: 12px;
	float: left;
	margin-left: 50px;
}

#configuratorWrapper input,
#configuratorWrapper select,
#configuratorWrapper textarea {
	background: none repeat scroll 0 0 rgb(225, 232, 237);
	color: rgb(0, 0, 0);
	font-size: 14px;
	width: 20px;
}
#configuratorWrapper .selectors {
    margin-bottom: 100px;
}
.selectors .picture img {
	width: 80px;
	margin: auto;
}
.hasItems .selectors .picture img {
    min-height: 80px;
}

.configuratorSelectorSubmit 
{
    font-size: 11px;
    width: 100px;
    height: 25px;
    background-color: #145d93;
    color: white;
    padding: 4px;
    border-width: 1px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;    
    
}
#product #content .configuratorSelectorSubmitNR:-webkit-any-link {
    color: blue;
    font-style: normal;
    text-decoration: underline;
}
#product #content .configuratorSelectorSubmitNR:hover {
    text-decoration: none;
}
.selections h4 {
	padding-top: 0;
	margin-top: 0;
	font-size: .825em;
	font-weight: normal;
	margin-bottom: 6px;
	text-transform: none;
	margin: 4px 0 1px 0;
	border-bottom: none;
	color: black;
	min-height:95px;
}


.configurator #productGrid.col1 div.rebate-price {
    font-size: 14px;
    width: auto;
    min-height: 22px;
    text-align: center;
}
#ConfiguratorResults #productGrid.col1 .instore {
    width: 100%;
}
.configurator .printOnly.selectedItem {
	display: none;
}

#configuratorWrapper .newItem.btnselect input[type="button"] {
    margin: auto;
    margin-top: 3px;
}






.dropdown-content a:hover {
	background-color: #ececec;
	color: black;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.configurator form.sort {
	width: 45%;
}

.configurator #productGrid.col1 div.details {
	width: 92% !important;
}

.configurator #productGrid.col1 div.price_wrapper {
	width: 100%;
}
#ConfiguratorResults #productGrid div.price {
    width: 100%;
    min-height: 70px;
    text-align: center;
}
#ConfiguratorResults .price span {
    display: inline;
}
.configurator #guided {
    width: 200px;
    max-height: 1595px;
    overflow: auto;
    max-width: 100%;
    overflow-x: hidden;
}

.configurator #guided ul.guided {
    padding: 0px;
    margin: 4px 0px 12px 10px;
}

.configurator #contentResults {
	width: 990px;
	float: left;
	max-height: 1595px;
	overflow-y: scroll;
    padding-bottom: 65px;
}
.configurator #productGrid.searchPromo ul {
    width: 100%;
}

#ConfiguratorResults #productGrid.col1.searchPromo ul li {
    width: 23%;
}

.configurator #contentResults.searchPromo {
    width: 1000px;
}

.configurator .fancybox-is-open .fancybox-bg {
	z-index: 500;
	height: 5000px;
}
.configurator #productGrid.col1 .btn-add {
	font-size: .9em;
	width: 60px;
	top: 13px;
	left: 44px;
	background: #145d93;
	border: 1px solid #145d93;
	height: 11px;
	padding: 6px 25px;
	float: inherit;
}

#ConfiguratorResults #productGrid.col1 ul {
	display: flex;
	flex-flow: wrap;
}

#ConfiguratorResults #productGrid.col1 ul li {
    width: 25%;
}
.configurator #ads {
    float: right;
    margin-left: 8px;
}

.configurator #contentResults #MerchStyleBanner {
    margin: -5px 0 10px 0;
    text-align: center;
}

#contentResults #productGrid.col1 div.details {
	display: flex;
	flex-flow: column;
}
#ConfiguratorResults #productGrid.col1 h2 {
    margin: 0 2% 2px 8%;
}
#ConfiguratorResults #productGrid.col1 p.sku {
    margin: 2px 2% 5px 8%;
}
#ConfiguratorResults #productGrid.col1 p.limit {
    margin: 2px 2% 0 0%;
    text-align: center;
}

#contentResults .price_wrapper a {
    color: #fff;
}

#ConfiguratorResults #productGrid.col1 .SearchResultProductImage {
	margin: 5% 25%;
}

#ConfiguratorResults #productGrid.col1 div.detail_wrapper {
	padding-left: 0px;
	width: 100%;
	min-height: 100px;
}

#product #content #ConfiguratorResults .btn-add.STBTN {
    font-size: 11px;
    width: 100px;
    height: 25px;
    text-transform: uppercase;
}


#ConfiguratorResults .price_wrapper a.btn-add.STBTN {
	margin: 0 28%;
	width: 100%;
	top: auto;
	left: auto;
}
#ConfiguratorResults .clearAll {
    left: 135px;
    position: relative;
    top: 0px;
}
#product #content #ConfiguratorResults .btn-add.STBTN {
    font-size: 11px;
    width: 100px;
    height: 25px;
    text-transform: uppercase;
}
.configurator #productGrid.col1 .ratingstars {
	display: none;
}

.configurator #productGrid.col1 .btn-add:hover {
	opacity: .7;
}

.configurator #productGrid.col1 div.stock {
	display: none;
}

.configurator #productGrid.col1 .highlight {
	display: none;
}

.configurator #productGrid.col1 .quick a img {
	display: none;
}

#ConfiguratorResults {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	z-index: 9999;
	background: #ffffff;
	opacity: 1;
	border: 1px solid #145d93;
	display: none;
}

#productGrid.col3 .btn-add {
	border: 0;
	background: #01831f;
	font-size: 18px;
	line-height: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 12px;
	border: 1px solid #01831f;
	width: 224px;
	text-align: center;
	white-space: normal;
}
#ConfiguratorResults #contentResults .advSearchLink {
    top: 22px;
    right: 50px;
}

@media only screen and (min-width: 970px) and (max-width: 1219px) {
    #configuratorWrapper .even, #configuratorWrapper .odd {
        width: 24%;
    }
    #configuratorWrapper .ActionButtons .subtotal {
        margin: 2px 0;
        width: 35%;
    }
    .configurator #contentResults {
        float: left;
        max-height: 1595px;
        overflow-y: scroll;
        width: 566px;
    }
    .configurator #contentResults.searchPromo {
        width: 740px;
    }
    #ConfiguratorResults #productGrid.col1.searchPromo ul li {
        width: 31%;
    }
    #ConfiguratorSearchForm input[type="text"] {
        width: 370px;
    }
    .DesktopFramework .tabs article .cfBundleProductLink {
        min-height: 60px;
    }
}
@media only screen and (max-width: 969px) {
    #product #content .configResultsRibbon h1 {
        width: 30%;
        border-bottom: none;
    }
    #ConfiguratorSearchForm input[type="text"] {
        width: 220px;
    }
    #configuratorWrapper .even, #configuratorWrapper .odd {
        width: 32%;
    }
    .ActionButtonsListName {
        width: 30%;
        margin: 2px 0;
    }
    #configuratorWrapper .ActionButtons .subtotal {
        width: 40%;    
        text-align: left;
    }
    .saveConfigContainer {
        width: 90%;
    }
    .savedConfiguratorRow {
        font-size: 12px;
    }
    .configurator #contentResults {
        width: 720px;
    }
    #ConfiguratorResults #productGrid.col1 ul li {
        width: 32%;
        margin-left: 1%;
    }
    #ConfiguratorResults #contentResults .advSearchLink {
        top: 22px;
        right: 50px;
    }
    #ConfiguratorResults #guided {
        display: block;
    }
    #ConfiguratorResults.guidedHide #guided {
        display: none;
    }
    .CopyHolder {
        width: 70%;
    }
    .configurator #guided {
        max-height: 1000px;
        overflow: auto;
        position: absolute;
        background: #e7e7e7;
        border: 1px solid #666;
        width: 30%;
        z-index: 999;
    }
    #ConfiguratorResults .mobile-desect-nav a {
        display: inherit;
    }
    .configurator #contentResults {
        width: 526px;
    }
    .configurator #contentResults.searchPromo {
        width: 740px;
    }
    #ConfiguratorResults #productGrid.col1.searchPromo ul li {
        width: 30%;
    }
    .tabs article .cfBundleProductLink {
        min-height: 60px;
    }
}

/* top nav mobile start */
.MobileFramework #ConfiguratorResults #productGrid.col1.searchPromo ul li {
    width: 100%;
}
.MobileFramework .cfWrapper .cfProductInformation {
    min-height: 117px;
}



	.MobileFramework #mainContent {
        margin-top: 20px!important;
    }
	.MobileFramework #configuratorWrapper .even, .MobileFramework #configuratorWrapper .odd {
        width: 32%;
    }
	.MobileFramework .topnav a.active {
		float: left;
	}
	.MobileFramework .topnav a.icon {
		float: right;
		display: block;
		color: white;
	}
    .MobileFramework .selections h4 {
        min-height: 95px;
    }
	.MobileFramework .news {
		display: none;
	}
	.MobileFramework .topnav.responsive {
		margin: 12px auto;
	}
	.MobileFramework .topnav.responsive .icon {
		float: right;
		display: block;
	}
	.MobileFramework .topnav.responsive .news {
		display: block;
		width: 100%;
		text-align: left;
	}
	.MobileFramework .topnav.responsive .dropdown {
		float: none;
		clear: both;
	}
	.MobileFramework .topnav.responsive .dropdown-content {
		position: absolute;
		left: 25px;
	}
	.MobileFramework .topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	.MobileFramework .selectors .qty div {
        display: flex;
    }

    .MobileFramework .selectorTrigger {
        margin: 2px 0 0 2px;
    }
    .MobileFramework .selectors .qty {
        margin: 8px 0 0 5px;
    }
    .MobileFramework #configuratorWrapper .configuratorSelector input[type="button"] {
        width: auto;
        height: auto;
        padding: 6px 25px;
    }

    .MobileFramework #product #content a:active {
        color: #fff;
    }
    .MobileFramework .CopyHolder {
        width: 88%;
    }
    #cmscontent.MobileFramework #content #configuratorWrapper .topnav a.icon {
        padding: 3px 7px 3px 7px;
        font-size: 20px;
        float: right;
        display: block;
        color: white;
        background-color: #145d93;
        display: none;
    }
    .MobileFramework .ActionButtonsListName {
        width: 35%;
        margin: 2px 0;
        font-size: 12px;
    }
    .MobileFramework #configuratorWrapper .ActionButtons .subtotal {
        width: 45%;
        font-size: 1em;
        text-align: left;
    }
    .MobileFramework #configuratorWrapper .addtocart {
        width: 20%;
    }
    .MobileFramework #configuratorWrapper .addtocart a {
        font-size: 12px;
    }
    .MobileFramework #configuratorWrapper .addtocart input {
        width: 100px;
    }
    .MobileFramework #ConfiguratorResults {
        position: absolute;
        width: 100%;
        left: 0;
        transform: translate(0,0);
        z-index: 9999;
        background: #ffffff;
        opacity: 1;
        display: none;
    }    
    .MobileFramework #ConfiguratorResults #productGrid.col1 p.limit {
        text-align: left;
    }
    .MobileFramework #ConfiguratorResults #productGrid.col1 .pDescription {
        width: 98%;
    }
    .MobileFramework #ConfiguratorResults #productGrid.col1 h2 {
        width: 100%;
        height:auto;
        white-space: inherit;
        overflow: inherit;
        text-overflow: inherit;
        margin: 0 2% 2px 2%;
    }
    .MobileFramework #ConfiguratorResults #productGrid.col1 p.sku {
        margin: 2px 2% 5px 2%;
    }
    /* 
    .MobileFramework #configuratorWrapper .even, .MobileFramework #configuratorWrapper .odd {
        width: 100%;
    }
    */
    .MobileFramework #configuratorWrapper .selectorName {
        padding: 5px 0 0 0;
    }
    .MobileFramework .selectors .picture {
        width: 100%;
    }
    /* 
    .MobileFramework .selectors .picture img {
        width: 50px;
    }
    */
    .MobileFramework .selectors .selections {
        width: 90%;
        margin: 0 5%;
    }
    .MobileFramework .selector.active .NoFilters {
        width: 100%;
        height: 18px;
        margin: 6px 0 0 0;
    }
    .MobileFramework .selections h4 {
        text-align: left;
    }
    .MobileFramework .selector.active .configuratorSelector {
        width: 100%;
        text-align: center;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .MobileFramework .selector.active .newItem .configuratorSelector {
        display: none;
        margin-top: 5px;
    }
    .MobileFramework .ExpandCollapseContainer {
        margin-top: 0px;
    }
    .MobileFramework .newItem.btnselect {
        margin: 10px 0 10px 0px;
        width: 100%;
    }
    .MobileFramework.configurator #productGrid.col1 div.rebate-price {
        font-size: 12px;
        text-align: left;
    }
    .MobileFramework .ActionFooter {
        display: flex;
        flex-wrap: wrap;
        width: 98%;
        margin: 2px 0;
    }
    .MobileFramework .SpecView {
        width: 20%;
        margin: 2px 0;
    }
    .MobileFramework .selectors .qty {
        margin: 2px 0 2px 5px;
        width: 55%;
    }
    .MobileFramework .selector .remove {
        margin-top: 2px;
    }
    .MobileFramework .selectors .qty label {
        margin: 5px 5px 0 0;
    }
    .MobileFramework #configuratorWrapper input[value="Update"] {
        width: auto;
        margin-left: 5px;
    }
    .MobileFramework .saveConfigContainer {
        margin: auto;
    }
    .MobileFramework .savedConfiguratorRow.headline {
        font-size: 12px;
    }
    .MobileFramework .fancybox-container .ui-textinput.ui-corner-all.ui-shadow-inset.ui-textinput-text.ui-body-inherit{
        margin: 1px 0 20px 0;
        height: 20px;
        width: 235px;
        float: right;
        box-shadow: none;
    }
    .MobileFramework.configurator .fancybox-container .fancybox-content {
        padding-left: 0px!important;
    }
    .MobileFramework .fancybox-container .actions input[type="button"] {
        margin-top: 90px;
    }
    .MobileFramework #ConfiguratorResults #contentResults {
        width: 100%;
    }
    .MobileFramework #ConfiguratorResults #productGrid ul li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }
    .MobileFramework #ConfiguratorResults #productGrid .result_left {
        width: 20%;
    }
    .MobileFramework #ConfiguratorResults #productGrid .result_right{
        width: 79%;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.details {
        display: flex;
        flex-wrap: wrap;
        flex-flow: inherit;
        width: 100%!important;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.detail_wrapper {
        min-width: 50%;
        margin: 5px 5px 0 0;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price_wrapper {
        width: 43%;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price {
        min-height: auto;
        margin: 0;
        padding: 5px 0 0 0;    
        text-align: left;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .btn-add.STBTN {
        margin: 0;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .instore {
        margin: 6px 0 6px 0px;
        width: 85px;
    }
    
    .MobileFramework #ConfiguratorResults #guided {
        position: absolute;
        display: block;
        z-index: 999;
        width: 190px;
    }
    .MobileFramework #ConfiguratorResults.guidedHide #guided {
        display: none;
    }
    .MobileFramework #ConfiguratorResults .mobile-desect-nav a {
        display: block;
    }
    .MobileFramework.configurator .fancybox-content {
        height: 100%!important;
        width: 100%!important;
    }
    .MobileFramework.configurator .fancybox-container.SaveBuild .fancybox-content {
        height: 360px!important;
        width: 350px!important;
        padding: 44px 0;
    }
    .MobileFramework.configurator .fancybox-container.SaveBuild .fancybox-content #newusername {
        width: 200px;
    }
    .MobileFramework.configurator .fancybox-container.SaveBuild .fancybox-content #savelistform,     .MobileFramework.configurator .fancybox-container.SaveBuild .fancybox-content #saveaslistform {
    margin: 0 3%;
}
    .MobileFramework .ui-selectmenu {
        margin: 0 6px 10px 6px;
        width: 100%;
    }
    .MobileFramework.configurator #newlistform {
        width: 340px;
    }
    .MobileFramework .saveusername {
        margin-left: 5px;
    }
    .MobileFramework #ConfiguratorSearchForm input[type="text"] {
        width: 220px;
    }
    .MobileFramework .cfWrapper {
        width: calc(50% - 10px);
    }

@media only screen and (min-width: 640px) and (max-width: 719px) {
    .MobileFramework .cfWrapper .cfProductInformation {
        min-height: 117px;
    }
    #quickview-content #tab-specs {
        width: 61%;
    }
    #quickview-content #tab-overview {
        width: 94%;
    }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
    .MobileFramework .cfWrapper .cfProductInformation {
        min-height: 117px;
    }
    .MobileFramework #configuratorWrapper .even, .MobileFramework #configuratorWrapper .odd {
        width: 100%;
    }
    .MobileFramework .selector.active .NoFilters label {
        width: 90%;
    }
    .MobileFramework .selector.active .NoFilters {
        width: 100%;
    }
    .MobileFramework #ConfiguratorResults #productGrid .result_left {
        width: 14%;
    }
    .MobileFramework #ConfiguratorResults #productGrid .SearchResultProductImage {
        margin: 7px 5%;
        height: 50px;
        width: 50px;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price .strike {
        font-size: 12px;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price {
        font-size: 16px;    
        padding: 5px 0 0 21px;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .btn-add.STBTN {
        margin: 0 22px;
        padding: 3px 25px;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .instore {
        margin: 0 21px;
    }
    .MobileFramework #ConfiguratorResults  #productGrid .detail_wrapper {
        min-height: 80px;
    }
    .additionalExpand, .additionalCollapse {
        width: 42%;
    }
    .MobileFramework .selectors .selections {
        min-height: auto;
    }
    .MobileFramework .selections h4 {
        min-height: auto;
        width: 100%;
    }
    .MobileFramework .selectors .picture {
        min-height: auto;
    }
    .MobileFramework .selectors .picture img {
        min-height: auto;
    }
    .MobileFramework .SpecView {
        width: 37%;
    }
    .MobileFramework .selectors .qty {
        width: 52%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
    .MobileFramework .cfWrapper .cfProductInformation {
        min-height: auto;
    }
    .MobileFramework .cfWrapper {
        width: calc(100% - 10px);
        min-height: auto;
    }
    .MobileFramework .tabs article .cfBundleProductLink {
        min-height: auto;
    }
    .MobileFramework .cfWrapper .cfProduct {
        width: 25%;
    }
    .cfWrapper .cfProductInformation {
        width: 71%;
    }
    #quickview-content #tab-overview div.rating {
        width: 60%;
    }
    .MobileFramework #configuratorWrapper .even, .MobileFramework #configuratorWrapper .odd {
        width: 100%;
        min-height: 166px;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.detail_wrapper {
        min-width: 65%;
    }
    .MobileFramework .topnav {
        font-size: 14px;
    }
    .MobileFramework .dropdown-content.sharesection {
        right: 0px;
    }
    .MobileFramework .topnav a.active {
        float: left;
        width: 60px;
        padding: 8px 6px 8px 5px;
    }

    #product.MobileFramework #content .dropdown{
        width: 83px;
    }
    #product.MobileFramework #content #boosted .dropdown {
        width: auto;
    }
    #product #content #configuratorWrapper h1.configurator {
        font: 1.5em 'Blinker', sans-serif;
    }
    #product #content h1.configurator {
        font: 1.5em 'Blinker', sans-serif;
    }
    .MobileFramework .CopyHolder {
        width: 84%;
    }
    .MobileFramework .CopyHolder .IntroCOPY {
        font-size: .775em;
    }
    .MobileFramework .selectors .picture {
        width: 100%;
        margin-top: 7px;
    }

    .MobileFramework .btnselect {
        width: 100%;
    }
    .MobileFramework .selector.active .NoFilters {
        width: 100%;
    }
    .MobileFramework .selector.active .configuratorSelector {
        margin-top: 10px;
        height: 20px;
    }
    .MobileFramework .selectors .selections {
        width: 94%;
        margin: 0 3%;
    }
    .MobileFramework #configuratorWrapper input {
        width: 14px;
    }
    .MobileFramework .selector.active .NoFilters label {
        width: 87%;
    }
    .MobileFramework .ActionButtonsListName {
        width: 30%;
        margin: 2px 0;
        font-size: 12px;
    }
    .MobileFramework #configuratorWrapper .ActionButtons .subtotal {
        width: 30%;
        font-size: .8em;
        margin: 0;
    }
    .MobileFramework #configuratorWrapper .addtocart {
        width: 30%;
    }
    .MobileFramework #configuratorWrapper .configuratorSelector input[type="button"] {
        padding: 3px 15px;
        height: 20px;
    }
    .MobileFramework .ExpandCollapseContainer {
        margin-top: 10px;
    }
    .saveAlert {
        font-size: 11px;
    }
    .additionalExpand, .additionalCollapse {
        width: 36%;
    }
    .MobileFramework .SpecView {
        width: 33%;
    }    
    .MobileFramework #ConfiguratorResults #productGrid .result_left {
        width: 14%;
    }
    .MobileFramework #ConfiguratorResults #productGrid .result_right {
        width: 86%;
    }
    .MobileFramework #ConfiguratorResults #productGrid .SearchResultProductImage {
        margin: 7px 5%;
        height: 40px;
        width: 40px;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price .strike {
        font-size: 12px;
    }
    .MobileFramework #ConfiguratorResults #productGrid div.price {
        font-size: 16px;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .btn-add.STBTN {
        margin: 0;
        padding: 3px 15px;
        font-size: 12px;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .price div {
        width: auto;
    }
    .MobileFramework #ConfiguratorResults .price_wrapper .instore {
        margin: 0;
    }
    .MobileFramework #ConfiguratorResults  #productGrid .detail_wrapper {
        min-height: 80px;
    }
    .MobileFramework #ConfiguratorResults .my-store-only ul li a {
        font-size: 12px;
    }
    .MobileFramework #ConfiguratorResults #topPagination {
        font-size: 12px;
    }
    .MobileFramework #ConfiguratorResults #topPagination .status, .MobileFramework #ConfiguratorResults #bottomPagination .status {
        width: 35%;	
    }
    .MobileFramework #ConfiguratorResults #topPagination form.sort {
        width: 65%;
    }
    .MobileFramework .selectors .selections {
        min-height: auto;
    }
    .MobileFramework .selections h4 {
        min-height: auto;
        width: 100%;
    }
    .MobileFramework .selectors .picture {
        min-height: auto;
    }
    .MobileFramework .selectors .picture img {
        min-height: auto;
    }
    .MobileFramework .SpecView {
        width: 30%;
    }
    .MobileFramework .selectors .qty {
        width: 52%;
    }
    #product #content .configResultsRibbon h1 {
        width: 100%;
        margin: 5px;
    }
    #product #content .configResultsRibbon .closeModal {
        top: 5px;
    }
    #configuratorSearchBar {
        margin: 5px;
    }
    .MobileFramework #ConfiguratorSearchForm input[type="text"] {
        width: 250px;
    }
    .tabs article .cfBundleProductLink {
        min-height: 90px;
    }
}


    

#configuratorWrapper .storeLocation {
    display: block;
}
#configuratorWrapper .findItLink {
    display: block;
}
.opMarginArrow, .opMarginViewMap {
	display: none; 
}
#configuratorWrapper .selections.unselected p {
    display: none;
}
#configuratorWrapper .unPopulated {
    height: 30px;
}
    
    
    
    .myStore .title {display:block;}
    .myStore .title {
        color: #333;
    }
    #configuratorWrapper .selectorgroup.SelectorExpanded {
        display: block!important;
    }
    #configuratorWrapper .selectors {
        display: block!important;
    }
    #configuratorWrapper {
        display: block!important;
    }
    
    #cmscontent {
        height: auto;
    }
	#cmscontent.noside #content {
		max-width: 1180px;
	}
	.configurator #footer {
		display: none;
	}
    .dropdown-content {
        display: none!important;
    }
   #cmscontent {
      /* firefox, safari extra page fix */
      width: 100% !important;
      height: 100% !important;
      page-break-after: auto !important;
   }

    #configuratorWrapper h4.clickable {
        width: 100%;
    }
    #configuratorWrapper .selectorgroup.SelectorExpanded {
        width: 100%;
    }
    .fa-chevron-up, .fa-chevron-down {
        display: none!important;
    }
    #configuratorWrapper .selectorName {
    text-align: left;
    margin-left: 10px;
    }
    #configuratorWrapper .selectorHtml {
        display: none;
    }
    #configuratorWrapper .selectors {
        display: flex;
        flex-wrap: wrap;
    }
    
	#configuratorWrapper .selectorgroup.SelectorCollapsed {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-flow: wrap;
        flex-direction: row;
        align-items: stretch;
        margin-top: 8px;
        width: 100%;
    }
    #configuratorWrapper .selectorgroup.SelectorCollapsed .even, #configuratorWrapper .selectorgroup.SelectorCollapsed .odd, #configuratorWrapper .selectorgroup.SelectorExpanded .even, #configuratorWrapper .selectorgroup.SelectorExpanded .odd {
        width: 99%!important;
    	min-height: 45px!important;
    }