in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #e8f4f0;
padding: 1px;
border: 1px solid #000;
background: #788480;
color: #fff;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e4e0;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e4e0;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c8d4d0;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #048;
color: #aef;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #e8f0f4;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/***************************************************
* stylesheet/backend/Eav.css
***************************************************/
fieldset.specification
{
margin-top: 10px;
}
fieldset.specification .numeric
{
width: 100px;
}
.multiValueSelect p.selectMenu
{
clear: none;
margin: 10px 0 10px 20px;
font-size: smaller;
float: left;
}
fieldset.specification .notDisplayed
{
color: #aaa;
}
.multiValueSelect div.other
{
float: left;
}
.multiValueSelect div.other label
{
width: auto;
margin-right: 10px;
line-height: 1.8em;
}
.multiValueSelect div.other input, input.other
{
width: 200px;
font-size: smaller;
}
.multiValueSelect input.filter
{
font-size: smaller;
width: 100px;
margin: 0;
}
.eavCheckboxes
{
max-height: 200px;
overflow: auto;
border: 1px solid #ddd;
width: 570px;
padding: 0.5em;
}
/***************************************************
* upload/css/patched/BatikFromVictoria-d955aa0766ebb866d9f6fb18f590f6a1.css
***************************************************/
/* resets */
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, font, img, ins, kbd, q, s, samp, small, strike, /*strong, */sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, #border-color-var
{
margin: 0; padding: 0; border: 0 solid; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-repeat: no-repeat; background-position: center left;
border-color: #ddd;
}
body
{
line-height: 1.5;
color: black;
background: white;
}
ul, ul li
{
list-style: none;
}
ol
{
margin-left: 2em;
}
table
{
border-spacing: 0;
border-collapse: collapse;
}
caption, th, td
{
font-weight: normal;
}
.descr li,
.newsEntry li,
#productDescription li,
.message li,
.staticPageText li
{
list-style-type: disc;
margin-left: 1.5em;
}
.descr ol li,
.newsEntry ol li,
#productDescription ol li,
.message ol li,
.staticPageText ol li
{
list-style-type: decimal;
}
/* 100% height layout start >> */
html.height, html.height body
{
height: 100%;
}
html.height div#container
{
position: relative; /* needed for footer positioning*/
height: auto !important; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
min-height: 100%; /* real browsers */
}
html.height div#footer
{
position: absolute;
width: 100%;
bottom: 0; /* stick to bottom */
}
html.height div#content
{
margin-bottom: 75px;
}
/* << 100% height layout end */
body, h4
{
font-family: Verdana;
font-size: small;
}
a
{
color: #143788;
}
h1, h2, h3
{
font-family: "Trebuchet MS";
}
h1
{
font-size: 200%;
margin-bottom: 10px;
}
h2
{
margin-top: 20px;
margin-bottom: 1em;
padding-top: 7px;
border-top-width: 1px;
border-style: dashed;
font-size: 150%;
}
h3
{
margin-bottom: 10px;
margin-top: 7px;
font-size: 150%;
}
td
{
vertical-align: top;
}
p
{
margin: 10px 0;
}
.clear
{
clear: both;
width: 100%;
height: 0;
overflow: hidden;
float: none !important;
}
/*****************************
Common declarations
*****************************/
/* 100% width labels */
label.checkbox, label.radio,
.productOptions label.field,
.productVariations label,
.reviewForm label,
#noteForm label,
label.cancel,
.eavAttributes label
{
float: none;
width: auto;
}
/* bold things */
h4,
#breadCrumbCaption,
div.box .title,
.price,
#addToCart,
.required label,
.errorText,
.eavAttributes .attrName,
.featured .title a,
.currentName,
.filterGroup .showAll,
.subCatName,
.notFoundMain,
.currentPage,
.spec,
.returnToCategory,
tr.specificationGroup,
.overallRating,
.ratingCategoryName,
.reviewTitle,
#rateProduct .heading,
.readAllReviews,
div.checkout a,
.subTotalCalc,
.continueShopping,
.proceedToCheckout,
.shipment .subTotal,
#cart .subTotal,
#payTotal .subTotal,
#invoicePaymentInfo .grandTotal td.amount,
#invoicePaymentInfo .amountDue td.amount,
.multiAddress .shipmentAddress,
#userMenu li.selected,
.cancelled,
#checkoutProgress a.active,
ul.downloadFile li.fileGroup,
.compareData td.param,
.compareData th a
{
font-weight: bold;
}
/* red things */
a.messages,
.cancelled,
a.cancel,
.errorMsg,
.errorText,
.discount .actualPrice
{
color: red;
}
/* auto-width select boxes */
.quickSearch select,
#language select,
#productSort,
.cartLinks select, select.quantity,
#ccExpiryMonth, #ccExpiryYear, #ccType
{
width: auto;
}
/* smaller input fields */
.quickSearch select,
.quickSearch input.text,
.quickSearch input.submit,
#language select,
.cartName small
#productSort
{
font-size: 0.85em;
padding: 0;
}
/* smaller text */
.logout,
.latestNewsSide .date,
#currency, #language,
.newsReadMore,
.count,
li.moreSubCats,
a.layoutSetList, a.layoutSetGrid,
.spec,
a.addToCart,
.listPrice,
.productListRating a,
.overallRating a,
.noStock, .lowStock,
.forgottenPassword,
#cart .productOptionsMenu,
.cartControl a,
.subTotalCalc,
.fieldDescription,
.progressOrder,
a.cvv,
.multiAddress .shipmentAddress,
.box.compare li a
{
font-size: smaller;
}
/* centered text */
div.box .title,
.subCategories td.subCatImage,
.productGrid td,
ul.productList .image,
.overallRating,
.noStock, .lowStock,
#imageContainer,
#moreImages,
#rateProduct table td,
.cartQuant,
.cartPrice,
.cartImage,
#cartUpdate,
#couponCodes .container,
#checkoutProgress,
.addressSelector .selector,
.shipment td,
.shipment .subTotal, #cart .subTotal,
#invoiceHeader,
td.amount,
.compactProductList .image,
.compactProductList .pricingInfo,
.compareBoxMenu
{
text-align: center;
}
/* left aligned text that needs to be overriden from right/center */
.shipment .productName,
.multiAddress .shipmentAddress
{
text-align: justify;
}
/* right aligned text */
#mainInfo td.param,
.ratingBreakdown,
td.addToWishList,
.reviewIndex .pagingInfo,
.multiAddressCheckout,
#expressCheckoutMethods,
.orderOverviewControls,
div.addressControl,
#invoicePaymentInfo td.amount,
.multiAddressCheckout
{
text-align: right;
}
/* vertical centering */
.subCatImage,
.subCategories td.details,
.orderingControls *,
.overallRating *,
#mainInfo td,
.ratingCategoryName,
.ratingPreview,
#cart td, #wishList td,
.addressSelector .selector,
#otherMethods img,
img.calendar_button
{
vertical-align: middle;
}
/* left floats */
#leftSide,
#logoContainer,
.quickSearch,
.allFilters .filterGroup,
.resultStats .pagingInfo, .categoryLayoutSwitch,
ul.productList .image,
#productSummaryContainer,
#ratingSummary,
.ratingBreakdown,
#imageContainer,
#bundle .pricingInfo,
.bundleList, .bundleInfo,
.reviewIndex #ratingSummary,
.continueShopping,
.checkoutHeader h1,
#billingAddressColumn,
#shippingSelector,
#ccForm,
.addressContainer,
#cvvExample,
.newCustomer,
#userMenuContainer,
div.addressBlock,
.orderDetails,
.orderDetails .orderMenu,
.responseUser,
.manufacturerColumn,
.manufacturerAttributes,
label,
input.radio, input.checkbox,
#cvvHelp,
.paymentMethods,
.compactProductList div
{
float: left;
}
/* right floats */
#rightSide,
#topMenuContainer,
#currency, #language,
.resultStats .sortOptions,
ul.productList a.addToCart, .productGrid a.addToCart,
ul.productList .pricingInfo,
ul.productList .orderingControls,
.specSummary,
div.review .ratingBreakdown,
.checkoutButtons,
.proceedToCheckout,
.completeOrderButton,
#checkoutProgress,
.returningCustomer,
.noteDate,
.checkout-pay .completeOverview,
.manufacturerImage
{
float: right;
}
/* links/menus with background images */
.resultPages .previous,
a.addToCart,
ul.attributeList li,
.continueShopping,
#userMenu li,
a.invoice, a.viewOrder, a.reorder, a.messages,
ul.downloadFile li,
.errorText
{
padding-left: 22px;
}
/* right side background images */
#smallCart a.checkout,
.resultPages .next,
.proceedToCheckout,
.websiteUrl a
{
padding-right: 22px;
background-position: center right;
}
/* background color 1: light grey */
tr.odd,
#searchContainer,
div.box .content,
#userMenuContainer,
fieldset,
div.addressBlock,
.orderDetails,
#productSummaryContainer,
.noteText,
#checkoutProgress a,
.dynamicMenu ul,
.rootCategories,
.rootCategories .wrapper,
#background-color1-var
{
background-color: #F9F9F9;
}
thead,
tr.heading td,
#heading-color-var
{
background-color: #ddd;
}
tr.even td,
div.box .title,
.rootCategories .current,
.rootCategories li:hover,
.rootCategories .li:hover,
.rootCategories .hover,
#background-color2-var
{
background-color: #eee;
}
/* light yellow background */
.highlight,
#cartFields .container, #couponCodes .container,
span.templateLocator span.templateName,
.proceedToCheckout,
#couponCodes .container,
#payTotal div,
#testHandlerWarning,
#checkoutProgress a.active,
.categoryLayoutSwitch a.active,
.specSummary
{
background-color: #fffccc;
}
tr.odd td, tr.even td
{
border-bottom-width: 1px;
}
/*****************************
Layout
*****************************/
#container
{
margin: 0 auto;
width: 950px;
}
#footer
{
padding: 20px;
text-align:center;
}
#leftSide
{
width: 190px;
overflow: visible;
position: relative;
margin-bottom: 120px;
}
#rightSide
{
width: 210px;
display: none;
padding-right: 10px;
}
#content
{
margin-left: 190px;
padding: 0 10px;
padding-bottom: 10px;
}
#content.left
{
margin-left: 0;
}
#content.right,
body.threeColumn #content.right
{
margin-right: 0;
padding-right: 0;
}
body.threeColumn #content
{
padding-right: 240px;
}
#content,
#leftSide,
#rightSide
{
padding-top: 10px;
}
/*****************************
Header
*****************************/
#header
{
z-index: 50;
position: relative;
width: 100%;
}
#topMenuContainer
{
margin-right: 1em;
}
#smallCart a.checkout
{
background: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cart_go.gif?1622488660) center right no-repeat;
}
#logoContainer
{
padding: 8px;
}
/*****************************
Boxes
*****************************/
div.box
{
margin-bottom: 5px;
overflow: visible;
position: relative;
}
div.box .title
{
border-bottom-width: 1px;
border-top-width: 1px;
padding: 3px;
color: #143788;
}
div.box .content
{
overflow: visible;
}
fieldset.container
{
border: 0;
}
/*****************************
Tables
*****************************/
.table
{
border-width: 1px;
}
.table th
{
padding: 3px;
}
.table td
{
padding: 4px;
}
/*****************************
Quick search
*****************************/
#searchContainer
{
border-top-width: 1px;
border-bottom-width: 1px;
padding: 3px 1em;
}
.quickSearch .searchQuery
{
width: 160px;
}
/*****************************
Category box
*****************************/
.categories .content
{
padding: 5px 12px 12px 22px !important;
border-bottom-width: 1px;
}
.categories .content a
{
color: black;
}
.categories li
{
margin-top: 5px;
}
.categories ul ul
{
padding-left: 12px;
}
.current ul, .subSubCats
{
padding-left: 0 !important;
}
.categories .current ul li
{
padding-left: 20px;
}
.noSubCats .subCatContainer table
{
margin: 0 auto;
}
/*****************************
Filters
*****************************/
.filterGroup ul
{
text-indent: 22px;
font-size: 90%;
overflow-y: auto;
max-height: 400px;
padding-left: 3px;
}
.filterGroup ul li a
{
color: #BB5500;
}
.filterGroup h4
{
margin-top: 5px;
}
.filterGroup .showAll
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/tag_yellow.gif?1622488660);
}
.filterGroup.filterTypeCheckbox li div
{
background-image:none;
}
.filterGroup.filterTypeCheckbox li div input.checkbox
{
vertical-align: middle;
float: none;
margin-left: -1em;
}
.filterGroup.filterTypeCheckbox li div
{
}
.filterTop
{
padding: 0.5em 0;
}
.filterTop select
{
width: auto;
margin-right: 1em;
}
.topMenuFilterCaption
{
white-space: nowrap;
}
.filterGroup ul li label
{
display: inline;
vertical-align: middle;
}
/*****************************
Information menu
*****************************/
.informationMenu ul li
{
margin-bottom: 5px;
}
/*****************************
Latest news block
*****************************/
.latestNewsSide .date
{
display: block;
margin-bottom: 0.5em;
}
/*****************************
Currency switch
*****************************/
#currency, #language
{
margin: 3px 3px 0;
}
#currency a, #language a
{
margin-left: 3px;
}
/*****************************
Breadcrumb
*****************************/
#breadCrumb
{
padding: 5px;
}
#breadCrumb *
{
display: inline;
}
#breadCrumb a,
#breadCrumb li.last
{
margin: 0 7px;
}
/*****************************
Home (index) page
*****************************/
.newsDate
{
font-style: italic;
}
.newsArchive
{
padding-top: 1em;
}
ul.news li.newsEntry
{
padding: 0.5em 0;
border-bottom-width: 1px;
}
/*****************************
Sub-category list
*****************************/
.count
{
color: #666;
white-space: nowrap;
}
.subCatName
{
font-size: larger;
}
/* obsolete */ ztable.subCategories
{
width: 49%;
float: left;
}
.subCategories
{
display: table;
margin-top: 10px;
border-collapse: collapse;
margin: 0 auto;
}
.subCategoryRow
{
display: table-row;
}
.subCategoryItem
{
display: table-cell;
border-width: 1px;
border-style: dotted;
vertical-align: middle;
padding: 5px;
}
.subCategoryItem.first
{
border-left-width: 0;
}
.subCategoryItem.last
{
border-right-width: 0;
}
.subCategoryRow.first td
{
border-top-width: 0;
}
.subCategoryRow.last td
{
border-bottom-width: 0;
}
.subCategories .subCatImage
{
width: 85px;
padding: 5px;
padding-right: 10px;
display: table-cell;
vertical-align: middle;
*float: left;
}
.subCategories .details
{
padding-left: 20px;
padding-right: 10px;
display: table-cell;
vertical-align: middle;
*margin-left: 85px;
*padding-top: 2em;
*padding-bottom: 1em;
}
.subCategories td.details .count
{
font-weight: normal;
}
ul.subSubCats
{
margin: 6px;
margin-top: 12px;
}
.modelSearchResults
{
margin-bottom: 1em;
}
.allResults
{
font-size: smaller;
margin-top: 0.5em;
}
/*****************************
Product list
*****************************/
.keywords
{
font-style: italic;
}
.narrowByCat
{
margin-bottom: 2em;
}
.allFilters li
{
margin-bottom: 5px !important;
}
.allFilters legend
{
color: black;
background: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/zoom.gif?1622488660) 6px center no-repeat;
padding-left: 28px;
margin-left: 5px;
}
.allFilters .filterGroup
{
width: 30%;
}
.foundCategories
{
margin-bottom: 1em;
margin-left: 1em;
}
.page
{
border: 1px solid #143788;
text-decoration: none;
margin: 0 2px;
padding: 2px 6px;
}
.currentPage
{
background: #143788;
color: white;
}
.resultPages .next
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/resultset_next.gif?1622488660);
}
.resultPages .previous
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/resultset_previous.gif?1622488660);
}
.resultPages
{
border-top-width: 1px;
padding-top: 10px;
}
.resultStats
{
margin-bottom: 15px;
padding-bottom: 4px;
border-bottom-width: 1px;
font-size: 110%;
position: relative;
}
#productSort
{
font-size: 12px;
width: 130px;
}
.categoryLayoutSwitch a
{
width: 16px;
height: 16px;
padding: 2px;
border-width: 2px;
background-position: center center;
display: block;
float: left;
margin-left: 4px;
}
a.layoutSetList
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/application_view_list.gif?1622488660);
}
a.layoutSetGrid
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/application_view_tile.gif?1622488660);
}
a.layoutSetTable
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/table.gif?1622488660);
}
.categoryLayoutSwitch
{
float: right;
margin-top: -7px;
}
.category-allProducts .categoryLayoutSwitch
{
display: none;
}
table.productGrid
{
width: 99%;
margin-bottom: 1em;
table-layout: fixed;
}
.productGrid td
{
padding: 1em;
position: relative;
vertical-align: bottom;
overflow: hidden;
border-width: 1px;
}
.productGrid tr.first td
{
border-top-width: 0;
}
.productGrid tr.last td
{
border-bottom-width: 0;
}
.productGrid td.first
{
border-left-width: 0;
}
.productGrid td.last
{
border-right-width: 0;
}
ul.productList li
{
margin-bottom: 30px;
}
ul.productList .title
{
font-size: 120%;
}
.productGrid .title
{
font-size: 120%;
margin: 1em 0;
}
ul.productList .spec
{
margin-top: 2px;
}
ul.productList .descr
{
margin-left: 120px;
}
ul.productList .shortDescr
{
margin-top: 0.5em;
}
ul.productList .image
{
width: 110px;
}
ul.productList .order
{
margin-top: 9px;
}
a.addToCart
{
background-image:url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cart_add.gif?1622488660);
white-space: nowrap;
}
.listPrice
{
text-decoration: line-through;
font-weight: normal;
}
ul.productList .pricingInfo
{
white-space: nowrap;
width: 250px;
line-height: 1.2em;
margin-left: 1em;
}
.productGrid .pricingInfo
{
line-height: 1.2em;
}
.productTable
{
width: 100%;
margin-bottom: 2em;
}
.productTable td,
.productTable th
{
padding: 5px;
vertical-align: middle;
}
.productTable td
{
text-align: center;
}
.productTable td.text
{
text-align: left;
}
.productTable a.direction_asc,
.productTable a.direction_desc
{
display: block;
padding-right: 20px;
background-position: right;
}
.productTable a.direction_asc
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/sort_asc.gif?1622488660);
}
.productTable a.direction_desc
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/sort_desc.gif?1622488660);
}
.shortDescr
{
font-size: 90%;
}
.productSeparator
{
border-bottom-width: 1px;
margin: 15px auto -7px 120px;
}
.listItemSeparator
{
color: #ccc;
}
.productListMenu
{
margin-bottom: 1em;
}
.compare
{
padding-top: 0.5em;
}
.compare .checkbox
{
float: none;
}
.compare label
{
display: inline;
}
.compareData .priceRow td.price
{
text-align: center;
font-size: larger;
}
.compareData div.image
{
padding: 1em;
}
.compareData td, .compareData th
{
padding: 3px;
border-width: 2px;
}
.compareBoxMenu
{
padding-top: 0.5em;
font-weight: bold;
font-size: 0.85em;
}
a.progressIndicator
{
padding: 0;
padding-left: 16px;
background-position: center left;
}
.delete:hover
{
opacity: 1;
}
.delete
{
opacity: 0.5;
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cancel.gif?1622488660);
padding: 8px;
margin-right: 4px;
vertical-align: middle;
}
/*****************************
Product page
*****************************/
.productIndex h1
{
width: 600px;
}
.returnToCategory
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/resultset_previous.gif?1622488660);
padding-left: 18px;
margin-bottom: 12px;
}
.specSummary
{
padding: 10px;
max-width: 300px;
margin-top: -40px;
z-index: 10;
}
#productSummaryContainer
{
margin-top: 1em;
}
#mainInfo
{
clear: right;
margin: 1em;
}
#productToCart input.number
{
width: 3em;
}
#ratingSummary
{
width: 250px;
}
#mainInfo td
{
padding: 5px;
white-space: nowrap;
}
#mainInfo td.websiteUrl
{
border-top: 1px dotted black;
}
.websiteUrl a
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/backend/icon/exLink.gif?1622488660) !important;
}
.overallRating a
{
font-weight: normal;
}
.ratingBreakdown
{
color: #888;
clear: left;
margin-top: 0.5em;
}
.price
{
color: #a52a2a;
}
.price.progressIndicator
{
padding: 0 0 0 16px;
background-position: center left;
}
#mainInfo .price
{
font-size: larger;
}
table.quantityPrice
{
border-width: 1px;
margin: 1em auto;
clear: both;
}
.price.quantityPrice
{
font-size: 1em !important;
}
.productOptions .productOption
{
margin: 3px 0;
}
.productOptions .description
{
font-size: 0.85em;
white-space: normal;
width: 250px;
margin: 0;
}
.radioOptions
{
padding-left: 0.5em;
border-width: 1px;
}
.purchaseVariations
{
padding: 0.5em;
display: block;
}
.purchaseVariations .cartLinks
{
padding: 1em 0;
}
.purchaseVariations .productOption
{
margin: 5px 0;
}
#productSpecification td
{
padding: 5px 10px;
}
tr.specificationGroup
{
font-size: larger;
}
tr.specificationGroup td.param
{
border-right: 0 !important;
}
tr.specificationGroup td.value
{
border-left: 0 !important;
}
ul.attributeList
{
padding: 0;
}
ul.attributeList li
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/tick.gif?1622488660);
}
ul.attributeList.singleValue li
{
background-image: none;
padding: 0;
}
#imageContainer
{
width: 450px;
}
#outerImageContainer #imageContainer
{
width: auto;
float: none;
}
#lightbox
{
padding: 2px !important;
}
#keyboardMsg
{
display: none;
}
#lightboxCaption
{
font-size: 1.2em;
}
#mainImage
{
margin: 20px;
}
#largeImage.multipleImages
{
height: 350px;
}
#largeImage.missingImage
{
height: auto;
}
#moreImages img, .compareData div.image img
{
border: 1px solid black;
margin-right: 4px;
cursor: pointer;
}
#rateProduct
{
margin-left: 10px;
}
#rateProduct table td
{
padding: 4px;
}
#rateProduct table .errorText
{
position: relative;
white-space: nowrap;
left: -85px;
}
.ratingPreview
{
background-color: transparent !important;
}
.reviewTitle
{
line-height: 1.5em;
}
.reviewText
{
margin-top: 0;
}
div.review
{
padding-top: 1em;
border-top-width: 1px;
}
div.review.first
{
padding-top: 0;
border: 0;
}
div.review .ratingBreakdown
{
margin: 0.5em;
padding: 1em;
border-width: 1px;
}
#bundle .productInfo
{
width: 150px;
}
.bundleList, .bundleInfo
{
padding-right: 0.5em;
margin-left: 1em;
}
.bundleList
{
border-right: 1px;
}
.bundlePrice
{
font-size: larger;
}
.tabberlive h2
{
display: none;
}
.tabberlive .productSection
{
padding: 1em 0;
}
/*****************************
Review page
*****************************/
.reviewIndex .pagingInfo
{
float: none;
margin-top: 0;
position: absolute;
bottom: 5px;
right: 0;
}
/*****************************
Users
*****************************/
.forgottenPassword
{
display: block;
}
/*****************************
Shopping cart
*****************************/
#cart, #wishList, #expressCheckoutMethods
{
margin: 0 auto;
}
#wishList table
{
margin-bottom: 1em;
width: 100%;
}
#wishList
{
margin-bottom: 15px;
}
#cart td, #wishList td
{
overflow: hidden;
padding: 3px;
}
#cart .productOptions
{
margin: 0.5em 0;
}
.cartControl
{
width: 120px;
overflow: hidden;
padding-left: 1em !important;
}
.cartQuant
{
width: 80px;
}
.cartPrice
{
width: 100px;
white-space: nowrap;
}
.subTotalCalc
{
color: #777777;
}
.cartImage
{
width: 60px;
padding: 7px !important;
}
.cartImage img
{
border-width: 1px;
}
.cartQuant input.text
{
width: 50px;
}
.continueShopping
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/resultset_previous.gif?1622488660);
}
.checkoutButtons
{
width: 300px;
text-align: right;
}
#tosContainer input,
#tosContainer label
{
float: none;
display: inline;
}
.multiAddressCheckout
{
clear: right;
display: block;
padding-top: 1em;
}
.proceedToCheckout
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cart_go.gif?1622488660);
background-position: 97% center;
border-width: 1px;
padding: 5px;
padding-right: 27px;
}
select.multiAddress
{
width: 100%;
}
#expressCheckoutMethods
{
padding: 20px;
}
#expressCheckoutMethods img
{
vertical-align: top;
}
#cartFields .container, #couponCodes .container
{
padding: 0 1em 0.5em 0.5em;
border-width: 1px;
margin: 0.5em 0;
}
#couponCodes .container
{
padding: 1em;
}
.text.coupon
{
width: 160px;
}
#cartFields .wide, #cartFields textarea
{
width: 100%;
}
#cartFields textarea
{
height: 80px;
}
/*****************************
Checkout
***************************/
/* Progress bar */
.checkoutHeader,
.checkoutHeader h1
{
line-height: 2em;
}
#checkoutProgress
{
width: auto;
padding-top: 1em;
height: 3em;
}
#checkoutProgress a
{
padding: 10px;
border-width: 2px;
margin-right: 20px;
}
/* completed steps */
#checkoutProgress a.completed
{
border-color: #70D66D;
}
/* current step */
#checkoutProgress a.active
{
border-color: #ADD8E6;
}
.progressOrder
{
margin-right: 5px;
}
/* Select address */
table.addressSelector
{
width: 100%;
}
.selector.addAddress
{
vertical-align: top;
padding-top: 5px;
}
.addressSelector a
{
margin-left: 5px;
}
.addressSelector .address
{
padding: 5px;
}
.addressSelector .address p
{
margin: 3px;
}
#billingAddressColumn
{
clear: left;
margin-right: 1%;
}
#billingAddressColumn,
#shippingSelector
{
width: 49%;
}
.addAddress .address,
.addAddress .addressBlock
{
width: 97%;
}
.addAddress .addressBlock label
{
width: 120px;
}
.addAddress .addressBlock input,
.addAddress .addressBlock select
{
width: 97%;
}
/* Shipping method */
#shippingSelect
{
margin-top: 1.5em;
}
.shipment
{
width: 70%;
border-width: 1px;
}
.userViewOrder .shipment
{
width: 90%;
}
.shipment td
{
width: 12%;
}
.shipment .productName
{
width: 64%;
}
.shipment .subTotal, #cart .subTotal
{
white-space: nowrap;
}
.subTotalCaption, .shipment td.tax
{
text-align: right !important;
}
.shippingMethods
{
padding-left: 30px;
padding-bottom: 20px;
clear: both;
}
#cartItems h2
{
clear: left;
}
/* Payments */
#ccForm
{
width: 100%;
}
#ccCVV
{
width: 4em;
}
#payTotal
{
margin-top: 20px;
}
#payTotal div
{
font-size: larger;
padding: 6px;
display: inline;
margin: 20px;
border: 2px solid #FFFC8C;
}
#payItems
{
margin-top: 5px;
}
#expressComplete
{
display: block;
padding-top: 15px;
margin-left: 22px;
}
.orderOverviewControls a
{
margin-bottom: -25px;
}
.user-pay .orderOverviewControls, .user-pay .addressContainer a
{
display: none;
}
.multiAddress .overviewShippingInfo td
{
padding-bottom: 1em;
}
#overviewAddresses
{
padding-top: 0.5em;
padding-bottom: 2em;
}
.addressContainer
{
width: 50%;
}
#otherMethods a
{
margin-right: 2em;
}
.checkoutPay h2
{
margin-bottom: 24px;
}
#cvvHelp
{
width: 340px;
padding: 5px;
}
#testHandlerWarning
{
font-size: 0.85em;
margin: 1em auto;
border: 1px solid yellow;
padding: 5px;
text-align: center;
}
#paymentError .errorMsg
{
padding-top: 10px;
}
.checkout-pay .completeOverview
{
width: 40%;
margin: 0 1%;
padding: 0 1%;
background-color: #F8F8F8;
}
.paymentMethods
{
width: 53%;
}
tr.topLine td
{
border-bottom-width: 0;
}
.completeOverview .shipment
{
width: auto;
}
#miniCartContents
{
padding-bottom: 0.5em;
font-size: 85%;
}
.miniCartCount,
.miniCartTotalAmount
{
font-weight: bold;
}
.miniCartTotal
{
border-top-width: 1px;
text-align: center;
padding: 0.5em;
}
/***************************
User account
***************************/
.newCustomer
{
width: 55%;
}
.returningCustomer
{
width: 43%;
}
.returningCustomer input.text
{
width: 10em;
}
.userLogin .failed
{
margin: 0;
}
#userMenu li
{
margin-bottom: 10px;
background-position: bottom left;
}
#userMenu li#homeMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/house.gif?1622488660);
}
#userMenu li#orderMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/package.gif?1622488660);
}
#userMenu li#addressMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/book_addresses.gif?1622488660);
}
#userMenu li#personalMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/user.gif?1622488660);
}
#userMenu li#emailMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/email_edit.gif?1622488660);
}
#userMenu li#fileMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/disk.gif?1622488660);
}
#userMenu li#passwordMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/key.gif?1622488660);
}
#userMenu li#signOutMenu
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/door_out.gif?1622488660);
}
#userMenu li#signOutMenu, #userMenu li#personalMenu, #userMenu li#orderMenu
{
border-top-width: 1px;
padding-top: 10px;
}
#userMenuContainer
{
padding: 10px;
border-width: 1px;
margin-bottom: 30px;
width: 170px;
}
.quickLogin input.text
{
width: 100%;
}
/***************************
User addresses
***************************/
div.address,
div.addressBlock
{
width: 230px;
}
div.addressBlock
{
border-width: 1px;
padding: 5px 10px;
margin-top: 10px;
cursor: pointer;
}
div.addressControl
{
width: 250px;
margin-bottom: 15px;
margin-top: 5px;
}
/***************************
Orders
***************************/
.orderDetails
{
border-width: 1px;
width: 96%;
padding: 10px;
margin-bottom: 20px;
}
.orderMenu
{
padding-left: 10px;
}
.orderDetails .orderMenu
{
width: 200px;
}
.orderDetails .orderContent
{
margin-left: 220px;
}
#content .orderMenu ul
{
margin: 5px;
margin-left: 0;
}
.orderMenu li
{
padding: 4px;
margin-left: 0;
}
.orderMenu .orderTotal
{
padding-top: 10px;
}
div.orderStatus
{
padding: 6px;
}
a.invoice
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/printer.gif?1622488660);
}
a.viewOrder
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/page_white_text.gif?1622488660);
}
a.reorder
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cart_put.gif?1622488660);
}
a.messages
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/email.gif?1622488660);
}
.subItemList
{
margin: 4px;
}
.shipmentAddress
{
margin-bottom: 0.5em;
}
/***************************
File downloads
***************************/
ul.downloadFile li
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/disk.gif?1622488660);
margin-bottom: 4px;
}
ul.downloadFile li.fileGroup
{
background-image: none;
margin-top: 7px;
}
/***************************
Order notes
***************************/
ul.notes
{
margin-top: 15px;
}
ul.notes li
{
margin-bottom: 10px;
}
.noteText
{
border-width: 1px;
padding: 5px;
margin-top: 5px;
font-family: "Lucida Console", Monospace;
}
ul.notes li.responder_1 .noteText
{
border: 1px solid #AA0000;
}
.noteAbout
{
border-bottom-width: 1px;
padding-bottom: 5px;
}
#noteForm
{
margin-top: 2em;
display: block;
}
/***************************
Invoices
***************************/
#invoiceHeader
{
border-bottom: 1px solid black;
position: relative;
margin-top: 20px;
}
#invoiceLogo
{
position: absolute;
left: 0;
top: 0;
}
#invoice h1
{
padding-top: 20px;
}
#invoiceContacts h2
{
border: none;
}
#invoiceDate
{
padding-bottom: 10px;
}
#invoicePaymentInfo td
{
padding: 5px;
width: 300px;
}
.basePrice
{
display: none;
}
.discount .basePrice
{
text-decoration: line-through;
display: inline;
margin-right: 4px;
}
#invoicePaymentInfo td.amount
{
width: auto;
}
#invoicePaymentInfo .beforeTaxSubtotal td.amount,
#invoicePaymentInfo .amountPaid td,
#invoicePaymentInfo .grandTotal td.amount
{
border-top: 1px solid black;
}
#invoicePaymentInfo .grandTotal td.amount
{
padding-bottom: 10px;
}
.itemOptions
{
padding: 0.5em;
font-size: 0.85em;
color: #777;
}
.itemOptions .optionPrice
{
color: #444;
}
/***************************
Manufacturers
***************************/
.manufacturerColumn
{
width: 47%;
margin-left: 2.5%;
}
.manufacturerImage
{
margin: 1em;
margin-top: 0;
border-width: 1px;
}
.manufacturerAttributes
{
margin-left: 1em;
}
/*************************
Contact form
*************************/
#contactForm textarea
{
width: 500px;
height: 200px;
min-width: 500px;
}
/*************************
Static pages
*************************/
.staticSubpages
{
margin-bottom: 1em;
}
/***************************
Customization
***************************/
span.templateLocator
{
display: block;
}
span.templateLocator.activeTpl
{
border: 2px dotted red;
position: relative;
z-index: 2;
padding: 2px;
}
span.templateLocator span.templateName
{
display: none;
position: absolute;
top: 0px;
left: 0px;
height: 15px;
padding: 3px;
z-index: 100;
padding-left: 25px;
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/layout_edit.gif?1622488660);
background-position: 4px center;
}
span.templateLocator.activeTpl:hover > span.templateName:first-child
{
display: inline;
}
/***************************
Form styling
***************************/
.confirmationMessage, .errorMessage, .infoMessage
{
border: 1px solid #0c0;
background-color: #efe;
padding: 7px;
padding-left: 30px;
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/tick.gif?1622488660);
background-position: 5px center;
margin: 0.5em;
}
.errorMessage
{
border: 1px solid #c00;
background-color: #fee;
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/cancel.gif?1622488660);
}
.infoMessage
{
border: 1px solid #FFF000;
background-color: #FFFCCC;
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/information.gif?1622488660);
}
form
{
display: inline;
}
form p
{
position: relative;
clear: both;
}
fieldset
{
margin: 1em 0;
padding: 1em;
margin: auto 0;
margin-bottom: 10px;
border-width: 1px;
}
legend
{
font-size: 18px;
color: #30A0F9;
padding: 10px 0;
top: -22px;
}
label
{
display: block;
width: 156px;
cursor: pointer;
padding-right: 6px;
padding-bottom: 1px;
}
.required label span.label
{
background: url(upload/css/patched/../../../stylesheet/frontend/../../image/required.gif?1622488660) right center no-repeat;
padding-right: 9px;
}
p.radio, p.checkbox
{
padding-left: 11em;
}
p.radio label, p.checkbox label
{
white-space: nowrap;
}
label.checkbox, label.radio
{
line-height: 1em;
}
input.text, select, file, form.other
{
width: 15em;
font-size: 16px;
padding: 2px;
}
label.cancel
{
display: inline;
}
select
{
padding: 0;
}
textarea
{
padding: 2px;
width: 40em;
min-width: 40em;
height: 10em;
font-size: 14px;
color: #333;
max-width: 100%;
}
input.radio, input.checkbox, input.submit, input.button, input.reset
{
width: auto;
}
input.radio, input.checkbox
{
margin: 0 0.5em 0 0;
cursor: pointer;
vertical-align: middle;
}
input:focus, textarea:focus, select:focus
{
background: #ffc;
}
fieldset.error, div.error, fieldset.container
{
padding: 0;
margin: 0;
position: static;
border: 0;
background: none;
}
.errorText
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/silk/gif/bullet_error.gif?1622488660);
margin-bottom: 4px;
}
.hasError
{
background-color: #FFFAFA;
border-color: red !important;
}
.highlight
{
border: 1px solid yellow;
padding: 1em;
}
.hidden
{
display: none;
}
.visible
{
display: block;
}
.progressIndicator
{
background-image: url(upload/css/patched/../../../stylesheet/frontend/../../image/indicator.gif?1622488660);
background-position: center center;
background-repeat: no-repeat;
clear: none;
}
span.progressIndicator
{
padding: 8px;
}
input.progressIndicator.text
{
background-position: right center;
}
.progressIndicator.checkbox
{
float: left;
margin-right: 5px;
}
label.text
{
width: auto;
}
input.wide
{
width: 35em;
}
input.money, input.number
{
width: 5em;
}
input.date
{
width: 7em;
}
/***************************
Calendar
***************************/
img.calendar_button
{
margin-left: 0.5em;
cursor: pointer;
}
/***************************
EAV
***************************/
.eavAttributes .attrValue
{
margin-left: 1em;
}
.eavContainer .wide
{
width: 15em;
}
fieldset.eavGroup
{
clear: left;
}
/*************************
Special offers (sale items)
*************************/
.compactProductList ul
{
margin-top: 0.5em;
}
.compactProductList .image
{
width: 45px;
}
.compactProductList .productInfo
{
width: 100px;
font-size: 0.85em;
overflow: hidden;
}
.compactProductList .pricingInfo .price
{
width: 70px;
font-size: 1em;
}
.compactProductList li
{
margin-bottom: 7px;
}
.compactProductList div
{
position: relative;
}
/*************************
AJAX
*************************/
#ajaxMessage
{
position: fixed;
top: 1em;
right: 1em;
z-index: 1000;
}
#ajaxMessage.success
{
}
/*************************
Top root category menu
*************************/
.rootCategories
{
width: 100%;
position: relative;
z-index: 15;
}
.rootCategories li,
.rootCategories .li
{
float: left;
line-height: 25px;
position: relative;
}
.rootCategories .current
{
font-weight: bold;
}
.rootCategories .current li,
.rootCategories .current .li
{
font-weight: normal;
}
.rootCategories a
{
color: black;
text-decoration: none;
padding: 0 1em;
float: left;
clear: left;
}
.rootCategories .wrapper a
{
padding: 0;
padding-left: 1em;
}
.rootCategories li li
.rootCategories .li .li
{
float: none;
}
.rootCategories .wrapper
{
display: none;
position: absolute;
z-index: 10;
left: 0;
top: 100%;
}
.rootCategories li:hover > .wrapper,
.rootCategories .li:hover > .wrapper,
.rootCategories .hover > .wrapper
{
display: block !important;
}
.rootCategories .wrapper .wrapper
{
left: 170px;
top: 0;
}
.rootCategories .wrapper .li,
.rootCategories .wrapper
{
width: 170px;
}
.rootCategories ul,
.rootCategories .ul
{
display: table;
}
.rootCategories ul li,
.rootCategories .ul .li
{
float: none;
background: none;
border: 0;
white-space: nowrap;
}
.rootCategories ul a,
.rootCategories .ul a
{
display: block;
padding-right: 8px !important;
}
.rootCategories span.block
{
display: block;
}
.rootCategories .ul .li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.rootCategories .ul .li {
display: inline-block;
}
html[xmlns] .rootCategories .ul .li {
display: block;
}
* html .rootCategories .ul .li {
height: 1%;
}
/*************************
Dynamic menu
*************************/
.dynamicMenu li
{
border-collapse: collapse;
}
.dynamicMenu .content
{
padding: 0 !important;
}
.dynamicMenu, .dynamicMenu ul { /* all lists */
padding: 0;
margin: 0;
z-index: 10;
position: relative;
}
.dynamicMenu li
{ /* all list items */
}
#dynamicNav li
{
position : relative !important;
}
.dynamicMenu li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 188px;
margin-top : 0;
top: -1px;
z-index: 10000;
}
.dynamicMenu ul ul
{
border-width: 1px;
border-top: 0;
padding-left: 0;
}
.dynamicMenu li:hover > a
.dynamicMenu li.sfhover > a
{
background-color: lightyellow;
}
.dynamicMenu li ul ul { /* third-and-above-level lists */
left: -999em;
}
.dynamicMenu li a
{
width: 174px;
display : block;
text-decoration : none;
padding-right: 0;
margin-left: 0;
padding: 4px;
padding-left: 12px;
}
.dynamicMenu ul li.noSubs a
{
background-image: none !important
}
/*
.dynamicMenu li.current a
{
background-color: transparent;
}
.dynamicMenu li.current ul
{
display: block;
margin-top: 0pt;
position: static;
border: 0;
}
.dynamicMenu li.current ul li
{
margin-bottom: 0;
margin-left: 5px;
padding-left: 12px;
border: 0;
}
.dynamicMenu li.current ul li a
{
padding: 3px;
}
*/
.dynamicMenu li:hover ul ul, .dynamicMenu li:hover ul ul ul, .dynamicMenu li.sfhover ul ul, .dynamicMenu li.sfhover ul ul ul {
left: -999em;
}
.dynamicMenu li:hover ul, .dynamicMenu li li:hover ul, .dynamicMenu li li li:hover ul, .dynamicMenu li.sfhover ul, .dynamicMenu li li.sfhover ul, .dynamicMenu li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
top: 0;
}
/*************************
One page checkout
*************************/
.one-page-checkout-login-field
{
float: left;
margin-right: 1em;
}
.one-page-checkout-login-field input.text
{
width: 12em;
}
.one-page-checkout-login-field label
{
display: block;
float: none;
width: auto;
}
#checkout-login,
#checkout-shipping,
#checkout-billing,
#checkout-payment
{
float: left;
width: 51%;
}
#checkout-right
{
float: right;
width: 46%;
padding-left: 1%;
padding-right: 1%;
}
#checkout-cart #cart
{
width: 100%;
}
#checkout-cart .cartControl *,
#checkout-cart .categoryName
{
display: none;
}
#checkout-cart .cartControl
{
width: 0px;
padding: 0;
}
#checkout-overview .addressContainer a
{
display: none;
}
#checkout-payment.singleMethod #checkout-select-payment-method
{
display: none;
}
.onePageCheckout-index h2 .step
{
border-width: 1px;
padding: 5px;
margin-right: 7px;
background-color: green;
color: white;
}
.onePageCheckout-index .step-incomplete h2 .step
{
background-color: red;
}
.onePageCheckout-index .step-disabled form,
.onePageCheckout-index .step-disabled .form,
.onePageCheckout-index .notAvailable
{
display: none;
}
.onePageCheckout-index .downloadable #checkout-shipping-method
{
display: none;
}
.onePageCheckout-index .step-disabled .notAvailable
{
display: block;
}
.checkout-otherMethods td
{
padding: 0.5em 0;
}
.onePageCheckout-index #checkout-payment form .submit,
.onePageCheckout-index #ccForm .submit
{
display: none !important;
}
#checkout-return-to-overview
{
float: right;
margin-bottom: 5px;
}
.grandTotal
{
font-size: larger;
}
.grandTotal .orderTotal
{
font-weight: bold;
}
#checkout-place-order
{
border-top-width: 1px;
margin: 1em 0;
padding-top: 1em;
}
.onePageCheckout-index .showCart #checkout-overview h2,
.onePageCheckout-index .showCart .orderOverviewControls,
.onePageCheckout-index .showCart #checkout-return-to-overview,
.onePageCheckout-index .showCart #payItems
{
display: none;
}
#upsellProducts .checkProduct
{
float:left;
width:20px
}
#upsellProducts .image
{
width:45px;
}
#upsellProducts .pricingInfo
{
position:absolute;
margin-left:65px; /* 20px + 45px */
}
#upsellProducts .pricingInfo .price
{
font-size:small;
}
/******* tabs *********/
h2 small
{
display: none;
}
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/***************************
Footer panel
***************************/
#footpanel
{
position: fixed;
bottom: 0; left: 0;
z-index: 1000; /*--Keeps the panel on top of all other elements--*/
background: #e3e2e2;
border: 1px solid #c3c3c3;
border-bottom: none;
width: 50%;
margin: 0 25%;
-moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
display: none;
}
#mainpanel
{
padding: 0; margin: 0;
float: left;
width: 100%;
list-style: none;
border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
font-size: 1.1em;
-moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
}
#mainpanel > li > a
{
padding: 5px;
float: left;
text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
height: 16px; width: 16px;
text-decoration: none;
color: #333;
position: relative;
}
#mainpanel > li > a:hover
{
background-color: #fff !important;
}
html #footpanel .subpanel ul li a.active
{ /*--Active state when sub-panel is open--*/
background-color: #fff;
height: 17px;
margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
border: 1px solid #555;
border-top: none;
z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
position: relative;
}
#footpanel .subpanel ul li div a { /*--Reset link style for sub-panel links--*/
text-indent: 0;
width: auto;
height: auto;
padding: 0;
float: none;
color: #00629a;
position: static;
}
#footpanel .subpanel ul li div a:hover
{
text-decoration: underline;
}
#footpanel .subpanel
{
position: absolute;
left: 0; bottom: 27px;
display: none; /*--Hide by default--*/
width: 160px;
border: 1px solid #555;
background: #fff;
overflow: hidden;
z-index:60000;
}
#footpanel .subpanel h3 {
background: #4C5D97;
padding: 5px 10px;
color: #fff;
font-size: 14px;
cursor: pointer;
}
#footpanel .subpanel h3 span { /*--Right aligned "-" icon--*/
font-size: 1.5em;
float: right;
line-height: 0.6em;
font-weight: normal;
}
#footpanel .subpanel ul{
padding: 0; margin: 0;
background: #fff;
width: 100%;
overflow: auto;
padding-bottom: 2px;
}
#footpanel .subpanel li{
float: none; /*--Reset float--*/
display: block;
padding: 0; margin: 0;
overflow: hidden;
clear: both;
background: #fff;
position: static; /*--Reset relative positioning--*/
}
/***************************************************
* module/store-cloning/stylesheet/frontend/Frontend.css
***************************************************/
#mirror-container
{
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
padding-top: 50px;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 1000;
}
#mirror-indicator
{
font-size: 72px;
color: white;
margin-top: 30%;
}
/***************************************************
* stylesheet/backend/stat.css
***************************************************/
#stat {
position: absolute;
top: 0;
background-color: #000;
border: 2px solid #fff;
font-family: "Courier new";
z-index: 1000;
}
#stat li, #stat td {
font-size: 12px;
color: #ccc;
padding-top: 2px;
padding-bottom: 2px;
}
#stat .label {
font-size: 16px;
font-weight: bold;
color: yellow;
}
#stat table {
width: 100%;
}
#stat td {
padding: 5px;
border-top: 1px solid #333;
}
#statButton {
background-color: #ffffcc;
padding: 5px;
}
#statQueries li
{
margin-bottom: 1em;
font-size: 0.85em;
}
/***************************************************
* upload/css/BatikFromVictoria.css
***************************************************/
#content {
padding: 0 !important;
margin: 0 !important;
}
body {
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
background-color: #fff;
color: #666;
}
h1
{
color: #323237;
margin-top: 10px;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
h2 {
border: none;
text-transform: uppercase;
margin: 20px 0;
font-size: 24px;
font-weight: 700;
color: #323237;
text-align: left;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
h3 {
display: inline-block;
margin: 10px 0;
font-size: 20px;
font-weight: 700;
color: #323237;
text-align: left;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
a
{
color: #F44336;
text-decoration: none;
outline: medium none;
transition: color 0.3s ease;
}
a:hover {
color: inherit;
}
.center {
width: 100%;
max-width: 1200px;
padding: 0 10px;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
#content {
padding: 0 !important;
}
#container {
overflow: hidden;
width: 100%;
}
.filterGroup.filterTypeCheckbox li div
{
background-image: none;
}
.dynamicMenu li
{
border-collapse: collapse;
}
.largeLensesBlock a
{
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}
.largeLensesBlock
{
position: relative;
display: block;
height: 177px;
width: 300px;
background-image: url("upload/css/../../upload/theme/BatikFromVictoria/AddLenses.jpg?1622488660");
}
#header
{
height: auto;
background-color: #fff;
}
.header-top {
height: 58px;
padding: 20px 0;
}
.btn-group
{
float: right;
padding: 14px 0 37px;
}
button.dropdown-toggle
{
border: none;
background: none;
outline: medium none;
padding: 0;
min-height: 30px;
font-size: 13px;
color: #222;
position: relative;
line-height: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
float: right;
transition: color 0.4s ease;
cursor: pointer;
}
button.dropdown-toggle:hover,
button.dropdown-toggle:focus,
button.dropdown-toggle:active {
color: #F44336;
}
.fa-stack {
font-size: 13px;
line-height: 26px;
}
span.text-label
{
padding: 0px 3px;
position: relative;
top: 2px;
}
.dropdown-menu
{
background: #222;
margin-top: 0px;
padding-bottom: 30px;
padding-top: 10px;
border: none;
width: 250px;
border-radius: 4px;
position: absolute;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.btn-group .dropdown-menu
{
border: 0px none;
color: #ffffff;
height: auto;
width: 175px;
display: none;
right: 10px;
top: 50px;
font-size: 12px;
z-index: 100;
}
.btn-group.open > .dropdown-menu
{
max-height: 1000px;
display: block;
z-index: 100000;
}
.btn-group .dropdown-menu ul
{
padding: 10px;
margin: 0px;
list-style: outside none none;
}
.btn-group .dropdown-menu ul li
{
background: rgba(255, 255, 255, 0.07) none repeat scroll 0px 0px;
border: 1px solid rgba(0, 0, 0, 0.05);
line-height: 22px;
margin: 0px 0px 5px;
outline: medium none;
font-size: 13px;
}
.btn-group .dropdown-menu ul li:last-child
{
margin-bottom: 0px;
}
.btn-group .dropdown-menu ul li a
{
color: #ffffff;
text-decoration: none;
padding: 4px 10px;
display: block;
}
.btn-group .dropdown-menu ul li a > i
{
margin-right: 5px;
}
#smallCart
{
margin: 0px;
}
#smallCart .menu_cartItemCount {
text-align: left;
display: block;
margin-left: 27px;
}
#smallCart a.checkout {
background-image: none;
}
.logoContainer
{
float: left;
position: relative;
z-index: 10000;
height: 58px;
margin: 0;
padding: 0px;
box-sizing: border-box;
}
.logoContainer img {
height: 58px;
}
.nav-container
{
display: block;
width: 100%;
height: 48px;
background-color: #222;
position: relative;
}
.brands-btn {
position: absolute;
left: 10px;
top: 5px;
border: 1px #fff solid;
outline: medium none;
height: 38px;
line-height: 34px;
box-sizing: border-box;
font-size: 15px;
background-color: #fff;
color: #222;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
transition: color 0.4s ease, background-color 0.4s ease;
cursor: pointer;
padding: 0 10px;
border-radius: 4px;
}
.brands-btn:hover {
background-color: #F44336;
border: 1px #F44336 solid;
color: #fff;
}
.brands-menu {
display: none;
}
.brands-menu.open {
display: block;
position: absolute;
top: 48px;
}
.brands-menu .title {
display: none;
}
.brands-menu .content {
background-color: #FFFFFF !important;
}
.brands-menu .dynamicMenu ul {
background-color: #FFFFFF !important;
padding: 10px 10px 5px;
}
.brands-menu .dynamicMenu li {
line-height: 30px;
display: inline-block;
border: 1px #F44336 solid;
margin-top: 0;
margin-bottom: 5px;
}
.brands-menu .dynamicMenu li:hover ul {
display: none;
}
.brands-menu .dynamicMenu li a {
color: #222222;
width: auto;
padding: 0 10px;
}
.menu-button
{
display: block;
background-color: transparent;
cursor: pointer;
position: absolute;
right: 10px;
}
.menu-button i
{
line-height: 48px;
font-size: 24px;
color: #ffffff;
}
.menu-button:hover i,
.menu-button:focus i,
.menu-button:active i {
color: #F44336;
}
.menu-button-dropdown
{
display: none;
width: 100%;
position: relative;
top: 45px;
left: 0px;
z-index: 100;
height: auto;
background-color: #222;
overflow:hidden;
padding-bottom: 70px;
}
.menu-button-dropdown.open
{
display: block;
}
ul.rootCategories
{
width: 100%;
background-color: #222;
overflow:hidden;
}
ul.rootCategories li
{
width: 100%;
transition: background-color 0.2s ease 0s;
border: 0px none;
position: relative;
}
ul.rootCategories li.open, ul.rootCategories li:hover
{
background: transparent none repeat scroll 0% 0%;
}
ul.rootCategories li .expand i.fa-minus
{
display: none;
}
ul.rootCategories li .expand i.fa-plus
{
display: block;
}
ul.rootCategories li.hasSubs .expand i.fa-plus
{
display: block;
}
ul.rootCategories li.hasSubs .expand i.fa-minus
{
display: none;
}
ul.rootCategories li.open .expand i.fa-minus
{
display: block;
}
ul.rootCategories li.open .expand i.fa-plus
{
display: none;
}
ul.rootCategories li ul li.hasSubs .expand i.fa-minus
{
display: none;
}
ul.rootCategories li ul li.hasSubs .expand i.fa-plus
{
display: block;
}
ul.rootCategories li ul li.hasSubs.open .expand i.fa-minus
{
display: block;
}
ul.rootCategories li ul li.hasSubs.open .expand i.fa-plus
{
display: none;
}
ul.rootCategories li a
{
font-size: 11px;
color: #ffffff;
text-decoration: none;
letter-spacing: 1px;
display: block;
text-transform: uppercase;
float: none;
clear: none;
padding: 12px 20px;
text-align: left;
position: relative;
z-index: 1;
}
ul.rootCategories li ul
{
display: none;
width: 100%;
}
ul.rootCategories li ul li a
{
text-indent: 10px;
}
ul.rootCategories li ul li ul li.noSubs a
{
text-indent: 20px;
}
.rootCategories .hasSubs.open > ul
{
display: block;
}
.expand
{
width: 23px;
position: absolute;
top: 0px;
right: 0;
z-index: 2;
cursor: pointer;
}
.expand i
{
line-height: 46px;
text-align: center;
color: #fff;
}
.search-block {
display: block;
position: absolute;
z-index: 15;
height: 44px;
left: 10px;
right: 25%;
top: 0;
}
#searchContainer {
background-color: transparent;
border: none;
padding: 0;
}
#searchContainer .wrapper {
position: relative;
}
.quickSearch {
float: none;
}
#searchContainer select {
display: none;
}
#searchContainer input.text {
width: 100%;
height: 44px;
background: rgba(255, 255, 255, 0.07);
border-radius: 30px;
border: 1px solid transparent;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
box-shadow: none;
font-size: 11px;
color: #fff;
padding-left: 20px;
float: left;
line-height: 44px;
padding-right: 35px;
box-sizing: border-box;
}
#searchContainer input.text:focus {
background-color: rgba(255, 255, 255, 0.3);
}
.search-submit {
position: absolute;
top: 15px;
right: 15px;
}
.search-submit i {
color: #fff;
font-size: 13px;
}
.onePageCheckout-index #checkout-cart {
width: 100%;
}
#leftSide
{
display: none;
}
#content
{
margin-left: 0px;
}
table.subCategories
{
display: block;
text-align: center;
width: 300px;
margin-top: 30px;
margin-bottom: 30px;
}
.indexCon table.subCategories {
display: none;
}
#footer
{
background-color: #F8F8F8;
width: 100%;
height: auto;
padding: 30px 0 20px 0;
box-sizing: border-box;
text-align: left;
margin-top: 20px;
overflow: hidden;
}
.footer-row {
width: 100%;
overflow: hidden;
}
.footer-col {
width: 100%;
padding: 0 15px;
box-sizing: border-box;
float: left;
margin-bottom: 15px;
}
#footer .logoContainer {
margin-bottom: 20px;
float: none;
display: block;
}
#footer h4 {
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
color: #222222;
font-weight: 700;
margin-bottom: 20px;
}
ul.footer-list li,
ul.footer-icon-list li {
list-style: none;
font-size: 14px;
color: #979797;
line-height: 28px;
position: relative;
}
ul.footer-icon-list li {
padding-left: 30px;
}
ul.footer-icon-list li i {
position: absolute;
left: 0;
top: 5px;
width: 20px;
text-align: center;
}
#footer a {
font-size: 16px;
color: #979797 !important;
}
#footer a:hover {
color: #F44336 !important;
}
.footer-copyrights {
border-top: 2px solid #eef1f1;
margin-top: 40px;
padding-top: 10px;
text-align: center;
}
#footerPoweredBy a,
#footerTrademarks {
text-decoration: none;
font-size: 14px;
line-height: 20px;
text-align: center;
float: none !important;
}
.mobile-msg {
background-image: url('upload/css/../../upload/theme/BatikFromVictoria/4.jpg?1622488660');
background-size: cover;
background-position: center center;
height: 240px;
overflow: hidden;
padding: 20px 0;
box-sizing: border-box;
}
.mobile-msg .title {
text-align: center;
display: block;
}
.mobile-msg .title h2 {
font-weight: 700;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: #F44336 0px 0px 5px;
}
.mobile-msg .title h4 {
font-weight: 400;
font-size: 16px;
color: #fff;
}
.box-bg {
display: none;
}
.productCon .custom-banner-wrapper {
display: none;
}
.custom-banner-wrapper {
display: block;
padding: 30px 0;
overflow: hidden;
}
.our-services {
display: block;
}
.our-services .title {
text-align: center;
margin-bottom: 30px;
}
.our-services h2 {
position: relative;
display: inline-block;
text-transform: uppercase;
margin: 0 0 40px;
font-size: 46px;
color: #fff;
text-align: center;
text-shadow: #04597E 1px 1px 0, #04597E -1px -1px 0, #04597E -1px 1px 0, #04597E 1px -1px 0;
}
.our-services-details {
display: block;
width: 100%;
}
.custom-block {
width: 100%;
float: left;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.icon-holder {
width: 13%;
float: left;
color: #F44336;
}
.icon-holder i {
font-size: 24px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.custom-text {
float: left;
width: 87%;
font-size: 16px;
line-height: 26px;
}
.custom-text h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 16px;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
color: #323237;
margin: 0px;
}
.custom-text p {
font-size: 16px;
line-height: 28px;
color: #666;
}
ul.news li.newsEntry {
padding: 10px;
box-sizing: border-box;
border-bottom: none;
}
.newsEntry {
overflow: hidden;
width: 100%;
margin-bottom: 30px;
background-color: #f8f8f8;
}
.newsEntry a {
color: #F44336;
text-decoration: none;
transition: color 0.4s ease;
}
.newsEntry a:hover {
color: inherit;
}
.newsDate {
margin-bottom: 10px;
color: #222;
}
.newsEntry img {
width: 100%;
margin: 5px 0 !important;
}
.newsReadMore {
margin-top: 10px;
}
.newsReadMore a {
font-size: 12px;
}
.page {
border: 2px solid #F44336;
padding: 8px 10px;
font-size: 14px;
}
.currentPage {
background: #F44336;
}
.productGrid {
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.product-item {
position: relative;
width: 100%;
height: 300px;
border: 0;
display: block;
float: left;
box-sizing: border-box;
margin-bottom: 20px;
text-align: center;
background-color: #f8f8f8;
position: relative;
}
.product-footer {
display: block;
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
}
.product-item .title a {
color: #323237;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
}
.product-item .title a:hover {
color: #F44336;
}
.product-item .image {
padding: 10px 10px 0;
box-sizing: border-box;
height: 110px;
}
.product-item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 250px;
}
.productGrid .title {
margin: 150px 0;
}
.product-item .price {
display: block;
color: #fff;
font-size: 20px;
position: absolute;
bottom: 25px;
left: 20px;
z-index: 10;
}
.orderingControls {
bottom: 100px;
position: absolute;
left: 0;
right: 0;
font-size: 18px;
font-weight: 700;
}
a.addToWishList {
font-size: 18px;
font-weight: 700;
}
.add {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 70px;
line-height: 70px;
padding: 5px 10px;
box-sizing: border-box;
background-color: #F44336;
transition: background-color 0.2s ease;
}
.add:hover {
background-color: #EA1C0D;
}
a.addToCart {
background-image: none;
float: none !important;
white-space: normal;
padding-left: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: right;
font-size: 0px;
text-decoration: none;
display: block;
z-index: 11;
}
.add i {
font-size: 24px;
line-height: 70px;
position: absolute;
right: 20px;
top: 0;
color: #fff;
}
input.submit, input.button {
background-image: none;
float: none !important;
white-space: normal;
padding-left: 0;
border: 0;
color: #fff;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
background-color: #F44336;
font-size: 13px;
padding: 0 9px;
height: 32px;
line-height: 34px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
box-sizing: border-box;
transition: background-color 0.4s ease;
-webkit-appearance: none;
cursor: pointer;
}
input.submit:hover,
input.button:hover,
a.proceedToCheckout:hover {
background-color: #EA1C0D;
}
a.proceedToCheckout {
background-image: none;
float: none !important;
white-space: normal;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
padding-left: 0;
border: 0;
background-color: #F44336;
color: #fff;
font-size: 13px;
padding: 11px 10px;
height: 32px;
line-height: 34px;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
transition: background-color 0.4s ease;
}
a.proceedToCheckout i {
font-size: 16px;
margin-right: 3px;
text-align: center;
}
a.continueShopping {
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 20px;
margin-top: 10px;
box-sizing: border-box;
background: none;
padding-left: 0;
}
a.continueShopping i {
margin-right: 10px;
}
.checkoutButtons {
padding: 0 10px;
width: auto !important;
text-align: inherit !important;
float: none !important;
}
#checkout-shipping, #checkout-billing, #checkout-payment {
overflow: hidden;
}
#breadCrumb {
display: none;
}
.productIndex h1 {
width: 100%;
}
.returnToCategory {
display: none;
}
#imageContainer {
width: 100% !important;
float: none;
text-align: left;
padding: 10px 0;
}
#mainImage {
width: 100%;
margin: 0;
margin-top: 20px;
}
#largeImage.multipleImages {
height: auto;
width: 100%;
margin-bottom: 30px;
}
#largeImage.multipleImages img {
width: 100%;
}
#moreImages {
width: 283px;
}
#productPurchaseLinks {
font-weight: bold;
}
#productPurchaseLinks .required {
margin-top: 20px;
}
#productSummaryContainer {
width: 100%;
background-color: transparent;
}
#mainInfo {
margin: 0;
clear: none;
padding: 10px 10px;
background-color: #f8f8f8;
}
#mainInfo .price {
font-size: 24px;
color: #F44336;
}
#mainInfo .param {
text-align: left !important;
}
#productPrice .param {
float: left;
padding-top: 5px;
margin-right: 10px;
}
#mainInfo #productToCart{
margin-top: 15px;
}
#mainInfo #productToCart .param {
margin-right: 10px;
float: left;
padding-top: 3px;
}
.productVariations label {
font-weight: bold;
margin-bottom: 5px;
}
.cartLinks {
margin-top: 20px;
}
span.add {
position: relative;
bottom: 0;
display: block;
margin-top: 20px;
width: 152px;
height: auto;
line-height: initial;
right: auto;
left: auto;
padding: 0;
}
span.add input.submit {
padding: 0px 20px 0px 30px;
}
span.add i {
position: absolute;
top: auto;
left: 10px;
right: auto;
color: #fff;
font-size: 18px;
display: block;
line-height: 32px;
}
select {
border: 1px solid #ddd;
width: 100%;
background-color: #fff !important;
outline: none;
}
select:focus {
background-color: transparent;
}
.addthis_sharing_toolbox {
margin-top: 10px;
}
.productDetailsTable h2 {
width: 100%;
font-size: 14px;
margin: 0;
float: left;
line-height: 20px;
}
.productDetailsTable .zebra.even.last {
margin-left: 0;
}
.param {
font-weight: bold;
}
.zebra .param {
margin-top: 10px;
}
.zebra .value {
margin-bottom: 10px;
overflow: hidden;
}
#productSpecification td {
padding: 5px 5px;
}
#productMainDetails {
margin-top: 20px;
}
#productMainDetails > div {
margin-bottom: 10px;
}
#productSpecification {
background-color: #f9f9f9;
padding: 10px;
}
#productSpecification table {
width: 100% !important;
}
#productSpecification table td > img {
width: 50px !important;
}
.right {
padding: 0;
box-sizing: border-box;
position: relative;
z-index: 1;
}
form p {
clear: none;
}
input.text {
width: 100%;
font-size: 16px;
padding: 0 2px;
height: 34px;
line-height: 34px;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
outline: none;
border: 1px #ddd solid;
box-sizing: border-box;
}
input.text:focus {
background-color: #fff;
border-color: #F44336;
}
textarea {
padding: 2px;
width: 100%;
min-width: 100%;
height: 100px;
font-size: 14px;
color: #333;
outline: none;
border: 1px #ddd solid;
resize: none;
box-sizing: border-box;
}
textarea:focus {
background-color: #fff;
border-color: #1292C9;
}
#contactFormSection label {
width: 100%;
box-sizing: border-box;
}
#rateProduct {
margin: 0;
}
.productDetailsTable .heading > div {
display: inline-block;
margin-right: 10px;
}
.productDetailsTable .heading > div.value {
margin-bottom: 0;
overflow: visible;
}
#rateProduct .productDetailsTable .zebra.even.last.last {
margin-left: 9px;
}
.productDetailsTable .zebra.even.last.last > div {
display: inline-block;
margin-right: 2px;
}
.productDetailsTable .zebra.even.last.last > div.value {
margin-bottom: 0;
overflow: visible;
}
.subTotalCaption, .shipment td.tax {
float: left;
margin-right: 10px;
}
.shipment .subTotal, #cart .subTotal {
float: left;
}
#cart, #wishList, #expressCheckoutMethods {
background-color: #f8f8f8;
}
#cart .cart-table-head {
width: 100%;
height: 25px;
background-color: #f1f1f1;
}
#cart .cart-table-head .table-row {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
line-height: 25px;
}
#cart .cart-table-head .table-row .cartPrice {
float: left;
}
#cart .cart-table-head .table-row .cartQuant {
float: right;
width: auto;
}
.cart-table-body .zebra {
border-bottom: 1px #ddd solid;
padding: 10px;
overflow: hidden;
}
#cart .cartControl {
padding-left: 0 !important;
width: 85px;
overflow: visible;
padding-top: 8px;
}
#cart .cartImage {
width: auto;
text-align: left;
padding-left: 0 !important;
}
#cart .cartName {
width: 40%;
float: left;
}
#cart .cartPrice {
float: none;
}
#cart .cart-table-body .cartPrice {
float: left;
width: auto;
text-align: left;
margin-bottom: 10px;
color: red;
font-weight: bold;
padding-left: 13px;
}
#cart .cart-table-body .cartQuant {
width: auto;
float: right;
text-align: inherit;
}
#cart .cart-table-body .amount.shippingAmount {
float: left;
}
#cart .cart-table-body .caption {
margin-top: 20px;
padding: 0 10px;
}
#cart .cart-table-body .subTotalCaption-row {
margin-bottom: 10px;
overflow: hidden;
}
#cart .cart-table-body #total {
padding: 0 10px;
overflow: hidden;
font-size: 24px;
}
#cartUpdate {
margin-top: 15px;
}
#shippingEstimation {
padding-top: 10px;
background-color: #fff;
overflow: hidden;
}
#shippingEstimation p {
overflow: hidden;
}
#shippingEstimation p select {
width: 100%;
margin-bottom: 10px;
}
#shippingEstimation label {
font-weight: bold;
width: 100%;
}
#shippingEstimation4 label.country {
margin-bottom: 10px;
}
#shippingAddressForm fieldset.error,
#billingAddressForm fieldset.error {
clear: both;
}
.order-nav {
background-color: #fff;
padding-top: 20px;
}
.multiAddressCheckout {
text-align: left;
}
#cartFields {
display: none;
}
#checkout-right {
width: 100%;
float: none;
padding: 0;
}
#content.shippable {
padding: 0 10px;
}
#checkout-overview h2 {
margin-top: 0;
padding-top: 0;
}
.shipment .productName {
width: 100%;
text-align: inherit;
}
.shipment .itemPrice,
.shipment .itemCount,
.shipment .amount {
line-height: 28px;
}
#checkout-shipping, #checkout-billing, #checkout-payment {
float: none;
width: 100%;
}
.table.shipment .zebra {
border-bottom: 1px #ddd solid;
padding: 10px;
}
.table.shipment .zebra.last {
border-bottom: 0;
}
.itemCount .actualPrice {
font-weight: bold;
}
.total-price {
margin-top: 10px;
}
.total-price .subTotal {
font-weight: bold;
}
.userCon #content {
margin-left: 130px;
}
.user-personal fieldset.container p > label {
width: 100%;
}
.user-personal fieldset.error {
float: left;
clear: both;
}
.user-personal form p {
float: left;
clear: both;
}
.user-changeEmail fieldset.error {
clear: both;
}
.user-changeEmail label {
width: 100%;
}
.user-changeEmail label.currentEmail {
font-size: 11px;
}
.user-changeEmail form p {
float: left;
}
.user-addBillingAddress fieldset.error,
.user-addShippingAddress fieldset.error,
.user-changePassword fieldset.error {
clear: both;
}
.user-changePassword label {
width: 100%;
}
label.empty {
display: none;
}
#userMenuContainer {
margin: 20px 0;
width: 100%;
box-sizing: border-box;
background-color: transparent;
border: 0;
padding: 0;
position: relative;
z-index: 10;
}
#userMenu li {
font-size: 12px;
background-image: none !important;
padding-left: 0px;
width: auto;
float: left;
border: 1px #eee solid;
margin-right: 2px;
padding-top: 0px !important;
margin-bottom: 2px !important;
}
#userMenu li i {
margin-right: 4px;
}
#userMenu li a {
padding: 10px 4px;
display: block;
}
.userIndex {
overflow: hidden;
}
.userCon.user-login #content {
margin-left: 0;
}
.returningCustomer,
.newCustomer {
width: 100%;
float: none;
}
.returningCustomer input.text {
width: 100%;
}
.returningCustomer p label {
width: 100%;
text-align: left;
}
.newCustomer label {
width: 100%;
text-align: left;
}
#moreImages {
width: 100%;
}
#variations {
margin-top: 10px;
}
.custom-banner {
display: block;
overflow: hidden;
background-color: #fff;
}
.custom-banner-image {
width: 100%;
float: left;
position: relative;
min-height: 1px;
box-sizing: border-box;
}
.custom-banner-image .image {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.custom-banner-image .image img {
display: block;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
}
.custom-banner .custom-banner-image-top img {
width: 100%;
height: auto;
backface-visibility: hidden;
transition: all 0.5s ease-in-out 0s;
}
.custom-banner-image h3 {
bottom: 20px;
color: #FFFFFF;
font-size: 24px;
margin: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
padding: 10px;
left: 20px;
right: 20px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
.custom-banner-image h3 .banner-subtitle a {
color: #F44336;
font-size: 16px;
font-weight: 700;
transition: text-shadow 0.4s ease;
}
.custom-banner-image h3 .banner-subtitle a:hover {
text-shadow: #fff 1px 1px 0, #fff -1px -1px 0,
#fff -1px 1px 0, #fff 1px -1px 0;
}
.socialicon {
margin-left: 0px;
position: absolute;
top: 10px;
left: 350px;
}
#contactForm {
float: none;
width: 100%;
}
#contactForm fieldset.error {
clear: both;
width: 100%;
}
#contactForm input.text {
width: 100%;
max-width: 100%;
}
#contactForm textarea {
width: 100%;
height: 200px;
min-width: 100%;
max-width: 300px;
}
#contactForm label.empty {
display: none;
}
.checkout-shipping .shipment .table-row {
display: none;
}
.subTtl {
clear: both;
overflow: hidden;
padding: 20px 10px;
font-size: 18px;
}
.one-page-checkout-login-field {
clear: both;
}
#checkout-shipping fieldset.error {
clear: both;
}
.confirmAddressLabel {
display: none;
}
.multiAddress .shipmentAddress {
padding: 10px;
}
.staticPageText {
font-size: 16px;
}
#checkout-login {
width: 100% !important;
}
.exhibitions img {
width: 100%;
max-width: 600px;
height: auto;
}
.noStock {
color: #F44336 ;
font-size: 26px;
font-weight: 700;
}
@media only screen and (min-width: 375px) {
.socialicon {
margin-left: 0px;
position: absolute;
top: 20px;
left: 320px;
}
}
@media only screen and (min-width: 480px) {
.socialicon {
margin-left: 0px;
position: absolute;
top: 20px;
left: 320px;
}
.mobile-msg {
background-position: top center;
}
.product-item {
width: 47.8%;
margin-right: 4.4%;
margin-bottom: 4.4%;
}
.product-item:nth-child(2n+2) {
margin-right: 0;
}
.user-addBillingAddress fieldset.error {
max-width: 192px;
}
.user-addBillingAddress fieldset.error,
.user-addShippingAddress fieldset.error,
.user-changePassword fieldset.error {
clear: none;
}
.user-changeEmail label.currentEmail {
font-size: 13px;
}
span.contact-number {
display: block;
}
#contactForm textarea {
width: 100%;
height: 200px;
min-width: 100%;
max-width: 100%;
}
.footer-col {
width: 50%;
}
.total-price {
font-size: 24px;
}
}
@media only screen and (min-width: 768px) {
.center {
padding: 0 20px;
}
.menu-button {
right: 20px;
}
.btn-group .dropdown-menu {
right: 20px;
}
.brands-btn {
left: 20px;
}
.search-block {
left: 20px;
}
.custom-banner-wrapper {
padding: 30px 0 15px 0;
}
.custom-block {
width: 50%;
margin-bottom: 15px;
}
.our-services .title {
padding-top: 20px;
}
.custom-banner-image {
width: 50%;
padding-right: 15px;
padding-left: 15px;
}
.product-item {
width: 47.8%;
margin-right: 4.4%;
}
.news {
width: 100%;
overflow: hidden;
}
.newsEntry {
width: 48%;
margin: 0 1%;
float: left;
}
.user-changeEmail fieldset.error {
max-width: 205px;
}
.user-addBillingAddress fieldset.error,
.user-addShippingAddress fieldset.error,
.user-changePassword fieldset.error {
max-width: 205px;
}
.returningCustomer, .newCustomer {
width: 48%;
float: left;
}
.returningCustomer {
margin-right: 20px;
}
#productSpecification table td > img {
width: 150px !important;
}
#mainInfo {
width: 60%;
margin: 0 auto;
}
.addthis_sharing_toolbox {
text-align: center;
}
#contactForm input.text {
max-width: 300px;
}
#contactForm textarea {
width: 100%;
height: 200px;
min-width: 500px;
max-width: 500px;
}
#checkout-billing,
#checkout-shipping, #checkout-billing, #checkout-payment {
width: 60%;
}
}
@media only screen and (min-width: 992px) {
.center {
padding: 0 30px;
}
.right {
margin-left: 24% !important;
box-sizing: border-box;
}
.brands-btn {
left: 30px;
}
.brands-menu #dynamicNav li {
margin-bottom: 5px;
border-bottom: 1px solid #F44336;
}
.brands-menu #dynamicNav li:last-child {
border-bottom: 1px solid #F44336;
}
.search-block {
right: 50%;
left: 30px;
}
#searchContainer input.text {
font-size: 14px;
}
.menu-button {
right: 30px;
}
.btn-group .dropdown-menu {
padding-bottom: 30px;
width: 240px;
right: 30px;
}
.mobile-msg {
display: none;
}
.box-bg {
display: block;
height: 447px;
width: 100%;
overflow: hidden;
position: relative;
}
.brands-box {
display: block;
}
.brand-box {
width: 16.66666667%;
padding-top: 3%;
padding-bottom: 22%;
min-height: 100%;
height: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
transition: all ease 0.5s;
padding-right: 15px;
padding-left: 15px;
float: left;
box-sizing: border-box;
display: block;
position: relative;
z-index:2;
}
.brands-box .boxes-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.box--bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
opacity: 0;
}
.boxes-bg.view-1 .box-bg-1,
.boxes-bg.view-2 .box-bg-2,
.boxes-bg.view-3 .box-bg-3,
.boxes-bg.view-4 .box-bg-4,
.boxes-bg.view-5 .box-bg-5,
.boxes-bg.view-6 .box-bg-6 {
opacity: 1;
}
.brand-box:last-child {
border-right: 0;
}
.brands-box .brand-box:hover {
background-image: url('upload/css/../../upload/theme/BatikFromVictoria/shadows.png?1622488660');
background-size: cover;
}
.brands-box .brand-box:hover .box-nav {
opacity: 1;
z-index: 100;
}
.brands-box .brand-box .logo {
width: 100%;
height: 83px;
margin-top: 100%;
text-align: center;
display: block;
vertical-align: middle;
}
.brands-box .brand-box .logo a {
background-size: 100% auto;
width: 100%;
height: 100%;
display: block;
background-position: center center;
}
.brands-box .brand-box .box-nav {
opacity: 0;
z-index: 0;
margin-top: 40px;
position: absolute;
transition: top 0.4s ease, opacity 0.6s ease;
width: 100%;
box-sizing: border-box;
left: 0;
right: 0;
padding: 0 15px;
}
.brands-box .brand-box ul {
margin: 0;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.brands-box .brand-box ul li {
width: 100%;
list-style: none;
font-size: 16px;
margin-bottom: 15px;
line-height: 24px;
display: block;
box-sizing: border-box;
}
.brands-box .brand-box ul li a {
color: #fff;
text-transform: uppercase;
opacity: 0.6;
transition: opacity 0.4s ease;
}
.brands-box .brand-box ul li:hover a {
opacity: 1;
}
.product-item {
width: 31.3%;
margin-right: 3%;
margin-bottom: 3%;
}
.product-item:nth-child(2n+2) {
margin-right: 3%;
}
.product-item:nth-child(3n+3) {
margin-right: 0;
}
.productCon .custom-banner-wrapper {
display: block;
padding: 20px 0;
}
.productCon .custom-banner-wrapper .center {
padding: 0;
}
#largeImage.multipleImages {
height: auto;
margin-bottom: 30px;
}
#imageContainer {
width: 60% !important;
float: left;
}
#mainInfo {
padding: 10px 20px;
width: 80%;
float: right;
}
#productSummaryContainer {
width: 40%;
}
#breadCrumb {
display: block;
margin-left: 0;
padding: 20px 0;
width: 100%;
}
.addthis_sharing_toolbox {
float: right;
}
.productDetailsTable h2 {
font-size: 18px;
}
#contactFormSection fieldset.error,
#rateProduct fieldset.error,
#shippingEstimation select {
max-width: 500px;
}
#cart {
width: 65%;
margin: 0;
}
#cart .cartName {
font-weight: 700;
}
#cart .cart-table-body .cartPrice {
padding-left: 23px;
font-size: 24px;
}
#cart .cartControl {
width: 105px;
}
.cartControl a {
font-size: 14px;
font-weight: 700;
}
.largeLensesBlock {
float: right;
}
#cart .cartName,
.shipment .productName {
font-size: 14px;
}
#checkout-overview {
width: 65%;
}
#checkout-billing,
#checkout-shipping, #checkout-billing, #checkout-payment {
width: 50%;
}
.user-addBillingAddress fieldset.error,
.user-addShippingAddress fieldset.error,
.user-changePassword fieldset.error {
max-width: 300px;
clear: both;
}
.user-changeEmail form p.required {
float: none;
margin-top: 20px;
}
.returningCustomer {
margin-right: 10%;
}
.returningCustomer, .newCustomer {
width: 45%;
}
.product-item .title a {
font-size: 13px;
}
#leftSide {
display: block;
width: 21%;
font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
margin-right: 2%;
float: left;
position: relative;
z-index: 2;
}
#leftSide .informationMenu-block {
display: none;
}
#leftSide .title {
background-color: transparent;
color: #323237;
text-align: center;
padding: 10px 5px;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
border-bottom: 10px #F44336 solid;
}
#leftSide .content {
border: 0;
background-color: #F8F8F8;
}
#leftSide .quickNav {
text-align: center;
}
#leftSide .quickNav select {
width: 90% !important;
}
.dynamicMenu ul {
background-color: transparent;
z-index: 1000;
position: relative;
}
.dynamicMenu li a {
width: auto;
}
.dynamicMenu li ul {
margin-left: 0;
left: 100% !important;
width: 100%;
border: none;
text-align: left;
display: none;
z-index: 1 !important;
background-color: #F8F8F8;
}
.dynamicMenu li:hover ul {
display: block;
}
#dynamicNav li {
margin: 0;
line-height: 30px;
border-bottom: 1px #f2f2f4 solid;
font-size: 13px;
}
#dynamicNav li:last-child {
border-bottom: 0;
}
#dynamicNav li a {
color: #222;
transition: color 0.4s ease;
}
#dynamicNav li:hover > a {
color: #F44336;
}
.filterGroup {
line-height: 26px;
padding: 5px 10px;
}
.filterGroup ul li a {
font-size: 13px;
color: #222;
transition: color 0.4s ease;
}
.filterGroup ul li:hover a {
color: #F44336;
}
.newsletter {
padding: 10px 0;
}
.newsletter .content {
padding: 10px;
box-sizing: border-box;
}
.newsletter .content p {
margin-top: 0;
font-size: 13px;
}
.footer-col {
width: 25%;
}
#userMenu li {
font-size: 14px;
}
#userMenu li a {
padding: 10px 10px;
}
.onePageCheckout-index #checkout-cart {
width: 65%;
}
}
@media only screen and (min-width: 1200px) {
.center {
padding: 0 50px;
}
.right {
margin-left: 23.4% !important;
box-sizing: border-box;
}
.confirmationMessage, .errorMessage, .infoMessage {
width: 60%;
}
#checkout-shipping, #checkout-billing, #checkout-payment {
float: none;
width: 100%;
overflow: hidden;
}
#checkout-billing,
#checkout-shipping, #checkout-billing, #checkout-payment {
width: 40%;
}
.news-view .news-item {
width: 100%;
}
#header {
box-shadow: 0 0 4px rgba(255,255,255,.3);
}
.header-top {
padding: 10px 0;
}
.nav-container {
height: 44px;
}
.logoContainer {
float: left;
}
.brands-btn {
display: none;
}
.menu-button {
display: none;
}
.menu-button-dropdown {
display: block;
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
padding-bottom: 0;
overflow: visible;
}
.btn-group .dropdown-menu {
right: 50px;
}
.btn-group .dropdown-menu ul li a {
font-size: 16px;
}
ul.rootCategories {
background-color: transparent;
position: relative;
width: 77%;
overflow: visible;
}
ul.rootCategories li {
display: inline-block;
line-height: 44px;
height: 44px;
width: auto;
position:relative;
overflow: visible;
transition: background-color 0.4s ease;
}
ul.rootCategories li:hover
{
background-color: #F44336;
}
ul.rootCategories li ul {
position:absolute;
}
ul.rootCategories li ul li {
margin-right:0;
}
ul.rootCategories li .expand {
display: none;
}
ul.rootCategories li a {
padding: 0 20px;
font-size: 13px;
}
ul.rootCategories li:hover > ul {
display: block;
width: auto;
background: #222;
z-index: 100;
}
ul.rootCategories li ul li {
display: block;
padding: 0 10px;
}
ul.rootCategories li ul li ul {
left: 100%;
top: 0;
}
ul.rootCategories li ul li a,
ul.rootCategories li ul li ul li.noSubs a {
text-indent: 0;
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
ul.rootCategories li ul li a:last-child {
border-bottom: 0;
}
.search-block {
right: 40px;
left: 70%;
bottom: auto;
height: 24px;
top: 10px;
}
.search-submit {
top: 5px;
right: 8px;
}
#searchContainer input.text {
height: 24px;
line-height: 24px;
}
.box-bg {
height: 580px;
}
.brand-box {
width: 16.66666667%;
}
.custom-banner-wrapper {
padding: 70px 0;
}
.custom-block {
width: 25%;
margin-bottom: 0;
}
#dynamicNav li {
font-size: 15px;
}
.filterGroup ul li a {
font-size: 15px;
}
.newsletter .content p {
font-size: 15px;
}
#cartFields {
display: block;
}
.product-item .title a {
font-size: 14px;
}
#largeImage.multipleImages {
height: auto;
}
#productDescription {
font-size: 16px;
}
#productSpecification {
font-size: 15px;
}
#mainInfo, #contactFormSection, #rateProduct {
font-size: 15px;
}
#cart .cartName {
width: 70%;
float: left;
}
#contactFormSection fieldset.error,
#rateProduct fieldset.error,
#shippingEstimation select {
max-width: 400px;
}
#payItems {
font-size: 15px;
}
.total-price {
font-size: 24px;
}
.product-item {
width: 47%;
}
.product-item:nth-child(3n+3) {
margin-right: 3%;
}
.product-item:nth-child(4n+4) {
margin-right: 0;
}
.product-item img {
width: auto;
}
#largeImage.multipleImages {
width: 400px;
margin: 0 auto 30px;
}
#largeImage.multipleImages img {
width: 400px;
}
#productSpecification table td > img {
width: 200px !important;
}
ul.productList .descr {
margin-left:260px;
}
#contactForm {
float: left;
width: 80%;
}
#footer {
padding-top: 50px;
}
#userMenu li {
font-size: 15px;
}
} |