/* BASIC */
BODY { padding: 0px; margin: 0px; width: 100%; background: #f4f1e8; }
BODY, TD, INPUT, TEXTAREA, SELECT {  font-family: Trebuchet MS,Verdana,Arial,Helvetica; font-size: 13px; color: #333; }
A { color: #021A34; text-decoration: none; outline: none; }
A IMG { border: none; }
A.red { color: #900; }
A.green { color: #789504; }
A.blue { color: #096B90; }
.eleven { font-size: 11px; }
body,td,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,select{font-size:13px;font-family: Trebuchet MS,Verdana,Arial,Helvetica;color:#a3a2a2;margin:0px;}
th { font-weight: normal; }
.strong { font-weight: bold; }
h1 {  }
h2 { margin-top: 2px; margin-bottom: 10px; }
h3 { color: #0053a0; font-size: 15px; margin-top: 0px; }
html {}
body,html { height: 100%; }
.cf {clear:both;}
body,td,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,select{font-size:13px;font-family: Trebuchet MS,Verdana,Arial,Helvetica;color:#a3a2a2;margin:0px;}
P{margin-bottom:0px;line-height:17px;}
IMG{border:none;}
ul, li{margin:0px 0px 0px 15px;padding:0;list-style-position:outside;}
ol{margin:5px 0px 5px 15px;padding:0;list-style-position:inside;}
li{padding:1px 0px;}
A, td a, A:hover{color:#6b6a6a;text-decoration:underline;outline:none;}
a:hover{color:#979797;}
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6{font-family:Trebuchet MS;}
h1, h1 a, h1 a:hover{color:#000;font-size:30px;font-weight:normal;text-decoration:none; display: block; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px;}
h2, h2 a, h2 a:hover{color:#000000;font-size:18px;font-weight:normal;text-decoration:none;}
h3, h3 a, h3 a:hover{color:#c41230;font-size:16px;font-weight:normal;text-decoration:none;}
h4, h4 a, h4 a:hover{color:#000;font-size:14px;font-weight:normal;text-decoration:none;}

#PAGE {
    width: 980px;
    margin: 0 auto;
    margin-top: 72px;
    background-color: #fff;
}
.sprite {
    background: url(http://shop.fplus.si/skin/images/sprite.png) no-repeat;
}
#top-row {
    height: 75px;
    position: relative;
}
#top-row .forma-logo {
    position: absolute;
    left: -23px;
    top: -53px;
}
#navigationContainer{width:235px;background:#f4f1e8;padding-top:16px;padding-bottom:15px;margin-left: 10px;}

#frameNavi { float: left; margin-bottom: 20px; }
#CONTENT { float: left; margin-bottom: 20px; width: 700px; margin-left: 25px; }
#primarna {width:272px;margin-left: -26px;}
#primarna ul, #primarna li{margin:0px;padding:0px;list-style:none;}
#primarna a.level1 { display:block;position:relative; height:55px;padding-top:10px;text-align:right;width:185px;padding:10px 52px 0px 35px;text-decoration:none;background: url(http://shop.fplus.si/skin/images/bg_prim.png) no-repeat bottom;}
#primarna .level1 a.level1 span {display:block;font-size:19px;color:#000;font-weight:bold;}
#primarna a.level1:hover span, #primarna a.active1 span {color:#c41230;}
#primarna a.level1:hover, #primarna a.active1 {background: url(http://shop.fplus.si/skin/images/bg_prim_a.png) no-repeat bottom;}
/*2*/
#primarna ul.level1 .level2finish { height: 11px; background: url(http://shop.fplus.si/skin/images/bg_primBottom.png); }
#primarna ul.level1 ul.level2 { position: relative; text-align:right;background:url(http://shop.fplus.si/skin/images/bg_sekundarna.gif) repeat-y top left;padding: 10px 0px;margin-top:-10px;z-index:20;}
#primarna ul.level1 ul.level2 a {display:block;padding:2px 53px 2px 35px;text-decoration:none;background:url(http://shop.fplus.si/skin/images/seku_li.gif) no-repeat 235px 8px;color: #a6a6a6;font-size:12px;font-family:Trebuchet MS;}
#primarna ul.level1 ul.level2 a:hover, #primarna ul.level1 ul.level2 a.active {color:#c41230;background:url(http://shop.fplus.si/skin/images/seku_li_a.gif) no-repeat 235px 8px;}
#primarna ul.level1 a.level2 {padding:2px 76px 2px 35px;text-decoration:none;background:url(http://shop.fplus.si/skin/images/seku_li.gif) no-repeat 212px 8px;}
/*3*/
#primarna ul.level1 ul.level2 ul.level3 a.level3 {padding:2px 76px 2px 35px;text-decoration:none;background:url(http://shop.fplus.si/skin/images/seku_li.gif) no-repeat 212px 8px;}
#primarna ul.level1 ul.level2 ul.level3 a.level3:hover, #primarna ul.level1 ul.level2 ul.level3 a.active {background:url(http://shop.fplus.si/skin/images/seku_li_a.gif) no-repeat 212px 8px;}
/*4*/
#primarna ul.level1 ul.level2 ul.level3 ul.level4 a.level4 {padding:2px 99px 2px 35px;text-decoration:none;background:url(http://shop.fplus.si/skin/images/seku_li.gif) no-repeat 189px 8px;}
#primarna ul.level1 ul.level2 ul.level3 ul.level4 a.level4:hover, #primarna ul.level1 ul.level2 ul.level3 ul.level4 a.active {background:url(http://shop.fplus.si/skin/images/seku_li_a.gif) no-repeat 189px 8px;}
/*5*/
#primarna ul.level1 ul.level2 ul.level3 ul.level4 ul.level5 a.level5 {padding:2px 122px 2px 35px;text-decoration:none;background:url(http://shop.fplus.si/site/seku_li.gif) no-repeat 166px 8px;}
#primarna ul.level1 ul.level2 ul.level3 ul.level4 ul.level5 a.level5:hover, #primarna ul.level1 ul.level2 ul.level3 ul.level4 ul.level5 a.active {background:url(http://shop.fplus.si/site/seku_li_a.gif) no-repeat 166px 8px;}
#frameSet .karticaUgodnosti{margin-top: 40px; margin-left: -35px;display:block;width:290px;height:165px;background-position:-9px -940px;}

.listItem { float: left; margin-right: 5px; margin-bottom: 7px; height: 200px; border: 1px solid #eee; }
.listItem .picture { height: 160px; }
#products { width: 725px; overflow: hidden; }
#products .product { display: block; text-decoration: none; width: 160px; height: 260px; margin: 0px 12px 10px 0px;  float: left; }
#products .product .title { font-size: 13px; color: black; height: 30px; text-align: center; }
#products .product:hover .title { color: #c41230; }
#products .product .picture { height: 190px; width: 160px; overflow: hidden; }
#products .product .price { height: 24px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat 26px 3px; text-align: center; color: white; font-size: 12px; font-weight: bold; padding-top: 1px; }
#products .product .price .black { display: inline; padding: 2px 3px 1px 3px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) repeat-x 0px -47px; text-align: center; line-height: 25px; }
#products .product .price .strikeout { text-decoration: line-through; color: #ddd; font-weight: normal; }
#products .product .price .red { display: inline; padding: 2px 3px 1px 3px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) repeat-x 0px -28px; text-align: center; line-height: 25px; margin-left: 1px; font-size: 12px; }

#products-paging { text-align: center; }
#products-paging a { display: inline; padding: 2px 2px 2px 2px; margin-right: 1px; margin-left:1px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) repeat-x 0px -47px; line-height: 24px; color: #fff; text-decoration: none; }
#products-paging a.active { background-position: 0px -28px; font-weight: bold; font-size: 15px; }
#products-paging a:hover { background-position: 0px -28px; }
#products-paging a.big { font-size: 15px; }

#content-header { text-align:right; margin-bottom: 10px; position: relative; }
#content-header .search input.btn { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -29px -73px; height: 22px; border: 0; color: #fff; cursor: pointer;   }

/* KOŠARICA */
#CART thead tr { height: 25px; vertical-align:top;}
#CART tbody tr { margin-bottom:10px; }
#CART .pictures { width: 93px; text-align:left;}
#CART .qty { width: 90px; text-align:center;}
#CART .price, #CART .total { width: 85px; text-align:center;}
#CART .buttons { position: relative; height: 42px; margin-top: 20px;}
#CART .buttons button { border: none; background: url(../images/button-bg.png); height: 26px; display: inline-block; color: #fff; text-decoration: none; padding: 4px 7px; }
#CART .buttons button:hover { cursor: pointer; }
#CART .buttons button.empty {left: 140px;}
#CART .buttons button:first-child { left: 0px; }
#CART .buttons button.continue { float: right; background-position: 0px -26px;  }
#CART .remove { width: 50px; text-align: center; }
#CART .remove a { background: url(http://shop.fplus.si/skin/images/cart_remove.gif); width: 16px; height: 16px; display: inline-block; }
#CART .remove span { display: none; }
#CART tfoot .total{ font-weight: bold; color: #000;}

#footContainer{margin:0 auto;width:954px;border:1px solid #dddddd;border-bottom-width:2px;margin-top:9px;padding:25px 11px 25px 11px; background:#f3f3f3;}
#footContainer td{width:245px;}
#footContainer td td{width:auto;padding:0;margin:0;}
#footContainer .oNaslov{font-size:18px;color:#737373;font-weight:bold;}
#footContainer ul{list-style:none;margin:0;margin:10px 0px 15px 6px;padding:0;}
#footContainer ul li{margin:0px;margin:0px; width:210px; padding:2px 0px 2px 2px;color:#737373;font-size:12px;}
#footContainer ul li a{text-decoration:none;color:#737373;font-size:12px;}
#footContainer ul li a:hover{color:#c41230;}
#footContainer ul li strong {color:#000;}
#footContainer ul li:hover { background-position: 0px -768px; }

#visual { overflow: hidden; }
#visual .element { float: left; border: 1px solid #dbdbdb; height: 200px; width: 230px; position: relative; cursor: pointer;  }
#visual .fadeout { opacity:0.5; filter:alpha(opacity=50); 
-moz-transition: background 0.4s;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;}
#visual .element .desc { display: none;  position: absolute; width: 200px; left: 10px; bottom: 10px; background: #C41230; color: #fff; padding: 5px; -moz-border-radius: 7px; border-radius: 7px; }
#visual .element span { position: absolute; bottom: 3px; right: 3px; z-index: 1; background: #fff; padding: 4px; }

#login-bar .button { float: left; clear:both; padding: 4px 7px 0px 7px; height: 22px; background: url(../images/button-bg.png); margin-bottom: 6px; }
#login-bar .button a { color: #fff; text-decoration: none; }

#account-bar { margin-left: 10px; margin-top: 10px; width: 235px; }
#account-bar h3 { font-size: 16px }
#account-bar input { background: #fff; }
#account-bar input.sf-button { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -0px -47px; padding-left: 10px; cursor: pointer; }

.notif_report, .notif_error, .notif_trace { border: solid 1px; margin-top: 20px; padding: 10px 10px 2px 10px; }
.notif_error { border-color: #c33; background-color: #eee; color: #C33; }
.notif_report { border: none; background: url(http://shop.fplus.si/skin/images/notification-bg.png); color: #000; height: 30 }
.notif_trace { border-color: #3974D7; background-color: #eee; color: #3974D7; }
.notif_report div, .notif_error div, .notif_trace div { margin-bottom: 8px; }

.sf-group { border-top-color: #BD2841; }
.sf-group-title { background: #BD2841; }
.sf-buttons-bar input { background: #BD2841; }

#product {}
#product .main-image { float: left; width: 330px; margin-right: 20px; text-align: center; position: relative; min-height: 430px; }
#product .main-image img {float: left;  cursor: pointer; }
#product .main-image img.bigImg { width: auto; cursor: default; }
#product .info { float: left; width: 350px; color: #909191; }
#product .info .price { margin-bottom: 20px; overflow: hidden;  height: 43px; width:350px; }
#product .info .price span { display: block; float: left; padding-left: 13px; padding-right: 13px; color: white; height: 35px; margin-right: 1px; font-size: 22px; font-weight: bold; padding-top: 5px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -161px -57px; }
#product .info .price .red { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -161px -15px; }
#product .info .price .strikeout { font-size: 18px; padding-top: 8px; height: 32px; text-decoration: line-through; }

#product .info .colors { margin-top: 10px; margin-bottom: 10px; }
#product .info .colors .title { font-size: 14px; font-weight: bold; color: black; }
#product .info .colors .prod { display: block; float: left; margin: 3px; text-align: center; padding: 3px; border: 1px solid #e8e8e8; }
#product .info .colors .prod:hover { border-color: grey; }

#product .info .add { position: relative; border: 1px solid #e8e8e8; width: 327px; padding: 9px 9px 40px 12px; background: #e6e6e6 url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -0px -239px; }
#product .info .add .title { color: black; font-size: 17px; }
#product .info .add ul { list-style: none; margin: 0px; margin-top: 4px; margin-bottom: 15px; }
#product .info .add ul li { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -394px -10px; padding-left: 18px; margin: 0px; margin-top: 3px; margin-bottom: 3px; }
#product .info .add .quantity { position: absolute; left: 11px; bottom: 9px; color: black; font-size: 14px; overflow: hidden; width: 250px; }
#product .info .add .quantity div:first-child { float: left; margin-top: 4px; margin-right: 4px;}
#product .info .add .quantity input { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -112px -28px; border: none; height: 26px; width: 45px; text-align: center; }
#product .info .add a.addtocart { display: block; position: absolute; height: 22px; bottom: 9px; right: 9px; background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) -0px -73px no-repeat; text-decoration: none; color: #fff; font-family: Tahoma; padding: 4px 8px 0px 38px; margin-top:-4px; }
#product .info .add a.addtocart:hover { color: red; }
#product .related { margin-top: 25px;}
#product .related .heading { height: 42px; border-bottom: 1px solid #e0e0e0; position:relative; overflow: visible; margin-bottom: 15px; }
#product .related .heading h3 { position: absolute; left: 0px; bottom: -7px; width: 195px; padding-top: 9px; height: 39px; padding-left: 47px;  background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -0px -106px; font-size: 18px; color: #000; }

.kuponUgodnosti { margin-top: 15px; background: #eee; padding: 4px; width: 400px; text-align: left; margin-bottom: 10px; }
.kuponUgodnosti span { font-size: 12px; }
.kuponUgodnosti button { background: url(../images/button-bg.png); height: 22px; color: white; text-decoration: none; border:none; cursor: pointer;}


#smart-search {position: absolute; right: 10px; bottom: 0px; z-index: 100; }
#smart-search input.btn { background: url(http://shop.fplus.si/skin/images/lycart-sprite.png) no-repeat -29px -73px; height: 22px; border: 0; color: #fff; cursor: pointer; }
#smart-search .results {display:none;position:absolute;top:35px;left:-8px;background:#fff;padding:7px; width: 192px;padding-top:3px;color:#000;text-align: center; font-family:'AbelRegular'; font-size: 13px; border: 1px solid #ddd; border-top: none;  }
#smart-search .list { width:210px; }
#smart-search .list > a { font-weight: bold; font-size:10px; }
#smart-search .list a:hover { text-decoration: underline; }
#smart-search .list .product { position: relative; padding: 3px; overflow: hidden;  margin: 1px; border-bottom: 1px solid #eee; }
#smart-search .list .product img {display:block; }
#smart-search .list .product.alt {  }
#smart-search .list .product > div { float: left; margin-right: 5px; }
#smart-search .list .product > div.name {width:144px;font-size:11px;text-align:left;}
#smart-search .list .product > div.name > div { display: table-cell; vertical-align: middle; height:30px; }
#smart-search .list .product > div.name > div > a { display: block; text-decoration: none; color: black; }

.size-table { display: inline-block; position: relative; padding-top: 5px; color: #C41230; font-size: 11px; cursor: pointer; }
.size-table-popup { display: none; position: absolute; top: -180px; left: 100%; background: #fff; padding: 10px; z-index: 10; color: #000; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); cursor: default; }
.size-table:hover .size-table-popup { display: block; }
.size-table-popup table td, .size-table-popup table th { padding: 3px 6px; border-bottom: 1px solid #ddd; text-align: left; }