

hr
{
    color: #E7E7E7;
    background-color: #CCCCCC;
    height: 1px;
    border: 0;
}
body
{
    background-position: #333333;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #999999;
}

#logo
{ 
margin-top: 30px; margin-left:10px; float:left }

#LinkTop2
{
    float:left;
    min-height:50px;
    width: 960px;
    margin-left:0px;
}
#RCol
{
    
}
#wrapper
{
    
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #808080 #808080 #FFFFFF #808080;
    text-align: left;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    background: #FFFFFF ;
}

#MasterPageContent
{
   
}

#header
{
    background-repeat: no-repeat;
    background-color: #fff; 
}

#linkovi
{
    background-color: #ffffff;
    padding-top: 0px;  width:550px;
    *padding-top: 10px;
}
#Linkovi2
{
    height: 62px; width:215px; padding-top:5px;
    background-color: #fff;
    position:absolute;
    vertical-align:middle; 
    text-align:left;
     margin-left:740px; margin-top:-70px; background-color:#ECECEC;
   
}
#Linkovi2 a
{
    color: #666666;
}
#WhiteSpace
{
    height: 15px;
    background-image: url('/Uploads/image/bg1.gif');
    background-repeat: repeat-x;
}

#WhiteSpaceFooter
{
    height: 18px;
    background-color: #ffffff;
    z-index:5000;
}

#main {
  position: relative;
  width: 100%;
  background-repeat: repeat-y;
  top: 0px;
  left: 0px;
}

#webForms
{
    width:425px;
    margin-left:50px;
}
#footer1
{
    color: #CCCCCC;
    margin-bottom: 15px;
}
#footer1 a
{
    color: #CCCCCC;
}
	/* Footer styles */
#footer
{
    clear: both;
    width: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    border: 0;
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    padding-top: 8px;
}

#footer a
{
    color: #fff;
}


#footer p {
		padding:10px;
		margin:0;
		font-size: 14px;
	}

	/* --> */

.addEmail
{


    width: 185px;
    padding: 7px ;
    margin-left:5px;
    margin-bottom:10px;
    background-color: #B1B2B6;
    margin-top:8px;
    color:White;
}
.addEmail hr
{
    color:White;
    background-color:White;
}
.RotorContent
{
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: #000000;
}

#HomeContent
{
    width:710px;
    margin-left:10px; margin-top:25px;
    float:left;
}
#PagesContent
{
    width: 580px;
    margin-right: 23px;
    margin-left: 15px;
    margin-top:25px;
    float: left;
}

.HyperLinkPosaljiUpit
{
    position: relative;
    top: -280px;
    right: -840px;
}
	/* Pages column styles */
	
#CataloguePagerPosition
{
    left: -140px;
    position: relative;
}

#PicturePagerPosition
{
    left: -60px;
    position: relative;
}	
	
	
	
/* column container */
#colmask
{
    background-position: #EAEAEA;
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: #EAEAEA; /* Left column background colour */
    
}

#colmid
{
    background-position: #99CCFF;
    float: left;
    width: 200.5%;  /* Sirina srednje i desne kolone (za 210px - 540 px - 210 px = 196 %  //  sa width: 239.6%; desna kolona = 0*/
    position: relative;
    left: 187px;  /* Sirina lijeve kolone u px */
    background: #ffffff; /* Centre column background colour */

}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#EAEAEA;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:54.4%;    /* Sirina sadrzaja unutar srednje kolone */
	position:relative;
	top:0px;    /* Pomak gore - dolje sadrzaja unutar srednje kolone */
	right:95.7%;   /* Pomak lijevo - desno sadrzaja unutar srednje kolone */;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;width:540px;
}
#col1 {
	width:100%;
	overflow:hidden; margin-top:15px;
	min-height:500px;
}
#col2 {
	float:left;
	position:relative;
	margin-left:-50%; 
	left:214px;    /* Pomak lijevo - desno sadrzaja unutar lijeve kolone */
	top:0px;    /* Pomak gore - dolje sadrzaja unutar lijeve kolone */
	overflow:hidden;
}
#col3 {
	float:left;
	width:205px;    /* Sirina sadrzaja unutar desne kolone */
	position:relative;
	left:0px;    /* Pomak lijevo - desno sadrzaja unutar desne kolone */
	top:0px;    /* Pomak gore - dolje sadrzaja unutar desne kolone */
	overflow:hidden;
}
#kosarica
{
 
}
.panelWebShop
{
 margin-left:15px;
}
.tblWebShop
{
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    width: 419px;
    border-collapse: collapse;
    border-spacing: 2px;
}

.tblWebShop td
{
 text-align:left;
}
.tboxw
{
    width: 200px;
    font-size: 16px;
}
.ProgressTemplateCss
{
    background-position: center top; 
    font-weight: bold; 
    color: #FF0000; 
    position: fixed;
    background-color: #FFFF99; 
    top: 10px; 
    font-size: 16px;
}

	/* HOME column styles */
	
/* column container */
#colmask_h
{
    background-position: #EAEAEA;
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    margin-top:0px;
}

#colmid_h
{

    float: left;
    width: 239.5%; /* Sirina srednje i desne kolone (za 210px - 540 px - 210 px = 196 %  //  sa width: 239.6%; desna kolona = 0*/
    position: relative;
    left: 0px; /* Sirina lijeve kolone u px */
}
#colright_h
{

    float: left;
    width: 100%;
    position: relative;
    left: 50%;background-color:#E9E9EB;
    margin-left: -400px; 
}
#col1wrap_h {
	float:right;
	width:50.8%;    /* Sirina sadrzaja unutar srednje kolone */
	position:relative;
	top:0px;    /* Pomak gore - dolje sadrzaja unutar srednje kolone */
	right:99.7%;   /* Pomak lijevo - desno sadrzaja unutar srednje kolone */
}
#col1pad_h
{
    margin: 10px 15px 0 415px;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
    z-index: -1;
}
#col1_h
{
	width:100%;
	overflow:hidden;
	min-height:350px;
	border-style: solid none none none;
    border-width: 0px; 
    border-color: #FFFFFF; margin-bottom:10px; margin-top:10px; 
}
#col2_H
{
	float:left;
	width:212px;   /* Sirina sadrzaja unutar lijeve kolone */
	position:relative;
	margin-left:-50%; 
	left:190px;    /* Pomak lijevo - desno sadrzaja unutar lijeve kolone */
	top:-5px;    /* Pomak gore - dolje sadrzaja unutar lijeve kolone */
	overflow:hidden;
}
#col3_h
{
	float:left;
	width:205px;    /* Sirina sadrzaja unutar desne kolone */
	position:relative;
	
	 
	left:0px;    /* Pomak lijevo - desno sadrzaja unutar desne kolone */
	top:0px;    /* Pomak gore - dolje sadrzaja unutar desne kolone */

}