/* =Body
----------------------------------------------- */
body	
{
	/*text-align: center;*/
	margin: 0;
	padding: 0;
	border: 0;	
	background: #fff url(images/bg.gif) top center repeat-x;
	background-attachment: fixed; 
	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: 970px;
	background-image: url(images/WrapperBg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

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

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

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

	text-align: right;
}

html>body #HeaderRight
{
	margin: 10px 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;
}

#SearchBox
{
	margin: 0;
	padding: 0 0 20px 20px;
	font-size: 10px;
	font-weight: bold;
	color: #115585;
	background-color: Transparent;
}

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

.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: 746px;
	font-size: 11px;
}

#Middle2
{
    line-height: 17px;
}

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

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

}

#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;
	font-family: Arial;
}

#ContentHomepage a, #Content a, #Right a {
    text-decoration: none;
}



.Datum
{
	color: #666;
}

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


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

#MainNavigation a
{
	text-decoration: none;
}

ul#MainNavigation
{
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	list-style-type: none; 
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: Transparent;
}

ul#MainNavigation li
{
	display: inline;
	border-top: solid 4px #fff;
	padding: 0 11px 0 11px;	
	border-right: solid 1px #C2D4E0;
}


ul#MainNavigation li a:hover
{
	text-decoration: none;
	border-top: solid 4px #AFC700;
}

ul#MainNavigation li.selected a
{
	text-decoration: none;
	border-top: solid 4px #AFC700;
}


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

#SubNavigation a
{
	text-decoration: none;
}

#SubNavigation
{
	margin: 25px 0 0 1px;
	padding: 0px 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;
}


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

#BigBannerNew
{
	padding: 0;
	margin: 0 0 0px 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.sub
{
	font-size: 14px;
	font-weight: bold;
	color: #b2c909;
	margin: 15px 0 5px 0;
	padding: 0;
	letter-spacing: -1px;
}


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;
}

h3.OrderContext {
	margin: 0;
	color: #000; 
}

h3.err
{
	color: #f00;
}

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;
	padding-top: 1px;
}

#Right h6 {
    font-family: Arial;
    padding-top: 1px;
}

#Right h6 a {
    color: #fff;
}

#Right h6 a:link {
    text-decoration: none;
}

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

h6 a, h6 a:hover, h6.Red a, h6.Red a:hover
{
	color: #fff;
	text-decoration: none;
}

h6 a:hover
{
	text-decoration: underline;
}

h6.Red
{
	background-image: url(images/HeadlineBgRed.gif);
	padding-top: 1px;
}

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

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, .NovostiArea2
{
	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;
	width: 200px;
}

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


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


.ImageLeft
{
	margin:0 10px 10px 0;
	padding: 0;
	float: left;
}

.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;
}


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

.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/hor2.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/hor2.gif);
	background-position: top center;
	background-repeat: repeat-x;
	/*height: 28px;*/
	font-weight: bold;
}

sup {
	color: #999;
	padding-left: 3px;
}

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: 20px 20px 0 220px;
	padding: 5px 0 20px 0;
	border-top: dotted #ccc 1px;
	text-align: center;
	line-height: 15px;
	font-family; Arial;
}

#ArticleDetailDesc
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

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

#PriceNumberBig
{
	color: #c70000;
}

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

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

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

#ArticleDetailSlika2 {
	margin: 0 20px 0 20px;
	padding: 0;
	float: right;
}

#ArticleDetailSlika2 img {
    border: solid 1px #e9eef2;
}



#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: 536px;
}

#UserControl {
	/*text-align: right;*/
	/*margin-top: 5px;*/
	font-weight: bold;
}

#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: 521px;
}

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: 30px 0 0 0;
    /*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: 20px 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: 475px;
}

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

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

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

.Curr
{
    float: right; 
    width: 100px;
    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-bottom: 30px;
	padding: 10px;
}

legend
{
    color: #afc700;
}

fieldset .txtInput {
	width: 300px;
	/*border: solid 1px #ccc;*/
	border-top: solid 1px #666;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #ccc;
	padding: 3px;
	text-transform: none;
	font-size: 12px;
}



fieldset dl dt 
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

fieldset dl dd 
{
	margin: 0 0 15px 0;
	padding: 0;
}

.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: 400px;
  float: left;
  margin-right: 10px;
}

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


.CompareHeader td
{
  font-size: 12px;
  font-weight: bold;
}

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


.ItemTR
{
	background-color: #fff;
}

.AlternateTR
{
	background-color: #eee;
}

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

.btn {
	padding: 3px 6px;
	font-size: 10px;
	font-weight: bold;
}

.SelectBox1
{
    margin: 0 0 20px 0;
    padding: 2px 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: 600px;
    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: none;
}

.dd, .selDropDown
{
  font-size: 11px;
  border: solid 1px #ddd;
}

.miniThumbs
{
	width: 100%;
	margin-top: 15px;
}


.miniThumbs2
{
	width: 220px;
	margin-top: 15px;
}

.miniThumbs2_2
{
	width: 490px;
	margin-top: 15px;
	float: left;
}



/*
.miniThumbs p
{
	float: left;
	width: 70px;
}

.miniThumbs p img
{
	border: solid 1px #afc700;
}
*/


/* IMAGE GALLERY */
.image {
	width:60px;
	height:60px;
	border:1px solid #5f9cd5;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}
.image div {
	width:58px;
	height:58px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}
.image img { border:none; }





.miniThumbs2 .image, .miniThumbs2_2 .image {
	width:45px;
	height:45px;
	border:1px solid #d9e4e9;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
}
.miniThumbs2 .image div, .miniThumbs2_2 .image div {
	width:43px;
	height:43px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}
.miniThumbs2 .image img, .miniThumbs2_2 .image div { border:none; }



.miniThumbs2_2 .image {
	width:42px;
	height:42px;
}

.miniThumbs2_2 .image div {
	width:40px;
	height:40px;
}


.Err
{
	font-weight: bold;
	color: #b40000;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #b40000;
	font-size: 15px;
}

.ErrSmaller
{
	font-weight: bold;
	color: #b40000;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #b40000;
}

.Ok
{
	font-weight: bold;
	color: #3bb400;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #3bb400;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


#BasketTable td {
	border-bottom: dotted 1px #ccc;
}


#BasketTable tr.trNoBorder td {
	border-bottom: dotted 0px #fff;
}

#Debug {
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 1em 0;
}

#Debug h2 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

.tblOrder {
	margin-top: 20px;
	clear: both;
}

.tblOrder tr th {
	background-color: #215376;
	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;
}

dl.OrderUserInfo {
	margin: 20px 0;
	padding: 0;
	line-height: auto;
}

dl.OrderUserInfo dt, dl.OrderUserInfo dd{
	margin: 0;
	padding: 0;
}

dl.OrderUserInfo dd{
	margin: 0 0 15px 0;
	padding: 0;
}


dl.OrderUserInfo dt {
	font-weight: bold;
}



dl.OrderUserInfo2 {
	margin: 10px 0;
	padding: 0;
	line-height: auto;
}

dl.OrderUserInfo2 dt, dl.OrderUserInfo2 dd{
	margin: 0;
	padding: 0;
}

dl.OrderUserInfo2 dd{
	margin: 0 0 10px 0;
	padding: 0;
}


dl.OrderUserInfo2 dt {
	font-weight: bold;
}

#DeliveryZone {
	display: none;
}

.PonudaBig {
	font-size: 17px;
	font-weight: bold;
	/*letter-spacing: -1px;*/
}


.trokut {
	padding: 0 0 0 15px;
	background-image: url(images/trokut.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #c00;
	display: block;
	font-weight: bold;
}

.UserInfoBoxed {
	padding: 0 10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 20px 0; 
	float: left;
}

.Ponuda {
	float: left;
	margin-left: 20px;
}

#MarqueeId {
    border-top: solid 1px #c3d4df;
    border-bottom: solid 1px #c3d4df;
    padding: 3px 0;
    margin-top: -12px;
}

#MarqueeId a {
    text-decoration: none;
}

#MarqueeId a:hover {
    text-decoration: underline;
}


#MarqueeId2 {
    border-top: solid 1px #c3d4df;
    border-bottom: solid 1px #c3d4df;
    padding: 3px 0;
    margin-top: 15px;
}

#MarqueeId2 a {
    text-decoration: none;
}

#MarqueeId2 a:hover {
    text-decoration: underline;
}




.ttt ul li {
    background-color: #f00;
}

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

.stars {
	background-image: url(images/stars.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	width: 83px;
	height: 17px;
}

.alignRight {
    text-align: right;
}

fieldset .txtArea {
    height: 200px;
    width: 680px;
}

fieldset .txtInputWider {
    width: 680px;
}


#topTable {
    width: 597px;
    float: right;
}

#topTable td.topCell1 {
    width: 223px;
	background-image: url(images/topBaket.jpg);
	background-position: top right;
	background-repeat: no-repeat;

	font-size: 10px;
	color: #326080;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
}

#topTable td.topCell1 a {
    text-decoration: none;
}

#topTable td.topCell2 {
    width: 233px;
}

#topTable td.topCell3 {
    width: 142px;
}


#topTable td a {
    text-decoration: none;
}


#program {
    width: 725px;
}


.important-notice {
    padding: 10px;
    background-color: #f4f7f9;
    border: solid 1px #c0d3e2;
}


p.ras {
    margin: 0;
    padding: 0;
}

p.r100, p.r300 {
    color: #00B050
}

p.r200 {
    color: #249ec6;
}

p.r400 {
    color: #B80C0C;
}

p.r500 {
    color: #FFC000;
}

p.r600 {
    color: #FF9933;
}