/* CSS Document */

/* START adjustments */


.adjust_button1{
	font-color:white;padding-right:4px;display:inline-block; margin-left:2px;color:white;font-size:0.9em
}
.adjust_button2{
color:white;font-size:0.9em; display:inline;width:138px; margin-left:8px;margin-bottom:120px;
}


/* END adjustments */

#banner_rot, #banner_otm{
	margin-bottom:20px;	
	height:auto;
}
#banner_rot img{
	width:100%;
	height:auto;
}

#page_summary a{
	font-weight:bold;
}

#view_all_subs a{
	font-weight:bold;
}

#sub_cat_directory{
	margin-top:30px;
	margin-bottom:30px;	
}

#sub_cat_directory li{
	font-size:0.875em;	
}

.generic_banners .brand_shop_demo{
	width:100%;
	height:100%;
	background:url('../../img/demo/brand_shop_header_banner.jpg') top left no-repeat;
	display:block;
}

.botm{
	clear:both;
	float:left;
	display:block;
    background:transparent;
    margin:auto;
    text-align:center;
}

.botm .inner_body{
    text-align:left;
	min-height:100px !important;
	background:#e7e7e8 !important;
	display:block !important;
    margin:auto 13px !important;
    padding-top:15px;
}

#wrapper{
	background:transparent; /*override usual wrapp bg color for ribbon effect*/
}

.rvwr_mobile_filter_items a{
	text-decoration:none;
}

.grey{
	color:#c8c8c8 !important;
}
.ribbon {
	margin: 0 auto;
	display: block;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);	
}
.ribbon .inner {
    display: block;
    height: 65px;
    /* Firefox */
	width: -moz-calc(100% + 26px);
	/* WebKit */
	width: -webkit-calc(100% + 26px);
	/* Opera */
	width: -o-calc(100% + 26px);
	/* Standard */
	width: calc(100% + 26px);
    margin: 0;
    padding: 0;
    position: relative;
    left: -13px;
    right:-13px;
    background: #fdc42e;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.ribbon .inner::before,
.ribbon .inner::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -40px;
    z-index: -10;
    border: 20px solid;
    border-color: #c89b24 transparent transparent transparent;    
}
.ribbon .inner::before {left: 0;}
.ribbon .inner::after {right: 0;}
.ribbon .left, .ribbon .right{
	width:50%;
	display:inline-block;
	float:left;
	text-align:center;
	padding-top: 9px;
}
.ribbon img{
	display:inline-block;
}
.ribbon h3{
    color: #18396f;
    padding-top: 11px;
	font-size: 1.5em;

}
.botm_ad{
	display:block;
	white-space: nowrap;
	text-align:center;
}
.botm_ad .left, .botm_ad .right{
	width:50%;
	margin:auto;
	display:inline-block;
	text-align:left;
	white-space: normal;
	vertical-align:middle;
}
.botm_ad img{
	height:auto;
	margin:auto;
	vertical-align:middle;
}
.botm_ad .right{
    vertical-align:middle;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 20px 40px 5px 40px;
    color:#1a3f7b;
    font-size: 16px;
	line-height: 1em;
}

.botm .cta{
	text-align:center !important;
	display:block;
	margin:25px auto;
}
.botm_text{
	text-align: center;
}

div.cta.fbtn.blue{
	margin: 15px auto;
}

.brand_boxes{
	overflow:hidden;
	width:99%;
	padding-top:30px;
	margin-right:0;
	padding-right:0;
}

.brand_box_small{
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	height:auto;
	width: 25% !important;
	display:inline-block;
	/*margin:0px 30px 30px 0px;*/
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.brand_box_big{
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	height:auto;
	width: 50% !important;
	display:inline-block;
	float:left;
	position:relative;
	text-align:center;
}

.brand_box_big.right .inner_box,.brand_box_small.right .inner_box{
	margin-right:0 !important;
}

.brand_box_small .inner_box, .brand_box_big .inner_box{
	border:1px solid #ccc;
	position: relative;
	overflow: hidden;
	margin:0 15px 15px 0px;
}

.brand_box_big img.exact_fit, .brand_box_small img.exact_fit{
	width:100%;
	height:auto;
}

.brand_box_big.right,.brand_box_small.right{
	float:right;
	margin-right:0;
}
.brand_box_big.left{
	float:left;
}

.cta-float{
	position:absolute;
	bottom:0;
	margin-bottom:25px;
}
.cta-float.right{
	right:0;
	margin-right:25px;
}
.cta-float.left{
	right:0;
	margin-right:25px;
}
.cta-float.center{
	text-align:center;
	right:0;
	left:0;
	margin-right:auto;
	margin-left:auto;
}
.cta-float span{
	min-width:50px;
}

#brand_list_wrapper,#brand_list_a_z_wrapper,#brand_seo_wrapper{
	margin:25px 0 25px 0;
	clear:both;
	color: #17407c;
}

#brand_list_a_z_wrapper{
	padding-top:25px;
}
h4.brand_list_a_z.darkgrey{
	font-size:2em;
	color:#5f5f5f;
}
.title_a_z{
	margin:5px 0px 10px 0;
}
.title_a_z.padding{
	margin-top:20px;
}
.title_a_z.larger{
	font-size:2em;
}
.title_a_z a, .title_a_z a:visited{
	text-decoration:none;
	color: #17407c;
	margin:15px 0px 15px 0;
	width: 3.37%;
	display: inline-block;
}
hr.thinhr{
	height:0px;
	border:1px solid #ccc;
}
h4.brand_list{
	font-size: 1em;
	line-height: 1.429em;
	margin-bottom: 0.714em;
	color: #17407c;
}
.brand_link_stack li {
	font-size: 0.875em;
	line-height: 1.250em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 5px;
}
.brand_link_stack li a, .brand_link_stack li a:visited{
	text-decoration:none;
	color: #17407c;
}
.brand_link_group{
	width:50%;
	float:left;
	display:inline-block;
}
.brand_link_stack{
	width:50%;
	float:left;
	display:inline-block;
}

.brand_seo_col{
	width:100%;
	float:left;
	display:inline-block;
	font-size: 0.875em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:25px;
}

#rvwr_filter{
	float:left;
	width:25%;	
	background-color:#f9f9f9;	
	margin-right:1%;
    box-shadow: 2px 2px 5px 2px #c8c8c8;
}

#rvwr_filter h2{
	width:100%;
	padding:20px;
	font-size:1.000em;
	color:#fff;
	line-height:1.000em;
	background-color:#1c518b;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


.rvwr_accordion_item h2{
	width:100%;
	padding:1.250em;
	font-size:1.000em;
	color:#fff;
	line-height:1.000em;
	background-color:#1c518b;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid #c8c8c8 !important;
}

.rvwr_accordion_item h3{
	width:100%;
	padding:1.250em;
	font-size:1.000em;
	color:#1c518b;
	line-height:1.000em;
	background-color:#ebebeb;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid #c8c8c8 !important;
}

.rvwr_accordion_item h3 i{
	padding-right:10px;
	font-size:1.250em;
}

.rvwr_accordion_item h3 a{
	color:inherit !important;
	text-decoration:none;	
}

.rvwr_accordion_item h3 a:hover{
	text-decoration:underline;	
}

.rvwr_accordion_item h2 i{
	padding-right:10px;
	font-size:1.250em;
}

.rvwr_accordion_item h2 a{
	color:inherit !important;
	text-decoration:none;	
}

.rvwr_accordion_item h2 a:hover{
	text-decoration:underline;	
}

.rvwr_accordion_content{
	padding:20px;	
	display:none;
}

.rvwr_accordion_item.opened .rvwr_accordion_content{
	display:block;
}

#rvwr_content{
	float:right;
	width:73%;	
	/*background-color:#ffffff;*/
	padding-left:1%;
	padding-bottom:25px;
}



/* LINK LIST CONTROL */
.link-list li{
	list-style:none;
	font-size:1em;
	line-height:1.250em;
	padding-top:0.313em;
	padding-bottom:0.313em;
	color:#1c518b;
}

.link-list li a{
	color:inherit !important;	
	text-decoration:none;
}

.link-list li a:hover{
	text-decoration:underline;
}


.two-col-checkbox li{
	width:50%;
	float:left;	
	list-style:none;
	font-size:1em;
	line-height:1.250em;
	padding-top:0.313em;
	padding-bottom:0.313em;
	color:#1c518b;
}

/* Mobile Filter */
#rvwr_mobile_filter{
	margin-top:20px;
	margin-bottom:20px;
	display:none;
	clear:both;
}

#rvwr_mobile_filter_header{
	background-color: #1C518B;
	position:relative;
	height:50px;
	
}



#rvwr_mobile_filter_header a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}

#rvwr_mobile_filter_header p{
	font-size:16px;
	text-align:center;
	width:100%;
	margin:0px auto;
	line-height:50px;
	color:#fff;
	font-weight:bold;
}

#rvwr_mobile_filter_header i{
	float:right;
	font-size:22px;
	line-height:50px;
	color: inherit;
	padding-right:20px;
}

.rvwr_mobile_filter_items{
	display:none;
}

.rvwr_filter_item{
	background-color: #F9F9F9;	
	border-bottom:1px solid #BCBCBC;	
}

.rvwr_filter_item div.choices{
	padding-top:10px;
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;	
	padding-bottom:10px;
	display:none;
}

.rvwr_filter_item.expanded div.choices{
	display:block;
}


.rvwr_filter_item span{
	height:40px;
	line-height:40px;
	background-color: #EBEBEB;
	display:block;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	color: #1C518B;

}

.rvwr_filter_item .toggle span i{
	float:right;
	line-height:40px;
	font-size:24px;	
}

.rvwr_filter_item .toggle{
	position:relative;	
}

.rvwr_filter_item .toggle a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}

.rvwr_filter_item p{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	font-size:14px;
	margin-left:10px;
	margin-right:10px;
	color: #1C518B;
		
}

.rvwr_filter_item p a{
	display:block;	
	color:inherit;
	text-decoration:none;
}

.rvwr_filter_item p:hover{
	background-color:#E6E7E8;
}

/*brands a-z top logos */

.logos{
	clear:both;
	display:block;
	width:100%;
	float:left;
	padding-bottom:15px;
}

.logo{
	display:inline-block !important;
	padding:0 10px 0 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:20%;
}

.logo a{

	vertical-align:middle;

	display:block;

	width:100%;

}

.logo img{

	vertical-align:middle;

	display:block;

	width:100%;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

    opacity:0.4;

	filter:alpha(opacity=40);

	zoom: 1;

}



.logo img:hover {

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	filter: none;

    -webkit-filter: grayscale(0);

    opacity:1;

	filter:alpha(opacity=100);

	zoom: 1;

}

/**/


@media screen and (max-width:1399px){

	.title_a_z a, .title_a_z a:visited{
		width: 3.4%;
	}

}


@media screen and (max-width:1259px){

	.botm_ad.right{
	    font-size: 18px;
		line-height: 1em;
	}

}

@media screen and (max-width:999px){
	
	
	#rvwr_filter{
		display:none;
	}

	#rvwr_content{
		width:96%;	
		padding-left:2%;
		padding-right:2%;
	}

	#rvwr_mobile_filter{
		display:block;
		width:99%;
	}

	.logo{
    	width:25%;
	}

}

@media screen and (max-width:799px){
	
	.brand_box_small .cta-float{
		display:none;
	}
	.title_a_z a, .title_a_z a:visited{
		width: 3.2%;
	}
}

@media screen and (max-width:800px){
	.hide_tablet{
		display:none !important;
	}
}

@media screen and (max-width:744px){

	.botm_ad .right,.botm_ad .left{
	    display:block;
	    width:100%;
	    vertical-align:top;
	    padding:10px;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	}
	div.cta.fbtn.blue{
		margin: 10px auto;
	}

	.logo{
    	width:33.33%;
	}

}

@media screen and (max-width:640px){

	.brand_box_small{
		display:none;
	}
	.brand_box_small.right{
		float:left;
	}

	.brand_link_stack{
		width:100%;
		margin-bottom:20px;
	}
	.brand_link_stack.no_mb{
		margin-bottom:0px !important;
	}
	.brand_seo_col{
		width:100%;
		margin-bottom:20px;
	}
	.botm_ad p.botm_text{
	    font-size: 15px !important;
		line-height: 1.2em !important;
	}

	.ribbon .left,.ribbon .right{
		display:block;
		width:100%;
		text-align:center;
	}
	.ribbon .right{
		position: absolute;
		margin-top: 90px;
	}
	.botm_ad .left{
		margin-top:60px;
	}
	.logo{
    	width:50%;
	}
	.hide_mob{
		display:none !important;
	}
	.fbtn{
		max-width:47px;
	}
	.cta-float span{
		min-width:47px;
	}
	.fbtn p{
		display:none;
	}
	.fbtn span{
		width:100%;
		float:none;
		padding-left:3px;
	}

}

@media screen and (max-width:580px){
	.title_a_z a, .title_a_z a:visited{
		width: 2.5%;
		font-size: 14px;
		/*display:none;*/

	}

}

@media screen and (max-width:480px){
	.botm_ad img{
		width:100%;
		height:auto;
	}
	#banner_otm{
		display:none;
	}

}

@media screen and (max-width:350px){
	/*.brand_link_group{
		width:100%;
	}*/

	.logos{
    	display:none;
	}
}