p {
	margin: 0
}
.pageContent li:before {
    font-family: "FontAwesome";
    content: none !important;
    margin: 0 0.5rem 0 -1rem;
    font-size: 0.5rem;
}
:root .fa-rotate-180{
    margin-left:10px;
}
.breaker1,
.breaker2 {
	display: inline-block;
	clear: none;
	width: .25em;
	height: 4px
}
.pageContainer{
    margin-bottom:150px;
}
.calcPage {
	width: 100%;
	margin: 0;
	background: #fff;
	padding: 15px 0;
	float: left;
}

.roundedCorners {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.calcContainer {
	width: 100%;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
}

.content_selector,
.infoTop,
.packingHelp {
	float: left;
	width: 100%
}

.infoTop {
	color: #fff;
	position: relative;
	top: 0;
	text-align: center;
	/*z-index: 100; */
	display: block;
	background: #fff;
}

.content_selector {
	position: relative;
	margin-top: 15px
}

.packingHelp {
	clear: both;
	height: auto;
	margin: 5px 0 10px
}

.dPads {
	width: auto;
	margin: 0;
	position: absolute;
	bottom: 37px;
/*	z-index: 99999*/
}

.orbitView,
.resetView {
	position: relative;
	background: #444;
	width: 25%!important;
	padding: 4px 8px 6px;
	display: block;
	color: #fff!important;
	line-height: 12px;
	border-top: 1px solid transparent;
	border-right: 1px solid #666;
	margin: 0!important;
	bottom: 0;
	left: 0;
	float: left!important;
	clear: none!important;
	height: 10px
}

.orbitView {
	left: 0
}

.orbitView:hover,
.resetView:hover {
	cursor: pointer;
	color: #f2ce16!important
}

.directionsPad,
.lookPad {
	position: relative;
	width: 90px;
	height: 90px;
	padding: 0;
	margin: 0 10px;
	float: left
}

.dpadHotspotContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 20px;
	left: 0
}

.controlx,
.controlz {
	width: 33%;
	height: 33%;
	padding: 0
}

.controlz {
	position: relative;
	float: none;
	margin: 0 auto
}

.catDivItems,
.controlx {
	float: left;
	position: relative
}

.controlx {
	margin: 0
}

.dPadBut:hover {
	cursor: pointer
}

.clear {
	display: block;
	clear: both
}

.catDiv {
	position: relative;
	width: 190px;
	display: inline-block;
	border: 1px solid #222;
	opacity: .7;
	margin: 22px 14px;
}

.activeCatCont,
.catDiv:hover {
	cursor: pointer;
	/* border: 2px solid #888; */
	opacity: 1;
	-moz-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10)!important;
	-webkit-transition: all 01.s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.activeCatCont .cat_lab,
.catDiv:hover .cat_lab,
.cat_lab:hover {
	cursor: pointer;
	color: #222;
}

.catDivItems {
	display: none;
	width: 100%;
	margin: 0;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 10px;
	margin-bottom: -1px;
}

.catDivTitle,
.moveMode,
span.cat_lab {
	text-align: left;
	background: none;
	text-transform: uppercase;
}

.catContainer,
.catDivTitle {
	/* border-bottom: 1px solid #222; */
	float: left;
}

.catInputContainer {
	max-width: 330px;
	min-width: 240px;
	width: 33%;
	float: left
}

.catDivTitle {
	width: 100%;
	font-size: 1rem;
	padding: 17px 0% 8px;
	clear: both;
	margin-bottom: 20px;
	color: #222;
	font-weight:  700;
}

.catContainer {
	width: 100%;
	margin: 0 20px 0px 0;
	position: relative;
	padding: 0 0 30px;
}

.moveMode,
span.cat_lab {
	color: #222;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 9px 4% 9px;
	/* border-top: #666 1px solid; */
	/* border-bottom: #000 1px solid; */
	font-size: 1rem;
	font-weight: 700;
	text-transform: capitalize;
}

.moveMode {
	display: none
}

.cal_highlight,
.content_obj,
span.itemLabel {
	display: block;
	float: left
}

span.itemLabel {
	width: 65%;
	text-align: left;
	margin: 0 4% 7px 0;
	font-size: 0.8rem;
	color: #222;
	text-transform: capitalize;
}

.content_obj {
	width: 20%;
	margin-right: 4%;
	padding: 0;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	height: 32px;
	line-height: 32px;
	background: #ffff;
	border: 1px solid #888;
	color: #444;
	font-size: 0.8rem;
	cursor: pointer;
}

#contentBuild {
	background: #f2ce16;
	padding: 10px 10% 10px;
	text-transform: uppercase;
	color: #222;
	font-weight: 700;
	/* border: 1px solid #222; */
	/* border-top: #aaa 1px solid; */
	/* border-right: #aaa 1px solid; */
	/*height: 15px;*/
	font-size: 1rem;
	/*width: 79.9%*/
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
}

#contentBuild:hover {
 opacity: 0.9
}

.reset_div:hover {
	cursor: pointer;
	/* background: #666 */
}

#contentBuild:hover {
	/* border: 1px solid #f2ce16; */
	cursor: pointer;
}

.submit_details {
	margin: 0;
	width: 100%;
	clear: both;
	float: left;
	padding: 9px 0 10px;
	/* border-top: 1px solid #666; */
}

.fillPerc .itemLabel {
	margin: 0;
	font-size: 12px;
	padding-top: 5px;
	color: #222;
	text-align: right;
	line-height: 14px;
}

@media (min-width: 800px){
	.fillPerc .itemLabel {
		width: 20% !important;
	}	
}

.fillPerc {
	width: 100%;
	float: left;
	margin-bottom: 30px
}

select#fillPercent {
	width: 45%;
	font-size: 12px;
	height: 26px;
	margin-right: 0;
	margin-top: 0;
	background: #333;
	border: none;
	margin-left: 10px;
	color: #fff
}

select#fillPercent:hover {
	cursor: pointer
}

.submit_div {
	width: 100%;
	float: left;
	text-align: center;
/*	margin: 0 25px */
}

.reset_div {
	float: left;
	width: 100%;
	background: transparent;
	margin-top: 10px;
	color:  #222;
	text-decoration: underline;
}

.renderDiv {z-index: 0;float: left;width: 100%;background: #fff;position: relative;margin-top: 0px;z-index: 0;/* border: 1px solid #888; */box-shadow: 0 2px 20px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.14);}

.selector.sel_boxes {
	float: left;
	width: 100%;
/*	overflow-x: hidden */
} 

.containerContents {
	position: relative;
	width: 97.9%;
	height: 19px;
	color: #ccc;
	z-index: 500;
	background: 0 0;
	padding: 3px 1% 6px;
	float: left;
	border: none;
	text-align: left;
	font-size: 11px;
	display:  none !important;
}

.cal_highlight {
	color: #222;
	font-weight: 700;
	text-align: left;
	width: auto;
	margin: 0 40px 0 5px;
}

.dPadTitle,
.hud_unitsize,
.moveMode {
	text-align: center
}

.hud_unitsize {
	position: absolute;
	top: 7px;
	left: 0px;
	/*	z-index: 9;*/
	font-size: 0.8rem;
	font-weight: 400;
	color: #222;
	line-height: 1.5rem;
	border: 1px solid #aaa;
	padding: 4px 5px 7px;
	display:  none;
}

.carretRight,
.nextCats {
	right: 0
}

.hud_unitsize .containerUnitName {
	font-size: 1rem;
	font-weight: 700;
}

.containerContents .unitCardDet {
	color: #666
}

.containerContents .cal_highlight {
	color: #444
}

.moveMode {
	background: #444;
	width: 33.3%;
	margin: 10px 0;
	padding: 2px 0
}

.UnitDetails,
.resTitle {
	padding: 0;
	display: block
}

.moveMode:hover {
	color: #f2ce16;
	cursor: pointer
}

.moveMode.selectedMode {
	background: #f2ce16;
	color: #222
}

.dPadSub,
.dPadTitle {
	width: 100%;
	font-size: 10px;
	color: #888;
	float: left;
	clear: both
}

.dPadTitle {
	margin: 0 0 10px;
	height: 23px;
}

.resTitle {
	float: left;
	color: #222;
	clear: both;
	width: 200px;
	text-align: left;
	margin: 0px 0 10px;
	font-size: 1rem;
}

.UnitDetails,
.recommendedUnitDiv,
.unitsDiv {
	width: 100%;
	position: relative;
	float: left
}

.UnitDetails {
	font-size: 11px;
	/*	z-index: 99999; */
	background: transparent;
}

.m_recommended,
.m_virtualUnit,
.unitsDiv {
	display: none
}

.recommendedUnitDiv {
	padding: 10px;
	/* border-top: 1px solid #666; */
	border-bottom: 1px solid #222;
	margin-bottom: 0px;
}

.unitsDiv {
	padding: 0 0 10px
}

span.unitCardDet {
	display: block;
	float: left;
	width: auto;
	text-align: left;
	color: #444;
	font-size: 11px;
}

.unitIcon,
.unitIconContainer,
.wideBut {
	display: block!important
}

#grid,
.caveats {
	width: 100%
}

.cal_Result {
    font-size: 2.5rem;
    color: #222;
    /* text-shadow: 1px 1px #000; */
    font-weight: 700;
}

.caveats {
	position: relative;
	margin-top: -7px;
	margin-bottom: 10px;
	color: #222;
	font-size: 10px;
	text-align: right;
	float: left;
	padding: 0 0 3px;
	line-height: 12px;
}

#infoTop a,
.button {
	color: red;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer
}

/*body,
html {
	background: 0 0;
	font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 13px!important;
	line-height: 19px!important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
	width: 100%!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	color: #444!important
}*/

.blockContainer {
	font-size: 13px!important;
	line-height: 19px!important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
}

#grid strong {
	font-weight: 700
}

.facInfoLink,
.facInfoLink:hover,
.uRed,
.unitSize {
	font-weight: 700!important
}

.unit_card {
	width: 49.9%;
	padding: 0;
	margin: 0;
	background: 0 0;
	min-width: 175px!important;
	height: 160px!important
}

.unit_cardContent {
	width: 96.9%;
	padding-bottom: 0;
	margin: 0 2%;
	float: left;
	padding-top: 15px;
	background: #393939;
	border-top: #666 solid 1px;
	border-bottom: #222 solid 1px
}

.unitPic {
	width: 89.9%;
	margin: 4px 5% 15px;
	font-size: 20px;
	text-align: left;
	float: left;
	clear: both
}

.unitDesc,
.unitSize {
	width: 89.9%!important;
	margin: 0 5%!important
}

.facDesc,
.unitDesc,
.unitSize {
	text-align: left!important;
	clear: both!important
}

.unitPic img {
	height: 80px;
	float: left
}

.facDesc,
.unitDesc,
.unitIcon,
.unitIconContainer,
.unitSize {
	float: left!important
}

.unitSize {
	font-size: 22px!important;
	color: #f2ce16!important
}

.unitDesc {
	font-size: 12px!important;
	color: #ccc!important
}

.uSmall {
	font-size: 10px
}

.uRed {
	color: #d00!important
}

.unitIconContainer {
	width: 91.9%!important;
	margin: 2px 4%!important;
	min-height: 30px
}

.unitIcon {
	width: 20px!important;
	margin: 3px!important
}

.facDesc {
	width: 89.9%!important;
	margin: 2px 5% 6px!important;
	font-size: 12px!important;
	color: #888!important;
	line-height: 14px!important
}

.facInfoLink {
	color: #444!important
}

.facInfoLink:hover {
	text-decoration: underline;
	color: #222!important
}

.facAvail,
.facDist,
.facDist2 {
	width: 89.9%;
	font-size: 10px;
	font-weight: 700;
	text-align: left;
	float: left;
	clear: both
}

.facAvail,
.facDist {
	margin: -4px 5% 2px;
	color: #888
}

.facDist2 {
	margin: -4px 0 2px;
	color: #999
}

.facAvail {
	font-weight: 400;
	margin-top: -4px;
	color: #0d0
}

.unitPrice {
	width: auto;
	margin: 2px 0 13px 5%;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	float: left;
	color: #fff
}

.noFacs,
.oc_ico {
	text-align: center
}

.unitButtons {
	clear: both;
	float: left;
	width: 100%
}

.discAvail {
	background: #b00!important;
	color: #fff!important;
	float: left!important;
	margin: 6px 0 0 8px!important;
	font-size: 9px!important;
	padding: 3px 4px 2px!important;
	line-height: 8px!important
}

.bin_butt,
.min_butt,
.rin_butt {
	width: auto!important;
	padding: 0 7px!important;
	color: #444!important;
	background: #ccc!important;
	margin: 0 0 10px 5%!important;
	font-size: 11px!important;
	font-weight: 700!important;
	float: left!important;
	text-transform: uppercase!important
}

.filtersInfo {
	width: auto;
	float: right;
	height: 26px;
	margin-top: 3px;
	color: #888
}

.filtersInfoWrapContainer {
	width: 100%;
	float: left;
	padding-top: 8px;
	padding-bottom: 0;
	border-bottom: 1px solid #222;
	margin: 0 0 10px
}

.filtersInfoWrap {
	width: 100%;
	margin: 0 auto;
	font-weight: 700!important;
	max-width: 960px
}

select#filterSort {
	float: right;
	margin-left: 5px;
	border: 1px solid #888;
	margin-top: -5px;
	width: auto
}

.filtersInfoCount {
	float: left;
	width: auto;
	margin-top: 0;
	color: #fff
}

.narrowS {
	font-weight: 700;
	color: #888;
	margin: -6px 0 5px
}

select#opt_max_sizes,
select#opt_min_sizes {
	width: 80%;
	border: 1px solid #888
}

.wideBut {
	width: 27.9%!important;
	float: left!important;
	margin: -4px 0 10px 2%!important;
	padding: 0 1%!important;
	height: 18px;
	background: #f2ce16!important;
	color: #444!important
}

.cs_but:hover {
	border: 1px solid #222;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer
}

.noFacs {
	width: 98%;
	margin: 40px auto 120px;
	font-weight: 700
}

.featFilt {
	float: none;
	width: 99%
}

.nearZips {
	width: 95%;
	float: right;
	border: none;
	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	margin: 0;
	padding: 10px 2% 20px;
	line-height: 20px
}

.carret,
.discAvail {
	line-height: 10px
}

.nearbyContainer {
	width: 23.9%;
	float: left;
	margin-right: 1%;
	padding: 0;
	min-width: 106px;
	border-right: none
}

.carret {
	position: absolute;
	top: 0;
	width: 20px;
	height: 10px;
	float: right;
	background: #666!important;
	font-size: 8px;
	z-index: 2
}

.carretLeft {
	left: 0
}

.oc_ico {
	font-size: 14px;
	float: right;
	padding: 0 5px;
	margin: 0 6px 0 0;
	display: block;
	width: 10px;
}

.oc_ico .fa-sort-desc {
	display: block;
	margin-top: -1px
}

.oc_ico.fa-rotate-180 .fa-sort-desc {
	display: block;
	margin-bottom: 5px
}

.scrollerCarret {
	margin-top: 0;
	color: #444;
	font-size: 16px;
	height: 10px;
	overflow: hidden
}

.settingsContainer {
	position: relative;
	width: 100%;
	float: left;
	height: 23px;
	visibility: hidden;
}

.setting_details {
	width: 100%;
	float: left;
	padding: 6px 0 5px;
	background: #393939;
	margin: 0 0 10px;
	border-bottom: 1px solid #555;
	display: none
}

.settingCont {
	float: left;
	margin: 0 1% 0 0
}

.settingLabel {
	float: left;
	display: block;
	font-size: 11px;
	color: #aaa;
	width: auto;
	text-align: left;
	margin: 0 5px 0 3px
}

.oc_setting_details,
.settingSubmit {
	font-size: 10px;
	text-transform: uppercase
}

.setting_input {
	float: left;
	display: block!important;
	height: 15px;
	width: 15px;
	text-align: left
}

.settingSubmit {
	float: right;
	width: 100px;
	margin: 2px 15px;
	padding: 0 5px 2px;
	background: #666;
	color: #ddd;
	border: 1px solid #666;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	line-height: 11px
}

.settingSubmit:hover {
	cursor: pointer;
	background: #888;
	color: #FFF
}

.packErrorDisplay {
	background: #b00;
	text-align: center;
	color: #fff;
	padding: 4px 0;
	float: left;
	width: 100%;
	display: none;
	margin-bottom: 15px;
	font-weight: 700
}

.oc_setting_details {
	width: 25%;
	float: right;
	text-align: right;
	color: #aaa;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 0
}

.oc_setting_details:hover {
	color: #fff;
	cursor: pointer
}

.res_div {
	width: 200px;
	background: #333;
	float: left;
	padding: 3px 5px;
	border: 1px solid #222;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	height: 26px;
	display: none
}

.mainResult {
	background: 0 0!important;
	float: left!important;
	width: auto!important;
	border: none!important;
	color: #f2ce16!important;
	padding: 0 4px 2px 6px!important;
	margin: 0!important;
	font-size: 26px!important;
	font-weight: 700!important;
	line-height: 26px;
	display: none
}

.fillPercIndi,
.res_divIndi,
.submit_divIndi {
	font-size: 10px;
	color: #999;
	text-align: center;
	float: left
}

.moreButt,
.presetCardSelector,
.presetTitle,
.visModes {
	/* text-transform: uppercase; */
	font-weight: 700;
}

.fillPercIndi {
	text-transform: uppercase;
	width: 200px
}

.submit_divIndi {
	text-transform: uppercase;
	width: 90px;
	margin: 0 25px
}

.res_divIndi {
	text-transform: uppercase;
	width: 190px;
	margin: 0 5px
}

.submit_divIndiLine {
	width: 90px;
	margin: 0 25px 5px;
	border: 1px solid #666;
	border-bottom: none;
	height: 10px;
	float: left
}

.res_divIndiLine {
	width: 210px;
	border: 1px solid #666;
	border-bottom: none;
	height: 10px;
	float: left;
	margin-left: -2px;
	margin-bottom: 5px
}

.fillPercIndiLine {
	border: 1px solid #666;
	border-bottom: none;
	height: 10px;
	float: left;
	width: 198px;
	margin: 0 0 5px
}

.np_butt {
	width: 45px;
	height: 32px;
	position: absolute;
	bottom: 7px;
	z-index: 5;
	text-align: center;
	font-size: 22px;
	background: #aaa;
	padding: 5px 0px 3px;
	cursor: pointer;
}

.prevCats {
	left: 0
}

.np_butt:hover {
	background: #777;
}

.presetContainer {
	width: 100%;
	float: left;
	padding: 0 0 45px;
	position: relative;
	margin-bottom: 0px;
	margin-top: 20px;
	border-bottom: 1px solid #222;
	background: #fff;
}

.presetCard {
	width: 202px;
	padding: 0;
	border: 1px solid #222;
	margin: 5px 14px;
	opacity: .7;
	display: inline-block;
	box-shadow: 0 8px 6px rgba(0,0,0,0.12), 0 1px 8px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.presetTImg,
.presetTitle {
	/* border: 1px solid #222; */
	float: left;
}

.customContent,
.select_stored,
.unitDets {
	display: none
}

.presetTitle {
	background: #fff;
	/* border-top: 1px solid #666; */
	/* border-right: 1px solid #666; */
	width: 100%;
	padding: 9px 5px;
	font-size: 1rem;
	color: #666;
}

.presetTImg {
	background: #fff;
	height: 120px;
	/* border-top: 1px solid #666; */
	/* border-right: 1px solid #666; */
	width: 200px;
}

.presetDesc {
	/* border: 1px solid #222; */
	/* border-top: 1px solid #666; */
	/* border-right: 1px solid #666; */
	width: 100%;
	padding: 2px 5px 7px;
	/* background: #fff; */
	color: #222;
	margin-top: 0;
	float: left;
	font-size: 0.8rem;
	white-space: normal;
}

.activePreset,
.presetCard:hover {
	cursor: pointer;
	border: 1px solid #222;
	opacity: 1;
	-moz-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10) !important;
	-webkit-transition: all 01.s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.presetCard.activePreset .presetTitle {
	color: #222!important;
}

.presetCard:hover .presetTitle {
	color: #222;
	cursor: pointer;
}

.visModes i,
.visModes span,
span.catThumb {
	display: block;
	float: left
}

.moreButt,
.visModes {
	margin: 0;
	float: left;
	/* background: transparent !important; */
	/* border: 1px solid #888; */
	color: #222;
	padding: 12px 0 12px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}
.visModes{
	background: #fff !important;
	}
.activeVis
 {margin-top: -14px;border: 1px solid #999 !important;border-bottom: 1px solid #ddd !important;-moz-border-radius: 10px 10px 0 0;/* -webkit-border-radius: 10px 10px 0 0; */-khtml-border-radius: 10px 10px 0 0;/* border-radius: 10px 10px 0 0; */padding: 12px 5px !important;background: #ddd!important;}

.moreButt,
.oneThirdBut {
	width: 33.333%;

}

.oneHalfBut {
	width: 50%
}
.nice-select{color:#000;}
.visModes:hover {
	cursor: pointer
}

.visModes span {
	padding: 3px;
	color: #555;
}

.visModes i {
	font-size: 1.2rem;
	line-height: 28px;
	padding: 0px 0 0;
	text-align: left;
	margin-left: 3px;
	color: #555;
}
.activeVis span {
    color: #000;
}
span.catThumb {
	width: 188px;
	height: 113px;
	background: #fff;
	margin: 0;
	padding: 0;
	/* border-left: 1px solid #222; */
	/* border-right: 1px solid #222; */
	/* border-bottom: 1px solid #222; */
}

.presetSelectorContainer {
	width: 100%;
	float: left;
	clear: both;
	margin: 15px 0 0;
	/* border-bottom: 1px solid #222 */
}

.presetCardSelector {
	float: left;
	background: #777;
	font-size: 1rem;
	padding: 10px 0 10px;
	margin-right: 0;
	/* border-top: 1px solid #999; */
	width: 50%;
	font-weight:  normal;
	cursor: pointer;
}

.activeContentMode {
	cursor: pointer;
	/* border-top: 1px solid transparent; */
	background: #FBBD31;
	color: #222;
	margin-top: -13px;
	padding: 16px 0 17px 0;
	/* opacity: 0.8; */
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.presetCardSelector:hover {
	opacity: 0.9
}

.stepTitle {
	font-size: 1rem;
	z-index: 999;
	line-height: 1.6rem;
	width: 100%;
	float: left;
	text-align: left;
	margin: 0;
	color: #222;
	background: #fff;
	padding: 12px 0% 12px;
	/* border-top: 1px solid #888; */
	/* border-bottom: 1px solid #ddd; */
}

.presetIndicator,
.unitDetsToggle {
	font-size: 1.2rem;
	text-transform: uppercase;
}

.xtraPad {
	margin-top: 0px;
}

.unitDetsToggle {
	width: 100%;
	float: left;
	text-align: right;
	color: #444;
	padding-bottom: 1px;
	margin-bottom: 5px;
	font-size: 0.6rem;
}

.unitDetsToggle:hover {
	cursor: pointer;
	color: #444;
}

.unitDets {
	width: 100%;
	float: left;
	padding: 24px 0% 0px;
	background: transparent;
	margin: 5px 0 20px;
	border-top: #444 1px solid;
	/* border-bottom: #666 1px solid; */
}

.detWrap {
	display: block;
	width: 44.8%;
	margin-right: 5%;
	min-width: 220px;
	max-width: 340px;
	float: left
}

.helpSelectionNote {
	display: none!important
}

.moreButt {
	text-align: center;
	position: absolute;
	top: 10px;
	right: 3px;
	width: 200px;
	font-size: 1rem;
	text-transform: capitalize;
}

.moreButt:hover {
	cursor: pointer;
	color: #000
}

.presetIndicator {
	font-weight: 700;
	color: #222;
	padding: 0px 0 0 7px !important;
}

.incReservations {
	width: 100%;
	float: left;
	overflow: hidden
}

.ls_reservation_form_container {
	color: #222!important
}

.ls_reservation_form_container input,
.ls_reservation_form_container select,
.ls_reservation_form_container textarea {
	border: 1px solid #555!important;
	margin-left: 1%;
	color: #111
}

.ls_reservation_form_container .profile_input_checkbox {
	margin-top: 4px!important;
	width: 18px!important;
	height: 18px!important
}
#resetBuild {
		/* padding: 4px 5% 7px; */
		text-transform: uppercase;
		font-size: 0.8rem;
		text-align: right;
	}

.ls_reservation_form_container td,
.ls_reservation_form_container th {
	border: none!important;
	font-size: 10px!important
}

.orig_sp {
	background: #444!important;
	color: #FFF!important
}

.unitsContainer {
	border: none!important
}

.defaultSkin table {
	border: 1px solid #555!important
}

.ls_reservation_form_container li {
	margin-left: 6px!important
}

.recTab td,
.recTab th {
	border: inherit!important;
	font-size: inherit!important;
	line-height: 18px!important;
	padding: 0!important
}

.scroller_viewport {
	top: 0;
	left: 0;
	white-space: nowrap!important;
	float: left!important;
	display: block!important;
	position: relative;
	padding: 0px 0 17px!important;
	background: transparent;
	border-bottom: none!important;
	border-top: none!important;
	min-width: 100%;
}

.scroller_item {
	display: inline-block!important;
	float: none!important;
	box-shadow: 0 8px 6px rgba(0,0,0,0.12), 0 1px 8px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

@media screen and (max-width:880px) {
	.breaker1,
	.breaker2 {
		height: 1px;
		float: none
	}
	.breaker1 {
		clear: both;
		width: 100%
	}
	.breaker2 {
		clear: none;
		width: .25em!important
	}
	.visModes i,
	.visModes span {
		text-align: center;
		width: 100%
	}
	.visModes {
		padding: 8px 0 12px
	}
	.visModes span {
		display: inline-block;
		float: none;
		padding: 0px 0 0;
		line-height: 0px;
		margin: 0;
	}
	.visModes i {
		font-size: 28px;
		line-height: 6px;
		padding: 0;
		display: block;
		margin-left: 0;
		float: left;
		margin-top: -5px
	}
}

@media screen and (max-width:640px) {
	.nearbyContainer {
		clear: both;
		width: 95.9%;
		float: left;
		padding: 0;
		border: none;
		margin: 15px 2%
	}
}

@media screen and (max-width:420px) {
	.moreButt,
	.resTitle,
	.submit_div {
		text-align: center
	}
	.unit_card {
		height: 190px!important
	}
	.breaker2 {
		clear: both;
		width: 100%!important;
		height: 1px;
		float: none
	}
	.resTitle {
		float: left;
		display: block;
		color: #fff;
		clear: both;
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		font-size: 16px
	}
	#contentBuild,
	.presetCardSelector {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 700
	}
	.presetSelectorContainer {
		width: 100%;
		float: left;
		clear: both;
		margin: 0;
		border-bottom: 1px solid #222
	}
	.submit_div {
		width: 100%;
		float: left;
		margin: 0 0 20px
	}
	.submit_details {
		margin: 0;
		width: 100%;
		clear: both;
		float: left;
		padding: 20px 0
	}
	/*#contentBuild {
		background: #f2ce16;
		padding: 5px 5% 10px;
		color: #222;
		border: 1px solid #222;
		border-top: #aaa 1px solid;
		border-right: #aaa 1px solid;
		height: 15px;
		width: 80.9%;
		margin: 20px 4% 0
	} */
	
	.presetIndicator {
		padding: 0;
		clear: both
	}
	.fillPerc {
		width: 89.9%;
		float: left;
		padding: 0 5%
	}
	.fillPerc .itemLabel {
		padding-top: 8px
	}
	.catContainer,
	.presetContainer {
		margin-top: 20px
	}
	.presetCardSelector {
		min-width: 0;
		float: left;
		padding: 13px 2% 10px;
		margin-right: 0;
		border-top: 1px solid #999;
	/*	width: 45.9%;*/
		margin-top: 0;
		text-align: center;
		line-height: 8px
	}
	.filtersInfo {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px
	}
	.moreButt {
		position: relative;
		top: 0;
		right: 0;
		width: 88%;
		margin: 5px 5% 10px
	}
	.unitDetsToggle {
		text-align: left;
		padding: 0 2% 1px;
		width: 95.9%
	}
	.discAvail {
		background: #b00!important;
		color: #fff!important;
		float: left!important;
		margin: -7px 0 15px 8px!important;
		font-size: 9px!important;
		padding: 3px 4px 2px!important;
		line-height: 8px!important
	}
	.unit_cardContent {
		width: 96.9%;
		padding-bottom: 0;
		margin: 0 2%;
		float: left;
		padding-top: 15px;
		background: #393939;
		border-top: #666 solid 1px;
		border-bottom: #222 solid 1px;
		height: 165px
	}
	.stepTitle {
		font-size: 16px;
		line-height: 24px;
	/*	width: 95.9%; */
		float: left;
		text-align: center;
		margin: 0;
		color: #fff;
		background: #292929;
		padding: 7px 2%;
		border-top: 1px solid #666;
		border-bottom: 1px solid #000
	}
}

@media screen and (max-width:360px) {
	.visModes span {
		font-size: .8rem;
	}
	.unit_card {
		width: 99.9%;
		height: 170px!important
	}
	.unitIconContainer {
		width: 91.9%!important;
		margin: 2px 2% 10px!important;
		display: block!important;
		float: left!important
	}
	.filtersInfo,
	.filtersInfoCount {
		width: 97.9%;
		float: left;
		padding: 0 1%;
		clear: both
	}
	.filtersInfoCount {
		margin-top: 0;
		color: #fff
	}
	.filtersInfo {
		margin-top: 10px;
		margin-bottom: 10px;
		display: block
	}
	select#filterSort {
		float: right;
		margin-top: 2px;
		margin-bottom: 5px;
		clear: both;
		display: block
	}
	.discAvail {
		background: #b00!important;
		color: #fff!important;
		float: left!important;
		margin: 5px 0 15px 8px!important;
		font-size: 9px!important;
		padding: 3px 4px 2px!important;
		line-height: 8px!important
	}
}

.hide {
	display: none!important;
	visibility: hidden!important;
	width: 0!important;
	height: 0!important
}

#mod_fps {
	position: absolute;
	bottom: 10px;
	z-index: 99;
	right: 10px;
	font-size: 10px;
	display: none
}

#load_scrim {
	position: relative;
	color: #888;
	float: left;
	width: 100%;
	height: 60px;
	background: 0 0;
	display: block;
	z-index: 99999;
	text-align: center;
	margin-top: 20px
}

.containerContents .unitCardDet {
	display: block;
	float: left;
	clear: both;
}

.visModes {
	font-size: 1.2em;
	/* background: #fff; */
	border: 1px solid #fff;
	border-bottom: 1px solid #999;
	padding: 5px 5px;
	color: #999 !important;
}

@media screen and (max-width: 880px) {
	.visModes {
		padding: 13px 0 17px !important;
		/* font-size: 0.8em !important; */
	}
	.visModes i {
		font-size: 2rem;
		line-height: 5px;
		padding: 0;
		display: block;
		margin-left: 0;
		float: left;
		margin-top: -6px;
	}

	.activeVis {
    margin-top: 0px;
    }
}

@media screen and (max-width: 420px) {
	.presetCardSelector {
		line-height: 12px;
	}
}

.dPads {
    display:none !important;
    
}