.productPrice, .totalPrice, .productRow td:nth-child(4), .totalRow, .priceRow, .popust {
  display: none !Important;
}
.formRight label[for="Priloga"], input[type="file"] {
display: none !important;
}
.gsc-control-cse {
margin: 20px 0 0 0 !important;
padding: 0 !important;
}
.gsc-control-cse, .gsc-input {
background: transparent !important;
border-color: transparent !important;
}
.gsc-control-cse a, .gsc-control-cse .gs-title, .gsc-control-cse .gs-title * {
color: #333333 !important;
text-decoration: none !important;
}
.gsc-control-cse .gsc-input {
line-height: 100%;
}
.gsc-control-cse .gs-image {
margin: 0 10px 0 0 !important;
padding: 0 !important;
}
.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #333333 !important;
border: 1px solid #fafafa;
height: 20px;
width: 20px;
text-align: center;
display: inline-block;
line-height: 20px;
}
label[for='oseba'] {
display: none !important;
}
img {
image-orientation: from-image;
}
html {
min-width: 1250px;
overflow: auto;
}
body {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
font: 12px Verdana,Helvetica,sans-serif;
margin: 0;
padding: 0;
text-align: center;
position: relative;
}
@media print {
.top, .leftSide, .recommendedProducts, .productSet, #footer, .breadcrumbs, .offerForm, .productButtons, .extraNav {
display: none;
}
}
.container {
margin: 0 auto;
text-align: left;
width: 1170px;
}
body .watermark {
width: 100%;
height: 100px;
max-width: 115px;
padding: 15px;
border-radius: 10px;
background: url('http://www.vebo.si/images/watermark.png') no-repeat scroll center center transparent !important;
background-size: 100% auto !important;
position: absolute;
bottom: 10px;
right: 10px
}
#header .container {
height: 100px;
min-width: 1170px;
display: block;
}
.clear {
border: 0 none;
clear: both;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
width: 0;
}
.zavihkiNaslovi li .productPopup {
display: none !important;
}
h1 {
color: #000000;
font-size: 24px;
font-weight: normal;
line-height: normal;
}
h2 {
color: #000000;
font-size: 18px;
font-weight: normal;
line-height: normal;
}
h3 {
font-weight: normal;
line-height: normal;
}
h4 {
color: #000000;
font-weight: normal;
line-height: normal;
}
a img {
border: 0 none;
}
a {
color: #731012;
}
a:hover {
color: #000000;
text-decoration: underline;
}
input, textarea {
outline: 0 none;
resize: none;
}
.top {
background: url("../images/top_px.gif") repeat-x scroll left bottom #000000;
height: 44px;
overflow: hidden;
position: fixed !important;
top: 0;
width: 100%;
z-index: 100;
left: 0;
}
.language {
float: right;
padding-left: 20px;
margin-top: 2px;
}
.top .divide {
background: url("../images/top_divide.gif") no-repeat scroll left top transparent;
float: right;
height: 27px;
margin-left: 10px;
width: 2px;
margin-top: 6px;
}
.top .noMargin {
margin-left: 0;
}
.language a {
display: block;
float: left;
margin: 7px 10px 0 0;
opacity: 0.5;
}
.language .active, .language a:hover {
opacity: 1;
}
.searchOuter {
float: left;
margin-left: 0px;
margin-top: 6px;
overflow: hidden;
}
.search {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 1px 1px 2px #959595 inset;
height: 24px;
margin-top: 4px;
overflow: hidden;
width: 250px;
}
.search input[type="text"] {
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
font-size: 11px;
height: 24px;
line-height: 24px;
margin: 0;
padding: 0 2px 0 4px;
width: 220px;
}
.search input[type="submit"] {
background: url("../images/search.png") no-repeat scroll center top transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 13px;
margin-top: 6px;
padding: 0;
width: 18px;
}
input.submit {
background: url("../images/search.png") no-repeat scroll center top transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 13px;
margin-top: 3px;
padding: 0;
width: 18px;
}
.search input[type="button"]:hover {
background: url("../images/search.png") no-repeat scroll center bottom transparent;
color: #ffffff;
}
input[type="text"] {
background: url("../images/form_cell_left.gif") no-repeat scroll left top transparent;
height: 24px;
line-height: 24px;
width: 203px;
}
.topNav {
float: right;
margin-top: 14px;
}
.topNav ul {
margin: 0;
padding: 0;
}
.topNav ul li {
float: left;
list-style-type: none;
margin-right: 18px;
}
.topNav ul li a.home {
background: url("../images/home.png") no-repeat scroll left top transparent;
padding-left: 25px;
}
.topNav ul li.active {
text-decoration: underline;
color: #ffffff;
}
.topNav ul li a {
color: #FFFFFF;
display: block;
font-size: 14px;
text-decoration: none;
}
.topNav ul li a:hover {
text-decoration: underline;
}
#header {
background: url("../images/header_px.gif") repeat-x scroll left top transparent;
height: 105px;
position: fixed !important;
top: 40px;
width: 100%;
z-index: 70;
left: 0;
}
.logo {
float: left;
margin-top: 12px;
}
.logo img {
height: 80px;
}
.contact {
color: #000000;
float: right;
margin: 5px 0 0 45px;
width: 333px;
}
.contact ul {
margin: 0;
padding: 0;
}
.contact ul li {
color: #000000;
float: left;
font-size: 14px;
list-style-type: none;
margin: 10px 0 0 5px;
padding-left: 20px;
width: 140px;
}
.contact ul li.home {
display: none !important;
}
.contact ul li a {
color: #000000;
}
.contact ul a li:hover {
text-decoration: underline;
}
.contact ul .tel {
background: url("../images/tel.gif") no-repeat scroll 2px center transparent;
}
.contact ul .gsm {
background: url("../images/gsm.gif") no-repeat scroll 2px center transparent;
}
.contact ul .fax {
background: url("../images/fax.gif") no-repeat scroll 0 center transparent;
}
.contact ul .mail {
background: url("../images/mail.gif") no-repeat scroll 0 center transparent;
}
.contact ul .home {
background: url("../images/home.gif") no-repeat scroll 0 center transparent;
}
.contact ul .social {
background: url("../images/social.gif") no-repeat scroll 1px center transparent;
margin-top: 0px;
}
.contact ul .social a {
background-position: left top;
display: block;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
.contact ul .social a:hover {
background-position: left bottom;
}
.fb {
background-image: url("../images/fb.png");
}
.twitter {
background-image: url("../images/twitter.png");
}
.googleplus {
background-image: url("../images/googleplus.png");
}
.in {
background-image: url("../images/in.png");
}
.printer {
background-image: url("../images/print.png");
}
.share {
background-image: url("../images/share.png");
}
.blueNumber {
background: url("../images/blue_number.gif") no-repeat scroll left top transparent;
float: right;
height: 50px;
margin: 30px 0 0;
width: 170px;
}
#mainContent {
padding-top: 150px;
}
.leftSide {
float: left;
margin-bottom: 40px;
margin-right: 20px;
width: 250px;
}
.leftNav {
background: url("../images/left_nav_px.gif") repeat-y scroll left top transparent;
width: 250px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.leftNavTop {
background: url("../images/left_nav_top.gif") no-repeat scroll left top transparent;
}
.leftNavBottom {
background: url("../images/left_nav_bottom.gif") no-repeat scroll left bottom transparent;
overflow: hidden;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;	
}
.container.firstpage .content {
}
.container.firstpage .recommendedProducts, .container.firstpage .recommendedProducts2 {
width: 180px;
}
.container.firstpage .recommendedProducts img.popust, .container.firstpage .recommendedProducts2 img.popust{
top: 0px;
}
.firstpage .offerFormHolder {
width: 900px;
float: right;
margin-top: -15px;
}
.rightCol {
float: right;
width: 180px;
margin-top: 5px;
}
.scrollableRelated .novo{
top: 0px;
right: 5px;
}
.content {
float: left;
margin-bottom: 40px;
width: 900px;
}
.leftNav h2, .leftNav .leftNavTitle {
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
margin: 10px 0;
padding: 0 14px;
}
.leftNav ul {
margin: 0;
padding: 0;
}
.leftNav ul li {
background: url("../images/left_nav_divide.gif") no-repeat scroll left top transparent;
list-style-type: none;
position: relative;
margin: 0;
overflow: hidden;
}
.leftNav ul li div:hover {
background: url("../images/left_nav_hover_dark.png") left top repeat-x #4b0708;
}
.leftNav ul li a {
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 15px;
margin: 0;
overflow: hidden;
padding: 16px 14px 15px 14px;
text-decoration: none;
}
.leftNav ul li a span {
display: block;
float: left;
margin-right: 5px;
min-height: 20px;
}
.leftNav ul li a div, .leftNav ul li a div:hover, .leftNav ul .active a div, .leftNav ul .active:hover a div {
background: none repeat scroll 0 50% transparent;
border: 0 none;
float: left;
/*width: 160px;
height: 38px;*/
margin-left: 5px;
}
.leftNav ul .active a {
font-weight: bold;
}
.leftNav ul li img {
height: 45px;
position: absolute;
right: 5px;
top: 10px;
}
.leftNav .active div {
background: url("../images/active_bg.gif") repeat-x scroll left top transparent;
border: 3px solid #650E10;
}
.leftNav .active div:hover {
background: url("../images/active_bg.gif") repeat-x scroll left top transparent;
border: 3px solid #650E10;
}
.leftNav .active a {
color: #000000;
}
.leftNav .catering a {
background: url("../images/left_1.png") no-repeat scroll 135px 4px transparent;
}
.leftNav .catering.active a {
background: url("../images/left_1_r.png") no-repeat scroll 135px 4px transparent;
}
.leftNav .gardenChairs a {
background: url("../images/left_2.png") no-repeat scroll 116px 8px transparent;
}
.leftNav .gardenChairs.active a {
background: url("../images/left_2_r.png") no-repeat scroll 116px 8px transparent;
}
.leftNav .gardenTables a {
background: url("../images/left_3.png") no-repeat scroll 120px 8px transparent;
}
.leftNav .gardenTables.active a {
background: url("../images/left_3_r.png") no-repeat scroll 120px 8px transparent;
}
.leftNav .chairs a {
background: url("../images/left_4.png") no-repeat scroll 128px 8px transparent;
}
.leftNav .chairs.active a {
background: url("../images/left_4_r.png") no-repeat scroll 128px 8px transparent;
}
.leftNav .tables a {
background: url("../images/left_5.png") no-repeat scroll 138px 8px transparent;
}
.leftNav .tables.active a {
background: url("../images/left_5_r.png") no-repeat scroll 138px 8px transparent;
}
.leftNav .tableTops a {
background: url("../images/left_6.png") no-repeat scroll 128px 8px transparent;
}
.leftNav .tableTops.active a {
background: url("../images/left_6_r.png") no-repeat scroll 128px 8px transparent;
}
.leftNav .barStools a {
background: url("../images/left_7.png") no-repeat scroll 134px 8px transparent;
}
.leftNav .barStools.active a {
background: url("../images/left_7_r.png") no-repeat scroll 134px 8px transparent;
}
.leftNav .barTables a {
background: url("../images/left_8.png") no-repeat scroll 164px 8px transparent;
}
.leftNav .barTables.active a {
background: url("../images/left_8_r.png") no-repeat scroll 164px 8px transparent;
}
.leftNav .usedGarden a {
background: url("../images/left_9.png") no-repeat scroll 123px 8px transparent;
}
.leftNav .usedGarden.active a {
background: url("../images/left_9_r.png") no-repeat scroll 123px 8px transparent;
}
.leftNav .sunloungers a {
background: url("../images/left_10.png") no-repeat scroll 110px 8px transparent;
}
.leftNav .sunloungers.active a {
background: url("../images/left_10_r.png") no-repeat scroll 110px 8px transparent;
}
.leftNav .seatCovers a {
background: url("../images/left_11.png") no-repeat scroll 112px 8px transparent;
}
.leftNav .seatCovers.active a {
background: url("../images/left_11_r.png") no-repeat scroll 112px 8px transparent;
}
.leftNav .office a {
background: url("../images/left_12.png") no-repeat scroll 138px 8px transparent;
}
.leftNav .office.active a {
background: url("../images/left_12_r.png") no-repeat scroll 138px 8px transparent;
}
.leftNav .officeChairs a {
background: url("../images/left_13.png") no-repeat scroll 162px 8px transparent;
}
.leftNav .officeChairs.active a {
background: url("../images/left_13_r.png") no-repeat scroll 162px 8px transparent;
}
.leftNav .seating a {
background: url("../images/left_14.png") no-repeat scroll 150px 8px transparent;
}
.leftNav .seating.active a {
background: url("../images/left_14_r.png") no-repeat scroll 150px 8px transparent;
}
.leftNav .used a {
background: url("../images/left_15.png") no-repeat scroll 184px 8px transparent;
}
.leftNav .used.active a {
background: url("../images/left_15_r.png") no-repeat scroll 184px 8px transparent;
}
.gallery .box h2 {
color: #731012;
font-size: 15px;
margin: 0 0 0 0;
}
.gallery {
display: block;
margin-top: 0px;
text-decoration: none;
}
.gallery:hover h2 {
color: #000000;
}
.galleryBox {
margin-top: 14px;
}
.slideshowOprema {
height: 120px;
}
.slideshowOprema a {
position: relative;
display: block;
}
.slideshowOprema a span {
color: black;
position: absolute;
right: 1px;
text-decoration: none;
top: 103px;
}
.box {
background: none repeat scroll 0 0 #FAFAFA;
font-size: 12px;
line-height: 10px;
}
.box.boxNext {
margin-top: 15px;
}
.boxTop {
background: url("../images/box_top.gif") repeat-x scroll left top transparent;
}
.boxRight {
background: url("../images/box_right.gif") repeat-y scroll right top transparent;
}
.boxBottom {
background: url("../images/box_bottom.gif") repeat-x scroll left bottom transparent;
}
.boxLeft {
background: url("../images/box_left.gif") repeat-y scroll left top transparent;
}
.boxTopR {
background: url("../images/box_top_r.gif") no-repeat scroll right top transparent;
}
.boxBottomR {
background: url("../images/box_bottom_r.gif") no-repeat scroll right bottom transparent;
}
.boxBottomL {
background: url("../images/box_bottom_l.gif") no-repeat scroll left bottom transparent;
}
.boxTopL {
background: url("../images/box_top_l.gif") no-repeat scroll left top transparent;
}
.slideOuter {
border: 1px solid #EBEBEB;
height: 282px;
margin: 7px 0 7px 7px;
position: relative;
width: 884px;
}
.slideFade {
background: url("../images/slide_fade.png") repeat-x scroll left bottom transparent;
height: 200px;
left: 0;
position: absolute;
bottom: 0;
width: 885px;
z-index: 0;
}
.slideNav {
height: 282px;
left: 0;
position: absolute;
top: 0;
width: 120px;
z-index: 2;
}
.slideNav ul {
margin: 13px 0 0 13px;
padding: 0;
}
.slideNav ul li.active {
background: url("../images/thumb_active.png") no-repeat scroll left top transparent;
}
.slideNav ul li.active a {
opacity: 1;
}
.slideNav ul li {
background: url("../images/thumb_bg.png") no-repeat scroll left top transparent;
height: 57px;
list-style-type: none;
margin: 0 0 10px;
overflow: hidden;
width: 107px;
}
.slideNav ul li a {
display: block;
height: 53px;
margin: 1px 0 0 1px;
opacity: 0.7;
width: 94px;
}
.slideNav ul li a:hover {
opacity: 1;
}
.slideNav ul li a img {
margin: 2px 0 0 2px;
}
.slideText {
bottom: 0;
font-size: 12px;
height: 74px;
position: absolute;
right: 0;
width: 710px;
z-index: 1;
}
.slideText div {
height: 68px;
overflow: hidden;
padding-right: 15px;
}
.box .slideText h2 {
color: #731012;
font-size: 18px;
font-weight: normal;
margin: 0;
}
.slideText h2 a {
text-decoration: none;
}
.slideText p {
line-height: 18px;
margin: 6px 0 0;
}
.extraBoxes {
line-height: 18px;
margin-top: 16px;
overflow: hidden;
}
.extraBoxes .padder {
max-height: 200px !important;
}
.extraBoxes .padder img {
margin-right: 12px !important;
}
.extraBoxes .boxTopL {
min-height: 254px;
}
.box.halfL {
float: left;
width: 49%;
}
.box.halfR {
float: right;
width: 49%;
}
.padder {
overflow: hidden;
padding: 15px 15px 20px 15px;
}
.extraText {
margin-top: 15px;
line-height: 18px;
}
.extraBoxes img, .gallery img {
border: 1px solid #EBEBEB;
float: left;
margin-right: 15px;
}
.extraBoxes .halfL img, .extraBoxes .halfR img {
margin-right: 0;
}
.extraBoxes div p {
margin: 12px 0 0;
}
.box h2, .popupBox h2 {
margin: 0 0 15px;
text-decoration: none;
}
.box a, .popupBox a {
text-decoration: none;
}
.box a:hover, .popupBox a:hover {
text-decoration: underline;
}
.box .extraText a, .popupBox .extraText a {
text-decoration: underline;
}
.first .formRight {
float: right;
}
.form {
font-size: 12px;
line-height: normal;
margin-top: 16px;
}
.form .padder {
padding-bottom: 5px;
}
.form input[type="text"] {
background: url("../images/form_cell.gif") no-repeat scroll left top transparent;
border: 0 none;
font-size: 12px;
height: 28px;
line-height: 28px;
padding: 0 8px;
width: 226px;
}
.form ul {
float: left;
margin: 0 10px 3px 0;
padding: 0;
}
.form ul li {
list-style-type: none;
margin: 0 0 12px;
padding: 0;
}
.offerFormBottom .form {
width: 880px;
}
.form li.oseba {
display: none;
}
.required label {
background: url("../images/required.png") no-repeat scroll 0 4px transparent;
padding-left: 8px;
}
.form label {
display: block;
margin-bottom: 8px;
}
.formRight {
float: left;
margin: 0;
}
.offerForm .formRight {
width: 610px
}
.form textarea {
background: url("../images/form_textbox.gif") no-repeat scroll left bottom transparent;
border: 0 none;
font-size: 12px;
height: 74px;
overflow-y: auto;
overflow-x: none;
padding: 8px;
resize: none;
width: 406px;
}
.form .button {
float: right;
color: #FFFFFF;
}
.button {
background: url("../images/button_right.gif") no-repeat scroll right top transparent;
color: #FFFFFF;
}
.blue .button {
background: url("../images/button_right_blue.gif") no-repeat scroll right top transparent;
}
.button a {
background: url("../images/button_left.gif") no-repeat scroll left top transparent;
color: #FFFFFF;
display: block;
font-size: 14px;
height: 28px;
line-height: 28px;
text-decoration: none;
}
.blue .button a {
background: url("../images/button_left_blue.gif") no-repeat scroll left top transparent;
}
.button a div {
padding: 0 20px;
color: #FFFFFF;
}
.button a div:hover {
background: url("../images/button_hover.png") repeat scroll left top transparent;
}
.submit {
height: 28px;
margin-top: 5px;
float: right;
}
.formText {
float: left;
margin-top: 8px;
width: 335px;
}
.text {
font-size: 12px;
line-height: 18px;
}
.text h2 {
margin-top: 12px;
}
#footer {
background: url("../images/footer_bg.gif") repeat-x scroll left top #171717;
}
.footerCategories {
float: left;
margin: 0 30px 0 0;
overflow: hidden;
width: 764px;
}
.footerCategories ul {
float: left;
margin: 0 19px 0 0;
padding: 0;
width: 172px;
}
.footerCategories ul li {
list-style-type: none;
margin-bottom: 6px;
}
.footerCategories ul li a {
color: #C7C7C7;
display: block;
font-size: 11px;
text-decoration: none;
}
.footerCategories ul li.active a {
color: #FFFFFF;
text-decoration: underline;
}
.footerCategories ul li a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#footer h3 {
color: #FFFFFF;
font-size: 14px;
margin: 0 0 10px;
}
#footer h4 {
color: #C7C7C7;
font-size: 11px;
margin: 0 0 12px;
}
#footer .padder {
padding: 26px 0 34px;
}
.footerLinks {
width: 85px;
}
.footerLinks ul {
margin-right: 0;
width: 85px;
}
.footerLinks ul li.active{
text-decoration: underline;
}
.copyright {
margin-right: 0;
width: 261px;
}
.footerCategories.copyright {
text-align: right;
}
.footerCategories.copyright ul {
width: 261px;
}
.offerFormButton {
background: url("../images/offerButton.png") no-repeat scroll right top transparent;
display: block;
height: 164px;
overflow: hidden;
position: fixed;
right: 0;
text-decoration: none;
top: 330px;
width: 39px;
z-index: 100000;
cursor: pointer;
}
.offerFormButton a {
color: #FFFFFF;
display: block;
font-size: 16px;
height: 39px;
margin-left: -52px;
margin-top: 62px;
text-decoration: none;
width: 164px;
-ms-transform:rotate(270deg); /* IE9 */
-moz-transform: rotate(270deg);  /* FF3.5/3.6 */
-o-transform: rotate(270deg);  /* Opera 10.5 */
-webkit-transform: rotate(270deg);  /* Saf3.1+ */
transform: rotate(270deg);  /* Newer browsers */
}
.offerFormButton a:hover {
background: url("../images/button_hover.png") repeat scroll left top transparent;
}
.question {
background: url("../images/question.png") no-repeat scroll right top transparent;
display: block;
height: 164px;
position: fixed;
right: 0;
text-decoration: none;
top: 147px;
width: 39px;
z-index: 100000;
cursor: pointer;
}
.question a {
color: #FFFFFF;
display: block;
font-size: 16px;
height: 39px;
margin-left: -52px;
margin-top: 62px;
text-decoration: none;
width: 164px;
-ms-transform:rotate(270deg); /* IE9 */
-moz-transform: rotate(270deg);  /* FF3.5/3.6 */
-o-transform: rotate(270deg);  /* Opera 10.5 */
-webkit-transform: rotate(270deg);  /* Saf3.1+ */
transform: rotate(270deg);  /* Newer browsers */
}
.question a:hover {
background: url("../images/button_hover.png") repeat scroll left top transparent;
}
.leftSide .form h2, .popup .form h2 {
font-size: 15px;
}
.leftSide .form input[type="text"], .popup .form input[type="text"] {
background: url("../images/form_cell_left.gif") no-repeat scroll left top transparent;
height: 24px;
line-height: 24px;
width: 203px;
}
.leftSide .form textarea, .popup .form textarea {
background: url("../images/form_textbox_left.gif") no-repeat scroll left bottom transparent;
height: 54px;
width: 203px;
}
.leftSide .formText, .popup .formText {
font-size: 9px;
margin: 0;
width: 134px;
}
.leftSide .submit, .popup .submit {
margin-top: 16px;
width: 219px;
margin-right: 14px;
}
.leftSide .form label, .popup .form label {
margin-bottom: 6px;
}
.leftSide .form ul, .popup .form ul {
float: none;
margin: 0;
width: 219px;
}
.leftSide .formRight, .popup .formRight {
float: none;
}
.form .dodatno {
color: #628028;
float: right;
}
.form .dodatno .goToProduct {
cursor: pointer;
}
.form .dodatno .goToProduct:hover {
opacity: 0.9;
}
.form .dodatno .goToProduct{
cursor: pointer;
display: none;
margin: 10px 0 0;
clear: both;
}
.form .dodatno .goToProduct:hover{
text-decoration: underline;
}
.form .natisniPonudbo {
color: #628028;
cursor: pointer;
float: left;
margin-left: 5px;
margin-top: 5px;
text-decoration: none;
}
.form .natisniPonudbo:hover {
text-decoration: underline;	
}
.leftSide .form .padder {
padding: 15px;
}
.breadcrumbs {
display: block;
font-size: 12px;
font-style: italic;
height: 10px;
position: relative;
width: 100%;
}
.breadcrumbs a, .breadcrumbs div, .breadcrumbs span {
display: block;
float: left;
}
.breadcrumbs div {
color: #959595;
padding: 0 4px;
}
.breadcrumbs a {
color: #000000;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
color: #701012;
font-weight: bold;
}
.title {
background: url("../images/active_bg.gif") repeat-x scroll left top transparent;
font-size: 24px;
margin-top: 14px;
text-decoration: none;
overflow: hidden;
}
.title a {
text-decoration: none;
}
.title h1 {
float: left;
margin: 0;
}
.title h1:hover {
text-decoration: underline;
}
.number {
background: url("../images/sub_nav_right.gif") no-repeat scroll right bottom transparent;
color: #FFFFFF;
float: left;
height: 26px;
margin-right: 10px;
}
.number div {
background: url("../images/sub_nav_left.gif") no-repeat scroll left bottom transparent;
line-height: 26px;
padding: 0 3px 0 4px;
}
.subNav {
margin-top: -10px;
overflow: hidden;
padding: 0 20px 0 15px;
}
.subNav ul {
margin: 0;
overflow: hidden;
padding: 0;
}
.tabs {
float: left;
/*width: 600px;*/
}
.extraNav {
float: right;
/*width: 285px;*/
}
.subNav .extraNav li {
float: right;
margin: 1px 0 6px 10px;
}
.subNav .extraNav li a {
color: #711012;
}
.subNav ul li {
background: url("../images/sub_nav_right.gif") no-repeat scroll right 0 transparent;
float: left;
height: 26px;
list-style-type: none;
margin: 1px 10px 6px 0;
}
.subNav ul li:hover, .subNav ul .active, .subNav ul .activeTab, .subNav ul .activePage {
background: url("../images/sub_nav_right.gif") no-repeat scroll right -52px transparent;
}
.subNav ul li a {
background: url("../images/sub_nav_left.gif") no-repeat scroll left 0 transparent;
color: #711012;
display: block;
font-size: 12px;
line-height: 26px;
padding: 0 4px;
text-decoration: none;
}
.subNav ul li a:hover, .subNav ul .active a, .subNav ul li a:hover, .subNav ul .activeTab a, .subNav ul .activePage a  {
background: url("../images/sub_nav_left.gif") no-repeat scroll left -52px transparent;
color: #ffffff;
/*font-weight: bold;*/
}
.subNav ul .openOffer, .subNav ul .openOffer:hover {
background: url(../images/green_btn_left_big.gif) left top no-repeat;
height: 28px;
margin: 0 0 5px 4px !important;
}
.subNav ul .openOffer a {
background: none repeat scroll 0 50% transparent;
color: #fff;
font-weight: bold;
text-shadow: #334214 0px 0px 2px;
line-height: 28px;
margin: 0;
padding: 0 25px 0 8px;
}
.subNav ul .openOffer a:hover {
background: url("../images/button_hover.png") repeat scroll left top transparent;
color: #fff;
font-weight: bold;
text-shadow: #334214 0px 0px 2px;
line-height: 28px !important;
margin: 0;
padding: 0 25px 0 8px;
text-decoration: underline;
}
.subNav ul .openOffer div, .subNav ul .openOffer:hover div {
background:url(../images/green_btn_right_big.gif) right top no-repeat;
}
.productSet {
margin-top: 14px;
}
.productSet h2 {
border-bottom: 1px solid #D1D1D1;
margin: 0 0 10px;
padding: 0 15px 8px;
}
.productSet h2 span{
font-size: 12px;
font-style: italic;
padding: 0;
margin: 0;
}
.product {
float: left;
font-size: 12px;
padding: 10px 0 0;
position: relative;
width: 175px;
}
.productOuter {
overflow: hidden;
padding: 0 0 14px 11px;
width: 165px;
}
.product:hover {
background: url("../images/product_glow_top.png") no-repeat scroll center top transparent;
}
.product .addToOffer:hover, .product .addToOffer.active {
opacity: 1.0;
}
.productOuter:hover {
background: url("../images/product_glow_bottom.png") no-repeat scroll center bottom transparent;
}
.product h3 {
color: #000000;
font-size: 14px;
height: 33px;
overflow: hidden;
margin: 0;
}
.product h3 a {
text-decoration: none;
line-height: 13px;
}
.product h3 a:hover {
text-decoration: underline;
}
.productInner {
overflow: hidden;
width: 156px;
height: 275px;
position: relative;
}
.productInner .priceTitle {
display: none !important;
}
.productSet .productInner .productLink {
text-align: right;
}
.productSet .productInner .productCode {
bottom: 31px;
left: 0;
position: absolute;
}
.productSet .productInner .productCode.productPrice {
bottom: 32px;
}
.productSet .productInner .price {
height: 0;
overflow: visible;
position: relative;
}
.productSet .productInner .price .itemPrice {
margin-top: -40px;
}
.productReducedPrice {
text-decoration: line-through;
}
.productImage {
display: table-cell;
height: 146px;
margin-top: 10px;
/*overflow: hidden;*/
position: relative;
text-align: center;
vertical-align: middle;
width: 156px;
}
.productImage a{
display: block;
position: relative;
width: 156px;
height: 146px;
margin: 10px 0 0 0;
}
.naZalogi {
bottom: -15px;
left: 0;
position: absolute;
}
.productPics .naZalogi {
position: relative;
}
.textContent img.naZalogi {
margin: 0;
}
.popust {
position: absolute;
right: -6px;
top: -6px;
}
.withNovo .popust {
position: absolute;
right: 0;
/*top: 43px;*/
top: 0px;
}
.productDetails {
position: relative;
min-height: 540px;
}
.productDetails .withNovo .popust {
top: 0;
}
.productDetails .recommendedProducts {
width: 190px;
position: absolute;
top: 0px;
right: 0px;
display: none !important;
} 
.recommendedProducts {
display: none !important;
}
.productDetails.extendedGallery .productButtons .addToOffer {
float: left;
margin-top: 10px;
}
.productDetails.extendedGallery .productInfo {
width: 860px;
}
.productDetails.extendedGallery .thumbs {
height: 310px;
position: relative;
margin-bottom: 15px;
}
.productDetails.extendedGallery .thumbs a{
position: relative;
}
.productDetails.extendedGallery .thumbs a span{
position: absolute;
left: 2px;
bottom: -15px;
font-size: 10px;
}
.productDetails.extendedGallery .zavihekVsebina {
width: 400px;
float: left;
margin-top: 0px;
}
.productDetails.extendedGallery .productInfoTable {
width: 400px;
float: right;
}
.novo {
position: absolute;
right: 0;
/*top: 43px;*/
}
.mainImage .novo {
top: 0;
}
.productDescription {
height: 30px;
margin: -10px 0 0;
overflow: hidden;
visibility: hidden;
}
.productDescription p {
margin-top: 0;
}
.productLink {
margin-top: 4px;
}
.productLink a {
background: url("../images/forward_arrow.png") no-repeat scroll right center transparent;
font-weight: normal !important;
padding-right: 10px;
text-decoration: none;
}
.productLink a:hover {
background: url("../images/forward_arrow_r.png") no-repeat scroll right center transparent;
text-decoration: none;
}
div.onHoverOpacity:hover .addToOffer {
opacity: 1.0;
}
.price {
font-size: 11px;
height: 25px;
overflow: hidden;
padding-bottom: 10px;
position: relative;
}
.reduced {
padding-bottom: 5px;
}
.priceTitle {
float: left;
left: 0;
line-height: 18px;
position: absolute;
top: 0;
}
.itemPrice {
float: right;
margin-top: 15px;
}
.itemPrice span {
color: #000000;
font-size: 13px;
font-weight: normal !important;
}
.reduced .priceTitle {
line-height: 12px;
}
.reduced .itemPrice {
margin-top: 12px;
}
.addToOffer {
opacity: 0.3;
}
.product .addToOffer {
bottom: 0;
left: 0;
position: absolute;
}
.productDetails .addToOffer {
opacity: 1.0;
}
.addToOffer div {
background: url(../images/green_btn_left.gif) left top no-repeat;
float: right;
height: 22px;
}
.addToOffer div a {
color: #FFF;
font-weight: bold;
text-shadow: #334214 0px 0px 2px;
display: block;
font-size: 12px;
line-height: 22px;
padding-right: 27px;
padding-left: 7px;
text-decoration: none;
}
.productSet .addToOffer div a {
font-size: 12px;
}
.scrollableCategory {
/*height: 250px;*/
}
.addToOffer span {
display: block;
background:url(../images/green_btn_right.gif) right top no-repeat;
}
.addToOffer div a:hover {
background: url("../images/button_hover.png") repeat scroll left top transparent;
text-decoration: underline;
}
.verticalDivide {
background: none repeat scroll 0 0 #D1D1D1;
float: left;
height: 282px;
margin: 10px 0 0;
width: 1px;
}
.hlines {
padding-left: 11px;
}
.space {
float: left;
height: 1px;
width: 21px;
}
.lezece {
font-style: italic;
}
.hline {
background-color: #D1D1D1;
float: left;
height: 1px;
margin: 0;
width: 156px;
}
.toolTipSet {
float: right;
margin-left: 3px;
position: relative;
opacity: 0.1;
}
.toolTipSet img {
width: 25px;
}
.toolTipSet.active {
opacity: 0.8;
}
.toolTipSet.active:hover {
opacity: 1.0;
}
.toolTipSet .productPopup.productPage  {
bottom: 22px;
left: -80px;
position: absolute;
z-index: 100000;
}
li .productPopup.productPage  {
top: -30px;
position: absolute;
z-index: 100000;
height: 10px;
}
.popup {
background: url("../images/screen_block.png") repeat scroll left top transparent;
height: 100%;
left: 0;
position: fixed;
text-align: left;
top: 0;
width: 100%;
z-index: 100;
display: none;
}
.scrollableContent {
/*height: 450px;*/
}
.scrollableContent p{
width: 700px;
}
.popupBoxHolder {
left: 45%;
position: absolute;
top: 20%;
width: 260px;
z-index: 100;
}
.popupBoxHolder .popupClose {
background: url("../images/x-button.png") no-repeat scroll left center transparent;
cursor: pointer;
display: block;
height: 36px;
position: absolute;
right: -15px;
top: -23px;
width: 36px;
z-index: 1000;
}
.popupBoxHolder .popupPrint {
background: url("../images/print_button.png") no-repeat scroll left center transparent;
cursor: pointer;
display: block;
height: 35px;
position: absolute;
right: 20px;
top: -23px;
width: 35px;
z-index: 1000;
}
.popupBoxHolder.staticContent {
width: 750px;
left: 29%;
font-size: 12px;
}
.popupBoxHolder.staticContent .popupBoxInner {
overflow: auto;
height: 450px;
}
.popupBoxHolder.staticContent .popupBox {
background: url("../images/static_popup_form_px.png") repeat-y scroll left center transparent;
}
.popupBoxHolder.staticContent .popupBoxTop {
background: url("../images/static_popup_form_top.png") no-repeat scroll left top transparent;
height: 6px;
}
.popupBoxHolder.staticContent .popupBoxBottom {
background: url("../images/static_popup_form_bottom.png") no-repeat scroll left top transparent;
height: 6px;
}
.popupBoxHolder.staticContent .popupBoxInner {
width: 740px;
}
.popupBoxHolder.staticContent .popupBoxInner .scrollableContent .jspVerticalBar {
display: block;
right: 21px;
}
.popupBoxHolder.staticContent .popupBoxInner .scrollableContent .jspVerticalBar .jspDrag {
background-color: #6B6B6B;
}
.popupBox {
background: url("../images/popup_form_px.png") repeat-y scroll left center transparent;
padding-left: 5px;
}
.popupBoxHolder.blue .popupBox {
background: url("../images/popup_form_px_blue.png") repeat-y scroll left center transparent;
padding-left: 5px;
}
.popupBoxInner {
background: none repeat scroll 0 0 #FAFAFA;
width: 250px;
}
.popupBox .padder {
padding: 14px 0 14px 16px;
}
.popupBoxTop {
background: url("../images/popup_form_top.png") no-repeat scroll left top transparent;
height: 6px;
}
.popupBoxHolder.blue .popupBoxTop {
background: url("../images/popup_form_top_blue.png") no-repeat scroll left top transparent;
height: 6px;
}
.popupBox.form {
margin-top: 0;
}
.popupBoxBottom {
background: url("../images/popup_form_bottom.png") no-repeat scroll left top transparent;
height: 6px;
}
.popupBoxHolder.blue .popupBoxBottom {
background: url("../images/popup_form_bottom_blue.png") no-repeat scroll left top transparent;
height: 6px;
}
.productPopup {
font-size: 11px;
left: -5px;
position: absolute;
top: -3px;
width: 189px;
z-index: 3;
display: none !important;
}
.productPopup a {
height: 194px;
}
.productPopup.productPage {
bottom: 0;
left: 283px;
position: absolute;
}
.noImg {
top: 70px;
}
.productPopupTop {
background: url("../images/popup_product_top.png") no-repeat scroll left top transparent;
height: 9px;
}
.productPopupInner {
background: url("../images/popup_product_px.png") repeat-y scroll left top transparent;
}
.productPopupBottom {
background: url("../images/popup_product_bottom.png") no-repeat scroll left top transparent;
height: 13px;
}
.productPopup .productImage {
height: 194px;
margin-bottom: 7px;
margin-top: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 164px;
}
.productPopup .padder {
padding: 2px 14px 2px 11px;
}
table.stats th {
color: #000000;
font-weight: normal;
text-align: left;
}
table.stats td {
text-align: right;
}
.success {
bottom: 30px;
color: #000000;
font-size: 12px;
left: 62px;
line-height: 18px;
top: auto;
}
.success .padder {
padding: 5px 17px 5px 14px;
}
.success a {
color: #628028;
text-decoration: none;
}
.success a:hover {
text-decoration: underline;
}
.success .productPopupBottom {
background: url("../images/popup_product_bottom_arrow.png") no-repeat scroll left top transparent;
height: 21px;
}
.offerFormTop {
background: url("../images/offer_form_top.png") no-repeat scroll left top transparent;
height: 34px;
overflow: hidden;
position: relative;
}
.offerFormTop.active, .offerFormTop:hover {
background: url("../images/offer_form_top_active.png") no-repeat scroll left top transparent;
text-decoration: underline;
color: #ffffff;
}
.offerForm {
background: url("../images/offer_form_px.gif") repeat-y scroll left top transparent;
color: #000000;
font-size: 12px;
margin-top: 15px;
}
.offerFormBottom {
background: url("../images/offer_form_bottom.gif") no-repeat scroll left bottom transparent;
display: none;
}
.offerFormTop h2 {
color: #FFFFFF;
font-size: 14px;
margin: 9px 0 0;
padding: 0 15px;
text-shadow: 1px 1px 2px #3D6F14;
width: 830px;
cursor: pointer;
text-decoration: none;
}
.offerFormTop h2:hover {
text-decoration: underline;
}
.boxOptions {
height: 12px;
position: absolute;
right: 15px;
top: 0;
width: 60px;
}
.boxOptions a {
display: block;
float: left;
height: 17px;
}
.minimize {
background: url("../images/minimize.png") no-repeat scroll left top transparent;
width: 20px;
}
.minimize:hover {
background: url("../images/minimize_r.png") no-repeat scroll left top transparent;
width: 20px;
}
.expand {
background: url("../images/expand.png") no-repeat scroll left top transparent;
width: 20px;
}
.expand:hover {
background: url("../images/expand_r.png") no-repeat scroll left top transparent;
width: 20px;
}
.close {
background: url("../images/close.png") no-repeat scroll left top transparent;
width: 20px;
}
.close:hover {
background: url("../images/close_r.png") no-repeat scroll left top transparent;
width: 20px;
}
.offerForm h4 {
font-size: 12px;
margin: 0;
}
.offerTable {
margin-top: 12px;
}
.offerTable td {
border-top: 1px solid #B7CB80;
padding: 5px 5px 5px 0;
}
.offerTable th {
color: #628028;
font-weight: normal;
padding: 5px 0;
text-align: left;
}
.offerForm hr {
color: #B7CB80;
background-color: #B7CB80;
height: 1px;
width: 80%;
}
.productRow {
font-size: 14px;
height: 60px;
overflow: hidden;
}
.offerImage {
height: 50px;
text-align: center;
width: 67px;
}
.offerProduct {
width: 450px;
}
.offerProduct a {
color: #000000;
text-decoration: none;
}
.offerProduct a:hover {
text-decoration: underline;
}
.tableInput input {
background: none repeat scroll 0 50% transparent;
border: 0 none;
font-size: 14px;
height: 18px;
margin: 1px 2px 0;
padding: 3px;
width: 26px;
}
.tableInput {
background: url("../images/form_table_input_right.gif") no-repeat scroll right top transparent;
float: left;
height: 24px;
}
.tableInput div {
background: url("../images/form_table_input_left.gif") no-repeat scroll left top transparent;
height: 24px;
}
.remove {
background: url("../images/remove.png") no-repeat scroll 0 9px transparent;
color: #711012;
display: block;
font-size: 12px;
line-height: 24px;
margin: 0 6px;
padding-left: 10px;
text-decoration: none;
}
.remove img{
padding-top: 5px;
}
.remove:hover {
background: url("../images/remove_r.png") no-repeat scroll 0 9px transparent;
}
.offerTable .tableHeader {
color: #628028;
font-size: 14px;
}
.offerTable .totalPrice {
font-size: 20px;
font-weight: bold;
}
.totalRow {
vertical-align: bottom;
}
.totalRow td {
padding: 7px 0 5px;
}
.radioGroup {
margin: 15px 0 11px;
overflow: hidden;
}
.radioGroup input {
margin-left: 0;
}
.radioGroup div {
float: left;
margin-right: 16px;
}
.offerForm .form input[type="text"] {
background: url("../images/offer_form_cell.png") no-repeat scroll left top transparent;
height: 24px;
line-height: 24px;
}
.offerForm .form textarea {
background: url("../images/offer_form_textbox.png") no-repeat scroll left bottom transparent;
height: 80px;
width: 322px;
}
.offerForm .submit {
float: right;
}
.offerForm .form {
margin-top: 0;
}
.offerForm .form label {
margin-bottom: 2px;
}
.offerForm .form ul li {
margin: 0 0 8px;
}
.offerForm .padder {
padding: 15px 15px 7px;
}
.offerForm .formText {
font-size: 10px;
margin: 0;
width: 235px;
}
.sendOffer {
background: url("../images/form_button_right.png") no-repeat scroll right top transparent;
}
.sendOffer a {
background: url("../images/form_button_left.gif") no-repeat scroll left top transparent;
}
.sendOffer a div {
padding: 0 10px;
}
.sendOffer a div span {
/*background: url("../images/tick.png") no-repeat scroll right center transparent;
padding-right: 26px;
display: block;*/
}
.subTitle {
border-bottom: 1px solid #D1D1D1;
margin-top: -20px;
overflow: hidden;
padding-bottom: 6px;
}
.subTitle h2:hover {
text-decoration: underline;
}
.subTitle h2 {
float: left;
margin: 0;
padding: 0 15px 0 70px;
}
.subTitle .subNav {
float: right;
margin: 0;
}
.subTitle .extraNav {
/*padding-right: 15px;*/
width: 200px;
}
.subTitle .extraNav li, .subTitle .extraNav li:hover {
margin: 0 !important;
}
.productPics {
float: left;
margin-right: 14px;
width: 276px;
}
.mainImage {
overflow: hidden;
position: relative;
width: 260px;
min-height: 100px;
}
.lupa {
position: absolute;
bottom: 0px;
right: 0px;
}
.thumbs {
margin-top: 10px;
overflow-x: hidden;
overflow-y: auto;
min-height: 195px;
}
.thumbs a {
border: 1px solid #EBEBEB;
display: block;
float: left;
margin: 15px 7px 0 0;
}
.thumbs a:hover, .thumbs a.active {
border: 1px solid #731012;
}
.thumbs a img {
/*width: 120px;*/
}
.largePics a {
text-decoration: none;
text-align: center;
position: relative;
}
.largePics a:hover {
text-decoration: underline;
}
.largePics span {
font-size: 12px;
color: #000000;
float: center;
text-decoration: none;
margin: 0 auto;
display: block;
}
.borderThumb {
background: url("../images/thumbBorder.png") no-repeat scroll left top transparent;
display: none;
height: 150px;
left: -5px;
padding-top: 5px;
position: absolute;
top: -5px;
width: 210px;
z-index: 1000;
}
.textContent .thumb .borderThumb img {
margin-right: 7px;
margin-top: 2.25px;
width: 196px;
}
.productDetails {
margin-bottom: 0px;
margin-top: 5px;
}
.productInfo {
float: left;
font-size: 12px;
width: 580px;
}
.productText {
line-height: 18px;
margin: 14px 0 14px;
}
.productText p {
margin-bottom: 0;
}
.productTable th {
border-bottom: 1px solid #EBEBEB;
font-weight: normal;
padding: 10px 15px 9px 0;
text-align: left;
}
.productTable td {
border-bottom: 1px solid #EBEBEB;
color: #000000;
padding: 10px 0 9px;
text-align: right;
}
.productTable table {
padding: 0 15px;
width: 100%;
}
.productTable td div.toolTipSet {
text-align: center;
}
.productTable tr.last .productButtons {
display: none !Important;
}
.priceRow td {
color: #6B6B6B;
}
.priceRow span {
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 18px !important;
}
.dodatnaIzbira {
margin: 15px 0 -10px 0;
position: relative;
text-align: right;
}
.productButtons {
margin: 15px 0 0;
position: relative;
}
.productButtons ul {
float: left;
margin: 0;
padding: 0;
}
.productButtons ul li {
float: left;
list-style-type: none;
margin: 0 11px 12px 0;
}
.productButtons ul li a {
line-height: 15px;
padding-right: 20px;
text-decoration: none;
}
.productButtons .print a {
background: url("../images/print.gif") no-repeat scroll right center transparent;
}
.productButtons .print a:hover {
background: url("../images/print_r.gif") no-repeat scroll right center transparent;
}
.productButtons .contactInfo {
display: none !important;
}
.productButtons .contactInfo a {
background: url("../images/contact.gif") no-repeat scroll right center transparent;
}
.productButtons .contactInfo a:hover {
background: url("../images/contact_r.gif") no-repeat scroll right center transparent;
}
.productButtons .save a {
background: url("../images/save.gif") no-repeat scroll right center transparent;
}
.productButtons .save a:hover {
background: url("../images/save_r.gif") no-repeat scroll right center transparent;
}
.productButtons .callMe a {
background: url("../images/call_me.gif") no-repeat scroll right center transparent;
}
.productButtons .callMe a:hover {
background: url("../images/call_me_r.gif") no-repeat scroll right center transparent;
}
.productButtons .recommend {
display: none !important;
}
.productButtons .recommend a {
background: url("../images/recommend.gif") no-repeat scroll right center transparent;
}
.productButtons .recommend a:hover {
background: url("../images/recommend_r.gif") no-repeat scroll right center transparent;
}
.productButtons .sendusmail {
display: none !important;
}
.productButtons .sendusmail a {
background: url("../images/mail.gif") no-repeat scroll right center transparent;
}
.productButtons .sendusmail a:hover {
background: url("../images/mail_r.gif") no-repeat scroll right center transparent;
}
.productButtons .addToOffer {
float: right;
margin-top: 0;
}
.social a {
display: block;
float: left;
margin-right: 5px;
}
.addthis_toolbox {
float: right;
}
.subHeader h2 {
font-size: 16px;
margin: 0px 0;
padding: 0 15px;
line-height: 34px;
}
.subHeader h2 span {
font-size: 14px;
font-style: italic;
margin: 0;
padding: 0;
}
.recommendedProducts, .recommendedProducts2 {
margin-bottom: 13px;
overflow: hidden;
}
.recommendedProducts .productImage, .recommendedProducts2 .productImage {
height: 120px;
width: 160px;
text-align: center;
}
.recommendedProducts .productImage img.popust, .recommendedProducts2 .productImage img.popust {
right: 5px;
}
.recommendedProducts .productLink, .recommendedProducts2 .productLink {
margin-top: 14px;
}
.recommendedProducts .productOuter, .recommendedProducts2 .productOuter {
padding: 0 0 14px 10px;
}
.recommendedProducts .product, .recommendedProducts2 .product {
width: 180px;
}
.recommendedProducts .product:hover, .recommendedProducts2 .product:hover {
background: url("../images/product_glow_top_recommended.png") no-repeat scroll center top transparent;
}
.recommendedProducts .productOuter:hover, .recommendedProducts2 .productOuter:hover {
background: url("../images/product_glow_bottom_recommended.png") no-repeat scroll center bottom transparent;
}
.recommendedProducts .priceTitle, .recommendedProducts2 .priceTitle {
float: none;
width: auto;
}
.recommendedProducts .itemPrice, .recommendedProducts2 .itemPrice {
float: none;
text-align: right;
width: auto;
}
.recommendedProducts .productInner, .recommendedProducts2 .productInner {
width: 150px;
}
.recommendedProducts .productOuter, .recommendedProducts2 .productOuter {
width: 170px;
}
.recommendedProducts .verticalDivide, .recommendedProducts2 .verticalDivide {
height: 232px;
}
.recommendedProducts .hline, .recommendedProducts2 .hline {
width: 161px;
}
.recommendedProducts .reduced .priceTitle, .recommendedProducts2 .reduced .priceTitle {
float: left;
line-height: 12px;
width: 45px;
}
.recommendedProducts .reduced .itemPrice, .recommendedProducts2 .reduced .itemPrice {
margin-top: 0;
}
.recommendedProducts .reduced, .recommendedProducts2 .reduced {
padding-bottom: 10px;
}
.recommendedProducts .productSet, .recommendedProducts2 .productSet {
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: none;
height: 500px;
margin-top: 0px;
padding-top: 0px;
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.recommendedProducts, .recommendedProducts2 {
margin-bottom: 13px;
overflow: hidden;
}
.recommendedProducts .productImage, .recommendedProducts2 .productImage {
display: block;
height: 120px;
position: relative;
width: 160px;
}
.recommendedProducts .productLink, .recommendedProducts2 .productLink {
margin-top: 14px;
}
.recommendedProducts .productOuter, .recommendedProducts2 .productOuter {
padding: 0 0 14px 10px;
}
.recommendedProducts .product, .recommendedProducts2 .product {
width: 170px;
}
.recommendedProducts .subHeader h2, .recommendedProducts2 .subHeader h2{
color: #FFFFFF;
font-size: 14px;
line-height: 35px;
}
.recommendedProducts .box, .recommendedProducts2 .box{
background-color: #000000;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
height: 35px;
}
.textContent {
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
margin-top: -10px;
}
.textContent p {
margin-top: 0;
}
.textContent .padder {
padding: 0 15px;
}
.textContent .padder img {
opacity: 0.8;
}
.textContent .padder img:hover {
opacity: 1;
}
.textContent img {
float: right;
margin: 0 0 10px 20px;
}
.textContent .thumb {
border: 1px solid #9f9f9f;
display: block;
float: left;
margin: 0 20px 10px 0;
padding: 0 0 0 0;
position: relative;
width: 200px;
height: 140px;
}
.textContent .thumb span{
position: absolute;
width: 195px;
height: 20px;
background-color: transparent;
opacity: 0.7;
text-align: right;
color: #000000;
padding-right: 5px;
}
.textContent .thumb:hover {
border: 1px solid #701012;
}
.textContent .thumb img {
padding: 0;
margin: 0;
}
.textContent .thumb.last {
margin-right: 0px;
}
.textContent .thumb.active, .textContent .thumb.unactive:hover {
opacity: 1.0;
}
.textContent .thumb.unactive {
opacity: 1.0;
}
/*Custom scrollers*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
left: 0px;
margin-left: 0px;
}
.jspVerticalBar
{
background: none repeat scroll 0 0 transparent;
bottom: 2px;
height: 100%;
opacity: 0.6;
position: absolute;
right: 2px;
top: 5px;
width: 10px;
z-index: 100;
}
.jspVerticalBar:hover
{
opacity: 0.8;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: none repeat scroll 0 0 transparent;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: transparent;
position: relative;
}
.jspDrag
{
background: #5B5B5B;
position: relative;
top: 0;
left: 0;
cursor: pointer;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.toTop {
background: #fff;
border-radius: 4px 4px 4px 4px;
bottom: 10px;
color: #000;
border: 2px solid #777;
cursor: pointer;
display: none;
line-height: 30px;
opacity: 0.7;
padding: 5px;
position: fixed;
right: 10px;
text-align: center;
width: 90px;
font-size: 12px;
cursor: pointer;
z-index: 10000;
}
.toTop:hover {
opacity: 0.9;
}
.hidden {
opacity: 0.2;
}
#mainContent .verticalDivide, #mainContent .hlines {
display: none;
}
#mainContent .productSet {
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
float: left;
margin-left: 15px;
}
#mainContent .productSet .product {
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
}
#mainContent .productSet .clear {
display: none;
}
.fancybox-nav span {
visibility: visible !important;
}