
/* GENERAL LAYOUT */

div.gBodyContainer {
    background-image: url(/content/dam/infiniti/about/technology/technology_bg.jpg);
    background-color: #000;
    margin-bottom: 5px;
}

.techDisclaimer {position:absolute;}

#backToPreviousPage {
    height: 25px;
    margin-left: 77px;
}

#backToPreviousPage a{
    height: 18px;
    width: 155px;
    background-image: url(/content/dam/infiniti/about/technology/technology-back.png);
    display: block;
    text-indent: -9999px;
}

#techContainer {
position: relative;
background-repeat: no-repeat;
width: 893px;
min-height: 1540px;
height: auto !important;
height: 1540px;
margin: 18px auto 0 auto;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#techTitle {
height: 75px;
}

#techTitle h2 {
position: absolute;
top: 48px;
left: 77px;
width: 172px;
height: 37px;
background: url(/content/dam/infiniti/about/technology/title.png) top left no-repeat;
text-indent: -9000px;
}

#techTitle p {
position: absolute;
top: 54px;
left: 264px;
width: 535px;
color:#fff;
font-size:11px;
}

#techContentArea {
width: 738px;
height: 417px;
margin: 0 auto;
}

#techContentArea #pca {
width: 712px;
height: 361px;
position: relative;
margin: 13px 12px 0;
}
#techContentArea #pca #pcaLoading {
background: #000000 url(/apps/nna/docroot/img/technology/loading.gif) top left no-repeat;
width: 32px;
height: 32px;
position: absolute;
top:164px;
left: 340px;
display: none;
}

#techContentArea #pcaControls {
height: 44px;
position: relative;
display: none;

}

#techContentArea #pcaControls #pcaExplore {
position: absolute;
top: 6px;
right: 18px;
width: 151px;
height: 26px;
text-indent: -9000px;
background: url(/content/dam/infiniti/about/technology/explore_off.gif) top left no-repeat;
}

#techContentArea #pcaControls #pcaExplore:hover {
background-image: url(/content/dam/infiniti/about/technology/explore_on.gif); 
}

#techContentArea #pcaControls #pcaAvailable {
position: absolute;
top:14px;
left: 12px;
color: #000000;
display: none;
}
#techContentArea #pcaControls #pcaAvailable strong {
float: left;
color: #000000;
}
#techContentArea #pcaControls #pcaAvailable #availableModels {
float: left;
}
#techContentArea #pcaControls #pcaAvailable a {
color: #000000;
padding-left: 4px;
text-decoration: underline;
}

#techContentArea #pcaControls #pcaNavigator {
position: absolute;
width: 186px;
height: 29px;
top: 4px;
right: 13px;
display: none;
}

#techContentArea #pcaControls #pcaNavigator #arrowPrev {
position: absolute;
left: 0;
top: 0;
display: block;
background: url(/content/dam/infiniti/about/technology/arrow_prev_off.jpg) top left no-repeat;
width: 24px;
height: 29px;
text-indent: -9000px;
cursor: pointer;
}
#techContentArea #pcaControls #pcaNavigator #arrowPrev:hover,
#techContentArea #pcaControls #pcaNavigator #arrowPrev.active {
background-image: url(/content/dam/infiniti/about/technology/arrow_prev_on.jpg);
}
#techContentArea #pcaControls #pcaNavigator #arrowNext {
position: absolute;
right: 0;
top: 0;
display: block;
background: url(/content/dam/infiniti/about/technology/arrow_next_off.jpg) top left no-repeat;
width: 24px;
height: 29px;
text-indent: -9000px;
cursor: pointer;
}
#techContentArea #pcaControls #pcaNavigator #arrowNext:hover,
#techContentArea #pcaControls #pcaNavigator #arrowNext.active {
background: url(/content/dam/infiniti/about/technology/arrow_next_on.jpg);
}

#techContentArea #pcaControls #pcaNavigator #scrollBlock {
overflow: hidden;
position: absolute;
left: 29px;
top: 0;
width: 138px;
height: 29px;
text-align: left;
vertical-align: top;
}
#techContentArea #pcaControls #pcaNavigator #prevNext {
overflow: visible;
position: absolute;
left: -129px;
top: 0px;
width: 243px;
height: 29px;
text-align: left;
vertical-align: top;
cursor: pointer;
background: url(/content/dam/infiniti/about/technology/btn_prev_next_off.jpg) top left no-repeat;
}

#techContentArea #pcaControls #pcaNavigator #prevNext:hover,
#techContentArea #pcaControls #pcaNavigator #prevNext.active {
background-image: url(/content/dam/infiniti/about/technology/btn_prev_next_on.jpg);
}

#techCategoryWrapper {
width:762px;
margin: 10px auto 0 auto;
overflow: hidden;
}

#techCategoryWrapper #techCategories {
width: 782px;
}

#techCategories .techCategoryHeader {
border-bottom:1px solid #939AAD;
color:#fff;
font-size:12px;
font-weight:bold;
height:18px;
width:742px;
margin: 0 0 0 10px;
padding: 30px 0 0 0;
clear: both;
}

#techCategories .techItemWrapper {
width: 381px;
height: 124px;
cursor: pointer;
position: relative;
float: left;
}
#techCategories .techItemActive .techItem, #techCategories .techItemHover .techItem{
cursor: pointer;
background: url(/content/dam/infiniti/about/technology/technology_story_bg_on.jpg) top left no-repeat; 
}

/*#techCategories .techItemBgWrapper {
position: absolute;
top: 0;
left: 0;
height: 124px;
width: 381px;
display: none;
}

#techCategories .techItemBgWrapper .techItemBg {
width: 381px;
height: 124px;
background: url(/content/dam/infiniti/about/technology/technology_story_bg_on.jpg) top left no-repeat;
}*/

/*#techContainer.ie-compat #techCategories .techItemBgWrapper .techItemBg {
background: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/dam/infiniti/about/technology/technology_story_bg_on.jpg', sizingMethod='crop');
}*/

#techCategories .techItem {
background: url(/content/dam/infiniti/about/technology/technology_story_bg.jpg) top left no-repeat; 
height: 108px;
padding: 0 20px 0 0;
margin: 9px 8px 8px 8px;
position: relative;

}
/*#techContainer.ie-compat #techCategories .techItem {
background: none !important;
/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/apps/nna/docroot/img/technology/story_bg.png', sizingMethod='crop');
}*/

#techCategories .techItem img {
float: left;
width: 121px;
height: 79px;
padding: 10px 0 0 9px;
}

#techCategories .techItem h4 {
color: #000000;
font-size: 10px;
font-weight: bold;
padding: 12px 8px 0 142px;
}

#techCategories .techItem p {
color: #000000;
font-size: 10px;
padding: 5px 8px 0 142px;
}

/* HTML stories */
#pcaContainer img.pcaBg {
position: absolute;
top: 0;
left: 0;
height: 360px;
width: 712px;
}

#pcaContainer .pcaTextContainer a {
color: #FFFFFF;
font-weight:bold;
}

#pcaContainer .pcaTextContainer p {
color: #FFFFFF;
}

#pcaContainer.pca-bluetooth .pcaTitle {
position:absolute;
top:23px;
left:34px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

#pcaContainer.pca-bluetooth .pcaTextContainer {
position:absolute;
top:60px;
left:34px;
width:280px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

#pcaContainer.pca-bluetooth .pcaText1 {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
width:230px;
}

#pcaContainer.pca-bluetooth .pcaText2 {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
width:280px;
}

#pcaContainer.pca-ipod .pcaTitle {
position: absolute;
top: 28px;
left: 90px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

#pcaContainer.pca-ipod .pcaTextContainer {
position: absolute;
top: 28px;
left: 306px;
width: 380px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

.infinititechnology {
    z-index: 10;
    position: relative;
}

#disclaimers {
    background-color:#000000;
    border-color:#333333;
    border-style:solid;
    border-width:3px 11px 5px;
    font-family:Verdana;
    font-size:11px;
    line-height:1.5;
    min-height:200px !important;
    padding:7px 20px 7px 7px;
    text-align:left;
    display:none;
}

.ui-dialog p {color: #fff;}

/* CMS styles */
.TechnologyTeasers div.cq-editbar-placeholder {clear: both !important;}
.technologyheader .new {clear: both !important;}
.mainPar {position: relative !important;}
.mainPar>div.cq-editbar-placeholder {position: absolute !important; top: -17px !important;}
#regionalNavData>div.cq-editbar-placeholder {position: absolute !important; top: 25px !important;}


