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-size: 100%;
font: inherit;
vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-x:hidden;
}
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;
}
img {
max-width: 100%;
width: auto;
}
hr{height:1px; border:1px solid #959595; border-bottom:none; margin:40px 0 60px;}
br.separator{margin-bottom:40px; height:1px; display:block;}
/* Lists */
ul,ol { list-style:none; }
/* Tools */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; display:inline-block; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.clear,
.clear-2{clear:both;}
/* ======================================================================================= */
/* Global Styles ========================================================================= */
body {
font:0.75em/1.5em Arial, sans-serif;
color:#686868;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/site_bg.png) left top repeat #161616;
}
body.page-popup{background-color:#fff; padding:18px;}
/* Background Paterns */
.pandora {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/pandora.png) center top repeat;}
.pandora_2 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/pandora_2.png) center top repeat;}
.degreee_fabric {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/degreee_fabric.png) center top repeat;}
.degree_gray {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/degree_gray.png) center top repeat;}
.beige_paper {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/beige_paper.png) center top repeat;}
.bgnoise_lg {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/bgnoise_lg.png) center top repeat;}
.bright_squares {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/bright_squares.png) center top repeat;}
.brushed_alu {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/brushed_alu.png) center top repeat;}
.cardboard {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/cardboard.png) center top repeat;}
.circles {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/circles.png) center top repeat;}
.concrete_wall_2 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/concrete_wall_2.png) center top repeat;}
.concrete_wall_3 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/concrete_wall_3.png) center top repeat;}
.cork_1 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/cork_1.png) center top repeat;}
.crosses {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/crosses.png) center top repeat;}
.cubes {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/cubes.png) center top repeat;}
.diagonal-noise {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/diagonal.png) center top repeat;}
.diamonds {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/diamonds.png) center top repeat;}
.double_lined {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/double_lined.png) center top repeat;}
.elastoplast {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/elastoplast.png) center top repeat;}
.elegant_grid {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/elegant_grid.png) center top repeat;}
.exclusive_paper {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/exclusive_paper.png) center top repeat;}
.fabric_1 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/fabric_1.png) center top repeat;}
.fancy_deboss {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/fancy_deboss.png) center top repeat;}
.felt {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/felt.png) center top repeat;}
.first_aid_kit {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/first_aid_kit.png) center top repeat;}
.gold_scale {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/gold_scale.png) center top repeat;}
.green_gobbler {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/green_gobbler.png) center top repeat;}
.grunge_wall {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/grunge_wall.png) center top repeat;}
.handmadepaper {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/handmadepaper.png) center top repeat;}
.leather_1 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/leather_1.png) center top repeat;}
.light_alu {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/light_alu.png) center top repeat;}
.light_checkered_tiles {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/light_checkered_tiles.png) center top repeat;}
.light_honeycomb {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/light_honeycomb.png) center top repeat;}
.light_wool {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/light_wool.png) center top repeat;}
.littleknobs {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/littleknobs.png) center top repeat;}
.micro_carbon {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/micro_carbon.png) center top repeat;}
.noise_pattern_with_crosslines {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/noise_pattern_with_crosslines.png) center top repeat;}
.noisy {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/noisy.png) center top repeat;}
.old_mathematics {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/old_mathematics.png) center top repeat;}
.paper_1 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/paper_1.png) center top repeat;}
.paper_2 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/paper_2.png) center top repeat;}
.paper_3 {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/paper_3.png) center top repeat;}
.paven {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/paven.png) center top repeat;}
.pinstripe {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/pinstripe.png) center top repeat;}
.polaroid {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/polaroid.png) center top repeat;}
.project_papper {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/project_papper.png) center top repeat;}
.rip_jobs {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/rip_jobs.png) center top repeat;}
.rockywall {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/rockywall.png) center top repeat;}
.roughcloth {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/roughcloth.png) center top repeat;}
.silver_scales {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/silver_scales.png) center top repeat;}
.small_tiles {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/small_tiles.png) center top repeat;}
.smooth_wall {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/smooth_wall.png) center top repeat;}
.soft_circle_scales {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/soft_circle_scales.png) center top repeat;}
.soft_wallpaper {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/soft_wallpaper.png) center top repeat;}
.square_bg {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/square_bg.png) center top repeat;}
.stucco {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/stucco.png) center top repeat;}
.subtle_freckles {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/subtle_freckles.png) center top repeat;}
.subtle_orange_emboss {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/subtle_orange_emboss.png) center top repeat;}
.vichy {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/vichy.png) center top repeat;}
.washi {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/washi.png) center top repeat;}
.wavecut {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/wavecut.png) center top repeat;}
.white_carbon {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/white_carbon.png) center top repeat;}
.white_sand {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/white_sand.png) center top repeat;}
.white_texture {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/white_texture.png) center top repeat;}
.whitey {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/whitey.png) center top repeat;}
.xv {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/paterns/xv.png) center top repeat;}
.clear-container{width:100%; overflow:hidden;}
.ie-fix{position:relative; width:100%;}
a {
text-decoration:none;
-moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
color:#989898;
}
a:hover {
text-decoration:none;
color:#333333;
}
:focus { outline:0; }
/* Headings */
h1 { font-size:1.5em; line-height:normal; font-weight:normal; }
h2 { font-size:1.33em; line-height:normal; font-weight:normal; margin-bottom:9px;}
h3 { font-size:1.09em; line-height:normal; font-weight:bold; margin-bottom:9px;}
h4 { font-size:1em; line-height:normal; font-weight:bold; margin-bottom:9px;}
h5 { font-size:0.91em; line-height:normal; font-weight:bold; margin-bottom:9px;}
h6 { font-size:0.91em; line-height:normal; font-weight:normal; margin-bottom:9px;}
h1,h2,h3,h4,h5,h6{font-family: Arial, sans-serif;}
.main-left { float: right !important;}
aside.sidebar-right { float: right !important;}
.col-main p{margin-bottom:9px;}
.content-wrapper .container_12{background-color:#FFF;}
.content-wrapper > .container_12{position:relative; padding-top:18px;}
.content-wrapper .main-container{padding-top:0;}
.cms-home .content-wrapper > .container_12{background:none;}
.box {
border:1px solid #e5e5e5;
padding: 10px;
margin: 0 0 10px 0;
}
/* toTop Button */
#toTop {
z-index:9999;
display:none;
text-decoration:none;
position:fixed;
bottom:170px;
right:40px;
width:46px;
height:46px;
border:none;
text-indent:-999999px;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/ui.totop.png);
background-position:13px 15px;
background-repeat:no-repeat;
-moz-border-radius:30px;
border-radius:30px;
}
#toTopHover {
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/ui.totop.png);
background-position:16px 18px;
background-repeat:no-repeat;
width:52px;
height:52px;
margin:-3px 0 0 -3px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-moz-border-radius:30px;
border-radius:30px;
}
#toTop:active, #toTop:focus {
outline:none;
}
/* Fancybox */
a.fancybox {
display: block;
width:30px;
height:30px;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/icon_fancybox.png);
text-indent:100%;
white-space: nowrap;
overflow:hidden;
background-color:#FFF;
-moz-border-radius:17px;
border-radius:17px;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
transition:none;
-moz-transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
/*Home Slider*/
.slider-container,
.grid-container{position:relative; padding:60px 0 40px;}
.grid-container .slider-text-box h2{font-size:4em; line-height:1.2em; font-weight:100; color:#333;}
.grid-container .slider-text-box p{font-size:1.5em; line-height:1.44em; font-weight:100;}
.slider-container.widget-container{padding:0;}
.slider-container.widget-container .es-carousel-wrapper,
.slider-container.widget-container .es-carousel-wrapper > ul{margin-top:-12px; padding-top:12px!important;}
.slider-container.widget-container .products-grid .price-box{margin-bottom:0;}
.slider-container .slider-text-box h2{font-size:4em; line-height:1.2em; font-weight:100; color:#333;}
.slider-container .slider-text-box p{font-size:1.5em; line-height:1.44em; font-weight:100;}
.home-slider {position:relative;}
.home-slider-conainer{position:relative;}
.home-slider-conainer .products-grid li.item{width:222px; padding:0 30px 0 0;}
.home-slider-conainer .products-grid li.item .product-img-box{margin-bottom:18px;}
.es-carousel-wrapper{
padding:0;
position:relative;
/*float:left!important;*/
display:block!important;
zoom:1;
width:100%;
height:auto!important;
}
.carousel-ul{width:100%; display:block!important;}
.es-carousel-wrapper .products-grid li.item{position:static; display:block!important;}
.es-carousel-wrapper .products-grid li.item{float:left;}
.es-carousel{
overflow:hidden;
}
.es-carousel ul li a{
display:block;
}
.es-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.slider-container .prev,
.slider-container .next{
position: absolute;
display: block;
width:46px;
height:46px;
z-index: 999;
-moz-transition:opacity 300ms;
-webkit-transition:opacity 300ms;
-o-transition:opacity 300ms;
transition:opacity 300ms;
opacity:0;
filter: alpha(opacity=0);
cursor:pointer;
}
.slider-container .prev{
left:0;
bottom:-15px;
background-position:left top;
}
.slider-container .prev:hover{background-position:left -22px;}
.slider-container .next {
left:44px;
bottom:-15px;
background-position: -26px top;
}
.slider-container .next:hover{background-position:-26px -22px;}
.slider-container:hover .prev,
.slider-container:hover .next{opacity:1; filter: alpha(opacity=100);}
.slider-container .prev span,
.slider-container .next span{
position:absolute;
display:block;
width:40px;
height:40px;
left:0;
top:0;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius:20px;
border-radius:20px;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.slider-container .prev:hover span,
.slider-container .next:hover span{
width:46px;
height:46px;
left:-3px;
top:-3px;
-moz-border-radius:30px;
border-radius:30px;
}
.slider-container .prev em,
.slider-container .next em{
display:block;
position:absolute;
width:13px;
height:23px;
left:11px;
top:9px;
z-index: 999;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/home_slider_arr.png) left top no-repeat;
}
.slider-container .next em{background-position:-48px 0; left:15px;}
.grid-2-wrapper .icon-product-details{
background-image: url("https://www.oppomart.com/skin/frontend/meigeetheme/default/images/icon_link.png");
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 30px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 30px;
bottom: 20px;
left: 82%;
opacity: 0;
position: absolute;
background-color:#FFF;
-moz-border-radius:17px;
border-radius:17px;
}
.grid-2-wrapper li.item:hover .icon-product-details {
left: 82%;
opacity: 1;
position: absolute;
}
.grid-2-wrapper .products-list li.item .fancybox,
.grid-2-wrapper .products-grid li.item .fancybox{left:65%;}
.grid-2-wrapper .products-list li.item:hover .fancybox,
.grid-2-wrapper .products-grid li.item:hover .fancybox{left:65%;}
.col-main{margin-bottom:18px;}
.main-container{padding-top:36px; padding-bottom:18px; width:100%;}
.main-container.main-main-container {padding-top:36px; padding-bottom:18px;}
/* Form Elements */
input,select,textarea,button { font:11px/18px Arial, Helvetica, sans-serif; vertical-align:middle; color:#999699; }
input.input-text,select{height:18px;}
input.input-text,select,textarea { background:#fff; border:1px solid #d4d4d4; }
input.input-text,textarea { padding:2px; }
select { padding:1px 1px 1px 3px; height:20px;}
select option { padding-right:10px; }
select.multiselect{height:auto;}
select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; margin-top:0;}
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span{
float:left;
height:31px;
padding:0 0 6px;
text-align:center;
white-space:nowrap;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_shadow.png) right bottom no-repeat;
-moz-transition: background-position 500ms ease;
-webkit-transition: background-position 500ms ease;
-o-transition: background-position 500ms ease;
transition: background-position 500ms ease;
}
button.button span span{height:31px; background:none; -moz-border-radius:5px; border-radius:5px; padding:0; font-size:14px; text-transform:none; font-weight:100; color:#333333;}
button.button span span span{height:25px; padding:6px 24px 0;}
button.button:hover span span span{
background-color:rgba(255, 255, 255, 0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1Affffff,endColorstr=#1Affffff);
zoom: 1;
}
/*button.button:active > span{background-position:0 0;}*/
button.button:active span span span{background:none;}
.grid-2-wrapper button.button > span,
.add-to-cart button.button > span{height:60px; padding-bottom:14px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_2_shadow.png) right bottom no-repeat;}
.grid-2-wrapper button.button > span > span,
.add-to-cart button.button > span > span{height:60px;}
.grid-2-wrapper button.button > span > span > span,
.add-to-cart button.button > span > span > span{height:49px; padding:11px 28px 0; font-size:24px; line-height:1.5em;}
/*.grid-2-wrapper button.button:active > span,
.add-to-cart button.button:active > span{background-position:0 0;}*/
.my-wishlist .data-table button.button > span,
.checkout-types button.button > span{height:40px; padding-bottom:14px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_3_shadow.png) right bottom no-repeat;}
.my-wishlist .data-table button.button > span > span,
.checkout-types button.button > span > span{height:40px;}
.my-wishlist .data-table button.button > span > span > span,
.checkout-types button.button > span > span > span{height:32px; padding:8px 28px 0; font-size:18px; line-height:1.44em;}
/*.my-wishlist .data-table button.button:active > span,
.checkout-types button.button:active > span{background-position:0 0;}*/
.my-wishlist .data-table button.button > span{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_4_shadow.png) right bottom no-repeat;}
.my-wishlist .data-table button.button > span > span > span{height:33px; padding-top:7px;}
button.btn-checkout span {}
button.btn-checkout.no-checkout {}
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list{margin:9px 0;}
.form-list li { margin:0 0 9px; }
.form-list label { float:left; color:#111; font-weight:normal; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:324px; }
.form-list input.input-text { width:303px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:310px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:626px; }
.form-list li.wide textarea { width:627px; }
.form-list li.wide select { width:677px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }
.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }
.form-list .name-middlename { width:125px; }
.form-list .name-middlename input.input-text { width:104px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:199px; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:175px; }
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }
.buttons-set { clear:both; margin:5px 0 0; padding:5px; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; margin-left: 5px; }
.buttons-set p.required { margin:0 0 5px; }
.buttons-set-order {}
.fieldset { border:1px solid #e5e5e5; background:#fefefe; padding:22px 15px 12px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:normal; font-size:12px; border:1px solid #e5e5e5; background:#f8f6f6; color:#333; margin:-33px 0 0 -2px; padding:0 8px; position:relative; }
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:12px; text-align:right; color:#D82D46; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin:0 0 3px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px!important; background-repeat:no-repeat !important; padding:9px 21px 6px!important; font-size:1em!important; font-weight:normal!important; text-transform:none;}
.error-msg { border-color:#ffacac; background-color:#ffd5d5; color:#665555; }
.success-msg { border-color:#b1eaa3; background-color:#ddffd5; color:#586655; }
.note-msg,
.notice-msg { border-color:#efe2a0; background-color:#fff8d5; color:#666355; }
ul.i-am-new { list-style:none !important; margin:0 !important; padding:0 !important; width:100%; overflow:hidden; }
ul.i-am-new li {
text-align: center;
border-style:solid;
border-width:1px;
border-top: 0px;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/messages_bg.png) center top repeat-x;
padding:8px 9px 7px 69px!important;
font-size:1.09em!important;
text-transform:uppercase;
font-weight:normal!important;
}
ul.i-am-new li.warning { border-color:#ffc237; background-color:#ffeaa8; color:#a76200; }
ul.i-am-new li.error { border-color:#8b0000; background-color:#f70000; color:#fff; }
ul.i-am-new li.success { border-color:#50c24e; background-color:#8be68b; color:#1a761a; }
/* BreadCrumbs */
.breadcrumbs-wrapper{padding:22px 0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/main_divider.gif) left top repeat-x #f2f2f2;}
nav.breadcrumbs {
text-align:left;
float:none;
position:relative;
font-size:0.91em;
font-style:italic;
}
.catalog-product-view nav.breadcrumbs {padding: 22px 0 22px 0;}
nav.breadcrumbs li { display:inline; }
nav.breadcrumbs li span{margin:0 5px;}
nav.breadcrumbs li a{text-decoration:none; color:#959595;}
nav.breadcrumbs li a:hover{text-decoration:underline;}
nav.breadcrumbs li strong{}
/* Page Heading */
.category-wrapper { padding: 0 !important; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/main_divider.gif) left top repeat-x; background-color: rgba(0, 0, 0, .05);}
.category-wrapper .container_12{ padding:0 0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/main_divider.gif) left top repeat-x #f2f2f2;}
.catalog-category-view .category-wrapper{padding:18px 0 9px;}
.catalog-category-view .category-wrapper .breadcrumbs{ padding-top: 18px; margin-bottom:12px;}
.category-wrapper h1,
.category-wrapper h2{margin-bottom:0!important;}
.category h2{position:relative; margin:0!important; /*min-height:79px;*/ padding:0 21px; font-weight:100; font-size:2.5em; line-height:1.5em; color:#333333;}
.category p{font-size:0.91em; font-style:italic;}
.catalog-category-view .sidebar{margin-top:-18px;}
.catalog-product-view .category{display:none;}
.page-title {
margin:0;
}
.page-title h1,
.page-title h2 {
font-size:2.5em;
line-height:1.5em;
font-weight:100;
padding:0;
margin:0 0 18px;
color:#333333;
}
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
.subtitle,
.sub-title { clear:both; }
/* Pager */
.toolbar .pager {}
.toolbar .pager .amount {
display:none;
float:left;
padding:7px 0 0 14px;
margin:0;
}
.toolbar .pager .pager-box{display:none;}
.toolbar .pager .limiter {
float:left;
}
.toolbar .pager .limiter label {
margin-right:7px;
margin-top:7px;
float:left;
}
/*.pager .limiter select{width:50px; padding-left:3px;}*/
.pager .limiter ul{float:left;}
.pager .limiter ul li{float:left; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/toolbar_links_divider.gif) right 10px no-repeat;}
.pager .limiter ul li.last{background:none;}
.pager .limiter ul li a{display:block; padding:7px 12px; color:#686868;}
.pager .limiter ul li a:hover,
.pager .limiter ul li a.selected{}
.pager .pages {
float:left;
padding-top:7px;
display:none;
}
.pager .pages strong {}
.pager .pages ol {display:inline;}
.pager .pages li {display:inline;}
.pager .pages li a{text-decoration:none;}
.pager .pages li a:hover{text-decoration:underline;}
.pager .pages li.button{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/pager_button_shadow.png) left bottom no-repeat; padding-bottom:7px;}
.pager .pages li a.i-previous{
width:auto!important;
height:22px!important;
padding:3px 13px 4px 44px!important;
border:1px solid #c5c5c5;
color:#333333;
display:inline-block;
overflow:hidden;
white-space:nowrap;
margin:0 18px 0 0;
background-position:11px 0;
background-repeat:no-repeat;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_previous.png);
background-color:#f2f2f2;
font-size:1.27em;
line-height:1.57em;
font-weight:100;
}
.pager .pages li a.i-next{
width:auto!important;
height:22px!important;
padding:3px 44px 4px 13px!important;
border:1px solid #c5c5c5;
color:#333333;
display:inline-block;
overflow:hidden;
white-space:nowrap;
margin:0 0 0 18px;
background-position:right 0;
background-repeat:no-repeat;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_next.png);
background-color:#f2f2f2;
font-size:1.27em;
line-height:1.57em;
font-weight:100;
}
.pager .pages strong {font-weight:normal;}
.pager .pages .current {text-decoration:underline;}
.pager .pages img {
position:relative;
top:-2px;
margin-left:2px;
}
/* Sorter */
.sorter {border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.sorter .total{float:left; padding:13px 10px 13px 14px; color:#fff;}
.sorter .view-mode {
float:left;
display:block;
overflow:hidden;
padding-bottom:0;
margin:0;
}
.sorter .view-mode label {display:none;}
.sorter .view-mode .grid,
.sorter .view-mode .list{
float:left;
width:auto;
height:16px;
padding:12px 15px 13px 35px;
display:block;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/view_icons.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#333333;
}
.sorter .view-mode .list{padding-left:32px;}
.sorter .view-mode strong.grid,
.sorter .view-mode a.grid:hover {background-position:0 0;}
.sorter .view-mode .list{
background-position:-71px 0;
}
.sorter .view-mode strong.list,
.sorter .view-mode a.list:hover {background-position:-71px 0;}
.sorter .sort-by {
float:right;
height:21px;
padding-top:6px;
padding-right:15px;
line-height:21px;
}
.sorter .sort-by label {margin-right:11px; margin-top:1px; display:none; line-height:1.8em;}
.sorter .sort-by select {
height:21px;
width:78px;
margin-right:18px;
margin-top:4px;
float:left;
}
.sorter .sort-by a{padding:4px 10px 0 0; display:block; float:left;}
.sorter .sort-by .asc{background-position:right 10px; background-repeat:no-repeat; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_asc.gif);}
.sorter .sort-by .desc{background-position:right 10px; background-repeat:no-repeat; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_desc.gif);}
.sorter .sort-by a:hover{}
.sorter .link-feed {}
/* Toolbar */
.toolbar {
font-size:0.91em;
line-height:1.45em;
color:#605d5d;
width:auto;
padding:0;
margin-bottom:27px;
}
.toolbar .i-right-previous-item{display:none!important;}
.toolbar-bottom {
overflow:hidden;
padding-top:11px;
}
.toolbar-bottom .toolbar{margin-bottom:10px; background:none; box-shadow:0 0; padding-top:2px;}
.toolbar-bottom .pager{background:none; border-bottom:none; box-shadow:0 0;}
.toolbar-bottom .pager .pages { display:block; margin-bottom:0; float:left; padding-top:9px;}
.toolbar-bottom .pager .pages strong{display:none;}
.toolbar-bottom .pager .pages ol li{float:left; padding-right:1px; padding-left:1px;}
.toolbar-bottom .pager .pages ol li.current,
.toolbar-bottom .pager .pages ol li a{color:#686868; display:block; padding:7px; width:18px; height:16px; -moz-border-radius:3px; border-radius:3px; float:left; cursor:pointer; text-align:center;}
.toolbar-bottom .pager .pages ol li.current,
.toolbar-bottom .pager .pages ol li a:hover{text-decoration:none;}
.toolbar-bottom .pager .pages ol li.i-previous-item{display:none;}
.toolbar-bottom .i-right-previous-item{display:inline!important;}
.toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous,
.toolbar-bottom .pager .pages ol li .i-next{width:auto; height:auto; text-indent:0; overflow:visible;}
.toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous span,
.toolbar-bottom .pager .pages ol li .i-next span{font-size:1.34em; font-weight:normal; line-height:0.9em; padding-left:5px;}
.toolbar-bottom .pager .amount{display:none;}
.toolbar-bottom .pager .pager-box{display:none; float:left; padding:6px 11px; color:#605d5d; background-color:#e8e8e8;}
.toolbar-bottom .sorter{display:none;}
.toolbar-bottom .limiter{display:none;}
/* Data Table */
.data-table { width:100%; margin:10px 0;}
.data-table th { padding:9px; border:1px solid #e7e7e7; font-size:1.25em; font-weight:normal; white-space:nowrap; text-align:center; color:#605d5d; background:#f8f6f6; }
.data-table td { padding:18px; border:1px solid #e7e7e7; }
.data-table thead {}
.data-table tbody {}
.data-table tfoot {}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even {}
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { font-weight:bold; }
.data-table td.value {}
.data-table a.product-image { display: block; width:150px; border:1px solid #e5e5e5;}
.data-table .product-name { font-size: 1em; text-transform: none; font-weight: normal;}
.data-table .product-name a{ font-size: 1.5em; line-height:1.44em; text-transform: none; font-weight: 100;}
.data-table .cart-label {
font-size: 1.09em;
font-weight: bold;
padding-right: 7px;
display: none;
}
/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }
/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -53px; }
/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:none; padding-left:0; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0; padding:0; }
.std ul { list-style:disc outside; padding-left:0; }
.std ol { list-style:none; }
.std ul ul { list-style-type:none; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
/* Misc */
.links li { display:block; float:left; padding-left:28px;}
.links li a{text-decoration:none; padding-left:2px; line-height: normal; display:block; float:left;}
.links li a:hover{text-decoration:none;}
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.link-cart { font-weight:normal; color:#8a8a8a; }
.link-cart:hover{}
.link-wishlist { font-weight:normal; color:#8a8a8a;}
.link-reorder { font-weight:bold; }
.link-compare { font-weight:bold; }
.link-print { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; }
.link-rss { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; }
.btn-remove { display:block; width:5px; height:5px; font-size:0; line-height:0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; }
.btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }
.separator { margin:0 3px; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; }
/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; }
/* Cookie Notice */
.notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; }
.notice-cookie .notice-inner .actions { }
/* ======================================================================================= */
.checkpoint-wrapper{position:relative;}
.checkpoint-1-button,
.checkpoint-2-button,
.checkpoint-3-button,
.checkpoint-4-button,
.checkpoint-5-button{
position:absolute;
top:-20px;
right:0;
cursor:pointer;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #303030;
}
.checkpoint-2-button{top:-45px; border-top-color:#171614;}
.checkpoint-3-button{top:0; z-index:99999;}
.checkpoint-4-button{bottom:-10px; top:auto; z-index:99999;}
.checkpoint-5-button{top:-45px; z-index:99999;}
#checkpoint-1,
#checkpoint-4{position:absolute; left:0; top:0; width:1px; height:1px;}
#checkpoint-4{top:auto; bottom:0;}
/* Meigee Widgets ========================================================================= */
/* Widget: Latest Twets */
.tweet_list{padding-top:0 !important; padding-bottom:0 !important;}
.tweet_list li{padding-bottom:18px !important;}
.tweet_list li.tweet_last {padding-bottom:0 !important;}
.tweet_list li a.tweet_avatar { background: #fff; border: 1px solid #DEDEDE; float: left; margin: 0 5px 0 0 }
/* Header ================================================================================ */
header#header {
padding: 0;
margin: 0;
}
header#header .top-wrapper{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/top_wrapper.jpg) left top repeat-x; padding:0 0 7px; border-bottom:1px solid rgba(0, 0, 0, 0.3);}
header#header .header-wrapper{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/header_wrapper.jpg) left top repeat-x; border-top:1px solid rgba(255, 255, 255, 0.2); padding:5px 0 7px;}
header#header .welcome-msg {text-align:left; float:left; color:#fff; padding-top:13px;}
header#header .links {float:right;}
header#header .links li{
cursor:pointer;
padding:14px 12px 12px;
display:block;
background-color:rgba(0, 0, 0, 0.3)!important;
border-bottom:1px solid rgba(255, 255, 255, 0.14);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
zoom: 1;
-moz-transition:background-color 300ms ease;
-webkit-transition: background-color 300ms ease;
-o-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
header#header .links li a{
color:#fff;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/top_links_markers.png);
background-position:0 0;
background-repeat:no-repeat;
padding-left:20px;
line-height:1.83em;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
transition:none;
}
header#header .links li:hover a{color:#333;}
header#header .links li.first{padding-left:22px!important; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
header#header .links li.last{padding-right:22px!important; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
header#header .links li:hover a.top-link-account{background-position:0 -56px;}
header#header .links li a.top-link-wishlist{background-position:-189px 0; padding-left:15px;}
header#header .links li:hover a.top-link-wishlist{background-position:-189px -56px;}
header#header .links li a.top-link-checkout{background-position:-366px 0; padding-left:22px;}
header#header .links li:hover a.top-link-checkout{background-position:-366px -56px;}
header#header .links li a.top-link-login{background-position:-554px 0; padding-left:11px;}
header#header .links li:hover a.top-link-login{background-position:-554px -56px;}
header#header .header-bottom-wrapper{padding:20px 0 0; position:relative;}
header#header .header-bottom-wrapper .grid_12{position:static;}
header#header .logo {
text-decoration:none;
overflow:hidden;
float:left;
}
header#header .logo strong{
position:absolute;
top:0;
left:-120px;
width:0;
height:0;
font-size:0;
line-height:0;
text-indent:-999em;
overflow:hidden;
}
header#header .header-bottom-wrapper .quick-access{width:76%; float:right;}
header#header .home-button{float:left; padding-right:5px;}
header#header .form-search {width:192px; height:36px; float:right; margin:12px 0 0; background-color:#FFF;}
header#header .form-search .indent{padding:2px 2px 2px 10px; height:30px; border:1px solid #dedede;}
header#header .form-search label{display:none;}
header#header .form-search input{width:130px; padding:7px 0 0; border:none; background:none; float:left; font-size:11px; color:#a0a0a0; font-style:italic;}
header#header .form-search button{width:36px; height:30px; float:right; overflow:hidden; background-position:11px 8px; background-repeat:no-repeat; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/top_search_button.png);}
header#header .form-search button span{display:none;}
header#header .form-search .search-autocomplete { z-index:999; }
header#header .form-search .search-autocomplete ul{
border:1px solid #ddd;
background-color:#fff;
}
header#header .form-search .search-autocomplete li {
padding:3px;
border-bottom:1px solid #ddd;
cursor:pointer;
}
header#header .form-search .search-autocomplete li .amount{
float:right;
font-weight:bold;
}
header#header .form-search .search-autocomplete li.selected {}
header#header .form-language,
header#header .form-currency{float:left; margin-right:21px; margin-top:18px;}
header#header .form-language label,
header#header .form-currency label{color:#fff; margin-right:10px; margin-top:3px; float:left;}
header#header .form-language select,
header#header .form-currency select{margin-top:2px;}
header#header .form-language a{
display:block;
padding:8px 7px 6px 8px;
height:11px;
float:left;
background-color:rgba(0, 0, 0, 0.3);
border-bottom:1px solid rgba(255, 255, 255, 0.14);
-moz-transition: background-color 800ms linear 0s;
-webkit-transition: background-color 800ms linear 0s;
-o-transition: background-color 800ms linear 0s;
transition: background-color 800ms linear 0s;
}
header#header .form-language a:hover{
-moz-transition: background-color 10ms linear 0s;
-webkit-transition: background-color 10ms linear 0s;
-o-transition: background-color 10ms linear 0s;
transition: background-color 10ms linear 0s;
}
header#header .form-language a.first{
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}
header#header .form-language a.last{
-moz-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
}
header#header .form-currency a{
display:block;
float:left;
width:31px;
height:25px;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
-moz-transition: background-color 800ms linear 0s;
-webkit-transition: background-color 800ms linear 0s;
-o-transition: background-color 800ms linear 0s;
transition: background-color 800ms linear 0s;
transition:none;
display:inline-block;
background-position:center 7px;
background-repeat:no-repeat;
background-color:rgba(0, 0, 0, 0.3);
border-bottom:1px solid rgba(255, 255, 255, 0.14);
}
header#header .form-currency a:hover{
background-position:center -26px;
-moz-transition: background-color 10ms linear 0s;
-webkit-transition: background-color 10ms linear 0s;
-o-transition: background-color 10ms linear 0s;
transition: background-color 10ms linear 0s;
}
header#header .form-currency a.first{
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}
header#header .form-currency a.last{
-moz-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
}
header#header .form-currency .eur{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/curr/EUR.png);}
header#header .form-currency .gbp{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/curr/GBP.png);}
header#header .form-currency .usd{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/curr/USD.png);}
header#header .menu-button{display:none;}
/* Header Cart ================================================================================ */
header#header .top-cart { float:right; position:relative; z-index:12; padding:0 15px;}
header#header .top-cart .block-title{
cursor:pointer;
padding:12px 14px 14px 12px;
background-color:rgba(0, 0, 0, 0.3);
border-bottom:1px solid rgba(255, 255, 255, 0.14);
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
zoom: 1;
-moz-transition:background-color 300ms ease;
-webkit-transition: background-color 300ms ease;
-o-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
header#header .top-cart .block-title a{
font-size:1.16em;
line-height:1.57em;
color:#fff;
display:block;
padding-left:18px;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/my_cart_marker.png) left 2px no-repeat;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
transition:none;
}
header#header .top-cart .block-title a .price{color:#fff; font-size:1em; line-height:1.57em;}
header#header .top-cart .block-title .title-cart{display:block;}
header#header .top-cart .block-title .title-cart span{display:inline;}
header#header .top-cart .block-title:hover a,
header#header .top-cart .block-title.active a{background-position:0 -28px; color:#333;}
header#header .top-cart .block-title:hover a .price,
header#header .top-cart .block-title.active a .price{color:#333;}
header#header .top-cart .block-title a {}
header#header .top-cart .block-title a span {}
header#header .top-cart .block-title a strong.amount {}
header#header .top-cart .block-title a.active,
header#header .top-cart .block-title a:hover,
header#header .top-cart .close-btn {}
header#header .top-cart .block-content {
background:#f2f2f2;
z-index:999;
position:absolute;
right:0px; top:50px;
width:328px;
border:4px solid #c1c1c1;
padding:9px 16px 18px 16px;
-moz-border-radius:3px;
border-radius:3px;
}
header#header .top-cart .cart-empty{padding:15px;}
header#header .top-cart .block-content .mini-products-list .product-image{ float:left; }
header#header .top-cart .block-content .mini-products-list .product-details { float:right; width:266px; position:relative; }
header#header .top-cart .block-content .mini-products-list .product-details .price{}
header#header .top-cart .block-content.active { }
header#header .top-cart .block-content .block-subtitle { padding:0 0 0 0;}
header#header .top-cart .block-content .block-subtitle .close-btn { float:right; cursor:pointer; padding:0 0 0 0;}
header#header .top-cart .block-content .subtotal { text-align:left; float:right; padding-top:2px;}
header#header .top-cart .block-content .subtotal span{padding-top:0; display:inline-block; font-size:1.16em; line-height:1.44em; font-weight:bold;}
header#header .top-cart .block-content .subtotal .price{font-size:1.16em; line-height:1.44em;}
header#header .top-cart .block-content .actions{padding:9px 0 0; border-top:1px solid #c1c1c1;}
header#header .top-cart .block-content .actions a {text-decoration:none; color:#333333; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/my_cart_arr.png) right 3px no-repeat; padding-right:7px;}
header#header .top-cart .block-content .actions a:hover{text-decoration:underline;}
header#header .top-cart .block-content button.button {float:left; margin-bottom:9px;}
header#header .top-cart .btn-remove, .header .top-cart .btn-edit { float:right; margin-left:5px;}
header#header .top-cart .mini-products-list li {
padding:0 0 18px;
margin:0;
overflow:hidden;
clear:both;
}
header#header .top-cart .mini-products-list li .item-box{border:1px solid #000; padding:9px 9px 11px 8px;}
header#header .top-cart .product-image {border:1px solid #e5e5e5; padding:2px; background-color:#f8f6f6; margin-top:9px;}
header#header .top-cart .product-name {margin-bottom:5px; padding-right:28px; font-size:1.5em; line-height:1.44em;}
header#header .top-cart .product-name a{color:#605d5d;}
header#header .top-cart .product-name a:hover{color:#000;}
header#header .top-cart .product-box{font-size:1.16em; line-height:1.57em;}
header#header .top-cart .price {}
header#header .top-cart a:hover {}
header#header .top-cart .btn-remove{
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/wishlist_btn_remove.png) left top no-repeat;
height:10px;
margin:6px 6px 0 0;
width:10px;
}
header#header .top-cart .btn-edit {float:right; position:absolute; right:7px; top:24px;}
header#header .top-cart button.button {}
header#header .top-cart button.button span { display:block; float:none;}
.grid-2-wrapper{}
.grid-2-wrapper .container_12{background-color:transparent;}
.grid-2-wrapper .grid-text-box{color:#fff;}
.grid-2-wrapper .grid-text-box h2{font-size:6em; color:#fff; margin-bottom:36px; font-weight:100;}
.grid-2-wrapper .grid-text-box p{padding-right:130px; margin-bottom:54px; font-size:1.5em; line-height:1.44em;}
.grid-2-wrapper .items-box{padding-right:30px; width:474px!important;}
.grid-2-wrapper .products-grid li.item{width:222px; padding:0!important;}
.grid-2-wrapper .products-grid li.item.indent{padding-right:30px!important;}
.grid-2-wrapper .products-grid li.item .product-img-box{margin-bottom:9px;}
/*
styles for select
*/
.sbHolder{
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 20px;
position: relative;
width: auto;
}
.sbSelector{
display: block;
height: 25px;
left: 0;
outline: none;
overflow: hidden;
/*position: absolute;*/
text-indent:0;
top: 0;
margin-top:0;
color:#8a8a8a;
}
.sbSelector span.text{float:left; width:auto; height:auto; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/top_selects_marker.gif) right 8px no-repeat; padding:0 8px 0 0; margin:0; }
.sbSelector > span{display:block; float:right; width:16px; height:12px; margin:0 0 0 6px; padding:3px 5px; background-color:rgba(0, 0, 0, 0.2);}
.sbSelector > span span{display:block; height:12px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
outline: none;
text-decoration: none;
}
.sbToggle{
display: none;
height: 20px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
}
.sbToggleOpen{
}
.sbToggleOpen:hover{
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
.sbOptions{
list-style: none;
right: 0;
margin: 0;
padding:3px 0 0;
position: absolute;
top: 18px!important;
width: 110px;
z-index: 999;
overflow-y: auto;
background-color:rgba(0, 0, 0, 0.2);
}
.sbOptions li{
padding: 0 5px 0 8px;
}
.sbOptions li:hover{}
.sbOptions li:first-child a{border-top:none;}
.sbOptions a{
display: block;
outline: none;
padding:3px 20px 3px 0;
-moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none;
color:#605d5d;
}
.sbOptions a:link, .sbOptions a:visited{
color: #605d5d;
text-decoration: none;
}
.sbOptions a:hover{color:#fff;}
.sbOptions li.last a{
border-bottom: none;
}
.sbOptions .sbDisabled{
border-bottom: solid 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
border-bottom: solid 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
padding-left: 17px;
}
/* Header Slider */
.header-slider-container .iosSlider {
width: 100%;
/* this height ends up being your maximum height,
* if you want it to scale forever, set it to
* a very high number */
height: auto !important;
max-height: 1495px;
}
.header-slider-container .iosSlider .slider {
width: 100%;
}
.header-slider-container .iosSlider .slider .item {
position: relative;
float: left;
width: 100%;
}
.header-slider-container .iosSlider .slider .item a { display: block; position:relative; z-index:7;}
.header-slider-container .iosSlider .slider .item img {
width:100%;
display:block;
position:relative;
z-index:7;
}
.header-slider-container .iosSlider .slider .item h2{
position: absolute;
z-index:9;
top:30%;
right: 60%;
opacity: 0;
filter: alpha(opacity:0);
font-size:6em;
line-height:1.1em;
font-weight:100;
text-align:right;
margin-right:-495px;
}
.header-slider-container .iosSlider .slider .item h3{
position: absolute;
z-index:9;
top:50%;
right: 60%;
opacity: 0;
filter: alpha(opacity:0);
color:#fff;
font-size:6em;
line-height:1.1em;
font-weight:100;
text-align:right;
margin-right:-495px;
}
.header-slider-container .iosSlider .container_12{position:relative;}
.header-slider-container .iosSlider .prev,
.header-slider-container .iosSlider .next{
width:46px;
height:46px;
position:absolute;
bottom:26px;
filter:alpha(opacity=0);
opacity:0;
}
.header-slider-container .iosSlider:hover .prev,
.header-slider-container .iosSlider:hover .next{opacity:1; filter:alpha(opacity=100);}
.header-slider-container .iosSlider .prev{left:7px;}
.header-slider-container .iosSlider .next{left:55px;}
.header-slider-container .iosSlider .prev span,
.header-slider-container .iosSlider .next span{
position:absolute;
display:block;
width:40px;
height:40px;
top:0;
left:0;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius:20px;
border-radius:20px;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
background-color:#FFF!important;
background-position:0 0;
background-repeat:no-repeat;
z-index:9999!important;
}
.header-slider-container .iosSlider .prev:hover span,
.header-slider-container .iosSlider .next:hover span{
width:46px;
height:46px;
left:-3px;
top:-3px;
-moz-border-radius:30px;
border-radius:30px;
background-color:#FFF!important;
}
.header-slider-container .iosSlider .prev em,
.header-slider-container .iosSlider .next em{
display:block;
position:absolute;
width:13px;
height:23px;
left:11px;
top:9px;
z-index: 9999999;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/home_slider_2_arr.png) left top no-repeat;
}
.header-slider-container .iosSlider .next em{background-position:-48px 0; left:15px;}
.header-slider-container .iosSlider .slideSelectors{position:absolute; bottom:45px; left:130px; z-index:999999!important; filter:alpha(opacity=0); opacity:0;}
.header-slider-container .iosSlider:hover .slideSelectors{filter:alpha(opacity=100); opacity:1;}
.header-slider-container .iosSlider .slideSelectors .button-item{
float:left;
width:14px;
height:14px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
margin-right:3px;
background-color:#FFF;
-moz-border-radius:7px;
border-radius:7px;
}
.header-slider-container .iosSlider .slideSelectors .button-item:hover,
.header-slider-container .iosSlider .slideSelectors .button-item.selected{cursor:pointer;}
.header-block-wrapper{padding:45px 0 28px;}
.header-block-wrapper .left{width:30%;}
.header-block-wrapper h2{font-size:6em; line-height:1.05em; color:#333; font-weight:100; margin-bottom:48px;}
.header-block-wrapper p{font-size:1.5em; line-height:1.44em;}
.header-block-wrapper a{float:right;}
header#header .nav-container select{display:none!important;}
header#header .nav-container .sbHolder{display:none;}
header#header .nav-container .sbSelector{display:none;}
/* Header Navigation */
.nav-container{float:left; width:74%;}
#nav {
position: static;
z-index:10;
clear:both;
padding:0;
}
/* All Levels */
#nav li {
text-align:left;
position:relative;
}
#nav > li{height:74px;}
#nav li.over {
z-index:998;
}
/* #nav li.parent {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/menu_button_marker.gif) left 30px no-repeat;} */
#nav li a {
display:block;
text-decoration:none;
}
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; font-size:14px; text-transform:none; font-weight:100;}
#nav li ul a span { white-space:normal; }
/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:23px 15px 15px 10px; line-height: normal; font-weight:100; color:#333333; margin-right:2px; }
#nav li a:hover { color:#333333; }
#nav li.over a,
#nav li.active a { color:#333333;}
#nav > li.over > a,
#nav > li.active > a{border-bottom:4px solid; padding-bottom:31px;}
/* 2nd Level */
#nav > li > ul,
#nav div {background:#f2f2f2;}
#nav ul,
#nav div { position:absolute; width:15em; top:75px; left:-10000px; padding: 17px; z-index:99999; }
#nav div ul { position:static; width:auto; border:none; }
/* 3rd+ leven */
#nav ul ul,
#nav ul div { top:7px; }
#nav ul li { float:left; clear:both; padding-bottom:7px; padding-left:10px;}
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:0; font-weight:normal; /*color:#333 !important;*/ }
#nav ul li a:hover { color:#d82b44 !important; text-decoration:none; }
#nav ul li.active > a,
#nav ul li.over > a { color:#d82b44 !important; }
#nav ul li a span{font-size:14px; text-transform:none;}
#nav ul li li{float:none; background:none!important;}
#nav ul li li a{color:#fff!important; padding:4px 4px 4px 9px;}
#nav ul li li.over > a,
#nav ul li li.active > a,
#nav ul li li a:hover{color:#fff!important; background-color:rgba(255, 255, 255, 0.1);}
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:99999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
.triangle{left:-24px; top:-17px; padding:0!important;}
/********** Wide Navigation > */
.nav-wide#nav { position: static;}
.nav-wide#nav ul.tech {position:static!important; z-index:auto;}
.nav-wide#nav ul.tech > li{position:relative!important; z-index:auto!important;}
.nav-wide#nav ul.tech > li > a,
.nav-wide#nav ul.tech > li > a > span{position:relative!important; z-index:5!important;}
.nav-wide#nav ul.tech > li > li > ul{z-index:9!important;}
.nav-wide#nav li.tech { width:245px; position:static!important; z-index:auto; padding:40px 0 0;}
.nav-wide#nav li.nav-static-block {
padding-left: 30px;
width: 480px !important;
height:auto;
color:#fff;
padding:18px 0 20px 30px !important;
}
.nav-wide#nav li.nav-static-block a.nav-fix { height: 0; line-height: 0; border:none;}
.nav-wide#nav li.nav-static-block a.cat-thumb {
background-color: #fff;
padding: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
float: left;
margin-right: 20px;
margin-top:18px;
}
.nav-wide#nav li.nav-static-block a.cat-thumb:hover { padding: 4px;}
.nav-wide#nav li.nav-static-block h3{
font-size:1.5em;
line-height:1.44em;
font-weight:100;
color:#333;
}
.nav-wide#nav li.nav-static-block p {
font-size:1.16em;
line-height:1.44em;
color:#686868;
font-weight:100;
}
.nav-wide#nav li.nav-static-block button.button{margin-top:16px;}
#nav.nav-wide li.nav-static-block button span span span{color:#fff;}
/* All Levels */
.nav-wide#nav li { position:static; clear:none; padding-left:0; background: none;}
.nav-wide#nav > li{height:74px;}
.nav-wide#nav ul.level0{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/wide_menu_wrapper_shadow.png) left top repeat-x #f2f2f2;}
/* 2nd Level */
.nav-wide#nav ul.level0,
.nav-wide#nav .static-wrapper{width:100%; top:100%; padding:0 0 7px; z-index:99999;}
.nav-wide#nav ul.level0 li {float:left; }
.nav-wide#nav ul.level0 > li > a{color:#fff!important; text-decoration:none; margin: 0; padding: 0; border-bottom:1px solid #3e3e3e;}
.nav-wide#nav ul.level0 > li > a:hover{padding:0; color:#cfcfcf!important;}
.nav-wide#nav ul.level0 > li > a > span{border-bottom:1px solid #020202; padding: 11px 25px 11px 17px;}
/* 3nd Level */
.nav-wide#nav ul.level0 li.tech > ul{padding-left:0;}
.nav-wide#nav ul.level0 ul {width:auto; position: relative; left:0; border:none; padding: 0 0 9px 9px; background:none;}
.nav-wide#nav ul.level0 ul li {float:none; border:none;}
.nav-wide#nav ul.level0 > li > ul > li > a{display:block; padding:0; color:#333333!important;}
.nav-wide#nav ul.level0 ul li a:hover{background-color:transparent;}
.nav-wide#nav ul.level0 ul li li a:hover{background-color:rgba(255, 255, 255, 0.1);}
.nav-wide#nav ul.level0 ul li a span{padding:0 0 9px; display:block;}
.nav-wide#nav ul.level0 ul li li li a,
header#header .nav-container .nav-wide#nav ul.level0 ul li li li a:hover{color:#fff!important;}
.nav-wide#nav li.level1,
.nav-wide#nav li.level1 li{position:relative;}
.nav-wide#nav ul.level1,
.nav-wide#nav ul.level1 ul{ top:7px; position:absolute!important; left:-10000px!important; width:160px!important; padding:9px 18px!important; }
.nav-wide#nav ul.level1 li.last a{border-bottom:none;}
/* Show menu */
.nav-wide#nav ul.level1.shown-sub,
.nav-wide#nav ul.level1 ul.shown-sub{ left:100px!important; z-index:99999!important; padding-top:0!important; }
.nav-wide#nav ul.level1{padding:9px!important;}
.nav-wide#nav ul.level1 li{padding-bottom:9px; line-height:1.5em;}
.nav-wide#nav ul.level1 li.last{padding-bottom:0;}
.nav-wide#nav ul.level1 li a{margin:0; color:#fff!important; line-height:1.5em; padding:4px 4px 4px 9px!important; display:block;}
.nav-wide#nav ul.level1 li a span{padding:0!important;}
.nav-wide#nav ul.level1 ul{padding:9px!important;}
.nav-wide#nav ul.level1 ul.level2.shown-sub{padding-top:9px!important;}
.triangle{
width:0;
height:0;
border-left:7px solid transparent!important;
border-right:7px solid transparent!important;
border-top:7px solid!important;
position:absolute;
}
.triangle a{display:none;}
.nav-wide#nav .triangle{left:-16px; top:0; padding:0!important;}
.nav-wide#nav ul li.parent > a { text-transform:uppercase; color:#333333; font-weight:bold; }
/* ======================================================================================= */
/* Sidebar =============================================================================== */
aside.sidebar section {
margin:0;
padding:31px 17px 18px;
background-color:#f2f2f2;
}
aside.sidebar section header {
padding:0 0 31px;
}
aside.sidebar section header h2{
margin-bottom:0;
font-size:1.6em;
color:#333333;
font-weight:100;
}
aside.sidebar section .block-content {
padding:0;
}
aside.sidebar.accordion .block-content { display: none; padding: 9px 0 9px 15px;}
aside.sidebar.accordion .block-progress .block-content { display: block;}
aside.sidebar.accordion .block-vertical-nav .block-content { display:block; }
aside.sidebar section .block-content a{text-decoration:none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
aside.sidebar section .block-content a:hover{text-decoration:none;}
aside.sidebar section .block-subtitle{margin-bottom:5px;}
aside.sidebar .btn-remove,
aside.sidebar .btn-edit { float:right;}
aside.sidebar .product-name{margin-bottom:0; font-size:1em; line-height:1.5em;}
aside.sidebar .product-name a{text-decoration:none; color:#8a8a8a; font-size:1em; line-height:1.5em; font-family: Arial, sans-serif;}
aside.sidebar .product-name a:hover{text-decoration:none; color:#000;}
aside.sidebar .actions { text-align:right; padding-top:22px; width:100%; overflow:hidden;}
aside.sidebar .actions a { float:left; margin-top:9px; font-size:12px; text-decoration:none; font-weight:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
aside.sidebar .actions a:hover{text-decoration:none; color:#000;}
aside.sidebar .empty {}
/* Block: Account */
.block-account {}
.block-account li{padding-bottom:5px;}
.block-account li strong{color:#000;}
/* Block: Currency Switcher */
.block-currency {}
.block-currency select { width:100%; border:1px solid #888; }
/* Block: Vertical Nav */
aside.sidebar section.block-vertical-nav{background-color:#dfdfdf; padding-top:24px;}
aside.sidebar section.block-vertical-nav header{display:none;}
aside.sidebar section.block-vertical-nav .block-content li.level0 a{text-decoration:none; display:inline-block; color:#686868;}
aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover{color:#333;}
aside.sidebar section.block-vertical-nav .block-content li.level0 ul li,
aside.sidebar section.block-vertical-nav .block-content > ul > li.level0 > a{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/menu_items_sub_marker.png) left 8px no-repeat; line-height:1.66em; background-repeat:no-repeat; padding-left:11px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
aside.sidebar section.block-vertical-nav .block-content li.level0 > a{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/menu_items_marker.png) left 6px no-repeat!important; padding-left:14px!important;}
aside.sidebar section.block-vertical-nav .block-content li.level0 > ul{padding-left:14px;}
aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover{}
aside.sidebar section.block-vertical-nav .block-content li.level0 a:hover span{text-decoration:none;}
aside.sidebar section.block-vertical-nav .block-content li.level0 ul{}
/* Block: Categories */
#categories-accordion li.level-top.parent { position:relative; padding-bottom:18px;}
#categories-accordion li.level-top a.level-top { text-decoration:none; padding-left:14px!important; background:none; color:#333333; font-weight:100; font-size:1.16em; background-position:0 8px!important;}
#categories-accordion li.level-top a.level-top:hover span{text-decoration:none; color:#686868;}
#categories-accordion li.level0 > a{padding-left:22px;}
#categories-accordion li.level-top.parent .btn-cat { position:absolute; right:0; top:-2px; width:5px; height:5px; padding:12px 0 12px 12px; cursor:pointer; border-left:1px solid #cfcfcf;}
#categories-accordion li.level-top.parent .btn-cat .inner{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/category_markers.gif) left top no-repeat; width:5px; height:5px;}
#categories-accordion li.level-top.parent:hover .btn-cat{}
#categories-accordion li.level-top.parent .btn-cat.closed .inner{background-position:left -10px;}
#categories-accordion li.level-top.parent ul.level0 {padding:5px 0; position:relative; zoom:1;}
#categories-accordion li.level-top.parent ul.level0 li{padding-left:30px; background-position:17px 9px;}
#categories-accordion li.level-top.parent ul.level0 li li{padding-left:20px; background-position:5px 9px;}
#categories-accordion li.level-top.parent ul.level0 li a{text-decoration:none; font-size:0.91em; line-height:1.83em;}
#categories-accordion li.level-top.parent ul.level0 li a:hover{}
#categories-accordion li.level-top.parent ul.level0 li a:hover span{text-decoration:none;}
#categories-accordion.closed-default li.level-top.parent ul.level0 { display: none;}
/* Block: Layered Navigation */
aside.sidebar section.block-layered-nav {}
aside.sidebar section.block-layered-nav header h2{/*background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/shop_title.png) left top no-repeat;*/}
aside.sidebar section.block-layered-nav .block-subtitle{margin-bottom:9px;}
aside.sidebar section.block-layered-nav .currently {}
aside.sidebar section.block-layered-nav .currently li{padding-bottom:3px;}
aside.sidebar section.block-layered-nav .currently .value,
aside.sidebar section.block-layered-nav .currently .label{float:left;}
aside.sidebar section.block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; }
aside.sidebar section.block-layered-nav dl dt{font-size:1em; line-height:1.92em; font-weight:bold;}
aside.sidebar section.block-layered-nav dl dd a{text-decoration:none; color:#686868;}
aside.sidebar section.block-layered-nav dl dd a:hover{text-decoration:none; color:#000;}
aside.sidebar section.block-layered-nav dl dd{padding-left:18px; line-height:1.83em; padding-bottom:22px;}
aside.sidebar section.block-layered-nav dl dd .price{font-size:1em; line-height:1.83em; color:#686868; font-family: Arial, sans-serif;}
aside.sidebar section.block-layered-nav .btn-remove{float:right;}
aside.sidebar section.block-layered-nav .actions{padding-bottom:20px; padding-top:0;}
.block-layered-nav dl#layered_navigation_accordion dt {background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/shop_by_items_markers.gif) left -11px no-repeat; cursor:pointer; padding-left:12px; line-height:1.66em; font-weight:normal;}
.block-layered-nav dl#layered_navigation_accordion dt:hover{}
.block-layered-nav dl#layered_navigation_accordion dt.closed{background-position:0 8px;}
.block-layered-nav dl#layered_navigation_accordion.closed-default dd { display: none; }
.block-layered-nav dl#layered_navigation_accordion.closed-default dd ol{padding:5px 0;}
.block-layered-nav dl#layered_navigation_accordion dd{padding-bottom:9px;}
/* Block: Wishlist */
aside.sidebar section.block-wishlist { position: relative;}
aside.sidebar section.block-wishlist .block-content{padding-top:18px;}
aside.sidebar section.block-wishlist li.item{width:100%; overflow:hidden; padding-bottom:14px;}
aside.sidebar section.block-wishlist li.item .product-image{float:left; border:1px solid #e7e7e7; padding:2px; background-color:#f8f6f6;}
aside.sidebar section.block-wishlist li.item .product-details{width:60%; float:right;}
aside.sidebar section.block-wishlist li.item .product-details .product-name{margin-bottom:5px;}
aside.sidebar section.block-wishlist li.item .product-details .product-name a{font-size:1em; line-height:1.57em; color:#605d5d;}
aside.sidebar section.block-wishlist li.item .product-details .product-name a:hover{color:#333;}
aside.sidebar section.block-wishlist li.item .product-details .price-box{margin-bottom:5px;}
aside.sidebar section.block-wishlist li.item .product-details .price-box .price{font-size:1em; font-weight:normal;}
aside.sidebar section.block-wishlist li.item .product-details .btn-remove{width:10px; height:10px; margin:6px 0 0 6px; background: url("https://www.oppomart.com/skin/frontend/meigeetheme/default/images/wishlist_btn_remove.png") no-repeat scroll 0 0 transparent;}
aside.sidebar section.block-wishlist li.item button{float:right;}
aside.sidebar section.block-wishlist li.item.last{padding-bottom:0;}
aside.sidebar section.block-wishlist .actions{padding-top:0;}
#wishlist-slider .es-carousel-wrapper{
position:relative;
}
#wishlist-slider .es-carousel{
overflow:hidden;
}
#wishlist-slider .es-carousel ul.carousel-ul{
margin: auto
}
#wishlist-slider .es-carousel ul.carousel-ul > li{
height:100%;
float:left;
display:block;
}
#wishlist-slider .es-carousel ul.carousel-ul > li a.product-image{
display:block;
}
#wishlist-slider .es-carousel ul.carousel-ul li a.product-image img{
display:block;
border:none;
max-height:none;
max-width:none;
}
.block-wishlist .es-nav-prev,
.block-wishlist .es-nav-next {
position: absolute;
display: block;
width:15px;
height:15px;
text-indent:9999em;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
cursor:pointer;
}
.block-wishlist .es-nav-prev span,
.block-wishlist .es-nav-next span{
position:absolute;
display:block;
width:15px;
height:15px;
left:0;
top:0;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius:10px;
border-radius:10px;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.block-wishlist .es-nav-prev:hover span,
.block-wishlist .es-nav-next:hover span{
width:17px;
height:17px;
left:-1px;
top:-1px;
}
.block-wishlist .es-nav-prev em,
.block-wishlist .es-nav-next em{
display:block;
position:absolute;
width:6px;
height:9px;
left:4px;
top:3px;
z-index: 999;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/wishlist_buttons.png);
background-repeat:no-repeat;
}
.block-wishlist .es-nav-next em{background-position:-19px 0; left:6px;}
.block-wishlist .es-nav-prev,
.block-wishlist .es-nav-next{opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;}
.block-wishlist:hover .es-nav-prev,
.block-wishlist:hover .es-nav-next{opacity:1; filter:alpha(opacity=100);}
.block-wishlist .es-nav-prev {
right:26px;
top:62px;
background-position:left top;
}
.block-wishlist .es-nav-prev:hover{background-position:left -22px;}
.block-wishlist .es-nav-next {
right:9px;
top:62px;
background-position: -26px top;
}
.block-wishlist .es-nav-next:hover{background-position:-18px -22px;}
/* Block: Block List */
.block-list{}
.block-list .block-content{padding-left:0!important;}
.block-list li.item{padding:9px 0 0; width:100%; overflow:hidden;}
.block-list li.item:first-child{padding-top:0;}
.block-list li.item .product-name a{color:#686868;}
.block-list li.item .product-name a:hover{color:#333;}
/* Block: Compare Products */
.block-compare {}
.block-compare li.item {width:100%; overflow:hidden;}
.block-compare li.item:first-child{padding-top:0;}
.block-compare li.item .product-name{float:left; width:87%;}
.block-compare li.item .btn-remove{margin-top:7px;}
.block-compare .actions{}
.block-compare .actions a{float:right!important;}
.block-compare .actions button{float:left;}
/* Block: Recently Viewed */
.block-viewed {}
/* Block: Recently Compared */
.block-compared {}
/* Block: Poll */
.block-poll .block-content{padding-left:0!important;}
.block-poll .block-subtitle{font-weight:normal; padding:0 0 12px; margin-bottom:12px!important; border-bottom:1px solid #dedede;}
.block-poll li { padding:3px 0 3px 10px; width:100%; overflow:hidden; }
.block-poll label {}
.block-poll input.radio { float:left; margin:2px 5px 0 0; }
.block-poll .label { display:block; float:left; width:80%; }
.block-poll .answer{float:left; width:100%;}
.block-poll .answer span{display:block; width:115px;}
.block-poll .votes{float:right; width:65px; margin-top:-15px;}
.block-poll .actions{text-align:left!important;}
.block-poll .actions button{float:none;}
/* Block: Tags */
aside.sidebar .block-tags .block-content{padding-left:0;}
aside.sidebar .block-tags ul,
aside.sidebar .block-tags li { display:inline; }
aside.sidebar .block-tags .actions{text-align:left; padding-top:31px; padding-left:0;}
aside.sidebar .block-tags .actions a{margin-top:0;}
/* Block: Reorder */
.block-reorder {}
.block-reorder li { padding:5px 0; width:100%; overflow:hidden; }
.block-reorder input.checkbox { float:left; margin:3px 0 0; }
.block-reorder .product-name { margin-left:10px; float:left; width:85%; }
/* Block: Banner */
.block-banner {}
.block-banner .block-content {
padding: 0;
text-align:center;
}
/* Block: Login */
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0 20px; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title{display:none;}
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products {}
span.label-new {
position:absolute;
right:-15px;
top:-13px;
width:107px;
height:110px;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/label_new.png) 0 0 no-repeat;
z-index:9;
}
/* View Type: Grid */
.products-grid {
clear:both;
list-style:none !important;
padding: 0 !important;
margin: 0 ;
position:relative;
}
.products-grid.last { border-bottom:0; }
.products-grid li.item { float:left; padding:0 0 40px; position:relative;}
.products-grid .product-image { position:relative; display:block; border:1px solid #e5e5e5; text-align:center; margin:0; }
.products-grid .product-name {font-size:1.5em; line-height:1.44em;}
.products-grid .product-name a {}
.products-grid .price-box{margin:0 0 9px; float:left;}
.products-grid .price-box.map-info a{display:block;}
.products-grid .ratings{float:right; margin-top:5px; margin-bottom:18px;}
.products-grid .ratings .rating-box{display:block; float:none; margin-bottom:5px; margin-right:0;}
.products-grid .ratings .amount a{text-align:right; float:right;}
.products-grid .availability {}
.products-grid .actions {padding-top:9px;}
.products-grid .add-to-links {float:left; padding-bottom:12px;}
.products-grid .add-to-links li { display:block; }
.products-grid .add-to-links .separator { display:none; margin:0 2px; }
.products-grid .grid-desc{padding-top:9px;}
/* View Type: List */
.products-list li.item { padding:0 0 9px; position:relative;}
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { display:block; position:relative; text-align:center; border:1px solid #dedede; padding:0; background-color:#f8f6f6; margin:0; }
.products-list .product-shop {}
.products-list .product-name {padding-bottom:12px; margin:0;}
.products-list .product-name a{font-size:1em; line-height:1.5em; font-weight:100;}
.products-list .price-box { float:left; margin:0 52px 0 0; }
.products-list .price-box.map-info a{display:inline-block; margin-top:3px;}
.products-list .ratings{float:left;}
.products-list .ratings .rating-box{float:none; margin-bottom:5px;}
.products-list .ratings .rating-links{font-size:0.9em;}
.products-list .availability { float:right; margin:0; padding:3px 0 3px 30px; font-weight:normal; color:#8a8a8a; font-size:0.91em; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/out_of_stock.png) left 3px no-repeat;}
.products-list .desc { clear:both; padding:0; margin:14px 0;}
.products-list .desc .link-learn { font-size:11px; }
.products-list .add-to-links {float:left;}
.products-list .add-to-links li { display:block; }
.products-list .add-to-links .separator { display:none; margin:0 2px; }
.products-list li.item .product-img-box,
.products-grid li.item .product-img-box{position:relative; display:block;}
.products-list li.item .product-image span.image-box,
.products-grid li.item .product-image span.image-box{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
opacity:0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.img-shadow{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_left_bg.png) left top no-repeat;}
.img-shadow div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_right_bg.png) right top no-repeat; padding:0 96px;}
.img-shadow div div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_bg.png) left top repeat-x; height:11px; padding:0;}
.products-list .product-image .hover-box,
.products-grid .product-image .hover-box{overflow:hidden; position:relative;}
.products-list li.item:hover .product-image span.image-box,
.products-grid li.item:hover .product-image span.image-box{opacity:0.8;}
.products-list li.item .fancybox,
.products-grid li.item .fancybox{position:absolute; left:82%; bottom:20px; opacity: 0;}
.products-list li.item:hover .fancybox,
.products-grid li.item:hover .fancybox{position:absolute; left:82%; opacity: 1;}
.products-grid.small-grid li.item .product-info-box{
position:absolute;
width:47px;
height:47px;
right:5px;
top:42%;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/info_bg.png) left top no-repeat;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
opacity: 0;
}
.products-grid.small-grid .img-shadow,
.data-table .img-shadow{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_left_bg_small.png) left top no-repeat;}
.products-grid.small-grid .img-shadow div,
.data-table .img-shadow div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_right_bg_small.png) right top no-repeat; padding:0 73px;}
.products-grid.small-grid .img-shadow div div,
.data-table .img-shadow div div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_bg_small.png) left top repeat-x; padding:0;}
.data-table .img-shadow{background-position:0 -3px;}
.data-table .img-shadow div{background-position:right -3px;}
.data-table .img-shadow div div{background-position:0 -3px;}
.more-views .img-shadow{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_left_bg_small_2.png) left top no-repeat;}
.more-views .img-shadow div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_right_bg_small_2.png) right top no-repeat; padding:0 37px;}
.more-views .img-shadow div div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_bg_small_2.png) left top repeat-x; padding:0;}
.products-grid.small-grid li.item:hover .product-info-box{right:61px; opacity: 1;}
/* Small Grid */
.products-grid.small-grid li.item {
width:166px;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.products-grid.small-grid li.item.alpha { margin-left: 0 !important;}
.products-grid.small-grid li.item.omega { margin-right: 0 !important;}
.products-grid.small-grid li.item .grid-indent{padding:0;}
.products-grid.small-grid .price-box{float:none;}
.products-grid.small-grid .ratings{float:none;}
.products-grid.small-grid .ratings .rating-box{float:none;}
.products-grid.small-grid .ratings .amount{float:none;}
.products-grid.small-grid .ratings .amount a{float:none;}
.products-grid.small-grid li.item .fancybox{}
.products-grid.small-grid li.item .add-to-links li {}
.products-grid.small-grid li.item .add-to-links .separator{ display: none;}
.products-grid.small-grid span.label-new{
position:absolute;
width:78px;
height:71px;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/label_new_small.png) 0 0 no-repeat;
z-index:9;
}
/* Large Grid */
.products-grid.large-grid li.item {
width:348px;
float: left;
margin-left: 15px;
margin-right: 15px;
}
.products-grid.large-grid li.item.alpha { margin-left: 0 !important;}
.products-grid.large-grid li.item.omega { margin-right: 0 !important;}
.products-grid.large-grid li.item .grid-indent{padding:0;}
.products-grid li.item .hover-image,
.products-list li.item .hover-image {
display:block;
width:100%;
position:absolute;
max-width:100%;
left:0;
top:0;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition:opacity 150ms ease;
-moz-transition:opacity 150ms ease;
-o-transition:opacity 150ms ease;
-ms-transition:opacity 150ms ease;
transition:opacity 150ms ease;
}
.products-grid li.item:hover span.hover-image,
.products-list li.item:hover span.hover-image { opacity: 1; filter: alpha(opacity = 100);}
/* ======================================================================================= */
/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; }
.ratings { font-size:0.91em; line-height:1.25; margin:0; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:2px 0 0; }
.ratings .rating-links .separator { margin:0 2px; }
.ratings .rating-links a{color:#999999; text-decoration:none;}
.ratings .rating-links a:hover{text-decoration:none; color:#000;}
.ratings dt {}
.ratings dd {}
.rating-box { width:80px; height:9px; font-size:0; line-height:0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:9px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_rating.gif) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:10px; margin-top:1px;}
.ratings .amount {}
.ratings-table{margin:22px 0;}
.ratings-table th,
.ratings-table td { font-size:12px; line-height:1.15; padding:3px 0; }
.ratings-table th { text-align:left; font-weight:normal; padding-right:18px; }
.ratings-table .rating-box { width:45px; height:6px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_rating_2.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; margin-top:3px; }
.ratings-table .rating-box .rating { height:6px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_rating_2.gif) 0 100% repeat-x; }
/* Availability */
.availability { margin:0; }
.availability.in-stock span {}
.availability-only { margin:0 0 7px; }
.availability-only a { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong {}
.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; }
.availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last {}
/* Email to a Friend */
.email-friend {}
/* Alerts */
.alert-price {}
.alert-stock {}
/********** < Product Prices */
.price { white-space:nowrap !important; font-weight:normal!important;}
.col-main .price{font-size:1.16em; line-height:1.57em;}
.price-box {}
.price-box .price { font-weight:bold; }
/* Regular price */
.regular-price {}
.regular-price .price { font-weight:bold; }
/* Old price */
.old-price {}
.old-price span{ display: inline-block; line-height:1em; }
.old-price .price-label { white-space:nowrap; line-height: 34px;}
.old-price .price { text-decoration:line-through; }
/* Special price */
.special-price {}
.special-price span{ display: inline-block; line-height:34px; }
.special-price .price-label { font-weight:bold; white-space:nowrap; }
.special-price .price { font-weight:bold; }
/* Minimal price (as low as) */
.minimal-price {}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { font-weight:normal; }
/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }
/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-weight:bold; }
/* Configured price */
.configured-price {}
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }
/* FPT */
.weee { display:block; font-size:11px; color:#444; }
.weee .price { font-size:11px; font-weight:normal; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }
/* Price range */
.price-from {}
.price-from .price-label { font-weight:bold; white-space:nowrap; line-height:2.2em;}
.price-to {}
.price-to .price-label { font-weight:bold; white-space:nowrap; line-height:2.2em;}
/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/* Price as configured */
.price-as-configured {}
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; line-height:2.2em;}
.bundle-box{width:100%; overflow:hidden; margin-bottom:15px;}
.price-box-bundle {}
.price-box-bundle .price-box{float:none; padding-right:15px!important;}
/********** Product Prices > */
/* Tier Prices */
.tier-prices{padding:0 0 18px; color:#000;}
.tier-prices .price { font-weight:bold; line-height:1em;}
.tier-prices .benefit {}
.tier-prices-grouped {}
/* Add to Links */
.add-to-links,
.product-view .product-shop .product-bottom-box .email-friend{font-size:0.91em; line-height:1.45em;}
.add-to-links li,
.product-view .product-shop .product-bottom-box .email-friend a{float:left; padding-right:11px;}
.add-to-links li a,
.product-view .product-shop .product-bottom-box .email-friend a,
.cart-table .link-wishlist,
.cart-table .cart-edit,
.btn-remove2,
.my-wishlist .link-edit{
width:31px;
height:31px;
display:block;
-moz-border-radius:5px;
border-radius:5px;
text-indent:100%;
overflow:hidden;
white-space: nowrap;
}
.add-to-links .separator { display:none; }
.add-to-links .link-wishlist,
.cart-table .link-wishlist{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/link_wishlist.png); background-position:9px 11px; background-repeat:no-repeat;}
.add-to-links .link-compare{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/link_compare.png); background-position:8px 10px; background-repeat:no-repeat;}
.product-view .product-shop .product-bottom-box .email-friend a{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/link_email.png); background-position:9px 10px; background-repeat:no-repeat; padding-right:0;}
.cart-table .cart-edit,
.my-wishlist .link-edit{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/cart_edit.png); background-position:8px 10px; background-repeat:no-repeat;}
.btn-remove2{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/btn_trash.png); background-position:9px 10px; background-repeat:no-repeat;}
/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; margin-top:7px; display:none;}
.add-to-cart .qty {
float:left;
margin-top:9px;
box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color:rgba(0, 0, 0, 0.1);
border:none;
-moz-border-radius:5px;
border-radius:5px;
width: 1.1em !important;
height:20px;
font-size:1.5em;
line-height:1.44em;
color:#333333;
font-weight:100;
padding:4px 7px 7px;
}
.add-to-cart button.button { float:left; }
.add-to-cart .paypal-logo { clear:left; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
.product-view .add-to-cart .paypal-logo { margin:0; }
/* Add to Links + Add to Cart */
.add-to-box {margin-bottom: 18px;}
.add-to-box .add-to-cart { float:left; margin-bottom:13px;}
.add-to-box .add-to-cart button{margin-top:2px;}
.add-to-box .or { float:left; margin:7px 10px 0; }
.add-to-box .add-to-links { float:left; }
.add-to-box .add-to-links li{display:block;}
.product-view {}
.product-view .product-prev,
.product-view .product-next{position:absolute; width:auto; height:auto; top:0; z-index:8; background-position:0 0; background-repeat:no-repeat; color:#333; font-size:0.91em;}
.product-view .product-prev:hover > span,
.product-view .product-next:hover > span{background-color:rgba(255, 255, 255, 0.2);}
.product-view .product-prev span,
.product-view .product-next span{padding:11px 36px; display:block;}
.product-view .product-prev span span,
.product-view .product-next span span{padding:0; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/prev_nex_markers.gif) left 6px no-repeat;}
.product-view .product-prev{left:14px;}
.product-view .product-prev span span{padding-left:8px;}
.product-view .product-next{left:135px;}
.product-view .product-next span span{padding-right:8px; background-position:right -42px;}
.product-view .product-img-box .product-image .cloud-zoom img{margin:0 auto;}
.product-view .product-img-box .product-custom-2{padding:18px 0;}
.product-view .product-img-box #wrap{z-index:7!important; border:1px solid #e5e5e5!important; padding:0!important;}
.product-view .product-shop .product-name{}
.product-view .product-shop .product-name h2{font-size:1em; line-height:1.5em; margin-bottom:0; font-weight:100; color:#333;}
.product-view .product-shop .product-box{padding-bottom:14px;}
.product-view .product-shop .product-box .ratings{float:left; padding-top:9px;}
.product-view .product-shop .product-box .ratings .rating-box{margin-right:18px; margin-top:0; margin-bottom:9px; float:none;}
.product-view .product-shop .product-box .ratings .rating-links{float:none; margin-top:-1px; position:relative;}
.product-view .product-shop .product-box .ratings .rating-links a{display:inline;}
.product-view .product-shop .product-box .ratings .rating-links .separator{display:inline;}
.product-view .product-shop .product-box .no-rating{float:left; padding-top:5px;}
.product-view .product-shop .product-box .availability{float:right; font-size:0.91em; padding:4px 0 5px 30px; color:#959595;}
.product-view .product-shop .product-box .availability.in-stock{}
.product-view .product-shop .product-box .availability.out-of-stock{}
.product-view .product-shop p{margin-bottom:0;}
.product-view .product-shop .price-box{padding:0; margin:0; font-size:1.28em; line-height:1.44em; float:left;}
.product-view .product-shop .price-box .price{line-height: 34px;}
.product-view .product-shop .short-description{padding:0 0 14px;}
.product-view .product-shop .short-description h2{display:none;}
.product-view .product-shop .product-type-block{float:left;}
.product-view .product-shop .product-type-block .add-to-box{margin-bottom:0; margin-right:24px;}
.product-view .product-shop .product-type-block .add-to-cart button > span,
.product-view .product-options-bottom .add-to-cart button > span{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_3_shadow.png) right bottom no-repeat;}
.product-view .product-type-block .add-to-cart button span span span,
.product-view .product-options-bottom .add-to-cart button span span span{padding-left:77px;}
.product-view .product-shop .product-type-block .add-to-cart,
.product-view .product-options-bottom .add-to-cart{position:relative;}
.product-view .product-shop .product-type-block .add-to-cart .quantity-decrease,
.product-view .product-options-bottom .add-to-cart .quantity-decrease{position:absolute; left:12px;}
.product-view .product-shop .product-type-block .add-to-cart #qty,
.product-view .product-options-bottom .add-to-cart #qty{position:absolute; left:26px; margin-top:16px;}
.product-view .product-shop .product-type-block .add-to-cart .quantity-increase,
.product-view .product-options-bottom .add-to-cart .quantity-increase{position:absolute; left:55px;}
.product-view .product-shop .product-options-bottom{float:left;}
.product-view .product-shop .product-bottom-box{padding:0 0 18px; border:none; float:left;}
.product-view .product-shop .product-bottom-box .add-to-links{float:left;}
.product-view .product-shop .product-bottom-box .add-to-links li{padding-right:6px;}
.product-view .product-shop .product-bottom-box .email-friend{float:left; margin-bottom:0;}
.product-view .product-shop .product-bottom-box .twitter-button { display: inline-block; padding-left: 15px;}
.product-view .product-shop .product-bottom-box .product-custom{float:none; clear:both; padding-top:11px; min-width:138px;}
.product-view .product-collateral{padding-top:40px; padding-bottom:28px;}
.product-view .product-shop .email-friend{margin-bottom:9px;}
.product-essential{padding-bottom:20px;}
.product-collateral .box-collateral{padding:9px 0 18px; margin-bottom:0; font-size:1em; line-height:1.5em;}
.product-collateral h2{margin-bottom:0; font-size:2em; font-weight:100; }
.review-product-list .product-image{border: 1px solid #DADADA;}
.review-product-list .product-view .pager .limiter{padding:10px 0;}
/* Add to cart and Cart/Wishlist Quantity decrease/increase buttons */
.my-wishlist input.quantity-decrease,
.my-wishlist input.quantity-increase,
.add-to-cart input.quantity-decrease,
.add-to-cart input.quantity-increase,
.cart-table input.quantity-decrease,
.cart-table input.quantity-increase{
float: left;
width:13px;
height:15px;
border:none;
padding:0px;
margin:24px 5px;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/qt_arr.gif) left top no-repeat;
background-repeat:no-repeat;
}
.my-wishlist input.quantity-decrease,
.my-wishlist input.quantity-increase,
.cart-table input.quantity-decrease,
.cart-table input.quantity-increase{
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/qt_arr_2.gif) left top no-repeat;
}
.my-wishlist input.quantity-increase,
.cart-table input.quantity-increase{background-position:-17px 5px;}
.my-wishlist input.quantity-decrease,
.cart-table input.quantity-decrease,
.add-to-cart input.quantity-decrease{background-position:5px 5px; margin-left:0;}
/*.my-wishlist input.quantity-decrease:hover,
.cart-table input.quantity-decrease:hover,
.add-to-cart input.quantity-decrease:hover{}*/
.add-to-cart input.quantity-increase{background-position:-37px 5px;}
/*.my-wishlist input.quantity-increase:hover,
.cart-table input.quantity-increase:hover,
.add-to-cart input.quantity-increase:hover{}*/
/* Product Zoom */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 4px solid #888;
margin:-4px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border:4px solid #ccc;
overflow:hidden;
top:1px!important;
margin:0 0 0 1px;
}
#wrap .cloud-zoom-big{
top:-5px!important;
left:-5px!important;
}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
}
.parent-zoom img{
-webkit-transition-property: opacity;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease;
cursor: cell;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
border: 0;
}
.product-view .mousetrap{
height:100%!important;
width:100%!important;
}
/* More Views */
.more-views{padding-top:18px; margin-right:-15px; margin-left:-15px; padding-left:15px; padding-right:15px; position:relative;}
.more-views h2{display:none;}
.more-views li { float:left; margin-left:0px; margin-bottom:18px; margin-right:12px;}
.more-views #more-views-slider li{margin-right:18px;}
.more-views li a{border:1px solid #dedede; padding:0; background-color:#f8f6f6; display:block;}
.product-essential .product-image{position:relative;}
.more-views .prev,
.more-views .next{
position:absolute;
display: block;
width:31px;
height:31px;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
cursor:pointer;
z-index: 999;
}
.more-views .prev span,
.more-views .next span{
position:absolute;
display:block;
width:31px;
height:31px;
left:0;
top:0;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius:20px;
border-radius:20px;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.more-views .prev:hover span,
.more-views .next:hover span{
width:35px;
height:35px;
left:-2px;
top:-2px;
}
.more-views .prev em,
.more-views .next em{
display:block;
position:absolute;
width:8px;
height:13px;
left:10px;
top:9px;
z-index: 999;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/more_views_arr.png) left top no-repeat;
}
.more-views .next em{background-position:-24px 0; left:13px;}
.more-views .prev,
.more-views .next{opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;}
.more-views:hover .prev,
.more-views:hover .next{opacity:1; filter:alpha(opacity=100);}
.more-views .prev {
left:0;
top:50%;
margin-top:-15px;
background-position: left top;
}
.more-views .prev:hover{
background-position: left -14px;
}
.more-views .next{
right:0;
top:50%;
margin-top:-15px;
background-position:-16px top;
}
.more-views .next:hover{
background-position:-16px -14px;
}
/* Block: Related */
.block-related{position:relative;}
.block-related header{}
.block-related header h2{font-size:2em; font-weight:100; margin-bottom:18px;}
.block-related .block-content{background: #fff; padding:0; overflow:hidden; width:100%;}
.block-related .block-content .block-subtitle{padding-bottom:15px; margin-bottom:0;}
.block-related .block-content .block-subtitle a{color:#000;}
.block-related .price-box{margin-bottom:10px;}
.block-related li.item{float:left; width:132px; margin-right:14px; padding-bottom:18px;}
.block-related li .related-checkbox{position:absolute; right:0; top:0;}
.block-related .product-image {
display:inline-block;
float:none;
margin:0 auto 9px;
border:1px solid #dedede!important;
}
.block-related .product-name {font-size:1.5em; line-height:1.01em; margin-bottom:0!important; border:none!important;}
.block-related .product-name a{font-size:0.75em; line-height:1.01em;}
.block-related .product .product-details { margin:0; position:relative;}
.block-related .product .product-details .product-name {float:left; padding-right:25px; margin-bottom:9px!important;}
.block-related .product .product-details input.checkbox {float:right;}
.block-related .product .product-details .price-box {clear: both; float:none; margin-bottom:5px;}
.block-related .product .product-details .price-box .price-label{font-size:1em; font-weight:normal; line-height:1.83em;}
.block-related .product .product-details .price-box .price{}
.block-related .product .product-details .link-wishlist{font-weight:normal;}
.block-related ul {}
.block-related #block-related-slider{}
.block-related .prev,
.block-related .next {
position: absolute;
display: block;
width:31px;
height:31px;
z-index: 999;
text-indent:100%;
white-space: nowrap;
background-position:0 0;
background-repeat:no-repeat;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
cursor:pointer;
}
.block-related .prev {
right:35px;
left:auto;
top:25px;
background-position: left top;
-moz-transition:left 300ms ease, opacity 300ms;
-webkit-transition:left 300ms ease, opacity 300ms;
-o-transition:left 300ms ease, opacity 300ms;
transition:left 300ms ease, opacity 300ms;
}
.block-related .prev:hover{background-position: left -14px;}
.block-related .next{
right:0;
top:25px;
background-position: -19px top;
-moz-transition:right 300ms ease, opacity 300ms;
-webkit-transition:right 300ms ease, opacity 300ms;
-o-transition:right 300ms ease, opacity 300ms;
transition:right 300ms ease, opacity 300ms;
}
.block-related .next:hover{background-position:-19px -14px;}
.block-related .prev span,
.block-related .next span{
position:absolute;
display:block;
width:31px;
height:31px;
left:0;
top:0;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius:20px;
border-radius:20px;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.block-related .prev:hover span,
.block-related .next:hover span{
width:35px;
height:35px;
left:-2px;
top:-2px;
}
.block-related .prev em,
.block-related .next em{
display:block;
position:absolute;
width:8px;
height:13px;
left:10px;
top:9px;
z-index: 999;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/more_views_arr.png) left top no-repeat;
}
.block-related .next em{background-position:-24px 0; left:13px;}
.block-related{}
.block-related .prev,
.block-related .next{
opacity:0;
filter: alpha(opacity=0);
}
.block-related:hover .prev,
.block-related:hover .next{opacity:1; filter: alpha(opacity=100);}
.block-related:hover .prev{}
.block-related:hover .next{}
/* Product Options */
.product-options { background: #F2F2F2; padding:12px 21px 18px; margin:0 0 18px;}
.product-options h3{color:#333; font-size:2em; line-height:1.5em; font-weight:100; margin-bottom: 20px;}
.product-options dl{width:100%; overflow:hidden;}
.product-options dt{float:left; padding-right:13px; display:block; clear:both; min-width:50px; margin-bottom:18px;}
.product-options dt label{font-weight:bold; color:#333333; font-size:0.91em; margin-top:2px; display:block;}
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; }
.product-options dd { margin:0 0 9px; float:left; min-width:100px;}
.product-options dl.last dd.last {}
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:210px; }
.product-options .options-list {}
.product-options .options-list input.radio { float:left; margin:3px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; }
.product-options .options-list .label { display:block; margin-left:20px; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { padding:0 0 0; text-align:left; font-weight:normal; font-size:0.91em;}
.product-options-bottom { padding:0; border:none; }
.product-options-bottom .add-to-cart{padding-bottom:13px; padding-right:24px;}
.product-options-bottom .price-box { margin:0 0 22px!important; padding:0!important; font-size:1.28em; line-height:1.44em;}
.product-options-bottom .add-to-cart label{display:none;}
/* Grouped Product */
.product-view .grouped-items-table {}
/* Block: Description */
.product-view .box-description {}
/* Block: Additional */
.product-view .box-additional {}
/* Block: Upsell */
.product-view .box-up-sell {}
.product-view .box-up-sell .products-grid li.item {width:218px; padding-bottom:18px;}
.product-view .box-up-sell .products-grid .product-image{margin-bottom:9px;}
.product-view .box-up-sell .products-grid .product-name{padding-bottom:0; border:none;}
.product-view .box-up-sell .products-grid .price-box{float:none;}
.product-view .box-up-sell .products-grid .ratings{text-align:center; float:none;}
.product-view .box-up-sell .products-grid .ratings .rating-box{float:none; margin:0 auto 10px;}
.product-view .box-up-sell .products-grid .ratings .rating-box .rating-links{}
/* Block: Tags */
.product-view .box-tags {}
.product-view .box-tags h3{margin-bottom:5px;}
.product-view .box-tags .product-tags{margin-bottom:10px;}
.product-view .box-tags .product-tags li{padding-right:5px;}
.product-view .box-tags .form-add label {display:block; margin-bottom:5px;}
.product-view .box-tags .form-add .input-box { float:left; width:470px; margin:0 0 9px; }
.product-view .box-tags .form-add input.input-text{width:97%; max-width:95%; padding: 6px 6px 7px;}
.product-view .box-tags p { clear:both; margin-top:10px;}
.product-view .box-tags ul.product-tags li { display: inline;}
/* Block: Reviews */
.catalog-product-view .category-wrapper .grid_12 .right{float:left!important;}
.catalog-product-view .col-main{position:static;}
.catalog-product-view .box-reviews {padding:18px 0 9px 0; background-color: #fff;}
.catalog-product-view .box-reviews h2{
font-size:2.5em;
font-weight:100;
line-height:1.5em;
padding:0;
margin-bottom:18px;
color:#333333;
}
.catalog-product-view .box-reviews .data-table{margin-top:18px;}
.catalog-product-view .box-reviews .data-table thead{
background-color:#f2f2f2;
border-left:1px solid #f2f2f2;
}
.catalog-product-view .box-reviews .data-table thead th { background:none; border:none; padding:9px 7px;}
.catalog-product-view .box-reviews .data-table thead th span{text-indent:100%; white-space:nowrap; overflow:hidden; width:44px; margin:0 auto; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/review_stars.png); background-repeat:no-repeat;}
.catalog-product-view .box-reviews .data-table thead th span.one-star{background-position:center 3px;}
.catalog-product-view .box-reviews .data-table thead th span.two-stars{background-position:center -34px;}
.catalog-product-view .box-reviews .data-table thead th span.three-stars{background-position:center -70px;}
.catalog-product-view .box-reviews .data-table thead th span.four-stars{background-position:center -104px;}
.catalog-product-view .box-reviews .data-table thead th span.five-stars{background-position:center -136px;}
.catalog-product-view .box-reviews .data-table th { text-align: left; background:none;}
.catalog-product-view .box-reviews .data-table td { text-align: center; padding:14px;}
.catalog-product-view .box-reviews .data-table th,
.catalog-product-view .box-reviews .data-table td{border-color:#f2f2f2;}
.catalog-product-view .box-reviews .data-table td input.radio { margin: 0;}
.catalog-product-view .box-reviews .data-table tbody th{padding:14px 14px 14px 24px; font-size:1em;}
.catalog-product-view .box-reviews .form-add {}
.catalog-product-view .box-reviews .form-add h3{color:#8a8a8a; font-size:1em; font-weight:normal;}
.catalog-product-view .box-reviews .form-add h4{color:#605d5d; font-weight:normal;}
.catalog-product-view .box-reviews .form-add .form-list{margin-top:18px;}
.catalog-product-view .box-reviews .form-add .form-list .input-box { width: 100%;}
.catalog-product-view .box-reviews .form-add .form-list input,
.catalog-product-view .box-reviews .form-add .form-list textarea{width: 97%!important; padding:6px; -moz-border-radius:5px; border-radius:5px; background-color:#f2f2f2; border-left:2px solid #cecece; border-top:2px solid #cecece; border-bottom:none; border-right:none;}
.catalog-product-view .box-reviews .form-add .form-list input{width:50%!important;}
.catalog-product-view .box-reviews .pager { overflow: hidden;}
.catalog-product-view .box-reviews .pager .limiter { float: right;}
.catalog-product-view .box-reviews ul li { padding:9px 12px; margin-bottom:9px;}
.catalog-product-view .box-reviews ul li label{display:none;}
.catalog-product-view .box-reviews ul.ie li label{display:block; color:#838383; margin-bottom:3px;}
.catalog-product-view .box-reviews ul li.even { background-color: #f2f2f2;}
.catalog-product-view .box-reviews ul.form-list li {margin-bottom:0;}
.catalog-product-view .box-reviews ul li h6 { font-size: 1.16em; color: #686868; font-weight: bold; padding: 0; margin-bottom:13px; text-transform:uppercase;}
.catalog-product-view .box-reviews ul li h6 a { font-size: 1em; color: #686868; font-weight: normal;}
.catalog-product-view .box-reviews ul li small { display: block; margin-bottom: 9px; font-style: italic; font-size:0.91em;}
.catalog-product-view .box-reviews ul li small span{padding-right:5px;}
.catalog-product-view .box-reviews ul li .review-txt{font-size:0.91em;}
.catalog-product-view .box-reviews ul.form-list li { padding: 9px 0 9px 0;}
.catalog-product-view .box-reviews .form-add{margin-top:0;}
.catalog-product-view .box-reviews .full-review{float:right; display:block; cursor:pointer; font-size:0.91em;}
/* Send a Friend */
.send-friend {}
/* Product Collateral Accordion */
.product-collateral#collateral-accordion {}
.product-collateral#collateral-accordion h2 {
cursor: pointer;
background:#fff;
border:1px solid #e5e5e5;
padding:9px;
margin-top: 10px;
margin-bottom:0;
}
.product-collateral#collateral-accordion h2:first-child{margin-top:0;}
.product-collateral#collateral-accordion .box-collateral{}
/* Meigee Tabs */
.meigee-tabs {
background-color:#f8f6f6;
margin: 0!important;
padding:0!important;
}
.meigee-tabs li {
display:inline-block;
list-style: none;
}
.meigee-tabs li.first { border-left:0; }
.meigee-tabs li.last { border-right:0; }
.meigee-tabs a{
display:block;
padding:12px 27px;
color:#686868;
font-size:1em;
line-height:1.5em;
font-weight:normal;
position:relative;
overflow:hidden;
height:18px;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
transition:none;
}
.meigee-tabs li a:hover,
.meigee-tabs li.active a,
.meigee-tabs li.active a:hover{color:#333333; font-weight:bold; background-color:#FFF; border:1px solid #dedede; border-bottom:none; border-top:2px solid; position:relative; height:17px; margin-bottom:-1px; padding-left:26px; padding-right:26px;}
.meigee-tabs li a:hover{font-weight:normal;}
.meigee-tabs-content{
padding:26px 20px 36px;
border:1px solid #dedede;
clear:both;
}
.meigee-tabs-content h2 {
display:none;
}
.meigee-tabs-content .box-collateral{padding: 0;}
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name {font-weight:100; margin-bottom:9px; font-size:2em; line-height:1.5em;}
.product-name a {font-weight:100; text-decoration:none; color:#333333;}
.product-name a:hover{text-decoration:none; color:#959595;}
/* Product Tags */
.tags-list{margin:0;}
.tags-list li { display:inline; }
.tags-list li a{color:#8a8a8a; padding:0 5px;}
.tags-list li a:hover{color:#000;}
/* Advanced Search */
.advanced-search {}
.advanced-search ul li label{float:none;}
.advanced-search-amount {padding:10px 0 5px;}
.advanced-search-summary {padding:10px 0 15px;}
/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}
.cms-home .header-block-wrapper{padding-bottom:12px;}
.cms-home .meigee-tabs-content{padding-bottom:26px;}
.cms-home .content-wrapper{padding:0 0 40px;}
.cms-home #footer .content-wrapper{padding:0px;}
.cms-home .content-wrapper .main-container{padding-bottom:0;}
.cms-home .content-wrapper .col-main{margin-bottom:0;}
/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px 0 0; }
.page-sitemap .links a{text-decoration:none; position:relative; color:#8e8f91; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.page-sitemap .links a:hover{text-decoration:none; color:#aa2118;}
.page-sitemap .sitemap { margin: 12px 12px 12px; }
.page-sitemap .sitemap a {}
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a {}
.page-sitemap .pager .pages{padding-top:0;}
.sales-guest-form .col-main .block-content .form-alt li{padding-bottom:9px; width:100%; overflow:hidden;}
.sales-guest-form .col-main .block-content .guest-select{width:100%;}
/* RSS */
.rss-title h1 { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
.cart {}
.cart .page-title h1{border-bottom:none; padding-top:5px;}
.checkout-cart-index .category-wrapper{padding-bottom:9px;}
/* Shopping Cart Accordion */
#cart-accordion h3.accordion-title {
cursor: pointer;
background:#F2F2F3;
border:1px solid #D8D8DA;
padding: 3px;
margin-bottom: 1px;
}
#cart-accordion .accordion-content {
padding:0;
margin-bottom:0;
}
#cart-accordion .accordion-content h2 {
display: none;
}
/* Checkout Types */
.checkout-types { float:right; text-align:right; }
.title-buttons .checkout-types li { float:left; margin:0 0 0 5px; }
.checkout-types .paypal-or { margin:0 8px; line-height:2.3; }
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; }
/* Shopping Cart ========================================================================= */
.cart {}
/* Shopping Cart Accordion */
#cart-accordion h3.accordion-title{
cursor:pointer;
padding:9px 18px;
margin-bottom:0;
font-weight:normal;
border:1px solid #e5e5e5;
border-bottom:none;
font-size:1.5em;
line-height:1.44em;
color:#fff;
-moz-transition: background-color 600ms ease;
-webkit-transition: background-color 600ms ease;
-o-transition: background-color 600ms ease;
transition: background-color 600ms ease;
}
#cart-accordion h3.accordion-title:hover,
#cart-accordion h3.accordion-title.active{color:#fff;}
#cart-accordion h3.accordion-title span{
-moz-transition: padding-left 250ms ease;
-webkit-transition: padding-left 250ms ease;
-o-transition: padding-left 250ms ease;
transition: padding-left 250ms ease;
}
#cart-accordion h3.accordion-title:hover span,
#cart-accordion h3.accordion-title.active span{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/my_cart_accordion_title_marker.png) left 6px no-repeat; padding-left:24px;}
#cart-accordion .accordion-content {
padding:0;
}
#cart-accordion .accordion-content h2 {
display: none;
}
/* Checkout Types */
.checkout-types { float:right; text-align:right; padding-top: 10px; }
.checkout-types li { float:left; margin:0 0 5px 5px; }
.checkout-types .paypal-or { margin:0 8px; line-height:2.3; }
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 0 8px 0; text-align:center; line-height:1.0; font-size:11px; }
/* Shopping Cart Table */
.cart-table th{}
.cart-table td{}
.cart-table tfoot td{padding:12px 18px 9px;}
.cart-table .link-wishlist{margin-bottom:10px;}
.cart-table .cart-edit{margin-bottom:10px;}
.cart-table .item-msg { font-size:10px; }
.cart-table .buttons-row .buttons button.button { margin-right: 18px;}
.cart-table .buttons-row .buttons button.button.btn-update { margin-right: 0px;}
.cart-table .btn-continue{margin-right:5px;}
.cart-table .quantity-box{width:77px;}
.cart-table .qty{
float:left;
background:#FFFFFF;
border-color:#d9d9d9;
padding:5px;
}
.cart-table input.quantity-decrease{margin-top:7px; margin-bottom:0; margin-right:5px;}
.cart-table input.quantity-increase{margin-top:7px; margin-bottom:0; margin-left:6px; margin-right:0;}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:25px 0 0; }
.cart .cart-collaterals .col2-set { float:left; width:700px; }
.cart .crosssell {border:1px solid #dfdfdf; padding:9px 20px;}
.cart .crosssell h2 { font-size:13px; font-weight:bold; }
.cart .crosssell li.item { padding:13px 0 18px; }
.cart .crosssell .product-image { display:block; border:1px solid #ddd; float:left;}
.cart .crosssell .product-details {float:right; width:58%;}
.cart .crosssell .product-details .product-name{font-size:1em;}
.cart .crosssell .product-details .product-name a{font-size:1.5em; line-height:1.44em;}
.cart .crosssell li.item .price-box{margin-bottom:9px;}
.cart .crosssell li.item button{margin-bottom:9px;}
.cart .crosssell li.item .add-to-links li{display:block;}
#cart-accordion #crosssell-products-list{width:100%; overflow:hidden;}
#cart-accordion .crosssell{padding:18px 9px 18px 22px;}
#cart-accordion .crosssell li.item{float:left; margin-bottom:0; margin-top:0; padding:0;}
#cart-accordion .crosssell .product-image{float:none;}
#cart-accordion .crosssell .product-details{width:auto; padding-top:10px; float:none;}
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping {border:1px solid #dfdfdf; padding:14px 18px 18px; position:relative;}
.cart .discount h2,
.cart .shipping h2{margin-bottom:9px;}
.cart .discount{margin-bottom:18px;}
.cart .discount .discount-form {overflow: hidden;}
.cart .discount label { display:block; margin: 0 0 5px 0; }
.cart .discount .input-box{ float:left;}
.cart .discount .input-box input{width:247px; height:24px;}
.cart .discount .buttons-set {clear:both; text-align:left; padding: 0; margin: 0;}
.cart .discount .buttons-set button{margin:9px 0 0; float:none;}
#cart-accordion .discount{margin-bottom:0;}
.cart .shipping .form-list{margin:9px 0;}
.cart .shipping .form-list select{width:257px;}
.cart .shipping .form-list input{width:251px;}
.cart .shipping .sp-methods{margin:9px 0;}
.cart .shipping .buttons-set {clear:none; float:none; padding: 0; margin: 0;}
.cart .shipping .buttons-set button { float:none; margin: 0;}
/* Shopping Cart Totals */
.cart .totals { float:right;}
.cart .totals-border{border:1px solid #dfdfdf;}
.cart .totals-wrapper{padding:14px 36px 0;}
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:6px; border-bottom:1px solid #e5e5e5; /*font-size:0.85em; line-height:1.5em;*/}
.cart .totals table tfoot tr.last td{text-transform:uppercase; font-size:1.16em; line-height:1.57em; border-bottom:none; color:#333;}
.cart .totals table th { font-weight:bold; }
.cart .totals table tfoot th {}
.cart .totals table .price{font-size:1em; line-height:1.42em;}
.cart .totals .checkout-types{text-align:center; float:none; padding:14px 0 9px;}
.cart .totals .checkout-types li{padding-bottom:5px; float:none; margin:0;}
.cart .totals .checkout-types .paypal-logo{margin-bottom:0;}
.accordion-content .discount,
.accordion-content .shipping,
.accordion-content .crosssell{border-bottom:none;}
/**/
.cart .totals.totals-accordion {
float: none;
overflow:hidden;
border:1px solid #e5e5e5;
padding: 15px 18px 5px 15px;
}
.cart .totals.totals-accordion .checkout-types { float:left; padding-top:0;}
.cart .totals.totals-accordion .checkout-types li {
padding-left:0;
float:none;
text-align:left;
}
.cart .totals.totals-accordion .checkout-types li .paypal-logo .paypal-or{margin:0 88px 0 0;}
.cart .totals.totals-accordion .checkout-types li a{ font-size:1em; line-height:1.5em; font-weight:bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.cart .totals.totals-accordion table {
width:auto !important;
float:right;
position:relative;
margin:0;
color:#8a8a8a;
}
/* Options Tool Tip */
.item-options dt { font-weight: bold;}
.item-options dt,
.item-options dd { font-style:italic; }
.truncated { padding-top: 10px; }
.truncated .truncated_full_value { }
.truncated .truncated_full_value .item-options {}
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:30px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.sp-methods .release-amounts { margin:0.5em 0 1em; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }
.please-wait{
color: #000000;
font-size: 1.18em;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
padding: 28px;
margin: -34px 0 0 -90px;
border: 5px solid #DDD;
background: #fff;
white-space: nowrap;
z-index: 9999;
}
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { cursor:help; margin-left:5px; margin-top:5px; display:inline-block;}
/* Tooltip */
.tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.gift-messages {padding:5px 0;}
.gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; margin-bottom:9px;}
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 {}
.gift-messages-form .inner-box{padding:10px;}
.gift-messages-form .form-list .field{width:290px;}
.gift-messages-form .form-list li.wide textarea{width:544px;}
.gift-messages-form .details .form-list .field{width:220px;}
.gift-messages-form .details .form-list .field input{width:210px;}
.gift-messages-form .details .form-list li.wide textarea{width:430px;}
.gift-messages-form .whole-order {}
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name {}
.gift-message-link { display:block; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }
/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; }
.checkout-agreements .agree { padding:6px; }
/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
/* Generic Info Set */
.info-set {}
/********** Common Checkout Styles > */
/* One Page Checkout */
aside.sidebar section.block-progress {padding:0; background:none;}
aside.sidebar section.block-progress header{ border:1px solid #dedede; border-bottom:none; padding:9px 14px; background-color:#e9e9e9;}
aside.sidebar section.block-progress header h2{font-size:1.16em; line-height:1.57em; color:#333; text-transform:uppercase; font-family: Arial, sans-serif!important;}
aside.sidebar section.block-progress .block-content{padding-left:0; padding-top:0;}
aside.sidebar section.block-progress dt{padding:9px 18px; margin:0; color:#605d5d;}
aside.sidebar section.block-progress dt a{color:#605d5d;}
aside.sidebar section.block-progress dt a:hover{text-decoration:underline;}
aside.sidebar section.block-progress dd{padding:9px 30px 9px 28px; font-size:0.91em;}
aside.sidebar section.block-progress dt,
aside.sidebar section.block-progress dd{border:1px solid #e5e5e5; border-top:none;}
aside.sidebar section.block-progress dd{color:#959595;}
aside.sidebar section.block-progress dt{}
aside.sidebar section.block-progress dt.complete{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/opc_progress_marker.png); background-position:right 9px; background-repeat:no-repeat;}
.checkout-onepage-index .page-title{display:none;}
.opc { border-bottom:1px solid #e5e5e5; position:relative; }
.opc li.section { border:1px solid #e5e5e5; border-bottom:0; }
.opc .field{width:345px;}
.opc .field input.input-text{width:303px;}
.opc .field-2,
.opc .name-lastname{width:331px; float:left;}
.opc .field-2 input.input-text,
.opc .name-lastname input.input-text{width:325px;}
.opc .form-list .name-middlename{width:146px;}
.opc .form-list .name-middlename input.input-text{width:105px;}
.opc .form-list .field select,
.opc .form-list .field-2 select{width:330px;}
.opc .form-list li.wide input.input-text{width:669px;}
.opc input.radio{margin-top:-1px;}
.opc .gift-messages-form input.input-text {width:254px;}
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .step-title { background-color:#f8f6f6; padding:0; text-align:right; position:relative;}
.opc .step-title h2 { float:left; margin:11px 0 7px; padding:0 0 0 11px; font-size:1em; line-height:1.5em; color:#a0a0a0; text-transform:uppercase; font-weight:normal; border-left:1px dotted #a0a0a0;}
.opc .step-title .number{
color: #333;
float:left;
font-size:1.16em;
line-height:1.57em;
padding:9px 18px;
}
.opc .step-title a { display:none; float:right; }
.opc .allow .step-title { cursor:pointer; }
/*.opc .allow .step-title a { display:block; }*/
.opc .active {}
.opc .active .step-title {cursor:default; }
.opc .active .step-title h2{color:#686868; font-size:1.16em; line-height:1.57em; margin: 9px 0; border-left:none;}
.opc .active .step-title .number{}
/*.opc .active .step-title a { display:none; }*/
.opc .step { border-top:1px solid #e5e5e5; padding:20px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}
.opc .order-review .authentication {}
.opc .order-review .warning-message {}
.opc .sp-methods dt,
.opc .sp-methods dd{padding-bottom:10px;}
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0 30px; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }
.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; margin-bottom:20px;}
.multiple-checkout .grand-total big {margin-bottom:10px; display:block; font-size:1em; line-height:1.44em;}
.multiple-checkout .grand-total .price {font-size:1em; line-height:1.44em;}
.multiple-checkout .gift-messages-form .form-list .field{width:210px;}
.multiple-checkout .gift-messages-form .form-list .field input{width:195px;}
.multiple-checkout .gift-messages-form .form-list li.wide textarea{width:76%;}
.multiple-checkout .gift-messages-form .details .form-list .field{width:160px;}
.multiple-checkout .gift-messages-form .details .form-list .field input{width:145px;}
.multiple-checkout .gift-messages-form .details .form-list li.wide textarea{width:305px;}
/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
.account-login {}
.account-login .new-users {}
.account-login .registered-users {}
.account-create {}
/* Account Login/Create Pages ============================================================ */
/* Captcha */
.captcha-note {}
.captcha-image { float:left; position:relative; }
.captcha-img { border:1px solid #ccc; }
.registered-users .captcha-image {}
#checkout-step-login .captcha-image {}
#checkout-step-login .buttons-set .f-left{margin-top:4px;}
.captcha-reload { position:absolute; top:2px; right:2px;}
.captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }
@-webkit-keyframes rotate {
0% { -webkit-transform:rotate(0); }
0% { -webkit-transform:rotate(-360deg); }
}
@-moz-keyframes rotate {
0% { -moz-transform:rotate(0); }
0% { -moz-transform:rotate(-360deg); }
}
@keyframes rotate {
0% { transform:rotate(0); }
0% { transform:rotate(-360deg); }
}
/* Remember Me Popup ===================================================================== */
.window-overlay { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }
.remember-me label {}
.remember-me-popup {}
.remember-me-popup h3 {}
.remember-me-popup .remember-me-popup-head {}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {}
.remember-me-popup .remember-me-popup-body {}
.remember-me-popup .remember-me-popup-body a {}
/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
.my-account .addresses-list li.item{padding-bottom:15px;}
.my-account .my-tag-edit{margin-bottom:10px;}
.my-account .my-tag-edit a.btn-remove{float:left; margin-right:5px;}
.my-account #my-tags-table button{margin-bottom:10px;}
.my-account .pager .limiter{float:left;}
.my-account .pager .pages{float:right; padding-top:0;}
.my-account .rating-links { display: none;}
/********** < Dashboard */
.dashboard {}
.dashboard .welcome-msg {}
.dashboard .welcome-msg .hello{margin-bottom:10px; font-size: 1.09em;}
.dashboard .data-table{margin:10px 0 15px;}
.dashboard .col2-set{padding:10px 0 15px;}
.dashboard .box-title,
.dashboard .box-head{width:100%; overflow:hidden; margin:10px 0 0;}
.dashboard .box-title h2,
.dashboard .box-title h3,
.dashboard .box-head h2,
.dashboard .box-head h3{float:left;}
.dashboard .box-title h2,
.dashboard .box-head h2{font-size: 1.09em;}
.dashboard .box-content h4{font-size: 0.91em;}
.dashboard .box-title a,
.dashboard .box-head a{float:right; text-decoration:none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
/* Block: Recent Orders */
.dashboard .box-recent { margin:10px 0; }
/* Block: Account Information */
.dashboard .box-info {}
/* Block: Reviews */
.dashboard .box-reviews{padding-bottom:15px;}
.dashboard .box-reviews li{padding-bottom:20px;}
.dashboard .box-reviews .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; }
.dashboard .box-reviews .details { margin-left:20px; }
.dashboard .box-reviews .details .ratings strong{float:none; display:block; margin-bottom:3px;}
.dashboard .box-reviews .details .ratings .rating-box{float:none;}
/* Block: Tags */
.dashboard .box-tags li{padding-bottom:20px;}
.dashboard .box-tags .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; }
.dashboard .box-tags .details { margin-left:20px; }
.dashboard .box-tags .details .tags li{display:inline;}
/********** Dashboard > */
/* My Wishlist */
.my-wishlist .page-title{border-bottom:none;}
.my-wishlist .page-title h1{padding-bottom:0;}
.my-wishlist .data-table{margin-bottom:0;}
.my-wishlist .data-table .product-name{margin-bottom:22px;}
.my-wishlist .data-table .quantity-decrease{float:left; margin-right:5px; margin-top:7px; margin-bottom:0;}
.my-wishlist .data-table .quantity-increase{float:left; margin-left:5px; margin-top:7px; margin-bottom:0;}
.my-wishlist .data-table .qty{
float:left;
background:#FFFFFF;
border-color:#D9D9D9;
padding: 5px;
}
.my-wishlist .data-table textarea{width:90%; margin-top:9px; min-height:130px;}
.my-wishlist .wishlist-input-box{width:82px; margin:0 auto; float:left;}
.my-wishlist .data-table .cart-cell{width:170px; padding:0 9px;}
.my-wishlist .data-table .price-box{float:right; margin-top:5px;}
.my-wishlist .data-table .price-box .price{}
.my-wishlist .data-table .price-box.map-info a{display:block;}
.my-wishlist .data-table button{margin:28px 0 10px; float:left;}
.my-wishlist .buttons-set{border:1px solid #e5e5e5; border-top:none; padding:9px 11px; margin-top:0;}
.my-wishlist .buttons-set button{margin-left:18px;}
.my-wishlist .data-table .btn-remove2{}
.my-wishlist .link-edit{margin-bottom:9px;}
/* Address Book */
.addresses-list {}
.addresses-list-additional li.item {}
/* Order View */
.order-info { border:1px solid #ddd; padding:5px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info li.current{color:#000;}
.order-info dt { font-weight:bold; }
.order-date { margin:10px 0; }
.order-info-box {}
.order-items { width:100%; overflow-x:auto; }
.order-additional { margin:15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#666; }
.gift-message dd { font-size:13px; margin:5px 0 0; }
/* Order Comments */
.order-about dt { font-weight:bold; }
.order-about dd { font-size:13px; margin:0 0 7px; }
.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print{padding:20px;}
.page-print h2,
.page-print h3{margin-top:15px;}
.page-print .print-head {padding-bottom:20px;}
.page-print .print-head img { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print .col2-set{padding:15px 0;}
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* My Reviews */
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; margin-bottom:10px; }
.product-review .product-img-box .ratings .rating-links a{display:block;}
.product-review .product-img-box .ratings .rating-links .separator{display:none;}
.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }
.product-review h3 {}
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:13px; margin:5px 0 0; }
/* ======================================================================================= */
/* MAP Popup============================================================================== */
.price-box.map-info .price{padding-right:10px;}
.product-view .product-shop .price-box.map-info{}
.product-view .product-shop .price-box.map-info a{padding:3px 5px 0; display:inline-block;}
.cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; }
.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#f5f5f5; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background:0; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:5px 0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #ddd; }
/* ======================================================================================= */
/* ==================================Special Block ===================================================== */
.special-block .page-title{margin-bottom:18px;}
.special-block #container .banner-block{float:left; position:relative; cursor:pointer; overflow:hidden; margin-right:22px; margin-bottom:18px;}
/* ====Banner Type 1 ===== */
.special-block #container .banner-1 > span,
.special-block #container .banner-1 .over-box > span,
.special-block #container .banner-2 > span{
position:absolute;
left:15px;
bottom:13px;
font-size:1.4em;
color:#fff;
text-transform:uppercase;
font-weight:normal;
text-align:left;
-moz-transition:left 1000ms ease;
-webkit-transition:left 1000ms ease;
-o-transition:left 1000ms ease;
transition:left 1000ms ease;
}
.special-block #container .banner-1 > span.first,
.special-block #container .banner-2 > span.first{
bottom:31px;
font-size:1.7em;
}
.special-block #container .banner-1 > span.first{
-moz-transition:left 700ms ease;
-webkit-transition:left 700ms ease;
-o-transition:left 700ms ease;
transition:left 700ms ease;
}
.special-block #container .banner-1:hover > span{left:-250px;}
.special-block #container .banner-1 .over-box{
opacity:0;
position:absolute;
left:0;
top:0;
background-color:rgba(0, 0, 0, 0.6);
border:5px solid #f8f6f6;
cursor:pointer;
-moz-transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
-o-transition:opacity 500ms ease;
transition:opacity 500ms ease;
}
.special-block #container .banner-1:hover .over-box{
opacity:1;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms;
}
.special-block #container .banner-1 .over-box > span{
left:0;
top:-150%;
text-align:center;
display:block;
width:100%;
-moz-transition:top 600ms ease;
-webkit-transition:top 600ms ease;
-o-transition:top 600ms ease;
transition:top 600ms ease;
}
.special-block #container .banner-1 .over-box span.first{
top:-150%;
font-size:1.7em;
-moz-transition:top 600ms ease;
-webkit-transition:top 600ms ease;
-o-transition:top 600ms ease;
transition:top 600ms ease;
}
.special-block #container .banner-1:hover .over-box span{top:35%;}
.special-block #container .banner-1:hover .over-box span.first{top:20%;}
.special-block #container .banner-1 .over-box button{
position:absolute;
bottom:-50%;
left:50px;
-moz-transition:bottom 700ms ease;
-webkit-transition:bottom 700ms ease;
-o-transition:bottom 700ms ease;
transition:bottom 700ms ease;
}
.special-block #container .banner-1:hover .over-box button{
bottom:12%;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms;
}
/* ====Banner Style 1 (text align right) ===== */
.special-block #container .banner-1.style-1 > span{
right:15px;
text-align:right;
-moz-transition:right 1000ms ease;
-webkit-transition:right 1000ms ease;
-o-transition:right 1000ms ease;
transition:right 1000ms ease;
}
.special-block #container .banner-1.style-1 > span.first{
-moz-transition:right 1300ms ease;
-webkit-transition:right 1300ms ease;
-o-transition:right 1300ms ease;
transition:right 1300ms ease;
}
.special-block #container .banner-1.style-1:hover > span{right:-250px;}
/* ====Banner Style 2 (without text label) ===== */
.special-block #container .banner-1.style-2:hover .over-box{
-moz-transition-delay:10ms;
-webkit-transition-delay:10ms;
-o-transition-delay:10ms;
transition-delay:10ms;
}
/* ====Banner Style 3 (for big banners)===== */
.special-block #container .banner-1.style-3:hover .over-box span.first{top:28%;}
.special-block #container .banner-1.style-3:hover .over-box span{top:35%;}
.special-block #container .banner-1.style-3:hover .over-box button{bottom:30%;}
/* ====Banner Type 2 ===== */
.banner-2{
width:222px;
height:140px;
}
.banner-2 img:first-child{
position:absolute;
left:50%;
top:15%;
-moz-transition:top 400ms ease;
-webkit-transition:top 400ms ease;
-o-transition:top 400ms ease;
transition:top 400ms ease;
}
.banner-2:hover img:first-child{top:-50%;}
.special-block #container .banner-2 > span{
width:100%;
text-align:center;
right:auto;
left:auto;
bottom:10%;
-moz-transition:bottom 500ms ease;
-webkit-transition:bottom 500ms ease;
-o-transition:bottom 500ms ease;
transition:bottom 500ms ease;
}
.special-block #container .banner-2 > span.first{
bottom:24%;
right:auto;
left:auto;
}
.special-block #container .banner-2:hover > span{
bottom:-50%;
right:auto;
left:auto;
}
.banner-2 img.over-img{
position:absolute;
top:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transition:opacity 1000ms ease;
-webkit-transition:opacity 1000ms ease;
-o-transition:opacity 1000ms ease;
transition:opacity 1000ms ease;
}
.banner-2:hover img.over-img{
opacity:1;
filter:alpha(opacity=100);
}
/* ====Banner Style 1 ===== */
.banner-2.style-1{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/media/special_block_2_bg.jpg) left top repeat-x;}
/* ====Banner Style 2 ===== */
.banner-2.style-2{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/media/special_block_6_bg.jpg) left top repeat-x;}
/* ====Banner Style 3 ===== */
.banner-2.style-3{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/media/special_block_9_bg.jpg) left top repeat-x;}
/* Footer ================================================================================ */
#footer {padding:0; width:100%; overflow:hidden;}
#footer .content-wrapper { }
#footer .footer-top-wrapper {background-color: rgba(0, 0, 0, .05);}
#footer .footer-top-wrapper .container_12 { padding:45px 0 62px; background-color:#f2f2f2;}
#footer .footer-top-wrapper h3{font-size:2.5em; line-height:1.5em; font-weight:100; color:#333333; margin-bottom:22px;}
#footer .footer-top-wrapper .custom-footer ul{float:none; padding:12px 0;}
#footer .footer-top-wrapper .custom-footer li{padding:0; float:none;}
#footer .footer-top-wrapper .custom-footer .mail-links{padding-top:0;}
#footer .footer-top-wrapper .custom-footer a{color:#686868;}
#footer .footer-top-wrapper .custom-footer .info-block {padding-top:0; padding-bottom:0;}
#footer .footer-top-wrapper .info-block{margin-bottom:9px; display:block; padding:0 14px 0 0!important; background:none!important; border:none!important;}
#footer .footer-top-wrapper .info-block li{width:100%; overflow:hidden; line-height:2.5em; display:block; padding:0; position:relative;}
#footer .footer-top-wrapper .info-block li span{float:left; display:block;}
#footer .footer-top-wrapper .info-block li span.right-item{float:right; padding-left:2px;}
#footer .footer-top-wrapper .info-block li span.divider{width:10px; height:16px; border-bottom:1px solid; float:left; margin:0; background:none; position:absolute; left:0; top:0;}
#footer .footer-links-wrapper{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_links_wrapper.jpg) left top repeat-x; padding-top:4px;}
#footer .footer-bottom-wrapper{padding:18px 0 18px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_bottom_bg.png) left top repeat-x; color:#fff;}
#footer .footer-bottom-wrapper a{color:#fff;}
#footer .footer-bottom-wrapper a:hover{text-decoration:underline;}
#footer .footer-bottom-wrapper .indent{padding-right:40px;}
#footer .footer-bottom-wrapper .footer-text-block{float:left;}
#footer .footer-columns-wrapper{padding:51px 0 36px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_columns_wrapper.jpg) left top repeat-x;}
#footer .footer-columns-wrapper h3{color:#fff; font-size:3em; line-height:1.5em; font-weight:100; margin-bottom:9px;}
#footer .footer-columns-wrapper h3 span{display:none;}
#footer .footer-columns-wrapper ul{float:none; padding:0;}
#footer .footer-columns-wrapper ul li{display:block; float:none; padding:0;}
#footer .footer-columns-wrapper ul li a{
color:#c1c1c1;
font-size:1.5em;
line-height:2em;
font-weight:100;
text-decoration:none;
display:block;
padding:0 0 0 21px;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_links_marker.png);
background-position:4px 14px;
background-repeat:no-repeat;
-moz-transition:none;
-webkit-transition:none;
-o-transition:0;
transition:none;
-moz-transition:background-color 800ms ease;
-webkit-transition:background-color 800ms ease;
-o-transition:background-color 800ms ease;
transition:background-color 800ms ease;
}
#footer .footer-columns-wrapper ul li a:hover{
color:#333333;
text-decoration:none;
background-position:4px -22px;
-moz-transition:background-color 100ms ease;
-webkit-transition:background-color 100ms ease;
-o-transition:background-color 100ms ease;
transition:background-color 100ms ease;
}
#footer #contactForm .form-list label{display:none;}
#footer #contactForm .form-list .fields,
#footer #contactForm .form-list li,
#footer #contactForm .form-list .fields .field:first-child{margin-bottom:12px;}
#footer #contactForm .form-list .fields .field,
#footer #contactForm .form-list .input-box,
#footer #contactForm .form-list .input-box input,
#footer #contactForm .form-list .input-box textarea{width:100%;}
#footer #contactForm .form-list .input-box input,
#footer #contactForm .form-list .input-box textarea{-moz-border-radius:5px; border-radius:5px; background-color:#222222; border:none; border-bottom:1px solid #4a4a4a; color:#c1c1c1; font-size:11px; font-style:italic; padding:5px;}
#footer #contactForm .buttons-set{padding-right:0;}
#footer #contactForm .buttons-set button.button > span{background:url("https://www.oppomart.com/skin/frontend/meigeetheme/default/images/button_shadow_2.png") no-repeat scroll right bottom transparent;}
#footer #contactForm .buttons-set .required{display:none;}
#footer #contactForm.ie .form-list label{display:block; color:#c1c1c1;}
#footer #contactForm.ie .buttons-set .required{display:block;}
/* Social Links */
#footer ul.social-links{overflow:hidden; float:left; padding:0;}
#footer ul.social-links li {
float:left;
padding:12px 0!important;
height:32px;
cursor:pointer;
background-color:rgba(0, 0, 0, 0.3);
-moz-transition: background-color 800ms linear 0s;
-webkit-transition: background-color 800ms linear 0s;
-o-transition: background-color 800ms linear 0s;
transition: background-color 800ms linear 0s;
}
#footer ul.social-links li:hover{
-moz-transition: background-color 10ms linear 0s;
-webkit-transition: background-color 10ms linear 0s;
-o-transition: background-color 10ms linear 0s;
transition: background-color 10ms linear 0s;
}
#footer ul.social-links li a{
position:relative;
z-index:99999;
display:block;
zoom:1;
width:24px;
height:24px;
padding:4px 17px;
border-right:1px solid rgba(255, 255, 255, 0.1);
text-decoration:none;
background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/social_icons.png);
background-position:17px 4px;
background-repeat:no-repeat;
-moz-transition:background-color 800ms ease;
-webkit-transition:background-color 800ms ease;
-o-transition:background-color 800ms ease;
transition:background-color 800ms ease;
}
#footer ul.social-links li:hover a{
border:none;
padding-right:18px;
}
#footer ul.social-links li a:hover{text-decoration:none;}
#footer ul.social-links li a.twitter{background-position:-40px 4px;}
#footer ul.social-links li:hover a.twitter{background-position:-40px -61px;}
#footer ul.social-links li a.rss{background-position:-210px 4px;}
#footer ul.social-links li:hover a.rss{background-position:-210px -61px;}
#footer ul.social-links li a.facebook{background-position:17px 4px;}
#footer ul.social-links li:hover a.facebook{background-position:17px -61px;}
#footer ul.social-links li a.googleplus{background-position:-154px 4px;}
#footer ul.social-links li:hover a.googleplus{background-position:-154px -61px;}
#footer ul.social-links li a.linkedin{background-position:-97px 4px; border:none;}
#footer ul.social-links li:hover a.linkedin{background-position:-97px -61px;}
/* //Social Links */
#footer p { text-align:left; }
#footer address{float:right;}
#footer ul {float:right; padding:18px 0;}
#footer ul li{padding:0 5px; float:left;}
#footer ul li a{text-decoration:none; line-height:1.5em; color:#fff;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul.links li.last{display:none!important;}
/* Block: Subscribe */
#footer .block-subscribe .input-box{margin-bottom:14px;}
#footer .block-subscribe .input-box input{
float:none;
width:200px;
padding:7px 11px;
border:none;
font-size:11px;
line-height:16px;
color:#838383;
background-color:#d9d9d9;
-moz-border-radius:6px;
border-radius:6px;
border-left:1px solid #b9b9b9;
border-top:1px solid #b9b9b9;
border-bottom:1px solid #fff;
}
#footer .block-subscribe p{padding-bottom:18px;}
#footer .block-subscribe button{float:right;}
#footer .block-subscribe .validation-advice{padding-top:5px; background-position:0 7px;}
#footer .store-switcher{float:right; padding-top:9px; clear:both;}
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.product-tabs:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */
/* #Extra Large
================================================== */
/* Note: Design for a width of 1280px */
@media only screen and (min-width: 1280px) {
header#header .top-cart .block-content{left:auto; right:0;}
.header-slider-container .iosSlider .slider .item h2,
.header-slider-container .iosSlider .slider .item h3{
margin-right:-632px;
}
.header-slider-container .iosSlider .slider .item h2{top:37%;}
.header-slider-container .iosSlider .slider .item h3{top:50%;}
.header-block-wrapper .left {
width: 40%;
}
.grid-2-wrapper .items-box {
width: 566px !important;
padding-left:50px;
}
.grid-2-wrapper .grid-text-box h2{padding-right:30px;}
.grid-2-wrapper .products-grid li.item{width:288px;}
.grid-2-wrapper .products-grid li.item .product-image img{width:100%;}
.home-slider-conainer .products-grid li.item {padding-right:12px;}
.slider-container .slider-text-box p{
padding-right:50px;
}
/* Wide Menu */
#nav.nav-wide li.tech {
padding: 28px 31px 0 0;
width: 220px;
}
.product-essential .product-image .es-nav-prev{
left:0;
}
.product-essential .product-image .es-nav-next{
right:0;
}
.product-view .box-up-sell .products-grid li.item {
width:290px;
}
.more-views #more-views-slider li{margin-right:12px;}
.product-view .product-prev span,
.product-view .product-next span{
padding: 11px 55px;
}
.product-view .product-prev {
left: 10px;
}
.product-view .product-next {
left: 168px;
}
.block-related li.item{
margin-right:28px;
}
/* Cart Crossel*/
#cart-accordion .crosssell {
padding:9px 9px 9px 14px;
}
.crosssell .product-image img{width:100%;}
/* opc */
.opc .field{width:410px;}
.opc .field input.input-text{width:380px;}
.opc .field-2, .opc .name-lastname{width:424px;}
.opc .field-2 input.input-text,
.opc .name-lastname input.input-text{width:405px;}
.opc .form-list .field select,
.opc .form-list .field-2 select{width:410px;}
.opc .form-list li.wide input.input-text{width:817px;}
.form-list li.wide select{width:824px;}
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname{width:275px;}
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text{width:245px;}
.opc .form-list .name-middlename{width:135px;}
.opc .field-2 input.input-text,
.opc .name-lastname input.input-text{width:407px;}
/* form list */
.form-list .field{width:406px;}
.form-list .name-middlename{width:131px;}
.form-list input.input-text{width:379px;}
.form-list li.wide input.input-text{width:785px;}
.form-list li.wide textarea{ width:785px;}
/*Footer*/
#footer .block-subscribe .input-box input {
width: 276px;
}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */
@media only screen and (min-width: 768px) and (max-width: 977px) {
/* Header ================================================================================ */
header#header .logo{float:none;}
header#header .header-bottom-wrapper .quick-access { width: 100%; float:none;}
header#header .nav-container { width: 100%; float:none; background:none;}
#search_mini_form{position:relative;}
header#header .form-search{position:absolute; top:-145px; right:0;}
.header-slider-container .iosSlider .slider .item h2{top:40px;}
.header-block-wrapper .left {
width: 100%;
float:none;
margin-bottom:18px;
}
.header-block-wrapper a {
float: none;
text-align:center;
width:100%;
display:block;
}
header#header .top-cart .block-content {
left:auto;
right:0;
}
.grid-2-wrapper .es-carousel-wrapper{width:250px; margin-left:63px;}
.grid-2-wrapper .items-box {
width: 300px !important;
padding-right:0;
margin-left:20px;
}
.grid-2-wrapper .products-grid li.item {
float:right;
}
.grid-2-wrapper .grid-text-box p{padding-right:0;}
.slider-container .slider-text-box h2 {
font-size: 3.2em;
}
.widget-container .next,
.widget-container .prev{
bottom: 60px;
}
.home-slider-conainer .products-grid li.item {
padding: 0 30px 0 20px;
}
.header-slider-container .iosSlider .slider .item h2,
.header-slider-container .iosSlider .slider .item h3{margin-right:-380px;}
.header-slider-container .iosSlider .slider .item h2{top:24%;}
.header-slider-container .iosSlider .slider .item h3{top:45%;}
.slider-container.widget-container .prev,
.slider-container.widget-container .next{bottom:-22px;}
.data-table td{
padding:9px;
}
.more-views #more-views-slider li {
margin-left:12px;
margin-right:18px;
}
/* Small Grid */
.products-grid.small-grid li.item {
width:130px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
/* Large Grid */
.products-grid.large-grid li.item {
width:263px;
}
/* Shopping Cart ========================================================================= */
#cart-accordion .crosssell{padding:9px 13px;}
/* Meigee Tabs */
.meigee-tabs-content {padding: 14px;}
#product_tabs_upsell_products_contents li.item{margin-bottom:9px;}
.product-view .box-up-sell .products-grid li.item{width:195px;}
.product-view .product-prev span, .product-view .product-next span {
padding: 11px 27px;
}
.product-view .product-prev {
left: 9px;
}
.product-view .product-next {
left: 98px;
}
aside.sidebar section header h2 {
font-size: 2em;
line-height: 1.5em;
}
aside.sidebar section.block-wishlist li.item .product-details{
width:65%;
}
aside.sidebar section.block-wishlist li.item .product-details { width: 50%; }
.block-reorder .product-name { width: 82%; }
.meigee-tabs a{
padding:12px 14px;
}
.meigee-tabs a:hover,
.meigee-tabs li.active a{
padding:12px 13px!important;
}
.catalog-product-view .box-reviews .data-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; }
.catalog-product-view .box-reviews .data-table td { padding:14px 20px; border:1px solid #E4E4E4;}
.catalog-product-view .box-reviews .data-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none; width:auto; font-size:10px; color:#333;}
.catalog-product-view .box-reviews .data-table td{padding:9px 11px;}
#cart-accordion{}
.cart .crosssell{padding:9px 12px;}
.cart .crosssell .product-details{width:52%;}
.cart .discount .input-box input{width: 190px;}
.cart .shipping .form-list select{width:200px;}
.cart .shipping .form-list input{width:192px;}
/* Multiple Addresses Checkout */
.multiple-checkout .gift-messages-form .form-list li.wide textarea {
width:55%;
}
.multiple-checkout .gift-messages-form .details .form-list li.wide textarea {
width: 40%;
}
/* Block Related */
.block-related li.item {
width: 126px;
}
.products-grid .img-shadow,
.products-list .img-shadow{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_left_bg_small.png) left top no-repeat;}
.products-grid .img-shadow div,
.products-list .img-shadow div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_right_bg_small.png) right top no-repeat; padding:0 73px;}
.products-grid .img-shadow div div,
.products-list .img-shadow div div{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/img_shadow_bg_small.png) left top repeat-x; padding:0;}
/* One Page Checkout */
.opc .form-list input.input-text {
width: 90%;
}
.opc .field{
width:264px;
}
.opc .field-2, .opc .name-lastname {
width: 267px;
}
.opc .form-list li.wide input.input-text{
width:489px;
}
.opc .form-list .field select, .opc .form-list .field-2 select {
width:237px;
}
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
width: 140px;
}
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text{
width: 120px;
}
.form-list .field {
width: 255px;
}
.form-list input.input-text {
width: 235px;
}
.form-list li.wide input.input-text {
width: 491px;
}
.form-list select {
width: 242px;
}
.form-list .customer-name-middlename .name-middlename{width:117px;}
.form-list .customer-name-middlename .name-middlename input{width:95px;}
.form-list li.wide textarea{
width:495px;
}
.form-list li.wide select {
width:505px;
}
.opc .form-list .name-middlename {
width:124px;
}
.opc .form-list .customer-dob .dob-month input,
.opc .form-list .customer-dob .dob-day input,
.opc .form-list .customer-dob .dob-year input{width:80%!important;}
.gift-messages-form .form-list li.wide textarea{
width:85%;
}
.gift-messages-form .details .form-list li.wide textarea{
width:65%;
}
.opc .sp-methods .form-list input.input-text{width: 97%;}
.opc .sp-methods .form-list select{width: 100%;}
.opc .sp-methods select.month{width:150px;}
.opc .form-list .name-middlename input.input-text {
width: 95px;
}
.opc .form-list .name-middlename {
width: 116px;
}
#footer .footer-columns-wrapper h3 {
font-size: 2.5em;
line-height:1.5em;
}
#footer .footer-links-box{}
#footer .footer-links-box ul{float:left; padding:9px 0; margin-bottom:14px;}
#footer .footer-links-box ul li{display:block!important; float:none!important; padding:4px 5px!important; line-height:2.5em!important;}
#footer .footer-links-box ul li a{float:none; display:block;}
#footer .footer-links-box ul.links{padding:7px 40px 0;}
#footer ul.social-links li.last:hover a{padding-right:17px;}
#footer .block-subscribe .input-box input {width: 150px;}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */
@media only screen and (max-width: 767px) {
header, h1, h2, h3{font-size:0.91em;}
/* Header ========================================================================= */
.header-block-wrapper .left {
width: 100%;
float:none;
margin-bottom:18px;
}
.header-block-wrapper h2 {
font-size:4.5em;
}
.header-block-wrapper a{display:block; float:none; width:100%;}
.header-block-wrapper a img{width:auto; max-width:100%;}
.checkpoint-3-button{/*top:18px; right:10%;*/}
.grid-2-wrapper .container_12{position:relative;}
.grid-2-wrapper .grid-text-box{margin-bottom:31px;}
.grid-2-wrapper .grid-text-box h2 {
font-size: 4.7em;
}
.grid-2-wrapper .grid-text-box p{padding-right:0; margin-bottom:31px;}
.slider-container.widget-container {
padding-bottom: 50px;
}
.grid-2-wrapper .products-grid li.item {
width:100%;
}
.grid-2-wrapper .products-grid li.item .product-img-box img{width:100%;}
.es-carousel-wrapper{width:100%!important; margin:0 auto;}
.es-carousel-wrapper .products-grid li.item {
float:none;
}
.widget-container .home-slider-conainer .products-grid li.item {
padding:0 5px 0 0;
width:100%;
}
.header-slider-container .iosSlider .slider .item h2,
.header-slider-container .iosSlider .slider .item h3{margin-left:0; top:500px;}
.header-slider-container .iosSlider .prev,
.header-slider-container .iosSlider .next{
bottom: 12px;
height: 40px;
width: 40px;
}
.header-slider-container .iosSlider .prev span,
.header-slider-container .iosSlider .next span{
height:34px;
width:34px;
top:0;
left:0;
}
.header-slider-container .iosSlider .prev em{left:9px; top:6px;}
.header-slider-container .iosSlider .next em{left:12px; top:6px;}
.header-slider-container .iosSlider .prev:hover span,
.header-slider-container .iosSlider .next:hover span{
height: 40px;
left: -3px;
top: -3px;
width: 40px;
}
.header-slider-container .iosSlider .slideSelectors{
bottom:27px;
}
/* Global Styles ========================================================================= */
.main-left { float: none !important;}
#toTop{display:none!important;}
/* form elements */
.form-list input.input-text{ width: 100%;}
.form-list, .input-box select { width:100%; }
.form-list li, .form-list li .field { width:100%; margin-right:0; }
.form-list li .field + .field { margin-top:10px; }
.form-list li.street-address .input-box input.input-text { width:92%; }
.form-list li.select-address { width:100%; }
.form-guest { width: 100%; }
.buttons-set button { float:none; }
.buttons-set a { display:block; }
/********************/
/* Data Table */
table.data-table table,
table.data-table thead,
table.data-table tbody,
table.data-table th,
table.data-table td,
table.data-table tr { display: block; border: 0; text-align: left !important; }
table.data-table thead tr { display: none;}
table.data-table th, table.data-table td { padding: 10px 10px;}
table.data-table td a.product-image{
width:auto;
max-width:100%;
margin:0 auto;
}
table.data-table td a.product-image img{width:100%;}
table.data-table td .cart-label { width: 80px; display:block; float:left; font-size:1.16em; line-height:1.57em; color:#605d5d; font-weight:normal; }
table.data-table td.last { padding-bottom:0; margin-bottom:12px;}
/* Account Login/Create Pages ============================================================ */
.account-login{}
.account-login .new-users{padding-bottom:9px;}
.account-login .registered-users{padding-bottom:9px;}
.account-login .registered-users .buttons-set{padding-left:0;}
.account-login .registered-users .buttons-set a{margin-top:11px; float:right!important;}
.account-login .registered-users .buttons-set button{float:left; margin-left:0;}
.account-login .registered-users .form-list{width:98%;}
/* Header ================================================================================ */
header#header .logo-box{padding:16px 0 8px; text-align:center;}
header#header .logo{float:none; text-align:center;}
header#header .header-bottom-wrapper .quick-access{float:none; width:auto; padding-top:9px; padding-bottom:22px; position:relative;}
header#header .welcome-msg{text-align:center;}
header#header .form-search{float:right; width:76%;}
header#header .form-search input{width:80%;}
header#header .select-box{text-align:center; padding:22px 0 0;}
header#header .form-currency label,
header#header .form-language label{display:none;}
header#header .menu-button{
width:36px;
height:36px;
float:left;
-moz-border-radius:20px;
border-radius:20px;
display:block;
margin-top:11px;
margin-left:10px;
background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/menu_button_bg.png) 9px 11px no-repeat;
cursor:pointer;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
header#header .menu-button:hover,
header#header .menu-button.active{
-moz-border-radius:0;
border-radius:0;
}
header#header .nav-container{right:0; top:79px; padding:0; margin:0; width:auto; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/wide_menu_wrapper_shadow.png) left top repeat-x #f2f2f2; width:100%; z-index:999;}
header#header .nav-container > ul{padding-top:18px; padding-bottom:22px;}
header#header .nav-container > ul li{position:relative; padding:0; float:none; height:auto!important; background:none;}
header#header .nav-container > ul li li{position:relative; padding:0 5px 9px; float:none!important;}
header#header .nav-container > ul .menu-desc{display:none;}
header#header .nav-container > ul .menu-item-button{width:28px; height:28px; z-index:999; position:absolute; right:28px; top:6px; cursor:pointer; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/menu_item_button.png); background-repeat:no-repeat; background-position:6px 8px; background-color:#a6a6a6; -moz-border-radius:15px; border-radius:15px;}
header#header .nav-container > ul .menu-item-button.active{background-position:-17px 7px;}
header#header .nav-container > ul li a{color:#333333; font-size:1.5em; line-height:1.44em; padding:7px 7px 7px 12px; display:block; float:none; border-bottom:1px solid #d6d6d6;}
header#header .nav-container > ul li a:hover{}
header#header .nav-container > ul li a span{font-size:1em;}
header#header .nav-container > ul li.last a{border-bottom:none;}
header#header .nav-container > ul ul.level0{padding:9px 18px 0!important; width:auto!important; position:static; background:none;display:none;}
header#header .nav-container > ul li li a{border-bottom:none;}
header#header .nav-container > ul li li a{font-size:1.41em;}
header#header .nav-container > ul li li li li a{font-size:1.25em;}
header#header .nav-container li.tech{width:100%; padding:0;}
header#header .nav-container ul.tech{padding-bottom:0;}
header#header .nav-container > ul ul.level0 ul{padding-right:9px; top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important;}
header#header .nav-container > ul ul.level0 ul ul{top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important;}
header#header .nav-container > ul ul.level0 ul .triangle{display:none;}
header#header .nav-container > ul ul.level0 ul a{color:#333!important;}
header#header .nav-container > ul ul.level0 ul ul a{color:#333!important;}
header#header .nav-container > ul ul.level0 ul{background:none;}
header#header .nav-container > ul li li .menu-item-button{right:23px; top:0;}
header#header .nav-container > ul li li li li .menu-item-button{right:18px;}
header#header .nav-container > ul li li.level3 .menu-item-button{right:13px;}
header#header .nav-container .nav-static-block{display:none;}
header#header .top-wrapper{padding: 2px 0 13px;}
header#header .top-cart{margin-top:18px;}
header#header .top-cart .block-title,
header#header .top-cart .block-title.active,
header#header .top-cart .block-title:hover{padding:0; background:none!important; border:none;}
header#header .top-cart .block-title a,
header#header .top-cart .block-title.active a,
header#header .top-cart .block-title a:hover{background: url("https://www.oppomart.com/skin/frontend/meigeetheme/default/images/my_cart_marker.png") no-repeat scroll left 2px transparent; color:#fff;}
header#header .top-cart .block-title .title-cart .cart-txt,
header#header .top-cart .block-title .title-cart .price{display:none;}
header#header .top-cart .block-content{
left:-251px;
width: 258px;
padding: 9px 12px 18px;
}
header#header .top-cart .block-content .mini-products-list .product-details{width: 200px;}
header#header .top-cart .block-content .subtotal{font-size:0.85em; padding-top:5px;}
header#header .top-block-wrapper .grid_12{text-align:center;}
header#header .top-block-wrapper h2{width:auto; text-align:center; float:none; margin-bottom:18px;}
header#header .top-block-wrapper button{float:none;}
header#header .links {
float:none;
width:100%;
overflow:hidden;
margin:0;
background-color: rgba(0, 0, 0, 0.3) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
header#header .links.indent{padding-left:5px;}
header#header .links li {
padding: 14px 7px 12px;
background:none!important;
border-bottom:none;
}
header#header .links li.first {
padding-left: 7px !important;
-moz-border-radius:0; border-radius:0;
}
header#header .links li.last {
padding-right: 7px !important;
-moz-border-radius:0; border-radius:0;
}
header#header .links li a.top-link-checkout {
padding-left: 20px;
}
header#header .links li a{
padding-left:20px;
}
header#header .welcome-msg{margin-left:15px; padding-bottom: 9px; padding-top: 9px; float:none;}
/* Header Slider */
.flexslider .slides .slider-title{display:none;}
.catalog-product-view nav.breadcrumbs { padding-bottom: 52px;}
/* Category Page ========================================================================= */
.products-grid li.item{float:none;}
.product-view .box-up-sell .products-grid li.item{width:auto;}
.catalog-category-view .category-wrapper{padding:18px 0;}
.category{
padding-top:0;
padding-bottom: 10px;
clear: both;
}
.category h2 {
line-height: 1.2em;
margin: 0 0 9px !important;
}
.slider-container.widget-container .slider-text-box{padding-bottom:18px;}
/* Breadcrumbs ================================================================================ */
.breadcrumbs-wrapper{padding-top:11px; padding-bottom:13px;}
.breadcrumbs-links-text-box{display:none;}
.catalog-product-view .breadcrumbs-wrapper{padding-bottom:26px;}
/* Sidebar =============================================================================== */
aside.sidebar section{margin:0 0 22px; padding-top:26px;}
aside.sidebar section header{cursor:pointer; padding-bottom:9px;}
aside.sidebar section header h2{font-size:2.16em; line-height:1.5em;}
/* Pager */
.toolbar .pager .limiter label{display:none;}
.toolbar .pager .amount{padding: 7px 0 0 7px;}
.toolbar .pager .pages{float:right; padding-right:9px;}
.toolbar .sorter .total{display:none;}
.toolbar .sorter .sort-by a{text-indent:-10000px;}
.toolbar .sorter .sort-by select{margin-right:9px;}
.toolbar-bottom{padding-top:0;}
.toolbar-bottom .pager .pages{float:none;}
/* Product View */
.product-view .product-img-box .product-image .cloud-zoom img{margin:0 auto;}
.product-view .product-prev{left:0;}
.product-view .product-next{left:146px;}
.product-view .product-options-bottom{margin-bottom:18px;}
.more-views #more-views-slider li {
margin-left:12px;
margin-right:21px;
}
.more-views #more-views-slider li a img{width:95px;}
.more-views .prev{margin-top:-17px; left:13px;}
.more-views .next{margin-top:-17px; right:17px;}
.product-view .product-prev,
.product-view .product-next{
top:-40px;
}
.product-view .product-prev span,
.product-view .product-next span{
padding:11px 49px;
}
.product-view .product-essential .product-image .es-nav-next {
right:5px;
}
.product-view .box-tags .form-add .input-box{
float: left;
margin: 0 0 9px;
width: 100%;
}
.block-related .prev,
.block-related .next{
top: 0;
}
.block-related li.item {
margin-right: 14px;
width: 122px;
}
.block-related li.item .product-image{width:122px;}
/* Meigee Tabs ============================================================================== */
.meigee-tabs{border-top:1px solid #DEDEDE;}
.meigee-tabs li{margin-top:0; margin-bottom:0; float:none; display:block;}
.meigee-tabs li a{height:22px; border-top:none;}
.meigee-tabs a:hover,
.meigee-tabs li.active a,
.meigee-tabs li.active a:hover{margin-top:0; margin-bottom:0; height:21px!important; border-bottom:1px solid #DEDEDE;}
/* Block Related */
.block-related li.item {
width: 128px;
}
/* Block: Reviews */
.catalog-product-view .box-reviews .form-add {padding-bottom: 18px;}
.catalog-product-view .box-reviews .form-add .form-list{width:100%;}
.catalog-product-view .box-reviews ul.form-list li { padding: 4px 0 4px 0;}
.catalog-product-view .box-reviews table.data-table table { display: table;}
.catalog-product-view .box-reviews table.data-table thead { display: table-header-group;}
.catalog-product-view .box-reviews table.data-table tbody { display: table-row-group;}
.catalog-product-view .box-reviews table.data-table tr { display: table-row;}
.catalog-product-view .box-reviews table.data-table th{ display: table-cell; padding:9px 5px;}
.catalog-product-view .box-reviews table.data-table td { display: table-cell; padding:9px 12px;}
.catalog-product-view .box-reviews table.data-table thead tr { display: table-row;}
.catalog-product-view .box-reviews .data-table { margin:10px 0;}
.catalog-product-view .box-reviews .data-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; }
.catalog-product-view .box-reviews .data-table td { padding:14px 20px; border:1px solid #E4E4E4;}
.catalog-product-view .box-reviews .data-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none; width:auto; font-size:10px; color:#333;}
.catalog-product-view .box-reviews .data-table td{padding:9px 11px;}
.catalog-product-view .box-reviews .form-add .form-list input,
.catalog-product-view .box-reviews .form-add .form-list textarea{width: 95%!important;}
.catalog-product-view .box-reviews .data-table tbody th{font-size:1em; padding:9px;}
/* Shopping Cart ========================================================================= */
.cart .page-title { text-align: center; border-bottom:none;}
.cart .page-title h1{font-size:2.16em; line-height:1.5em; font-weight:normal; float:none; text-transform:none; margin-bottom:18px; text-transform:uppercase;}
.checkout-cart-index .page-title h1{float:none; text-align:center; margin-bottom:18px!important;}
.title-buttons .checkout-types { float: none;}
.title-buttons .checkout-types li { float: none;}
.checkout-types button.button { display: inline-block; width: auto;}
.checkout-types button.button span { display: block; float: none;}
.cart .totals.totals-accordion table { float: none; margin-bottom: 9px;}
table.cart-table td.information,
table.cart-table tr.buttons-row td.buttons{ background-color: #f5f5f5;}
table.cart-table tr.buttons-row { padding-top: 18px;}
table.cart-table tr.buttons-row td.buttons {padding:0; background:none; border:none;}
table.cart-table tr.buttons-row td.buttons button.button{width:100%; margin:0 0 5px;}
table.cart-table tr.buttons-row td.buttons button.button span{float:none; display:block;}
.title-buttons .checkout-types li{text-align:center; margin-left:0; margin-bottom:9px;}
.title-buttons .checkout-types .paypal-logo a{display:block;}
table.cart-table td{padding-top:9px;}
table.cart-table td.information{padding-left:10px!important;}
.cart-table .quantity-box{float:left;}
.cart-table .qty{padding:5px; background:#FFF; border-color:#b3b3b3; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.2);}
.cart-table input.quantity-decrease{margin-top:10px;}
.cart-table input.quantity-increase{margin-top:10px;}
.cart-table .link-wishlist{position:relative; margin:0; display:block; float:left; margin-top:9px; margin-right:9px;}
.cart-table .link-wishlist:hover{background-color:#e5e5e5;}
.cart-table .cart-edit{position:relative; margin:0; display:block; float:left; margin-top:9px; margin-right:9px;}
.cart-table .cart-edit:hover{background-color:#e5e5e5;}
.cart-table .btn-remove2{position:relative; margin:0; display:block; float:left; margin-top:9px; margin-right:9px;}
.cart-table .btn-remove2:hover{background-color:#e5e5e5;}
/* Shopping Cart Collateral boxes */
.crosssell,
.shipping{margin-bottom:18px;}
.cart .crosssell .product-details{width:51%;}
.cart .shipping .form-list input{width: 205px;}
.cart .shipping .form-list select{width:212px;}
.cart .totals{float:none;}
#cart-accordion .crosssell{padding-left:9px;}
#cart-accordion .crosssell li.item{float:none; width:auto; text-align:center; padding-bottom:18px;}
#cart-accordion .crosssell .product-image{text-align:center; display:inline-block;}
/* Wishlist ========================================================================= */
.my-wishlist .page-title{text-align:center;}
.my-wishlist .page-title h1{float:none;}
.my-wishlist .buttons-set {background-color: #f5f5f5; padding: 10px; margin-top: 0;}
.my-wishlist .buttons-set button.button { float: left;}
.my-wishlist .buttons-set button.button > span > span { padding-left: 10px; padding-right: 10px;}
table#wishlist-table { margin-bottom: 18px;}
table#wishlist-table td textarea { width: 98%;}
table#wishlist-table td .cart-cell {background-color: #f5f5f5; padding:10px 0 0; overflow:hidden; width:auto;}
table#wishlist-table td .cart-label{float:left; text-align:left; clear:both; padding-left:15px;}
table#wishlist-table td .wishlist-input-box{float:left; padding-bottom:9px;}
table#wishlist-table td .price-box{padding-top:0; float:left;}
table#wishlist-table td .price-box .price{font-size:1.16em; line-height:1.57em;}
table#wishlist-table td .cart-cell button.button {margin:10px 0 0 10px; clear: both; display:block;}
/*table#wishlist-table td .cart-cell button.button span{border:none; padding:0; height:auto; display:block; float:none; width:100%; -moz-border-radius:0; border-radius:0;}
table#wishlist-table td .cart-cell button.button span span{display:inline-block; width:auto; color:#fff; font-size:1em; font-family: Arial, sans-serif;}*/
table#wishlist-table td .cart-cell button.button:hover > span{background-position:left -61px;}
table#wishlist-table td .cart-cell button.button:hover span span{background-position:2px 22px;}
table#wishlist-table td.last{border-bottom:none;}
.my-wishlist .buttons-set{padding:0; background:none; border:none;}
.my-wishlist .buttons-set button.button{width:100%; margin:0 0 5px;}
.my-wishlist .buttons-set button.button span{float:none; display:block;}
.my-wishlist .link-edit{position:relative; margin:0; display:block; float:left; margin-top:9px; margin-right:5px;}
.my-wishlist .btn-remove{position:relative; margin:0; display:block; float:left; margin-top:9px; margin-right:5px;}
table#wishlist-table td a.product-image{
margin:0 auto;
max-width:100%;
width:auto;
}
table#wishlist-table td a.product-image img{width:100%;}
/* Checkout ============================================================================== */
.opc{margin-bottom:18px;}
.opc .field { padding-bottom: 9px;}
.opc .field-2, .opc .name-lastname { width: auto; float: none;}
.opc .input-box { width: auto !important; float: none;}
.opc .input-box input.input-text{ width: 95% !important;}
.opc .input-box select { width: 97% !important;}
.opc .buttons-set { padding: 0 0 18px 0; margin: 0}
.opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px;}
.opc .required { text-align: right;}
.opc .order-review .product-name{margin-bottom:0;}
.opc .order-review table.data-table td.last {
margin-bottom:0;
padding-bottom: 10px;
padding-top:0;
}
.products-grid#upsell-product-table li.item a.product-image { display: block; text-align: center;}
.special-block #container{height:auto!important;}
.special-block #container .banner-block{position:relative!important; left:50%!important; top:auto!important; margin-right:0; margin-left:-111px; float:left; display:block; clear:both;}
.form-list .field { float: none;}
.form-list .name-middlename{width:auto;}
.form-list .name-middlename input.input-text{width:100%;}
.opc .form-list .name-middlename input.input-text{width:99%;}
.form-list,
.input-box select { width:100%; }
.input-box select { width:100%; }
.form-list .input-box { width: auto;}
.form-list li.wide .input-box { width:100%; }
.form-list input.input-text { width:100%; }
.form-list li.wide textarea {
width: 349px;
}
.opc .customer-dob .dob-month input.input-text{width:40px!important;}
.opc .customer-dob .dob-day input.input-text{width:40px!important;}
.gift-messages-form .form-list li.wide textarea{
width:95%;
}
.gift-messages-form .details .form-list li.wide textarea{
width:95%;
}
.opc .back-link{float:none;}
.tool-tip{width:90%; top:300px!important;}
#checkout-step-review #review-buttons-container .f-left{float:none!important;}
.form-list li.wide input.input-text { width:100%; }
.form-list li, .form-list li .field { width:100% !important;}
.form-list li .field + .field { margin-top:10px; }
.form-list li.street-address .input-box input.input-text { width:92%; }
.form-list li.select-address { width:100%; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:auto; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:100%; }
.checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;}
.checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px;}
.multiple-checkout table.data-table td .cart-label { width: 35%; float: left;}
.multiple-checkout table.data-table td select { width: 60%;}
/* One Page Checkout */
.order-review table.data-table td .cart-label{width:30%; float: left;}
/* Multiple Addresses Checkout */
ul.checkout-progress { padding: 0;}
ul.checkout-progress li { float:none; width:auto; padding: 7px 0 7px 0;}
.multiple-checkout .page-title{margin-bottom:18px; padding-bottom:9px;}
.multiple-checkout .buttons-set .back-link{padding-top:12px;}
.checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;}
.checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px;}
.my-wishlist table.data-table td{padding:18px 0 0;}
.my-wishlist table.data-table td.last{padding-top:0;}
.my-wishlist .data-table .product-name{margin-bottom:9px;}
.multiple-checkout table.data-table td .cart-label { width: 35%; float: left;}
.multiple-checkout table.data-table td select { width: 60%;}
.multiple-checkout .data-table .product-name {
float: left;
width: 60%;
}
.multiple-checkout table.data-table td{clear:both;}
.multiple-checkout table.data-table td.last{padding-bottom:12px;}
.multiple-checkout .gift-messages-form .form-list li.wide textarea {
width:81%;
}
.multiple-checkout .gift-messages-form .details .form-list li.wide textarea {
width:90%;
}
/* Footer ================================================================================ */
#footer .footer-top-wrapper{padding-top:9px; padding-bottom:0;}
#footer .footer-top-wrapper .container_12{position:relative;}
#footer .footer-top-wrapper .container_12 .checkpoint-5-button{top:-9px;}
#footer .footer-columns-block.accordion h3{padding:18px; margin:0; background:#dddddd; border-top:1px solid #ededed; border-bottom:1px solid #bbbbbb; cursor:pointer;}
#footer .footer-columns-block.accordion h3 span{display:block; background-position:right 10px; background-repeat:no-repeat;}
#footer .footer-columns-block.accordion h3.active span{background-position:right -23px;}
#footer .footer-columns-block.accordion .custom-footer-content{padding:9px 12px 14px 20px; background:#c9c9c9;}
#footer .footer-links-wrapper{background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_links_mob.jpg) left top repeat-x; border-bottom:1px solid rgba(0, 0, 0, 0.3);}
#footer .block-subscribe{}
#footer .block-subscribe .input-box input{width:90%;}
#footer .block-subscribe button{float:none; width:100%;}
#footer .block-subscribe button span{float:none; display:block;}
#footer .custom-footer{padding-top:31px;}
#footer .custom-footer > div{padding-bottom:31px;}
#footer .custom-footer .mail-links{padding-bottom:0!important;}
#footer ul.social-links{width:279px; margin:0 auto; float:none;}
#footer ul.social-links li a{padding:4px 16px; width:23px;}
#footer ul.social-links li:hover a{padding-right:17px;}
#footer ul.social-links li.last:hover a{padding-right:16px;}
#footer .footer-links-box{width:100%; overflow:hidden; clear:both;}
#footer .footer-links-box ul{float:left; padding:9px 0;}
#footer .footer-links-box ul li{display:block!important; float:none!important; padding:4px 5px!important; line-height:2.5em!important;}
#footer .footer-links-box ul li a{float:none; display:block;}
#footer .footer-links-box ul.links{padding-right:40px;}
#footer .footer-columns-wrapper{padding:5px 0 22px; background:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_col_wrapper_mob.jpg) left top repeat-x; border-top:1px solid rgba(255, 255, 255, 0.26);}
#footer .footer-columns-wrapper h3{cursor:pointer; margin-left:-10px; margin-right:-10px; padding-left:15px; padding-right:15px; position:relative; border-top:1px solid rgba(255, 255, 255, 0.06);}
#footer .footer-columns-wrapper .alpha h3{border-top:none;}
#footer .custom-footer-content{margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px; padding-top:12px; padding-bottom:12px; position:relative; background-color:rgba(0, 0, 0, 0.3);}
#footer .footer-columns-wrapper h3 span{display:block; width:40px; height:40px; background-color:rgba(0, 0, 0, 0.3); -moz-border-radius:20px; border-radius:20px; position:absolute; right:13px; top:13px; background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/footer_mob_accordion_markers.png); background-position:9px 10px; background-repeat:no-repeat;}
#footer .footer-columns-wrapper h3.active span{background-position:-38px 10px;}
#footer #contactForm .input-box input,
#footer #contactForm .input-box textarea{width:97%!important;}
#footer #contactForm button{width:100%;}
#footer #contactForm button span{float:none; display:block;}
#footer .footer-text-block{display:none;}
#footer address{float:none; text-align:center;}
#footer .store-switcher{float:none;}
#footer .payment-options-box{padding:0 15px;}
#footer .payment-options-box h3{display:none;}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Header ========================================================================= */
header#header .links{width:100%; margin:0; -moz-border-radius:5px; border-radius:5px;}
header#header .links.indent{padding:0;}
header#header .links li{
/*background-color: rgba(0, 0, 0, 0.3) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);*/
}
header#header .links li.first {
border-radius: 5px 0 0 5px;
padding-left: 12px !important;
}
header#header .links li.last {
border-radius: 0 5px 5px 0;
padding-right: 12px !important;
}
header#header .form-search{width:85%;}
.header-slider-container .iosSlider .slider .item h2,
.header-slider-container .iosSlider .slider .item h3{
font-size: 3em;
top: 115px;
margin-right:-210px;
}
.header-slider-container .iosSlider .slider .item h2{top:35%;}
.header-slider-container .iosSlider .slider .item h3{top:50%;}
.header-slider-container .iosSlider .prev,
.header-slider-container .iosSlider .next{
bottom:9px;
}
.header-slider-container .iosSlider .slideSelectors{
bottom:29px;
}
.widget-container .home-slider-conainer .products-grid li.item{
width:196px;
}
.widget-container .prev,
.widget-container .next{bottom:-15px;}
.grid-2-wrapper .products-grid li.item {
width: 200px;
}
.es-carousel-wrapper{width:100%!important;}
.home-slider-conainer .products-grid li.item{padding:0 7px 0 0; width:195px;}
/* Category Page ========================================================================= */
.products-grid li.item{float:left;}
/* Product View ========================================================================= */
.product-view .product-prev {
left: 10px;
}
.more-views .next{
right: -1px;
}
/* Block Related */
.block-related li.item {
width:120px;
}
.block-related li.item .product-image{width:120px;}
.meigee-tabs-content {
padding:26px 14px 36px;
}
/* Pager */
.toolbar .pager .amount{padding: 7px 0 0 7px;}
.toolbar .pager .pages{float:left;}
/* Special Block ========================================================================= */
.special-block #container{height:auto!important;}
.special-block #container .banner-block{position:relative!important; left:auto!important; top:auto!important; margin-right:0; margin-left:0; float:left; display:block; clear:none;}
.special-block #container .banner-block.even{margin-right:10px;}
.special-block #container .banner-1 img{width:205px; height:130px;}
.special-block #container .banner-1.style-3 img{width:205px; height:277px;}
.special-block #container .banner-2{height:130px; width: 205px;}
.special-block #container .banner-2 img.over-img{width:205px; height:130px;}
#footer .block-subscribe .input-box input {
width: 94%;
}
#footer .footer-links-wrapper .container_12{margin-left:auto!important; margin-right:auto!important;}
#footer .footer-columns-wrapper .container_12{margin-left:auto; margin-right:auto; width:420px;}
#footer .footer-bottom-block .container_12{margin-left:auto; margin-right:auto; width:420px;}
}
/*== Edit By Samshuai == shuai.zend@qq.com==*/
.price-box span.price-label {display:none;}
.price-box p.old-price,.price-box p.special-price {display:inline;}
.price-box p.special-price {margin-left:8px;}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.oppomart.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 999991;
}
.fancybox-outer {
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 999992;
}
.fancybox-opened .fancybox-outer {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-inner {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: relative;
outline: none;
overflow: hidden;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -21px;
margin-left: -21px;
width: 42px;
height: 42px;
background: url('https://www.oppomart.com/skin/frontend/meigeetheme/default/images/fancybox/fancybox_loading.gif');
opacity: 0.8;
cursor: pointer;
z-index: 1010;
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://www.oppomart.com/skin/frontend/meigeetheme/default/images/fancybox/fancybox_sprite.png');
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 1004;
}
.fancybox-prev, .fancybox-next {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('https://www.oppomart.com/skin/frontend/meigeetheme/default/images/fancybox/blank.gif'); /* helps IE */
z-index: 1003;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-prev span, .fancybox-next span {
position: absolute;
top: 50%;
left: -9999px;
width: 36px;
height: 36px;
margin-top: -18px;
cursor: pointer;
z-index: 1003;
}
.fancybox-prev span {
background-position: 0 -36px;
}
.fancybox-next span {
background-position: 0 -72px;
}
.fancybox-prev:hover, .fancybox-next:hover {
visibility: visible;
}
.fancybox-prev:hover span {
left: 20px;
}
.fancybox-next:hover span {
left: auto;
right: 20px;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 1001;
background: #000;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 1005;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 1003;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
@media only screen and (min-width: 1280px) {
body {
min-width: 1272px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 1272px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position:relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:86px;
}
.container_12 .grid_2 {
width:192px;
}
.container_12 .grid_3 {
width:298px;
}
.container_12 .grid_4 {
width:404px;
}
.container_12 .grid_5 {
width:510px;
}
.container_12 .grid_6 {
width:616px;
}
.container_12 .grid_7 {
width:722px;
}
.container_12 .grid_8 {
width:828px;
}
.container_12 .grid_9 {
width:934px;
}
.container_12 .grid_10 {
width:1040px;
}
.container_12 .grid_11 {
width:1146px;
}
.container_12 .grid_12 {
width:1252px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:106px;
}
.container_12 .prefix_2 {
padding-left:212px;
}
.container_12 .prefix_3 {
padding-left:318px;
}
.container_12 .prefix_4 {
padding-left:424px;
}
.container_12 .prefix_5 {
padding-left:530px;
}
.container_12 .prefix_6 {
padding-left:636px;
}
.container_12 .prefix_7 {
padding-left:742px;
}
.container_12 .prefix_8 {
padding-left:848px;
}
.container_12 .prefix_9 {
padding-left:954px;
}
.container_12 .prefix_10 {
padding-left:1060px;
}
.container_12 .prefix_11 {
padding-left:1166px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:106px;
}
.container_12 .suffix_2 {
padding-right:212px;
}
.container_12 .suffix_3 {
padding-right:318px;
}
.container_12 .suffix_4 {
padding-right:424px;
}
.container_12 .suffix_5 {
padding-right:530px;
}
.container_12 .suffix_6 {
padding-right:636px;
}
.container_12 .suffix_7 {
padding-right:742px;
}
.container_12 .suffix_8 {
padding-right:848px;
}
.container_12 .suffix_9 {
padding-right:954px;
}
.container_12 .suffix_10 {
padding-right:1060px;
}
.container_12 .suffix_11 {
padding-right:1166px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:106px;
}
.container_12 .push_2 {
left:212px;
}
.container_12 .push_3 {
left:318px;
}
.container_12 .push_4 {
left:424px;
}
.container_12 .push_5 {
left:530px;
}
.container_12 .push_6 {
left:636px;
}
.container_12 .push_7 {
left:742px;
}
.container_12 .push_8 {
left:848px;
}
.container_12 .push_9 {
left:954px;
}
.container_12 .push_10 {
left:1060px;
}
.container_12 .push_11 {
left:1166px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-106px;
}
.container_12 .pull_2 {
left:-212px;
}
.container_12 .pull_3 {
left:-318px;
}
.container_12 .pull_4 {
left:-424px;
}
.container_12 .pull_5 {
left:-530px;
}
.container_12 .pull_6 {
left:-636px;
}
.container_12 .pull_7 {
left:-742px;
}
.container_12 .pull_8 {
left:-848px;
}
.container_12 .pull_9 {
left:-954px;
}
.container_12 .pull_10 {
left:-1060px;
}
.container_12 .pull_11 {
left:-1166px;
}
}
/* #Desktop
================================================== */
@media only screen and (min-width: 978px) and (max-width: 1279px) {
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
body {
min-width: 1008px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 1008px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position:relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:54px;
}
.container_12 .grid_2 {
width:138px;
}
.container_12 .grid_3 {
width:222px;
}
.container_12 .grid_4 {
width:306px;
}
.container_12 .grid_5 {
width:390px;
}
.container_12 .grid_6 {
width:474px;
}
.container_12 .grid_7 {
width:558px;
}
.container_12 .grid_8 {
width:642px;
}
.container_12 .grid_9 {
width:726px;
}
.container_12 .grid_10 {
width:810px;
}
.container_12 .grid_11 {
width:894px;
}
.container_12 .grid_12 {
width:978px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:84px;
}
.container_12 .prefix_2 {
padding-left:168px;
}
.container_12 .prefix_3 {
padding-left:252px;
}
.container_12 .prefix_4 {
padding-left:336px;
}
.container_12 .prefix_5 {
padding-left:420px;
}
.container_12 .prefix_6 {
padding-left:504px;
}
.container_12 .prefix_7 {
padding-left:588px;
}
.container_12 .prefix_8 {
padding-left:672px;
}
.container_12 .prefix_9 {
padding-left:756px;
}
.container_12 .prefix_10 {
padding-left:840px;
}
.container_12 .prefix_11 {
padding-left:924px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:84px;
}
.container_12 .suffix_2 {
padding-right:168px;
}
.container_12 .suffix_3 {
padding-right:252px;
}
.container_12 .suffix_4 {
padding-right:336px;
}
.container_12 .suffix_5 {
padding-right:420px;
}
.container_12 .suffix_6 {
padding-right:504px;
}
.container_12 .suffix_7 {
padding-right:588px;
}
.container_12 .suffix_8 {
padding-right:672px;
}
.container_12 .suffix_9 {
padding-right:756px;
}
.container_12 .suffix_10 {
padding-right:840px;
}
.container_12 .suffix_11 {
padding-right:924px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:84px;
}
.container_12 .push_2 {
left:168px;
}
.container_12 .push_3 {
left:252px;
}
.container_12 .push_4 {
left:336px;
}
.container_12 .push_5 {
left:420px;
}
.container_12 .push_6 {
left:504px;
}
.container_12 .push_7 {
left:588px;
}
.container_12 .push_8 {
left:672px;
}
.container_12 .push_9 {
left:756px;
}
.container_12 .push_10 {
left:840px;
}
.container_12 .push_11 {
left:924px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-84px;
}
.container_12 .pull_2 {
left:-168px;
}
.container_12 .pull_3 {
left:-252px;
}
.container_12 .pull_4 {
left:-336px;
}
.container_12 .pull_5 {
left:-420px;
}
.container_12 .pull_6 {
left:-504px;
}
.container_12 .pull_7 {
left:-588px;
}
.container_12 .pull_8 {
left:-672px;
}
.container_12 .pull_9 {
left:-756px;
}
.container_12 .pull_10 {
left:-840px;
}
.container_12 .pull_11 {
left:-924px;
}
/* Custom */
.products-grid.small-grid li.item {
width:166px;
margin-left: 10px;
margin-right: 10px;
}
.products-grid.large-grid li.item {
width:348px;
margin-left: 15px;
margin-right: 15px;
}
/* Custom */
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */
@media only screen and (min-width: 768px) and (max-width: 977px) {
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
body {
min-width: 768px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 768px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position:relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:44px;
}
.container_12 .grid_2 {
width:108px;
}
.container_12 .grid_3 {
width:172px;
}
.container_12 .grid_4 {
width:236px;
}
.container_12 .grid_5 {
width:300px;
}
.container_12 .grid_6 {
width:364px;
}
.container_12 .grid_7 {
width:428px;
}
.container_12 .grid_8 {
width:492px;
}
.container_12 .grid_9 {
width:556px;
}
.container_12 .grid_10 {
width:620px;
}
.container_12 .grid_11 {
width:684px;
}
.container_12 .grid_12 {
width:748px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:64px;
}
.container_12 .prefix_2 {
padding-left:128px;
}
.container_12 .prefix_3 {
padding-left:192px;
}
.container_12 .prefix_4 {
padding-left:256px;
}
.container_12 .prefix_5 {
padding-left:320px;
}
.container_12 .prefix_6 {
padding-left:384px;
}
.container_12 .prefix_7 {
padding-left:448px;
}
.container_12 .prefix_8 {
padding-left:512px;
}
.container_12 .prefix_9 {
padding-left:576px;
}
.container_12 .prefix_10 {
padding-left:640px;
}
.container_12 .prefix_11 {
padding-left:704px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:64px;
}
.container_12 .suffix_2 {
padding-right:128px;
}
.container_12 .suffix_3 {
padding-right:192px;
}
.container_12 .suffix_4 {
padding-right:256px;
}
.container_12 .suffix_5 {
padding-right:320px;
}
.container_12 .suffix_6 {
padding-right:384px;
}
.container_12 .suffix_7 {
padding-right:448px;
}
.container_12 .suffix_8 {
padding-right:512px;
}
.container_12 .suffix_9 {
padding-right:576px;
}
.container_12 .suffix_10 {
padding-right:640px;
}
.container_12 .suffix_11 {
padding-right:704px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:64px;
}
.container_12 .push_2 {
left:128px;
}
.container_12 .push_3 {
left:192px;
}
.container_12 .push_4 {
left:256px;
}
.container_12 .push_5 {
left:320px;
}
.container_12 .push_6 {
left:384px;
}
.container_12 .push_7 {
left:448px;
}
.container_12 .push_8 {
left:512px;
}
.container_12 .push_9 {
left:576px;
}
.container_12 .push_10 {
left:640px;
}
.container_12 .push_11 {
left:704px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-64px;
}
.container_12 .pull_2 {
left:-128px;
}
.container_12 .pull_3 {
left:-192px;
}
.container_12 .pull_4 {
left:-256px;
}
.container_12 .pull_5 {
left:-320px;
}
.container_12 .pull_6 {
left:-384px;
}
.container_12 .pull_7 {
left:-448px;
}
.container_12 .pull_8 {
left:-512px;
}
.container_12 .pull_9 {
left:-576px;
}
.container_12 .pull_10 {
left:-640px;
}
.container_12 .pull_11 {
left:-704px;
}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */
@media only screen and (max-width: 767px) {
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: 15px;
margin-right: 15px;
width: auto;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
margin-left: 0;
margin-right: 0;
}
.grid_12{
margin-left: 10px;
margin-right: 10px;
}
header#header .grid_12{
margin-left:0;
margin-right:0;
}
.alpha,
.omega {
margin-left: 0;
margin-right: 0;
}
.align_center,
.align_right {
text-align: left;
}
/* Custom */
/* Header
---------------------------------------------------------------------------------------------------*/
header#header .top-header-wrapper .container_12{margin-left:0; margin-right:0;}
header#header .header-wrapper .container_12{margin-left:auto; margin-right:auto; width:auto;}
header#header .header-bottom-wrapper .container_12{margin-right:10px; margin-left:10px;}
/* Large Grid */
.products-grid.large-grid li.item{float:none; width:auto;}
/* Small Grid */
.products-grid.small-grid li.item{width:auto; float:none;}
/* Footer
---------------------------------------------------------------------------------------------------*/
#footer .footer-columns-wrapper .container_12{margin-left:0; margin-right:0; width:auto;}
#footer .footer-bottom-block .container_12{width:auto; margin-left:15px; margin-right:15px;}
#footer .footer-links-wrapper .container_12{margin-right:0; margin-left:0;}
/* Custom */
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
min-width: 420px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 420px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
margin-left: 0;
margin-right: 0;
}
.grid_12 {
margin-left: 10px;
margin-right: 10px;
}
.alpha,
.omega {
margin-left: 0;
margin-right: 0;
}
.align_center,
.align_right {
text-align: left;
}
/* Custom */
/* Header ================================================================================ */
header#header .top-header-wrapper .container_12{width:420px; margin-left:auto; margin-right:auto;}
header#header .header-wrapper .container_12{width:420px; margin-left:auto; margin-right:auto;}
header#header .header-bottom-wrapper .container_12{margin-right:auto; margin-left:auto;}
.products-grid li.grid_3 { width: 190px; margin-left: 10px; margin-right: 10px;}
.products-grid li.alpha { margin-left: 0;}
.products-grid li.omega { margin-right: 0;}
.products-grid.large-grid li.grid_3 { width: 200px; margin-left: 10px; margin-right: 10px; float:left;}
.products-grid.small-grid li.item { width: 200px; margin-left: 10px; margin-right: 10px; float:left;}
.products-grid#upsell-product-table li.grid_3 { width: 180px;}
/* Footer ================================================================================ */
#footer .footer-links-wrapper .container_12{margin-left:auto!important; margin-right:auto!important;}
#footer .footer-columns-wrapper .container_12{margin-left:auto; margin-right:auto; width:420px;}
#footer .footer-bottom-block .container_12{margin-left:auto; margin-right:auto; width:420px;}
/* Custom */
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}
/*======Skin Images ======*/
.sorter .sort-by .asc{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_asc.gif);}
.sorter .sort-by .desc{background-image:url(https://www.oppomart.com/skin/frontend/meigeetheme/default/images/i_desc.gif);}
/*======Site Bg=======*/
header#header .header-block-wrapper,
.content-wrapper{background-color:#FFF;}
.checkpoint-3-button,
.checkpoint-5-button{border-top-color:#FFF;}
/*======Skin Color #1=======*/
button.button span span,
header#header .form-currency a:hover,
header#header .form-language a:hover,
header#header .top-cart .block-title:hover,
header#header .top-cart .block-title.active,
header#header .form-search button,
#footer ul.social-links li:hover,
#footer .footer-columns-wrapper ul li a:hover,
.category h2,
.sorter .view-mode strong.grid,
.sorter .view-mode a.grid:hover,
.sorter .view-mode strong.list,
.sorter .view-mode a.list:hover,
.toolbar-bottom .pager .pages ol li.current,
.toolbar-bottom .pager .pages ol li a:hover,
.add-to-links li a,
.product-view .product-shop .product-bottom-box .email-friend a,
.cart-table .link-wishlist,
.cart-table .cart-edit,
.btn-remove2,
.opc .active .step-title .number,
.my-wishlist .link-edit,
.product-view .product-prev,
.product-view .product-next,
.more-views .prev span,
.more-views .next span,
.block-related .prev span,
.block-related .next span,
#toTop,
#toTopHover,
.block-wishlist .es-nav-prev span,
.block-wishlist .es-nav-next span,
.slider-container .prev span,
.slider-container .next span,
.header-slider-container .iosSlider .slideSelectors .button-item:hover,
.header-slider-container .iosSlider .slideSelectors .button-item.selected{background-color:#ded843;}
header#header .links li:hover{background-color:#ded843!important;}
.header-slider-container .iosSlider .slider .item h2{color:#ded843;}
/*======Skin Color #2=======*/
a,
.price,
nav.breadcrumbs li strong,
.pager .limiter ul li a:hover,
.pager .limiter ul li a.selected,
.catalog-product-view .box-reviews ul li small span,
.catalog-product-view .box-reviews .form-add h3 span,
.product-view .product-prev:hover > span,
.product-view .product-next:hover > span {color:#d82d46;}
header#header .nav-container .nav-wide#nav.ul ul.level0 > li > ul > li li > a:hover,
.nav-container.mobile #nav ul.level0 ul li a:hover,
header#header .nav-container.mobile #nav ul.level0 ul li li li a:hover,
#nav.nav-wide ul.level0 > li > ul > li > a:hover{color:#d82d46!important;}
.nav-wide#nav ul.level1,
.nav-wide#nav ul.level1 ul,
.sorter .total,
#cart-accordion h3.accordion-title,
#nav ul,
#nav div,
.nav-wide#nav ul.level1.shown-sub,
.nav-wide#nav ul.level1 ul.shown-sub,
#nav.nav-wide li.nav-static-block button span span,
header#header .menu-button,
.grid-2-wrapper{background-color:#d82d46;}
.triangle,
.meigee-tabs li a:hover,
.meigee-tabs li.active a,
.meigee-tabs li.active a:hover,
.checkpoint-4-button{border-top-color:#d82d46!important;}
/*====== Header Background =======*/
header#header .header-bottom-wrapper { background-color: #ffffff;}
/*====== Header Color =======*/
header#header .nav-container > ul li a { color: #333;}
/*====== Header Hover Color =======*/
header#header .nav-container > ul li a:hover {color:#d82d46;}
#nav > li.over > a,
#nav > li.active > a{border-color:#d82d46;}
/**
* Skin
*/