p {
	margin: 0
}
.nice-select.wide {
    width: 95%;
    color: #000 !important;
}
.pageContent li:before {
    font-family: "FontAwesome";
    content: none !important;
    margin: 0 0.5rem 0 -1rem;
    font-size: 0.5rem;
}
 :root .fa-rotate-180,.oc_setting_details{
    margin-left:10px;
} 
.breaker1,
.breaker2 {
	display: inline-block;
	clear: none;
	width: .25em;
	height: 4px
}
.pageContainer{
    margin-bottom:150px;
}
.calcPage {
	width: 100%;
	margin: 0;
	background: #444;
	padding: 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: 97.9%;
	margin: 0 1%;
	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: #444
}

.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: 2px solid transparent;
	opacity: .7;
	margin: 0 5px
}

.activeCatCont,
.catDiv:hover {
	cursor: pointer;
	border: 2px solid #888;
	opacity: 1
}

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

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

.catDivTitle,
.moveMode,
span.cat_lab {
	text-align: left;
	background: #333;
	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: 97.9%;
	font-size: 14px;
	padding: 3px 1% 4px;
	clear: both;
	margin-bottom: 6px;
	color: #f2ce16
}

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

.moveMode,
span.cat_lab {
	color: #fff;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 3px 4% 2px;
	border-top: #666 1px solid;
	border-bottom: #000 1px solid;
	font-size: 11px;
	font-weight: 700
}

.moveMode {
	display: none
}

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

span.itemLabel {
	width: 65%;
	text-align: right;
	margin: 0 4% 7px 0;
	font-size: 11px;
	color: #ccc
}

.content_obj {
	width: 20%;
	margin-right: 4%;
	padding: 0;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	height: 20px;
	line-height: 1px;
	background: #888;
	border: 1px solid #222;
	color: #fff;
	font-size: 10px
}

#contentBuild {
	background: #f2ce16;
	padding: 5px 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: 12px;
	/*width: 79.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: 30px 0 35px;
	border-top: 1px solid #666
}

.fillPerc .itemLabel {
	margin: 0;
	font-size: 12px;
	padding-top: 5px;
	color: #fff;
	text-align: right;
	line-height: 14px;
	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: #888;
	margin-top: 10px
}

.renderDiv {
/*	z-index: 10;*/
	float: left;
	width: 100%;
	background: #fff;
	position: relative
}

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

.cal_highlight {
	color: #f2ce16;
	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: 12px;
	right: 12px;
/*	z-index: 9;*/
	font-size: 12px;
	font-weight: 400;
	color: #aaa;
	line-height: 22px;
	border: 1px solid #aaa;
	padding: 2px 5px 10px
}

.carretRight,
.nextCats {
	right: 0
}

.hud_unitsize .containerUnitName {
	font-size: 36px;
	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: #fff;
	clear: both;
	width: 200px;
	text-align: left;
	margin: 0 0 10px;
	font-size: 16px
}

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

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

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

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

.unitsDiv {
	padding: 0 0 10px
}

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

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

#grid,
.caveats {
	width: 100%
}

.cal_Result {
    font-size: 30px;
    color: #e80909;
    text-shadow: 1px 1px #000;
    font-weight: 700;
}

.caveats {
	position: relative;
	margin-top: 4px;
	margin-bottom: 10px;
	color: #999;
	font-size: 10px;
	text-align: center;
	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;
	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;*/
}

.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;
	margin-right: 10px;
}

.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: 27px;
	height: 20px;
	position: absolute;
	bottom: 6px;
	z-index: 99;
	text-align: center;
	font-size: 15px;
	background: 0 0;
	padding: 5px 2px 0
}

.prevCats {
	left: 0
}

.np_butt:hover {
	color: #f2ce16
}

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

.presetCard {
	width: 202px;
	padding: 0;
	border: 1px solid transparent;
	margin: 0 3px;
	opacity: .7;
	display: inline-block
}

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

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

.presetTitle {
	background: #333;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	width: 100%;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff
}

.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: #333;
	color: #aaa;
	margin-top: 0;
	float: left;
/*	font-size: 11px; */
	white-space: normal;
}

.activePreset,
.presetCard:hover {
	cursor: pointer;
	border: 2px solid #888;
	opacity: 1
}

.presetCard.activePreset .presetTitle {
	color: #f2ce16!important
}

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

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

.moreButt,
.visModes {
	margin: 0;
	float: left;
	background: #f2ce16;
	border-bottom: 1px solid #222;
	color: #222;
	padding: 13px 0 10px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}

.activeVis,
.moreButt,
.oneThirdBut {
	width: 33.333%
}

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

.visModes span {
	padding: 5px
}

.visModes i {
	font-size: 21px;
	line-height: 28px;
	padding: 1px 0 0;
	text-align: left;
	margin-left: 7px
}

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: 20px 0 0;
	border-bottom: 1px solid #222
}

.presetCardSelector {
	float: left;
	background: #666;
	font-size: 12px;
	padding: 4px 0 0;
	margin-right: 0;
	border-top: 1px solid #999;
	width: 50%
}

.activeContentMode,
.presetCardSelector:hover {
	cursor: pointer;
	border-top: 1px solid transparent;
	background: #FBBD31;
	color: #222
}

.stepTitle {
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	float: left;
	text-align: left;
	margin: 0;
	color: #fff;
	background: #292929;
	padding: 7px 2%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #000
}

.presetIndicator,
.unitDetsToggle {
	font-size: 10px;
	text-transform: uppercase
}

.xtraPad {
	margin-top: 15px
}

.unitDetsToggle {
	width: 100%;
	float: left;
	text-align: right;
	color: #aaa;
	padding-bottom: 1px;
	margin-bottom: 5px
}

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

.unitDets {
	width: 97.9%;
	float: left;
	padding: 6px 1% 9px;
	background: #393939;
	margin: 5px 0 20px;
	border-top: #222 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: 20px;
	width: 200px
}

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

.presetIndicator {
	font-weight: 400;
	color: #aaa;
	padding: 0 0 0 10px
}

.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: 5px 5% 10px;
		    text-transform: uppercase

	}

.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: 5px 0 3px!important;
	background: #393939;
	border-bottom: 1px solid #555!important;
	border-top: 1px solid #222!important;
	min-width: 100%
}

.scroller_item {
	display: inline-block!important;
	float: none!important
}

@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: 3px 0 0;
		line-height: 7px;
		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) {
	.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: none!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;
}

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

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

.dPads {
    display:none !important;
    
}