html, body { background: #773849; color: #000; }
/* ------------------------------------------------------------------------------------------------ */
/* Page Layout */
/* ------------------------------------------------------------------------------------------------ */
#page-wrap {
width: 960px;
margin: 5px auto 0; padding: 0 2px;
background: #441824 url(images/lap/page-top.png) no-repeat center top;
}
#header { position: relative; height: 200px;}
#content-wrap { padding: 0 20px 0 10px; background: #fff; }
#content-bottom { width: 960px; height: 10px; background: url(images/lap/page-bottom.png) no-repeat center top; }
#footer { padding: 20px; background: url(images/lap/pattern.png) repeat left top; }
#logo { position: absolute; left: 30px; top: 10px; }
#topnav { position: absolute; right: 20px; top: 0px; }
#search { position: absolute; left: 20px; top: 150px; }
#mainnav { position: absolute; right: 10px; top: 150px; }
#sidebar { width: 240px; margin: 0 20px 0 0; }
#content { width: 670px; }
.clear {clear:both;} .lClear {clear:left;} .rClear {clear:right;} .lFloat {float:left;} .rFloat {float:right;} .cAlign {text-align:center;}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
#content { font: 12pt/14pt "times new roman", times, serif; }
#content h1 { margin-bottom: 10px; color: #441824; font: bold 14pt "times new roman", times, serif; text-align: center; }
#content h2 { margin-bottom: 10px; color: #003333; font: bold 12pt "times new roman", times, serif; }
#content p { margin-bottom: 10px; }
#content a:link, #content a:visited { color: #033; text-decoration: none; }
#content a:hover, #content a:active { color: #a10000; text-decoration: underline; }
#content .homeText {line-height:12pt;}
#content .homeText a:link, #content .homeText a:visited {color: #a10000;text-decoration:underline;}
#content ul { margin: 0 0 15px 15px; list-style-type: disc; }
#content ol { margin: 0 0 15px 15px; list-style-type: decimal; }
/* Dialog */
.dialog { margin: 20px 0 0; border: none; }
/* Dialog -> Title */
.dialog .title {
padding: 0 10px;
background: #f0f3f3 none;
line-height: 30px;
border: 1px solid #b4b7b7; border-left: 10px solid #4c7e73;
}
/* Dialog -> Title -> H2 */
#content .dialog .title h2 { margin: 0; font-size: 11pt; line-height: 30px; }
/* Dialog -> Title -> Sort row */
#content .dialog .title-with-sort-row .dialog-search-sort-bar { color: #000; font: bold 11px/30px arial, helvetica, sans-serif; }
#content .dialog .title-with-sort-row .dialog-search-sort-bar .search-sort-bar { padding-right: 10px; }
#content .dialog .title-with-sort-row .dialog-search-sort-bar .search-sort-cell { padding-right: 5px; }
/* Dialog -> Content */
#content .dialog .content { padding: 15px 10px; color: #000000; }
/* Dialog -> Content -> Product image */
#content .dialog .content .image img,
#content .dialog .content .featured-product-image img { border: 1px solid #b4b7b7; }
.products a.see-details:link, .products a.see-details:visited, .products a.see-details:hover, .products a.see-details:active {
font: bold 11px arial, helvetica, sans-serif; text-transform: uppercase;
}
/* Dialog -> Content -> Product title */
#content .dialog a.product-title { font: bold 12pt "times new roman", times, serif; }
/* Dialog -> Content -> Short description */
#content .dialog .descr { margin: 0 0 10px; padding: 0; font-size: 10pt; line-height: 12pt; }
/* Dialog -> Content -> Product listing */
.dialog .content .products { margin: 0; }
.dialog .content .products-list .item { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 3px double #b4b7b7; }
/* Dialog -> Content -> Product listing -> Pagination */
#content .dialog .content .nav-pages {
margin: -10px 0 15px; padding-bottom: 5px;
font: 11px arial, helvetica, sans-serif;
text-align: right;
border-bottom: 3px double #b4b7b7;
}
/* Dialog -> Content -> Product listing -> Buy-now row */
.products-list .quantity { float: left; margin-right: 25px; }
.products-list .buttons-row { float: left; margin-top: 0; }
/* Dialog -> Content -> Product listing -> Price */
.products .price-row { font-size: 10pt; }
.products .price { font-weight: bold; }
.products .price-value { color: #b51a00; font-weight: bold; font-size: 10pt; }
.products .market-price { font-size: 10pt; }
/* Dialog -> Content - Product Description */
#content .no-title-dialog { position: relative; }
#content .no-title-dialog .image { float: left; }
#content .no-title-dialog .image-box img { border: 1px solid #b4b7b7; }
#content .no-title-dialog .details { padding-left: 30px; }
#content .no-title-dialog .details .product_title h2 { margin: 0; font: bold 12pt "times new roman", times, serif; }
#content .no-title-dialog .details .author_name { margin: 0; font: italic bold 10pt "times new roman", times, serif; }
#content .no-title-dialog .details .descr { margin: 15px 0; font: 10pt/12pt "times new roman", times, serif; }
#content .no-title-dialog .details .price-row { margin-bottom: 10px; font-size: 10pt; }
#content .no-title-dialog .details .product-price { margin-right: 20px; font-weight: bold; font-size: 10pt; }
#content .no-title-dialog .details .price-value { color: #b51a00; font-weight: bold; font-size: 10pt; }
.market-price { color: #555; font-size: 10pt; }
.market-price-value { text-decoration: line-through; }
.price-save { color: #b51a00; font-weight: bold; }
.quantity-title { font-size: 10pt; }
#content .no-title-dialog .details .buy-now { margin-bottom: 10px; }
#content .no-title-dialog .details .buy-now .quantity { margin-right: 20px; }
#content .no-title-dialog .details .buy-now .buttons-row .button { float: none; margin-right: 5px; }
#content .no-title-dialog .details .buy-now .buttons-row a.simple-button { float: none; background-position: 0 2px; }
#content .no-title-dialog .details #save_percent_box {
position: absolute;
left: -10px; top: -10px;
width: 52px; height: 31px;
padding: 24px 3px 0 0;
background: url(images/lap/save-icon.png) no-repeat 0 0;
color: #fff;
font: bold 14px arial;
text-align: center;
}
#content .no-title-dialog .details #wl-prices { margin-bottom: 15px; float: none; }
#content .no-title-dialog .details table { font: 10pt/12pt times, serif; }
#content .no-title-dialog .details th { background: #999; text-align: center; }
#content .no-title-dialog .details td { background: #ccc; text-align: right; }
#content .no-title-dialog .details th, td { padding: 2px 4px 2px; }
/* Dialog -> Customers who bought this product also */
ul.rproducts { margin: 0 0 0 15px; }
ul.rproducts a:link, ul.rproducts a:visited,
ul.rproducts a:hover, ul.rproducts a:active {
font-size:14px;
font-weight: normal;
}
/* Breadcrumb */
#location { margin-bottom: 30px; font: 11px/13px arial, helvetica, sans-serif; }
#location font.bread-crumb { color: #033; }
#location a.bread-crumb:link,
#location a.bread-crumb:visited { color: #003333; text-decoration: underline; }
#location a.bread-crumb:hover { color: #003333; text-decoration: none; }
#location a.bread-crumb:active { color: #003333; text-decoration: underline; }
#location span { padding: 0px 2px 0px 2px; }
/* Main Image */
.title-image, .subcategory-image { margin-bottom: 15px; text-align: center; }
/* Full description -> Product propeties */
table.product-properties { font: 10pt arial, helvetica, sans-serif; }
table.product-properties .property-name { width: 50px; padding-right: 10px; font-weight: bold; text-align: right; }
/* Search Again */
.search-again {
margin: -10px 0 15px;
}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Tabs */
/* ------------------------------------------------------------------------------------------------ */
.tab-details { margin: 20px 0 0; }
ul.tabs {
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #b4b7b7;
}
ul.tabs li {
float:left;
padding:0;
margin:0;
list-style-type:none;
}
ul.tabs a {
float:left;
font-size:16px;
display:block;
padding:5px 30px;
text-decoration:none;
border:1px solid #4c7e73;
border-bottom:0px;
height:18px;
background-color:#4c7e73;
color:#fff !important;
margin-right:2px;
position:relative;
top:1px;
font-size: 10pt;
font-weight: bold;
}
ul.tabs a:hover {
background-color:#f0f3f3;
color:#033 !important;
border:1px solid #b4b7b7;
text-decoration:none !important;
}
ul.tabs a.current {
background: #f0f3f3;
border:1px solid #b4b7b7;
border-bottom:2px solid #f0f3f3;
color:#033 !important;
cursor:default;
}
div.panes div {
border:1px solid #b4b7b7;
border-width:0 1px 1px 1px;
padding:15px 20px;
background-color:#f0f3f3;
font-size: 10pt;
line-height: 12pt;
}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Featured Products */
/* ------------------------------------------------------------------------------------------------ */
#content .dialog .content .featured-product {
width: 142px;
margin: 10px;
line-height: 110%;
float: left;
}
#content .dialog .content .featured-product .featured-product-image { text-align: center; }
#content .dialog .content .featured-product .featured-product-image a {
display: block;
width: 140px;
height: 140px;
line-height: 100%
}
#content .dialog .content .featured-product .featured-product-title {
padding-top: 10px;
font-size: 13px;
font-weight: bold;
line-height: 14px;
text-align: center;
}
#content .dialog .content .featured-product .featured-product-title h3 { margin: 0; }
#content .dialog .content .featured-product .featured-product-price {
color: #A10000;
font-size: 13px;
font-weight: bold;
text-align: center;
}
/* TOOLTIP
-------------------------- */
/*
.tooltip {
display: none;
position: absolute;
left: 0; top: 0;
width: 200px;
padding: 15px 20px 5px;
background: #f0f3f3;
border: 1px solid #4c7e73;
}
.tooltip p {
margin: 0 0 10px;
font: 14px/125% "Times New Roman", Times, serif;
}
.tooltip p.tooltip-title { font-size: 16px; font-weight: bold; }
*/
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------------------------------------------ */
#header { color: #fff; }
#header a:link, #header a:visited { color: #fff; text-decoration: none; }
#header a:hover, #header a:active { text-decoration: underline; }
/* Logo */
#logo a { display: block; width: 140px; height: 150px; text-indent: -10000px; }
/* Topnav */
#topnav ul li {
padding: 0 3px 2px;
background: url(images/lap/topnav-bg.png) repeat-x;
font: 12px/30px arial, helvetica, sans-serif;
float: left;
}
#topnav ul li#topnav-left { display: block; width: 14px; height: 30px; background: url(images/lap/topnav-left.png) no-repeat; }
#topnav ul li#topnav-right { display: block; width: 14px; height: 30px; background: url(images/lap/topnav-right.png) no-repeat; }
/* Search */
#search { font: 12px/30px arial, helvetica, sans-serif; }
#search .searchLabel { padding-right: 5px; }
/* Mainnav */
#mainnav ul li {
padding: 0 10px 0 12px;
background: url(images/lap/mainnav-vline.png) no-repeat;
font: bold 12px/30px arial, helvetica, sans-serif;
text-transform: uppercase;
float: left;
}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Sidebar */
/* ------------------------------------------------------------------------------------------------ */
#sidebar {}
.menu-dialog { margin-bottom: 15px; }
.menu-dialog .title-bar {
width: 220px;
padding: 0 10px;
background: url(images/lap/titlebar-bg.png) no-repeat;
color: #fff;
font: bold 12px/25px arial, helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}
.menu-dialog .content {
padding: 5px 0;
background: #f0f3f3;
border-top: 1px solid #fff;
border-bottom: 1px solid #b4b7b7;
}
#sidebar li {}
#sidebar li a:link, #sidebar li a:visited {
display: block;
margin: 0;
padding: 0 15px;
color: #033;
font: bold 13px arial, helvetica, sans-serif;
line-height: 19px;
text-decoration: none;
}
#sidebar li a:hover, #sidebar li a:active {
background: #c7d6d3 url(images/lap/menu-hover.png) no-repeat 2px center;
}
#sidebar li.level-2 a:link, #sidebar li.level-2 a:visited {
padding: 0 15px 0 30px;
color: #000;
font: bold 12px arial, helvetica, sans-serif;
line-height: 15px;
}
#sidebar li.level-3 a:link, #sidebar li.level-3 a:visited {
padding: 0 15px 0 45px;
color: #000;
font: 12px arial, helvetica, sans-serif;
line-height: 15px;
}
#sidebar a.selected {
background: #4c7e73 url(images/lap/menu-selected.png) no-repeat 2px center !important;
color: #fff !important;
}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------------------------------ */
#footer { color: #ddd; font: 11px/13px arial, helvetica, sans-serif; text-align: center; }
#footer p { margin: 4px 0 0; }
#footer a:link, #footer a:visited {
color: #fff;
font: bold 12px/15px arial, helvetica, sans-serif;
text-decoration: underline;
}
#footer a:hover, #footer a:active {}
#footer p a:link, #footer p a:visited {
color: #ddd;
font: normal 11px/13px arial, helvetica, sans-serif;
text-decoration: underline;
}
#footer p a:hover, #footer p a:active {}
#footer div.social { /*position:relative; top: -70px; left: 650px*/ width:96px;height:40px; margin:auto}
#footer div.social a span { display:none}
#footer div.social a.facebook { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') no-repeat }
#footer div.social a.twitter { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') -32px 0px no-repeat }
#footer div.social a.youtube { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') -64px 0px no-repeat }
/* ------------------------------------------------------------------------------------------------ */