/* CSS Document */
a {
text-decoration: none;
color: #E16603;
font-weight:normal;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: purple;
}

p {
margin: 0 0 15px 0;
padding: 0;
font-size: 130%;
line-height:1.5em;
}

.padding_ten{
padding:15px;
}

img{ max-width:100% !important;}
	
h1, h2, h3, h4, h6 {
font-family:  arial, helvetica,   sans-serif;
font-size:145%;
padding:0 0 4px 0;
margin:0;
color:#333;
color:#003055;
/*color:#00334E;*/
}
h2{
/*font-size: 130%;*/
}

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

.clear_all {
clear:both;
}

/*mobile friendly table on christmas page */
tr,  td,  th { display:block;}
tr {margin: 0px;}
td {min-width:250px;
width:250px;
float:left;
max-width:100%;
}

body { 
font-family: helvetica, arial,    sans-serif;
font-weight: normal;
font-style: normal;
text-align: center;
color:#777;
 /*background: #f2f3f4 url(../images/layout/background.jpg) no-repeat top center*/;
/*background:#fff;*/
margin:0;
padding:0;
}

#container { 
position:relative;
height: auto;
/*width: 400px;*/
max-width:100%;
text-align: left;
margin: 0px auto;
padding: 10px;
overflow:visible;
margin-top:0px!important;
box-sizing:border-box;
}

#cookies {
display:none;	
}

#transparent_background{
position: absolute;
top: 0px;
left: 0px;
height: 2.1em;
width: 100%;
background: #1469AA url("//www.mcsuk.org/images/beta/footer_idea.jpg") no-repeat scroll center center;
z-index: -10;
}

#creatures{
position:absolute;
top:0px;
left:0px;
width:400px;
max-width:100%;
height:400px;
background: transparent url("/images/layout/mobile_bkgd.jpg") no-repeat scroll center center;
z-index: -11;
}

/* BANNER AREA */

#banner {
position: relative;
top:0px;
left:0;
/*width:400px;*/
max-width:100%;
height: 100px;
background: #fff url('http://www.mcsuk.org/images/layout/logo.gif') no-repeat top left;
/*background-size:100% auto;*/
background-repeat:no-repeat;
margin:0 0 5px 0;
padding:0;
z-index:2;

}
#banner h1 {
position:relative;
z-index:20;
margin:0;
padding:0;
display:none;
}
#banner h1 span{}
#banner h1 a{

}

#banner h2 {
/*-See banner.php for the background image css--*/
position:absolute;
top:35px;
left: 170px;
margin:0;
padding:0;
}
#banner h2 span{display:none;}
#banner h2 a{
display:block;
height:100px;
width:500px;
}


#banner p.p1 {
display:none;
position:absolute;
height:20px;
width:980px;
top:0px;
left: 0px;
font-size: 60%;
color:#666;
/*background:#e1dddd;*/
font-weight:normal;
margin:0;
padding:0;
}
#banner p.p1 span{
padding-left:20px;
}
#banner p.p1 a{
color:#666;
}

/* scotland link in header 
#banner p.p2 {
position:absolute;
top:10px;
right: 10px;
font-size: 80%;
color:#fff;
font-weight:normal;
}*/
#banner p.p2{
position: absolute;
top: -30px;
right: 10px;
font-size: 80%;
color: #FFF;
font-weight: normal;
padding-left: 30px;
background: transparent url("//www.mcsuk.org/images/layout/contact_us.png") no-repeat scroll 0px 1px;
}

#banner p.p2 a{
color:#fff;
}




/*END OF BANNER AREA */


#prev_car, #next_car, #search, #location {display:none !important;}





#content{
width: auto;
height:auto;
margin:0px 0 0 0;
clear:both;

}

#topbar{
position:relative;
width:100%;
height:250px;
clear:both;
z-index:2;
margin-bottom:15px;		
}

#titlebar{
position:relative;
height:auto;
/*width:400px;*/
max-width:100%;
top:5px;
left:0;		
}
#titlebar h1, #titlebar_short h1{
position:relative;
font-size:250%;	
font-family: 'Josefin Sans', arial;

}
#titlebar h3{
position:relative;
font-size:175%;	
font-family:'Marck Script', arial;
font-weight:normal;
color:#689324;
margin-bottom:5px;
}

#titlebar h2{
display:none;
width:433px;
height:207px;
}
#titlebar h2 span{
display:none;
}

#titlebar h3 br  {
    content: ' '
}
#titlebar h3 br:after {
    content: ' '
}

#promo_bar{
max-width:100%;
}


#app{
height:70px;
width:auto;
max-width:50%;
margin-left:0px;
margin-top:20px;
float:left;
background: transparent url('../images/layout/mobile.gif') 10px 0px / 30px auto no-repeat;
overflow:hidden;
}
#app p.p1, #pgfg p.p1{
margin-left:55px;
font-size:90%;
width:100px;
max-width:100%;
box-sizing:border-box;
}

#pgfg{
height:70px;
width:auto;
max-width:50%;

margin-left:0px;
margin-top:20px;
float:left;
clear:right;
background: transparent url('../images/layout/pgfg.gif') 10px 0px / 30px auto no-repeat;
overflow:hidden;
}


#ff_searchbox{
height:40px;
overflow:hidden;
position:relative;
background:#fff;
color:#999999;
border:3px solid #f89728;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
padding:0px;
}
#ff_searchbox input[type=text]{
margin-left:10px;
margin-top:5px;
height:25px;
width:300px;
border:0;
color:#999999;
font-size:100%;
}

#ff_searchbox .button{
position:absolute;
right:0;
top:0;
border:none;
height:40px;
width:6em;
background:#f89728;
color:#fff;
font-size:135%;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
/*
-moz-box-shadow:inset 1px 1px 0px 0px #edc29c;
-webkit-box-shadow:inset 1px 1px 0px 0px #edc29c;
box-shadow:inset 1px 1px 0px 0px #edc29c;
text-shadow:1px 1px 0px #689324;
*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f89728), color-stop(1, #fa7a09) );
background:-moz-linear-gradient( center top, #f89728 5%, #fa7a09 100% );
background-image: -ms-linear-gradient(top, #f89728 5%, #fa7a09 100%);
}
#ff_searchbox .button:hover{
background:#f68504;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa7a09), color-stop(1, #f89728) );
background:-moz-linear-gradient( center top,#fa7a09  5%, #f89728 100% );
background-image: -ms-linear-gradient(top, #fa7a09 5%, #f89728 100%);
}

.latest_news_container{
box-sizing:border-box;
padding-bottom:10px;
padding-top:10px;
border-bottom:2px dashed #ccc;
}

#news_more p.p1,#news_more p.p2{
display:block;
height:2em;
width:180px;
float:left;
margin-right:6px;
margin-top:10px;
background:orange;
text-align:center;
vertical-align:middle;
}
#news_more p.p2{margin-right:0px;}

#news_more a{
position:relative;
display:block;
width:100%;
top:0.2em;
color:#fff;
font-size:90%;
}


#ff_title{ display:none;}

#main_section .padding_ten{
padding:0;
margin:0;
}

#campaign{
	display:none;

}
#campaign img{
	display:none;
}

#campaign_two{
max-width:100%;
min-height: 430px;
margin:0 auto;
}

#campaign_two li{
max-width:100%;
width:auto;
}

.front_panel{
max-width:100% !important;

}

.font_panel_block{
width:201px;
max-width:100%;
float:left;
margin: 0px 3px 0px 3px;
min-height: 270px;
}




.pager{display:none !important;}


/*.slides_container, .list_carousel2, */ 
#top_donate{
	display:none !important;
}

#banner{
position: relative;
top: 30px;
left: 0px;
width: 100%;
max-width: 100%;
height: 55px;
background: transparent url("/images/layout/mcs_logo.png") no-repeat scroll 0px 0px / 90px auto;
margin: 0px ;
padding: 0px;
z-index: 2;
}


#intro{
width:300px;
height:250px;
background:#fff;
border:1px solid #999;
clear:right;
z-index:2;
overflow:hidden;
}
#intro h2{
font-size:95%;
}

#section_one{
position:relative;
margin-top:20px;
margin-right:6px;
float:left;
clear:left;
/*width:400px;*/
max-width:100%;
z-index:2;
overflow:visible;
margin-bottom:6px;
}
#section_wide{
position:relative;
margin-top:20px;
clear:both;
width:100%;
z-index:2;
}
#section_heading{
position:relative;
margin-top:15px;
margin-left:15px;
clear:both;
width:670px;
z-index:2;
}

#latest_news{
background: #eaeaea;
padding: 5px;
box-sizing: border-box;
}

#latest_news h2{
border:none !important;
margin:0 !important;
padding:0 !important;
margin-bottom:10px !important;

}

#content > div.padding_ten{
padding:0;
margin:0px;
}

.posted{
font-size:90%;
padding-bottom:10px;
}

/********/
/* in this section */

#in_this_section li{
line-height:25px;	
}


#main_menu {display:none;}

/**/

/* side bar including accordian */
#side_bar{
height:auto;

clear:both;
z-index:2;
margin-top:6px;
}
#membership{
position:relative;
display:none;
/*height:59px;
border:1px solid #999;*/
padding:0;
z-index:2;
margin-bottom:3px;
}




#donation{
position:relative;
height:59px;
border:1px solid #999;
padding:0;
margin-bottom:6px;
z-index:2;
}

#adverts{
position:relative;
height:auto;
border:1px solid #999;
padding:0;
margin-bottom:6px;
background: #FFFFFF;
}

#enews{
height:auto;
/*width:400px;*/
max-width:100%;
border:1px solid #999;
padding:0;
margin-bottom:6px;;
margin-top:6px;
background: #FFFFFF url(../images/layout/enews_envelope.gif) top right no-repeat;
}
#enews input[type=text]{
border:1px solid #E16603;
margin-bottom:6px;
width:260px;
padding:4px;
}

/*results*/

.pages{
display:block;
clear:both;
width:300px;
float:none;
margin:0;
font-size:90%;
}

#results_intro{
position:relative;
background:#bfe2e7;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:10px;
width:100%;
}


.result{
border-top:1px dotted #333;
margin-top:10px;
}

.result_showing{
border-top:1px dotted #333;
}

.result_one{
margin-top:10px;
}

#results_2{
margin-top:10px;
background:#ebefc8;
}

#results_2 .padding_ten{
margin:0;
padding:5px;

}

.result_warning{
position:relative;
clear:both;
background:#eeeeee;
padding-left:5px;
background: transparent URL('/images/layout/warning.gif') no-repeat top left ;
padding-left: 30px;
min-height:40px;
color:#F00;
color:#d10707;
}

#fish, #rating{
max-width:100%;
}


.result_sus{
width:300px;
}
.result_panel_open {
margin-bottom:10px;
}

.rating_details{
position:relative;
background:#ebefc8;
margin-bottom:10px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebefc8), color-stop(1, #c7d25a) );
background:-moz-linear-gradient( center top, #ebefc8 5%, #c7d25a 100% );
background-image: -ms-linear-gradient(top, #ebefc8 5%, #c7d25a 100%);
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.rating_box{
position:relative;
border-bottom:1px dotted #999;
margin:5px 0px;
}

.rating_info a{
position:absolute;
display:block;
height:30px;
width:100px;
z-index:200;
}
.rating_info a span{ display:none;}

.rating_number{
position:relative;
font-weight:bold;
}
.rating_intro{
width:100%;
}



.panel_btn{
position:relative;
width:100%;
top:-10px;
height:auto;
background:#ebefc8;
text-align:left;
-moz-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
}
.panel_btn p{
margin-top:10px;
margin-left:10px;
font-size:95%;
}

/* end side bar */


#adverts_bar {
display:none;
height:150px;
/*width:400px;*/
border:1px solid #999;
padding:0;
margin-top:6px;;
background:#fff;
}

#links_bar {
min-height:150px;
/*width:400px;*/
max-width:100%;
/*border:1px solid #999;*/
padding:0;
margin:6px auto;
margin-top:6px;
background:#fff;
box-sizing:border-box;
}


#social_links {
width:305px;
min-height:180px;
margin:15px auto;
}
#social_links p.facebook span{display:none;}
#social_links p.facebook a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: 0 0; 
}
#social_links p.facebook a:hover{
background-position: 0px -60px; 
}

#social_links p.twitter span{display:none;}
#social_links p.twitter a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -60px 0; 
}
#social_links p.twitter a:hover{
background-position: -60px -60px; 
}

#social_links p.youtube span{display:none;}
#social_links p.youtube a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -120px 0; 
}
#social_links p.youtube a:hover{
background-position: -120px -60px; 
}

#social_links p.rss span{display:none;}
#social_links p.rss a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -180px 0; 
}
#social_links p.rss a:hover{
background-position: -180px -60px; 
}



#quick_links {
width:305px;
min-height:180px;
margin:15px auto;
}
#award_links {
width:305px;
min-height:180px;
margin:15px auto ;
}



#footer {
position: relative;
height: auto;
width: 400px;
max-width:100%;
color:#666;
clear:both;
text-align:left;
/*border-top: 0px solid #F0F1D9;
margin: 6px auto;*/
padding:10px;
margin-top: 6px;
box-sizing:border-box;
}

#footer p{
font-size:70%;
margin:0;
padding:0 0 10px 10px;
}




#no-css {
display: none;
}

#beta{display:none;}

UL.tabNavigation LI {
width:120px;
overflow:hidden;
font-size:85%;
}

#welcome{
display:none;
}

<!-- mobile menu -->

#fish_tabs{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
max-width:100%;
box-sizing:border-box;
}

#fish_tabs h4{
font-size:100%;
padding-top:5px;
padding-bottom:8px;
}

.collapse{
  font-size: 130%;
  display:block;
}

.fish_tabs_nav{
background:#eaeaea;
}

#mobile_title{
background: url('/images/layout/mobile_menu.png') no-repeat 0px 14px;
padding-left:25px;
padding-top:10px;
box-sizing:border-box;
}

.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

#fish_tabs UL{
padding:0;
margin:0;

}

#fish_tabs li{
list-style:none;
padding-top:7px;
padding-bottom:7px;
margin:0px;
padding-left:10px;
}

#fish_tabs_inner{
background:#eaeaea;
}


/*tabs */

/* CSS Document for the tabbed panels*/

/*
#fish_tabs{

margin-top:30px;
margin-right:10px;
margin-bottom:0px;
max-width:100%;
box-sizing:border-box;
}
a:active {
    outline:none;
}

*/
UL.fish_tabNavigation {
position:relative;
list-style: none;
margin: 0;
padding: 0;
}

#fish_tabs:hover UL.fish_tabNavigation {
width:auto;
position:relative;
top:0px;
list-style: none;
padding: 0;
box-sizing:border-box;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
text-shadow:none;
}

UL.fish_tabNavigation LI {
display: block;
}
UL.fish_tabNavigation LI span {
position:relative;
top:0px;
}

UL.fish_tabNavigation LI A {
display:inline;
height:auto;
padding: 2px 5px;
background: none;
color: #999;
box-shadow:none;
text-decoration: none;
font-weight:bold;
border:none;
/*border-bottom:1px solid white;*/
text-align:center;
font-size:90%;
text-shadow:none;
margin-bottom:0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

UL.fish_tabNavigation LI A.menu_tab {

height:auto;

padding: 2px 5px;
background-color: #f89728;
background-color: none;;
color: #fff;
text-decoration: none;
font-weight:normal;
border:none;
box-shadow:none;
/*border-bottom:1px solid #003055;*/
text-align:center;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

UL.fish_tabNavigation LI A.selected,
UL.fish_tabNavigation LI A:hover {
display:inline;
height:auto;
background: none !important;
color: #666;
padding: 2px 5px;
border:none !important;
box-shadow:none;
/*border-bottom:1px solid #fff;*/
text-align:center;
text-shadow:none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;

}
                
UL.fish_tabNavigation LI A:focus {
outline: 0;
}

div.fish_tabs > div {
padding: 0px;
margin-top: 0px;
}
                
div.fish_tabs > div h2 {
margin-top: 0;
}



               
#first, #second, #third{
margin-top:0px;
background:#fff;
border:1px solid #999;
min-height:500px;
}