/* Redo styling */

.my-dealer {
	color: #f1be48!important;
	font-weight: 700;
	font-size: 16px;
	font-family: "lato";
	padding-left: 5px;
	cursor: pointer;
}
	
.list-group-item .choose-dealer {
	color: #5a5a5a!important;
	font-weight: 700;
	font-size: 14px;
	font-family: "lato";
	padding-left: 5px;
	cursor: pointer;
}

.black-star {
	color: #a9a9a9;
}

.store-star-selected {
	color: #f1be48!important;
	font-size: 20px;
	padding-top:.3em;
	margin-bottom: 5px;
}
	
.store-star-state-selected {
	color: #f1be48;
	font-size: 20px;
}
	
.store-star-state {
	color: #5a5a5a;
	font-size: 16px;
}

.dealer-group {
	border-bottom: 2px solid #ccc;
	padding: 10px;
}

.dealer-group .dealer-head,.dealer-head {
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
}
	
.dealer-group .dealer-service {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 10px;
	color: #000;
}

.dealer-group-selection{
 	z-index: 1;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    padding: 3px 0px 3px 3px!important;
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(81, 203, 238, 1)!important;
    -webkit-transition: all 1000ms;
}
	

.nav-tabs>li {
	text-align: center;
}

.nav-tabs {
     border-bottom: none!important; 
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	text-shadow: none!important;
	border-bottom-color: #fff!important;
	background-color: #FFF!important;
	background: none!important;
	font-size: 18px;
	color: #0075b8!important;
	height: 56px;
	padding-top: 16px!important;
	top: 0px;
}
.nav-tabs>li>.state-tab {
	text-shadow: none!important;
	color: #555;
	font-size: 18px;
	border: 1px solid #ddd!important;
	border-radius: 4px 4px 0 0!important;
	background-color: #f2f5f7!important;
	background: url('https://s3.amazonaws.com/images.rvs.com/images/content/tab-shadow.png') no-repeat;
	margin-right: 1px!important;
	padding: 12px 25px!important;
	top: 5px;
}

.nav-tabs>li>.zip-tab {
	text-shadow: none!important;
	color: #555;
	font-size: 18px;
	border: 1px solid #ddd!important;
	border-radius: 4px 4px 0 0!important;
	background-color: #f2f5f7!important;
	background: url('https://s3.amazonaws.com/images.rvs.com/images/content/tab-shadow-right.png') no-repeat;
	background-position: right;
	margin-right: 1px!important;
	padding: 12px 25px!important;
	top: 5px;
}

.nav-tabs>li>a: hover {
	text-shadow: none!important;
	border-color: #ddd!important;
	background-color: #F2F5F7!important;
}
.nav>li>a: focus, .nav>li>a: hover {
	text-shadow: none!important;
	background-color: transparent!important;
	color: #23527C;
	font-size: 18px;
}

.my-dealer {
	color: #f1be48;
	font-weight: 700;
	font-size: 16px;
	font-family: "lato";
	padding-left: 5px;
	cursor: pointer;
}
	
.list-group-item .choose-dealer {
	color: #5a5a5a;
	font-weight: 700;
	font-size: 14px;
	font-family: "lato";
	padding-left: 5px;
	cursor: pointer;
}
		
.list-group-item .store-star {
	color: #5a5a5a;
	padding-top:.5em;
	font-size: 16px;
}

.store-star-state-selected {
	color: #f1be48;
	font-size: 20px;
}
	
.store-star-state {
	color: #5a5a5a;
	font-size: 16px;
}

#zipsearch_container{
	float:left;
}

@media only screen and (max-width: 1024px) {
	#zipsearch_container{
		float:none;
	}
}

.statepanel {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    background: #f2f5f7;
    padding: 1em 3.8em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    margin-top: 15px;
    font-size: 	17px;
	width:325px;
	border: 0;
}

.statebox{
	margin-top:10px;
}

.gridstyle_states{
		margin-right: 20px;
		height:167px;
}

.gridstyle{
		margin-right: 20px;
		width: 50%;
		height:147px;
}

#wrapper {
  overflow: hidden;
  transition: height 800ms;
}

/*iphone 5 and below*/
@media only screen and (max-width: 320px) {
	.responsivesize {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}

	.container {
		padding-right: 0px!important;
		padding-left: 0px!important;
	    margin-right: auto;
	    margin-left: auto;
	}

	.list-group-item {
	    padding: 10px 15px 60px!important;
	}
	
	.dealer-group .dealer-head {
		margin-right: 50px;
		font-size: 15px;
	}

	.dealer-group .dealer-service {
		font-size: 8px;
		line-height: 0px;
	}

	.store-star {
		margin-left: 0px;
	}
	
	.store-star-state {
		margin-left: 0px;
	}

	.gridstyle{
		margin-right: 0px;
		width: 100%;
		height: 200px!important;
	}

	.gridstyle_states{
		margin-right: 20px;
		height:200px;
	}

	.stategrid{
		overflow: hidden;
		height: auto; 
		display: flex; 
		flex-wrap: wrap; 
		flex-direction: column; 
		width:100%;
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	#browsestate{
		margin-left: 10px; 
		float: none;
	}

	.container-fluid-solid {
     padding-top: 0px; 
	 border-top: none;
	}

	.nav-tabs {
     	border-bottom: 1px solid #ddd!important; 
	}

	.nav-tabs>li>.zip-tab {
		padding: 12px 10px!important;
		font-size: 15px!important;
		top: 9px;
	}
	
	.nav-tabs>li>.state-tab {
		padding: 17px 8px!important;
    	font-size: 9px!important;
		top: 9px;
	}
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		font-size: 15px!important;
	}
	
	.store-star {
		margin-left: 0px;
	}
	
	.store-star-state {
		margin-left: 0px;
	}
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
	.stategrid {
		overflow: hidden;
		height: auto; 
		display: flex; 
		flex-wrap: wrap; 
		flex-direction: column; 
		width:100%
	}
}

/*iphone 6 and above*/
@media only screen and (min-width: 321px) and (max-width: 414px) {
	.responsivesize {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}

	.container {
		padding-right: 0px!important;
		padding-left: 0px!important;
	    margin-right: auto;
	    margin-left: auto;
	}

	.dealer-group .dealer-head {
		margin-right: 0px;
	}

	.dealer-group .dealer-service {
		font-size: 12px;
		line-height: 14px;
	}

	.store-star {
		margin-left: 0px;
	}
	
	.store-star-state {
		margin-left: 0px;
	}

	.gridstyle{
		margin-right: 0px;
		width: 100%;
	}

	.gridstyle_states{
		margin-right: 20px;
		height:180px;
	}

	.stategrid{
		overflow: hidden;
		height: auto; 
		display: flex; 
		flex-wrap: wrap; 
		flex-direction: column; 
		width:100%;
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	.container-fluid-solid {
     padding-top: 0px; 
	 border-top: none;
	}
	
	.nav-tabs {
     	border-bottom: 1px solid #ddd!important; 
	}

	.nav-tabs>li>.zip-tab {
		padding: 12px 12px!important;
		font-size: 16px!important;
		top: 8px;
	}
	
	.nav-tabs>li>.state-tab {
		padding: 12px 12px!important;
    	font-size: 16px!important;
		top: 8px;
	}
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		font-size: 16px!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.stategrid {
		overflow: hidden;
		padding-bottom: 0px;
		display: flex; 
		flex-wrap: wrap; 
		flex-direction: column; 
		width:100%;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.responsivesize {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}

	.container-fluid-solid {
	    border-top: none;
	}

	.gridstyle {
		height: 180px;
	}

	.dealer-group .dealer-head {
		margin-right: 0px;
	}

	.dealer-group .dealer-service {
		font-size: 12px;
	    line-height: 0px;
	}

	.store-star {
		margin-left: 0px;
	}
	
	.store-star-state {
		margin-left: 0px;
	}

	.gridstyle{
		margin-right: 20px;
	}

	.nav-tabs {
     	border-bottom: 1px solid #ddd!important; 
	}

	.gridstyle_states{
		margin-right: 20px;
		height:180px;
	}
}

.bs-choosedealer-modal-lg {
	z-index:9001;
}

.bs-choosedealer-modal-lg .nav-tabs{
	padding-left:0 !important;
	width:auto !important;
}

.bs-choosedealer-modal-lg .btn-default, .bs-choosedealer-modal-lg .btn-default:hover {
	border: 1px solid #ccc;
}

.bs-choosedealer-modal-lg .nav-tabs>li {
	width:50% !important;
}

.bs-choosedealer-modal-lg .nav.nav-tabs>li.active>a, .bs-choosedealer-modal-lg .nav.nav-tabs>li.active>a:focus, .bs-choosedealer-modal-lg .nav.nav-tabs>li.active>a:hover {
	height:56px;
}

.togglestate{
	cursor:pointer;
}

#webspecial #chooseNewLocation{
	float:none;
	margin-top:20px;
	display:table;
}