@charset "UTF-8";
/* CSS Document */

#gear-container{ margin:14px 0 0 -634px}
#store-container{ margin:14px 0 0 -709px}
#travel-container{ margin:14px 0 0 -551px}
#photos-container{ margin:14px 0 0 -464px}
#video-container{ margin:14px 0 0 -385px}
#news-container{ margin:14px 0 0 -306px}
#user-container{ margin:19px 0 0 -161px; padding:12px; line-height:18px;}
#search-container{ margin:19px 0 0 -196px; width:324px; padding:12px; text-align:center}
#forecast-container{ margin:14px 0 0 -209px;}
#alerts-container{ margin:19px 0 0 -260px; padding:12px; width:400px;}
#favorites-container{ margin:19px 0 0 -560px; padding:12px; width:724px;  min-height:160px;}
#cam-container{ margin:14px 0 0 -67px}
#premium-container{ margin:19px 0 0 -160px; padding:12px; width:214px;}



/* premium container */
.premium-icon a{margin-left:20px; background:none;}
.premium-icon{ background:url(http://e.cdn-surfline.com/global_includes/images/premium-sprite.png) no-repeat top left;}
#top-prefs ul.slmenu li.premium-icon:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/premium-sprite.png) 0px 51px;}
#top-prefs ul.slmenu li.premium-icon:hover a{background:none}


.loading-animation{ width:17px; height:17px;}
#header-logo{ padding:12px;}




#nav-toggle{ width:78px;}
#nav-toggle a{margin-right:20px; background:none;}
#top-prefs ul.slmenu #nav-toggle{ background:url(http://e.cdn-surfline.com/global_includes/images/toogle-on-sprite.png) top right no-repeat;}
#top-prefs ul.slmenu #nav-toggle:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/toogle-on-sprite.png)  right 51px;}


#top-prefs ul.slmenu #nav-toggle.hide{ background:url(http://e.cdn-surfline.com/global_includes/images/toogle-off-sprite.png) top right no-repeat;}
#top-prefs ul.slmenu #nav-toggle.hide:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/toogle-off-sprite.png)  right 51px;}

/*
#nav-toggle li{ background:url(http://e.cdn-surfline.com/global_includes/images/premium-sprite.png) no-repeat top left;}
#nav-toggle a{margin-left:20px;}
#top-prefs ul.slmenu #nav-toggle:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/premium-sprite.png) 0px 51px;}
#top-prefs ul.slmenu #nav-toggle{background:none}

*/


.top-container{ font-size:11px;display:none; margin-left:12px; border:6px #000033 solid; border-top:none; width:954px; height:680px; overflow:hidden; background-color:#FFF}
.top-container .title{color:#000000; margin:12px 0px 6px 24px;font-weight:600; }
.top-container li { list-style:none; cursor:pointer; font-weight:600; line-height:18px;}
.top-container .header{font-size:20px; font-weight:bold; padding-bottom:12px;}

.prefs-container{ font-size:11px;display:none; margin-left:12px; border:6px #000033 solid; border-top:none; width:324px;  overflow:hidden; background-color:#FFF}
.prefs-container .title{color:#000000; margin:12px 0px 6px 24px;font-weight:600; }
.prefs-container li { list-style:none; cursor:pointer; font-weight:600; line-height:18px;}

.active-container{ display:block}

#header-logo{ float:left; height:23px;}
#top-prefs ul.slmenu{float:right; background-color:#000033}
#full-layer #topad{ float:right }
#full-layer #topad.center{ float:none; text-align:center }

#top-prefs .marketing-text{margin-top:9px;padding:4px; float:right; margin-right:30px; }
#top-prefs .marketing-text a{ font-size:10px; padding:6px 8px 6px 8px; }

/* navigation */
#top-nav{background-color:#173458;width:989px; height:45px;padding-left:1px; text-align:left}
#top-nav a{color:#FFF; text-decoration:none;}
#top-nav ul{ padding:0px; margin:0px; }
ul.slmenu li{ list-style:none; float:left; border-right:1px solid #336699; padding:15px 14px 15px 14px; color:#FFFFFF; cursor:pointer;}
ul.slmenu li:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/top-arrow.gif) bottom center no-repeat #336699; }
ul.slmenu li.active{color:#FFFFFF; background:url(http://e.cdn-surfline.com/global_includes/images/top-arrow.gif) bottom center no-repeat #336699;}
ul.slmenu li a:link{ background: url(http://e.cdn-surfline.com/global_includes/images/arrow-down.png) no-repeat right; padding-right:18px; }
ul.slmenu li:hover a{ background: url(http://e.cdn-surfline.com/global_includes/images/arrow-down-hover.png) no-repeat right; padding-right:18px; }
ul.slmenu li.no-drop a:link{ background:none; padding-right:0px;}
ul.slmenu li.no-drop:hover{ background:none; background-color:#336699; /*border-bottom:#173458 solid 1px; height:14px;*/}
ul.slmenu li:hover a.more{background:none;}

#top-prefs ul.slmenu li a:link { background:none}
#top-prefs ul.slmenu li.user-icon a:link{background:none; padding-right:6px;}
#top-prefs ul.slmenu li.expired-icon{ background:url(http://e.cdn-surfline.com/global_includes/images/expired-sprite.png) right 0px no-repeat;}
#top-prefs ul.slmenu li.expired-icon:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/expired-sprite.png) right -51px no-repeat;}
/*#top-prefs ul.slmenu li.expired-icon:hover a{background:none}
*/


#top-prefs{background-color:#000033;width:990px; height:50px; }
#top-prefs a{color:#FFF; text-decoration:none}
#top-prefs ul{ padding:0px; margin:0px; }
#top-prefs ul.slmenu li{ list-style:none; float:left;  padding:18px 12px 6px 12px; margin-right:1px; color:#FFFFFF; cursor:pointer; border:none}
#top-prefs ul.slmenu li:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/top-arrow.gif) bottom center no-repeat #336699; }
#top-prefs ul.slmenu li.active{color:#FFFFFF; background:url(http://e.cdn-surfline.com/global_includes/images/top-arrow.gif) bottom center no-repeat #336699;}
#top-prefs ul.slmenu li.no-drop{ background:none}
#top-prefs ul.slmenu li.no-drop:hover{ background:none; background-color:#336699; /*border-bottom:#173458 solid 1px; height:14px;*/}
#top-prefs ul.slmenu li.sl-item{ height:26px;}
#top-prefs ul.slmenu li.sl-item a{ font-size:10px; padding:0px;}
ul.slmenu li.sl-item a{ font-weight:normal;}
ul.slmenu { margin: 0px auto; padding: 5px 10px; list-style: none; display: none;}
ul.slmenu li.sl-item{ }
ul.slmenu li { margin: 0px;}
ul.slmenu li.clear-fix { float: none; clear: both;  margin: 0px;  padding: 0px;  height: 0px;  font-size: 0px;  line-height: 0px;  display:none}
ul.slmenu div.sl-item-content{;position: absolute;z-index: 9999999;}
.sl-content-base{position:relative; z-index:11;}
ul.slmenu{ background-color:#173458;}
.sl-content-base{background-color: #FFF; color:#000}

/* resets any list elements inside the main list of the top level navigation*/
ul.inner-menu a{color:#336699; text-decoration:none;}
ul.inner-menu a:hover{color:#FFFFFF; text-decoration:none;}
ul.inner-menu{ padding:0px; margin:0px; }
ul.inner-menu li{ list-style:none; float:none; border:none; padding:0px; color:#FFFFFF; cursor:pointer;}
ul.inner-menu li:hover{ background:#336699; color:#FFFFFF}
ul.inner-menu li.no-drop{ background:none}
ul.inner-menu li.no-drop:hover{ background:none; background-color:#336699; /*border-bottom:#173458 solid 1px; height:14px;*/}

/* search  */
#search-container input{padding-left:6px;border:1px solid #666; width:220px;height:31px; font-size:12px; color:#000;}
.search-icon{ background:url(http://e.cdn-surfline.com/global_includes/images/search-sprite.png) no-repeat top left;}
.search-icon a{margin-left:20px; background:none;}
#top-prefs ul.slmenu li.search-icon:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/search-sprite.png) 0px 51px;}
#top-prefs ul.slmenu li.search-icon:hover a{background:none}



/* favorites  */
.favs-icon{ background:url(http://e.cdn-surfline.com/global_includes/images/favs-sprite.png) no-repeat left top;}
.favs-icon a{margin-left:20px;}
#top-prefs ul.slmenu li.favs-icon:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/favs-sprite.png) 0px 51px;}
#top-prefs ul.slmenu li.favs-icon:hover a{background:none}
#favorites-container{ background:url(http://e.cdn-surfline.com/global_includes/images/three-column-dot.png) top left; }

#favorites-container .column{ width:168px; float:left; text-align:left;margin-right:12px;}
#favorites-container a{ color:#336699; background:none; margin-left:3px; padding-left:3px; font-weight:bold}
#favorites-container a:hover{ color:#336699; text-decoration:underline; background:none}
#favorites-container .title{ margin:0px 0px -6px 0px;}
#no-favs{display:none; color:#000000; float:left; width:330px; float:left; margin-right:-330px; margin-top:24px; background-color:#FFF}


/* alerts  */
.alerts-icon0{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alerts-sprite.png) no-repeat top left;}
.alerts-icon0 a{margin-left:20px;}
#top-prefs ul.slmenu li.alerts-icon0:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alerts-sprite.png) 0px 51px repeat-y #336699 ;}
#top-prefs ul.slmenu li.alerts-icon0:hover a{background:none}

.alerts-icon1{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite1.png) no-repeat top left;}
.alerts-icon1 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon1:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite1.png) 0px 51px repeat-y #336699 ;}

.alerts-icon2{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite2.png) no-repeat top left;}
.alerts-icon2 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon2:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite2.png) 0px 51px repeat-y #336699 ;}

.alerts-icon3{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite3.png) no-repeat top left;}
.alerts-icon3 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon3:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite3.png) 0px 51px repeat-y #336699;}

.alerts-icon4{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite4.png) no-repeat top left;}
.alerts-icon4 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon4:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite4.png) 0px 51px repeat-y #336699;}

.alerts-icon5{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite5.png) no-repeat top left;}
.alerts-icon5 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon5:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite5.png) 0px 51px repeat-y #336699;}

.alerts-icon6{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite6.png) no-repeat top left;}
.alerts-icon6 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon6:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite6.png) 0px 51px repeat-y #336699;}

.alerts-icon7{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite7.png) no-repeat top left;}
.alerts-icon7 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon7:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite7.png) 0px 51px repeat-y #336699;}

.alerts-icon8{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite8.png) no-repeat top left;}
.alerts-icon8 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon8:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite8.png) 0px 51px repeat-y #336699;}

.alerts-icon9{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite9.png) no-repeat top left;}
.alerts-icon9 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon9:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite9.png) 0px 51px repeat-y #336699;}

.alerts-icon10{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite10.png) no-repeat top left;}
.alerts-icon10 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon10:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite10.png) 0px 51px repeat-y #336699;}

.alerts-icon11{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite11.png) no-repeat top left;}
.alerts-icon11 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon11:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite11.png) 0px 51px repeat-y #336699;}

.alerts-icon12{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite12.png) no-repeat top left;}
.alerts-icon12 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon12:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite12.png) 0px 51px repeat-y #336699;}

.alerts-icon13{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite13.png) no-repeat top left;}
.alerts-icon13 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon13:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite13.png) 0px 51px repeat-y #336699;}

.alerts-icon14{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite14.png) no-repeat top left;}
.alerts-icon14 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon14:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite-14.png) 0px 51px repeat-y #336699;}

.alerts-icon15{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite15.png) no-repeat top left;}
.alerts-icon15 a{margin-left:25px;}
#top-prefs ul.slmenu li.alerts-icon15:hover{ background:url(http://e.cdn-surfline.com/global_includes/images/surf-alert-sprite-15.png) 0px 51px repeat-y #336699;}


#alerts-container{ padding-left:0px; background:url(/global_includes/images/surf-alert-dotted.png) left top repeat-y #FFFFFF;}
#alerts-container .column{ width:168px; float:left; text-align:left; margin-right:0px;}
#alerts-container .column .title{ padding-left:12px;}
#alerts-container .column ul.inner-menu{ padding-left:12px;}
#alerts-container .left{ width:230px;}
#alerts-container a{ color:#336699; background:none; margin-left:3px; padding-left:3px; font-weight:bold}
#alerts-container a:hover{ color:#336699; text-decoration:underline; background:none}
#alerts-container .title{ margin:0px 0px -6px 0px;}
#alerts-container .column:first{ background-color:#9F3}
/*#no-alerts{display:none; height:110px; color:#000000; padding:46px 12px 12px 12px} */
#no-noactivealerts{display:none; color:#000000; float:left; width:160px; margin-right:-200px; margin-top:24px; background-color:#FFF; margin-left:12px;}
#no-alerts{display:none; color:#000000; float:left; width:260px; margin-right:-300px; margin-top:24px; background-color:#FFF; margin-left:12px;}
#active-alerts, #inactive-alerts, #no-alerts, #no-noactivealerts,#recentforecasts, #recentspots, #favsforecast, #favspots { display:none}

/* cams dropdown container */
#cam-container li{ border:none; padding:none;}
#stage3 .default .title{ color:#333; margin:24px 0px 34px 0px; text-align:center; font-weight:normal; font-size:12px; float:none; width:100%;}
#stage1 ul, #stage2 ul, #stage3 ul{ padding:0px; margin:0px; }
#stage1 .noarrow li{ background:none}
#stage1 .noarrow li:hover{ background:#336699}
#stage1{ padding-top:12px;}
.top-container #stage1 .title{ margin-top:6px; }
#stage1 li, #stage2 li, #stage3 li{ padding:0px 0px 0px 24px; width:204px; background:url(http://e.cdn-surfline.com/global_includes/images/li_arrow.gif) right no-repeat; color:#336699; overflow:hidden;}
#stage1 li:hover, #stage2 li:hover, #stage3 li:hover{color:#FFFFFF; background:url(http://e.cdn-surfline.com/global_includes/images/li_arrow_hover.gif) right no-repeat #336699;width:204px;overflow:hidden;}
#stage3 li{ background:none; color:#336699;}
#stage3 li:hover{background:none #336699; color:#FFFFFF}
#stage1{ width:227px; border-right:1px #CCC solid; height:680px; float:left;}
#stage2{
	width:227px;
	border-right:1px #CCC solid;
	height:660px;
	float:left;
	display:none;
	overflow:hidden;
	overflow-y:auto;
	overflow-x: hidden;
	padding-bottom: 20px;
	padding-right:6px;
}
#stage3{ float:left; height:680px}
#stage3 div{ width:227px; float:left; margin-bottom:6px;}
#stage3 div .title{ clear:both; }

#stage3 div.cam-icon{width:10px; margin-top:5px; margin-left:-15px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/camera-icon-sprite.png) top left no-repeat;  float:left; margin-bottom:0px}
#stage3 li:hover div.cam-icon{width:10px; margin-top:5px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/camera-icon-sprite.png) top left no-repeat; background-position-y:-10px;  float:left; margin-bottom:0px}
#stage3 div.cam-icon-title{ float:left; width:190px; padding-left:0px; margin-bottom:0px;}

#stage3 div.ld-cam-icon{width:10px; margin-top:5px; margin-left:-15px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/low-camera-icon-sprite.png) top left no-repeat;  float:left; margin-bottom:0px}
#stage3 li:hover div.ld-cam-icon{width:10px; margin-top:5px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/low-camera-icon-sprite.png) top left no-repeat; background-position-y:-9px;  float:left; margin-bottom:0px}
#stage3 div.ld-cam-icon-title{ float:left; width:190px; padding-left:0px; margin-bottom:0px;}

#stage3 div.report-cam-icon{width:10px; margin-top:5px; margin-left:-15px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/report-camera-icon-sprite.png) top left no-repeat;  float:left; margin-bottom:0px}
#stage3 li:hover div.report-cam-icon{width:10px; margin-top:5px; height:8px; background:url(http://e.cdn-surfline.com/global_includes/images/report-camera-icon-sprite.png) top left no-repeat; background-position-y:-9px;  float:left; margin-bottom:0px}
#stage3 div.report-cam-icon-title{ float:left; width:190px; padding-left:0px; margin-bottom:0px;}


.default{width:726px; height:300px; margin-top:10px; float:right; display:none }
.default-loading{padding-top:230px;}
.default div{float:left; padding-top:10px; width:172px; height:200px; text-align:center;}
.default div:hover{ background-color:#336699;}
.default div img{ padding-top:8px;}
.default .title{ color:#333; margin:24px 0px 24px 0px; text-align:center; font-weight:normal; font-size:12px; float:none; height:20px; width:100%;}
.default .title:hover{background:none}
.default .arrowdiv{height:60px; font-size:26px; color:#666; width:600px; font-weight:normal; margin-top:180px; margin-bottom:160px; text-align:center}
.default .arrowdiv:hover{ background:none}
.default .arrowdiv img{margin-right:24px; margin:0px 24px -6px 100px;}
.default ul.inner-menu li{ text-align:center; float:left; width:181px; padding:12px 0px 12px 0px; color:#336699}
.default ul.inner-menu li:hover{ text-align:center; float:left; width:181px; padding:12px 0px 12px 0px; color:#FFFFFF}
.default ul.inner-menu img{ margin-top:6px}




/* forecasts */
#stage1-forecasts ul, #stage2-forecasts ul, #stage3-forecasts ul{ padding:0px; margin:0px;}
#stage1-forecasts li, #stage2-forecasts li, #stage3-forecasts li{ padding:0px 0px 0px 24px; width:204px; background:url(http://e.cdn-surfline.com/global_includes/images/li_arrow.gif) right no-repeat; color:#336699; overflow:hidden;}
#stage1-forecasts .noarrow li{ background:none}
#stage1-forecasts .noarrow li:hover{ background:#336699}
#stage1-forecasts li:hover, #stage2-forecasts li:hover, #stage3-forecasts li:hover{color:#FFFFFF; background:url(http://e.cdn-surfline.com/global_includes/images/li_arrow_hover.gif) right no-repeat #336699;width:204px;overflow:hidden;}
#stage3-forecasts li{ background:none; color:#336699;}
#stage3-forecasts li:hover{background:none #336699; color:#FFFFFF}
#stage1-forecasts{ width:227px; border-right:1px #CCC solid; height:680px; float:left; padding-top:12px;}
#stage2-forecasts{ width:227px; border-right:1px #CCC solid; height:680px; float:left; display:none}
#stage3-forecasts{ float:left; height:680px}
#stage3-forecasts div{ width:227px; float:left; margin-bottom:10px;}
#stage3-forecasts .title{   padding:0px;  margin:12px 0px 4px 24px; clear:both;}
#forecast-container a.more{color:#336699; font-weight:bold}
#forecast-container a.more:hover{color:#336699;  text-decoration:underline }

/*user container
#user-container.top-container{ height:810px;}*/
#top-prefs ul.inner-menu{ padding-top:12px;}
#top-prefs ul.inner-menu li{ padding:0px; line-height:18px; background:none; border:none; float:none; color:#336699 }
#top-prefs ul.inner-menu li:hover{  background:#336699; color:#FFFFFF }
.user-loading{padding-top:20px; padding-bottom:20px;}

/*news container*/
#news-container.top-container{ height:310px;}
#news-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#news-container .right-column{ padding:12px; float:left; height:310px;}
#news-container a{ color:#336699; font-weight:bold; }
#news-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#news-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#news-container  li.a:hover{ color:#FFFFFF}
#news-container .right-column{ width:700px;}

#news-container .right-column .story-list li{ width:326px; height: 78px; overflow: hidden; padding:  12px 12px 12px 12px; float:left; margin-bottom: 12px; font-weight:normal; color:#000000}

#news-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#news-container .right-column .story-list li:hover, #news-container .right-column .story-list li:hover .news-title, #news-container .right-column .story-list li:hover .date, #news-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#news-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#news-container .right-column .story-list li .date{ color:#999 }
#news-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#news-container .right-column a.more{float:right; }
#news-container .right-column a.more:hover{ text-decoration:underline }
#news-container .left-column .leftpad{padding-left:36px}
#news-container .left-column .toppad{padding-top:12px}

/* video container */
#video-container.top-container{ height:310px;}
#video-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#video-container .right-column{ padding:12px; float:left; height:310px;}
#video-container a{ color:#336699; font-weight:bold; }
#video-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#video-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#video-container  li.a:hover{ color:#FFFFFF}
#video-container .right-column{ width:700px;}
#video-container .right-column .story-list li{ width:326px; padding:12px; float:left; font-weight:normal; color:#000000}
#video-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#video-container .right-column .story-list li:hover, #video-container .right-column .story-list li:hover .news-title, #video-container .right-column .story-list li:hover .date, #video-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#video-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#video-container .right-column .story-list li .date{ color:#999 }
#video-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#video-container .right-column a.more{float:right; padding-top:24px }
#video-container .right-column a.more:hover{ text-decoration:underline }
#video-container .left-column .leftpad{padding-left:36px}
#video-container .left-column .toppad{padding-top:12px}

/* photos container */
#photos-container.top-container{ height:310px;}
#photos-container.top-container .header{ width:390px;}
#photos-container.top-container .header a.more{ padding-top:0px; margin-top:9px; margin-right:-10px;}
#photos-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#photos-container .right-column{ padding:12px; float:left; height:310px;}
#photos-container a{ color:#336699; font-weight:bold; }
#photos-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#photos-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#photos-container  li.a:hover{ color:#FFFFFF}
#photos-container .right-column{ width:700px;}
#photos-container .right-column .story-list li{ width:157px; padding:12px 3px 6px 9px; float:left; font-weight:normal; color:#000000; height:120px;}
#photos-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#photos-container .right-column .story-list li:hover, #photos-container .right-column .story-list li:hover .news-title, #photos-container .right-column .story-list li:hover .date, #photos-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#photos-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#photos-container .right-column .story-list li .date{ color:#999 }
#photos-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#photos-container .right-column a.more{float:right; padding-top:48px; font-size:11px; }
#photos-container .right-column a.more:hover{ text-decoration:underline }
#photos-container .left-column .leftpad{padding-left:36px}
#photos-container .left-column .toppad{padding-top:12px}


/* travel container */
#travel-container.top-container{ height:310px;}
#travel-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#travel-container .right-column{ padding:12px; float:left; height:310px;}
#travel-container a{ color:#336699; font-weight:bold; }
#travel-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#travel-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#travel-container  li.a:hover{ color:#FFFFFF}
#travel-container .right-column{ width:700px;}
#travel-container .right-column .story-list li{ width:326px; padding:12px; float:left; font-weight:normal; color:#000000}
#travel-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#travel-container .right-column .story-list li:hover, #travel-container .right-column .story-list li:hover .news-title, #travel-container .right-column .story-list li:hover .date, #travel-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#travel-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#travel-container .right-column .story-list li .date{ color:#999 }
#travel-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#travel-container .right-column a.more{float:right; padding-top:24px }
#travel-container .right-column a.more:hover{ text-decoration:underline }
#travel-container .left-column .leftpad{padding-left:36px}
#travel-container .left-column .toppad{padding-top:12px}


/* store conatiner*/
#store-container.top-container{ height:310px;}
#store-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#store-container .right-column{ padding:12px; float:left; height:310px;}
#store-container a{ color:#336699; font-weight:bold; }
#store-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#store-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#store-container  li.a:hover{ color:#FFFFFF}
#store-container .right-column{ width:700px;}
#store-container .right-column .story-list li{ width:326px; padding:12px; float:left; font-weight:normal; color:#000000}
#store-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#store-container .right-column .story-list li:hover, #store-container .right-column .story-list li:hover .news-title, #store-container .right-column .story-list li:hover .date, #store-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#store-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#store-container .right-column .story-list li .date{ color:#999 }
#store-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#store-container .right-column a.more{float:right; padding-top:24px }
#store-container .right-column a.more:hover{ text-decoration:underline }
#store-container .left-column .leftpad{padding-left:36px}
#store-container .left-column .toppad{padding-top:12px}

/* gear container */
#gear-container.top-container{ height:310px;}
#gear-container .left-column{width:227px; padding-top:12px; border-right:1px #CCC solid; height:288px; float:left; }
#gear-container .right-column{ padding:12px; float:left; height:310px;}
#gear-container a{ color:#336699; font-weight:bold; }
#gear-container  li{ padding:0px 0px 0px 24px; line-height:16px; background:none; border:none; float:none; color:#336699 }
#gear-container  li:hover{ background:none; background-color:#336699; color:#FFFFFF}
#gear-container  li.a:hover{ color:#FFFFFF}
#gear-container .right-column{ width:700px;}
#gear-container .right-column .story-list li{ width:326px; padding:12px; float:left; font-weight:normal; color:#000000}
#gear-container .right-column .story-list li:hover{  background-color:#336699; color:#FFFFFF; font-weight:normal}
#gear-container .right-column .story-list li:hover, #gear-container .right-column .story-list li:hover .news-title, #gear-container .right-column .story-list li:hover .date, #gear-container .right-column .story-list li:hover .category{ color:#FFFFFF}
#gear-container .right-column .story-list li .news-title{ font-weight:bold; color:#336699}
#gear-container .right-column .story-list li .date{ color:#999 }
#gear-container .right-column .story-list li .category{ color:#999; text-transform:uppercase; font-weight:bold }
#gear-container .right-column a.more{float:right; padding-top:24px }
#gear-container .right-column a.more:hover{ text-decoration:underline }
#gear-container .left-column .leftpad{padding-left:36px}
#gear-container .left-column .toppad{padding-top:12px}

/* layer on full nav with 728x90*/
#full-layer{width:990px; height:auto; background:url(/global_includes/images/full_layer-gen_bg.png) repeat top right #153860;  border-bottom:1px solid #336699; margin:0px; padding:0px; float:left}
#full-layer a{ color:#FFF}
#full-layer a:hover{ color:#FFF}
#full-layer #marketing{width:238px; height:90px; color:#FFF; padding:12px; float:left }

/* login system */
#dialog-login form{ padding:12px 0 12px 0}
#dialog-login label{font-size:10px; font-weight:bold; }
#dialog-login input{ margin:8px 0 12px 0; width:100%; font-size:14px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #666; height:30px; }
#dialog-login input.warning{ border:1px solid #F00 }
#login-note.warning{ color:#F00}
#dialog-login div{margin:0px 0 12px 0;}
#dialog-login #forgot{ font-size:10px; font-weight:bold; margin-top:12px; float:left}
#dialog-login #marketing-text{ padding:8px 0 0 0; line-height:20px; font-size:10px;}
#dialog-login #verifying{ display:none}
#dialog-login .surfline-button.blue1 {margin-right:10px; float:left; padding-left:28px; padding-right:28px;margin-bottom:0px;}
#dialog-login .surfline-button.grey1 {margin-right:20px; float:left; padding-left:28px; padding-right:28px; margin-bottom:0px;}
#dialog-login #remember-me{float:left; width:30px; margin:0px; padding:0px}
#dialog-login #remember-me-text{float:left; width:300px; font-size:10px; padding-top:8px; }
#dialog-close{ background:url(http://e.cdn-surfline.com/global_includes/images/close-sprite.png); width: 31px;height:28px; margin-top:-6px; margin-right:-6px;float:right; outline:none;  }
#dialog-close:hover{ background-position: 0px -28px;  }
#dialog-close:active{ background:url(http://e.cdn-surfline.com/global_includes/images/close-sprite.png) no-repeat; width: 31px;height:28px; background-position: 0px -27px;  }
.dialog-close{ background:url(http://e.cdn-surfline.com/global_includes/images/close-sprite.png); width: 31px;height:28px; margin-top:-6px; margin-right:-6px;float:right; outline:none;  }
.dialog-close:hover{ background-position: 0px -28px;  }
.dialog-close:active{ background:url(http://e.cdn-surfline.com/global_includes/images/close-sprite.png) no-repeat; width: 31px;height:28px; background-position: 0px -27px;  }

#top-prefs ul.slmenu li.sl-item #user-container a{ font-size:11px; }
#top-prefs ul.slmenu li.sl-item {font-size:11px}
#user-container a{ color:#336699; font-weight:bold;background:none}
#user-container a:hover{ color:#336699; text-decoration:underline}
#user-container ul.slmenu div.sl-item-content { position:relative;}
ul.slmenu li.sl-item #user-container{ float:right; width:270px; position:relative; margin-right:-13px; }
#SLpartners li{opacity:0.01; filter:alpha(opacity=01);}


/* firefox clasess */
@-moz-document url-prefix() {
	#gear-container{ margin:15px 0 0 -640px}
	#store-container{ margin:15px 0 0 -716px}
	#travel-container{ margin:15px 0 0 -556px}
	#photos-container{ margin:15px 0 0 -468px}
	#video-container{ margin:15px 0 0 -388px}
	#news-container{ margin:15px 0 0 -309px}
	#forecast-container{ margin:15px 0 0 -212px;}
	#cam-container{ margin:15px 0 0 -67px}
	#user-container{ margin-top:17px;}
	#search-container{ margin-top:17px}
	#alerts-container{ margin-top:17px;}
	#favorites-container{ margin-top:17px;}
	#premium-container{ margin-top:17px;}
	#top-nav{ height:46px;}
}