

.colltabs{width:100%; height:auto; float:right; color:#FFF; margin: 0; display:block; position: relative}
.colltabs .rangeitem{width:277px; margin:5px; cursor: pointer; position:relative;  height:240px; min-width: 100px; overflow: hidden; display:inline-block; background: #FFF no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover}

	
	
.left{text-align: right; float:right}


.slimmenu, .colltabs{width:100%; display:inline-block; list-style: none; text-transform: uppercase}
.slimmenu .hi{background:#b9d046 }
.slimmenu a:hover{background:#56bac7; color: #FFF}
.colltabs{padding:5px}


.slimmenu a{padding:2px 12px 2px 12px; margin:12px 10px 10px 0; background: #FFF; border:1px dotted #999; float:left; display:block}
.slimmenu a:first-child{margin-left:20px}
.button{ padding:4px 12px 4px 12px; line-height: 22px; text-align: center; color:#FFF; text-shadow: none; text-decoration: none}
.colltabs .layer, .colltabs .fill{  padding:0}
.colltabs .fill{background: #7b98c4; opacity:0.9; visibility:hidden}
.colltabs .layer{ padding:0;}

body{min-height: 700px}

.rangeitem ul{left:140px}
.rangeitem li{height:50px; width:50px; display:block; padding:5px}
.rangeitem li img{width:100%}
.rangeitem h1{text-align: left; padding:5px; margin:0; font-size: 16px; background: url('/images/grey-90.png'); float:right; text-align: right; width:auto; display: inline-block; color:inherit; font-family: 'bodoni_mtitalic';}
.rangenav{opacity: 0; visibility: hidden}
.button:hover{background: #FFF; color:#333}

.rangetxt{opacity: 0; width:450px; margin:20px 15px 155px 140px !important; text-align: left; text-transform: none;  font-family: 'futura_ltlight'; font-size: 14px; padding:10px; background: url('/images/grey-90.png'); visibility: hidden}
.rangetxt a{text-decoration: underline}
.rangetxt a:hover{color:#fce336}

#product-body .rangeback, .rangetxt .rangeback, #pback{ background: #FFF; color:#333;  font-family: 'futuramedium'; text-transform: uppercase; font-size:12px}
#product-body .rangeback, .colltabs .rangeitem:hover .moreinf,  .button:hover, #pback{background: #000; color:#FFF}
#pback{position: absolute; z-index: 15; top:auto; bottom:10px; left:15px}
.activeRange{display:block}
.activeRange {min-height: 490px;}


.colltabs .media{min-height:360px; background: center center #999 no-repeat; background-size: contain}	


.media h1{ background: url('/images/white-90.png'); color:#333}
 