/* CSS Document */

#banner_rot{
	margin-bottom:20px;	
}

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

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

/* SIDE NAV */
#side_nav{
	float:left;
	width:25%;	
}

#page_banner{
	width:100%;
	height:100px;
	background-color:#f9f9f9;
	margin-bottom:20px;	
}

#static_pg,#p_main,#p_help,#p_trade,#p_scrap{
	float:right;
	width:73%;	
	background-color:#ffffff;
	padding-left:2%;
	padding-bottom:50px;
}

#page_summary{
	margin-bottom:40px;	
}

#page_summary h2{
	margin-bottom:40px;
}

.gen_page_content .fbtn,#page_summary .fbtn,#gen_hotspots div.gen_hotspot_link,#c_help_enquiry{
	margin-top:20px;
	margin-bottom:20px;
}

#page_summary  div{
	padding-left:10px;
	padding-right:10px;	
}

.p_generic_col_50{
	width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#b_live_chat{
	margin-top:20px;	
}


#c_col_left,#c_help_topic_left{
	float:left;
	width:48%;	
}

#c_col_right,#c_help_topic_right{
	float:right;
	width:48%;	
}

#c_help_title{
	margin-bottom:20px;	
}

#c_help_topic_title{
	width:50%;	
}


.c_scrap_col{
	width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#c_help_topic_left{
	float:left;
	width:48%;	
}

#c_help_topic_right{
	float:right;
	width:48%;	
}

#c_help_enquiry{
	margin-bottom:20px;	
	padding-bottom:20px;
}

#c_help_enquiry_form{
	max-width:600px;
}

#c_help_social{
	padding-left:10px;
	padding-right:10px;	
}

#c_help_social div.gen_hotspot_link{
	margin-top:20px;
	margin-bottom:20px;
	width:33.33333333333333%;
	float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;	
}

#c_contact_details{
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
}

.c_contact_col{
	width:50%;
	float:left;	
}

#c_contact_left{
	width:48%;
	float:left;	
}

#c_contact_right{
	width:48%;
	float:right;	
}

.c_contact_section{
	margin-top:20px;
	margin-bottom:20px;	
}

.c_contact_section h6 i{
	margin-right:5px;	
}

#c_locations{
	margin-top:20px;
}

.c_location{
	width:50%;
	float:left;
	margin-bottom:40px;	
	padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.c_location:last-child{
	margin-bottom:0px;
}

.c_location h6{
	margin-bottom:10px;	
}

.c_location_map{
	width:100%;
	max-width:400px;
	margin-bottom:20px;
}

.c_location_map img{
	width:100%;
	display:block;	
}

.c_location_map a{
	outline:none;	
}

.c_location_address{
	width:100%;
}

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

#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 span a{
	color:inherit;	
	display:block;
	text-decoration:none;
}

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

#c_help_title,#c_trade_title{
	margin-bottom:20px;	
}

#c_help_topic_title{
	width:50%;	
}

#c_scrap_title{
	margin-bottom:40px;
}

#c_help_topics div.gen_hotspot_link,#c_scrap_topics div.gen_hotspot_link{
	margin-top:20px;
	margin-bottom:20px;	
}

.c_scrap_col{
	width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


#c_trade_summary{
	padding:10px;	
}

#c_trade_locations{
	padding:10px;	
}

.c_trade_location{
	max-width:600px;
	margin-bottom:40px;	
}

.c_trade_location:last-child{
	margin-bottom:0px;
}

.c_trade_location h5{
	margin-bottom:10px;	
}

.c_trade_location_map{
	width:55%;
	float:left;	
}

.c_trade_location_map img{
	width:100%;
	display:block;	
}

.c_trade_location_address{
	width:40%;
	float:right;
}

.c_scrap_entry{
	margin-bottom:80px;
}

.c_scrap_entry h3{
	font-size:16px;
	line-height:20px;
}




.c_scrap_entry .fbtn{
	margin-top:10px;
}

/* tab control */

ul.c_tab_header.four li{
	width:25%;
	float:left;
}

ul.c_tab_header.four li a{
	display:block;
	text-align:center;
	background-color:rgb(243,243,243);
	color:rgb(0,0,0);
	text-decoration:none;
	font-size:14px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	border-right:2px solid #fff;
}

ul.c_tab_header.four li:last-child a{
	border-right:0px;
}

ul.c_tab_header.four li a.active{
	background-color:rgb(230,230,230);
}

.c_tab_panel{
	padding-left:20px;	
	padding-right:20px;	
	padding-bottom:20px;	
	padding-top:10px;
	background-color:rgb(230,230,230);
	display:none;
}

.c_tab_panel .c_tab_type_text p{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;	
}

.c_tab_panel.active{
	display:block;	
}

.banner_image{
	height:auto;
	width:100%;
	border:1px solid #e7e7e8;
	margin-left:-2px;
	position:relative;
	margin-bottom:15px;
}
.banner_image img{
	width:100%;
	height:auto;
}

.banner_image .fbtn{
	position: absolute;
    bottom: 20px;
    right: 20px;
    width: 175px;
}
/*grey border boxes*/
.boxes{
	width:100%;
	float:left;
	text-align:center;
	margin:auto;
}

.box{
	text-align:left;
	width:50%;
	float:left;
}
.box h2{
	font-size: 1.3em;
	padding-left:40px;
	margin-bottom:25px;
	color:#17407c !important;
}
.box .inner{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0 25px 0 0;
	padding:20px;
	border:1px solid #e7e7e8;
	height:325px;
}
.box .inner p.txt{
	color:#17407c !important;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.1em;
}
.box .inner.right{
	margin:0 0 0 25px;
}
.box .inner p span.intro{
	color:#5d5b5b !important;
}
.box .inner.b1{
	background:url(/assets/img/delivery-page/b1.jpg) left top no-repeat transparent;
}
.box .inner.b2,.box .inner.b3{
	background:url(/assets/img/delivery-page/b2.jpg) left top no-repeat transparent;
}
.box .fbtn{
	margin-top:20px;
	margin-bottom:0px;
	max-width:150px;
	color:#fff !important;
}

.small_box{
	margin:30px 35px 0 35px;
	text-align:left;
	width:230px;
	position:relative;
	height:auto;
	display:inline-block;
	cursor:pointer;
}
.small_box a,.small_box a:hover{
	text-decoration:none;
}

.small_box .inner-img{
	width:100%;
	height:auto;
	display:block;
	border:1px solid #e7e7e8;
}
.small_box  h3{
	font-size:1.4em;
	margin-top:8px;
}
.cta-float span {
  min-width: 50px;
}
.cta-float {
  position: absolute;
  top: 170px;
  right:10px;
}
/**/


/* 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;
}

/*Ordering*/
.ordering,.order_steps{
	clear:both;
	text-align:center;
	display:block;
	width:100%;
	border-bottom: 1px solid #EDEDED;
	padding-top: 25px;
	padding-bottom: 15px;
}
.ordering.int{
	padding-top: 10px;
	padding-bottom: 20px;

}
.ordering h3{
	line-height:1em;
	font-size: 1.3em;
    color: #17407c !important;
}
.order_steps{
	border-bottom: 0;
	vertical-align:top;
	margin:auto;
	text-align:center;
	font-size: 0.9em;
}
.order_steps .order_1,.order_steps .order_2,.order_steps .order_3{
	width:32.5%;
	display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:55px 25px 15px 25px;
	vertical-align:top;
	margin:auto;
	text-align:center;
	background:url(/assets/img/delivery-page/order_1.jpg) center top no-repeat transparent;
}
.order_steps .order_2{
	background:url(/assets/img/delivery-page/order_2.jpg) center top no-repeat transparent;
}
.order_steps .order_3{
	background:url(/assets/img/delivery-page/order_3.jpg) center top no-repeat transparent;
}
.order_steps .title{
    color: #17407c;
    font-weight:bold;

}
.order_steps .main{
    color: #5d5b5b;
    font-weight:normal;
}

/*Bottom text*/
.bottom-left,.bottom-right{
	width:50%;
	display:inline-block;
	vertical-align:top;
	padding:0 10px 0 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	color: #17407c;
	margin-bottom:30px;
}
.bottom-right{
	padding:0 0 0 10px;
}
.bottom-left h3,.bottom-right h3{
	font-size:1.25em !important;
	margin-bottom:30px;
}
.bottom-left p,.bottom-right p,.bottom-left ul li,.bottom-right ul li, .box .inner.b4{
	font-size:0.8em;
	line-height:1.3em;
	color: #17407c;
}
 .box .inner.b4{
	line-height:1.5em;
	margin-bottom:40px !important;
 }
.bottom-right h3{
	padding-left:25px;
	background:url(/assets/img/delivery-page/question.jpg) left center no-repeat transparent;
}
.bottom-left ul,.bottom-right ul, .box .inner.b4 ul{
	padding:0;
	margin:0;
	width:100%;
}
.bottom-left ul li,.bottom-right ul li,.box .inner.b4 ul li{
	padding:0 0 10px 25px;
	background:url(/assets/img/delivery-page/tick.jpg) left top 2px no-repeat transparent;
}

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

	.box .inner{
		height:365px !important;
	}
}

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

#static_pg,#p_main,#p_help,#p_trade,#p_scrap{
	width:96%;	
	padding-left:2%;
	padding-right:2%;
}

#rvwr_mobile_filter{
	display:block;
}


}

@media screen and (max-width:825px){
 .box .inner.b4{
	line-height:1.2em;
 }
}

@media screen and (max-width:699px){
	
	#c_help_topic_title{
		width:100%;	
	}

	#c_col_left,#c_help_topic_left{
		float:left;
		width:100%;	
	}
	
	#c_col_right,#c_help_topic_right{
		float:right;
		width:100%;	
	}
	
}

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

	/*.fbtn {
	  height: 30px;
	  line-height: 30px;
	}*/
	.box .inner{
		  margin: 0 12px 0 0;
	}

	.box .inner.right{
		  margin: 0 0 0 12px;
	}
	.order_steps .order_1,.order_steps .order_2,.order_steps .order_3{
		width:32%;
	    padding:45px 10px 0 10px;
	}
	.bottom-left,.bottom-right{
		width:100%;
		display:block;
		padding:0 0 0 0;
	}
	.small_box {
  		width: 180px;
		margin:30px 25px 0 25px;
  	}
  	.cta-float{
  		top:120px;
  	}
}

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

	/*.fbtn {
	  height: 40px;
	  line-height: 40px;
	}*/
	.box{
		width:100%;
		display:block;
	}
	.box .inner{
		  margin: 0 0 0 0;
		  height:auto !important;
	}

	.box .inner.right{
		  margin: 0 0 0 0;
	}
	.banner_image .fbtn{
		height: 30px;
  		line-height: 30px;
  		max-width:120px;
	}
	.box .fbtn{
		height: 30px;
  		line-height: 30px;		
	}
	#rvwr_content{
		padding-bottom:0px;
	}
	.inner.b1.left,.inner.b3.left{
		margin-bottom:20px;
	}
	.small_box {
		margin:30px 15px 0 15px;
  	}


}

@media screen and (max-width:599px){
	
	#c_help_enquiry_form .txt{
		display:block;
		float:none;
		max-width:100%;
	}
	
	#c_contact_left{
		width:100%;
		float:left;	
	}
	
	#c_contact_right{
		width:100%;
		float:right;	
	}

	.c_location{
		width:100%;
		padding:0px;
	}
	
	.c_trade_location{
		max-width:100%;
	}
	
	.c_location_map{
		max-width:100%;
	}
	
	.c_trade_location_map{
		width:100%;
		float:left;	
	}

	#c_help_social div.gen_hotspot_link{
		width:100%;
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;	
	}

	.c_trade_location_address{
		width:100%;
		float:right;
		margin-top:20px;
	}	
	
	.banner_image .fbtn{
  		max-width:100px;
  		bottom:15px;
  		right:15px;
	}

	.banner_image .fbtn p{
	  font-size: 10px;
	}
	.order_steps .order_1,.order_steps .order_2,.order_steps .order_3{
		width:100%;
		display:block;
		margin-bottom:20px;
	}
	
}


@media screen and (max-width:399px){
	
	#c_help_enquiry_form .fbtn{
		margin:0px auto;
	}
	
}