FOR MINI COOPER F55 F56 F57 FRONT BUMPER COVER NUMBER PLATE MOUNT PLINTH JCW BLA

body{ margin:0; padding:0}

ul, li,h1,h2,h3,ol{ margin:0; padding:0}

/* latin */

@font-face {

font-family: 'Courier New';

font-style: normal;

font-weight: 400;

src: local('Courier New'), local('CourierNewPSMT'), url(https://fonts.gstatic.com/l/font?kit=ijwRs57lRMAkZYJiwPkexnNGfJ4&skey=e2fc0b95199b08bc&v=v9) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin */

@font-face {

font-family: 'Courier';

font-style: normal;

font-weight: 400;

src: local('Courier Std Medium'), local('CourierStd'), url(https://fonts.gstatic.com/l/font?kit=i7dKIFtyYSaNG9A_JrmedQ&skey=415f62b718dd1a36&v=v2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

.aalbg{ background:#ECECEC;display:block; position:relative; }

.wapbar{ width:1130px; margin:0 auto; display:block; position:relative; background:#fff;}

.topbanner{ width:100%;}

.topbanner img{ max-width:100%;}

.menuant{ width:100%; margin:0 auto; display:block; position:relative; background:#000; height:57px; overflow:hidden; font-family:Verdana, Geneva, sans-serif; font-size:14px;}


.menuant ul,.menuant li{ margin:0; padding:0}

.menuant li{ list-style:none; line-height:57px; display: inline-block}

.menuant li a{ color:#FEDE00; text-decoration:none; display:block; padding-right:28px; padding-left:28px;-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

-ms-transition: all 0.3s linear;

-o-transition: all 0.3s linear;

transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}

.menuant li a:hover{ text-decoration:underline; background: url(https://i.frog.ink/0Ipwggy1/menubg.jpg); color:#FEDE00;opacity:0.9;}

.topicoline{ background:url(https://i.frog.ink/YmBAcOqF/whysbg.jpg); height:16px; width:100%;}




.leftwid{ display:block; width:220px; float:left; margin-left:10px}


.midtwid{ width:880px; display:block; position:relative; float:right;}


.lefttitbg{ height:43px; background:#2D2D2D; line-height:43px; color:#FEDE00; margin-top:10px}

.lefttitbg strong{ font-family:"Courier New", Courier; font-weight:bold; font-size:18px;text-align:center}



#fenle{line-height:33px; font-size:12px; margin-bottom:10px}

#fenle ul{ padding:0; margin:0; }

#fenle li{padding:0px; margin:0px;font-family: Verdana, Geneva, sans-serif; border-top:1px solid #111; background:#2A2A2A;}

#fenle li{ list-style: none;text-align:left; margin:0; padding:0;}


#fenle li a{color:#fff; font-weight:bold;text-decoration: none; font-size:14px; padding-left:15px;display:block;}

#fenle li a:hover { padding-left:15px;color:#000; background:#FEDE00; display:block;}


#fenle ul ul li a {color:#ccc; padding-left:20px;text-decoration: none; background:#111111;font-size:12px;font-weight: normal; height:28px; overflow:hidden}

#fenle ul ul li a:hover{color:#333;padding-left:20px; display:block; }


.sponpro{font-family:Verdana, Geneva, sans-serif; background:#111111;font-size:12px; line-height:20px; padding-top:15px; padding-bottom:10px; text-align:center}

.sponpro .reomen{ width:200px; margin:0 auto;overflow:hidden; margin-bottom:15px }

.sponpro .miantit{ width:200px; padding-top:10px}

.sponpro a{ color: #FFF; text-decoration:none}

.sponpro a:hover{ color: #FC0; text-decoration: underline}

.sponpro a span{ background:#FEDE00;color:#000; padding:2px 10px;font-size:12px; font-family:Verdana, Geneva, sans-seri; margin-top:5px;}

.sponpro a:hover span{background:#FEDE00;color:#000; }


.sponpro .miantit a,.sponpro .miantit a span,.sponpro a img{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}

.sponpro .miantit a:hover,.sponpro .miantit a:hover span,.sponpro a:hover img{opacity:0.8}

.sponpro strong{color: #FC0; font-size:16px;}

.sponpro .pricewid{line-height:35px;}


.sponpro img{ max-width:180px; border:4px solid #2D2D2D}



.titbox{ background:#e3e3e3;line-height:54px;font-family: Verdana, Geneva, sans-serif; font-size:18px; text-align:center; font-weight:normal;color:#000;}

.titbox h1{ margin:0; padding:0; font-size:16px;color:#000;}



.rightblack{font-size:16px;font-family:Verdana, Geneva, sans-serif;height:50px; width:100%; color:#000;font-weight:bold; line-height:50px; background:#000;}

.rightblack h3{ margin:0; padding:0; padding-left:14px;color:#FEDE00}




.descbox{color:#000; font-size:14px;font-family:"Microsoft Sans Serif",Verdana, Geneva, sans-serif; width:98%; margin:0 auto; font-size:14px; padding-top:10px; padding-bottom:10px; line-height:150%}

.descbox ul,.descbox ol{margin-left:18px;}

.descbox img,.descbox table{ max-width:100%; height:auto}

.descbox p{ margin:0; padding:0}




#policybox {display:block; position:relative; margin: 0 auto;background:#000; margin-top:10px; margin-bottom:10px; width:880px; overflow:hidden }

#policybox section {display: block;padding:0;text-align:left; font-family:"Open Sans",Verdana, Geneva, sans-serif; line-height:150%; font-size:14px; display:block;background:#FFF; }

#policybox input {display: none;}

#policybox label {display: inline-block;color:#fff;}

#policybox label:hover {cursor: pointer;background: #FEDE00;color:#000;}

#policybox input:checked + label {cursor: pointer;background: #FEDE00; color:#000; border-bottom:none;}

#policybox label,#policybox input:checked + label {margin:0 auto; padding:0;height:50px;line-height:50px;font-family:Verdana, Geneva, sans-serif;font-size:13px; font-weight:bold; padding-left:16px; padding-right:18px;cursor: pointer; text-align:center;text-transform:uppercase;}



#tab1:checked ~ #content1,

#tab2:checked ~ #content2,

#tab3:checked ~ #content3,

#tab4:checked ~ #content4,

#tab5:checked ~ #content5 {

display: block;

}


.politit{margin-top:10px; background:#000; height:35px; line-height:32px; overflow:hidden}

.politit strong{ color:#FEDE00; font-size:16px; font-family: Verdana, Geneva, sans-serif; margin:0; padding:0; text-align:left; margin-left:12px}


.hotbox{ display:block; background:#111111;position:relative}


.boxi{ width:205px; padding-top:10px }

.boxi{margin-left:12px; margin-bottom:12px; float:left;}

.boxi img{ width:200px; height:200px; max-width:200px; max-height:200px; border:4px solid #2D2D2D}

.boxi p{ margin:0; padding:0}

.boxi .price{color:#FEDE00; font-size:24px; line-height:30px; font-family: Arial, Helvetica, sans-serif; margin-bottom:6px; margin-top:6px }

.boxi .boxtit{ height:36px; overflow:hidden}


.boxi a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; font-size:12px; line-height:18px;text-align:center; color:#fff;-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

-ms-transition: all 0.3s linear;

-o-transition: all 0.3s linear;

transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}

.boxi a:hover{ color:#FEDE00; text-decoration:underline;opacity:0.8}


.boxi a span{background:#FEDE00;color:#000;padding:3px 10px; font-size:12px; font-family:Verdana, Geneva, sans-seri;margin-top:8px;-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

-ms-transition: all 0.3s linear;

-o-transition: all 0.3s linear;

transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}

.boxi a:hover span{background:#FEDE00;color:#000; opacity:0.8}

.boxi .picwid{ width:98%; margin:0 auto; margin-bottom:10px}

.copylibox{ text-align:center; line-height:150%; padding-top:14px; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px}



/*picture common*/

.image_gallery,.thumbnails,.thumbnails li{text-align:center}

*{padding:0;margin:0;outline:0;border:none;box-sizing:border-box;font-family:'Arial',sans-serif}

p{font-size:16px;line-height:26px;color:#231f20}

img{max-width:100%}


.clear{clear:both}


.image_gallery{ padding-bottom:20px;width:85%; margin:0 auto;}

.container{width:100%;position:relative;margin:0 auto}

.thumbnails{font-size:0}

.thumbnails li{margin:10px 5px 0;width:100px;height:100px;background:#fff;display:inline-block;vertical-align:middle}

.item_desc h3,.item_desc ul{ margin-bottom:10px}

.item_desc h2{ margin:0; padding:0; text-transform:uppercase; margin-bottom:2px; margin-top:7px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; line-height:160%;}

.thumbnails input[name=select]{display:none}

.thumbnails .item-hugger{padding:5px;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #e3e3e3;transition:all 150ms ease-in-out}

.thumbnails .gallery_content,.white-box{height:540px;overflow:hidden}

.thumbnails label{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}

.thumbnails .title{padding:20px 0 0;font-size:18px;color:#555;transition:all 150ms linear}

.thumbnails .gallery_content{max-width:540px;width:100%;background:#fff;transition:all 150ms linear;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%)}

.thumbnails input[name=select]:checked+.item-hugger{border-color:#333}

.thumbnails input[name=select]:checked~.gallery_content{opacity:1}



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

.image_gallery,.item_desc{width:100%}

.tabs .tab,.tabs label{order:initial;transition:.3s all;display:block}

}

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

.thumbnails .gallery_content,.white-box{height:400px}.thumbnails li{width:70px;height:70px}

}



.aalbg:after,.wapbar:after,.midtwid:after,.descbox:after,.hotbox:after,#policybox:after{ content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden; }




@media (min-width:980px)

{

#policybox section {display:none;}

.politit{ display:none}

.pictureslider {width:68%;position: relative;margin: 0 auto;}

.pictureslider > img { transition: all 0.5s;width:100%;}


.picturesmall{ width:100%; float:right; margin-top:10px;}

.big_preview_img{ display:none}

.pictureslider input {display: none;}

.pictureslider label {width:85px; height:85px; margin-right:0px; float:none; transition: all 0.5s;opacity: 0.9; margin-bottom:10px; cursor:pointer;display:inline-block;vertical-align:middle; border-radius:2px; background:#fff;}


.pictureslider span{display:table-cell;width:85px;height:85px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:85px; max-width:85px}



}






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

.wapbar{ width:98%; margin:0 auto}

.wapbar,.menuant,.hotbox{width:100%;}


.menuant li a{ padding-right:10px; padding-left:10px;}


.pictureslider {width:70%; margin:0 auto}

.pictureslider > img { transition: all 0.5s;width:100%;}

.picturesmall{ width:100%; float:right; margin-top:10px;}

.big_preview_img{ display:none}

.pictureslider input {display: none;}

.pictureslider label {display:block; width:70px; height:70px; margin-right:0px; float:none; transition: all 0.5s;opacity: 0.6; margin-bottom:10px; cursor:pointer;display:inline-block;vertical-align:middle; border-radius:2px; background:#fff;}

.pictureslider span{display:table-cell;width:70px;height:70px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:70px; max-width:70px}




.desboxmar{ width:96%; margin:0 auto;}


.midtwid{ width:100%; float:none}

.leftwid{ display:none}

#policybox{ width:100%;}

#policybox label{ display:none}

#policybox section {display: block; }


.politit{ display: block}

.boxi{ width:45%; }

.boxi{margin-left:5px; margin-bottom:15px; float:left; text-align:center}

.boxi img{ border:5px solid #111; height:auto; max-width:100%; max-height:100%}


}

@media screen and (max-width: 980px) {.pictureslider {width:70%; margin:0 auto}

.pictureslider label {width:70px; height:70px;float:none;display:inline-block;}



.pictureslider span{display:table-cell;width:70px;height:70px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:70px; max-width:70px}


.boxi{margin-left:10px; margin-bottom:15px;width:23%;float:left;}

.boxi img{ height:auto;max-width:170px; max-height:170px;}

.boxi .boxphoto{ height:170px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}



}




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

.pictureslider {width:80%; margin:0 auto; margin-bottom:15px}

.pictureslider label {display:inline-block; width:65px; height:65px; margin-right:1px; float:none;}


.pictureslider span{display:table-cell;width:65px;height:65px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:65px; max-width:65px}



.boxi{margin-left:8px; margin-bottom:15px;width:23%;float:left;}

.boxi img{ height:auto;max-width:150px; max-height:150px;}

.boxi .boxphoto{ height:150px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}



}


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

.pictureslider label {display: inline-block; width:45px; height:45px; margin-right:3px; margin-bottom:4px; float:left;}

.pictureslider span{display:table-cell;width:43px;height:43px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:43px; max-width:43px}

.boxi{margin-left:8px; margin-bottom:15px;width:45%;float:left;}

.boxi img{ height:auto;max-width:175px; max-height:175px;}

.boxi .boxphoto{ height:175px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}


}


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

.pictureslider label {display: inline-block; width:45px; height:45px; margin-bottom:3px; margin-right:3px; float:left;}


.pictureslider span{display:table-cell;width:43px;height:43px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:43px; max-width:43px}

.boxi{margin-left:8px; margin-bottom:15px;width:45%;float:left;}

.boxi img{ height:auto;max-width:170px; max-height:170px;}

.boxi .boxphoto{ height:170px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}



}


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

.pictureslider label {display: inline-block; width:45px; height:45px; margin-bottom:3px; margin-right:3px; float:left;}


.pictureslider span{display:table-cell;width:43px;height:43px;text-align:center;vertical-align:middle}

.pictureslider span img{ max-height:43px; max-width:43px}

.boxi{margin-left:8px; margin-bottom:15px;width:45%;float:left;}

.boxi img{ height:auto;max-width:160px; max-height:160px;}

.boxi .boxphoto{ height:160px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}

}