/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #BFBFBe; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #e55801; text-decoration: underline; } BODY {background: #ffffff; color: #000000; margin: 0px;} .infoBox {background: #BFBFBF;} .infoBoxContents {background: #e9e9e9;font-family: Verdana, Arial, sans-serif; font-size: 10px;} /* ------- boja pozadine kontakt moj racun ----------- */ /* A {color: #000000; text-decoration: none;}A:hover { color: #AABBDD; text-decoration: underline;} */ FORM {display: inline;} TR.header {background: #ffffff;} TR.headerNavigation {background: #bbc3d3;} TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;} /* A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff; } */ TR.headerError {background: #ff0000;} TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #bbc3d3;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/ .infoBoxNotice {background: #FF8E90;} .infoBoxNoticeContents {background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;} TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, sans-serif; font-size: 10px;background: #ffffff;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background: #f8f8f9;} TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;} TABLE.productListing {border: 1px;border-style: solid;border-color: #b6b7cb;border-spacing: 1px;} .productListing-heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;} TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;} TR.subBar {background: #f4f7fd;} TD.subBar {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold; } CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif;font-size: 11px;} TEXTAREA {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;} SPAN.greetUser {font-family: Verdana, Arial, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;} TABLE.formArea {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;} TD.formAreaTitle {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} SPAN.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;} SPAN.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #BFBFBe; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #BFBFBe; } .checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox {font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } #myse select {width:90%;} /* input requirement */ .product .inputRequirement, .inputRequirement {font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000;} /* ------------------------------------------------- -------------------------------------------------------- */ del {color:#888888;font-size:12px; font-weight:bold} s {color:#808080;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0;background-image: url(images/bg1.jpg); background-repeat: repeat-x; background-color: #555c64;} /* --------------boja cijele pozadine ------------ */ body, td, input, textarea{ font-size:11px; font-family:Tahoma; color:#3F4143; line-height:13px; vertical-align:top; padding:0px; } img {border:0px;} table {width:100%; } table.heading_top_1, table.heading_top_3 {background-color: #e9e9e9;} /* ------------------boja pozadine centra o_nama, sponzori ----------------------- */ .vam { vertical-align:middle;} .border { border:1px solid #8ba3ae} .bg{ background:url(images/1_bg.gif)} .bg1{ background:url(images/3_bg.gif)} .header td {color:#242d3a; font-size:10px; } .header span {color:#FFFFFF; font-size:10px;} .header b {color:#ffffff;} .header a {color:#e13b00; text-decoration:underline; font-size:10px; } .header a:hover {color:#e13b00;text-decoration:none} .header strong a {color:#C9CBBD; text-decoration:underline; font-size:11px} .header strong a:hover {color:#C9CBBD;text-decoration:none} .input{ width:122px; height:20px; color:#000000; font-size:11px; font-family:tahoma; vertical-align:middle; padding-left:5px; margin-right:16px; margin-left:185px } #input1{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; text-align:right } #input2{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; text-align:right } .jamp{ width:118px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;} .jamp1{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp2{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp3{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .box_header_txt td{ height:24px; vertical-align:middle; background:url(images/li.gif); font-weight:bold; color:#ffffff; font-size:11px;} .box_header_txt1 td{ height:40px; vertical-align:middle; background:url(images/1_z2.gif) no-repeat top left #F4F6DE; padding-left:28px; text-transform:uppercase; font-weight:bold; color:#313030; font-size:12px;} .box_body td {color:#32434a; font-size:11px;} .box_body ul {padding:0; margin:0 0 0 0px; list-style:none; } .box_body .bg_list {background:url(images/bg_list1.gif) left bottom no-repeat; } .box_body .bg_list a {background:url(images/bg_list_sub.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#9c0505; text-decoration:none; padding-left:18px;} .box_body .bg_list a:hover {color:#100202; text-decoration:none;} /* ------------------ roll over box category --------------------- */ .box_body .bg_list_un {background:url(images/bg_list_un.gif) left top no-repeat; line-height:23px; background-position:0 10px; margin-left:15px} .box_body .bg_list_un a {color:#A10E04;text-decoration:underline; padding-left:10px;} .box_body .bg_list_un a:hover {color:#A10E04; text-decoration:none;} .box_body .bg_list_sub {background:url(images/bg_list1.gif) left bottom no-repeat; } .box_body .bg_list_sub a {background:url(images/bg_list_sub.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#d70a0a; text-decoration:none; padding-left:18px; margin-left:17px} .box_body .bg_list_sub a:hover {color:#100202;text-decoration:none;} .cont_header_txt td {height:24px; vertical-align:middle; background:url(images/li.gif); font-weight:bold; color:#ffffff; font-size:11px; } .cont_header_txt a { font-weight:bold; color:#FFFFFF; font-size:11px; text-decoration:none; vertical-align:middle;} .cont_header_txt a:hover { font-weight:bold; color:#FFFFFF; font-size:11px; text-decoration:underline;} .product td {color:#3F4143; font-size:11px; background-color: #e9e9e9;} /* -------------- pozadina proizvoda - djelomicno-------------- */ .product a {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold} .product a:hover {color:#e55800;text-decoration:underline;} /* .product span {color:#3F4143; font-size:11px;} .product b {} .product span {color:#8E1214; font-size:16px;} */ .product div a {color:#0986c0; font-size:11px; font-weight:normal;text-decoration:none; text-transform:none;} .product div a:hover {color:#0a5375;text-decoration:underline;} .pic img {border: 0px solid #919191;} .pic1 {border: 1px solid #c3c3c4;} .popup td {color:#3F4143; font-size:11px;} .popup span {color:#3F4143; font-size:10px; } .popup b {color:#3F4143; font-size:10px; } .popup a {color:#8E1214; font-size:13px; text-decoration:underline; font-weight:bold} .popup a:hover {color:#8E1214; text-decoration:none;} .footer {} .footer td {color:#242d3a; font-size:10px;} .footer a {color:#242d3a; font-size:10px; text-decoration:none;} .footer a:hover {color:#242d3a;text-decoration:underline;} .footer span {color:#242d3a; font-size:10px;} .footer b, .footer b a {color:#242d3a; font-size:10px; font-weight:bold; text-decoration:underline;} .footer b a:hover {color:#242d3a; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; height:41px; vertical-align:middle;padding:0px 16px 0px 14px;} .result_right {text-align:right;} .result td {color:#505050; font-size:11px;} .result b {color:#505050; font-weight:normal;} .result_right b {color:#e55800; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#e55800; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#e55800; text-decoration:none; } .result_right a.pageResults u {color:#e55800; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#e55800; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body {background: #c9c9c9;} /* -----------box lijevo i desno podloga---------- */ .box_body td {color:#444444;} .box_body span {color:#1a7ca9; font-size:11px; font-weight:normal; font-family:Tahoma} .box_body span a {color:#1a7ca9; font-size:11px; font-weight:bold; text-decoration:none} .box_body span a:hover {color:#1a7ca9; font-weight:bold; text-decoration:underline} /* -----------linkovi u boxovima -----------*/ .box_body a {color:#1a7ca9; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#083950; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01;} .box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#e55801; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#e55801; font-size:11px; text-decoration:underline;} .smallText a u {color:#e55801; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#e55801; font-size:11px; text-decoration:underline;} TD.fieldKey {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} TD.fieldValue {font-family: Verdana, Arial, sans-serif;font-size: 12px;} .main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;} .main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#242d3a; font-size:12px; font-weight:bold;} .box_body SPAN.productSpecialPrice {color:#242d3a;font-size:12px;font-weight:bold;} .cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;} .product em {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold; font-style:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#e55801; text-decoration:underline;} .main a:hover {color:#e55801; text-decoration:none;} .vam {vertical-align:middle;} input {background:#ffffff;} .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart { color:#1a7ca9; font-size:10px; font-weight:bold; text-align:center; vertical-align:middle;padding:3px 0px 3px 0px;} .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px; ;} .line_h { line-height:16px;} .bg_gg {background:url(images/bg_gg.gif) left center repeat-x;} .bg_vv {background:url(images/bg_vv.gif) center top repeat-y;} .bg_gg_1 {background:url(images/bg_gg.gif) left center repeat-x;} .bg_vv_1 {background:url(images/bg_vv.gif) center top repeat-y;} .product div {padding:8px 0px 5px 0px;} div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;} .padd33 img, .padd33 input {margin:2px; } .prod_info {width:100px;} /*sirina slike proizvoda*/ .prod_info td {text-align:center;} .remove { width:20%;} .leon {vertical-align:middle; padding-top:15px; padding-right:20px; } .leonkos {vertical-align:middle; padding-top:48px; padding-right:64px; font-size:12px; font-weight:bold;} .col_center1 {background:#ccffff; width:100%; } .col_right {width:150px;} .padd33 {height:100%;} .main_box { background:url(images/mainback.jpg); width:50%; height:148px; repeat-x; border:1px solid #545456; padding:10px; } .main_box1 { background:url(images/mainback1.jpg); repeat-x; border:1px solid #999999; padding:10px; background: #ffffff;} .scrolling {background: #c9c9c9;font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold; padding-left:10px;} .fitnescontact {background-color: #c9c9c9;height: 82px; width: 160px; border-style: solid; border-color: #333333; border-width: 1px;float: right;} .fitnescontact p {text-align:center;font-size: 11px;color: #333333;vertical-align: middle;font-weight: normal; line-height: 16px;font-family: Verdana, Arial, Helvetica, sans-serif;margin-top: 8px;} h2 { font-size: 19px;} h3 { font-size: 16px;} .opisS {text-align:left; padding:0px 5px 0px 20px;} .linkS a {color:#1a7ca9; font-family:Tahoma; font-size:12px; text-decoration:none;} .linkS a:hover {color:#083950; text-decoration:underline;} .listaS {text-align:left; margin-left:25px; } .cijenaS {color:#3a3b5d; font-weight:bold; text-align:right; padding:5px 25px 0px 0px;} .powerbar { width:150px; margin-left:80px; } .powerbar1 { width:400px; margin-left:80px; } .bg_gg_lav {background:url(images/bg_gg.gif) left center repeat-x; height:20px;} img.floatright{ float:right; margin-top: 10px; margin-right: 10px; margin-left: 8px; } img.centar{ margin-right: 30px; margin-left: 30px; } .products { width:45%;} .quantity { width:15%;} .total { width:20%;} .sub_total { width:80%;} /* ------------------------------------------------- -------------------------------------------------------- */ .box_width_left { width:150px;} .box_width_right { width:150px;} .box_width_cont { width:100%; } /*kada je dodan proizvod*/ /* ------------------------------------------------- -------------------------------------------------------- */ .heading_top_1 {margin-top:2px; border:1px solid #bfbfbf} .heading_top_1 .padd_11 {padding:10px 16px 15px 16px;} .heading_top_1 {margin-top:2px;} .heading_top_3 {margin-top:2px;border:1px solid #bfbfbf} .heading_top_3 .padd_33 {padding:8px 0px 7px 0px; } .heading_top_4 {margin-top:2px;} .heading_top_4 .padd_44 {padding:0px 0px 7px 0px;} .tableBox_output {margin-top:8px;} /*visina stupca proizvoda*/ .tableBox_output1 {margin-top:4px;border-top:2;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:5px;} .tep_draw_prod_top {width:221px;} /* ----------------------------------------------------- ------------------------------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }