html,body			{margin:0px; padding:0px; border:0px; background:white; font-family:'BentonSans', arial, helvetica, sans-serif; color:black; font-size:100%;}
body                {behavior: url("../js/csshover3.htc");}
img					{border:0px;}
*					{outline:0px;}
a					{text-decoration:none; color:Black;}
strong              {font-family:'BentonSansBold', arial, helvetica, sans-serif; font-weight:normal;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear-left                    {clear:left;}

.outer-wrapper					{position:relative; width:100%; margin:0px; text-align:center; border-top:6px solid #ee4135;}

.header							{height:130px; width:100%; max-width:940px; margin:0px auto;}
.header .logo					{float:left; margin:36px 0px 0px; }
.header-share					{float: right; margin:40px 0px 0px; border-left:1px solid #d7d7d7; font-size:12px; font-family:'BentonSansBold', arial, helvetica, sans-serif;}
.header-share > a				{margin-left:12px; height:49px; line-height:49px; color:#686868;}
.header-share  img				{vertical-align:middle;}
.nav-toggle						{display:none;}

.nav-main						{position:relative; display:inline-block; height:47px; z-index:10; font-size:12px; font-family:'BentonSansBold', arial, helvetica, sans-serif; overflow:visible; text-align:left; text-transform:uppercase;}
/* lvl 1 */
.nav-main > ul 					        {float:left; height:47px; overflow:visible; padding:0px; margin:0px; background:#ee4135;}
.nav-main > ul > li				        {float:left; position:relative; height:47px; line-height:47px; list-style:none; padding:0px 0px 0px 20px; margin:0px;}
.nav-main > ul > li:first-child	        {background:white url(../images/nav-bar-left.png) left top no-repeat; padding-left:60px}
.nav-main > ul > li:last-child          {background:white url(../images/nav-bar-right.png) right top no-repeat; padding-right:60px}
.nav-main > ul > li.last-child		    {background:white url(../images/nav-bar-right.png) right top no-repeat; padding-right:60px}
.nav-main > ul > li > a				    {color:white; background:url(../images/nav-bar-divider.gif) right 50% no-repeat; padding-right:27px; height:47px; display:block;}
.nav-main > ul > li:last-child	> a     {background:none; padding-right:0px}
.nav-main > ul > li.last-child	> a     {background:none; padding-right:0px}
.nav-main > ul > li > a >span.current   {}

/* lvl 2 */
.nav-main > ul > li > ul			        {display:none; position:absolute; margin-left:-10px; padding:0px; border:1px solid #ededed; border-top:6px solid #dcdcdc;}
.no-touch .nav-main > ul > li:hover > ul,
.nav-main > ul > li.hover > ul		        {display:block;}
.nav-main > ul > li > ul > li			    {list-style:none; padding:0px; margin:0px;  line-height:18px; height:auto;}
.nav-main > ul > li > ul > li > a		    {display:block; min-width:125px; background-color:white; color:#333333; line-height:18px; padding:12px 10px;}
.no-touch .nav-main > ul > li > ul > li:hover > a,
.nav-main > ul > li > ul > li.hover > a     {background-color:#dcdcdc; color:#ee4135;}
.nav-main > ul > li > ul > li > a.active    {border-bottom:3px solid black;}

.mobile-social a					        {display:none;}					

.logo							            {float:left; width:399px;}
.logo img						            {width:100%; max-width:399px;}

.inner-wrapper                              {border-top:6px solid #dcdcdc; margin-top:-5px; overflow:hidden;}

.breadcrumbs							    {float:left; margin:0px; width:640px;}
.breadcrumbs> ul							{display:block; margin:15px 0px 0px; text-align:left; padding:0px; font-size:0.8em;}
.breadcrumbs > ul > li						{float:left; list-style:none; padding:0px; margin:0px;}
.breadcrumbs > ul > li > a					{color:black;}
.breadcrumbs > ul > li > a:after			{content:'\00A0>\00A0';}
.breadcrumbs > ul > li:last-child > a:after {content:'';}
.breadcrumbs > ul > li.last-child > a:after	{content:'';}
.breadcrumbs .current                       {border-bottom:1px solid #ee4135;}


.carousel-area					{position:relative; z-index:0; margin:0px auto; text-align:left; }
.carousel-area .slick-slider		{margin:0px; }
.carousel-item					{position:relative; width:100%; max-width:940px; height:auto;}
.carousel-item img			    {width:100%;}
.carousel-item-desc				{position:absolute; bottom:0px; left:0px; width:100%; background:url(../images/carousel-desc-bg.png); color:white;}
.carousel-item-desc h4			{margin:14px 14px 4px; color:white; font-size:30px; font-family:'BentonSansBold', arial, helvetica, sans-serif;}
.carousel-item-desc p			{margin:0px 14px 14px; font-size:14px; line-height:20px;}
.carousel-item-desc a			{color:#ee4135;}
.carousel-item .carousel-item-desc				{display:none;}
.carousel-item.slick-active .carousel-item-desc	{display:block;}
.carousel-prev									{width:59px; height:60px; position:absolute; left:0px; top:50%; margin-top:-48px; z-index:10;}
.carousel-next									{width:59px; height:60px; position:absolute; right:0px; top:50%; margin-top:-48px; z-index:10;}
.carousel-overlay-left							{position:absolute; left:0px; top:0px; height:100%; z-index:5; background:url(../images/carousel-desc-bg.png);}
.carousel-overlay-right							{position:absolute; right:0px; top:0px; height:100%; z-index:5; background:url(../images/carousel-desc-bg.png);}
.carousel-area .slick-dots						    {position:relative; height:36px; width:940px; bottom:0px; margin:0px auto; background:url(../images/carousel-desc-bg.png);}
.carousel-area .slick-dots li						{height:12px; width:12px; margin:12px 6px;}
.carousel-area .slick-dots button					{width:12px; height:12px; background:white;}
.carousel-area .slick-dots li button:before 		{content:" ";}
.carousel-area .slick-dots li.slick-active button	{background:#ee4135;}

.slick-list                                     {overflow:visible; width:100%; max-width:940px; margin:0px auto;}

.content-area					{width:100%; max-width:940px; margin:0px auto 10px; text-align:left;}
.story-page.content-area		{margin-top:0px;}

.article-area					{float:left; width:640px;}
.article						{float:left; width:300px; height:330px; margin:0px; padding:20px 20px 10px 0px; font-size:14px; line-height:22px;}
.article.main					{float:left; width:630px; margin:0px; padding:20px 10px 10px 0px; font-size:14px; line-height:20px;}
.story-page .article		    {height:auto; width:260px;}
.story-page .article.main		{width:540px; padding-right:0px;}
.story-page .article.wide		{width:540px; padding-right:0px;}
.story-page .side-area .article {width:300px;}
.article.border					{border-bottom:6px solid #dcdcdc;}
.article.tablet-padding         {}

.article p                      {margin-top:15px; margin-bottom:15px;}
.article p.title				{background:url(../images/article-head-sm.png) left top no-repeat; padding:0px 0px 0px 40px; margin:0px 0px 15px; line-height:22px; font-size:21px; font-family:'BentonSansMedium', arial, helvetica, sans-serif;}
.article.main p.title			{background:url(../images/article-head.png) left top no-repeat; padding:0px 0px 0px 60px; margin-bottom:25px; line-height:24px; font-size:24px;}
.article .bigger                {font-size:30px;}
.article ul                     {list-style-image:url(../images/list-bullet.png); padding-left:18px;}
.read-more						{color:#ee4135; font-size:14px; font-family:'BentonSansMedium', arial, helvetica, sans-serif;}
.read-more:after				{content:' »';}

.side-area						{float:left; width:300px;}
.side-area .article				{padding:20px 0px 10px;}
.side-area .article p.title		{font-family:'BentonSansBold', arial, helvetica, sans-serif;}

.gallery-link                   {display:inline-block; margin-bottom:10px;}
.gallery-link img               {display:block;}
.gallery-link span              {display:block; color:White; background:black; font-size:12px; padding-left:10px;}
.gallery-link span:after		{content:' »';}


.twitter-feed                   {text-align:center;}
.twitter-follow                 {line-height:18px; background:url(../images/icon-tw.png) left top no-repeat; padding-left:30px; font-family:'BentonSansMedium', arial, helvetica, sans-serif; color:Black; font-size:14px;}
.twitter-feed .read-more        {display:block; text-align:right; font-size:12px;}

.footer							{background:#3a3a3a; border-top:6px solid #ee4135; color:white; font-size:11px; padding-bottom:10px;}
.footer.mobile					{display:block; border-top:none;}
.footer a						{color:inherit;}
/* lvl 1 */
.footer > ul						{display:inline-block; width:auto; margin:0px auto; padding:0px; text-align:left;}
.footer > ul > li					{float:left; list-style:none; padding:0px; margin:0px; max-width:175px;}
.footer h4						{text-transform:uppercase; font-family:'BentonSansBold', arial, helvetica, sans-serif;}
/* lvl 2 */
.footer > ul > li > ul				{padding:0px 20px 0px 0px; min-height:170px;}
.footer > ul > li > ul > li			{list-style:none; padding:0px 0px 10px 0px; margin:0px;}
.footer > ul > li > ul > li > a		{}

.footer-container                                   {width:100%; max-width:940px; margin:5px auto 0px; text-align:center; padding:0px 10px;}
.footer-container > ul						        {display:inline-block; margin:8px 0px 0px; text-align:center; padding:0px;}
.footer-container > ul > li					        {float:none; display:inline-block; list-style:none; padding:0px; margin:0px; max-width:180px;}
.footer-container > ul > li > a:after			    {content:'\00A0|\00A0';}
.footer-container > ul > li:last-child > a:after	{content:'';}
.footer-container > ul > li.last-child > a:after	{content:'';}



@media only screen and (max-width: 1028px) {

    .nav-main > ul > li:first-child	    {padding-left:40px;}
    .nav-main > ul > li:last-child		{padding-right:40px;}
    .nav-main > ul > li.last-child		{padding-right:40px;}
    
}
@media only screen and (max-width: 1027px) {

	.footer .desktop					{display:none;}
	.header .logo				        {margin-left:5%;}
}

@media only screen and (max-width: 959px) {
	.header-share				{margin-right:3%;}
	
	.nav-main						{font-size:0.7em;}
	.nav-main > ul > li				{padding:0px 7px 0px 3px;}
	.nav-main > ul > li:first-child	{padding-left:25px}
	.nav-main > ul > li:last-child		{padding-right:25px}
	.nav-main > ul > li.last-child		{padding-right:25px}
	
	/*body				{position:absolute; left:0px;}*/
	.desk-only			{display:none;}
	
	.carousel-area					{}
	.carousel-item-desc p			{display:none;}
	.carousel-area .slick-dots		{width:100%;}
	
	/*.content-area					{width:80%;}*/
	.article-area					{width:auto; float:none;}
	.side-area						{width:auto; float:none;}
	.article						{width:100%; height:auto; padding-right:0px;}
	.article.main					{width:100%; padding-right:0px;}
    .article.border					{border-bottom:none; clear:right;}
	.article-area .article			{border-bottom:6px solid #dcdcdc;}
	.article-area .article:last-child {border-bottom:none;}
	.article-area .article.last-child {border-bottom:none;}
	.side-area .article				{width:300px; padding: 40px 20px 10px;}
	.article.tablet-padding         {padding-top:70px;}
    
    .story-page .article				    {height:auto; width:260px;}
    .story-page .article.main		        {width:100%; padding-right:0px;}
    .story-page .article.wide		        {width:100%; padding-right:0px;}
    
	/*.footer.mobile					                    {display:block;}*/
}

@media only screen and (max-width: 940px) 
{
    .content-area       {width:auto; margin:0px 10px;} 
    .footer-container   {width:auto;}              
}

@media only screen and (max-width: 850px) {
    .nav-main           {font-size:10px;}   
    .nav-main > ul > li				        {padding:0px 0px 0px 6px;}
    .nav-main > ul > li > a				    {padding-right:16px;}
    .nav-main > ul > li:last-child > ul		{right:0px;}
}

@media only screen and (max-width: 767px) {
	.outer-wrapper		{position:absolute; left:0px;}
	.inner-wrapper		{position:relative; left:0px; top:6px; margin-top:64px;}
	
	.header				{position:fixed; top:0px; left:0px; width:100%; background:white; z-index:99; height:70px; border-top:6px solid #ee4135; border-bottom:6px solid #dcdcdc;}
	.header .logo		{margin:20px 10px 35px 170px; text-align:left; float:none; width:auto;}
	.header .logo  img	{height:32px; width:auto;}
	.header-share		{display:none;}
	.nav-toggle			{display:block; width:53px; position:absolute; left:0px; top:0px; margin:14px 15px; padding:0px 19px 0px 0px; cursor:pointer; border-right:1px solid #b3b3b3;}
	.nav-toggle > img	{width:100%;}

	.nav-main			                    {position:fixed; display:none; left:0px; top:-6px; width:280px; max-width:380px; float:left; z-index:100; height:101%; background:#ee4135; border-right:6px solid #dcdcdc; font-size:12px; overflow:auto; -webkit-overflow-scrolling:touch;}	
	/* lvl 1 */
	.nav-main > ul 		                    {width:100%; height:auto; overflow:visible; padding:0px; margin:0px; background:#ee4135;}
	.nav-main > ul > li	                    {float:none; display:block; height:auto; padding:0px 0px 0px 20px; background:transparent url(../images/nav-side-off.png) right 50% no-repeat; border-bottom:3px solid white;}
	.nav-main > ul > li:first-child	        {background:transparent url(../images/nav-side-off.png) right 50% no-repeat; padding:0px 0px 0px 20px;}
	.nav-main > ul > li:last-child		    {background:transparent url(../images/nav-side-off.png) right 50% no-repeat; padding:0px 0px 0px 20px;}
	.nav-main > ul > li.last-child		    {background:transparent url(../images/nav-side-off.png) right 50% no-repeat; padding:0px 0px 0px 20px;}
	.nav-main > ul > li:hover,
	.nav-main > ul > li.hover               {background:transparent url(../images/nav-side-on.png) right 11px no-repeat !important; }
	
	.nav-main > ul > li > a				    {background:transparent; padding:10px 20px 10px 0px;}
	/* lvl 2 */
	.nav-main > ul > li > ul			    {position:relative; width:auto; margin-left:-20px; padding:0px; border-top:none;}
	.no-touch .nav-main > ul > li:hover > ul,
	.nav-main > ul > li.hover > ul		    {display:block;}
	.nav-main > ul > li > ul > li			{list-style:none; padding:0px; margin:0px;  line-height:18px; height:auto; border-top:2px solid #d0d0d0;}
	.nav-main > ul > li > ul > li:first-child   {border-top:none;}
	.nav-main > ul > li > ul > li > a		{display:block; min-width:125px; background:white; color:#333333; line-height:18px; padding:17px 20px 16px 20px;}
	.no-touch  .nav-main > ul > li > ul > li:hover > a
	.nav-main > ul > li > ul > li.hover > a {background-color:#dcdcdc; color:#ee4135;}

    .mobile-social                          {float:left;}
	.mobile-social a					    {display:block; float:left; margin:15px 0px 0px 15px; height:44px;}

	.carousel-overlay-left			        {display:none;}
	.carousel-overlay-right			        {display:none;}
	.carousel-prev					        {width:40px; height:40px; position:absolute; left:0px; top:50%; margin-top:-36px; z-index:10;}
	.carousel-next					        {width:40px; height:40px; position:absolute; right:0px; top:50%; margin-top:-36px; z-index:10;}
	.carousel-prev > img				    {width:40px; height:40px;}
	.carousel-next > img				    {width:40px; height:40px;}
	
    .breadcrumbs							{float:left; margin:0px; width:100%;}
    
	/*.content-area					        {width:90%;}*/
}


@media only screen and (max-width: 719px) 
{
	.side-area .article	                    {width:300px; float:none; margin:30px auto; clear:both; padding:0px;}    
	.side-area .article:first-child         {padding-top:30px;}
	.article.tablet-padding                 {padding-top:0px;}
}

@media only screen and (max-width: 460px) 
{
	.header .logo		                    {margin-top:20px; margin-left:110px;}   
    .carousel-item-desc h4			        {margin:7px 9px 4px; color:white; font-size:16px;}
    
	.nav-main > ul > li	                    {background-position:105% 50%; padding:0px 0px 0px 10px;}
	.nav-main > ul > li:first-child	        {background-position:105% 50%; padding:0px 0px 0px 10px;}
	.nav-main > ul > li:last-child		    {background-position:105% 50%; padding:0px 0px 0px 10px;}
	.nav-main > ul > li.last-child		    {background-position:105% 50%; padding:0px 0px 0px 10px;}
	.nav-main > ul > li:hover,
	.nav-main > ul > li.hover               {background-position:105% 11px !important; }
}

@media only screen and (max-width: 360px) 
{
    .nav-toggle                             {width:40px; margin-top:16px;}
	.header .logo		                    {margin-top:20px; margin-left:95px;}  
	.header .logo img                       {height:24px; }
}

.mod-social .mod-twitter .mod-content {
height: auto !important;
overflow: hidden;
padding: 0;
background: none;
}

.mod-social .mod-social-tab .mod-content {
border: 0;
}

.mod-twitter .mod-content {
height: 245px!important;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
}

.mod-tabs .mod-content {
border-top: 1px solid #c2c2c2;
}

.mod-no-footer .mod-content {
margin-bottom: 6px;
border-bottom-width: 1px;
padding-bottom: 2px;
}

.mod-content {
background: #fff;
font-size: 11px;
border-width: 0 1px;
border-color: #c2c2c2;
overflow: hidden;
padding: 2px;
}

.mod-social .mod-twitter .mod-content ul.twitter-feed {

list-style: none;
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;

}

.mod-social .mod-content .gradient-container {
padding: 0px;
}

.mod-content .gradient-container {
background: #fff url(<%imgRef%>/prod/assets/gradient_back.jpg) bottom repeat-x;
overflow: hidden;
}

.mod-content ul li.first {
border-top: 0;
}

.mod-twitter .mod-content ul li {
height: auto!important;
}

.mod-content ul li {
background-color: #fff;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
clear: both;
overflow: hidden;
}

.mod-twitter .mod-content .t-mult {
margin-left: 60px;
}
.mod-content ul li dl {
color: #2e2e2e;
padding: 8px 6px;
margin: 0 0 0 120px;
font: 13px/1.385 helvetica, arial, clean, sans-serif;
text-align: Left;
line-height: 1;
}
.mod-twitter .tweet-dl {
padding: 6px 8px 6px 0!important;
}

.mod-open-list .mod-content ul li img {
float: left;
padding: 6px 8px 6px 8px;
margin: 0;
vertical-align: baseline;
}

.mod-content a:visited {
color: #608fd6!important;
}

.mod-content a {
color: #225db7;
}

dd {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

.mod-inline.image.image-right {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0 0 0 10px;
  border-left: 1px #c2c2c2 solid;
}

.mod-inline.image.image-left {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0 0 0 10px;
  border-left: 1px #c2c2c2 solid;
}
