@charset "UTF-8";
/* guide localization of global architecture */
body{background:url(http://i.cdn-surfline.com/travel/summer-resort-guide/images/background.gif) top repeat-x}
#content.guide{margin:12px 0px 12px 0px; padding:0px; background:none}
.guide .module{-moz-box-shadow: 0 0 0px #c4c4c4;-webkit-box-shadow: 0 0 0px #c4c4c4;box-shadow: 0 0 0px #c4c4c4; border:solid 1px #CCCCCC; }
.guide .header{ padding:0px; margin:-12px 0px -12px 0px;}
.guide .column-right{width:804px;float:left;}
.guide .column-right .module p {font-family:Georgia, serif; line-height:24px; font-size:16px; color:#000033;}
.guide .column-right .module.full{ width:778px;}
.guide .column-right .module h2 { margin:0px; padding:0px}
.guide .column-right .module h2  a{ font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#336699; padding:0px}

.guide .column-right .right-side h2  a{ font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#FFF; padding:0px}


/* index page */
.guide #main{margin:-12px -12px 0px -12px; width:804px;height:294px;}
.guide .two-column .module{ width:367px; float:left}
.guide .two-column .right-side{ background-color:#d5d5d5; width:373px; }
.guide .two-column .right-side02{ background-color:#ffffff; width:373px; }

.guide .two-column .module.right-side02{ border:none; padding:0px; margin-top:0px}


.guide .two-column .left-side img{margin:12px 0 12px 0px; width:370px; height:281px;}
.guide .two-column .right-side{ padding-bottom:0px;   }
.inner-three-column .triple-left{width:216px; margin-left:24px; margin-top:6px; margin-bottom:6px; min-height:200px;}
.inner-three-column .triple-middle{width:216px; margin-left:38px; margin-top:6px; margin-bottom:6px; min-height:200px;}
.inner-three-column .triple-right{width:216px; margin-left:38px; margin-top:6px; margin-bottom:6px; min-height:200px;}
.guide .column-right .inner-three-column h3{ font-family:Verdana, Geneva, sans-serif; font-size:16px; padding-bottom:6px; padding-top:20px; }
.guide .column-right .inner-three-column p{ font-size:14px; line-height:18px}
.guide .column-right .inner-three-column a{ text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:12px;}


/* carousel */
.guide #carouselnav{float:right; margin-top:-22px;}
.guide #carousel{margin-top:0px; margin-left:0px; overflow:hidden; width:397px; position:relative}
.guide #carousel{margin-top:0px; margin-left:12px; border-top:#CCC solid 1px; width:397px; float:left; margin:12px 0 0 -12px; !important; font-family:Verdana, Geneva, sans-serif}
.guide #carousel .carousel-category{margin-top:-12px; font-size:10px; padding-bottom:4px; padding-top:4px; font-weight:normal; color:#999}
.guide #carousel_inner {float:left; width:397px; overflow:hidden;}
.guide #carousel_ul {position:relative;left:0;list-style-type: none;margin: 0px;padding: 0px;width:9999px;}
.guide #carousel_ul li{float: left;width:132px;padding:0px 0px 0px 0px;height:312px;margin-right:0px; border-right:#CCC solid 1px; cursor:pointer; text-align:center; padding-bottom:0px; z-index:9}
.guide #carousel_ul li:hover{background-color:#E6E6E6}
.guide #carousel_ul li:hover a:link{ color:#325a82}
.guide #carousel_ul li img{margin-bottom:0px;cursor:pointer;border:0px; height:253px; width:120px; padding:0px;}
.guide #carousel_ul a:link, #carousel_ul a:visited, #carousel_ul a:active, #carousel_ul a:hover{ color:#000033; text-decoration:none; font-weight:normal; font-size:11px;}
.guide #left_scroll{margin-right:0px; position:relative; z-index:3}
.guide #right_scroll{margin-left:0px; position:relative; z-index:3}
.guide #left_scroll, #right_scroll{float:left; height:10px;width:50px;}
.guide #carousel{margin-top:0px; margin-left:0px; overflow:hidden; width:397px; position:relative}
.guide #carousel{margin-top:0px; margin-left:12px; border-top:#CCC solid 1px; width:397px; float:left; margin:12px 0 0 -12px; !important; font-family:Verdana, Geneva, sans-serif}
.guide #carousel .carousel-category{margin-top:-12px; font-size:10px; padding-bottom:4px; padding-top:4px; font-weight:normal; color:#999}
.guide #carousel_inner {float:left; width:397px; overflow:hidden;}
.guide #carousel_ul {position:relative;left:0;list-style-type: none;margin: 0px;padding: 0px;width:9999px;}
.guide #carousel_ul li{float: left;width:132px;padding:0px 0px 0px 0px;height:312px;margin-right:0px; border-right:#CCC solid 1px; cursor:pointer; text-align:center; padding-bottom:0px; z-index:9}
.guide #carousel_ul li:hover{background-color:#E6E6E6}
.guide #carousel_ul li:hover a:link{ color:#325a82}
.guide #carousel_ul li img{margin-bottom:0px;cursor:pointer;border:0px; height:253px; width:120px; padding:0px;}
.guide #carousel_ul a:link, #carousel_ul a:visited, #carousel_ul a:active, #carousel_ul a:hover{ color:#000033; text-decoration:none; font-weight:normal; font-size:11px;}
.guide #left_scroll{margin-right:0px; position:relative; z-index:3}
.guide #right_scroll{margin-left:0px; position:relative; z-index:3}
.guide #left_scroll, .guide #right_scroll{float:left; width:92px;font-weight:normal}
.guide #left_scroll a, .guide #right_scroll a{font-size:10px; width:60px; font-weight:normal; color:#000}
.guide #left_scroll a{ float:left} .guide #right_scroll a{ float:right}
.guide #right_scroll img{ width:8px; height:8px; padding-top:0px; padding-left:4px;}
.guide #left_scroll img{ width:8px; height:8px; padding-top:0px; padding-right:4px;}
.surfline-button.white1{border: solid 1px #a7a7a9;background:none; background-color:#FFF; }
.surfline-button.white1:hover {background:none; background-color:#E6E6E6; }
.surfline-button.white1:active {background:none; background-color:#CCC;}
.surfline-button {display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 12px/100% Verdana, Geneva, sans-serif;	padding: 5px 12px 5px 12px;text-shadow:0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;}


/* region page */
.guide h1{font-family:Verdana, Geneva, sans-serif; font-size:24px; color:#336699; font-weight:400; margin-bottom:2px; float:left}
.guide .regionoutput{float:right;width:278px;height:350px;background-color:#cccccc;font-weight:bold; font-family:Verdana, Geneva, sans-serif; padding:50px 0px 0px 100px; font-size:12px; color:#000033}
.guide .caption{font-size:10px; font-family:Verdana, Geneva, sans-serif}
.guide .regionoutput .name{font-size:14px; color:#000033; margin-bottom:6px;}
.guide .regiondescription{float:left;padding-top:24px;}
.guide .regiondescription .regionforecast{float:right;text-align:center; padding-left:24px;}
.guide .additionalresources{margin-bottom:20px;margin-top:20px;line-height:22px;}
.guide .column-right .module .additionalresources h3{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; clear:both; margin-bottom:12px;}
.guide .column-right .module .additionalresources a{ font-weight:normal}
.guide .column-right .module .additionalresources div{font-family:Verdana, Geneva, sans-serif; font-weight:normal}


#resorttitle{ margin-top:16px}
#resort_company_address{font-family:Verdana, Geneva, sans-serif;font-size:11px;float:right;margin-bottom: 3px;color: #666666;text-align:right;line-height:14px; margin-top:-5px;	}	
#resort_company_address a{color: #666666; font-weight:normal}
#fbbutton{float:left; margin:21px 0px 0px 12px;}
#resort_disqus_container{float: left;width: 400px;margin-left: 20px;margin-top: 40px;margin-right: 20px;margin-bottom:20px;}	
#resort_twitter_container{float: right;width: 300px;margin-top: 40px;margin-right: 10px;margin-bottom: 10px;}	
		
/* disqus styles */	
#dsq-content #dsq-global-toolbar{display:none; }
#dsq-content #dsq-global-toolbar{display:none; }
#dsq-content #dsq-comments .dsq-comment-message{font-size: 12px; }
#dsq-content #dsq-comments .dsq-comment-message p{font-size: 12px; color:#000; line-height: 1.5em;}

/* twitter styles */
#resort_twitter_container{float: right;width: 300px;margin-top: 40px;margin-right: 10px;margin-bottom: 10px;}	
#resort_twitter_internal_container{background: #ffffff;}		
#twitter{width:330px;}
#twitter_t{width:330px;height: 0px;background:#ffffff;color:#fff;text-shadow:.5px .5px #333;font-size:18px;font-family:Georgia;padding-top:0px;padding-left:10px;}
#twitter_m{width: 330px;padding: 0 15px;background:#ffffff;}
#twitter_header{width: 330px;padding-left: 25px;padding-bottom: -20px;padding-top: 10px;color:#000033;background:#ffffff;font-size:14px;}
#twitter_container{min-height:45px;height:auto !important;height:40px;padding-bottom:5px;padding-top:0px;}
#twitter_update_list {width: 330px;padding: 0;font-family: Georgia;font-size: 14px;color: #000033;line-height: 18px;margin-left:-5px;}
#twitter_update_list li{width: 330px;list-style: none;padding:15px;border-bottom: dotted 1px #ccc;}
#twitter_update_list li a{color:#000033;text-decoration: none;}
#twitter_update_list li a:hover{	color: #000033;}
#twitter_b{width: 240px;height: 20px;background:#ffffff;font-family: Georgia;font-size: 14px;color: #000033;padding-bottom:10px;padding-left:20px;}
#twitter_follow{margin-left: 20px;margin-top: -35px;margin-right: 5px;margin-bottom: 15px;color: #000033;}
#twitter_update_list a:link, #twitter_update_list a:visited,  #twitter_update_list a:hover,  #twitter_update_list a:active{ font-size:11px; } 
#twitter_update_list a:hover{ text-decoration:underline} 
#resort_twitter_internal_container{ overflow:auto; height:540px;}


/* guide tabs to be moved to global stylehseet*/
.guide .tabmodule{margin-top:10px;}
.guide .tabmodule ul.mytabs{position: relative;z-index: 2;width:397px;}
.guide .tabmodule ul.mytabs, ul.mytabs li{margin: 0px 0px -1px 0px;padding: 0;list-style: none;float: left; }
.guide .tabmodule ul.mytabs li{ padding: 0 0 0 0; }
.guide .tabmodule ul.mytabs li a{float:left;padding:8px 41px 8px 41px;border: 1px solid #CCC;border-bottom:1px solid #CCC;background: #EEE;text-decoration: none;color: #000;height: 16px;font-weight: normal;font-size: 12px;font-family: Verdana, Geneva, sans-serif;border-right: 1px solid #EEE;}
.guide .tabmodule ul.mytabs li a:hover, .guide ul.mytabs li.current A{background:#FFFFFF;color:#000;}
.guide .tabmodule ul.mytabs li.current A{border-bottom:1px solid #FFFFFF;color: #000;}
.guide .tabmodule ul.mytabs li.last a{border-right: 1px solid #CCC; width:41px; }
.guide .mytabs-container{position: relative;z-index: 1;clear: both;top:0px;}
.guide .tabmodulebox{background-color: #FFFFFF;  box-shadow: 0 0 0px #C4C4C4;float: left;	border:1px solid #CCC; padding: 0px 0px 0px 0px;}
.guide .tabsinner{height:400px;width:397px;overflow:auto;padding:12px; font-family:Verdana, sans-serif; font-size:15px; color:#000033}
@-moz-document url-prefix(){.guide .tabmodule ul.mytabs{position: relative;z-index: 2;width:397px;}.guide .tabmodule ul.mytabs li a{float:left;padding:8px 61px 8px 61px;}.guide .tabmodule ul.mytabs li.last a{padding:8px 60px 8px 61px; }} 
.guide .tabsinner #overviewcontent{float:left;width:397px;margin-bottom:20px; line-height:20px;}
.guide .tabsinner .photosmodule{float:right;width:160px;height:390px;background:#eeeeee;border-style:solid;border-width:1px;border-color:#cccccc;padding:15px;font-size:12px;}
.guide #surfwidget{float:right;width:240px; margin-left:24px; margin-right:0px;}
.guide #surfdescription{width:468px;margin-bottom:20px;line-height:20px; float:left}


#page .right-side{ margin-left: 0px;}
#page .left-side{ padding:0px; float: left; border:none; width:362px;margin:12px 12px 0px 0px; font-family:Georgia, serif; line-height:24px; font-size:16px; color:#000033;}
#disqus_container{float: left; border:none;margin:12px 0px 0px 0px; padding:0px;}	
#disqus_container h3{ font-size:13px; font-family:Verdana, Geneva, sans-serif}