@charset "utf-8";
/*Pohanka Specials Specific Styles*/
/* RESPONSIVE HACKS AT BOTTOM */


body{background-color:#ffffff;}

/*h1 title */
.Gradient,
.Gradient .G1,
.Gradient .G2,
.Gradient .G3,
.Gradient .G4,
.Gradient .G5{
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
	height: 64px;
    position:absolute;
    margin: 0;
    top: 0px;
    left: 0px;
    color: #2b2b2b;
    font-size: 48px;
    font-weight: normal;
    overflow: hidden;
	text-transform:uppercase;
}
.Gradient{
    position: relative;
}
.Gradient .G2{
text-shadow: none;
	display:none;
    height: 34px;
    color: #181818;
    z-index: 5;
}
.Gradient .G1{
text-shadow: none;
    height: 33px;
    color: #191919;
    z-index: 6;
}

div.ymmtitle{
right: 301px;
top: -56px;
}

div.ymmtitle #medium , div.ymmtitle .medium {
font-size: 27px;
letter-spacing:-1px;
}

div.ymmtitle  #medium-large, div.ymmtitle  .medium-large {
font-size: 37px;
letter-spacing:-1px;
}

#outer-wrap{
	background-image: url(/../mvp/LineUp/assets/pohanka/pohankaboxes.jpg);
}

#maincontent div.coupon{
box-sizing:border-box;
-moz-box-sizing:border-box;
padding: 5px;
width: 315px;
height: 329px;
background:url('images/CouponBG.jpg');

}
#maincontent div.coupon div{
height: 305px;
padding: 5px;
border: 2px #bbb dashed;
background:url('images/scizzors.png');
background-position: bottom right;
background-repeat: no-repeat;
}
#maincontent div.coupon p {
color:white;
}
#maincontent div.coupon h2{
color:#22a3ca;
font-size: 55px;
}
#maincontent div.coupon h3  {
color:#22a3ca;
font-size: 35px;
}
#maincontent div.coupon h4  {
color:#22a3ca;
}

/*Navigation under video*/
#makeTabs li.active:hover {
color: #68c6ff;  
}

#makeTabs li.active {
color: #68c6ff;
}

#makeTabs li {
padding-top:3px;
padding-bottom:3px;
}

#makeThumbs a.activeVideoButton, #makeThumbs a.activeVideoButton:hover {
background-image: none;
background-color: #029ad2;
}


#makeleft {
margin-top:2px;
margin-left:0px;
}

#makeright{
margin-top:2px;
left: 393px;
}

#makeThumbs li a.activeVideoButton  span.durationtext{
color:#fff;
}

#makeThumbs a.activeVideoButton span {
font-weight: normal;
}


#makeNavFooter ul li.active {
color: #2290e7;
}

#defaultymmtitle {
font-family: 'OpenSansExtraBold', Arial, sans-serif;
}

div.ymmtitle h1{
font-family: 'OpenSansExtraBold', Arial, sans-serif;
letter-spacing:-2px;
}

#maincontent .offer p{
padding-left:8px;
padding-right:8px;
font-family: 'OpenSansLight', Arial, sans-serif;
}

#maincontent .offer h2,
#maincontent .offer h3,
#maincontent .offer h4{
padding-top:10px;
padding-left:8px;
padding-right:8px;
font-family: 'OpenSansBold', Arial, sans-serif;
letter-spacing: -1px;
line-height:.9;
margin-bottom:4px;
text-transform:none;
color:#115e88;
}

#maincontent .offer p.trim {
font-family: 'OpenSansLight', Arial, sans-serif;
}

#maincontent .offer h2 {
font-family: 'OpenSansBold', Arial, sans-serif;
}

#maincontent .offer h3 {
padding-top:0px;
font-size:30px;
font-family: 'OpenSansExtraBold', Arial, sans-serif;
}


#maincontent div.addImage{
    position: absolute;
}



#defaultaddImage{ visibility:hidden;}

#maincontent{
top: 74px;
color:#444;
margin-left: 408px;
min-width: 316px;
width: 316px;
position: relative;
}
#maincontent div.offer {
position: relative;
min-width: 316px;
width: 316px;
top: 0px;
background: rgba(255 100 0 .5);
}

#maincontent div.offermid {
min-width: 316px;
width: 316px;
vertical-align: middle;
}

#maincontent  .offermid li:before {
    content: "";
}


#msrptag {
	font-size:12px; 
	font-family: 'OpenSansRegular',Arial, sans-serif;
	color:#eee;
}

#msrp {
font-family: 'OpenSansBold',Arial, sans-serif;
	color:#fff;
}

#expiredOffer {

/*margin-top:45px;*/

}


.mainnav a {
font-family: 'OpenSansBold',Arial, sans-serif;
color: #FFF;
text-decoration: none;
font-weight: bold;
}

div.mainnav{
top: 257px;
margin-left: 428px;
width: 315px;
padding:0px;
}


/*#mainnav ul li:last-child{display:none;}*/

ul.menu{
width:316px;
margin-left: 0px;
padding-left: 0px;
}
div.menuOverride {
top: 183px;
margin-left: 0px;
padding-left: 0px;
}

ul.menu a {
background:url("/../mvp/LineUp/assets/pohanka/honda/hondabuttondull.jpg");
background-position: 0px 0px;
background-repeat: repeat-x;
border-right: 1px solid #222;
}
ul.menu a.KBA2:hover { color:#000; background-position: 0px -47px;}
ul.menu a:hover{ color:#029ad2;}


ul.menu a.KBA2 {
background:url("/../mvp/LineUp/assets/pohanka/honda/hondabuttonbrite.jpg");
background-position: 0px 0px;
background-repeat: repeat-x;
padding-left:3px;
padding-right:3px;
}
ul.menu a.KBA1 {padding-right:1px;}
ul.menu a.KBA3 {padding-left:1px;}








#disclaimerObj {
margin-left: -380px;
top: 410px;
color:#808080;
}

#disclaimerObj .thumb ,#disclaimerObj .thumb .end {
background-image: none; 
background-color: #2290e7;
}


#video_XYposition {
width: 374px;
height: 210px;
}
#center-all{
padding-bottom: 0px;
height: 566px;
width: 755px;
-moz-box-shadow: 0px 0px 85px 10px #979797;    
-webkit-box-shadow: 0px 0px 85px 10px #979797;    
box-shadow: 0px 0px 85px 10px #979797;
}
#makeNav{
width:409px;
top: 304px;
margin-left: 11px;
//background:none;
text-shadow: 1px 1px 2px #252525;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525,strength=3,direction=0),
 progid:DXImageTransform.Microsoft.Shadow(color=#252525,strength=3,direction=90),
 progid:DXImageTransform.Microsoft.Shadow(color=#252525,strength=3,direction=180),
 progid:DXImageTransform.Microsoft.Shadow(color=#252525,strength=3,direction=270);
}
#makeTabs #lefttabedge, 
#makeTabs #righttabedge {
width:14px;
}
#righttabedge  div{display:inline;}

#makeTabs{
margin-top: 2px;
width:409px;
margin-left:0px;
}
#thumbViewport {
margin-top:2px;
margin-left: 20px;
width: 364px;
}

#makeThumbs li {
margin-left:4px;
}

#makeThumbs li  img{
width: 87px;
max-width: 87px;
height: 62px;
margin-bottom: -5px;
max-height: 62px;
}


#maketraySlider{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
#makeNavFooter {
width: 409px;
}

div.vehicleImage {
bottom: -430px;
right: -12px;
}
div.vehicleImage img {
    max-width: 316px;

}


#socialIcons{ 
position:absolute;
top:505px;
z-index:5;
right:14px;
width:100px;
text-align:right;
padding:3px;
margin-right:10px;
}
#socialIcons div{
display:inline;
}


 /* ///// FONTS ///// */
 
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('font/OpenSans/OpenSans-CondLight-webfont.eot');
    src: url('font/OpenSans/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-CondLight-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'font/OpenSans/OpenSansCondensedLightItalic';
    src: url('font/OpenSans/OpenSans-CondLightItalic-webfont.eot');
    src: url('font/OpenSans/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'font/OpenSans/OpenSansCondensedBold';
    src: url('font/OpenSans/OpenSans-CondBold-webfont.eot');
    src: url('font/OpenSans/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-CondBold-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'font/OpenSans/OpenSansLight';
    src: url('font/OpenSans/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('font/OpenSans/OpenSans-LightItalic-webfont.eot');
    src: url('font/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('font/OpenSans/OpenSans-Italic-webfont.eot');
    src: url('font/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-Italic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('font/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('font/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('font/OpenSans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('font/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansBold';
    src: url('font/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('font/OpenSans/OpenSans-BoldItalic-webfont.eot');
    src: url('font/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('font/OpenSans/OpenSans-ExtraBold-webfont.eot');
    src: url('font/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('font/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('font/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('font/OpenSans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('font/OpenSans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
 /* ///// FONTS ///// */

 
 
  .ymm_Special_Special_One .mainnav { top: 328px;}
 
 .ymm_Special_Feature_One .mainnav, .ymm_Special_Feature_Two .mainnav, .ymm_Special_Community_One .mainnav, .ymm_Special_Community_Two .mainnav,
 .ymm_Special_Special_One .mainnav,.ymm_Special_Special_Two .mainnav,.ymm_Special_Used_One .mainnav,.ymm_Special_Used_Two .mainnav,.ymm_Special_Used_Three .mainnav,.ymm_Special_Used_Four .mainnav,.ymm_Special_Used_Five .mainnav, .ymm_Special_Service_One .mainnav,.ymm_Special_Service_Two .mainnav,.ymm_Special_Service_Three .mainnav,
 .ymm_Special_Service_Four .mainnav,.ymm_Special_Service_Five .mainnav,.ymm_Special_Service_Six .mainnav,.ymm_Special_Service_Seven .mainnav,.ymm_Special_Service_Eight .mainnav,.ymm_Special_Service_Nine .mainnav,.ymm_Special_Service_Ten .mainnav,.ymm_Special_Service_Eleven .mainnav,.ymm_Special_Service_Twelve .mainnav ,.ymm_Special_Service_Thirteen .mainnav, .ymm_Special_Service_Fourteen .mainnav,.ymm_Special_Service_Fifteen .mainnav,.ymm_Special_Service_Sixteen .mainnav{ top: 328px;}
 


 
 
/* RESPONSIVE HACKS */


#outer-wrap{
    background-size: cover;
    background-position: center;
    background-image: url("");
}

#center-all{
padding-bottom: 0px;
height: 566px;
width: 755px;
-moz-box-shadow: none;    
-webkit-box-shadow: none;
box-shadow: none;
}

#bgimage {
display:none;
}

#custombgs{
    display:none !important;
}


#makeNav {
background: url("/../mvp/LineUp/assets/pohanka/pohankamenubggrey.jpg");
}

#maincontent div.offer {
    position:relative;
    background:rgba(255, 255, 255, 0.75);
    padding-bottom:20px;
}

div.menuOverride {
margin-top:15px;
position: relative;
top: 0px!important
}

#video_XYposition #video_viewport{
line-height: 0px;
background-color:#000;

}

 .ymm_Special_Service_One .mainnav,
 .ymm_Special_Service_Two .mainnav,
 .ymm_Special_Service_Three .mainnav,
 .ymm_Special_Service_Four .mainnav,
 .ymm_Special_Service_Five .mainnav,
 .ymm_Special_Service_Six .mainnav,
 .ymm_Special_Service_Seven .mainnav,
 .ymm_Special_Service_Eight .mainnav,
 .ymm_Special_Service_Nine .mainnav,
 .ymm_Special_Service_Ten .mainnav,
 .ymm_Special_Service_Eleven .mainnav,
 .ymm_Special_Service_Twelve .mainnav,
 .ymm_Special_Service_Thirteen .mainnav,
 .ymm_Special_Service_Fourteen .mainnav,
 .ymm_Special_Service_Fifteen .mainnav,
 .ymm_Special_Service_Sixteen .mainnav,
 .ymm_Special_Service_Seventeen .mainnav,
 .ymm_Special_Service_Eighteen .mainnav,
 .ymm_Special_Service_Nineteen .mainnav,
 .ymm_Special_Service_Twenty .mainnav,
 .ymm_Service_Special_Twenty .mainnav,
 .ymm_Special_Service_Twenty-One .mainnav,
 .ymm_Special_Service_Twenty-Two .mainnav,
 .ymm_Special_Service_Twenty-Three .mainnav,
 .ymm_Special_Service_Twenty-Four .mainnav,
 .ymm_Special_Service_Twenty-Five .mainnav { margin-top: 0px;}


div.vehicleImage {
    z-index:200;
    top:230px;
    bottom: -473px;
    right:-25px;
    position:absolute;
    text-align:left;
}
 
/* RESPONSIVE HACKS */