Description
<!–
–>
body{
background: rgba(160,160,160,0.6), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -moz-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(160,160,160,0.6)), color-stop(40%, rgba(255,255,255,0.6)), color-stop(60%, rgba(255,255,255,0.6)), color-stop(100%, rgba(160,160,160,0.6))), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -webkit-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -o-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -ms-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: linear-gradient(to right, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a0a0a0′, endColorstr=’#a0a0a0′, GradientType=1 );}
header { width: 100%; background: rgba(0,0,0,.8); background-repeat: no-repeat; padding: 0; margin: 0; overflow: hidden; }
header #headerTop { width: 100%; max-width: 1024px; margin: 0 auto; background: rgba(0,0,0,.3); overflow: hidden; }
header #headerTopWrapper { width: 100%; max-width: 500px; margin: 0 auto;}
header #headerTop form#searchBar { width: 100%; max-width: 500px; margin: 0 auto 1em auto; }
header #headerTop form#searchBar button { width: 30%; background: #000000; border: 0; height: 30px; opacity: .75; cursor: pointer; transition: opacity 0.25s ease-in-out; padding: 0; margin: 0;}
header #headerTop form#searchBar button:hover { opacity: 1;}
header #headerTop form#searchBar button img { vertical-align: middle; }
header #headerTop form#searchBar input { width: 70%; height: 30px; border: 0; text-align: center; line-height: 30px; font-family: ‘PT Sans’, sans-serif; font-size: 13px; background: #ffffff; transition: background 0.25s ease-in-out; padding: 0; margin: 0; }
header #headerTop form#searchBar input:focus { outline: 0; background: #727272; color: #000000;}
header #headerTop #logo { width: 100%; overflow: hidden; margin: 0; padding: 0; }
header #headerTop #logo #innerLogo { width: 80%; margin: 0 auto; overflow: hidden; padding: 1em 0 .5em 4em; }
header #headerTop #logo #innerLogo ul { width: 100%; list-style: none; margin: 0 auto; padding: 0 ; }
header #headerTop #logo #innerLogo ul img { width: 100%; }
header #headerTop #logo #innerLogo ul li{ float: left; padding: 0; }
header #headerTop #logo #innerLogo ul li.socialThumb { max-width: 30px; max-height: 30px; margin: 1%; box-shadow: 0 0 1px 1px #78a54b; transition: box-shadow 0.25s ease-in-out; cursor: pointer; }
header #headerTop #logo #innerLogo ul li.socialThumb:hover { box-shadow: 0 0 10px 4px #78a54b; }
header #headerMid #banner { width: 100%; max-width: 1024px; margin: 0 auto; /*background: url(‘https://www.dtmotoringusa.com/ebay/banner1.jpg’); background-repeat: no-repeat; background-size: contain;*/ }
header #headerMid #banner img { width: 100%;}
header #headerMid #banner img#banner1 {display: block;}
header #headerMid #banner img#banner2 {display: none;}
header #headerMid #banner img#banner3 {display: none;}
header #headerBottom { width: 100%; max-width: 1024px; margin: 0 auto; background: rgba(0,0,0,.3); }
header #headerBottom #headerBottomWrapper { width: 100%; max-width: 600px; margin: 0 auto;}
header #headerBottom #navi { width: 100%; max-width: 500px; margin: 0 auto; padding: 1em 0; overflow: hidden; }
header #headerBottom #navi ul { list-style: none; display: inline; font-family: ‘Oswald’; font-size: .9em; font-weight: 700; margin: 0; padding: 0; }
header #headerBottom #navi ul li { width: 25%; float: left; text-align: center; }
header #headerBottom #navi ul li a { color: #b2b2b2; text-decoration: none; transition: all 0.3s ease-in-out; padding: .3em;}
header #headerBottom #navi ul li a:hover { color: #000000; background: #ffffff; }
#fitment { width: 100%; max-width: 650px; margin: 1em auto; }
#fitment h1 { width: 100%; text-align: center; font-family: ‘Oswald’; font-size: 2.5em; font-weight: 700;font-style: italic; transform: skewX(10deg) scale(1,.95); margin:0; padding: 0; text-transform: uppercase; }
#fitment h2 { width: 100%; font-family: ‘Titillium Web’; font-size: 1em; font-weight: 300; line-height: 1.2em; margin: 0; }
#fitment h2 b { width: 40%; float: left; font-weight: 600; text-align: center; }
#fitment h2 p { width: 60%; float: right; margin: 0; }
#fitment h2 b:before { content: url(‘https://www.dtmotoringusa.com/ebay/bullet.png’); width: 15px; padding-right: .6em;}
#fitment h2:after { content: ”; clear: both; height: 0; display: block; }
#type { width: 100%; max-width: 650px; margin: 0 auto; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’);}
h6 { font-family: ‘Oswald’; font-size: .965em; text-align: center; margin: 1em auto; padding: 0; color: #ffffff; line-height: 2em; font-weight: 400; }
hr#hairline1 { border-width: 1px; width: 100%; max-width: 1024px; }
#attention { width: 100%; max-width: 650px; margin: 1em auto; }
#attention h3 { width: 100%; margin: 0; padding: .4em .5em .2em .5em;}
#attention h3 b { width: 24%; float: left; margin-right: 4%; padding: .2em 0; margin: .4em 0 0 0; text-align: center; font-family: ‘Oswald’; font-size: .9em; text-transform: uppercase;/*transform: skewX(-8deg); */ color: #9cf42e; background: #000000; }
#attention h3 p { width: 73%; float: right; margin: 0; padding: .2em .5em; margin: .4em 0 0 0; font-family: ‘Oswald’; font-size: .9em; font-weight: 500; /*text-transform: uppercase; color: #006000; */ color: #E62323; }
#attention h3:after { content: ”; clear: both; height: 0; display: block; }
#slider { width: 100%; max-width: 820px; margin: 1em auto; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); }
#slider img { width: 100%;}
#slider #sliderImage { width: 80%; margin: 1em auto; padding: 0; }
#share { width: 100%; max-width: 650px; margin: 1em auto; padding: 0; overflow: hidden;}
#share img { display:inline-block; float: left; width: 25%; margin: 0; padding: 0;
filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 3.5+ */
filter: grayscale(60%); /* IE6-9 */-webkit-filter: grayscale(60%); opacity: .6; transition: all .3s ease-in-out; }
#share img.active:hover { cursor: pointer; opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%);}
#buttonTwo { width: 100%; text-align: center; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); margin: 1em 0; padding-bottom: .1em; padding-top: 1em; }
#buttonTwo .buttons { width: 322px; height: 95px; background: url(‘https://www.dtmotoringusa.com/ebay/button1.png’); background-size: contain; background-repeat: no-repeat; transition: background .1s ease-in-out; cursor: pointer; display: inline-block; padding: 0; margin: 0; margin-right: 10px;}
#buttonTwo #buttonFirst img {margin-top:5px; }
#buttonTwo #buttonSecond img {margin-top:5px; }
#buttonTwo .buttons .inline { transition: all .1s ease-in-out;}
#buttonTwo .buttons:hover { background: url(‘https://www.dtmotoringusa.com/ebay/button2.png’); background-size: contain; background-repeat: no-repeat;}
#buttonTwo #buttonFirst:hover > div.inline1 { transform: translateY(-1px); opacity: .5; }
#buttonTwo #buttonSecond:hover > div.inline2 { transform: translateY(-1px); opacity: .5; }
#buttonTwo .buttons .inline1, #buttonTwo .buttons .inline2 { display: inline; float: left;}
#buttonTwo .buttons #inlineLeft { width: 36%;}
#buttonTwo .buttons #inlineRight{ width: 64%;}
#buttonTwo .buttons #inlineRight section { text-align: left;}
#buttonTwo .buttons #inlineRight .sectionWrapper { display: table-cell; height: 95px; vertical-align: middle; }
#buttonTwo .buttons #inlineRight section#headline1 { color: white; font-family: ‘Oswald’; font-size: 1.1em;font-weight: 700;font-style: italic; transform: skewX(10deg) scale(1,.95); line-height: 1.2em; letter-spacing: .5px; }
#buttonTwo .buttons #inlineRight section#headline2 { color: #ababab; font-family: ‘Titillium Web’; font-size: .9em; }
#buttonTwo .buttons #inlineRight section#headline2 em { color: #8ed043; font-style: normal; }
#internal:before { content: “”; display: block; width: 100%; height: .5em; background: #e7e7e7; margin-bottom: 2em; }
#internal:after { content: “”; display: block; width: 100%; height: .5em; background: #e7e7e7; margin-top: 1em; }
#internal { width: 100%;
background: rgba(220,220,220,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(220,220,220,1) 0%, rgba(90,90,90,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(220,220,220,1)), color-stop(100%, rgba(90,90,90,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(220,220,220,1) 0%, rgba(90,90,90,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(220,220,220,1) 0%, rgba(90,90,90,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(220,220,220,1) 0%, rgba(90,90,90,1) 100%);
background: radial-gradient(ellipse at center, rgba(220,220,220,1) 0%, rgba(90,90,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#dcdcdc’, endColorstr=’#5a5a5a’, GradientType=1 ); }
#internal #internalContent { width: 100%; max-width: 980px; margin: 2em auto; box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.8);}
#firstAdd { width: 100%; max-width: 820px; margin: 2em auto; border: solid 1px #8a8a8a; border-radius: 5px;}
#firstAdd div { width: 80%; margin: 2em auto; }
#firstAdd div img { width: 100%;}
#point { width: 100%; max-width: 820px; margin: 1em auto; overflow: hidden; text-align: center;}
#point_section {
float: left;
max-width:180px;
margin: 0 10px;
}
#point img { display: block; width: 100%; margin: 0 auto; padding: 0 .5em; }
/*
#point section { width: 25%; display: inline-block; float: left; margin: 0; padding: 0; text-align: center; text-decoration: none; }
#point section a {color: #000000; text-decoration: none;}
#point section a:hover {color: #000000;}
#point section a:visited {color: #000000;}
#point section a:active {color: #000000;}
#point section img { display: block; width: 100%; max-width: 130px; margin: 0 auto; }
#point section img { display: block; width: 100%; margin: 0 auto; padding: 0 .5em; }
#point section .span1 { display: block; margin: 0; font-family: ‘Titillium Web’; font-weight: 300; font-size: 1.05em; margin: 0; line-height: 1.2em }
#point section .span2 { display: block; margin: -5px; font-family: ‘Oswald’; font-size: 2.5em;font-weight: 700;font-style: italic; transform: skewX(10deg) scale(1,.95); letter-spacing: -1px; text-transform: uppercase; }
#point section hr { width: 90%; }
*/
.watermark {
z-index: 2;
position: relative;
top: 65px;
right: -470px;
opacity: 0.9;
width: 240px;
}
.watermark img {
width: 185px;
}
#youtube { width: 100%; max-width: 820px; max-height: 530px; margin: 2em auto; border: solid 1px #8a8a8a; border-radius: 5px; }
#youtube[data-status=””] { display: none;} /*hide video block if all videos are empty */
/*#youtube #videoNavi { text-align: center; margin-top: -1em; }
#youtube #videoNavi div.inlineBox {display: inline; margin: 0; padding: 0;}
#youtube #videoNavi input { visibility: hidden; width: 0; padding: 0; display: none; }
#youtube #videoNavi label { display: inline-block; width: 12%; padding: .5em 0; margin: 0 .25em 0 .25em; cursor: pointer; background: #ffffff; color: #000000; box-shadow: 0 0 0 1px #8a8a8a; font-family: ‘Oswald’; font-size: .9em; font-weight: 700; text-transform: uppercase; transition: all .3s ease-in-out; border-radius: 2px; }
#youtube #videoNavi label:hover {text-decoration: underline; }
#youtube #videoNavi input:checked + label { width: 18%; color: #abff50; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); } */
#youtube #videoContent { width: 90%; margin: 1em auto 3em auto; height: 480px; /*overflow: hidden; */ position: relative; }
#youtube #videoContent .videoBlock { width: 100%; height: 100%; position: absolute; }
#youtube #videoContent #videoContent1, #videoContent2 {margin-top:0; }
#youtube #videoContent #videoContent1 .watermark, #videoContent2 .watermark {top: 45px; right: -475px;}
#youtube #videoContent #videoContent3 .watermark, #videoContent4 .watermark, #videoContent5 .watermark {top: 55px; right: -470px;}
#youtube #videoContent #videoContent3, #videoContent4, #videoContent5 {margin-top: -20px; }
#youtube { text-align: center; margin-top: -1em; }
#youtube div.inlineBox {display: inline; margin: 0; padding: 0;}
#youtube input { visibility: hidden; width: 0; padding: 0; display: none; }
#youtube label { display: inline-block; width: 12%; padding: .5em 0; margin: 0 .25em 0 .25em; cursor: pointer; background: #ffffff; color: #000000; box-shadow: 0 0 0 1px #8a8a8a; font-family: ‘Oswald’; font-size: .9em; font-weight: 700; text-transform: uppercase; transition: all .3s ease-in-out; border-radius: 2px; }
#youtube label:hover {text-decoration: underline; }
#youtube input:checked + label { width: 18%; color: #abff50; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); }
#youtube label[data-status=””]
{display:none;
} /* hide individual video tab if it’s blank */
#radio2_1:checked ~ #videoContent #videoContent1 {display:block;}
#radio2_2:checked ~ #videoContent #videoContent2 {display:block;}
#radio2_3:checked ~ #videoContent #videoContent3 {display:block;}
#radio2_4:checked ~ #videoContent #videoContent4 {display:block;}
#radio2_5:checked ~ #videoContent #videoContent5 {display:block;}
#youtube #videoContent > div {display: none;}
#youtube #videoContent #videoContent1[data-status=””]{display: none !important; }
#youtube #videoContent #videoContent2[data-status=””]{display: none !important; }
#youtube #videoContent #videoContent3[data-status=””]{display: none !important; }
#youtube #videoContent #videoContent4[data-status=””]{display: none !important; }
#youtube #videoContent #videoContent5[data-status=””]{display: none !important; }
.picture_frame {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
border: 6px solid #000000;
max-width: 640px;
margin: 0 auto;
}
.ytvideo { -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25); border: 4px solid #000000; border-radius: 5px; margin:.5em auto; max-width:640px; max-height:420px; font-family:arial; text-align:center; position:relative; min-height:120px; overflow:hidden; background-color:#555; }
.ytvideo p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); }
/* .ytvideo .yt_hd { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; } */
.ytvideo .yt_ft { font-size:12px; width:100%; bottom:0; left:0; padding: 5px 0;}
.ytvideo img { display:block; width:150%; max-width: 640px; border:0; }
.ytvideo a:after { content:”A025BA”; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; }
.ytvideo a:hover:after { background:#CC181E; }
#secondAdd { width: 100%; max-width: 820px; margin: 2em auto; border: solid 1px #8a8a8a; border-radius: 5px;}
#secondAdd div { width: 80%; margin: 2em auto; }
#secondAdd div img { width: 100%; }
#info { width: 100%; padding-bottom: 2em; text-align:center; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); }
/*
#info #infoNavi { width: 100%; height: 150px; margin: 0; padding:0; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); position: relative; }
#info #infoNavi ul { width: 100%; max-width: 820px; margin: 0 auto; padding: 0; list-style: none; }
#info #infoNavi ul li { width: 20%; display: inline-block; float: left; text-align: center; font-family: ‘Oswald’; font-weight: 700; font-size: 1em; color: #ffffff; }
#info #infoNavi ul li label { cursor: pointer;}
#info #infoNavi ul li label section { opacity: 0.3; color: #ffffff; transition: all .5s ease-in-out; }
#info #infoNavi ul li label section:hover { opacity: 1; color: #92dc43;}
#info #infoNavi ul li input { visibility: hidden;}
#info #infoNavi ul li input:checked + label section { opacity: 1; color: #92dc43;}
#info #infoNavi ul li input:checked + label section .triUp { transform: translateY(20px); -webkit-transform: translateY(30px); }
#info #infoNavi ul li .infoIcon { width: 50px; height: 50px; margin: 0 auto;}
#info #infoNavi ul li .triUp {content:”; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ececec; margin: 0 auto; -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(40px); transition: all .7s ease-in-out; }
#info #infoNavi ul li:hover .triUp{ transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(30px); } */
/*#info { width: 100%; height: 150px; margin: 0; padding:0; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); position: relative; } */
#info label { width: 8%; display: inline-block; text-align: center; font-family: ‘Oswald’; font-weight: 700; font-size: 1em; color: #ffffff; }
#info label { cursor: pointer;}
#info label section { opacity: 0.3; color: #ffffff; transition: all .5s ease-in-out; }
#info label section:hover { opacity: 1; color: #92dc43;}
#info input { visibility: hidden;}
#info input:checked + label section { opacity: 1; color: #92dc43;}
#info input:checked + label section .triUp { transform: translateY(20px); -webkit-transform: translateY(30px); }
#info .infoIcon { width: 50px; height: 50px; margin: 0 auto;}
#info .triUp {content:”; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ececec; margin: 0 auto; -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(40px); transition: all .7s ease-in-out; }
#info label:hover .triUp{ transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(30px); }
#info #infoContent { width: 100%; max-width: 1024px; margin: 62px auto 0 auto ; padding: 0; border-radius: 4px; display: block; text-align:left; transform: translateY(-20px); overflow: hidden;
background: rgba(160,160,160,0.6), url(“https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png”);
background: -moz-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(160,160,160,0.6)), color-stop(40%, rgba(255,255,255,0.6)), color-stop(60%, rgba(255,255,255,0.6)), color-stop(100%, rgba(160,160,160,0.6))), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -webkit-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -o-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: -ms-linear-gradient(left, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
background: linear-gradient(to right, rgba(160,160,160,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.6) 60%, rgba(160,160,160,0.6) 100%), url(‘https://www.dtmotoringusa.com/ebay/white_carbonfiber_@2X.png’);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a0a0a0′, endColorstr=’#a0a0a0′, GradientType=1 );
}
#info #infoContent section#infoList { width: 100%; max-width: 820px; margin: 0 auto;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap; }
#info #infoContent section#infoList div.lineUp { width: 48%; margin: 1%;}
.title { margin: 1em 1em 0 1em; background: rgba(255,255,255,.5); padding: 0; }
#info #infoContent section#infoList div#combo { background: rgba(0,0,0,.2);}
#info #infoContent section#infoList div#combo div.comboList { margin: 1em;}
#info #infoContent section#infoList div#combo div.comboList div.ComboTop{
display: -webkit-box; /* OLD – iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER – IE 10 */
display: -webkit-flex; /* NEW – Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec – Firefox, Chrome, Opera */
flex-wrap: wrap; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop .nameWrapper { width: 62.5%; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop .nameWrapper .nameStyle { font-family: ‘Oswald’; font-weight: 700; font-size: 1.75em; line-height: 1em; text-transform: uppercase; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop .nameWrapper .nameColor { font-family: ‘Titillium Web’; font-weight: 300; font-size: 1em; line-height: 1.2em; text-transform: capitalize; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop span { width: 37.5%; width: 37.5%; font-family: ‘Titillium Web’; font-weight: 600; font-size: .95em; margin: 0; padding: 0; line-height: 1em; text-transform: uppercase;}
#info #infoContent section#infoList div#box #boxTitle span { font-family: ‘Oswald’; font-weight: 700; font-size: 1.25em; line-height: 1.25em; }
#info #infoContent section#infoList div#box { }
#info #infoContent section#infoList div#box #boxContent { width: 100%; margin: 1em; }
#info #infoContent section#infoList div#box #boxContent b { display: block; font-family: ‘Oswald’; font-weight: 700; font-size: 1.75em; text-transform: uppercase; margin-top: .5em; /*font-family: ‘Oswald’; font-weight: 400; font-size: 1em; line-height: 1em; color: #dddddd; background: rgba(0,0,0,1); text-transform: uppercase; padding: .25em .5em;*/}
#info #infoContent section#infoList div#box #boxContent p { font-family: ‘Titillium Web’; font-weight: 300; font-size: 1em; line-height: 1.2em; margin: 0; padding: 0; }
#info #infoContent section#infoList .lineUp #firstPic img { width: 100%;}
#info #infoContent section#infoList .lineUp #spinNavi { text-align: center; margin: 1em 0;}
#info #infoContent section#infoList .lineUp #spinNavi input { visibility: hidden; width: 0; height: 0; padding: 0; margin: 0; }
#info #infoContent section#infoList .lineUp #spinNavi label { width: 18%; height: .75em; background: #000; display: inline-block; cursor: pointer; transition: all 0.2s ease-in-out; }
#info #infoContent section#infoList .lineUp #spinNavi label:hover { width: 18%; background: #a2f34b; }
#info #infoContent section#infoList .lineUp #spinNavi label span { visibility: hidden;}
#info #infoContent section#infoList .lineUp #spinNavi input:checked + label { background: #a2f34b; box-shadow: inset 0 0 0 1px #000; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopLeft { width: 32%; float: left; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopLeft #titleONE { font-family: Titillium Web; font-weight: 600; font-style: italic; font-size: 1.2em; text-align: left; line-height: 1.2em; padding-right: .6em;}
#info #infoContent #infoContent2 #ship #shipTop #shipTopLeft #titleTWO { font-family: Titillium Web; font-weight: 300; font-size: 1.2em; text-align: left; background: #1c2234; color: #fff; font-size: 1.3em; line-height: 1em; padding: .6em; margin: 0; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight { width: 66%; float: right; padding-top: 85px; padding-left: 2%; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline { width: 32%; display: inline-block; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline img { float: left; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline div.reachWrapper { float: left; margin-left: .5em; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline div.reachWrapper .reachONE { font-family: Titillium Web; font-weight: 600; font-style: italic; font-size: 1.2em; line-height: 1.2em; }
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline div.reachWrapper .reachTWO { font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1em; font-style: italic; }
#info #infoContent #infoContent2 { }
#info #infoContent #infoContent2 #ship { width: 94%; margin: 0 auto; }
#info #infoContent #infoContent2 #ship #shipLeft { width: 32%; float: left; }
#info #infoContent #infoContent2 #ship #shipLeft ul { list-style-type: none; font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1.2em; padding: 0; }
#info #infoContent #infoContent2 #ship #shipLeft ul li:before { content: url(‘https://www.dtmotoringusa.com/ebay/bullet3.PNG’); width: 18px; height: 18px; padding-right: .25em; }
#info #infoContent #infoContent2 #ship #shipLeft ul li { margin-bottom: .8em; }
#info #infoContent #infoContent2 #ship #shipRight { width: 68%; float: left; }
#info #infoContent #infoContent2 #ship #shipRight img { width: 96%; margin: 0 2%;}
#info #infoContent #infoContent3 .flexWrapper { width: 94%; margin: 0 auto; display: flex; flex-wrap: wrap; }
#info #infoContent #infoContent3 .flexWrapper div.flexIT { width: 33%; }
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex1 p { font-family: Titillium Web; font-weight: 600; font-size: 1.5em; font-style: italic;}
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex1 section { border-left: 8px solid rgba(21,26,39,1); padding-left: 1em; font-family: Titillium Web; font-size: 1em; line-height: 1em; }
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex2 ul,
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex3 ul{ list-style-type: none; font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1.2em; padding: 0; margin: 1em;}
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex2 ul li,
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex3 ul li { margin-bottom: 1em; }
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex2 ul li:before,
#info #infoContent #infoContent3 .flexWrapper div#aboutFlex3 ul li:before { content: url(‘https://www.dtmotoringusa.com/ebay/bullet3.PNG’); width: 18px; height: 18px; padding-right: .25em; }
#info #infoContent #infoContent3 .flexWrapper div.flexTwo { width: 33%; }
#info #infoContent #infoContent3 .flexWrapper div.flexTwo img { float: left; }
#info #infoContent #infoContent3 .flexWrapper div.flexTwo div.reachWrapper { float: left; margin-left: .5em; }
#info #infoContent #infoContent3 .flexWrapper div.flexTwo div.reachWrapper .reachONE { font-family: Titillium Web; font-weight: 600; font-style: italic; font-size: 1.2em; line-height: 1.2em; }
#info #infoContent #infoContent3 .flexWrapper div.flexTwo div.reachWrapper .reachTWO { font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1em; font-style: italic; }
#info #infoContent #infoContent4 { height: 650px; display: none;}
#info #infoContent #infoContent4 #payment { width: 94%; margin: 0 auto; }
#info #infoContent #infoContent4 #payment #sticker { width: 100%; margin-top: 1em; }
#info #infoContent #infoContent4 #payment #sticker .stickerBox { width: 33.33%; float: left;}
#info #infoContent #infoContent4 #payment #sticker .stickerBox img { display: block; margin: 0 auto; width: 100%; max-width: 220px;}
#info #infoContent #infoContent4 #payment #mixmatch { width: 100%; margin: 1em 0;}
#info #infoContent #infoContent4 #payment #mixmatch #paymentText { width: 65%; float: left; }
#info #infoContent #infoContent4 #payment #mixmatch #paymentContact { width: 35%; float: left; }
#info #infoContent #infoContent4 #payment #mixmatch #paymentText ul { list-style-type: none; font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1.25em; padding: 0 2em 0 4em; margin: 1em; }
#info #infoContent #infoContent4 #payment #mixmatch #paymentText ul li:before { content: url(‘https://www.dtmotoringusa.com/ebay/bullet3.PNG’); width: 18px; height: 18px; padding-right: .25em;}
#info #infoContent #infoContent4 #payment #mixmatch #paymentContact { transform: translateX(4em); }
#info #infoContent #infoContent5 #returnImage { width: 100%; max-width: 1024px; padding: 0 4%; clear: both; }
#info #infoContent #infoContent5 #returnImage img { width: 20%; margin: 0 1.5%;}
#info #infoContent #infoContent5 #returnTop { width: 100%; max-width: 1024px; }
#info #infoContent #infoContent5 #returnTop section { width: 50%; max-width: 512px; display: inline-block; float: left; }
#info #infoContent #infoContent5 #returnTop section ul { list-style-type: none; margin-top: 120px; }
#info #infoContent #infoContent5 #returnTop section ul li { clear: both; }
#info #infoContent #infoContent5 {
height: 680px;
}
div.reachWrapper { float: left; margin-left: .5em; }
div.reachWrapper2 { display: inline-block; }
.reachONE { font-family: Titillium Web; font-weight: 600; font-style: italic; font-size: 1.2em; line-height: 1.2em; }
.reachTWO { font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1em; font-style: italic; }
.contactTitle { font-family: Titillium Web; font-weight: 600; font-style: italic; font-size: 1.2em; line-height: 1.2em; font-style: italic; }
.contactInfo { font-family: Titillium Web; font-weight: 300; font-size: 1em; line-height: 1em; font-style: italic;}
.contactAlign { float: left; }
.padLeft { padding-left: 1em; }
.removeDeco:hover { color: #000; }
.removeDeco:visited { color: #000; }
.removeDeco:active { color: #000; }
#info #infoContent section#infoSpecs { width: 100%; max-width: 820px; margin: 1em auto;
display: -webkit-box; /* OLD – iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER – IE 10 */
display: -webkit-flex; /* NEW – Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec – Firefox, Chrome, Opera */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
#info #infoContent section#infoSpecs div { width: 48%; margin: 1%; background: rgba(0,0,0,.15);}
h4::before { content: url(‘https://www.dtmotoringusa.com/ebay/bullet2.png’); width: 1em; height: 1em; padding-right: 1em; }
h4 { margin: 0; padding: .6em 1.2em; font-family: ‘Oswald’; font-weight: 400; font-size: 1em; color: #cccccc; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibreORIGINAL.png’); text-align: left; border-radius: 3px; }
h5 { margin: 1em; padding: 0; font-family: ‘Titillium Web’; font-weight: 300; font-size: 1em; color: #000000; text-align: left; vertical-align: middle; line-height: 1.2em; }
/*
h6 { width: 100%; max-width: 650px; font-family: ‘Oswald’; font-size: .965em; text-align: center; margin: 1em auto; padding: 0; background: url(‘https://www.dtmotoringusa.com/ebay/carbon_fibre.png’); color: #ffffff; line-height: 2em; font-weight: 400; }
*/
#info #footer { width: 100%; max-width: 240px; margin: 0 auto;}
#info #footer p { color: #bbb; font-family: ‘Oswald’; font-weight: 300; font-size: .75em; text-align: center; margin: .1em 0; }
ul.dt_gallery input.dt_gallery_radio{
display:none;
}
ul.dt_gallery img{
width:100%
}
ul.dt_gallery{
position: relative;
max-width: 910px;
margin: 0 auto;
margin-top: 760px;
padding: 5px 0;
text-align: center;
}
ul.dt_gallery:after{
content:””;
display:block;
clear:both;
}
ul.dt_gallery li{
width: 80px;
height: 80px;
margin: 3px;
display: inline-block;
float: none;
}
ul.dt_gallery li:after{
content: “”;
display: block;
position: absolute;
top: -1000px;
left: 0px;
height: 900px;
width: 100%;
z-index: 1001;
}
.dt_gallery_banner{
position: absolute;
overflow: hidden;
top: -755px;
left: 78px;
width: 750px;
height: 750px;
margin: 0;
border: 1px #ccc solid;
box-sizing: border-box;
}
.dt_gallery_banner:after{
overflow: visible;
}
.dt_gallery_banner img{
position: absolute;
top: 0;
left: 750px;
transition: all .4s cubic-bezier(.22,.61,.36,1);
}
.dt_controls_btn.dt_prev_btn_list{
left:-30px;
}
.dt_controls_btn.dt_next_btn_list{
right: -30px;
}
.dt_controls_btn.dt_next_btn_list[data-status=””]{
display:none !important;
}
.dt_controls_btn{
width:35px;
}
.dt_controls_btn:hover{
opacity: .8;
}
.dt_controls_btn:hover ~ .arrows {
color: rgba(156,244,46,0.4);
}
.dt_controls_btn{
display:none;
z-index: 3000;
position: absolute;
top: 46%;
}
label.dt_pager>img{
border: 1px #ccc solid;
box-sizing: border-box;
}
label.dt_pager:hover>img{
border-color: #00FF00;
}
/**slider**/
.dt_gallery_radio:checked ~ .dt_gallery_banner img{
left:0;
}
/**controls for next slide and previous slide**/
.dt_gallery_radio:checked ~ .dt_gallery_banner .dt_controls_btn{
display:block;
}
.dt_gallery_radio:checked ~ img {
border-color: #00FF00;
border-width: 2px;
}
label.dt_pager > img[src=””] {
display:none;
}
.dt_table li[data-status=””] {
display:none;
} /*hide if no picture*/
*:hover>.dt_hover_hide{
display:none;
}
*:not(:hover)>.dt_hover_show{
display:none;
}
.arrows_background_previous{
background: rgba(128,128,128,0.3);
color: white;
margin-left: 25px;
width: 60px;
height: 96px;
border: 1px solid;
border-color: rgba(255,255,255,0.4);
border-radius: 10px 10px;
}
.arrows_background_previous:hover {
background: rgba(128,128,128,0.6);
border-color: rgba(128,128,128,0.8);
}
.arrows_background_next:hover {
background: rgba(128,128,128,0.6);
border-color: rgba(128,128,128,0.8);
}
.arrows_background_previous: hover ~ .arrows{
color: rgba(156,244,46,0.4);
}
.arrows_background_next{
background: rgba(128,128,128,0.3);
color: white;
margin-left: -50px;
width: 60px;
height: 96px;
border: 1px solid;
border-color: rgba(255,255,255,0.4);
border-radius: 10px 10px;
}
.arrows_background_next:hover > .next1{
color: rgba(0,255,0,0.6);
}
.arrows_background_previous:hover > .prev{
color: rgba(0,255,0,0.6);
}
.arrows {
width: 48px;
height: 48px;
border-color: rgba(255,255,255,0.4);
position: absolute;
top: 50%;
margin-top: -31px;
color: rgba(255,255,255,0.3);
}
.prev{
border-bottom: 10px solid;
border-left: 10px solid;
transform: rotate(45deg);
left: 45px;
}
.next1 {
border-bottom: 10px solid;
border-left: 10px solid;
transform: rotate(-135deg);
right: 45px;
}
.dt_table {
display: table; /* Allow the centering to work */
margin: 0 auto;
/*margin-top: -125px;*/
padding-bottom: .05em;
}
#arrowOne
{
width: 920px ;
max-width: 920px ;
height: auto ;
}
#product_views #arrowOne {
width: 800px ;
max-width: 800px ;
height: auto ;
}
.slide_background
{
width: auto;
max-width: 920px;
margin: 1em auto;
background: url(https://www.dtmotoringusa.com/ebay/carbon_fibre.png);
padding-bottom: .1em;
}
#product_views {
width: 100%;
max-width: 800px;
max-height: 600px;
height:450px;
margin: 1em auto;
margin-bottom: 20px;
text-align: center;
padding-bottom: 50px;
background: url(https://www.dtmotoringusa.com/ebay/carbon_fibre.png);
border-radius: 5px;
}
#info #infoContent > div {
display: none;
padding: 20px 25px 5px;}
#radio1_1:checked ~ #infoContent #infoContent1{
display: block ;
}
#radio1_2:checked ~ #infoContent #infoContent2{
display: block ;
}
#radio1_3:checked ~ #infoContent #infoContent3{
display: block ;
}
#radio1_4:checked ~ #infoContent #infoContent4 {
display: block ;
}
#radio1_5:checked ~ #infoContent #infoContent5 {
display: block ;
}
#backtotop {
position:fixed; right: 30px; bottom:15px;
}
#backtotop img {
width: 60px;
opacity: .8 ;
}
#info #infoContent section#infoList div#combo div.comboList[data-status=””]{
display:none;
}
#warehouse_picture { margin: 0 auto; width:100%; padding-bottom:10px; transition: all .2s ease-in-out; }
#warehouse_picture:hover {
transform: scale(1.02);
}
#secondAdd[data-status=””]{
display:none;
}
#firstAdd[data-status=””]{
display:none;
}
/************************************ MEDIA QUERY ***************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
header #headerTop { width: 1024px; }
header #headerBottom { width: 1024px;}
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
#youtube .watermark {
right: -150px;
width: 160px;
}
#youtube #videoContent #videoContent1 .watermark, #videoContent2 .watermark {
right: -390px;
}
#youtube #videoContent #videoContent3 .watermark, #videoContent4 .watermark, #videoContent5 .watermark{
left: 300px;
}
#warehouse_picture {max-width: 750px; margin-left: -20px; width: 120%; }
#slider #sliderImage{ width: 90%; margin: 0 auto; padding: 1em 0;}
#share { width: 90%; margin: 0 auto;}
#buttonTwo .buttons { width: 40%; height: 75px; }
#buttonTwo .buttons img {max-width: 200px; }
/*
#point section { width: 50%; }
#point section img { width: 60%; margin: 0 auto; }
#point section hr { width: 80%;} */
#point_section {max-width: 105px; margin-left:0 auto; }
#internal #internalContent { width: 96%; margin: 1em auto;}
#youtube {min-height: 450px; }
#youtube #videoNavi label { width: 15%;}
#youtube #videoContent { width: 90%; }
#youtube .picture_frame {margin-top:0; max-height:400px;}
#youtube label {
font-size: .8em;
}
#info #infoContent { width: 96%; }
header #headerMid #banner img#banner1 {display: none;}
header #headerMid #banner img#banner2 {display: block;}
header #headerMid #banner img#banner3 {display: none;}
ul.dt_gallery {
max-width:500px;
max-height:420px;
width: auto;
margin-top: 440px;
margin-left:20px;
}
.dt_gallery_banner {
left:20px;
top: -420px;
max-width:420px;
max-height:420px;
}
ul.dt_gallery img {
width: 100%;
}
.dt_table{
margin-left: -20px;
margin-top: 10px;
max-width: 500px;
}
#arrowOne {
width:100%;
}
.slide_background {
max-width:500px;
}
#point img{
width: 120px;
margin-left: 10px;
}
#mobile_360
{
width: 90%;
max-width: 650 px;
}
#product_views {
width: 90%;
max-width: 650px;
height: 600px;
}
#product_views #arrowOne {
width: 100%;
max-width: 650px;
height: auto;
}
#info label {
width: 12%;
}
#info #infoContent #infoContent1 #infoList #combo #box .title img {
max-width: 280px;
}
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight {
width:60%;
padding-top: 0;
}
#info #infoContent #infoContent5 #returnTop img {
max-width: 340px;
}
#info #infoContent #infoContent5 #returnTop section ul {
margin-top: 30px;
}
#info #infoContent #infoContent5 {
height: 500px;
}
#backtotop {
display:none;
}
}
@media only screen and (max-width : 480px) {
header #headerMid #banner img#banner1 {display: none;}
header #headerMid #banner img#banner2 {display: none;}
header #headerMid #banner img#banner3 {display: block;}
header #headerTop { overflow: hidden; }
header #headerTop #navi ul li { width: 50%; padding: .5em 0; }
header #headerTop form#searchBar { width: 100%;}
header #headerTop #logo #innerLogo {width: 94%; padding: 1em 0 .5em 0; margin: 0 3%;}
#fitment h2 { margin: 1.2em 0; }
#fitment h2 b { width: 100%; text-align: center; }
#fitment h2 p { width: 80%; text-align: center; margin: 0 auto; float: none; }
#type{ width: 80%;}
h6 { width: 80%; line-height: 1.5em;}
hr#hairline1 { width: 80%; }
#attention { width: 80%; margin: .5em auto;}
#attention h3 b { width: 100%; text-align: center; }
#attention h3 b span { background: #000; }
#attention h3 p { width: 80%; text-align: center; margin: 0 auto; float: none;}
#attention h3 {
padding-left: 0;
}
#slider { background: none; }
#slider #arrowOne { display: none; }
#slider #sliderImage { width: 100%; margin: 0 auto; padding: 1em 0; }
#share{ margin: 0;}
#share img { width: 48%; margin: 1%; filter: grayscale(0%); /* IE6-9 */-webkit-filter: grayscale(0%); opacity: 1; }
#buttonTwo { background: none;}
#buttonTwo .buttons { width: 280px; height: 85px; margin: .3em auto; }
#buttonTwo .buttons img { max-width: 260px; margin-top: 4px; }
.additionImage { display: none;}
#internal { display: none;}
#point section { width: 100%; margin: 0; }
#point section { width: 60%; margin: 0 20%;}
#point section .span2 { font-size: 2.6em;}
#point section hr { width: 60%; }
#youtube { display: none;}
#spin { display: none;}
#info {max-width: 450px;}
#info #infoContent section#infoList div#combo div.comboList div.ComboTop b { width: 100%; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop span { width: 100%; }
#info #infoContent { width: 95%; transform: translateY(10px); padding: 0; margin-top: -12px;}
#info #infoContent section#infoList div.lineUp { width: 100%;}
#info #infoContent section#infoList div#combo div.comboList div.ComboTop b { width: 100%; }
#info #infoContent section#infoList div#combo div.comboList div.ComboTop span { width: 100%; }
#info #infoContent section#infoSpecs div { width: 100%;}
#info #footer { padding-top: 40px;}
ul.dt_gallery {
max-width: 280px;
margin-top: 320px;
}
.dt_gallery_banner {
top: -300px;
left: 0px;
width: 280px;
height: 280px;
}
.dt_gallery_banner img {
left: 280px;
}
ul.dt_gallery li:after {
top: -300px;
height: 300px;
}
.dt_pager>img{
display:none;
}
ul.dt_gallery li{
width:13px;
height:13px;
margin: 3px;
float: none;
border:0;
}
.dt_pager>span{
display: block;
background:url(https://www.dtmotoringusa.com/ebay/pager_round.png)-13px 0 no-repeat;
width:13px;
height:13px;
}
.dt_pager>span[data-status=””]{
display: none !important;
}
.dt_controls_btn {
width:15px;
}
/**pager selected**/
.dt_gallery_radio:checked ~ span{
background-position:0 0;
}
.slide_background {
padding-bottom: 10px;
max-width: 350px;
margin: 0 auto;
}
#arrowOne{
width:100%;
max-width: 480px;
}
.dt_table{
margin-top: -4px;
padding-bottom: 0;
}
.arrows_background_next{
width: 30px;
height: 48px;
margin-left: -44px;
}
.arrows_background_previous{
width: 30px;
height: 48px;
}
.arrows {
width: 18px;
height: 18px;
border-color: white;
position: absolute;
top: 50%;
margin-top: -8px;
color: rgba(255,255,255,0.4);
}
.prev{
border-bottom: 5px solid;
border-left: 5px solid;
transform: rotate(45deg);
left:38px;
}
.next1 {
border-bottom: 5px solid;
border-left: 5px solid;
transform: rotate(-135deg);
left:-46px
}
.arrows_background{
color: white;
margin-left: -23px;
width: 30px;
height: 30px;
border-radius: 10px 10px;
margin-top: -28px;
}
#point {
width: 100%;
max-width: 320px;
margin: 1em auto;
overflow: hidden;
}
#point img{
width: 130px;
padding: 0;
}
#product_views {
width: 95%;
max-width: 600px;
height:350px;
padding: 0 10px;
}
#product_views #arrowOne {
width: 107%;
max-width: 600px;
height: auto;
margin-left: -10px;
}
#product_views > div video{
margin-top: -40px;
}
#mobile_360
{
width: 100%;
max-width:600px;
max-height:240px;
}
#point_section {
margin-left:10px;
max-width: 130px;
}
#info #infoContent {
text-align: center;
}
#info #infoContent #infoContent1 {
padding: 20px 8px 5px 3px;
margin: 0 auto;
}
#info #infoContent #infoContent2 #ship #shipTop #shipTopLeft {
width: 100%;
margin: 0 60px;
}
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight {
width: 100%;
margin: 0 -10px;
padding-top: 20px;
}
#info #infoContent #infoContent2 #ship #shipLeft {
width: 100%;
}
#info #infoContent #infoContent2 #ship #shipRight {
width: 100%;
margin: 0 2%;
}
#info #infoContent #infoContent2 #ship #shipTop #shipTopRight div.inline div.reachWrapper .reachTWO {
font-size: 0.9em;
}
#info #infoContent #infoContent1, #infoContent3 { display: block !important; text-align: left;
}
#info #infoContent #infoContent2, #infoContent4, #infoContent5 { display: none !important;
}
#info #infoContent > div {
padding: 20px 5px 5px;
}
#info #infoContent #infoContent3 {
margin-top: -50px;
}
#info #infoContent #infoContent3 .flexWrapper div.flexIT {
width: 100%;
margin-top: -20px;
}
#info #infoContent #infoContent3 .flexWrapper div.flexTwo div.reachWrapper .reachTWO {
font-size: 0.9em;
}
#info #infoContent #infoContent3 .flexWrapper {
width: 90%;
}
#info #infoContent #infoContent3 #aboutFlex2, #aboutFlex3 {
display: none;
}
#info #infoContent #infoContent5 #returnImage img {
width: 40% !important;
}
#info #infoContent #infoContent5 #returnImage {
max-width: 350px;
padding: 30px 4%;
}
#info #infoContent #infoContent5 {
height: 780px;
}
#backtotop {
display:none;
}
#info #infoContent #infoContent5 #returnTop #returnTop1 {
max-width: 330px;
margin-left: -20px;
}
#info #infoContent #infoContent5 #returnTop #returnTop2 {
list-style-type: none;
margin-top: 120px;
padding-top: 90px;
margin-left: -150px;
}
#info #infoContent section#infoList div#box {
max-width: 330px;
}
#info #infoContent section#infoList div#box .title img {
max-width: 310px;
}
#info label {
display:none;
}
#firstPic { display: none;}
#warehouse_picture {
width: 100%;
margin: 20px auto 0 auto;
}
}
/************************************ MEDIA QUERY ENDS ***************************************************/
For Toyota
1997-2000
Tacoma 2WD
1998-2000
Tacoma 4WD
[2-Door Regular Cab | 2-Door Extra Cab]
<div class="additionImage" id="firstAdd" data-status="“>
Reviews
There are no reviews yet.