/* CSS Job Information * Name: DMACK Tyres 2014 * Stylesheet URI: http://dmacktyres.com/bootstrap/css/custom.css * * DMACK Tyres 2014 */ /**/ /* Reset styles (overrides bootstrap defaults) -------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /**/ /* General Bootstrap 3.0 template customisations -------------------------------------------------- */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding:0} BODY {font-family:helvetica, arial, sans-serif} #headLineWrapper { margin-top: 6.62500em; } /**/ /* Sticky footer styles -------------------------------------------------- */ html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height */ margin-bottom: 180px; } #footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 180px; background-color: #f5f5f5; } /**/ /* Custom styles -------------------------------------------------- */ /*GENERIC*/ BODY A, BODY A:link, BODY A:hover, BODY A:visited, BODY A:active {color:#32312F; text-decoration:none} BODY A:HOVER {color:#CC0000} BODY {background-image:url("https://dmacktires.com/assets/images-tpl/main_bg.jpg"); background-attachment:fixed} BODY A.on {background-color:#000; color:#FFF} /*.container {background-color:#FFF}*/ .container {max-width:940px; padding:0} .row {padding:0; margin:0} #headLineWrapper {margin-top:0} h1#headLine {position:absolute; display:none} .container.containerZoneH {margin-top:180px} .product .container.containerZoneH {margin-top:230px} #footer {border-top:20px solid #CC0000} P STRONG {font-weight:bold} /* FONT SIZES */ H1 {font-size:1.87500em; line-height:2.00000} H2 {font-size:1.12500em; line-height:2.22222} H3 {font-size:0.75000em; line-height:1.66667} P, A.readMore {font-size:0.75000em; line-height:1.66667} H3 A {font-size:100%!important} P {margin-bottom:20px} /* IMAGE CAPTIONS */ .imgTooltip, .imgTooltip SPAN {display:block} /*SITEMAP AUTOMENU*/ BODY.sitemap UL.autoMenuList LI {border-bottom:1px solid #CCC} BODY.sitemap UL.autoMenuList LI SPAN {padding:10px; display:inline-block} BODY.sitemap UL.autoMenuList {background-color:#FFF} /* HEADER */ /* breadcrumbs */ #breadCrumbsWrapper {display:none} .productCat #breadCrumbsWrapper, .product #breadCrumbsWrapper {display:block; margin-bottom:20px} .product #breadCrumbsWrapper {position:absolute; top:11.3em; left:50%; margin-left:-470px} .productCat #breadCrumbsWrapper li#crumb1, .product #breadCrumbsWrapper li#crumb1 {display:none} .productCat #breadCrumbsWrapper UL#breadCrumbs LI#crumb2, .product #breadCrumbsWrapper UL#breadCrumbs LI#crumb2 {margin-left:0} .productCat #breadCrumbsWrapper UL#breadCrumbs LI#crumb2 A, .productCat #breadCrumbsWrapper UL#breadCrumbs LI#crumb2 SPAN, .product #breadCrumbsWrapper UL#breadCrumbs LI#crumb2 A, .product #breadCrumbsWrapper UL#breadCrumbs LI#crumb2 SPAN {padding-left:10px} /* logo */ IMG.imgHeaderLogo {top:108px; z-index:1} /* nav */ .navbar {display:none} #navStripBg {background-color:#FFF; position:absolute; left:0; top:80px; width:100%; height:80px} .fm_42, .fm_43 {position:absolute; left:50%; z-index:1} .fm_42 {width:940px; margin-left:-470px; top:80px; height:80px} .fm_43 {width:940px; margin-left:-470px; top:40px} .fm_42 UL.flexiMenuList {float:right; margin-top:30px} .fm_43 UL.flexiMenuList {float:right} .fm_42 UL.flexiMenuList LI, .fm_43 UL.flexiMenuList LI {display:inline-block} .fm_42 UL.flexiMenuList LI A, .fm_43 UL.flexiMenuList LI A {text-decoration:none; font-weight:bold} .fm_42 UL.flexiMenuList LI {font-size:0.87500em; line-height:1em} .fm_43 UL.flexiMenuList LI {font-size:0.75000em; line-height:1.66667em} .fm_42 {background-color:#FFF} .fm_42 LI A {background-color:#CCC; color:#FFF} .fm_42 LI {margin-right:20px} .fm_42 LI:last-child {margin-right:0} .fm_42 LI:nth-child(2) {margin-right:0px} /* Part of hack for teams dropdown */ .fm_42 UL.flexiMenuList LI {display:inline-block; padding:0; float:left; height:40px} .fm_42 UL.flexiMenuList LI A {text-decoration:none; text-transform:uppercase; display:block; width:120px; text-align:center; line-height:30px} .fm_42 UL.flexiMenuList LI A.on {background-color:#CC0000} .fm_42 UL.flexiMenuList LI A:HOVER {background-color:#CC0000} .fm_43 UL.flexiMenuList LI A {color:#000} .fm_43 UL.flexiMenuList LI {display:inline-block; line-height:20px; float:left} .fm_43 UL.flexiMenuList LI A {text-decoration:none; text-transform:uppercase; display:block} .fm_43 UL.flexiMenuList LI A.on, .fm_43 UL.flexiMenuList LI A:HOVER {color:#CC0000} .fm_43 UL.flexiMenuList LI {background-color:#FFF; margin-right:10px} .fm_43 UL.flexiMenuList LI:last-child {margin-right:0} .fm_43 UL.flexiMenuList LI A {background-position:center center; background-repeat:no-repeat; min-width:20px; line-height:40px} .fm_43 UL.flexiMenuList LI A.Nd417 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_yt.png")} .fm_43 UL.flexiMenuList LI A.Nd418 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_fb.png")} .fm_43 UL.flexiMenuList LI A.Nd419 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tw.png")} .fm_43 UL.flexiMenuList LI A.Nd417:HOVER {background-image:url("https://dmacktires.com/assets/images-tpl/icon_yt_on.png")} .fm_43 UL.flexiMenuList LI A.Nd418:HOVER {background-image:url("https://dmacktires.com/assets/images-tpl/icon_fb_on.png")} .fm_43 UL.flexiMenuList LI A.Nd419:HOVER {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tw_on.png")} .fm_43 UL.flexiMenuList LI A.Nd384 {padding-left:10px; padding-right:10px} .fm_43 UL.flexiMenuList LI A.Nd417, .fm_43 UL.flexiMenuList LI A.Nd418, .fm_43 UL.flexiMenuList LI A.Nd419 {text-indent:-999px; width:40px; overflow:hidden} /* FOOTER */ #footer .footnoteLinksWrapper {text-align:right; text-transform:uppercase} #footer .footnoteLinksWrapper A {margin-left:3px} /*#footer .footnoteLinksWrapper A {border-right:1px solid; padding-right:3px} #footer .footnoteLinksWrapper A:last-child {border:0}*/ #footer .container .row {margin-top:20px} #footer #copyright {margin-top:10px} /* CUSTOM TITLES */ BODY.body-411 h1#headLine, BODY.basicLayout h1#headLine, BODY.body-412 h1#headLine, BODY.body-367 h1#headLine, BODY.productCat h1#headLine, BODY.productCats .productBlock H2, BODY.productCat .productBlock H2, BODY.body-507 .productBlock H2, BODY.product h1#headLine, .aboutUsTitle H2, .meetTheTeam H2, .productTable H2, .galleryInst H2, #tyreBlocksTitle H2, #homeLinkBlocks H2, #socialTabsWrap H2, .newsWrapHome H2, .wrapperVid H2, .autoMenu H3, .newsGroupPage H2, .newsItemPage .articleWrap .articleTime {background-color:#CC0000; display:inline-block; color:#FFF; text-transform:uppercase; padding-left:20px; padding-right:20px; font-weight:bold} BODY.body-411 h1#headLine, BODY.basicLayout h1#headLine, BODY.body-412 h1#headLine, BODY.body-367 h1#headLine, BODY.productCat h1#headLine, BODY.product h1#headLine, .autoMenu H3, .newsItemPage .articleWrap .articleTime {font-size:1.12500em; line-height:2.22222; margin-bottom:0} BODY.body-411 h1#headLine, BODY.basicLayout h1#headLine, BODY.body-412 h1#headLine, BODY.body-367 h1#headLine {top:10.1750em} BODY.productCat h1#headLine, BODY.product h1#headLine {top:12.7em} /* ARTICLES */ .aboutUs .articleImg img {width:100%} .aboutUs {margin-right:25px} .aboutUs, .teamMember {background-color:#FFF} .aboutUs, .teamMember {padding:25px} .teamMember IMG {width:95px; height:95px; float:right; margin-top:-55px} .teamMember .itemImage {float:right} .teamMember H2, .teamMember H3, .teamMember .article P {float:left; width:70%} .teamMember {overflow:auto} /* MODULES */ .autoMenu UL LI {font-size:0.87500em; line-height:1.42857; margin-top:10px} .autoMenu UL LI {background-color:#FFF} .autoMenu UL LI A {padding:10px; display:block} #zoneB04 .autoMenu {margin-left:20px} /* CUSTOMISATIONS */ /* home page */ #tyreBlocks>DIV, #homeLinkBlocks .block {background-repeat:no-repeat; background-position:center center} #tyreBlocks, #homeLinkBlocks A{background-color:#FFF} #tyreBlocks .block1 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tyre_motorsport_gravel.jpg"); background-position:-5px center} #tyreBlocks .block2 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tyre_motorsport_asphalt.jpg"); background-position:-5px center} #tyreBlocks .block3 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tyre_motorsport_winter.jpg"); background-position:-5px center} #tyreBlocks .block4 {background-image:url("https://dmacktires.com/assets/images-tpl/icon_tyre_motorsport_raid.jpg")} #homeLinkBlocks .block1 {background-image:url("https://dmacktires.com/assets/images-tpl/home_downloads.png")} #homeLinkBlocks .block2 {background-image:url("https://dmacktires.com/assets/images-tpl/home_dealers.png")} #homeLinkBlocks .block3 {background-image:url("https://dmacktires.com/assets/images-tpl/home_trophy.png")} #homeLinkBlocks .block4 {background-image:url("https://dmacktires.com/assets/images-tpl/home_subaru_usa.png"); background-position:right center} #tyreBlocks>DIV:nth-child(1) DIV {margin-right:20px} #tyreBlocks>DIV:nth-child(2) DIV {margin-right:20px} #tyreBlocks>DIV:nth-child(3) DIV {margin-right:20px} #tyreBlocks>DIV:nth-child(4) DIV {margin-right:0px} #homeLinkBlocks A.block {margin-right:20px; display:block} #homeLinkBlocks DIV:last-child .block {margin-right:0px} #tyreBlocks>DIV>A {height:220px; margin-top:0; display:block; float:left; width:100%} #homeLinkBlocks>A {height:260px} #tyreBlocks>DIV>A>DIV {margin-top:180px; height:40px} #homeLinkBlocks DIV>A>DIV {margin-top:180px} #tyreBlocks DIV>A>DIV, BODY.productCats .productBlock.hoverInfo>A>DIV {background-color:rgba(1,2,3,0.75); color:#FFF;} #homeLinkBlocks DIV>A>DIV {background-color:rgba(1,2,3,0.75); color:#FFF; height:40px} #tyreBlocks DIV>H3, #homeLinkBlocks DIV>H3, BODY.productCats .productBlock.hoverInfo H3 {padding-left:10px; font-weight:bold; text-transform:uppercase; line-height:40px} #tyreBlocks P, #homeLinkBlocks P, BODY.productCats .productBlock.hoverInfo P {padding-left:10px} #tyreBlocks, #homeLinkBlocks .block/*, BODY.productCats .productBlock.hoverInfo A*/ {border-top:10px solid #CC0000} {border-top:10px solid #CC0000} #tyreBlocks {margin-bottom:20px} /* PAGE BASE SPACING */ #zoneB02 {margin-bottom:30px} /* ADDITIONAL SPACING TWEAKS */ .body-199 #tyreBlocksTitle {margin-top:20px} /* news gallery */ .newsWrapHome {margin-bottom:20px} /* RSS feed */ .rssLinkWrap {float:right; margin-right:20px} .rssLinkWrap A {background:url(https://dmacktires.com/img/feed-icon-28x28.png) left center no-repeat; margin-top:5px; color:transparent!important; font-size:12px; line-height:28px; display:block; text-align:right; width:28px} .newsWrapHome .rssLinkWrap {display:none} .sitemap .rssLinkWrap {float:left} .sitemap .rssLinkWrap A {color:inherit!important; width:56px} /* social media widget */ #socialTabsWrap {margin-right:10px} #socialTabsWrap .myTabs {float:right; margin-top:-40px} #socialTabsWrap .myTabs A {display:inline-block; width:40px; height:40px; margin-left:0; background-color:grey} #socialTabsWrap .myTabs A.active {background-color:#FFF} #socialTabsWrap .myTabs A {background-position:center center; background-repeat:no-repeat} #socialTabsWrap .myTabs A#tw {background-image:url(https://dmacktires.com/assets/images-tpl/smb_tw.png)} #socialTabsWrap .myTabs A#tw:HOVER, #socialTabsWrap .myTabs A#fb:HOVER {background-color:#EEE} #socialTabsWrap .myTabs A#tw.active:HOVER, #socialTabsWrap .myTabs A#fb.active:HOVER {background-color:#FFF} #socialTabsWrap .myTabs A#tw:HOVER, #socialTabsWrap .myTabs A#tw.active {background-image:url(https://dmacktires.com/assets/images-tpl/smb_tw_over.png)} #socialTabsWrap .myTabs A#fb {background-image:url(https://dmacktires.com/assets/images-tpl/smb_fb.png)} #socialTabsWrap .myTabs A#fb:HOVER, #socialTabsWrap .myTabs A#fb.active {background-image:url(https://dmacktires.com/assets/images-tpl/smb_fb_over.png)} .myTabContent {background-color:#FFF} IFRAME#fbWidget {width:100%; height:248px; overflow:hidden} .myTabContent1 {width:100%; height:250px; overflow-y:scroll} #socialTabsWrap .twtrWidgetInner {padding:0 5px} /* news page social tabs */ .newsGroupPage #socialTabsWrap .twtrWidget, .newsGroupPage .fbWidget, .newsGroupPage .fbWidget IFRAME{height:625px!important} /* news feed module - thumb and title */ /*.newsItem {background-color:#FFF} .newsItem {overflow:auto; margin-bottom:20px; padding:20px} .newsItem H3 {font-weight:bold; font-size:18px} .newsItem H6 {font-size:10px; margin-bottom:10px} .newsItem>A.readMore {}*/ /* news feed module - thumb and full text*/ .newsItem {background-color:#FFF; margin-right:20px} .newsItem {overflow:auto; margin-bottom:20px; padding:20px} .newsItem H3 {font-weight:bold; font-size:18px; margin-bottom:10px} .newsItem H6 {font-size:10px; margin-bottom:10px} .newsItem .itemImage {float:left; width:30%} .newsItem .itemImage IMG {width:100%; height:auto} .newsItem H3, .newsItem .newsArticle, .newsItem>A.readMore {float:right; width:65%} .newsItem .date {display:block; font-weight:normal; font-size:12px; line-height:35px} /*pages with white background for zoneB02 and h1 header*/ BODY.basicLayout #zoneB02, BODY.body-412 #zoneB02 {background-color:#FFF; margin-top:40px; margin-bottom:20px} BODY.body-367 .containerZoneB {background-color:#FFF; margin-top:40px} #Ly1col_02 #zoneB02 {padding:20px} /*label ratings page customisations*/ BODY.body-412 .articleBlock {padding:30px 30px 0 30px; overflow:auto} BODY.body-412 .articleIntro P:nth-child(1) {font-size:18px; line-height:25px; float:left; width:68%} BODY.body-412 .articleIntro P:nth-child(2) {float:right; width:30%} BODY.body-412 .articleIntro IMG {float:right} BODY.body-412 #zoneB02 H3 {font-weight:bold} BODY.body-412 #zoneB02 UL, BODY.body-412 #zoneB02 OL {font-size:12px; line-height:20px; margin-left:30px} BODY.body-412 #zoneB02 P+UL, BODY.body-412 #zoneB02 P+OL {margin-top:-10px; margin-bottom:20px} BODY.body-412 #zoneB02 P+OL {list-style-type:decimal} BODY.body-412 P.rating {text-align:right; width:15%} BODY.body-412 H2, BODY.body-412 .ratingTxt {float:right; width:82%} /*contact page*/ BODY.body-367 #zoneB02 DIV {} BODY.body-367 #zoneB02 {padding:20px} BODY.body-367 #zoneB02 FIELDSET {font-size:12px; margin-left:20px} BODY.body-367 #zoneB02 FIELDSET LABEL {text-align:left} BODY.body-367 #zoneB02 FIELDSET LEGEND {display:none} BODY.body-367 #zoneB02 button#singlebutton.btn.btn-info {background-color:#CCC; border-radius:0; border:0} BODY.body-367 #zoneB02 button#singlebutton.btn.btn-info:HOVER {background-color:#CC0000} BODY.body-367 #zoneB04 {margin-right:20px; padding-top:20px} /*teams page*/ BODY.body-507 #zoneB02 {padding:0!important} BODY.body-507 #zoneB02 .article H2 {background:none; padding:0; color:#333333; text-align:center} BODY.body-507 #zoneB02 .article UL LI strong {font-weight:bold} BODY.body-507 #zoneB02 .productBlock .row .col-sm-6:nth-child(2) .row .col-sm-6:first-child{margin-top:30px} BODY.body-507 div.articleWrap > div.article > div.row > div.col-sm-6:nth-child(2) {padding:0px 20px 0px 0px} BODY.body-507 div.driver.driverJacquesJulienRenucci > div.articleWrap > div.article > div.row > div.col-sm-6 {padding:0px} BODY.body-507 .itemImage {text-align:center} a.Nd507 {display:none!important;} /* to switch team page dropdown off, couldnt do it in admin */ /* teams page navigation dropdown hack */ .fm_42 LI:nth-child(2){ position:absolute; top:60px; left:50%; margin-left:-210px; z-index:10000; display:none!important; } /*.fm_42 LI:nth-child(2) A {background:none!important}*/ .fm_42 LI {height:30px!important} .fm_42 LI:nth-child(2) {border-top:1px solid #FFF} /*.fm_42 LI:nth-child(2):HOVER + LI:nth-child(1) {background:#000!important}*/ .fm_42 LI:nth-child(1):HOVER + LI:nth-child(2) {display:block!important} .fm_42 LI:nth-child(1):HOVER + LI:nth-child(2) > A {background:#ccc!important} .fm_42 LI:nth-child(2):HOVER {display:block!important} /*downloads page*/ .download {width:50%; height: 300px; float:left; overflow:auto} .download IMG {float:left} .download SELECT {margin-left:10px} /* news pages */ UL.newsLatest LI {background-color:#FFF; margin-bottom:10px; overflow:auto} UL.newsLatest LI .itemImage {float:left; width:20%} UL.newsLatest LI .itemImage IMG {float:left; width:100%; height:auto} UL.newsLatest LI A {float:right; display:block; width:80%; padding:20px; height:90px} .newsItemPage .article {background-color:#FFF; padding-top:20px; padding-bottom:20px} .newsItemPage .containerZoneB .row {/*background-color:#FFF*/} .newsItemPage .articleWrap H2 {padding:0 10px} .newsItemPage .articleWrap .itemImage IMG {width:100%; height:auto; float:left} .newsItemPage .articleWrap H2 {color:#FFF; background-color:#000} /* product cat pages */ BODY.productCat #zoneA_wrapper {margin-top:38px} BODY.productCat #zoneA_wrapper {background-color:#FFF} BODY.productCat #zoneA_wrapper .galleries {float:right; margin:20px} BODY.productCat #zoneA_wrapper #zoneA01 .tyreIntro {padding:20px 40px 20px 20px} BODY.productCats .productBlock H2, BODY.productCat .productBlock H2 {margin-top:20px} BODY.body-507 .productBlock {margin-bottom:20px} BODY.productCats .productBlock A, BODY.productCats .productBlock A SPAN, BODY.productCat .productBlock A, BODY.productCat .productBlock A SPAN, .productBlock .inner {display:block} BODY.productCats .productBlock A SPAN, BODY.productCat .productBlock A SPAN {width:60%} BODY.productCats .productBlock A SPAN, .productBlock .inner {padding:20px 20px 20px 20px} BODY.productCat .productBlock A SPAN {padding:120px 20px 20px 20px} BODY.productCats .productBlock A {height:250px} BODY.productCat .productBlock A {height:300px} BODY.productCats .productBlock A, BODY.productCat .productBlock A, .productBlock .inner {background-color:#FFF; font-size:14px; line-height:20px} BODY.productCat #zoneB02 .btnLarge, BODY.productCat #zoneB02 .productBlock, BODY.product #zoneA01 .btnLarge {margin-left:20px; margin-right:10px} BODY.productCat #zoneB04 .btnLarge, BODY.productCat #zoneB04 .productBlock, BODY.product #zoneA02 .btnLarge {margin-left:10px; margin-right:20px} BODY.productCats .productBlockMs A {background:url("https://dmacktires.com/assets/images-tpl/icon_tyre_motorsport.jpg") #FFF right bottom no-repeat} BODY.productCats .productBlockTd A {background:url("https://dmacktires.com/assets/images-tpl/icon_tyre_trackday.jpg") #FFF right bottom no-repeat} BODY.productCats .productBlockRt A {background:url("https://dmacktires.com/assets/images-tpl/icon_tyre_road.jpg") #FFF right bottom no-repeat} BODY.productCats .productBlockTr A {background:url("https://dmacktires.com/assets/images-tpl/icon_tyre_truck.jpg") #FFF right bottom no-repeat} BODY.productCats .productBlockIt A {background:url("https://dmacktires.com/assets/images-tpl/icon_tyre_industrial.jpg") #FFF right bottom no-repeat} BODY.productCats .productBlockDownloads A {background:url("https://dmacktires.com/assets/images-tpl/home_downloads.png") #FFF right top no-repeat; background-size:100%;} BODY.productCats .productBlock.hoverInfo>A>DIV * {font-size:14px} BODY.productCats .productBlock.hoverInfo>A {height:250px} BODY.productCats .productBlock.hoverInfo>A>DIV {margin-top:150px} BODY.productCats .productBlock.hoverInfo>A>DIV P {display:none} BODY.productCats .productBlock.hoverInfo:HOVER>A DIV {margin-top:100px; height:90px} BODY.productCats .productBlock.hoverInfo:HOVER>A DIV P {display:block} /*2 column productCats productBlocks*/ BODY.productCats .productBlock {width:49%; float:left} BODY.productCats .productBlock:nth-child(odd) {margin-right:1%} BODY.productCats .productBlock:nth-child(even) {margin-left:1%} /* BODY.productCats .productBlockMs A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport_-_gravel_-_dmg_2.jpg") #FFF right center no-repeat} BODY.productCats .productBlockTd A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport_-_gravel_-_dmg_2.jpg") #FFF right center no-repeat} BODY.productCats .productBlockRt A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport_-_gravel_-_dmg_2.jpg") #FFF right center no-repeat} BODY.productCats .productBlockTr A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport_-_gravel_-_dmg_2.jpg") #FFF right center no-repeat} BODY.productCats .productBlockIt A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport_-_gravel_-_dmg_2.jpg") #FFF right center no-repeat} */ /*Motorsport category*/ BODY.productCat #productBlockMs1 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport-gravel-dmg_22.jpg") #FFF right center no-repeat} BODY.productCat #productBlockMs2 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport-asphalt-dmt-rc22.jpg") #FFF right center no-repeat} BODY.productCat #productBlockMs3 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport-winter-dmt-ice2-studded.jpg") #FFF right center no-repeat} BODY.productCat #productBlockMs4 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/motorsport-rally-raid-raid-surfer.jpg") #FFF right center no-repeat} /*Road category*/ BODY.productCat #productBlockRt3 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/roadkinetics.jpg") #FFF right center no-repeat} BODY.productCat #productBlockRt2 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/roadecoxtra.jpg") #FFF right center no-repeat} BODY.productCat #productBlockRt4 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/roadwintersafe.jpg") #FFF right center no-repeat} BODY.productCat #productBlockRt5 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/roadterrenomt.jpg") #FFF right center no-repeat} BODY.productCat #productBlockRt1 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/roaddistance.jpg") #FFF right center no-repeat} /*Truck category*/ BODY.productCat .productBlock.productBlockTruck A SPAN {padding-top:20px} BODY.productCat #productBlockTruck1 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/truck_-_drive_-_xr288.jpg") #FFF right center no-repeat} BODY.productCat #productBlockTruck2 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/truck_-_steer_-_xr266.jpg") #FFF right center no-repeat} BODY.productCat #productBlockTruck3 A {background:url("https://dmacktires.com/uploads/image_directories/tyre_categories/med/truck_-_trailer_-_gr200.jpg") #FFF right center no-repeat} .productCat .nivo-prevNav, .productCat .nivo-nextNav {width:30px; height:30px; color:transparent} .productCat .nivo-prevNav:HOVER, .productCat .nivo-nextNav:HOVER {color:transparent} .productCat .nivo-prevNav {background-image: url("https://dmacktires.com/assets/images-tpl/prev_over.png"); background-repeat:no-repeat; background-position: right center} .productCat .nivo-prevNav:HOVER {background-image: url("https://dmacktires.com/assets/images-tpl/prev_down.png"); background-repeat:no-repeat; background-position: right center} .productCat .nivo-nextNav {background-image: url("https://dmacktires.com/assets/images-tpl/next_over.png"); background-repeat:no-repeat; background-position: left center} .productCat .nivo-nextNav:HOVER {background-image: url("https://dmacktires.com/assets/images-tpl/next_down.png"); background-repeat:no-repeat; background-position: left center} .productCat .nivo-caption {display:none!important} /*media pages*/ .mediaMenu li A {text-indent:270px; line-height:150px} .mediaMenu li A.Nd408 {background:url("https://dmacktires.com/uploads/image_directories/dmack_main_gallery/thu/motorsport_tyres_lightbox_1.jpg") 20px center no-repeat} .mediaMenu li A.Nd409 {background:url("https://dmacktires.com/uploads/image_directories/dmack_main_gallery/thu/motorsport_tyres_lightbox_2.JPG") 20px center no-repeat} .mediaMenuTabs LI {display:inline-block; float:left; margin-right:10px} .mediaMenuTabs LI A {background-color:#CCC; color:#FFF; text-transform:uppercase; padding-left:20px; padding-right:20px; font-weight:bold} .mediaMenuTabs LI A.on, .mediaMenuTabs LI A:HOVER {background-color:#CC0000} BODY#Ly1col_07 #zoneB02 {padding:20px; background-color:#FFF} /* product pages */ BODY.product #zoneH_wrapper {margin-top:38px} BODY.product #zoneH_wrapper {background-color:#FFF} BODY.product #zoneB02 {margin-top:30px} BODY.product .productIntro {width:40%; float:left; padding:20px} BODY.product .productIntro P {font-size:14px} BODY.productCat .productIntroImage, BODY.product .productIntroImage {float:right; margin-top:50px} BODY.productCat .productIntroImage.productIntroImagePhoto, BODY.product .productIntroImage.productIntroImagePhoto {margin:20px} BODY.product .productIntro H3 {font-weight:bold; margin-bottom:10px} BODY.product .productIntroImage+.imgTooltip {position:absolute; left:440px; margin-top:15px} BODY.product .tableWrap {padding:20px} BODY.product .tableWrap {margin-bottom:10px} BODY.product .tableWrap {background-color:#FFF; overflow:auto} BODY.product .tableWrap .tableDesc, BODY.product .tableWrap TABLE {float:left; width:70%} BODY.product .tableWrap .tableImg {float:right; width:30%} BODY.product .tableWrap .tableImg IMG {width:100%!important; height:auto!important} BODY.product .tableWrap TABLE {font-size:12px; line-height:15px} BODY.product .tableWrap TABLE TR TH {font-weight:bold; background-color:#CC0000; color:#FFF} BODY.product .tableWrap TABLE TR:nth-child(odd) TD {background-color:#CCC} BODY.product .tableWrap TABLE TR TH, BODY.product .tableWrap TABLE TR TD {padding:5px; text-align:center; border-right:2px solid #FFF} BODY.product .tableWrap .itemImage {margin-right:-20px; margin-bottom:-20px; margin-top:-20px} BODY.product .tableDesc H3 {font-size:21px} .productIntro UL LI {list-style-type:disc; list-style-position:outside; font-size:14px; line-height:20px; margin-left:15px; margin-bottom:10px} .productIntro STRONG {font-weight:bold} .productIntro P.highlight {font-size:14px; line-height:20px} .productIntro UL+P {margin-top:20px} /*product page: kinetic S*/ .productIntroImage.kineticS {margin-right:20px} /*product page: Eco Xtra*/ .productIntroImage.ecoXtra {margin-right:20px; margin-top:20px!important} /*product page: Winter*/ .productIntroImage.winter {margin:20px!important} /* dealers page */ .body-411 #zoneB02 {padding:0!important} .body-411 .tableDealers {padding:20px; background-color:#FFF; margin-top:40px; width:100%} .body-411 .tableDealers {font-size:12px; line-height:15px} .body-411 .tableDealers table th {font-weight:bold; color:#CC0000; font-size:14px} .body-411 .tableDealers table tr th, .body-411 .tableDealers table tr td {border-bottom:1px solid #ccc; padding:10px 5px} .body-411 .tableDealers table tr:last-child td {border:0} .body-411 .tableDealers table tr td:first-child {font-weight:bold} .body-411 .tableDealers table tr td:first-child {width:20%} .body-411 .tableDealers table tr td:nth-child(4) {width:15%} .body-411 .tableDealers table tr td:last-child {width:25%} /* ELEMENTS */ BODY.product .btnLarge, BODY.productCat .btnLarge {background:url(https://dmacktires.com/assets/images-tpl/button_grad.gif) #CCC 0 0 repeat-x; height:80px} BODY.product .btnLarge A, BODY.productCat .btnLarge A {padding-left:100px; padding-top:25px; padding-bottom:30px; display:block; color:#FFF; font-weight:bold; text-transform:uppercase} BODY.product .pdf.btnLarge A, BODY.productCat .pdf.btnLarge A {background:url(https://dmacktires.com/assets/images-tpl/download_icon.png) 30px 12px no-repeat} BODY.product .btnLarge.findDealer A, BODY.productCat .btnLarge.findDealer A {background:url(https://dmacktires.com/assets/images-tpl/dealer_icon.png) 30px 12px no-repeat} BODY.product .pdf.btnLarge A:HOVER, BODY.productCat .pdf.btnLarge A:HOVER {background-image:url(https://dmacktires.com/assets/images-tpl/download_icon_rollover.png); color:#CC0000} BODY.product .btnLarge.findDealer A:HOVER, BODY.productCat .btnLarge.findDealer A:HOVER {background-image:url(https://dmacktires.com/assets/images-tpl/dealer_icon_rollover.png); color:#CC0000} /**/ /* MEDIA SLIDE GALLERY -------------------------------------------------- */ SPAN.imgTitle {font-weight:bold; margin-right:5px} .ui-widget-mediaslide-thumb-caption, .ui-widget-mediaslide-bottom-controls-media-title {background-color:#FFF; color:#333; width:100%} .ui-widget-mediaslide-thumb-caption SPAN, .ui-widget-mediaslide-bottom-controls-media-title SPAN {display:inline-block; font-size:11px; line-height:15px} small>span {} .ui-widget-mediaslide-thumb-img {width:100%; /*outline:6px solid #FFF; outline-offset:-6px*/} .ui-widget-mediaslide-thumb-img {opacity:0.5} .ui-widget-mediaslide-thumb-img:HOVER {opacity:0.75} .ui-widget-mediaslide-thumb-div.on .ui-widget-mediaslide-thumb-img {opacity:1} .ui-widget-mediaslide-main-picture-div {width:900px!important; background:#FFF} .ui-widget-mediaslide-thumb-caption.cap {display:none!important} .ui-widget-mediaslide-thumb-caption.cap.on {display:block!important} .ui-widget-mediaslide-thumb-caption {float:right; clear:both; width:220px!important} .ui-widget-mediaslide-thumb-caption {height:340px} .ui-widget-mediaslide-thumb-caption SPAN {padding:5px 10px; display:block} .ui-widget-mediaslide-thumb-div.on .ui-widget-mediaslide-thumb-caption {display:block!important} #mediaSlidePrevNext {float:right; clear:both; width:227px} #mediaSlidePrevNext A {width:26px; height:26px} #mediaSlidePrevNext A.prev {float:left; margin-left:15px; background:url("https://dmacktires.com/assets/images-tpl/prev_over.png") left center no-repeat} #mediaSlidePrevNext A.next {float:right; margin-right:0; background:url("https://dmacktires.com/assets/images-tpl/next_over.png") left center no-repeat} #mediaSlidePrevNext A.prev:HOVER {background:url("https://dmacktires.com/assets/images-tpl/prev_down.png") left center no-repeat} #mediaSlidePrevNext A.next:HOVER {background:url("https://dmacktires.com/assets/images-tpl/next_down.png") left center no-repeat} #mediaSlidePrevNext A:FOCUS {border:none; outline:0} /*fix to prevent space below images - may need to remove to enable img captions */ .ui-widget-mediaslide-thumb-div img {float:left; height:150px!important} /*video customisation for dmack*/ #myV {position:absolute; top:0; left:0; z-index:99999} /* MEDIA SLIDE WIDE VERSION - NO CAP OVERRIDES */ #mediaSlidePrevNext {float:right; clear:both; width:900px} #mediaSlidePrevNext {width:900px; z-index:99999999; position:absolute; margin-top:300px} #mediaSlidePrevNext A.next {margin-right:15px} .ui-widget-mediaslide-thumb-caption.cap.on {display:none!important} .mediaSlideWrap .ui-widget-mediaslide-main-picture-div .ui-widget-mediaslide-pictureframe {/*background-color:red!important;*/ width:900px; height:auto} .ui-widget-mediaslide-active-img {width:100%; height:auto} .ui-widget-mediaslide-active-img:hover {cursor:default} .body-409 .ui-widget-mediaslide-active-img:hover {cursor:pointer} /*video*/ /**/ /* GMAPS -------------------------------------------------- */ #map {height: 300px;} /**/ /* PIKACHOOSE GALLERY -------------------------------------------------- */ /* Style the thumbnails */ .pika-thumbs li {cursor: pointer;} .pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden; background-color:#FFF} .pika-thumbs li P {color:#FFF; margin-top:-50px; height:50px; width:100%; z-index:999; position:absolute} .pika-thumbs li P SPAN {display:block; padding:5px} /* The stage is the wrapper. The image fills 100% the height of the stage */ .pika-stage, .pika-textnav {width: 100%;} .pika-stage {position: relative} .pika-stage img{height:100%;} .pika-stage .caption {position: absolute; font-size: 11px; color: #FFF; padding: 0; bottom: 0; height:100px} .pika-stage .caption SPAN.captInner {font-size:20px; line-height:40px; padding:10px 20px 0 20px; display:block} .pika-stage .caption SPAN.fullText P, .pika-stage .caption SPAN.fullText A {font-size:14px; line-height:20px; padding:0 20px} .pika-stage .caption SPAN.fullText A {color:#FFF; float:right} .pika-stage .caption SPAN.fullText A:HOVER {color:#CC0000} .pika-thumbs li P {background: #000; background: rgba(0,0,0,0.50)} .pika-thumbs li.active P, .pika-stage .caption {background: #000; background: rgba(0,0,0,0.75);} /* Ths play, pause, prev and next buttons */ .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3; cursor:pointer; height: 100%; width: 50px; top: 0px} .pika-imgnav a.previous {background-image: url("https://dmacktires.com/assets/images-tpl/prev_over.png"); background-repeat:no-repeat; background-position: 10px 45%} .pika-imgnav a.next {background-image: url("https://dmacktires.com/assets/images-tpl/next_over.png"); background-repeat:no-repeat; background-position: 10px 45%} .pika-imgnav a.previous:HOVER {background-image: url("https://dmacktires.com/assets/images-tpl/prev_down.png");} .pika-imgnav a.next:HOVER {background-image: url("https://dmacktires.com/assets/images-tpl/next_down.png");} .pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;} .pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;} /* The previous and next textual buttons */ .pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;} .pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;} .pika-textnav a.previous {float: left; width: auto; display: block;} .pika-textnav a.next {float: right; width: auto; display: block;} /*for the tool tips*/ .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;} .pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;} /* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */ .pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; } /*PIKACHOOSE CUSTOM*/ .pika-stage .caption {z-index:9} .pika-textnav, .pika-counter {display:none} .pikachoose{position:relative} .jcarousel-skin-pika {position:absolute; top:0; right:0;} .jcarousel-skin-pika .jcarousel-container-vertical {overflow:hidden;} .pikachoose .readMore {margin-top:-20px} .pika-stage .caption, .pika-stage img {width:700px} .pika-thumbs li {width: 230px; height:120px;} #pikame, .pika-thumbs, .jcarousel-skin-pika .jcarousel-container-vertical, .jcarousel-skin-pika .jcarousel-clip-vertical {width: 240px;} .pika-stage, .jcarousel-skin-pika .jcarousel-container-vertical, .jcarousel-skin-pika .jcarousel-clip-vertical {height: 380px;} .pika-imgnav a.previous {left: 0px} .pika-imgnav a.next {right: 240px} .pika-thumbs {margin:0} .pika-thumbs li { margin-left:10px} .pika-thumbs, .jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom: 10px;} /*PIKACHOOSE DMACK RED TAB*/ .pika-thumbs li { margin-left: 10px} .pika-thumbs li.active { margin-left: 0px; border-left:10px solid #CC0000; width:250px; border-right:10px solid #FFF; } /**/ /* UX PROTOTYPING -------------------------------------------------- */ /*interaction*/ #tyreBlocks>DIV A P, #homeLinkBlocks>DIV A DIV P {display:none} #tyreBlocks>DIV:HOVER A DIV {margin-top:110px; height:110px} #homeLinkBlocks>DIV:HOVER A DIV {margin-top:130px; height:90px} #tyreBlocks>DIV:HOVER A P, #homeLinkBlocks>DIV:HOVER A DIV P {display:block} .pika-stage .caption {height:60px} .pika-stage:HOVER .caption {height:100px} .pika-stage .caption SPAN.fullText {display:none} .pika-stage:HOVER .caption SPAN.fullText {display:block} /*pika stage presets needed for smaller layouts - also hide the thumbs in small layouts*/ /*scrolling*/ BODY.scrollZone1 .imgHeaderLogo, BODY.scrollZone1 .fm_42, BODY.scrollZone1 #navStripBg {position:fixed} BODY.scrollZone1 .imgHeaderLogo {top:28px} BODY.scrollZone1 .fm_42, BODY.scrollZone1 #navStripBg {top:0} BODY.scrollZone1 .imgHeaderLogo, BODY.scrollZone1 .fm_42 {z-index:1001} BODY.scrollZone1 #navStripBg {z-index:999} BODY.md.dv100.scrollZone1 .imgHeaderLogo, BODY.sm.scrollZone1 .imgHeaderLogo, BODY.xs.scrollZone1 .imgHeaderLogo {display:none} /*BODY.scrollZone1.dv100 .imgHeaderLogo {top:76px} BODY.scrollZone1.dv100 .fm_42, BODY.scrollZone1.dv100 #navStripBg {top:48px}*/ /**/ /* MOBILE DEVICES -------------------------------------------------- */ BODY.sM .imgHeaderLogo {margin-left:-110px} BODY.sM .navbar {display:block} BODY.sM H1#headLine, BODY.sM H2, BODY.sM H3 {width:100%; text-align:center} /*mobile - breadcrumb*/ BODY.sM .container.containerZoneH {margin-top:180px} BODY.sM.product .container.containerZoneH {margin-top:0} BODY.sM #breadCrumbsWrapper {width:100%; background:#EfEFEF; overflow:auto; position:static; margin-top:180px; margin-left:0} /*mobile - footer*/ BODY.xs .container.containerZoneC {padding:0 30px} BODY.sM .footnoteLinksWrapper {margin-top:-20px} BODY.xs #footer .footnoteLinksWrapper {text-align:left} BODY.xs #footer .footnoteLinksWrapper A {margin-left:0} /* mobile - home page*/ BODY.sM.body-199 #tyreBlocks DIV {width:100%} BODY.sM.body-199 .date {display:none} BODY.sM.body-199 #zoneA01, BODY.sM.body-199 #zoneA02 {width:100%} BODY.sM.body-199 #socialTabsWrap {margin-right:0; margin-bottom:20px} BODY.sM.body-199 .block {padding:0} BODY.sM.body-199 #homeLinkBlocks A.block {margin-right:0; display:block} BODY.sM.body-199 #tyreBlocks A DIV P, BODY.sM.body-199 #homeLinkBlocks A.block P {text-align:center; padding:0 10px} BODY.sM.body-199 #tyreBlocks .block1, BODY.sM.body-199 #tyreBlocks .block2, BODY.sM.body-199 #tyreBlocks .block3, BODY.sM.body-199 #tyreBlocks .block4 {background-position:center center} BODY.sM.body-199 #homeLinkBlocks .block {margin-bottom:20px} BODY.sM.body-199 #homeLinkBlocks .block1, BODY.sM.body-199 #homeLinkBlocks .block2, BODY.sM.body-199 #homeLinkBlocks .block3, BODY.sM.body-199 #homeLinkBlocks .block4 {background-size:100% auto} /* mobile - contact*/ BODY.sM.contact #zoneB02, BODY.sM.contact #zoneB04 {width:100%; margin:0} BODY.sM.contact #zoneB04 P {margin:0 20px 20px 20px} BODY.sM.contact #zoneB02 FIELDSET {margin:0} BODY.sM.contact #zoneB02 .form-group {margin:0} BODY.sM.contact #zoneB02 FIELDSET LABEL {line-height:40px; padding:0} /* mobile - news*/ BODY.sM .newsItem {margin-right:0} BODY.sM .newsItem H2, BODY.sM .newsItem H3 {text-align:left} BODY.sM.newsGroupPage .rssLinkWrap {float:none; margin-right:0; text-align:center} BODY.sM.newsGroupPage .rssLinkWrap A {float:right; margin:0 10px 10px 0} BODY.sM.newsGroupPage #zoneB04 {width:100%} BODY.sM.newsGroupPage #socialTabsWrap {margin:0} .newsItemPage .article {background-color:#FFF; padding-top:20px; padding-bottom:20px} .newsItemPage .containerZoneB .row {/*background-color:#FFF*/} .newsItemPage .articleWrap H2 {padding:0 10px} .newsItemPage .articleWrap .itemImage IMG {width:100%; height:auto; float:left} .newsItemPage .articleWrap H2 {color:#FFF; background-color:#000} BODY.sM.newsItemPage #zoneB02, BODY.sM.newsItemPage #zoneB04 {width:100%} BODY.sM.newsItemPage #zoneB04 .autoMenu {margin:0} /* mobile - about us*/ BODY.sM .aboutUs {margin-right:0} BODY.sM .teamMember H2, BODY.sM .teamMember H3 {text-align:left} BODY.xs .teamMember .articleImg .itemImage {float:left; width:100%; text-align:center} BODY.xs .teamMember .articleImg .itemImage img {width:50%; height:50%; clear:both; margin:0 auto; float:left} /*mobile - downloads page*/ BODY.sM .download {width:100%; height: auto; float:left; overflow:auto; text-align:center} BODY.sM .download IMG {float:none; width:40%; /*max-height:400px;*/} BODY.sM .download SELECT {margin-left:0; width:100%; height:40px} BODY.sM .download {margin-bottom:40px} /*mobile - productCats*/ BODY.sM.productCats .productBlock A SPAN {width:100%} BODY.sM.productCats .productBlock {width:100%; margin:0;} BODY.sM.productCats .productBlockMs A, BODY.sM.productCats .productBlockTd A, BODY.sM.productCats .productBlockRt A, BODY.sM.productCats .productBlockTr A, BODY.sM.productCats .productBlockIt A {background-position:center bottom; height:400px} /*mobile - product & productCat*/ BODY.sM.productCat #zoneA_wrapper .galleries {margin-left:0; margin-top:-20px; width:100%; float:none} BODY.sM.productCat #zoneA_wrapper .galleries .slider-wrapper {width:auto!important; margin:0 20px} BODY.sM.productCat #zoneB02 .btnLarge, BODY.sM.productCat #zoneB02 .productBlock, BODY.sM.product #zoneA01 .btnLarge, BODY.sM.productCat #zoneB04 .btnLarge, BODY.sM.productCat #zoneB04 .productBlock, BODY.sM.product #zoneA02 .btnLarge {margin-left:0; margin-right:0} BODY.sM.product #zoneA01, BODY.sM.product #zoneA02 {width:100%} BODY.sM.product .productIntro {width:auto; float:none; padding:20px} BODY.sM.product .productIntroImage {float:rightt; margin-top:0; width:95%} BODY.sM.productCat .productIntroImage.productIntroImagePhoto, BODY.sM.product .productIntroImage.productIntroImagePhoto {margin:20px} BODY.sM.product .productIntroImage+.imgTooltip {position:static; margin-top:15px; clear:both; width:100%!important; float:right; padding:20px; text-align:center} /*mobile - label ratings*/ BODY.sM.body-412 .articleBlock {padding:0} BODY.sM.body-412 h2, BODY.sM.body-412 h3 {text-align:left} BODY.sM.body-412 P.rating {width:23%} BODY.sM.body-412 h2, BODY.sM.body-412 .ratingTxt {width:75%} BODY.sM.body-412 .rating IMG {width:100%; height:auto} BODY.sM.body-412 .articleIntro IMG {float:none; width:100%; height:auto; max-width:300px; margin:0 auto} BODY.sM.body-412 .articleIntro P:nth-child(1) {float:none; width:100%} BODY.sM.body-412 .articleIntro P:nth-child(2) {float:none; width:100%; text-align:center} /*mobile - media pages */ BODY.sM.mediaGallery {} BODY.sM.mediaGallery #zoneA01 {width:100%} BODY.sM.mediaGallery .mediaMenuTabs LI {display:block; float:none; margin-right:0;} BODY.sM.mediaGallery #zoneB02 img {width:100%} BODY.sM.mediaGallery .imgList li {margin-bottom:20px} BODY.sM.mediaGallery .imgTooltip {padding:10px 0} /*mobile - terms / privacy */ BODY.body-368.sM #zoneB02, BODY.body-369.sM #zoneB02 {width:100%} BODY.body-368.sM #zoneB02 H3, BODY.body-368.sM #zoneB02 P, BODY.body-369.sM #zoneB02 P {margin:0 20px} BODY.body-368.sM #zoneB02 H3 {margin-top:20px; font-weight:bold; text-align:left} /* -- BODY.productCats .productBlock A SPAN {padding:20px 20px 20px 20px} BODY.productCat .productBlock A SPAN {padding:120px 20px 20px 20px} BODY.productCat .productBlock A {height:300px} */ /* MEDIA QUERIES */ @media (min-width: 768px) { /*Teams Page*/ BODY.body-507 #zoneB02 .article H2 {text-align:left} BODY.body-507 #zoneB02 .productBlock .row .col-sm-6:nth-child(2) .row .col-sm-6:first-child{margin-top:0px} BODY.body-507 #zoneB02 .article UL, BODY.body-507 #zoneB02 .article H2 {padding-left:30px} BODY.body-507 .itemImage {text-align:left} } @media (min-width: 992px) { /*Teams Page*/ BODY.body-507 #zoneB02 .article UL, BODY.body-507 #zoneB02 .article H2 {padding-left:0px} } body.mediaGallery a.Nd409 {display:none!important} .edih {display:none}