69d32779c4236ac53d0aca04afaa5ef64b2deefd47d6c6b619bc8d3388ecdd59
Source Code:
@charset "utf-8";
* {word-break:break-all; word-wrap:break-word;}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
table, caption {
border: 0;
vertical-align: baseline;
margin: 0;
padding: 0;
}
html, body {
/*height: 100%;*/
vertical-align: baseline;
}
/*input[type=submit],
input[type=reset],
input[type=button]{
filter:chroma(color=#000000);
}*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
padding: 0;
}
/*------------å
¨---------------*/
body {margin: 0;font-family: "Noto Sans Japanese", sans-serif; font-weight: 700;font-size: 12px;color: #000000;background-color: #fbf6f0; }
/*-----------ç¶----------------*/
div#Domo,div#Kasabo,div#Barii{ width:100%;clear: both;/*background-color: #ffffff; border:1px solid #c00;*/}
#Domoheaderbg{}
#Domobg,#Kasabobg,#Bariibg{ position: relative;/*overflow: hidden;*/}
#Kasabobody{}
#KasaPageHome{ margin:0em; padding:0em;}
#Bariibody{}
.mainboxone,.mainboxtwo,.mainboxthree{ position: relative;width:1060px;margin:5px auto 0; padding:10px; text-align:left; background-color:#fff; vertical-align:top; overflow: hidden;}
#wkHomeLeft{ width:270px;float:left; margin-right:5px;}
.wk_columnLeft{}
#wkHomeLeftbox{overflow: hidden;background: #fbfbfb; padding: 15px;}
.centerbox{ float:right; width:780px;overflow: hidden;}
#loginBody .centerbox,#logoffBody .centerbox,#createaccountBody .centerbox,#checkoutpaymentBody .centerbox,#checkoutpaymentaddressBody .centerbox,
#checkoutshippingBody .centerbox,#checkoutshippingaddressBody .centerbox,#checkoutsuccessBody .centerbox,#checkoutconfirmationBody .centerbox,
#shoppingcartBody .centerbox,#createaccountsuccessBody .centerbox,#accountBody .centerbox,#accounteditBody .centerbox,#addressbookBody .centerbox,#accountpasswordBody .centerbox,#accountnewslettersBody .centerbox,#accountnotificationsBody .centerbox,#advancedsearchBody .centerbox,#addressbookprocessBody .centerbox,#accounthistoryinfoBody .centerbox{ width:100%;}
/*
#shoppingcartBody .centerbox,#checkoutshippingBody .centerbox,#checkoutpaymentBody .centerbox,#checkoutconfirmationBody .centerbox,#checkoutsuccessBody .centerbox,
#accountBody .centerbox,#accounteditBody .centerbox,#addressbookBody .centerbox,#accountpasswordBody .centerbox,
#checkoutshippingaddressBody .centerbox,#checkoutpaymentaddressBody .centerbox,#checkoutpaymentBody .centerbox,#checkoutshippingBody .centerbox{ width:100%;}
#accountnewslettersBody .centerbox,#accountnotificationsBody .centerbox{ width:100%;}*/
.HomePageBox{ border: none; }
/*-----------å°é¡µ.1----------------*/
/*a:hover img {-ms-filter: "alpha( opacity=50 )"; filter: alpha( opacity=50 );opacity: 0.5;-moz-opacity: 0.50;text-decoration: none;}
*/
li{ list-style-type:none;}
/*----------å°é¡µ.2-----------------*/
h3.itemTitle{font-size: 1em;padding: 0 1em;text-align: left;}
.listingDescription{padding: 0 1em;text-align: left;}
.centerBoxContentsProducts{ padding:0;}
.current {font-size: 1em;padding: 2px 6px;font-weight: bold;vertical-align: top;color: #000;}
.navSplitPagesLinks, .navSplitPagesResult { padding: 8px 0 8px 3px;}
.navSplitPagesLinks a, .navSplitPagesLinks a:visited {margin: 0 1px;padding:6px;border: solid 1px #000000;text-decoration: none;background: #fff;color: #000000;}
.navSplitPagesLinks a:hover {color: #fff;background: #000000;border-color: #000000;text-decoration: none;}
/*------------ä¸---------------*/
/*
.fixed {
background: #f8f8f8;
box-shadow: 1px 1px 5px 0px #cccccc;
}
*/
.topnavbox{height:35px; line-height:35px;}
.topnavbox ul{float:right;}
.topnavbox ul li{ float:right;display:block;}
.topnavbox ul li a{ display: block; padding-left: 15px; color: #000000;}
.topnavbox ul li a:hover{ text-decoration:underline;}
#slider {
overflow :hidden;
position :relative;
width :100%;
padding: 0 0 30px;
}
#sliderInner {
position: relative;
left: 50%;
width: 2250px;
margin-left: -1124px;
}
#sliderInner li {
width:750px;
}
#sliderInner li img {
width: 750px;
height: 500px;
}
#slideFilterL,
#slideFilterR {
position:absolute;
top:0;
width: 750px;
height: 500px;
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"alpha( opacity=40 )";
background:#fff;
}
#slideFilterL {
left:0;
}
#slideFilterR {
right:0;
}
/* ã³ã³ããã¼ã©ã¼ */
#slider .bx-wrapper .bx-prev {
left:655px;
background: url(../images/prev_black.png) no-repeat;
}
#slider .bx-wrapper .bx-next {
right:655px;
background: url(../images/next_black.png) no-repeat;
}
#slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 240px;
outline: 0;
width: 35px;
height: 35px;
background-size: contain;
opacity: 0.7;
}
/* ãã¼ã¸ã£ã¼ */
#slider .bx-wrapper .bx-pager,
#slider .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -25px;
left: 1604px;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a {
background: #f4f4f4;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 4px;
outline: 0;
border-radius: 5px;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slider .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #3c3c3c;
}
.center {
width: 1060px;
margin: 0 auto;
position: relative;
clear: both;
}
.head_fix h1 {
text-align: center;
padding: 30px 0;
opacity: 1;
transition: all 0.3s ease;
}
.head_fix h1 img {
width: 200px;
}
.head_fix_lft .menu_btn input {
display: none;
}
.head_fix_lft .menu_btn label img {
width: 40px;
transition: all .5s ease;
}
.head_fix_lft {
position: absolute;
right: 0;
top: 28px;
transition: all .5s ease;
}
.head_fix_lft .menu_btn {
display: none;
float: left;
margin: 0 15px 0 0;
}
.head_fix_lft .search {
float: left;
}
.head_fix_lft .search input[name="keyword"] {
width: 230px;
height: 45px;
background: #fff;
line-height: 45px;
letter-spacing: 1px;
font-family: "Noto Sans Japanese", sans-serif;
font-weight: 300;
font-size: 14px;
padding: 0 0 0 15px;
border: solid 1px #cccccc;
transition: all .5s ease;
}
.head_fix_lft .search input[name="submit"] {
position: relative;
right: 40px;
width: 20px;
}
.head_fix_rgt {
position: absolute;
left: 0;
top: 29px;
transition: all .5s ease;
}
.head_fix_rgt li {
width: 80px;
float: left;
margin: 0 1px 0 0;
text-align: center;
position: relative;
top: -5px;
opacity: 1;
transition: opacity 0.3s ease;
}
.head_fix_rgt li p {
font-size: 10px;
font-weight: 700;
margin: 3px 0 0;
}
.head_fix_rgt li img {
width: 40px;
}
.head_fix_rgt li:hover {
opacity: 0.6;
transition: opacity 0.3s ease;
}
.menu {
position: fixed;
top: 105px;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
display: none;
transition: all .6s ease;
}
#navCatTabsWrapperbox{ clear: both; background-color: #F5DD56;}
#navCatTabsbg{margin: 0 auto; width: 1000px; height: 60px;line-height: 60px; text-align: center;}
#navCatTabsbg a{font-size: 20px; font-weight: bold; color: #4a4a49;display: inline-block;padding: 0 10px;}
.lbx{float: left;}
#navCatTabsbg ul.navone{}
#navCatTabsbg ul.navone li.navonebox{}
#navCatTabsbg ul.navone ul.navtwo{display: none;}
#navCatTabsbg ul.navone li.navtwobox:hover >ul{display: block;}
#navCatTabsbg li.navtwobox{cursor: pointer; font-size: 20px; font-weight: bold;}
#navCatTabsbg li.navtwobox span{ display: block; background-color: #ffffff; padding: 0 10px;}
#navCatTabsbg ul.navtwo{
overflow: hidden;
position: absolute;
left: 260px;
z-index: 3;
width: 980px;
height: 460px;
overflow: auto;
background-color: #ffffff;
border-top: none;
border:1px solid #fea;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #fea;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #fea;
}
#navCatTabsbg ul.navtwo li.navtwoli{float: left; margin: 5px;width: 18%; border: 1px solid #f5dd56;}
#navCatTabsbg ul.navtwo li.navtwoli a{font-weight: normal;font-size: 12px;}
#TopnavboxSearch input{ margin:0em;}
#wknavEZPagesTop{ height:20px; line-height:20px; margin:0;}
#wknavEZPagesTop ul{}
#wknavEZPagesTop ul li{ float:left;display:block;}
#wknavEZPagesTop ul li a{ padding-right:5px;}
#wknavEZPagesTop ul li a:hover{ text-decoration:underline;}
/*------------å·¦---------------*/
/*
#searchHeading{ background:url(../images/left/left_searchA.jpg) no-repeat; height:30px; text-indent:-999999px; padding:0em;}
#categoriesHeading{ background:url(../images/left/left_categoryA.jpg) no-repeat; height:30px; text-indent:-999999px; padding:0em;}
#bestsellersHeading{ background:url(../images/left/left_pickupA.jpg) no-repeat; height:30px; text-indent:-999999px; padding:0em;}
#specialsHeading{ background:url(../images/left/left_specialA.jpg) no-repeat; height:30px; text-indent:-999999px; padding:0em;}
#whatsnewHeading{ background:url(../images/left/left_whatsnewA.jpg) no-repeat; height:30px; text-indent:-999999px; padding:0em;}*/
#categoriesContent{}
#categoriesContent ul{}
#categoriesContent ul li{}
#categoriesContent ul li a{}
#categoriesContent ul li a:hover{ text-decoration:underline;}
/*#categoriesContent ul li a.l_r_list_products{ padding-left:15px;}*/
#categoriesContent ul li span.l_r_list_subs_selected{ color:#F00;}
.sideBoxContentItem,#reviewsContent{ border-bottom:1px dotted #ccc;padding: 5px;}
#cartBoxListWrapper ul li{ border-bottom:1px dotted #ccc;}
/*-------------ä¸--------------*/
#bottomNavi{ text-align:center;}
#bottomNavi ul li{ display:inline;}
#bottomNavi ul li a{ padding:0 5px; color:#010101;}
#bottomNavi ul li a:hover{ text-decoration:underline;}
/* ä¼å¡ç»é² */
input,select,textarea{vertical-align: middle;/*background: none repeat scroll 0 0 #FDFDFD;border:1px solid #E3E3E3;color:#010101;font-size:12px;line-height: normal;*/}
.buttonRow input, .buttonRow2 input, .buttonRow3 input {/*background: none repeat scroll 0 0 transparent;border: medium none;padding: 0;*/}
#login-email-address,#login-password{width:46%;}
/*èä¾§æ */
#loginDefault,#createAcctDefault,#checkoutShipping,#checkoutPayment,#checkoutConfirmDefault,#checkoutSuccess,#shoppingCartDefault,#createAcctSuccess
,#accountNotifications,#acctNewslettersDefault,#accountPassword,#addressBookDefault,#accountEditDefault,#accountDefault,#checkoutShipAddressDefault,
#checkoutPayAddressDefault,#advSearchDefault,#addressBookProcessDefault,#accountHistInfo{ padding:0em;}
p.emailhot{ color:#FF0000; margin:5px 0;}
h1#createAcctDefaultHeading,h4#createAcctDefaultLoginLink,h4.createAcctbodytext{ text-align:left;}
#createAcctbody h4.title{margin-bottom: 10px;
padding: 8px;
color: #666666;
font-size: 110%;
border-top-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebeced;
text-align:center;}
#mostyle h4.ttly{ margin:5px 0 10px;}
div#createAcctbody table,div#loginDefault table {
margin: 15px auto 20px auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
border-collapse: collapse;
text-align: left;
}
div#createAcctbody table th,div#loginDefault table th {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #333;
background-color: #f0f0f0;
font-weight: normal;
text-align: left;
}
div#createAcctbody table td,div#loginDefault table td {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
#mostyle LABEL.inputLabel {width: 13em;}
#mostyle .size155{ width:155px;}
#mostyle .size200{ width:200px;}
#mostyle .size245{ width:245px;}
#mostyle td input{padding: 0.1em 0.2em;
border: 1px solid #b1b1b1;}
#mostyle table span.alert{ vertical-align:middle;}
/* CATEGORY pro LISTING */
.tabTable {margin:0px 0px 5px 0px; border-left:1px solid #E5E5E5;}
.tabTable th {padding:5px 10px; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; text-align:center;}
.tabTable th {font-size:12px; font-weight:normal; background:#f8f8f8; color:#000;}
.tabTable th a {color:#000;}
.tabTable td {border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:5px;}
.tabTable td .listingDescription {padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; }
.tabTable td a {font-size:13px; text-decoration:none; line-height:20px; font-weight:bold;}
.tabTable td a:hover { color:#b12201;}
/*-----------è´è½¦é¡µ------------------*/
.rowOdd {/*background-color: #E8E8E8; */height: 1.5em;vertical-align: top;}
.rowEven {/*background-color: #F0F0F0;*/height: 1.5em;vertical-align: top;}
/*---------------------------*/
.centerBoxHeadingbox img{width: 50px;
height: 40px;}
#whatsNew h2{background:url(../images/arc_1.png) left top no-repeat transparent;height:55px; line-height: 70px;padding:0em; text-indent:80px; border-bottom: 1px solid #c7c7c7; text-align: left;}
#specialsDefault h2{background:url(../images/arc_2.png) left top no-repeat transparent;height:55px; line-height: 70px;padding:0em; text-indent:80px;border-bottom: 1px solid #c7c7c7; text-align: left;}
/*#featuredProducts h2{background:url(../images/bnr_hotitem_title.jpg) left no-repeat transparent;height:50px;padding:0em; text-indent:-99999px;}*/
#new_topimg,#specials_topimg{padding-bottom:10px;text-align: left;}
footer {
background: #f4f4f4;
}
/*======================================================================
ãã¤ã³ãã©ã¡ã¼ã·ã§ã³
======================================================================== */
footer .infomation {
padding: 45px 0;
}
.bottom{overflow: hidden;}
/*----------------------------------------------
ãã«ã¹ã¿ãã¼ãµãã¼ã
------------------------------------------------ */
.inquiry { clear: both;}
.infomation .customer {
width: 520px;
float: left;
border-right: dotted 2px #ccc;
}
/*ãã¿ã¤ãã«
-------------------------- */
.infomation .customer .ttl {
margin: 0 0 12px;
}
.infomation .customer .ttl h2{
width: 160px;
float: left;
margin: 0 20px 0 0;
background: #94a7c4;
padding: 5px 0;
text-align: center;
color: #fff;
font-size: 12px;
border-radius: 3px;
}
.infomation .customer .ttl p {
font-size: 15px;
letter-spacing: 0;
font-weight: 700;
padding: 4px 0 0;
}
/*ãé»çªã»ä½æ
-------------------------- */
.infomation .customer .tel {
font-style: normal;
margin: 0 0 12px;
}
.infomation .customer .tel h3 {
float: left;
margin: 0 20px 0 0;
font-size: 30px;
font-weight: 700;
letter-spacing: 0;
color: #94a7c4;
}
.infomation .customer .tel p {
float: left;
font-size: 12px;
line-height: 15px;
}
/*ãåãåãã
-------------------------- */
.infomation .customer .inquiry a {
width: 205px;
display: block;
background: #b8b8b8;
border-radius: 3px;
float: left;
color: #fff;
position: relative;
font-size: 14px;
padding: 8px 0 8px 40px;
transition: all .3s ease;
}
.infomation .customer .inquiry a:hover {
background: #3c3c3c;
transition: all .3s ease;
}
.infomation .customer .inquiry a:after {
content: "";
background: url(../images/next_white.png) no-repeat;
background-size: contain;
width: 8px;
height: 8px;
position: absolute;
top: 12px;
right: 11px;
}
.infomation .customer .inquiry a:nth-of-type(1) {
margin: 0 15px 0 0;
}
.infomation .customer .inquiry a:nth-of-type(1):before {
content: "";
background: url(../images/info_mail.png) no-repeat;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
top: 9px;
left: 11px;
}
.infomation .customer .inquiry a:nth-of-type(2):before {
content: "";
background: url(../images/info_shopping.png) no-repeat;
background-size: contain;
width: 17px;
height: 17px;
position: absolute;
top: 7px;
left: 11px;
}
/*----------------------------------------------
ãã¡ã«ãã¬
------------------------------------------------ */
.infomation .melumaga {
width: 520px;
float: left;
padding: 0 0 0 18px;
}
/*ãã¿ã¤ãã«
-------------------------- */
.infomation .melumaga .ttl {
margin: 0 0 15px;
}
.infomation .melumaga .ttl h2{
width: 160px;
float: left;
margin: 0 20px 0 0;
background: #aac1af;
padding: 5px 0;
text-align: center;
color: #fff;
font-size: 12px;
border-radius: 3px;
}
.infomation .melumaga .ttl p {
font-size: 15px;
letter-spacing: 0;
font-weight: 700;
padding: 4px 0 0;
}
/*ãããã
-------------------------- */
.infomation .melumaga .btm {
overflow: hidden;
background: url(../images/info_merumaga.png) no-repeat;
background-size: 108px;
}
.infomation .melumaga .btm ul li h3{font-size: 100%; font-weight: normal;}
.infomation .melumaga .btm .lft {
padding: 0 0 0 130px;
float: left;
margin: 0 20px 0 0;
text-align: left;
}
.infomation .melumaga .btm .lft li {
font-size: 12px;
margin: 0 0 10px;
}
.infomation .melumaga .btm .lft li:last-child {
font-size: 10px;
}
.infomation .melumaga .btm .regi {
float: left;
width: 130px;
background: #aac1af;
text-align: center;
border-radius: 5px;
opacity: 1;
transition: all .3s ease;
}
.infomation .melumaga .btm .regi:hover {
opacity: 0.6;
transition: all .3s ease;
}
.infomation .melumaga .btm .regi a {
display: block;
width: 100%;
height: 100%;
padding: 25px 0 41px 0;
color: #fff;
position: relative;
}
.infomation .melumaga .btm .regi a:before {
content: "";
background: url(../images/arrow_next_white.png) no-repeat;
background-size: contain;
width: 18px;
height: 18px;
position: absolute;
top: 47px;
left: 42%;
}
/*======================================================================
ããããã¼
======================================================================== */
footer .overview {
color: #b8b8b8;
}
/*----------------------------------------------
ããã
------------------------------------------------ */
.overview .nav {
padding: 30px 0;
border-bottom: solid 1px #444444;
margin: 0 0 30px;
-js-display: flex;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.overview .nav li {
float: left;
border-left: dotted 1px #5c5c5c;
text-align: center;
width: 151px;
line-height: 15px;
}
.overview .nav li:last-child {
border-right: dotted 1px #5c5c5c;
}
.overview .nav li:hover {
position: relative;
top: 1px;
left: 1px;
}
.overview .nav li a {
color: #000;
font-size: 12px;
}
/*----------------------------------------------
ãããã
------------------------------------------------ */
.overview .btm {
padding: 0 0 30px;
}
/*----------------------------------------------
ããã´ã»SNS
------------------------------------------------ */
.overview .btm .lft {
float: left;
width: 170px;
margin: 0 60px 0 0;
}
.overview .btm .lft figure {
margin: 0 0 15px;
}
.overview .btm .lft img {
width: 100%;
}
.overview .btm .lft .sns li {
float: left;
width: 48px;
margin: 0 13px 0 0;
opacity: 1;
transition: all .3s ease;
}
.overview .btm .lft .sns li:hover {
opacity: 0.6;
transition: all .3s ease;
}
.overview .btm .lft .sns li:last-child {
margin: 0;
}
/*----------------------------------------------
ãä¼ç¤¾æ¦è¦
------------------------------------------------ */
.overview .btm .cnt {
font-size: 12px;
font-weight: 400;
}
.overview .btm .cnt h2 {
font-weight: 700;
margin: 0 0 10px;
}
.overview .btm .cnt address {
font-style: normal;
margin: 0 0 20px;
line-height: 20px;
}
.overview .btm .cnt address br:not(.no),
.overview .btm .cnt p br:not(.no) {
display: none;
}
.overview .btm .cnt p {
font-size: 10px;
line-height: 18px;
}
address a.bottommail{color: #b8b8b8;}
/*----------------------------------------------
ãTOPã¸æ»ã
------------------------------------------------ */
.overview .btm .rgt {
float: right;
width: 90px;
}
.overview .btm .rgt a {
display: block;
width: 100%;
background: url(../images/ft_top.png) no-repeat;
background-size: 100%;
padding: 100px 0 0;
font-size: 12px;
font-weight: 400;
text-align: center;
color: #b8b8b8;
opacity: 1;
transition: all .3s ease;
}
.overview .btm .rgt a:hover {
opacity: 0.6;
transition: all .3s ease;
}
#siteinfoLegal{ clear: both; }
#advSearchDefault fieldset select,#advSearchDefault fieldset input[type="text"]{width: 98%;}
#privacyDefaultMainContent,#paymentmethodMainContent{padding: 10px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.039);}
#contactUsForm label{width: 20%;float: left;}
#contactUsForm input{width: 70%;}
#cartAdd .pro_quantity input{padding:10px;}
#rominfoprice span{padding:5px;}
#passwordForgotten label{width: 20%;float: left;}
#passwordForgotten input[type="text"]{width: 70%;}
#mostyle .inputLabelbox label{float: unset;}
#accountEditDefault fieldset label,#accountPassword fieldset label,#addressBookProcessDefault fieldset label{width: 20%;}
#accountEditDefault fieldset input,#accountPassword fieldset input,#addressBookProcessDefault fieldset input,#addressBookProcessDefault fieldset select{width: 70%;}
#accountEditDefault fieldset input[type="radio"],#addressBookProcessDefault fieldset input[type="checkbox"]{width: unset;}
#addressBookProcessDefault fieldset input[name="state"]{margin-left: 20.6%;}
#newProductsContent .productPrice{margin-top: 20px;}
#newProductsContent .productPrice span{display: block;}
#specialsListing .listingbox{border: 1px solid #ddd;}
#shoppingCartDefault table td{vertical-align: middle;}
#checkoutNewAddress input,#checkoutNewAddress select{width: 80%;}
#otsubtotal .lineTitle,#otshipping .lineTitle,#ottotal .lineTitle{float: left;}
#timeoutDefault fieldset input{border:1px solid #ddd;width: 80%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.ddright input, .ddright select{background-color: unset;}
#passwordForgotten input[type="text"]{padding:5px;}
#aboutUsMainContent .usingTxt{padding:5px;}
#payment_method,#privacy{padding:5px;}
#advSearchDefault fieldset input[name="keyword"]{padding:5px;width: 75%;}
#advSearchDefault fieldset select[name="categories_id"],#advSearchDefault fieldset select[name="manufacturers_id"]{width: 100%;padding:5px;}
#advSearchDefault fieldset input[name="pfrom"],#advSearchDefault fieldset input[name="dfrom"],#advSearchDefault fieldset input[name="pto"],#advSearchDefault fieldset input[name="dto"]{width: 96%;padding:5px;}
#cartAdd .pro_quantity{width: 50%;}
#cartAdd input[type="text"]{width: 60%;text-align: center;}
#cartAdd input[type="submit"]{float: right;}
#shippingbox .shippingboxbottom{border:unset;background: #f7f7f7;}
#cartSubTotal{background-color: #f7f7f7;color: #000;text-align: center;}
#timeoutDefault fieldset label{width: 20%;line-height: 28px;}
#timeoutDefault fieldset input{border: 1px solid #ddd;width: 75%;padding: 5px;}
#myAccountShipInfo,#myAccountPaymentInfo{line-height: 30px;}
#accountEditDefault fieldset label,#addressBookProcessDefault fieldset label,#accountPassword fieldset label{line-height: 30px;}
#accountEditDefault fieldset input[name="firstname"],#accountEditDefault fieldset input[name="lastname"],#accountEditDefault fieldset input[name="email_address"],#accountEditDefault fieldset input[name="telephone"],#accountEditDefault fieldset input[name="fax"],#addressBookProcessDefault fieldset input[name="firstname"],#addressBookProcessDefault fieldset input[name="lastname"],#addressBookProcessDefault fieldset input[name="street_address"],#addressBookProcessDefault fieldset input[name="city"],#addressBookProcessDefault fieldset input[name="state"],#addressBookProcessDefault fieldset input[name="postcode"],#checkoutNewAddress fieldset input[name="zone_id"]{padding:5px;}
#addressBookDefault address,#addressBookDefault .instructions{line-height: 30px;}
#addressBookDefault .instructions{float: right;}
#addressBookDefault .twobottom{float: unset;overflow: hidden;}
#addressBookDefault .twobottom ul li{display: inline;}
#addressBookDefault .twobottom ul li .small_edit{float: left;}
#addressBookDefault .twobottom ul li .button_delete_small{float: right;}
#accountLinksWrapper,#checkoutBillto,#checkoutPayment .floatingBox{line-height: 30px;}
#addressBookProcessDefault fieldset select{padding:5px;width: 71.4%;}
#accountPassword fieldset input{padding:5px;}
#shoppingCartDefault .changeaddressbox{border:unset;background: #f7f7f7;}
#comments textarea{margin:0;width: 99%;}
#checkoutNewAddress fieldset label{width: 11em;line-height: 30px;}
#checkoutNewAddress fieldset input[name="firstname"],#checkoutNewAddress fieldset input[name="lastname"],#checkoutNewAddress fieldset input[name="street_address"],#checkoutNewAddress fieldset input[name="city"],#checkoutNewAddress fieldset input[name="postcode"],#checkoutNewAddress fieldset input[name="state"]{width: 80%;padding:5px;}
#checkoutNewAddress fieldset select{padding:5px;width: 81.4%;}
#checkoutNewAddress fieldset input[name="state"]{padding:5px;margin-left: 12.6em;}
#checkoutShiptobox .caddress,#shoppingCartDefault .cfloatingBox{line-height: 30px;}
#shoppingCartDefault .cartQuantity input{text-align: center;}
#accountDefault table tr td{border:1px solid #ccc;padding:5px;}
#related ul ol li{border-bottom: solid 1px #eee;}
#related ul{border-left: 1px solid #eee;}
#pricerangeContent ul li{margin: 5px 0;padding: 10px 0;border-bottom: dotted 1px #aaaaaa;}
#pricerangeContent ul li a{margin: 0 0 2px 0;width: 100%;text-decoration: none;font-size: 14px;color: #3c3c3c;}
#footermain .inner {
width: 980px;
min-width: 980px;
margin: 0 auto;
height: 100%;
position: relative;
}
#footermain .title4 {
font-size: 20px;
text-align: center;
padding-bottom: 30px;
/* border-bottom: 1px solid #ccc; */
}
#footermain .title4 .catch1 {
font-size: 12px;
letter-spacing: 0;
}
#footermain .row {
margin-right: -15px;
margin-left: -15px;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
}
#footermain .col-xs-4 {
width: 30%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#footermain .si-item {
padding: 15px;
}
#footermain .si-title {
text-align: center;
font-size: 14px;
font-weight: 900;
margin-bottom: 20px;
}
#footermain .si-title img {
width: 100px;
}
#footermain h6 {
font-size: 12px;
}
#footermain .si-content {
border-radius: 10px;
border: 1px solid rgba(0,0,0,0.2);
font-size: 12px;
line-height: 2;
padding: 20px;
text-align: justify;
letter-spacing: 1px;
}
#footermain .lastrow {
text-align: center;
color: #444;
padding: 30px 0px;
font-size: 10px;
border-top: 1px solid rgba(0,0,0,0.2);
}
body{
background: #fff;
}
.mainboxone, .mainboxtwo, .mainboxthree {
width: 1200px;
}
#wkHomeLeft {
width: 300px;
}
.centerbox {
width: 880px;
}
.fixright{
position: fixed;
top: 30%;
right: 0;
z-index: 99;
}
.topbanner img{
float: left;
}
.topz{
text-align: left;
position: relative;
}
.topzr{
position: absolute;
text-align: left;
bottom: 0px;
right: 0;
}
.plogo {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.plogo img{
max-width: 300px;
}
.login{
display: inline-block;
}
.login li{
display: inline-block;
color: #888;
padding: 0 15px;
}
.login li a{
color:#888;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.login li a::before{
content: "::";
display: inline-block;
margin-right: 5px;
}
.login li a:hover{
opacity: .5;
}
.login li a:focus{
outline:none;
}
.topzban{
margin-top: 5px;
}
.zsearch{
float: right;
margin-top: 5px;
margin-right: 15px;
}
.zsearch .search{
position: relative;
}
.zsearch .search input[name="keyword"],.zsearch .search input[name="keyword"]:focus {
width: 300px;
height: 34px;
background: #fff;
border: 1px solid #81c3e6;
font-weight: 300;
font-size: 14px;
padding: 0 0 0 10px;
color: #000;
}
.zsearch .search input[name="keyword"]::-webkit-input-placeholder {
color: #000;
}
.zsearch .search input[name="keyword"]:-moz-placeholder {
color: #000;
}
.zsearch .search input[name="keyword"]::-moz-placeholder {
color: #000;
}
.zsearch button{
position: absolute;
right: 10px;
border: 0;
font-size: 20px;
padding: 0;
color: #81c3e6;
background: none;
top: 3px;
height: 32px;
width: 20px;
margin-left: 5px;
}
.zsearch button:hover{
opacity: .8;
}
.zcart{
float: right;
margin-top: 38px;
margin-left: 10px;
}
.zcart:hover{
opacity: .5;
}
.znav{
border-top: 2px solid #81c3e6;
background: linear-gradient(to bottom, #e6e6e6, #fff);
padding-bottom: 20px;
margin-bottom: 15px;
}
.znav .znav_ul{
display: inline-block;
text-align: left;
font-size: 0;
}
.znav .znav_ul li{
display:inline-block;
position: relative;
}
.znav .znav_ul li a{
display: inline-block;
color: #888;
font-size: 16px;
position: relative;
font-weight: normal;
padding: 5px 20px;
border-right: 1px solid #81c3e6;
}
.znav .znav_ul li:last-child a{
border-right:0
}
.znav .znav_ul li+li a::after{
content: "";
width: 1px;
height: 100%;
position: absolute;
left: 0px;
background: #fff;
top: 0;
}
.znav .znav_ul li a:hover{
opacity: .7;
}
.znav .znav_ul li a:focus{
outline:none;
}
.znav .znav_ul li a p{
display: inline;
vertical-align: middle;
}
#wkHomeLeftbox {
padding:0;
background: #fff;
margin-top: 10px;
}
#wkHomeLeft #categories{
padding: 5px 0;
border: 0px solid #dedede;
}
#wkHomeLeft #categories h3.page_leftBox_Heading{
font-size: 18px;
text-align: center;
position: relative;
color: #fff;
background: #81c3e6;
border: 0;
padding: 5px 0;
margin-bottom: 5px;
}
#wkHomeLeft #categoriesContent {
border: 1px solid #ccc;
}
#wkHomeLeft #categoriesContent ul{
padding: 5px 15px;
}
#wkHomeLeft #categoriesContent li{
margin:0;
}
#wkHomeLeft #categoriesContent a.category-top-copy{
border-bottom: 0px solid #d7d7d7;
margin-bottom:0;
color: #FF9F0F;
background: none;
position: relative;
}
#wkHomeLeft #categoriesContent a.category-top-copy::before{
content: "";
display: inline-block;
height: 15px;
width: 15px;
background: url(../images/evcate-icon.gif) left center no-repeat;
margin-right: 5px;
vertical-align: middle;
}
#wkHomeLeft #categoriesContent a.category-top-copy::after{
content: "\f054";
font-family: FontAwesome;
position: absolute;
display: inline-block;
right: 10px;
font-size: 0px;
font-weight: normal;
top: 14px;
}
#wkHomeLeft #categoriesContent a.category-top-copy:hover{
top: 0;
left: 0;
}
#wkHomeLeft #categoriesContent a.category-products-copy {
color: #999;
margin: 0 15px 8px 15px;
}
#wkHomeLeft #categoriesContent a.category-products-copy:hover{
text-decoration: underline !important;
}
.category-products-copy .category-subs-selected-copy {
color: #FF9F0F;
font-weight: bolder;
background: #0000;
}
#wkHomeLeft .sideimage img{
max-width: 100%;
margin: 5px 0;
width: 100%;
}
.centerBoxHeadingbox{
text-align: center;
}
.centerbox #whatsNew h2,.centerbox #specialsDefault h2 {
border: 0;
background:#81c3e6;
padding: 10px 0;
text-align: left;
line-height: 40px;
height: 40px;
color: #fff;
text-indent: 15px;
position: relative;
font-size: 20px;
font-weight: bold;
display: block;
}
footer{
background-color: #fff;
color:#999;
}
#footermain .inner {
width: 100%;
max-width: 100%;
}
#footermain .inner .title4{
padding: 10px 15px;
text-align: center;
background: linear-gradient(-100deg,#bfe0f2,#81c3e6);
color: #fff;
}
#footermain .inner .title4+.row{
padding-bottom: 0 !important;
margin: 0;
text-align: center;
}
#footermain .si-item{
padding:0 0px 15px !important;
}
#footermain .si-item .si-title{
margin-bottom: 0;
position: relative;
}
#footermain .si-item .si-title img,#footermain .si-item .si-title img+br{
display: none;
}
#footermain .si-item .si-title h6{
padding: 5px 10px;
margin: 10px 0px;
font-size: 16px;
text-align: center;
position: relative;
color: #000;
}
#footermain .si-content{
border: 0;
border-radius: 0;
padding: 10px 20px;
}
#footermain .si-content span.footspan{
color: #888 !important;
margin: 11px 0;
display: block;
}
#footermain .si-col.col-xs-4{
margin: 5px 0;
float: none;
display: inline-block;
vertical-align: top;
width: 47%;
border: 1px solid #ccc;
}
#footermain .si-col.col-xs-4:last-child{
width: 97%;
}
footer .overview {
color:#999;
background: #fff;
padding: 10px 0px;
}
.overview .bottom.center{
width: 100%;
}
.overview .bottom.center .btm.cf{
padding: 0;
text-align: left;
}
.overview .btm .cnt h2{
padding: 10px 0;
}
footer .overview address {
margin-bottom: 0 !important;
padding-bottom: 10px;
}
footer .overview address a.bottommail {
color: #7AC5D9;
}
footer .overview address a.bottommail:hover {
opacity: .5;
}
footer .overview .btm .cnt p{
padding: 10px 0;
}
.btmfr{
text-align: left
}
.overview ul.nav {
border-bottom: 0px;
padding: 0;
display: inline-block;
margin-bottom: 0px;
margin-top: 10px;
}
.overview .nav li{
border-left: 0px solid #333;
width: auto;
margin-right: 50px;
}
.overview .nav li:last-child{
border-right: 0px solid #aaa;
}
.overview .nav li:hover{
top:0;
left:0;
}
.overview .nav li a {
color: #999;
outline: none !important;
font-size: 14px;
font-weight: 400;
}
.overview .nav li a:hover{
color: #7AC5D9;
}
.overview .nav li a::before{
content: "::";
display: inline-block;
margin-right: 5px;
}
#mainTextNav {
background-color: #fff;
color: #000;
}
#mainTextNav a{
color: #000;
}
#mainTextNav a:hover{
text-decoration: underline;
}
#productinfo_detail #productName{
color: #a0522d;
}
#productinfo_detail #productPrices .productSpecialPrice {
color: #bf0000;
}
#productdetailsbox #productDetailsList li {
display: inline-block;
color: #333;
}
#cartAdd input[type="submit"] {
background: #81c3e6;
border: 0px solid #083b81;
color: #fff;
font-weight: bold;
border-radius: 0px;
}
#cartAdd input[type="submit"]:hover {
opacity: .5;
}
#productbox #productDescription .descriptiontext{
display: none;
background: #ff6600;
margin-bottom: 5px;
}
#productbox #productDescription .descriptiontext b i.fa{
display: none;
}
#productbox #productDescription .descriptiontext b{
color: #fff;
font-size: 20px;
text-align: left;
text-indent: 15px;
}
#productbox #productDescription .descriptiontextbg{
border: 1px solid #ccc;
padding: 5px;
}
.productInfo #related_product h2{
color: #bf0000;
}
#new_mianbox:hover,#specials_mainbox:hover{
background: none;
}
#new_mianname a, #specials_mianname a, #featured_mianname a, #also_mianname a, .relatedname a.romname{
color: #375b9e !important;
text-decoration: underline;
}
#related #rominfoprice {
background: #81c3e6 !important;
}
#new_mianname a:hover, #specials_mianname a:hover, #featured_mianname a:hover, #also_mianname a:hover,.relatedname a.romname:hover {
color: #375b9e !important;
text-decoration: none !important;
opacity: .8;
}
#new_Price .productSpecialPrice, #specials_Price .productSpecialPrice, #featured_Price .productSpecialPrice,#rominfoprice .productSpecialPrice {
color: #ff0000 !important;
}