/* mobile menus - show drop downs (no styling for select as android has problems */

.mob_menu{
	clear:both;
	float:right;
	display:none;
	border:1px solid #666666;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
	padding:5px;
	margin:5px;
	max-width:300px;
}
.mob_menu select {
	max-width:300px;
    }
#mob_cats{
	display:none;
}
#mob_cats select {
    }
#mob_pagination{
	display:none;
	text-align:left;
	float:left;
}
#mob_pagination select {
    }
#M_left .mob_menu{
	float:left;
	margin:5px 0px 0px 0px;
}
	
/* end mobile menus */

/* mob video
.mob_vid{
	display:none;
}
.mob_vid a{
	display:inline-block;
	padding:2px 10px 2px 10px;
	background-color:#999999;
	border-radius:4px;
	-moz-border-radius:4px;
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

 end mob video */


/* ipad landscape (1024px) or /* site width */

@media screen and (max-width: 1010px) {
	
/******viewport and container**************/
@-viewport {width:100%;}
@-ms-viewport {width:device-width;}
.container{
width:99%;
overflow:hidden;
padding:0px 5px 0px 5px;
}
#container{
width:99%;
overflow:hidden;
padding:0px 5px 0px 5px;
}
/******end viewport and container**************/


img{
	max-width:100% !important;
	height:auto !important;
}

table{
	max-width:100% !important;
}
	
	
	
/* shop _details */
#shop_item_image_z{
	width:100% !important;
	height:auto !important;
}
#shop_item_image{
}
#shop_item_details_image{
width:50% !important;
height:auto !important;
padding-right:10px;
text-align:right;
}
#shop_item_right{
width:50% !important;
height:auto !important;
padding-left:5px;
}

#shop_more_photos_list img{
margin:0px !important;
padding:5px;
width:25%;
height:auto;
float:left;
display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.item_details_extra_img img{
	width:100px;
	height:100px;
}
.item_details_extra{
	width:100px;
	height:100px;
	margin:0px 0px 10px 10px;
}




.shop_item_list{
margin:0px;
padding:0px 15px 15px 15px;
width:25%;
}
.start_row{
	margin-left:0px !important;
}
.end_row{
	margin-right:0px !important;
}


#basket_rollover{
	display:none !important;
}

/****end shop******/







/************ fading images *************/
#image_container{
width:100% !important;
}
#image_container div{
	width:100% !important;
	/*** if not using backgrounds in fading imgs ... *****/
	height:auto !important;
}

#image_container img{
	width:100% !important;
	/*** if not using backgrounds in fading imgs ... *****/
	height:auto !important;
}

/************ end fading images *************/



#home_pictext1{
	padding:20px 0px 0px 0px;
}
#home_pictext2{
	padding:20px 0px 50px 0px;
}


.wide_box{
width:300px;
}



#centres_left{
	width:100%;
	float:left;
	padding:35px 0px 0px 15px;
}

#centres_right{
	width:100%;
	float:right;
	padding:10px 0px 0px 15px;
}





.campaigns_list{
	width:33%;
	padding:0px 10px 0px 10px;
	margin:0px 0px 10px 0px;
}
.campaigns_list img{
	max-height:200px !important;
	margin-bottom:0px;
}



.c4{
	margin:5px 0px 0px 190px;
}



.M_horiz_sepp{
	display:none;
}


#home_banner{
	background-size:130px auto;
	background-position:20px 20px;
padding: 100px 20px 20px 20px;
}

#home_banner_text{
	position:static;
-ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Safari */
    transform: none;
	max-width:420px;

}

}








/* big phone (htc) landscape */

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


/****** gallery *******/

#gallery_buttons{display:none;}

.thumbnail img{
max-width:80px;
}
/****** end gallery *******/





.user_item_details_list_print{
padding:15px 0px 10px 20px;
}

#top_hide_tracks{
	display:none;
}
#top_leave_site{
margin:10px 0px 10px 0px;
}




.user_item_list_home img{
	max-width:150px !important;
}
.news_date{
	width:20%;
}
.user_item_details_list_home{
max-width:none;
width:80%;
}


.square_box{
	width:48%;
}
.square_box_spacer{
	width:4%;
}

#sb2{
display:block;
width:100%;
height:35px;
}







#M_large_home{
	padding:10px 0px 25px 0px;
}
.M_home_bottom_links{
	width:30%;
}
.M_home_bottom_links_spacer{
	width:2%;
}


}









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

#home_pictext1{
	width:100%;
}
#home_pictext2{
	width:100%;
}

#female{
	display:none;
}


.home_box{
	width:100%;
	height:auto;
	padding:10px;
}
.home_box_heading{
	padding-bottom:5px;
}

.home_spacer{
	width:100%;
}
#home_box2{
	background-image:none;
	background-color:#FF6600;
}
#home_donate{
	display:none;
}


#quote_box{
	padding:25px 10px 60px 10px;
}
#sarcs{
	padding:25px 20px 20px 20px;
}
#sarcs_icon{
	display:none;
}




.user_item_details_list{
padding:0px 0px 10px 20px;
}
.user_item_details_list_print{
padding:0px 0px 10px 20px;
width:79%;
}
.user_item_img_print{
width:21%;
}



.user_item_list_home{
width:50%;
}


#M_purple_bar{
	padding:15px 0px 15px 0px;
}
#M_purple_bar img{
	max-width:200px !important;
	padding-top:4px;

}
#M_purple_bar a{
	margin-top:0px;
}



#M_right{
padding:30px 0px 0px 20px;	
}

#M_overview_left{
	width:72%;
	padding:0px 15px 0px 0px;
}
#M_overview_right{
	text-align:right;
	width:28%;
	padding:0px 0px 0px 0px;
}
#M_feedback{
	text-align:left;
	float:right;
}


#M_resources{
	padding:20px 40px 20px 40px;
}


.c3{
	padding:10px 10px 0px 20px;
}

.c4{
	margin:5px 0px 0px 70px;
}


}










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

#main_left{
	padding:40px 20px 0px 15px;
}


#main_right{
	padding:0px 0px 0px 0px;
}
.side_box{
	padding:10px;
}
.side_box_heading{
	padding-bottom:0px;
}

#sarcs{
	padding:10px;
}
#quote_box{
	padding:10px;
}





.campaigns_list{
	height:250px;
}
.campaigns_list img{
	max-height:170px !important;
}



}





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

#M_purple_bar a{
	background-image:none !important;
	padding-left:10px;
}



}





/* ipad portrait */
@media screen and (max-width: 768px){

/*********gallery***********/
/*********end gallery***********/



/****shop***********/

.more_photos_thumbs_space{
margin:0px;	
}
#shop_more_photos_list img{
}
.item_details_extra{
	margin:0px;
	padding:0px;
}
.item_details_extra_img img{
	margin:5px;
}

#mob_cats{
	display:block;
}
#top_categories_side{
	display:none;
}

/****end shop***********/


.c1 {
    padding: 20px 0px 10px 0px;
}
	
.c3{
	float:right;
	clear:right;
}
.c4{
	float:right;
	clear:right;
	margin: 5px 0px 0px 0px;
}
.c5{
	float:right;
	clear:right;
}


#usertext{
	display:block;
	width:100%;
	padding-top:10px;
}
#usertext a{
	white-space:nowrap;
}



#M_overview_left{
	width:100%;
	padding:0px 0px 0px 0px;
}
#M_overview_right{
	text-align:left;
	width:100%;
	padding:10px 0px 0px 0px;
}
#M_feedback{
	float:left;
	width:100%;
}
#M_feedback img{
	float:left;
}
#M_feedback_text{
	display:inline-block;
	float:left;
	padding:5px 0px 0px 20px;
	width:180px;
}



.M_home_bottom_links{
	width:33%;
	padding-right:5px;
}
#M_bottom_link_forum{
	width:27%;
}

.M_home_bottom_links_spacer{
	display:none;
}


#home_banner {
    background-position: center 20px;
}
#home_banner_text{
	max-width:none;
padding: 10px 0px 10px 0px;
}
#survey_circle{
	position:static;
	background-image:none;
	width:auto;
	height:auto;
	padding:10px 0px 0px 0px;
	line-height:30px;
}


}



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

.M_home_bottom_links{
	background-image:none !important;
	width:33% !important;
	height:auto;
	max-width:150px;
	padding:0px 10px 0px 10px !important;
	text-align:center !important;
}


#M_resources{
	padding:20px 0px 20px 0px;
}


}




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

/******gallery*********/
#thumbnails{
width:30%;
}
#medium_image_container{
width:70% !important;
}

/******end gallery*********/


/******50% divs - contact page *********/
#half_left{
	width:100%;
	padding-right:0px;
	padding-left:0px;
}
#half_right{
	width:100%;
	padding-right:0px;
	padding-left:0px;
}
/******END 50% divs - contact page *********/


#main_left{
	width:100%;
	padding:40px 0px 0px 15px;
}


#main_right{
	float:left;
	width:100%;
}


.centres_list_left{
	width:50%;
	padding:20px 10px 0px 15px;
}
.centres_list_right{
	width:50%;
}



.M_wide_box{
	width:100%;
	height:auto;
	max-width:none;
	padding:10px;
	margin:5px 0px 5px 0px;
}



}






@media screen and (max-width: 730px){
.wide_box{
	width:100%;
	height:auto;
	max-width:none;
	padding:10px;
	margin:5px 0px 5px 0px;
	background-image:none;
}
.wide_box_social{
	text-align:right;
}

#wide_boxes_top_text{
padding: 0px 0px 25px 0px;	
}

}










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

/****** gallery *******/
/****** end gallery *******/


/****shop*******/
.shop_item_list{
width:33%;
min-width:150px;
}

#shop_top_cat_left{
width:50%;
}

/****end shop*******/

/*********blog ************/
#blog_left{
	width:100%;
	float:none;
}
#blog_right{
	width:100%;
	float:left;
}
/*
#blog_mob_container{
	display:block;
}
*/

/************* end blog **********/


.mob_menu{
	display:inline;
}
.navigation{
	display:none;
}
.pagination{
	display:none;
}
#mob_pagination{
	display:inline;
}


#main_left{
	padding:20px 0px 0px 0px;
}
#main_wide{
	padding:20px 0px 0px 0px;
}
#page_breadcrumb{
	padding:0px 0px 0px 0px;
}

#centres_left{
	padding:20px 0px 0px 0px;
}

#centres_right{
	padding:20px 0px 0px 0px;
}



.thin_box{
	width:100%;
	max-width:none;
	margin:5px 0px 5px 0px;
	background-image:none;
	height:auto;
	padding:20px 15px 20px 15px;
}


.campaigns_list{
	height:230px;
	width:200px;
}
.campaigns_list img{
	max-height:120px !important;
}




#M_purple_bar img{
	float:left;
	padding:0px;
}
#M_purple_bar a{
	float:right;
	margin:0px 0px 0px 10px;
	line-height:25px;
}


#M_left{
width:100%;
max-width:none;
}

#M_right{
width:100%;
padding:20px 0px 0px 0px;	
}
#members_section_heading{
	max-width:none;
}




}



@media screen and (max-width: 620px){
.M_purple_bar_links{
	width:100%;
	clear:both;
}
#M_purple_bar a{
	margin:7px 5px 0px 5px;
}

#M_purple_bar{
	padding:10px 0px 10px 0px;
}

#user_items_search{
float:left;
width:245px;
clear:both;
padding:0px 0px 5px 0px;
}
#user_items_search select{
	width:210px;
}
#news_archive_search select{
	width:100px;
}
#page_breadcrumb{
	width:100%;
}

}




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


#shop_item_right{
width:100% !important;
margin-bottom:0px;
margin-top:10px;
}



#social_networks{
	position:static;
	display:inline;
	top:auto;
	right:auto;
	float:left;
	padding-top:10px;
	padding-right:10px;
}
#addthis{
	position:static;
	display:inline;
	top:auto;
	right:auto;
	float:left;
	padding-top:10px;
}
#footer{
padding-top:15px;
}


.centres_list_left{
	width:100%;
	padding:20px 15px 0px 15px;
}
.centres_list_right{
	width:100%;
	padding:10px 15px 0px 15px;
}


.M1{
	display:none;
}
.M2{
	display:none;
}
.M3{
	text-align:left;
	float:left;
	clear:both;
	padding:0px 0px 5px 0px;
}



#M_resources_intro_latest{
	padding:10px 0px 0px 0px;
}
#M_resources_purple_box{
	padding:15px;
	margin-bottom:20px;
}


}








/* general smart phone landscape  */
@media screen and (max-width: 550px){

/******forum*********/

.f_arrow{
	display:none;
}
.forum_posted_by{
	padding-left:15px;
}
.forum_post{
	padding-left:15px;
}
#forum_category_heading{
padding:15px 10px 10px 0px;
}
.forum_small{
	display:none;
}

/******end forum*********/


/**********shop**********/
#shop_top_cat_left{
width:50%;
}
#shop_top_cat_right{
width:40%;
}
#shop_top_cat_right img{
width:100%;
}
.show_order #postage{
	max-width:150px;
}
.show_order .change_postage{
	display:none;
}

/*********end shop***********/

#blog_mob_container{
	display:none;
}


.square_box{
	width:100%;
	max-width:none;
	height:auto;
	margin:5px 0px 5px 0px;
}
.square_box_spacer{
	display:none !important;
}
.box_icon{
	display:none;
}



.c1{
	float:none;
	text-align:left;
}
.c3 {
    padding: 20px 0px 10px 0px;
}

}





@media screen and (max-width: 510px){
.user_item_list_home{
width:100%;
}

#centres_map{
	display:none;
}


}






/* general smart phone landscape  */
@media screen and (max-width: 480px){

/***********gallery**********/
/***********end gallery**********/



/*******shop**********/
#shop_top_cat_right img{
}

#shop_item_details_image{
	margin-top:0px;
	padding-right:0px;
	width:240px !important;
float:left;
}
/************end shop********/



.big_pic{
	background-size:auto;
	background-image:none !important;
}

#home_pictext2{
	padding-bottom:15px;
}




}

@media screen and (max-width: 475px){
.M_home_bottom_links{
	width:100% !important;
	max-width:none !important;
	padding:0px 0px 15px 0px;
	text-align:left !important;
}

#M_home_bottom_links_container{
	padding:15px 0px 15px 0px;
	text-align:left;
}


}


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

/******** user items ********/
.user_item_details_list{
	width:auto !important;
	padding:0px;
}
.user_item_img{
	display:none;
}
.user_item_details_list_print{
	width:auto !important;
	padding:0px;
}
.user_item_img_print{
	display:none;
}

/******** end user items ********/


/**** video 
.show_vid{
	display:none;
}
.mob_vid{
	display:block !important;
}
end video ***/


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


}





@media screen and (max-width:370px) {
.sign_in{
	line-height:30px;
	padding:0px !important;
	background-image:none;
}
.sign_in:hover{
	background-image:none;
}

.c1{
	padding-bottom:10px;
}

.c2{
	width:120px;
}

}


/* phone portrait */
@media screen and (max-width:320px) {

/********** shop *********/
.show_order{
	width:99%;
}
#checkout_customer_details #customer_address{
	width:99%;
}

#checkout_customer_details #delivery_address{
	width:99%;
}

#checkout_customer_details #checkout_options{
	width:99%;
}

/**********end shop *********/



}