/* --------------------------------------
   SPEC - Home
-------------------------------------- */
#home                                  { background: #000 url(../images/body-bg.gif) repeat-x 0 0px; }
#home #headerWrapper                   { background: transparent url(../images/top-bg.gif) repeat-x; font-size:10px;}
#home #footer                          { background: #0a0a0a url(../images/footer.gif) no-repeat 0 0; }
#home #clear                           { clear: both; background: #fff url(../images/container-home-bottom.gif) no-repeat; height:23px;}
/* --------------------------------------
   CONTAINER - HOMEPAGE
-------------------------------------- */
#containerHome,
#clubLogin     { display: inline; }

#containerHome { width: 650px; float: left; }
/*--------------------------------------
   HOME - NEWS
-------------------------------------- */
.newsTop        {
	margin: 25px 0 0 0;
	padding-bottom: 20px;
	}
	
.newsTop,
.news           { margin-left: 29px; }

.news           { 
	clear: both; display: inline-block;
	background: transparent url(../images/hr.gif) no-repeat top center;
	padding-top: 25px;
	margin-top: 10px;
	/margin-top: 0;
	
	}

.news h2,
.newsTop h2     {
	color: #e19f7f;
	font-size: 15px;
	margin: 0 0 11px 0;
	}
	
#containerHome h2 a:link, #containerHome h2 a:visited,
#containerHome h2 a:link, #containerHome h2 a:visited {
	color: #e19f7f;
	text-decoration: none;
	}
	
.newsTop a:link, .newsTop a:visited,
.news a:link, .news a:visited {
	color: #6b6a6a;
	text-decoration: underline;
	}
	
.newsTop a:hover, .newsTop a:active,
.news a:hover, .news a:active {
	color: #6b6a6a;
	text-decoration: none;
	}
	
div.imgContainer { 
	display: inline; float: left;
	background: transparent url(../images/img-bg-top-left.gif) no-repeat; 	
	padding: 0;
	margin: -5px 22px 15px 0;
	width: auto;
	}
	
div.imgContainer p {
	padding: 0 0 0 0;
	position: relative; top: 9px; left: 9px;
	margin: 0;
	background: transparent url(../images/img-bg-bottom-right.gif) no-repeat bottom right;
	}
	
div.imgContainer img { margin: 0 10px 9px 0; padding: 3px 3px 3px 5px;  }
		
/*--------------------------------------
   MAX FACTOR CLUB - Login form
-------------------------------------- */
#clubLogin                     {
	float: right;
	width: 260px;
	height: 345px;
	margin: 6px 6px 0 0;
	padding: 11px 12px 0 21px;
	background: transparent url(../images/club/border.gif) no-repeat left top;
        }
	
#clubLogin h2                  {
	height: 94px; 
	margin-bottom: 10px;
	position: relative;
	background: transparent url(../images/club/max-factor-club-logo.gif) no-repeat 55px 13px;
        }
#clubLogin h2 a {
	position: absolute;
	top: 5px;
	right: 45px;
	display: block;
	width: 160px;
	height: 94px;
        }
	
#clubLogin h2 a span           { display: none; }

#clubLogin form                { padding-top: 17px; background: transparent url(../images/club/dotted.gif) no-repeat; }
#clubLogin form p              {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 40px;
	background: transparent url(../images/club/input-bg.gif) no-repeat 78px center;
        }
#clubLogin form p input        {
	width: 132px;
	height: 19px;
	background: none;
	border: none;
	font-size: 11px;
	vertical-align: middle;
	padding: 3px 5px 0 5px;
	margin-left: 5px;
	overflow: hidden;
        }

#clubLogin form .gumb          { margin: 2px 0 0 77px;  }

#clubLogin ul                  { margin: 30px 0 0 50px; }
#clubLogin ul li               { margin-bottom: 14px; }
#clubLogin ul li a             { padding: 5px 0 5px 28px; }
	
a#lozinkaLink                  { background: transparent url(../images/club/zaboravljena-lozinka.gif) no-repeat left center; }
a#uclanjenjeLink               { background: transparent url(../images/club/uclanite-se.gif) no-repeat left center; }
a#saznajteLink                 { background: transparent url(../images/club/saznajte-vise.gif) no-repeat left center; }

#clubLogin a:link,
#clubLogin a:visited           { color: #fff; text-decoration: underline;  }
#clubLogin a:hover,
#clubLogin a:active            { color: #fff; text-decoration: none;  }
#clubListaOdmak                { background: transparent url(../images/club/line.gif) no-repeat top center; padding-top: 16px; }
#clubListaOdmak a:link,
#clubListaOdmak a:visited      { color: #f3f3f3; text-decoration: underline; }
#clubListaOdmak a:hover,
#clubListaOdmak a:active       { color: #f3f3f3; text-decoration: none; }
/*--------------------------------------
   INFO - 4 COLUMNS
-------------------------------------- */
#info     {
	background: #080808;
	width: 960px; 
	height: 200px;
	clear: both;
        }
	
#info div { 
        display: inline;
        float: left;
        width: 239px;
        height: 100%;
		padding-bottom: 25px;
        background: #080808;
        margin-right: 1px;
        position: relative;
        }

#info div#pressCentar,
#info div#kontaktiInfo { background: #0f0f0f;}
/*--------------------------------------
   INFO - 4 COLUMNS -> Headings
-------------------------------------- */
#info div h3             {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: 10px 9px;
	}

#info h3 a               { display: block; padding: 9px 0 10px 35px; }

#info h3 a:link,
#info h3 a:visited       { color: #e1dfd3; text-decoration: none; }
#info h3 a:hover,
#info h3 a:active        { color: #e1dfd3; text-decoration: underline; }

#promotivneAktivnosti h3 { background: transparent url(../images/promotivne-aktivnosti.gif); border-bottom: 1px solid #5e9fbc; }
#pressCentar h3          { background: transparent url(../images/press-centar.gif); border-bottom: 1px solid #a7336b; }
#prodajnaMjesta h3       { background: transparent url(../images/prodajna-mjesta.gif); border-bottom: 1px solid #be671a; }
#kontaktiInfo h3         { background: transparent url(../images/kontakti.gif); border-bottom: 1px solid #5b6c4d; }
/*--------------------------------------
   INFO - 4 COLUMNS -> Links
-------------------------------------- */
a#svePromocije,
a#sviClanci,
a#svaProdajnaMjesta,
a#sviKontakti              {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #171717;
	padding: 8px 0 0 0;
	height: 41px;
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	}
a#svePromocije:hover,
a#sviClanci:hover,
a#svaProdajnaMjesta:hover,
a#sviKontakti:hover        { text-decoration: none;}

a#svePromocije             {
	background: transparent url(../images/sve-promocije.gif) no-repeat right top;
	color: #5e9fbc;
	width: 129px;
	padding-left: 111px;
        }
a#sviClanci                {
	background: transparent url(../images/svi-clanci.gif) no-repeat right top;
	color: #a7336b;
	width: 100px;
	padding-left: 140px;
        }
a#svaProdajnaMjesta        {
	background: transparent url(../images/sva-prodajna-mjesta.gif) no-repeat right top;
	color: #be671a;
	width: 166px;
	padding-left: 74px;
        }
a#sviKontakti              {
	background: transparent url(../images/svi-kontakti.gif) no-repeat right top;
	color: #5b6c4d;
	width: 114px;
	padding-left: 126px;
        }
/*--------------------------------------
   INFO - 4 COLUMNS -> UL, misc
-------------------------------------- */
#info .detail              {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #bf9986;
	border-left: 1px solid #bf9986;
	margin: 0 0 10px 16px;
	padding-left: 5px;
	}

#info ul                   {
	color: #adadad;
	border-left: 1px solid #393939;
	margin: 0 0 10px 16px;
	padding-left: 5px;
	line-height: 160%;
	}
	
#info ul a:link,
#info ul a:visited         { color: #adadad; text-decoration: underline;  }
#info ul a:hover,
#info ul a:active          { color: #e3e3e3; text-decoration: none;  }

#promotivneAktivnosti ul,
#pressCentar ul            { border: none;}