@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

@import 'pages.css?v=20220720';
@import 'top_menu.css';
/*
@import '../js/fancybox/jquery.fancybox.css?v=2.1.5';
@import '../js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7';
*/

body {
   color:#232323;
   font: 62.5%  'Open Sans',Helvetica, Arial, Verdana;
   background:#FFF;
 }




/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
img { border: none; }


/* Clear Floats
--------------------------------------------------------------------------*/

.clearfix,ul.list-clear li{display:inline-block;}
.clearfix,ul.list-clear li{display: block;}

.clearfix:after,
ul.list-clear li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


.right{float: right !important;}
.left{float:left !important;}
.clear{clear: both;}


/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}

label{
  color:#c2c2c2;
  font-family: Helvetica, Arial, Verdana;
  font-weight: bold;
  font-size: 13px;
  display: block;
  padding: 0 0 5px 0;
}

input.textbox,textarea{
  background:#ffffff;
  border:1px solid #ffffff;
  padding:5px 10px;
  height: 30px;
  width:100%;
  margin: 0 0 20px 0;
}

textarea{
  height: 70px;
}


fieldset{
  margin: 0 0 20px 0;
}

.col-half{
  width:50%;
  float:left;
  padding-right:10px;
}

.col-half:last-child{
  padding-right: 0;
}

.content .col-full * {
	list-style-type: disc !important;
}
.content .col-full ul {
   display: block;
	list-style-type: disc !important;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
}

.content .col-full ul li{ display: list-item; margin-bottom:8px;}


/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
  color:#c52104;
text-decoration: none;}

a:hover{ color:#c52104;
 text-decoration:none;}


.btn{ /*default blue*/
  display:block;
  border:none;
  color:#FFF !important;
  font-size:18px;
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
  float:left;
  background:#7c0600 url('/images/ui/button.png') repeat-x top left;
}


.btn .icon{
  background-position:  -100px -200px;
  height: 18px;
  width:18px;
  display: block;
  float:right;
  margin:2px 0 0 10px;
}





.text-center{
  text-align: center;
}

.text-upper{
  text-transform: uppercase;
}

.text-left{
  text-align: left !important;
}

.text-bold{
  font-weight:bold;
}

.text-italic{
  font-style: italic;
}



.text-right{
  text-align: right;
}



.text-medium{

}

.text-bigger{
  font-size:16px !important;
  line-height: 22px;
}

.text-heading{
  font-family: 'Roboto', 'Open Sans',Arial,sans-serif;
  font-weight:800;
  font-size:30px;
}



.text-alt{
  font-family: 'Open Sans', Arial,sans-serif;
}
.drivers .text-alt, .footer .text-alt{
  font-family: 'Oswald', Arial,sans-serif;
}

.text-alt2{
  font-family: 'Roboto', 'Open Sans',Arial,sans-serif;
}

.arrow-down,
#top_menu  i,
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2f2f2f;
  font-size: 0;
  line-height: 0;
}

.arrow-up{
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
  border-top:none;
}




.icon{
  display: block;
  text-indent: -999px;
  overflow:hidden;
  float:left;
  background:url('/images/ui/icons.png') no-repeat top left;
}

.icon-twitter{
  background-position: 0 0;
  width:16px;
  height: 13px;
}

.icon-twitter-big{
  background-position: -200px 0;
  width:27px;
  height: 23px;
  float:none;
}

a:hover .icon-twitter{background-position:0 -50px;}

.icon-facebook{
  background-position: -50px 0;
  width:9px;
  height: 15px;
}

a:hover .icon-facebook{background-position:-50px -50px;}

.icon-instagram{
  background-position: -100px 0;
  width:13px;
  height: 13px;
}

a:hover .icon-instagram{background-position:-100px -50px;}

.icon-instagram-big{
  background-position: -250px 0;
  width:40px;
  height: 35px;
}

.icon-youtube{
  background-position: -150px 0;
  width:19px;
  height: 13px;
}

.icon-youtube-big{
  background-position: -200px -50px;
  width:20px;
  height: 24px;
  float:none;
}

.icon-youtube-large{
   background-position: -250px -50px;
  width:34px;
  height: 40px;
}

a:hover .icon-youtube{background-position:-150px -50px;}

.icon-tiktok{
  background-position: -75px -2px;
  width:17px;
  height: 17px;
}


a:hover .icon-tiktok{background-position: -75px -52px;}

.icon-linkedin{
  background-position: -25px 0;
  width:17px;
  height: 17px;
}

a:hover .icon-linkedin{background-position:-25px -50px;}

.icon-store{
  background-position: 0 -100px;
  width:38px;
  height: 31px;
}

.icon-top{
  background-position: 0 -200px;
  width:28px;
  height: 42px;
}
.icon-report{
  background-position: -50px -100px;
  width:27px;
  height: 21px;
}

.icon-more{
  background-position: -100px -100px;
  width:16px;
  height: 13px;
}

.icon-enter{
  background-position: -150px -100px;
  width:57px;
  height: 32px;
  float:right;
}

.icon-arrow{
  background-position:-50px -200px;
  width:18px;
  height: 11px;
}

.icon-bag{
  background-position: 0 -150px;
  width:16px;
  height: 18px;
  float:none;
}
.icon-cart{
  background-position: -212px -145px;
	background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    padding: 0;
    position: relative;
    left:-5px;
	top: 10px;
    width: 33px;
	float:none;
	
}

.icon-prev,
.icon-next{
  width:22px;
  height: 21px;
  float:none;
  margin: 0 auto;
  background-position:-50px -150px;
}

.icon-next{
  background-position:-100px -150px;
}


.icon-home{
  background-position: -150px -200px;
  width:20px;
  height: 17px;
  margin:2px 5px 0 0;
}

.icon-bio{
  height: 19px;
  background-position: 0 -250px;
}

.icon-team{
  height: 22px;
  background-position: -50px -250px;
}

.icon-career{
  height: 19px;
  background-position: -100px -250px;
}

.icon-stats{
  height: 17px;
  background-position: -150px -250px;
}

.icon-news{
  height: 20px;
  background-position: -200px -250px;
}

.icon-photos{
  height: 19px;
  background-position: -250px -250px;
}

.icon-time{
  width:20px;
  height: 21px;
  background-position: -300px -250px;
}

.icon-place{
  width:13px;
  height: 20px;
  background-position: -50px -300px;
}


.icon-show{
  width:29px;
  height: 27px;
  background-position: -100px -300px;
}

.icon-expand,
.icon-collapse{
  width:15px;
  height: 13px;
}

.icon-expand{background-position: -150px -300px;}
.icon-collapse{background-position: -200px -300px;}

.icon-nav{
  width:13px;
  height: 14px;
  background-position: -250px -300px;
}

/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
.container{
  width:1060px;
  margin:0 auto;
  position: relative;
}

/*-------------------------------------------------------------------------
                        HEADER
*-------------------------------------------------------------------------*/
.header{
  position: relative;
  z-index: 2;
  margin-bottom:-6px;
  background:url('/images/ui/bg_header_repeat.png') repeat-x top left;
  min-width:1060px;
}

.header-wrapper{
  height: 132px;
  background:url('/images/ui/bg_header.png') no-repeat center top;
}
.header-wrapper-top{
  height: 38px;
  background:url('/images/ui/bg_header.png') no-repeat center top;
}
.header-wrapper-bottom{
  height: 87px;
  background:url('/images/ui/bg_header.png') no-repeat center bottom;
}
.header .logo{
  width:179px;
  height: 58px;
  background:url('/images/ui/logo.png') no-repeat top left;

  text-indent: -999px;
  overflow: hidden;

  display: block;
  position: absolute;
  left:60px;
  top:55px;
}

.header-top{
  height:38px;
  background:#000;
  color:#FFF;

  padding: 0 53px 0 0;
}

.link-onlinestore{
  height: 38px;
  display: block;

  background: #c52104;
  color:#FFF !important;
  font-size:14px;
  font-weight:bold;
  margin: 0 5px 0 0;
  padding:10px 5px 0 5px;
}

.link-onlinestore .icon{
  margin:-3px 0 0 10px;
}

.list-social li{
  float:left;
}

.list-social a{
  display: block;
  float:left;
  height: 38px;
  padding:12px 5px 0 5px;
}

.list-social a:hover{
  background:#f0eff0;
}


/*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
#home .content .container{
  width:1000px;
  margin:0 auto;
}

.content{
  background: url('/images/ui/bg_content.jpg') repeat-x bottom left;
  padding: 0 0 80px 0;
  min-height: 400px;
  z-index: 0;
  min-width:1060px;
}

.banner{
  background-color:#000;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom:30px;
  
}

.banner .container{
  width:1000px;
  height: 163px;
  padding:50px 0 0 0;
}

.banner .title{
  font-size:34px;
  font-weight:900;
  font-style:italic;
  color:#FFF;
}

.banner .breadcrumbs{
  background:rgba(255,255,255,0.8);
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  color:#000000;
  font-size:14px;
  padding:10px 20px;
}


.banner .breadcrumbs li{
  float:left;
  padding: 0 5px 0 0;
  font-family: "Oswald",Arial;
}

.banner .breadcrumbs a{
  color:#000 !important;
}

.banner .breadcrumbs a.active{
  color:#c52104 !important;
  font-weight:900;
}

/*
.content .container{
  border-top:7px solid #c52104;
}
*/

.content-wrapper{
  background:#fff;
  box-shadow: 0 0 5px #333;
  margin: 5px 0 0 0;
}
#drivers .content-wrapper{
  background:#f2f2f2;
}

.content-wrapper.full{
  padding:10px 0;
}

.sidebar,
.main-content{
  margin:20px 0;
}

.sidebar{
  width:280px;
  float:left;
  margin-left:0px;
}

.sidebar .h1,
.sidebar .h2,
.sidebar .h3{
  color:#000000;
  font-weight:bold;
  padding: 0 0 10px 0;
}

.sidebar .h1{
  font-size:20px;
}

.sidebar .h2{
  font-size:17px;
}

.sidebar .h3{
  
  font-size:16px;
  
}

.nav-list{
  font-size:14px;
  padding-bottom:10px;
}

.nav-list li{
  padding-bottom:10px;
}

.nav-sidebar{
  margin-bottom:20px;
}

.nav-sidebar a{
  background:#f3f4f4 ;
  display: block;
  margin: 0 0 2px 0;
  padding:10px 20px;
  display: block;
  font-size:15px;
  color:#232323 !important;
}

.nav-sidebar a:hover,
.nav-sidebar a.active{
  background: #000;
  color:#fff !important;
  border-right:3px solid #f9c806;
}

.nav-sidebar a:hover .icon,
.nav-sidebar a.active .icon{
  display: block;
}

.nav-sidebar .icon{
  float:right;
  display: none;
  margin-top:2px;
}


.main-content{
  width:700px;
  float:right;
  background:#ffffff;
  padding:20px 0 20px 20px;
  margin-right:0px;
  border:1px solid #e1e1e1;
}



.content-wrapper.full .main-content{
  width:95%;
  float:none;
  margin:0 auto;
}

.main-content p, .body-text{
  color:#363636;
  font-size:14px;
  padding-bottom:20px;
  line-height: 22px;
}

.border{
  height: 20px;
  width:100%;
  margin:20px 0;
  background:url('/images/ui/border.png') repeat-x top left;
}

.tab-default{
  background:#363636;
  margin-bottom:10px;
}

.tab-default li{
  float:left;
}

.tab-default a{
  display: block;
  height:43px;
  float:left; 
  font-size:14px;
  color:#FFF !important;
  padding:10px 15px;
  position: relative;
}

.tab-default a:hover,
.tab-default a.active{
  background:#ffc500;
  color:#000 !important;
}

.tab-default a span{
  position: absolute;
  border-top-color:#f2b216;
  border-width: 8px 8px 0 8px;
  bottom:-8px;
  left:50%;
  display: none;
  margin-left:-4px;
}

.tab-default a:hover span,
.tab-default a.active span{
  display: block !important;
}

table.privacy {
  width:100%;
  border-collapse: collapse;
}

table.privacy th{
  background:#cccccc;
  padding:5px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid gray;
  vertical-align: top;
}

table.privacy td{
  padding:5px;
  font-size:14px;
  text-align: left;
  border: 1px solid gray;
  vertical-align: top;
}



/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
.footer{
  background:#000;
  color:#FFF;
  min-width:1060px;
}

.footer .container{
  width:960px;
}

.footer .footer-top{
  background:#161515;
}

.footer .top{
  background:#161515;
  width:70px;
  height: 70px;
  border-radius: 70px;
  display: block;
  position: absolute;
  top:-30px;
  right:-40px;
  z-index: 100;
  padding: 10px 0 0 20px;
}



.footer .logo{
  float:left;
  width:200px;
  height: 76px;
  text-indent:-999px;
  overflow: hidden;
  margin-right:22px;
  background:url('/images/ui/logo_footer.png') no-repeat top left;
}

.footer .about-short{
  width:660px;
  float:left;
  padding: 30px 20px 30px 0;
  border-right:1px solid #272626;
}

.footer .about-short p{
  float:right;
  width:414px;
  padding:15px 0 0 0;
}

.footer .accomplishments{
  width:215px;
  float:right;
  padding:20px 0 0 0;
  margin: 0 33px 0 0;
}

.footer .accomplishments .title{
  font-size:15px;
}

.table-accomplishments{
  width:100%;
}

.table-accomplishments td{
  background:#272626;
  padding:3px;
  font-size:13px;
  color:#bbbbbb;
  text-align: left;

}

.table-accomplishments td.col-num{
  color:#da321a;
  text-align: right;
}

.quicklinks{
  border-top:1px solid #272626;
  padding:25px 0 20px 0;
  clear:both;
}

.quicklinks li:first-child{
  font-size:20px;
  border:none;
  margin-top:-5px;
}

.quicklinks li:last-child{
  border:none;
}

.quicklinks li{
  float:left;
  border-right:1px solid #a8a8a8;
  padding: 0 12px;
}

.quicklinks  a{
  color:#FFF;
  font-size:12px;
  font-weight:bold;
}

.quicklinks a:hover{
  color:#a90202;
}

.footer-bottom{
  background:#000000;
  padding:20px 0;
}

.footer-bottom p{
  font:10px Arial;
  float:left;
  padding:20px 0;
}
.footer-bottom a {color:#FFF;}
.footer-bottom a:hover {color:#c52105;}
.footer-bottom .dm{
  width:52px;
  height: 49px;
  display: block;
 
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  left:431px;
  top:-5px;
  background:url('/images/ui/DigMo_logo.png') no-repeat top left;
}
.footer-bottom .dm:hover {background-position:0 -49px;}

.winplan-open {
	min-width:1060px;
	background-color:#000;
	text-align:right;
	padding:8px 0;
	height:37px;
}
.winplan-open a{
	color:#f9c806;
	text-transform:uppercase;
	margin-right:40px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}	
.winplan-open a span{
	color:#fff;
	text-transform:none;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	margin-left:30px;
}	

/* Hide Xfinity items */
.xfinity {display:none; !important;}

@media only screen and (max-width: 320px) {

   .winplan-open a { font-size: 12px; }
   
   .winplan-open a span { font-size: 10px; }

}

.icon-open{
  float:none;
  display:inline-block;
  background-position: 0 0;
  width:18px;
  height: 16px;
  background-position: -256px -150px;
  background-repeat: no-repeat;
}


  .winplan {
  	position:absolute;
	width:100%;
    margin:0 auto;
	border:2px solid white;
	z-index:10000;
	cursor:pointer;
  }

  .winplan_view, .winplan_close {
    line-height: 0 !important;
	display:none; position:absolute;
	padding:0px; margin:0px auto;
  }

  .winplan_ad {
    /* display: none; */
    position:absolute;
	padding: 0 !important;
    margin: 0 auto!important;
    width: 951px;
    line-height: 0 !important;
  }
  body.takeover #content-top{
 background-image:url('/images/ui/bg_content_top2.png') !important;  
 height:1114px !important;}  

body.takeover1 #content-top{
 background-image:url('/images/ui/bg_content_top1.png') !important; 
 height:795px !important;}  
body.takeover1a #content-top{
 background-image:url('/images/ui/bg_content_top1a.png') !important; 
 height:845px !important;} 
 body.takeover2 #content-top{
 background-image:url('/images/ui/bg_content_top2c.png') !important; 
 height:1164px !important;} 
 
 /* CSS for Team Penske Online (social media) page */
 
 .td_tweet ul{
	list-style:none;
}
.twitter_wrapper{
	width:100%;
}
.twitter_cell{
	width:40%;
	padding:10px;
}
.content .col-full .tweet{
	list-style-type: none !important;
}

/* Penske Material promo */
.cta-block { 
width: 100%;
padding: 25px !important;
background-color: #000;
color: #fff;
border-radius: 4px;
float: left;
vertical-align: middle;
margin: 20px 0px;
}
.cta-content {
width: 67%;
float: left;
}
.cta-button {
width: 33%;
float: left;
text-align: right;
padding: 5% 0;
}
.cta-content h2 {
font-size: 18px;
font-weigh: bold;
color: #f6f23b;
}
.cta-content p {
color: #FFF;
font-size: 14px;
}
.cta-link {
background: #c52104;
border-radius: 6px;
border-width: 0px;
color: #FFF !important;
transition: all .4s ease;
padding: 10px 20px;
width: auto;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.cta-content {
  width: 50%;
}
.cta-button { width: 50%;
}
}
}