/* =Body
----------------------------------------------- */
body	
{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #fff url(images/bg.gif) top center repeat-x;
	background-attachment: fixed; 
	background-image: none;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px
}

td
{
	font-size: 11px;
	vertical-align: top;
	line-height: 15px;
}

/* main link styles
----------------------------------------------- */
a, a:link {
	color:#115585;
	text-decoration: underline;
}
a:visited {

}
a:hover {
	color:#356299;
	text-decoration: none;
}


/* General
----------------------------------------------- */
p
{
	margin: 0;
	padding: 0 0 10px 0;
}

img
{
	border-width: 0px;
}


/* =Wrapper
----------------------------------------------- */
#Wrapper
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 600px;
	background-image: none;
}

/* =Header
----------------------------------------------- */
#Header
{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff url(images/HeaderBg.jpg) top center no-repeat;
	font-size: 10px;
	height: 117px;
	display: none;
}

/* =Logo
----------------------------------------------- */
#Logo
{
	float: left;
	margin: 26px 0 0 22px;
	padding: 0;
	display: none;
}

/* =HeaderRight
----------------------------------------------- */
#HeaderRight
{
	float: right;
	margin: 16px 10px 0 0;
	padding: 0;
}

html>body #HeaderRight
{
	margin: 16px 20px 0 0;
}

#HeaderRight .Banner
{
	display: block;
}

#HeaderRight p
{
	text-align: right;
	margin-top: 15px;
}

.Basket
{
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(images/Basket.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight:bold;
}



#Main
{
	background-color: Transparent;
}


/* =Left
----------------------------------------------- */
#Left
{
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(images/LeftBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 224px;
	background-color: Transparent;
	display: none;
}

#SearchBox
{
  display: none;
}

#Debug
{
  display: none;
}

#Cards
{
	margin: 10px 0 0 20px;
	padding: 5px 0 0 0;
	background-color: Transparent;
	display: none;
}

.TextBox, .TextBox2
{
	background-image: url(images/TextBoxBg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
}

.TextBox
{
	width: 131px;
}

.TextBox2
{
    width: 200px;
}

.DropDown
{
	font-size: 11px;
	margin-right: 10px;
}


#Middle, #Middle2
{
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	font-size: 11px;
}

#Middle2
{
    line-height: 17px;
}

.TextContent
{
    margin: 0;
    padding: 0 10px 0 0;
}

#Content
{
	margin: 0;
	padding: 0 10px 0 0;
	width: 100%;
	background-color: Transparent;
	background-image: url(images/VerSep.gif);
	background-repeat:repeat-y;
	background-position: 0 0;
	width: 100%;
}

#Content ul
{
	list-style-type: none;
	margin: 10px 0 0 10px;
	padding: 0;
}

#Content li
{
	background-image: url(images/GreenDot.gif);
	background-repeat:no-repeat;
	background-position: 0 8px;
	margin: 0;
	padding: 0 0 0 10px;
}


#ContentHomepage
{
	margin: 0 15px 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 17px;
}

.Datum
{
	color: #666;
}

#Right
{
	float: right;
	margin: 0;
	padding: 0;
	width: 0;
}


/* =MainNavigation
----------------------------------------------- */

#MainNavigation
{
  display: none;
}


/* =SubNavigation
----------------------------------------------- */

#SubNavigation 
{
  display: none;
  width: 1px;
}

#SubNavigation
{
	margin: 10px 0 0 1px;
	padding: 4px 0 0 0;
	list-style-type: none; 
	font-size: 11px;
	/*text-transform: uppercase;*/
	letter-spacing: 0;
	font-family: Arial;
}

#SubNavigation li
{
	padding: 0 0 0 8px;
	margin: 0;	
	background-image: url(images/SubNavBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*height: 27px;*/
	line-height: 27px;
}

.PlusMinus
{
    margin: 0 5px 0 0;
    padding: 0;
}

.SubLi
{
	width: 150px;
}

.strongLi
{
    font-weight: bold;
    font-size: 11px;
    
}

#SubNavigation ul
{
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-type: none; 
	text-transform: none;
	line-height: 20px;
}


#SubNavigation ul li
{
  
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(images/GreenDot.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	background-color: Transparent;
	line-height:20px;
}


html>body ul#SubNavigation ul li
{
	margin-left: 30px;
}

/* =Mailing
----------------------------------------------- */
#Mailing
{
	margin: 0;
	padding: 10px 15px 0 15px;
	color: #fff;
	font-size: 11px;
	height: 84px;
	background-image: url(images/MailingBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#Mailing p
{
	margin: 0;
	padding-bottom: 10px;
}


/* =Brands
----------------------------------------------- */
#Brands
{
	background-image: url(images/BrandsBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 35px 0 0 19px;
	margin: 0 0 200px 0;
	display: none;
}


/* =BigBanner
----------------------------------------------- */
#BigBanner
{
	padding: 0;
	margin: 0 0 30px 0;
}



/* =h1-h6
----------------------------------------------- */
h1
{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin: 10px 0 5px 0;
	padding: 0;
}

h2
{
	font-size: 18px;
	font-weight: bold;
	color: #b2c909;
	margin: 15px 0 5px 0;
	padding: 0;
}

h2.akcijaBig
{
  padding: 0 0 0 70px;
	background-image: url(images/akcijaBig.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

h3
{
	font-size: 13px;
	font-weight: bold;
	color: #b2c909;
	margin: 15px 0 0 0;
	padding: 0;
}

h4
{
	font-size: 11px;
	font-weight: bold;
	color: #b2c909;
	margin: 0;
	padding: 0;
}

h4.artikli
{
	font-size: 11px;
	font-weight: bold;
	color: #f00;
	margin: 0;
	padding: 0;
}

h6
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0 0 20px 13px;
	background-image: url(images/HeadlineBg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

h6.PriceList
{
    margin: 20px 0 0 0;
    padding: 0 0 10px 13px;
}

h5
{
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
}

h5.compareH5
{
  display: none;
}

h6.novosti
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0 0 5px 13px;
	background-image: url(images/NovostiBgHeader.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* =Column
----------------------------------------------- */
.Column
{
	float: left;
	width: 123px;
	font-size: 10px;
	height: 200px;
}

.Column a
{
	font-weight: bold;
}

.Column img
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

.Price
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight:bold;
	color: #C70000;
}



/* =Misc
----------------------------------------------- */

#NovostiArea
{
	margin: 0;
	padding: 10px;
	background-image: url(images/GreenArea.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*height: 963px;*/
	font-size: 11px;
	line-height: 15px;
}

#NovostiArea img
{
	border: solid 1px #AFC700;
}


.ImageRight
{
	margin:0 0 10px 10px;
	padding: 0;
	float: right;
}

.ImageBorder
{
	border: solid 1px #AFC700;
}

.BannerSide
{
	margin-bottom: 8px; display: block;
}

#BreadCrumbs
{
	font-size: 10px;
	color: #666;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: solid 4px #eee;
	display: none;
}


.ArticleItem
{
	margin: 0 5px 10px 0;
	padding: 0;
	width: 235px;
	font-size: 10px;
	float: left;
	line-height: normal;
	border-bottom: solid 5px #c3d4df;
}

.ArticleItemImage
{
	margin: 0;
	padding: 0;
	float: left;
	width: 95px;
	height: 150px;
	background-color: Transparent;
}

.ArticleItemDesc
{
	margin: 5px 0 0 0;
	padding: 0;
	height: 145px;	
	color: #666;
}

.ArticleItemDescText
{
	margin: 0 0 3px 0;
	padding: 0;
	height: 86px;	
	background-image: url(images/hor3.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

.ImageBuy
{
    display: block;
    float: left;
    margin: 5px 0 0 0;
}

html>body .ImageBuy
{
	top: 45px;
}

.ArticleActionBar
{
	margin: 0 0 5px 0;
	padding: 5px 0px;
	background-image: url(images/hor3.gif);
	background-position: top center;
	background-repeat: repeat-x;
	/*height: 28px;*/
	font-weight: bold;
}

p.povecalo
{
	padding: 0 0 0 20px;
	background-image: url(images/povecalo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	float: left;
	height: 30px;
	display: inline;
}

p.detalj
{
	padding: 0 0 0 20px;
	background-image: url(images/detalj.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	float: left;
	height: 30px;
	display: inline;
}

#Footer
{
	font-size: 10px;
	color: #999;
	margin: 0;
	padding: 0;
	border-top: solid #ccc 1px;
	display: none;
}

#ArticleDetailDesc
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#PriceBigLabel
{
	font-size: 14px;
	font-weight: bold;
}

#PriceNumberBig
{
	color: #c70000;
}

#ArticleDetailKupi
{
	margin: 30px 0 0 0;
}	

html>body #ArticleDetailKupi
{
	margin: 10px 0 0 0;
}

#ArticleDetailSlika
{ 
	margin: 0 20px 0 20px;
	padding: 0;
}

#ArticleSpec, #ArticleSpecNothing
{
	background-image: url(images/table.gif);
	background-repeat:	no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 10px;
	height: 480px;
	float: left;
	width: 100%;
}

#ArticleSpecNothing
{
	background-image: none;
}

#ArticleSimilar
{
	background-image: url(images/table2.gif);
	background-repeat:	no-repeat;
	background-position: 0 0;
	margin: 0 0 0 5px;
	padding: 10px;
	height: 480px;
	float: left;
	width: 193px;
}

html>body #ArticleSpec
{
	width: 100%;
}

html>body #ArticleSimilar
{
	width: 184px;
	margin: 0;
	padding: 5px;
}

#ArticlesSimilarList
{
	margin: 20px 0 0 0;
	padding: 0;
	color: #999;
	background-color: Transparent;
	font-size: 10px;
	line-height: 15px;
}

#ArticlesSimilarListItem
{
	margin: 10px 0 0 0;
	padding: 0 5px 10px 5px;
	background-image: url(images/hor.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-color: Transparent;
}

.FormSeparator
{
    margin: 10px 0 0 0;
    height: 15px;
	background-image: url(images/hor2.gif);
	background-position: top center;
	background-repeat: repeat-x;
}

#ArticlesSimilarListItem img
{
	/*float: right;*/
	border: solid 1px #99cc33;
}


#tabs
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 29px;
	font-size: 9px;
}

html>body #tabs
{
	margin-bottom: -5px; 
}

#tabs ul
{
	margin: 0;
	padding: 0;
}

#tabs li
{
	display: inline;
	width: 118px;
	background-image: url(images/tab_on.gif);
	background-repeat:	no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 5px 0 6px 15px;
}

#tabs li.off
{
	background-image: url(images/tab_off.gif);
}

html>body #tabs li
{
	padding: 8px 38px 20px 10px;

}

.TableHeader
{
    background-image: url(images/HeaderBg.gif);
    background-repeat: repeat-x;
    background-position: 0 0;    
}

td input
{
    padding: 3px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 9px;
    text-transform: uppercase;
    width: 65px;
}

td.Kolicina input
{
    background-color: #ecf2c1;
    background-image: url(images/txtbg.gif);
    background-repeat: no-repeat;
    background-position: 0 0;   
    width: 25px;
    font-size: 10px;
}

.HideColumn
{
    display: none;
    visibility: hidden;
}

.OrderTableFooter
{
    border-top: solid 1px #000;
    background-color: #ecf2c1;
}

td
{
}

.NewsItem
{
    padding: 0 0 5px 0;
    background-image: url(images/hor2.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
}

#TotalPrice
{
    margin: 20px 0 0 0;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    background-image: url(images/hor2.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}

#TotalPrice u
{
    color: #c70000;
}

.Pager, .PagerTop
{
    margin: 15px 0 0 0;
    padding: 10px 0 0 0; 
    text-align: center;
    border-top: solid 1px #eee;
}

.BrowseZone
{
    margin: 15px 0 0 0;
    padding: 10px 0 0 0; 
    float: left;
    width: 250px;
}

.PagerTop
{
    margin: 5px 0 0 0;
    padding: 10px 0 0 0; 
    text-align: center;
    border-top: solid 0px #eee;  
}

html>body .PagerTop
{
    padding: 10px 0 0 0; 
}

.Prev
{
    float: right; 
    width: 18px;
    text-align: right;
}

.Curr
{
    float: right; 
    width: 80px;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}

.Next
{
    float: right; 
    width: 18px;
    text-align: right;
}

html>body fieldset
{
	border: solid 1px #d0d0bf;
}

fieldset
{
	margin-top: 5px;
	margin-bottom: 30px;
}

legend
{
    color: #afc700;
}

.FieldsetEditArea
{
	margin: 0;
	padding: 5px
}


.Q
{
    font-weight: bold;
    width: 200px;
    float: left;
    margin-bottom: 10px;
}

.Q2
{
    font-weight: bold;
    width: 280px;
    float: left;
    margin-bottom: 10px;
}

.A
{
    float: left;
    margin-bottom: 5px;
}

#Report p
{
	background-image: url(images/alert.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 0px 0 0 20px;
	color: #ca0000;
	background-color: #fefde5;
}

#Report p.ok
{
	/*background-image: url(images/alert.gif);
	background-repeat: no-repeat;*/
	margin: 10px 0 0 0;
	padding: 0px 0 0 20px;
	color: #b2c909;
	background-color: #fefde5;
}

.DropDownList1
{
    margin-bottom: 5px;
    margin-left: 10px;
    font-size: 11px;
}


.SearchResultItem
{
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url(images/hor.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-color: Transparent;
}

.SearchPaging
{
    font-size: 9px;
    background-color: #f4f5f9;
    margin: 0 0 5px 0;
    height: 20px;
}

.SearchTotal
{
    float: left;
    width: 200px;
}

.SearchPagingNums
{
    float: right;
    text-align: right;
}


.CardEdit
{
    background-color: #fff5ee;
}


#PriceList
{
    /*
	margin: 0;
	padding: 0;
	background-color: Transparent;
	overflow: auto;
	height: 800px;
	width: 740px;
*/
}

#CompareBrandList
{
  height: 400px;
  overflow: auto;
  width: 200px;
  float: left;
  margin-right: 10px;
}

#CompareArticleList
{
  height: 400px;
  overflow: auto;
  width: 100%;
  float: left;
  margin-right: 10px;
}

.CompareHeader
{
  background-color: #edf5da;
  height: 30px;
}

.CompareHeader td
{
  font-size: 15px;
  vertical-align: middle;
}

.HeaderTR
{
	background-color: #aec602;
	color: #fff;
	font-weight: bold;
}


.ItemTR
{
	background-color: #fff;
}

.AlternateTR
{
	background-color: #eee;
}

.BtnSubmit2
{
    font-size: 10px;
    font-weight: bold;
}

.SelectBox1
{
    margin: 0 0 20px 0;
    padding: 0;
	font-size: 10px;
}

html>body .SelectBox1
{
    margin: 0;
}

.novo
{
	background: Transparent url(images/novo.gif) 0 0 no-repeat;
	padding: 0 0 0 35px;
	color:#000;
}

.akcija
{
	background: Transparent url(images/akcija.gif) 0 0 no-repeat;
	padding: 0 0 0 43px;
	color:#000;
}

.novoAkcija
{
	background: Transparent url(images/novo_akcija.gif) 0 0 no-repeat;
	padding: 0 0 0 79px;
	color:#000;
}


.Naruci
{
    
}

#WrapperError
{
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}

#ErrBg
{
	text-align: left;
	margin: 0 auto;
    padding: 20px 20px 20px 20px;
    width: 100%;
    height: 258px;
    background-image: url(images/ErrBg.gif);
    background-repeat: no-repeat;
    text-align: left;
}

#ErrBg h2
{
    margin-top: 35px;
}

#ErrBg a
{
    text-decoration: underline;
    font-weight: bold;
}
#ErrBg a:hover
{
    text-decoration: none;
}









/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none ! important;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em ! important;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0 ! important;
 padding: 3px 0 ! important;
 border-bottom: 1px solid #c2d3df ! important;
 font: bold 12px Verdana, sans-serif ! important;
}

ul.tabbernav li
{
 list-style: none ! important;
 margin: 0 ! important;
 padding: 0 ! important;
 display: inline ! important;
 background-image: none ! important;
}

ul.tabbernav li a
{
 padding: 3px 0.5em ! important;
 margin-left: 0 ! important;
 margin-right: 3px ! important;
 border: 1px solid #c2d3df ! important;
 border-bottom: none ! important;
 background: #e9eef2 ! important;
 text-decoration: none ! important;
}

ul.tabbernav li a:link { color: #115585 ! important; }
ul.tabbernav li a:visited { color: #115585 ! important; }

ul.tabbernav li a:hover
{
 color: #000 ! important;
 background: #fff ! important;
 border-color: #c2d3df ! important;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff ! important;
 border-bottom: 1px solid #fff ! important;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000 ! important;
 background: white ! important;
 border-bottom: 1px solid white ! important;
}





/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px ! important;
 border:1px solid #c2d3df ! important;
 border-top:0 ! important;
/* height: 400px;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none ! important;
}
.tabberlive .tabbertab h3 {
 display:none ! important;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 /*height:200px ! important;*/
 overflow:auto ! important;
}

#printLogo
{
  display: block;
}

#tblCompare
{
  display: none;
}


.tblOrder {
	margin-top: 20px;
}

.tblOrder tr th {
	background-color: #000;
	color: #fff;
	padding: 3px 2px;
}

.tblOrder tr td {
	background-image: url(images/hor2.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	padding: 5px 2px;
}