* { margin:0; padding:0 ;}

html,body { height: 100%; width: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
}

a {
	color: #666666;
	text-decoration: none;
	outline: none;
}

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

a img { border: none; }

.holder { background:url(img/linija.gif) repeat-y; }

p { line-height: 140% }

.logo {
	margin-right:42px; 
	padding-bottom:10px;
	margin-top:10px;
}

* html .logo {
	padding-bottom:7px;
	margin-top:6px;
}
/*========================== HEADER ===================*/

#header { 
	margin:0px; 
	padding:0px;
	height:80px;
	text-align:left;
}
		
/*==========================  MENU  ================*/

#menu {
	float:left;
	height: 30px;
}

#menu ul{
	padding: 15px 0 0 40px;
	margin: 0 0 0 0px;
}

#menu li {
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
		
.menu1, .menu2, .menu3,	.menu4, .menu5, .menu6 {
	background-repeat: no-repeat;
	background-position: bottom;
}

.menu1 { background-image: url(img/meni1.gif); }
.menu2 { background-image: url(img/meni2.gif); }
.menu3 { background-image: url(img/meni3.gif); }
.menu4 { background-image: url(img/meni4.gif); }		
.menu5 { background-image: url(img/meni5.gif); }		
.menu6 { background-image: url(img/meni6.gif); }	

/*==========================HOME================*/

.home {
	padding: 5px 0px 0 38px;
	text-align: left;
}

.home3 {
	width: 685px;
	height: 480px;
	overflow: auto;
	padding: 5px 0px 0 38px;
	text-align: left;
	color: #888888;
	
	z-index: 1;
}

.home3 p { color: #888888; }

.home1 {
	padding: 5px 0px 0 42px;
	text-align: left;
}
.home a { font-weight: bold; }
.home p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 135%;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}

.home3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 135%;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}

#footer {
	font-size: 85%;
	margin-right: 20px;
	text-align: right;
	height: 13px;
}

.home .podpodnaslov {
	font-size: 14px;
	font-weight: bold;
}

.home .crveno{ color:#FF1D00; }

.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-align: left;
	padding-left: 3px;
	border: #999999 solid 1px;
}

.textVELIKI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-align: left;
	border: #999999 solid 1px;
	padding:10px;
	width: 365px;
	height: 180px;
	margin-bottom:10px;
}

.button {
	background-color:#FF1D00;
	width: 55px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: none;
}
.home .naslov {
	display: block;
	font-size: 18px;
	color: #FF1D00;
	padding-top: 5px;
	line-height: 18px;
	/*border-top:#333333 solid 1px;*/
}

.home3 .naslov {
	display: block;
	font-size: 18px;
	color: #FF1D00;
	padding-top: 5px;
	line-height: 18px;
	/*border-top:#333333 solid 1px;*/
}

.home .PODnaslov {
	font-weight: 900;
	font-size: 155%;
	color: #666666;
}


/*  ----------------- Darko CSS  ----------------------  */

#MenuContainer {
	display: block;
	position: relative;
	float: left;
	margin-top:10px;
	top: 10px;
	left: 42px;
/*	margin-top:43px;*/
	/*padding-bottom:18px;*/
}
* html #MenuContainer {
	margin-top:6px;
}

#MenuContainerBuy {
	display: block;
	position: relative;
	float: left;
	left: 42px;
	width:38px;
	height:38px;
	padding-top:3px;
}

#MenuContainerBuy a.buy {
	color:#FFFFFF;
	background-image:url(img/buy_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	border-top:none;
	display:block;
	font-weight:bold;
}

#MenuContainerBuy a.buy:hover, #MenuContainerBuy a.active{
	background-image:url(img/buy_bg_roll.gif);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	border-top:none;
	font-weight:bold;
}
#MenuContainer ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#MenuContainer ul li { display: inline; }

#MenuContainer ul li a {
	display: block;
	position: relative;
	float: left;
	
	padding: 2px 0 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #888888;
	
	border-top: solid 2px #FFFFFF;
	
	margin: 0 10px 0 0;
}

#MenuContainer ul li a:hover { color: #000000; border-top: solid 2px #ff0900; }

#MenuContainer ul li a.active { color: #ff0900; border-top: solid 2px #ff0900;}
#MenuContainer ul li a.active:hover { color: #ff0900; cursor: default; border-top: solid 2px #ff0900; }

.MenuSeparator {
	display: block;
	width: 2px;
	height: 20px;
	
	position: relative;
	float: left;
	
	margin: 0 10px 0 0;
	
	background-image: url(img/menu-separator.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.FooterLinks {
	height: 82px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.FooterLinks a {
	display: block;
	position: relative;
	float: left;
	/* border: solid 1px #FFF;*/
}


.FooterBottomLinks {
	height: 20px;
	font-size: 10px;
	color: #888;
	text-align: left;
	background-color: #FFFFFF;
	padding-left:5px;
}

.FooterBottomLinks a { color: #888; }

.FooterBottomLinks a:hover { color: #222222; text-decoration: underline; }

.HomeContent {
	display: block;
	width: 747px;
	position: relative;
	background-image: url(img/home-content-bg-0.jpg);
	background-repeat: no-repeat;
	background-position:right;
}

.Download {
	display: block;
	width: 732px;
	height: 366px;
	position: absolute;
	top: 6px;
	left: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.DownloadWellness {
	display: block;
	width: 223px;
	height: 36px;
	position: absolute;
	top: -38px;
	left: 508px;
	z-index: 99;
	background-image: url(img/download.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


.Product {
	display: block;
	position: relative;
	float: left;
	
	padding: 30px 0 0 42px;
}

.ThumbContainer {
	display: block;
	width: 200px;
	/*height: 401px;*/
	
	position: relative;
	float: right;
	top: 6px;
}

.Demo {
	display: block;
	width: 235px;
	height: 401px;
	position: relative;
	float: left;
	top: 0;
	text-align: left;
}

.th1 {
	/*display: block;*/
	width: 86px;
	/*height: 81px;*/
	
	position: relative;
	float: left;
	clear: left;
	left: 74px;
	
	margin: 0 0 4px 0;
	
	cursor: pointer;
}

.fix1 {
	display: block;
	width: 80px;
	height: 20px;
	
	position: absolute;
	top: 0;
	left: 0;
}

a div.Action {
	background-image: url(img/action.gif);
	background-repeat: no-repeat;
	background-position: 53px 0;
}
a:hover div.Action {
	background-image: url(img/action.gif);
	background-repeat: no-repeat;
	background-position: 53px -44px;
}

a.Mail { text-decoration: underline; color: #666666; }
a.Mail:hover { text-decoration: none; color: #666666; }

a.th1h { display: block; width: 85px; height: 81px; background-image: url(img/th1.gif); background-repeat: no-repeat; background-position: 0 0; }
a.th1h:hover { background-image: url(img/th1.gif); background-repeat: no-repeat; background-position: -85px 0; }

a.th2h { display: block; width: 85px; height: 81px; background-image: url(img/th2.gif); background-repeat: no-repeat; background-position: 0 0; }
a.th2h:hover { background-image: url(img/th2.gif); background-position: -85px 0; }

a.th3h { display: block; width: 85px; height: 81px; background-image: url(img/th3.gif); background-repeat: no-repeat; background-position: 0 0; }
a.th3h:hover { background-image: url(img/th3.gif); background-position: -85px 0; }

a.th4h { display: block; width: 85px; height: 81px; background-image: url(img/th4.gif); background-repeat: no-repeat; background-position: 0 0; }
a.th4h:hover { background-image: url(img/th4.gif); background-position: -85px 0; }

a.th5h { display: block; width: 85px; height: 81px; background-image: url(img/th5.gif); background-repeat: no-repeat; background-position: 0 0; }
a.th5h:hover { background-image: url(img/th5.gif); background-position: -85px 0; }

a.bye { display: block; width: 253px; height: 86px; background-image: url(img/bye.jpg); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left;}
a.bye:hover { background-image: url(img/bye.jpg); background-repeat: no-repeat; background-position: 0 -86px; }

a.demo { display: block; width: 253px; height: 86px; background-image: url(img/demo.jpg); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left; background-repeat: no-repeat; left:1px;}
a.demo:hover { background-image: url(img/demo.jpg); background-repeat: no-repeat; background-position: 0 -86px; }

a.flickr {
	display: block;
	width: 252px;
	height: 86px;
	background-image: url(img/flickr.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	left:2px;
}
a.flickr:hover {
	background-image: url(img/flickr.jpg);
	background-repeat: no-repeat;
	background-position: 0 -86px;
}


.order {
	display: block;
	width:130px;
	height: 29px;
	background-image: url(img/addtoV.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border:none;
}
.order:hover {
	display: block;
	width:130px;
	height: 29px;
	background-image: url(img/addtoV.jpg);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	border: none;
	cursor: pointer;
}
.viewCart {
	display: block;
	width:41px;
	height: 29px;
	background-image: url(img/viewCart.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border:none;
}
.viewCart:hover {
	display: block;
	width:41px;
	height: 29px;
	background-image: url(img/viewCart.jpg);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	border: none;
	cursor: pointer;
}
/*****************    Baneri sa leve strane         **********************/
.baneri {
	width: 202px;
	float:left; 
	margin-top:6px;
}
a.buyNow {
	width: 202px; 
	height: 82px; 
	background-image: url(img/buyNowNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	position: relative;
	float:right;
	margin-top:2px;
}
a.buyNow:hover { 
	background-image: url(img/buyNowNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 -82px; 
}
.baneri a.activeLeft {
	background-position: 0 -82px; 
}
a.demoNew {
	width: 202px; 
	height: 82px; 
	background-image: url(img/demoNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	position: relative;
	float:right;
	margin-top:2px;
}
a.demoNew:hover { 
	background-image: url(img/demoNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 -82px; 
}
a.contractNew{
	width: 202px; 
	height: 82px; 
	background-image: url(img/contractNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	position: relative;
	float:right;
	margin-top:2px;
}
a.contractNew:hover { 
	background-image: url(img/contractNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 -82px; 
}
a.flickrNew{
	width: 202px; 
	height: 82px; 
	background-image: url(img/flickrNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	position: relative;
	float:right;
	margin-top:2px;
}
a.flickrNew:hover { 
	background-image: url(img/flickrNew.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 -82px; 
}



.backLink a {
color:#FF0900;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
.backLink a:hover {
	color: #333333;
}

.contactFormButton {
	background-image:url(img/buttonSend.gif);
	background-repeat:no-repeat;
	width:60px;
	height:29px;
	cursor:pointer;
	margin-bottom:10px;
}
.contactFormButton:hover {
	background-position: 0 -29px;
}
a.demoAction {
	position: relative; 
	float: left; 
	width: 174px; 
	height: 44px; 
	overflow: hidden; 
	margin-top: 30px; 
	background-image: url(img/action.gif);
	background-repeat: no-repeat;
	background-position: 0px 0;
}

a:hover.demoAction  {
	background-position: 0px -44px;
}
/************************       NAVIGACIJA        *********************************/

.menuLeft {
	width: 175px;
	height:248px;
	float:left; 
	margin-top:8px;
	margin-right:3px;
	background-image:url(img/primaryNavigation/menuBG.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
}
/*****************  BUY NOW   **************************/
.menuLeft a.menubuyNow {
	background-image:url(img/primaryNavigation/menuBuyNow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-top:15px;
	margin-left:4px;
	margin-bottom:0px;
}
.menuLeft a:hover.menubuyNow {
	background-position:0px -36px;

}


/*****************  DEMO   **************************/
.menuLeft a.menuDemo {
	background-image:url(img/primaryNavigation/menuDemo.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-left:4px;
	margin-bottom:0px;

}
.menuLeft a:hover.menuDemo{
	background-position:0px -36px;

}


/*****************  BASIC   **************************/
.menuLeft a.menuBasic {
	background-image:url(img/primaryNavigation/menuBasic.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-left:4px;
	margin-bottom:0px;

}
.menuLeft a:hover.menuBasic {
	background-position:0px -36px;

}



/*****************  A&D CONTRACT   **************************/
.menuLeft a.menuAD {
	background-image:url(img/primaryNavigation/menuAD.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-left:4px;
	margin-bottom:0px;
}
.menuLeft a:hover.menuAD{
	background-position:0px -36px;

}

/*****************  FACILITIES + B2B   **************************/
.menuLeft a.menuB2B {
	background-image:url(img/primaryNavigation/menuB2B.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-left:4px;
	margin-bottom:0px;
}
.menuLeft a:hover.menuB2B {
	background-position:0px -36px;

}

/*****************  FLICKR   **************************/
.menuLeft a.menuFlickr {
	background-image:url(img/primaryNavigation/menuFlickr.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:167px;
	height:36px;
	float:left;
	margin-left:4px;
}
.menuLeft a:hover.menuFlickr {
	background-position:0px -36px;
}



.menuLeft a.activeMenuLeft, .menuLeft a.activeMenuLeft:hover {
	background-position:0px -72px;
}






.contractForm tr td {
	padding: 5px;
	text-align: left;
	color: #ff0000;
}
.contractForm tr td.norequired {
	color: #333333;
}
.contractForm input, .contractForm textarea, .contractForm select {
	width: 365px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	border: 1px solid #999999;
	padding: 2px 4px;
}
.contractForm textarea {
	height: 150px;
}
.contractForm select {
	width: 375px;
}
.contractForm input.button {
	width: 60px;
	border: 0px;
}