﻿body
{
font-family: Verdana;
font-size: 12px;
color: #4E4E4E;
}
td
{
font-family: Verdana;
font-size: 12px;
}
input
{
font-family: Verdana;
font-size: 12px;
background: aliceblue;
}
form
{
margin: 0;
padding: 0;
}
img
{
border: none;
}
.TextBox
{
border: inset 1px lightblue;
background: aliceblue;
}
textarea
{
font-family: Verdana;
font-size: 11px;
}
a, a:visited
{
color: navy;
}
h1
{
font-size: 18px;
padding: 15px 0px 0px 0px;
margin: 0;
}
h2
{
font-size: 14px;
padding: 5px 0px 10px 0px;
margin: 0 0 4px 0;
color: #D01895;
}
h3
{
font-size: 12px;
padding-left: 10px;
}
#main-div
{
display: block;
width: 976px;
margin: 0 auto;
overflow: hidden;
}
#top-1, #top-1:visited
{
background: url( 'images/top-1.jpg' );
display: block;
width: 975px;
height: 138px;
}
#submenu
{
background: url( 'images/submenu.jpg' ) no-repeat;
display: block;
width: 955px;
height: 26px;
line-height: 26px;
padding: 6px 5px 6px 15px;
overflow: hidden;
}
#submenu ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
#submenu ul li
{
float: left;
}
#submenu ul li a, #submenu ul li a:visited
{
color: #D01895;
padding: 0 5px;
border-right: solid 1px #CEB7C6;
}
#submenu ul li a.last, #submenu ul li a.last:visited
{
border-right: none;
}
#submenu div
{
float: right;
}
#submenu div a img
{
border: none;
vertical-align: middle;
}
#submenu div a.icon
{
text-decoration: none;
padding-left: 0;
}
#content-outer
{
float: left;
background: url( 'images/side-left-2.jpg' ) repeat-y top left;
}
#content-outer-2
{
float: left;
background: url( 'images/side-left-1.jpg' ) no-repeat top left;
}
#content-inner
{
background: url( 'images/side-right-2.jpg' ) repeat-y top right;
}
#content-inner-2
{
background: url( 'images/side-right-1.jpg' ) no-repeat top right;
}
#middle-stripe-1
{
background: url( 'images/middle-stripe-1.jpg' );
display: block;
width: 4px;
height: 205px;
}
#middle-stripe-2
{
background: url( 'images/middle-stripe-2.jpg' ) repeat-y;
width: 4px;
}
#two-col-holder
{
float: left;
width: 795px;
overflow: hidden;
}
#two-col-holder.wide
{
width: 100%;
}
#content
{
float: right;
width: 560px;
padding: 11px 10px 15px 10px;
}
#content.wide
{
width: 740px;
}
#side-navigation
{
float: left;
width: 195px;
padding: 5px 10px 15px 10px;
}
#side-navigation h2
{
padding-left: 5px;
}
#col-c
{
float: right;
width: 160px;
padding: 0px 10px;
overflow: hidden;
}
#footer
{
float: left;
background: url( 'images/bottom-1.jpg' ) no-repeat;
display: block;
width: 975px;
height: 12px;
}
ul#footer-info-links
{
list-style: none outside;
margin: 0;
padding: 5px 0 0 7px;
}
ul#footer-info-links li
{
float: left;
padding: 0 10px 0 10px;
border-right: solid 1px #540A3C;
}
ul#footer-info-links li a
{
color: #D91A9B;
font-size: 11px;
}
ul#footer-info-links .last-link
{
border-right: none;
}
#webkomplet-footer
{
text-align: center;
margin: 10px;
}
#webkomplet-footer a
{
color: #8A1063;
text-decoration: none;
}
#webkomplet-footer a span
{
color: #540A3C;
}
.search-box
{
margin: 0;
padding: 0 0 30px 0;
}
.search-box2
{
display: block;
margin-top: 15px;
margin-bottom: 15px;
}
.search-box .search-caption
{
float: left;
padding: 0 5px;
font-size: 11px;
color: white;
font-weight: normal;
}
.search-box2 .search-caption
{
float: left;
line-height: 21px;
}
.search-input
{
float: left;
height: 22px;
line-height: 22px;
}
.search-input input
{
float: left;
border: solid 1px #D61894;
padding: 1px 5px;
color: #4A4D4A;
width: 90px;
margin: 3px 0 0 5px;
}
.search-button
{
float: left;
margin: 0 5px;
}
.search-button span span
{
float: left;
display: block;
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
.search-button span span input
{
float: left;
display: block;
margin: 0px;
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
border: none;
color: White;
font-weight: bold; 
cursor: pointer;
}
.h1-description
{
padding-bottom: 15px;
}
.pager
{
padding-top: 10px;
padding-bottom: 15px;
clear: both;
display: table;
margin: 0 auto;
text-align: center;
}
.pager a, .pager span
{
display: table-cell;
}
.pager a,
.pager a:visited
{
cursor: pointer;
text-decoration: none;
color: White;
font-size: 11px;
white-space: nowrap;
margin-right: 3px;
display: inline-block;
}
.pager .pager-button, .pager .pager-button-first, .pager .pager-button-previous, .pager .pager-button-next, .pager .pager-button-last
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
.pager .pager-button span span span, .pager .pager-button-first span span span, .pager .pager-button-previous span span span, .pager .pager-button-next span span span, .pager .pager-button-last span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
}
.pager .pager-button:hover, .pager .pager-button-first:hover, .pager .pager-button-previous:hover, .pager .pager-button-next:hover, .pager .pager-button-last:hover
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
padding-right: 0px;
}
.pager .pager-button:hover span span span, .pager .pager-button-first:hover span span span, .pager .pager-button-previous:hover span span span, .pager .pager-button-next:hover span span span, .pager .pager-button-last:hover span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
color: Yellow;
}
.pager .pager-button-active
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
padding-right: 0px;
margin-right: 3px;
}
.pager .pager-button-active span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
font-weight: bold;
}
.cleaner
{
clear: both;
height: 0px;
overflow: hidden;
}
.forum-preview
{
background: whitesmoke;
border-top: solid 2px black;
border-bottom: solid 2px black;
padding: 4px 5px 5px 5px;
margin-top: 5px;
}
.forum-preview-empty-data
{
padding: 10px;
text-align: center;
}
.forum-preview-empty-data-button
{
width: 130px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
}
.forum
{
margin: 15px auto;
width: 580px;
}
.forum-empty-data
{
padding: 30px;
text-align: center;
}
.forum-send-message
{
background: whitesmoke;
border-top: solid 2px black;
border-bottom: solid 2px black;
padding: 4px 5px 5px 5px;
margin-top: 5px;
}
.forum-send-message-inner
{
margin: 0 auto;
width: 530px;
}
.forum-reply-box
{
padding: 5px;
border: solid 2px darkorange;
background: white;
margin-top: 10px;
margin-bottom: 5px;
overflow: hidden;
width: 520px;
}
.forum-message
{
padding: 8px 4px 2px 4px;
overflow: hidden;
border-top: solid 2px white;
}
.forum-message-root
{
background: whitesmoke;
border-left: solid 3px darkorange;
}
.forum-message-child
{
border-left: solid 3px darkorange;
}
.forum-message-title
{
}
.forum-message-text
{
margin-top: 5px;
}
.forum-message-reply
{
text-align: right;
padding: 2px 5px 5px 0;
font-size: 10px;
font-weight: bold;
float: right;
}
a.button,
a.button:visited
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding: 0 0 0 8px;
display: block;
float: left;
margin-right: 3px;
text-decoration: none;
}
a.button.middle span,
a.button.middle span input
{
width: 75px;
}
a.button span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
display: block;
float: left;
text-align: center;
color: White;
font-weight: bold;
font-size: 10px;
cursor: pointer !important;
}
a.button span input
{
background: none;
height: 22px;
line-height: 22px;
padding: 0;
margin: 0;
border: none;
color: White;
font-weight: bold;
font-size: 10px;
cursor: pointer !important;
}
.back-link
{
}
.form-one
{
width: 480px;
margin: 10px auto;
}
.form-one .form-row
{
padding-bottom: 5px;
clear: both;
}
.form-one div .form-title
{
display: block;
width: 130px;
float: left;
}
.form-one .textbox
{
float: left;
}
.form-one .checkbox
{
float: left;
}
.narrow
{
width: 140px;
}
.wide
{
width: 280px;
}
.validator
{
float: left;
width: 10px;
height: 21px;
border-left: solid 3px red;
padding-left: 5px;
margin-left: 2px;
}
.captcha
{
width: 40px;
}
.captcha-image
{
float: left;
margin: 0 8px;
border: solid 1px gray;
}
.captcha-new
{
float: left;
}
.captcha-new span
{
text-decoration: underline;
padding: 0px;
margin: 0px;
color: #1048af;
}
.captcha-new span input
{
border: none;
background: none;
text-decoration: underline;
font-size: 11px;
color: #1048af;
padding: 0px;
margin: 0px;
text-align: left;
}
.message
{
font-family: Verdana;
margin: 15px;
text-align: center;
background: white;
}
.success
{
border: solid 2px green;
padding: 5px;
color: green;
}
.error
{
border: solid 2px red;
padding: 5px;
color: red;
}
.quick-list
{
float: left;
margin-right: 10px;
margin-bottom: 20px;
background: url( 'images/quick-list-bg.gif' ) repeat;
overflow: hidden;
}
.quick-list H2
{
font-size: 12px;
margin-bottom: 4px;
font-weight: normal;
font-family: Tahoma;
}
.quick-list-title
{
font-weight: bold;
color: White;
background: url( 'images/quick-list-left.gif' ) no-repeat top left;
padding: 0px;
margin: 0 0 4px 0;
}
.quick-list-title a, .quick-list-title a:visited
{
color: White;
}
.quick-list-title span
{
display: block;
background: url( 'images/quick-list-right.gif' ) no-repeat top right;
padding: 0px 10px;
line-height: 25px;
height: 25px;
vertical-align: middle;
}
.quick-list-content
{
padding: 3px 10px;
}
.quick-list-bottom
{
background: url( 'images/quick-list-bottom-left.gif' ) no-repeat bottom left;
}
.quick-list-bottom span
{
display: block;
background: url( 'images/quick-list-bottom-right.gif' ) no-repeat bottom right;
line-height: 25px;
height: 25px;
vertical-align: middle;
}
.gallery-image
{
border: none;
}
.lmenu
{
margin: 0px;
padding: 0px;
overflow: hidden;
width: 180px;
}
.lmenu ul
{
margin: 0;
padding-left: 0px;
list-style: none;
list-style-position: outside;
display: block;
}
.lmenu ul li
{
margin: 0;
padding: 0;
text-indent: 0;
display: inline;
}
.lmenu ul li span
{
display: block;
background: url( 'images/root-menu.gif' ) no-repeat;
padding: 0;
margin: 0 0 1px 0;
}
.lmenu ul li span a
{
display: block;
padding: 0 5px 0 10px;
clear: both;
line-height: 24px;
height: 24px;
}
.lmenu ul li ul
{
background: #FFD7AD;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
list-style-position: outside;
clear: both;
}
.lmenu ul li ul li
{
padding: 0px;
margin: 0px;
text-indent: 0px;
}
.lmenu ul li ul li span
{
padding: 0 5px 0 0;
background-image: none;
margin-bottom: 1px;
clear: both;
display: block;
}
.lmenu ul li ul li span a
{
line-height: 18px;
height: 18px;
overflow: hidden;
}
.thumbnail-box
{
display: block;
width: 90px;
height: 90px;
text-align: center;
vertical-align: middle;
float: left;
margin: 0 15px 15px 0;
}
.more-info
{
text-align: right;
margin: 10px 20px 20px 0;
}
.left-menu ul
{
list-style: outside square;
padding: 5px 20px 15px 20px;
margin: 0;
}
.left-menu li
{
padding-bottom: 5px;
clear: both;
color: #D91A9B;
}
.left-menu li a,
.left-menu li a:visited
{
color: #EA1CA8;
}
/* subcategories listing */
td a,
td a:visited
{
color: #D61894;
}
.product-item
{
float: left;
width: 270px;
font-family: Tahoma;
}
.product-item-inner
{
padding: 5px 15px;
border-right: solid 1px silver;
height: 150px;
overflow: hidden;
margin: 0 0 15px 0;
}
.product-item-inner-bottom
{
border-bottom: solid 1px silver;
margin: 0 10px 10px 10px;
display: block;
padding: 0 0 10px 0;
}
.product-item-inner-bottom p
{
padding: 0 0 8px 90px;
margin: 0;
color: #CE1894;
}
.product-item-inner-bottom p
{
}
.product-item-inner-bottom p .product-available
{
color: Green;
}
.product-item-inner-bottom p .product-not-available
{
color: Red;
}
.product-item-detail, .product-item-buy
{
float: right;
}
.product-item h2 a,
.product-item h2 a:visited
{
font-size: 12px;
text-decoration: none;
color: #D01895;
font-family: Tahoma;
}
span.amount-input
{
float: left;
line-height: 22px; 
padding-right: 5px;
}
span.amount-input *
{
float: left;
}
span.amount-input input
{
width: 20px;
margin-right: 2px;
}
.name-days
{
display: block;
float: right;
padding-right: 15px;
}
.name-days-name-day, .name-days-holiday
{
font-weight: bold;
}
.detail-image-box
{
float: left;
padding: 0 10px 10px 0;
}
/* shop basket info */
.shop-basket-info
{
padding: 15px 5px;
display: block;
margin: 0 0 15px 0;
border-bottom: solid 1px #D01895;
}
.shop-basket-info a.shop-basket-info-link,
.shop-basket-info a.shop-basket-info-link:visited
{
color: #D01895;
padding-bottom: 5px;
display: block;
}
.shop-basket-info a.shop-basket-info-link2,
.shop-basket-info a.shop-basket-info-link2:visited
{
color: #D01895;
}
/* shop order wizard */
.message-success
{
display: block;
padding: 2px 0;
text-align: center;
color: green;
border: solid 2px green;
margin: 0 0 10px 0;
}
.shop-order-wizard
{
width: 97%;
}
.shop-order-wizard .shop-basket-quantity
{
width: 40px;
}
.shop-order-wizard .shop-basket table
{
width: 100%;
}
.shop-order-wizard h2
{
color: #000000;
padding: 5px 0 5px 10px;
border: solid 1px #D61894;
border-left: solid 4px #D61894;
background: #FBEFE9;
margin-bottom: 5px;
}
.shop-order-wizard h3
{
padding: 5px 0 5px 10px;
border-left: solid 2px #D61894;
margin: 0;
}
.shop-order-wizard h3.top-margin
{
margin-top: 20px;
}
.shop-order-wizard .shop-basket table thead th
{
background: #FBEFE9;
font-size: 0.9em;
}
.shop-order-wizard .shop-basket table tr td
{
font-size: 0.9em;
}
.shop-order-wizard .shop-basket-update-amount
{
margin-left: 5px;
}
.shop-order-wizard .shop-basket-delete-item
{
margin-left: 5px;
}
.shop-order-wizard .shop-basket-total
{
float: right;
padding: 5px 10px 10px 0;
}
.shop-order-wizard .shop-basket-is-empty
{
border: solid 1px #D61894;
background: #FBEFE9;
color: #D61894;
padding: 5px;
margin: 10px 0;
text-align: center;
}
.shop-order-wizard .shop-basket-buttons
{
padding: 10px 0 30px 160px;
}
.shop-order-wizard .shop-basket-button
{
padding: 2px 5px 2px 20px;
margin: 3px;
width: 190px;
float: left;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-empty
{
background: #FBEFE9 url('images/shop/delete.png') no-repeat 3px 2px;
clear: both;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-order
{
padding: 2px 20px 2px 5px;
background: #FBEFE9 url('images/shop/forward.png') no-repeat 166px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-previous
{
background: #FBEFE9 url('images/shop/back.png') no-repeat 3px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-next
{
padding: 2px 20px 2px 5px;
background: #FBEFE9 url('images/shop/forward.png') no-repeat 166px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-continue-shopping
{
background: #FBEFE9 url('images/shop/back.png') no-repeat 3px 2px;
}
.shop-order-wizard .shop-basket-confirmation1
{
margin: 0 0 30px 0;
}
.shop-order-wizard .shop-basket-confirmation2
{
border: solid 1px #D61894;
padding: 10px;
margin: 0 0 30px 0;
}
.shop-order-wizard .shop-order-wizard-field-separator
{
padding: 10px;
}
.shop-order-wizard .wizard-field-info
{
font-size: 10px;
color: Gray;
padding-bottom: 10px;
}
.shop-order-wizard .required-field-sign
{
padding: 5px;
color: blue;
}
.shop-order-wizard .required-fields-info
{
padding: 5px;
font-size: 9px;
color: blue;
text-align: center;
}
/* bread-crumbs */
.bread-crumbs
{
padding-bottom: 15px;
}
.bread-crumbs ul
{
display: block;
list-style: none outside;
margin: 0;
padding: 0;
color: #D01895;
}
.bread-crumbs ul li
{
float: left;
padding-right: 5px;
}
.bread-crumbs ul li a,
.bread-crumbs ul li a:visited
{
color: #D01895;
}
/* form styling */
.frm
{
border: solid 1px #D61894;
margin: 0 auto;
width: 300px;
padding: 10px 25px 15px 25px;
overflow: hidden;
}
.frm *
{
float: left;
}
.frm label
{
width: 100px;
}
.frm label span
{
float: none;
color: #ec7f2b !important;
}
.frm .row
{
padding-top: 10px;
clear: both;
width: 100%;
}
.frm .frm-center
{
padding: 10px 0 0 0;
margin: 0 auto;
}
form 
{
margin: 0;
padding: 0;
}
.success-msg
{
border: solid 2px #D61894;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
}
.error-msg
{
border: solid 2px #D61894;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
}