/* F37B21 */


img.grayscale {
-webkit-backface-visibility: hidden; /* Fix for transee_through.pngsition flickering */
-webkit-filter: grayscale(100%);/* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);    
-o-filter: grayscale(100%); 
filter: gray; /* IE6-9 */
filter: grayscale(100%);
filter: url(/grayscale.svg#greyscale);
padding:4px;
border:1px solid #8a8aC0;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.shopping_image{
   position: relative; 
   width: 380; /* for IE 6 */
   height: 96;

}

.shopping_image h2  { 
	text-transform:uppercase;
	font-size:20px; 
    position: absolute; 
    top: 40px; 
    left: 0; 
    width: 100%;
    color:#ffffff;
}

.shopping_box {
margin-left:auto; 
margin-right:auto;
width:360px;
height:40px;
border:1px solid #909090;
border-radius:10px;
text-transform:uppercase;
font-size:20px;
/*font-weight:bold;*/


border:1px solid #909090;
border-radius:10px;
  
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;

box-shadow: 5px 5px 5px #404040;

}
/*
.shopping_box:hover {
color:#909090;
}
*/
.shopping_box::link
{
color:#404040;
}

.wizard {
margin:0;
}

img {
border:0;
}

img.left_align {
border:1px solid #d9d9d9;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:5px;
}

img.right_align {
border:1px solid #d9d9d9;
float:right;
padding:5px;
margin-left:10px;
margin-bottom:10px;
}

.left {
margin-right:10px;
margin-bottom:5px;
padding:5px;
border:1px solid #d9d9d9;
}

.right {
margin-left:10px;
margin-bottom:5px;
padding:5px;
border:1px solid #d9d9d9;
}

.sponsoredarticle {
font-size:8pt;
font-weight:bold;
color:#f2bb27;
}
/* added 4-2-2014 to put a border round the newsletter iamges */ 
.newsletter_image {
    padding: 2px;
    border: 1px solid grey;
    position: relative;
    float: center;
}

input, textarea {
color:#5095be;
background-color:#f5f5f5;
border:1px solid #cccccc;
}

body {
background-color:#fefefe;
/* background-image:url(/img/bg_image.jpg); */
background-repeat:repeat-x;
margin:0;
padding:0;
font:10pt Helveica Neue, Helvetica, sans-serif;
color:#242424;
line-height:1.2em;
}

a {
color:#f47a0e;
text-decoration: none;
border-bottom:1px dotted #aaaaaa;
font-size:9pt;
}

a:hover {
color:#4e8ddc;
}

a.none {
border:0px;
}

a.pagelink, .pagelink {
border:1px solid #cccccc;
padding:5px;
}

#guide_menu {
width:165px;
float:left;
padding:10px 05px 10px 3px;
margin-right:15px;
}
#guide_menu a {
color:#ffffff;
border-bottom:none;
font-size:12px;
line-height:18px;
}
#guide_menu a:hover {
color:#4e8ddc;
}
.guide_menu_item {
background-image:url(/img/guide_menu_bg.jpg);
background-repeat:no-repeat;
height:23px;
padding-top:3px;
padding-left:8px;
width:165px;
}

.guide_right_section {
width:620px;
float:right;
}

#guide_right_section {
width:585px;
float:right;
padding-right:15px;
}

#weather_under_section {
width:95%;

}

#lower_header {
/*	display:; */
	text-align: left;
	margin: 0 0 10px 0;
	height: 18px;
	height:24px;
	border:1px solid #c6c6c6;
	border-width:0px 0 1px 0;
	width:100%;
	background-color:#cccccc;
    background-image:url(/css/img/mbarbg.gif);
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.pad_10 {
padding:10px;
}

.clear {
clear:both;
}

#ski {
position:absolute;
margin:0 0 0 810px;
}

#outer_box {
/* background-image:url(/img/shadow850.png); */
background-repeat:repeat-y;
width:940px;
margin:0 auto 0px auto;
overflow: hidden;
}

#outer_box_mobile {
    width:524
    margin:0 auto 0px auto;
    overflow: hidden;
}

#outer_box_story_mobile {
    width:584
    margin:0px auto 0px auto;
    overflow: hidden;
}

#bottom_shadow {
/* background-image:url(/img/bottom_shadow_cropped859.png); */
background-repeat:no-repeat;
width:940px;
height:40px;
margin:0 auto 0px auto;
}

.cool {
color:#f47a0e;
font-size:14px;
}

#header {
width:850px;
background-color:#ffffff;
margin:0px auto 0px 44px;
position:fixed;
height: 213px; 
border:1px solid #d4d4d4;
z-index:100000; /* needed to stop fadeimage slides from appearing over the header */
}

#main_box_offset {
width:850px;
background-color:#ffffff;
margin:211px auto 0px 44px;
/* border:1px solid #d4d4d4; */
}

#main_box {
width:850px;
background-color:#ffffff;
margin:0px auto 0px auto;
/* border:1px solid #d4d4d4; */
}

#main_box_mobile {
    width:520px;
    background-color:#ffffff;
    margin:0px auto 0px auto;
    border:1px solid #d4d4d4;
}

#main_box_story_mobile {
    width:580px;
    background-color:#ffffff;
    margin:0px auto 0px 64px;
    border:1px solid #d4d4d4;
}

#menu {
width:788px;
height:75px;
border:1px solid #b4b4b4;
padding:0px;
margin:5px auto 5px auto;
background-image:url(/img/menu.jpg);
}

#menu_mobile {
    width:512px;
    height:75px;
    border:1px solid #b4b4b4;
    padding:0px;
    margin:5px auto 5px auto;
    background-image:url(/img/menu.jpg);
}

.menu_padding {
margin-top:10px;
margin-left:90px;
}

#menu a {
font:19px "Impact", sans-serif;
color:#ffffff;
color:#ee6804;
text-decoration:none;
border:0px;
}

#menu a.selected {
color:#ffffff;
border-bottom:1px dotted #aaaaaa;
}

#menu a:hover {
color:#ee6804;
color:#ffffff;
text-decoration:none;
border:0;
border-bottom:1px dotted #aaaaaa;
}

#flags {
position:absolute;
top:60px;
margin-left:680px;
}

#flags a:hover {
border:-10;
border-bottom:0px dotted #aaaaaa;
}

#main_image {
width:788px;
border:1px solid #b4b4b4;
padding:1px;
margin:0 auto 15px auto;
}

#content {
width:828px;
margin:0 auto 10px auto;
}

#content_mobile {
    width:512px;
    margin:0 auto 10px auto;
}

.left_content {
padding:0px 20px 0 10px;
width:483px;
float:left;

}

.left_content h1 {
border-bottom:1px dotted #cccccc;
margin:0 0 30px 0px;
padding:0;
font-size:16pt;
color:#000000;
font-weight:100;
line-height:1em;
}

.left_content h2 {
line-height:1em;
}

.left_content h2 a {
border-bottom:none;
margin:0 0 30px 0px;
padding:0;
font-size:18pt;
color:#000000;
font-weight:500;
line-height:1em;
}

.left_content h2, .left_content h3, .left_content p {
margin-top:0;
/*margin:0px 0px 0px 0px; */
}

.left_content h3 a {
border-bottom:none;
margin:0 0 30px 0px;
padding:0;
font-size:12pt;
color:#000000;
font-weight:450;
line-height:1em;
}

.left_content h2 a:hover, .left_content h3 a:hover {
color:#f47a0e;
}
.right_content {
width:300px;
float:right;
}

.right_news {
width:280px;
float:right;
text-align:left;
}

.right_links{
width:300px;
float:right;
}
/* width:468px; */
.ad_gold {
width:468px;
height:60px;
float:left;
}



.ad_silver {
width:300px;
height:270px;
float:right;
}

.ad_bronze {
width:300px;
height:270px;
float:right;
}

.sidebar_content{
float:right;
width:300px;
}


.right_blog_content {
width:230px;
float:right;
}

#newsticker_left {
margin:0px 0px 0px 5px;
background-image:url(/img/newsticker_left.jpg);
background-repeat:no-repeat;
width:19px;
height:23px;
float:left;
}

#newsticker_middle {
background-image:url(/img/newsticker_middle.jpg);
background-repeat:repeat-x;
height:23px;
width:700px;
float:left;
padding-top:4px;
}

#newsticker_middle_mobile {
    background-image:url(/img/newsticker_middle.jpg);
    background-repeat:repeat-x;
    height:23px;
    width:470px;
    float:left;
    padding-top:4px;
}

#newsticker_middle a {
border:0;
color:#333333;
}

#newsticker_right {
background-image:url(/img/newsticker_right.jpg);
background-repeat:no-repeat;
height:23px;
width:86px;
float:left;
}
#newsticker_bottom {
margin-bottom:5px;
}

#newsticker_clear {
margin-bottom:5px;
clear:both;
}

.main_news_summary {
height:90px;
}

.news_box {
width:47%;
height:150px;
height:auto;
float:left;
overflow:hidden;
}

.blog_box {
margin-top:10px;
width:40%;
height:auto;
float:left;
overflow:hidden;
}

.blog_box img {
margin:0;
margin-top:3px;
margin-right:5px;
}

.blog_box_title {
background-image:url(/img/blog_heading_arrow.jpg);
background-position:10px center;
background-repeat:no-repeat;
background-color:#202020;
color:#f68b19;
padding-left:30px;
margin-bottom:5px;
font-size:11px;
padding-top:3px;
padding-bottom:2px;
text-transform:uppercase;
}

.blog_box_title a {
border-bottom:none;
font-size:11px;
}

.blog_box_bottom {
margin-top:10px;

}

.blog_box_views {
width:31px;
height:23px;
color:#4f95bb;
float:left;
font-size:11px;
margin-right:20px;
text-indent:11px;
padding-top:2px;
background-image:url(/img/speech_bubble.jpg);
background-position:left center;
background-repeat:no-repeat;
}

.blog_text {
width:480px;
height:auto;
float:left;
}

.footer {
width: 800px;
margin: 10px auto 25px auto;
padding:10px 10px 5px 10px;
text-align:center;
clear:both;
color:#81817f;
line-height:2.1;
}

.footer_mobile {
    width: 500px;
    margin: 10px auto 25px auto;
    padding:10px 10px 5px 10px;
    text-align:center;
    clear:both;
    color:#81817f;
    line-height:2.1;
}

.footer .footermenu{
color:#81817f;
padding: 4px 10px 0px 10px;
}
.footer a{
text-decoration:none;
font-size:12px;
font-weight:100;
margin:0px 10px 0px 10px;
color:#81817f;
color:#f47a0e;
line-height:2.1;
border:none;
}
.footer a:hover{
text-decoration:underline;
}

.ad_sponsor {
margin-left:20px;
}

.breaker {
height:1px;
margin:15px 0 15px 0;
width:100%;
border-bottom:1px dotted #cccccc;
}

.large {
font-size:15px;
}



.caption {
color:#919191;
color:#000000;
font-style:italic;
font-size:12px;
}

.normal {
color:#919191;
font-size:12px;
}

.snow_report {
background-image: url(/img/report.jpg);
background-color:#ffffff;
height:180px;
}
.table_head {
text-align:left;
text-indent:35px;
color:#ffffff;
font-size:9pt;
height:35px;
*height:31px;
}

.table_body {
text-align:center;
color:#ffffff;
font-size:9pt;
line-height:26px;
}


.table_sponsor_platinum {
text-align:center;
color:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: auto;
border: 6px solid #E5E4E2;
}

.table_sponsor_gold {
text-align:center;
color:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: auto;
border: 2px solid #DAA520;
}

.table_sponsor_silver {
text-align:center;
color:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: auto;
border: 2px solid #C0C0C0;
}

.table_sponsor_bronze {
text-align:center;
color:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: auto;
border: 2px solid #CD7F32;
}

.table_advert_fade{
height: auto;
width: auto;
max-width: 100%;
margin-left:auto; 
margin-right:auto;
text-align:center;
}

.guide_box {
float:left;
width:80%;
margin-right:1%;
margin-bottom:20px;
height:125px;
border-bottom:1px dotted #cccccc;
text-align:center;
padding-top:20px;
}

.guide_box img {
margin-bottom:5px;
}

#hover_page {
height:100%;
width:100%;
position:fixed;
background-color: #000;
z-index:100000;
text-align:center;
background-repeat:repeat;
opacity:0.4;
filter:alpha(opacity=40);
}

#dynamic_dialog {
text-align:left;
position:absolute;
height:420px;
top:10%;
width:620px;
z-index:111111;
overflow-y:hidden;
*overflow-x:hidden;
}

#photo_link {
margin-top:5px;
}

#photo_link .changer {
border:1px solid #909090;
background-color:#cccccc;
color:#ffffff;
font-size:14px;
padding-left:4px;
padding-right:4px;
}

#photo_link a.changer {
border:1px solid #909090;
background-color:#cccccc;
color:#F37B21;
font-size:14px;
padding-left:4px;
padding-right:4px;
}
#photo_link a:hover {
color:#4e8ddc;
}

#wizard_bottom {
padding:0;
}

#adverts_left {
position:absolute;
margin-left:-110px;
*margin-left:-175px;
top:70px;
width:145px;
}

#adverts_right {
position:absolute;
margin-left:900px;
*margin-left: 840px;
top:70px;
width:120px;
}



#advert_table_element{
background-color:#ffffff;
}

#editors_choice {
background: url(/img/boxbg.jpg);
width:254px;
height:136px;
margin-top:1px;
padding:10px;
}

#most_read {
background: url(/img/boxbg.jpg);
width:254px;
height:136px;
margin-top:1px;
padding:10px;
}


.default {
width:auto;
}

.capDivRight, .capDivRightBrd {
width:300px;
float:right;
margin-right:20px;
}

.capDivLeft, .capDivLeftBrd {
width:300px;
float:left;
}

.capDivLeftBrd, .capDivRightBrd {
width:250px;
}


.caption {
background-color:#F8F8F8;
width:488px;
padding:5px;
text-align:center;
float:right;
border:1px solid #d9d9d9;
}

.capDivLeftBrd .caption, .capDivRightBrd .caption {
width:250px;
}

.capDivRight .caption, .capDivRightBrd .caption {
float:right;
margin-left:10px;
}

.capDivLeft .caption, .capDivLeftBrd .caption {
float:left;
margin-right:10px;
}



.search_area {
background: url(/img/search_background.jpg) no-repeat;
width:442px;
height:35px;
}

.lighter {
color:#7f7f7f;
}




.date {
width:54px;
height:38px;
color:#ffffff;
float:left;
font-size:11px;
text-align:center;
line-height:12px;
margin-right:0px;
margin-left:-15px;
_margin-left:-5px;
padding-top:8px;
background-image:url(/img/date.jpg);
background-position:left center;
background-repeat:no-repeat;
}



#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width:640px;
  height:450px;
  text-align: left;
  z-index:100001
}

#facebox .popup {
  position: relative;
}

#facebox .content_box {
height:373px;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer_box {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#crossfade {
    position:relative;
    height:90px;
    width:728px;
    margin:0 auto;
}
#crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;    
    transition: opacity 2s ease-in-out;
}
@keyframes cf3FadeInOut {
  0% {
  opacity:1;
  }
  45% {
  opacity:1;
  }
  55% {
  opacity:0;
  }
  100% {
  opacity:0;
  }
}
#crossfade img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
animation-direction: alternate;
}

/* add this back in if you want chrome/safari to fade on hover
#crossfade img.top:hover {
  opacity:0;
}
*/

div.centered 
{
    text-align: center;
}
div.centered table 
{
    margin: 0 auto; 
    text-align: left;
}

/* added static share box for top of page etc.. 15-10-2015 */
.share_top_static {
    position:fixed;
    top:2%;
    width:30;
    left:0;
    border:1px solid #a1a1a1;
    background:#FFF;
    padding:2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 101;
}

/* added static share box for news and blogs etc.. 9-2-2014 */
.share_static {
	position:fixed;
	top:30%;
	width:30;
	left:0;
	border:1px solid #a1a1a1;
	background:#FFF;
	padding:2px;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	z-index: 101;
}

.roundedBorder {
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border: 1px solid #878787;
}
.roundedBorder:hover {
    color:#7f7f7f;
}

.roundedBorder2 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #878787;
    padding:9px;
    background-color:#ff6500;
}

/* added to support a nice competition button */
.competitionButton {
        -moz-box-shadow: 0px -3px 12px -7px #a8abab;
        -webkit-box-shadow: 0px -3px 12px -7px #a8abab;
        box-shadow: 0px -3px 12px -7px #a8abab;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #ebebeb));
        background:-moz-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
        background:-webkit-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
        background:-o-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
        background:-ms-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
        background:linear-gradient(to bottom, #fafafa 5%, #ebebeb 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0);
        background-color:#fafafa;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        display:inline-block;
        cursor:pointer;
        color:#080008;
        font-family:Impact;
        font-size:19px;
        font-weight:bold;
        padding:5px 32px;
        text-decoration:none;
        text-shadow:2px 4px 12px #bdbdbd;
}
.competitionButton:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #fafafa));
        background:-moz-linear-gradient(top, #ebebeb 5%, #fafafa 100%);
        background:-webkit-linear-gradient(top, #ebebeb 5%, #fafafa 100%);
        background:-o-linear-gradient(top, #ebebeb 5%, #fafafa 100%);
        background:-ms-linear-gradient(top, #ebebeb 5%, #fafafa 100%);
        background:linear-gradient(to bottom, #ebebeb 5%, #fafafa 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fafafa',GradientType=0);
        background-color:#ebebeb;
}
.competitionButton:active {
        position:relative;
        top:1px;
}

/* added to get nice category_buttons */

.cat_button{
    background-color:#fafafa;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #ebebeb));
    background:-moz-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-webkit-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-o-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-ms-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:linear-gradient(to bottom, #fafafa 5%, #ebebeb 100%);
    
    border-radius: 3px;
    padding: 3px 20px;
    display: block;
    font-family: Impact, AmericanTypewriter-Bold,  Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
    font-size: 18px;  /* was 16 */
    font-weight: normal; /* had to change this from bold to stop 10.6.8 from blurring out */
    color:#111111;
    text-decoration: none;
    /*text-shadow:0px 1px 1px #d0d0d0; */
    text-shadow: rgba(0,0,0,.1) 1px 1px 0;
    border:1px solid #d7d7d7;
    width: 200px;
    /*margin:0px auto;*/
    margin-left:0px; margin-right:auto;
    margin-top:5px;
    box-shadow: 0px 2px 1px white inset, 0px -2px 6px white, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 6px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition:box-shadow 0.5s;
    /*float:left;*/
    text-align:left-center;
    vertical-align: middle;
    -webkit-appearance: none; /* this is needed to let IOS show buttons on IOS */
    -webkit-font-smoothing: antialiased;
}
.cat_button i{
    float: right;
    margin-top: -2px;
}
.cat_button:hover{
    box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
    color: #f47a0e;
}
.cat_button:active{
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
    background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
}

/* added to get dynamic headers  */

.cat_header_button{
    background-color:#fafafa;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #ebebeb));
    background:-moz-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-webkit-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-o-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:-ms-linear-gradient(top, #fafafa 5%, #ebebeb 100%);
    background:linear-gradient(to bottom, #fafafa 5%, #ebebeb 100%);
    
    border-radius: 3px;
    padding: 3px 20px;
    display: block;
    font-family: Impact, AmericanTypewriter-Bold,  Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
    font-size: 18px;  /* was 16 */
    font-weight: normal; /* was normal not bold to stop 10.6.8 from blurring out */
    color:#111111;
    text-decoration: none;
    /*text-shadow:0px 1px 1px #d0d0d0; */
    text-shadow: rgba(0,0,0,.15) 1px 1px 0;
    border:1px solid #d7d7d7;
    width: 440px; /* make headers wider *?
    /*margin:0px auto;*/
    margin-left:0px; margin-right:auto;
    margin-top:6px;
    box-shadow: 0px 2px 1px white inset, 0px -2px 6px white, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 6px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition:box-shadow 0.5s;
    /*float:left;*/
    text-align:left-center;
    vertical-align: middle;
    -webkit-appearance: none; /* this is needed to let IOS show buttons on IOS */
    -webkit-font-smoothing: antialiased;
}
.cat_header_button i{
    float: right;
    margin-top: -2px;
}
.cat_header_button:hover{
    box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
    color: #f47a0e;
}
.cat_header_button:active{
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
    background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
}

.socialmedia_wrapper
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #FFFFFF;
}
/* added M Dalton 5-11-2014 to support video popups... 
 http://jsfiddle.net/Varinder/WkyPc/1/


 http://runnable.com/U7zxK1jE-wY9HmEd/jquery-youtube-videos-iframe-popup-for-javascript
 */