body {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #6f6f6f;
	background-position: center top;
	background-color: #5fb3fa;
	background-image: url(images/page_bg.jpg);
	background-repeat: repeat-x;
}

html, body, #wrapper, h1 {
	margin: 0px;
	padding: 0px;
}

th, td {
	font-size: 12px;
}

img { border: 0px; }

#wrapper {
	margin: 16px auto;
	text-align: left;
	width: 750px;
	position: relative;
}

h1, h2, h3 {
	font-size: 12px;
}


h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h3 {
	padding: 4px 0px 0px 0px;
}

p {
	margin: 1em 0px;
	padding: 0px;
}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:0px;
	height:0px;
	overflow:hidden;
	font-size: 1px;
	line-height: 1px;
	border: none 0px #FFFFFF;
}
.advert {
	clear: both;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:745px;
	height:60px;
	overflow:hidden;
	font-size: 1px;
	line-height: 1px;
	border: 1px #FFF;
	background-color: #999999;
}
.footer {
	clear: both;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:745px;
	height:70px;
	overflow:hidden;
	font-size: 1px;
	line-height: 1px;
	border: 1px #FFF;
	background-color: #FFFFFF;
}
.copyright {
	clear: both;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:745px;
	height:25px;
	overflow:hidden;
	font-size: 10px;
	line-height: 1px;
	border: 1px #FFF;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}
.facebook {
	clear: both;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:745px;
	height:60px;
	overflow:hidden;
	font-size: 1px;
	line-height: 1px;
	border: 1px #FFF;
	background-color: #FFFFCC;
	vertical-align: middle;
	text-align: center;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	margin: 1px 8px 0px 0px;
}

.softright {
	text-align: right;
}

.readmore {
	text-align: right;
}

/* ***** */

a {
	color: #6f6f6f;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #000;
}
/* *****************************************************                    ************************** */
#followLinks {
    height: 68px;
    margin-top: 10px;
    position: relative;
    width: 48px;
	  background-image: url("http://facebook.com/juiceplus") 
}
#followLinks a.facebook {
    background: url(images/sponzori/fbtwyt.png) no-repeat scroll 00 0 transparent;
    display: block;
    height: 60px;
    left: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 69px;
}
#followLinks a.youtube {
    background: url("images/sponzori/fbtwyt.png") no-repeat scroll -142px 0 transparent;
    display: block;
    height: 60px;
    left: 65px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 68px;
}
#followLinks a.logo1 {
    background: url("images/sponzori/LOGOBW.png") no-repeat scroll -1px 0 transparent;
    display: block;
    height: 60px;
    left: 140px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 260px;
}

#followLinks a.logo2 {
    background: url("images/sponzori/LOGOBW.png") no-repeat scroll -257px 0 transparent;
    display: block;
    height: 60px;
    left: 400px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 84px;
}

#followLinks a.logo3 {
    background: url("images/sponzori/LOGOBW.png") no-repeat scroll -341px 0 transparent;
    display: block;
    height: 60px;
    left: 484px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 120px;
}
#followLinks a.logo1:hover {
    background: url("images/sponzori/LOGOCOLOR.png") no-repeat scroll -1px 0 transparent;
    display: block;
    height: 60px;
    left: 140px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 260px;
}
#followLinks a.logo2:hover {
    background: url("images/sponzori/LOGOCOLOR.png") no-repeat scroll -257px 0 transparent;
    display: block;
    height: 60px;
    left: 400px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 84px;
}

#followLinks a.logo3:hover {
    background: url("images/sponzori/LOGOCOLOR.png") no-repeat scroll -341px 0 transparent;
    display: block;
    height: 60px;
    left: 484px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 120px;
}
/* ******************************************************************************* */
#inner {
	padding: 1px;
	border: 1px solid #d9d9d9;
}

#jnner {
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	background: #efebe3;
}

* html #jnner {
	width: 100%;
}

#nav {
	float: left;
	width: 348px;
}

* html #nav a {
	float: left;
	f\loat: none;
}

#nav img {
	float: none;
	f\loat: left;
}
	
#voce {
	float: left;
	width: 348px;
}

* html #voce a {
	float: left;
	f\loat: none;
}

#voce img {
	float: none;
	f\loat: left;
}
#body {
	float: left;
	width: 348px;
	background: white url(images/body_bg.jpg) bottom left no-repeat;
}

* html #body p {
	margin: 0px;
	padding: 0px 0px 1em 0px;
}

* html #body .inner {
	padding-top: 0px;
	padding-bottom: 15px;
	border-bottom: 3px solid #84b14c;
}

#body .inner {
	padding: 4px 15px 0px 130px;
	border-bottom: 3px solid #84b14c;
}

#right {
	display: inline;
	float: right;
	width: 383px;
	margin: 5px 5px 0px 0px;
	font-size: 11px;
}

#right .boxed {
	background:url(images/product_bg.jpg) repeat-x white;
	padding: 2px;
	position: relative;
	margin-bottom: 7px;
}

#right .product {
	background:url(images/product_bg.jpg) repeat-x white;
	padding: 2px;
	position: relative;
	margin-bottom: 7px;
}

* html #right .boxed div {
	width: 379px;
	wid\th: 254px;
	position: relative;
}
* html #right .product div {
	width: 379px;
	wid\th: 254px;
	position: relative;
}

#right .boxed div {
	border: 1px solid #ececec;
	margin: 0px;
	padding: 10px 18px 0px 105px;
}
#right .product div {
	border: 1px solid #ececec;
	margin: 0px;
	padding: 10px 18px 0px 105px;
}

#right .boxed2 {
	background:url(images/product_bg.jpg) repeat-x white;
	position: relative;
	margin-bottom: 7px;
}

* html #right .boxed2 div {
	width: 379px;
	wid\th: 254px;
	position: relative;
}


#right .boxed2 div {
	border: 0px solid #ececec;
	margin: 0px;
	padding: 1px 18px 0px 15px;
}
#right #proizvodi2 {
	float: left;
	margin-top: 6px;
	margin-left: -5px;
}

#right .buynow {
	text-align: right;
	margin-bottom: -1.7em;
}

#right .price {
	margin-top: 0.5em;
}

#right h3 {
	margin: 0px;
	padding: 0px;
}

#right a {
	color: #bb0000;
	text-decoration: underline;
	font-weight: normal;
}

#right a:hover {
	color: #630000;
}

#right p {
	margin: 0.55em 0px;
}

* html #right p {
	margin: 0.3em 0px;
}

#right #nails {
	float: left;
	margin-top: 6px;
	margin-left: -95px;
}

#right #skins {
	float: left;
	margin-top: 16px;
	margin-left: -95px;
}
	
#right #makess {
	float: left;
	margin-top: 10px;
	margin-left: -95px;
	margin-bottom: -3px;
}

#right #thelastbox {
	margin-bottom: 5px;
}

#gallery {
	display: inline;
	float: right;
	width: 216px;
	margin-right: 0px;
	background: white;
}

#gallery .inner {
	padding: 2px;
}

#gallery h2 {
	margin: 0px;
	padding: 0px;
}

#gallery .inner div {
	border: 1px solid #ececec;
	border-top: none;
	padding: 1px;
}

#gallery th {
	font-weight: normal;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
}

* html #gallery th {
	font-size: 10px;
	line-height: 10px;
}
.style2 {
	font-size: 11px;
	color: #330066;
}
.style7 {
font-size: 11px;
border: 0px;
}
.style3 {
	font-size: 11px;
	color: #006600;
}
.style4 {
	color: #FF3300;
	font-weight: bold;
}
.style6 {font-size: 10px; color: #FF3300; }

.borderit img{
border: 1px solid #fff;
}

.borderit:hover img{
border: 1px solid navy;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
#right #table {
	float: left;
	margin-top: 5px;
	margin-left: -109px;
	margin-bottom: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFC8;
}
.table {
	font-size: 9px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 200px;
font-size: 90%;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -215px; /*position where enlarged image should offset horizontally */
top: -250px;
}

ul {
margin-top: 0px;
margin-bottom: 0px;
list-style-image: url(your%20custom%20bullet.html);
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.3em;
}

.scrollArea {
width: 350px;
height: 300px;
padding-left: 5px;
padding-right: 5px;
float: left;
overflow: auto;
}

#datum {
border-bottom:1px dotted #666666;
font-size:75%;
text-align:right;
}

#marketingnaslov {
font-size:90%;
}

#marketingtext {
font-size:90%;
}

/*listatabela*/

#listatabela
{
line-height: 1.6em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: 40px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#listatabela th
{
	font-size: 14px;
	font-weight: bold;
	padding: 20px 8px;
	color: #039;

}
#listatabela td
{
	padding: 8px;
	color: #669;
}
#listatabela .odd
{
	background: #e8edff; 
}