/*
 *	Main content CSS
 *	Container width: 940px
 */
 
/*****************
 *
 *	:: Common Elements (shopInfo, shoppingCart, storeFinder, help)
 *
 *****************/
 
#shopInfo {
	position: relative;
	float: right;
	width: 320px;
	background: white;
}

	/*
	 *	StoreFinder
	 */
	 
	#shopInfo #shoppingCart, #shopInfo #wishList {
		position: relative;
		float: right;
		width: 320px;
		height: 140px;
		background: #BC0014;
	}
	
	#shopInfo #shoppingCart {
		background: url(/images/shoppingCartBack.jpg) center 45px no-repeat;
	}
	
	#shopInfo #wishList {
		background: url(/images/wishListBack.jpg) center 45px no-repeat;
	}
	
	#shopInfo #shoppingCart h2, #shopInfo #wishList h2 {
		position: relative;
		float: left;
		height: 45px;
		width: 310px;
		padding: 0 0 0 10px;
		margin: 0;
		font-size: 22px;
		line-height: 45px;
		background: #54000A;
		color: #CE0009;
	}
	
	#shopInfo #shoppingCart dl, #shopInfo #wishList p {
		position: relative;
		float: left;
		display: block;
		width: 240px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		color: white;
		font-size: 11px;
		line-height: 15px;
	}
	
	#shopInfo #wishList p { font-size: 11px; }
	
	#shopInfo #shoppingCart dl dt {
		position: relative; 
		float: left;
		margin: 0 5px 0 0;
		font-size: 11px;
	}
	
	#shopInfo #shoppingCart dl dd {
		font-weight: bold;
		font-size: 11px;
	}
	
	/*
	 *	StoreFinder
	 */
	
	#shopInfo #storeFinder {
		position: relative;
		float: right;
		height: 200px;
		width: 320px;
	}
	
	.caption {
		position: absolute;
		left: 10px;
		top: 15px;
		height: 25px;
		padding-bottom: 8px;
		background: url(/images/captionArrow.png) 5px bottom no-repeat;
	}
	
	.caption span {
		padding: 3px;
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		height: 25px;
		background: #FFF;
		color: #000;
	}	
	
	/*
	 *	Help
	 */
	 
	#shopInfo #help {
		position: relative;
		float: right;
		width: 320px;
		min-height: 180px;
	}
	
	h2.gray, h2.gray2, h2.red2, h2.gray3 {
		position: relative;
		float: left;
		width:85%;
		padding: 0 10px 8px 5px;
		margin: 15px 0 7px 0;
		background: url(/images/grayArrow.png) 9px bottom no-repeat;
	}
	
	h2.gray3 { background: url(/images/grayArrow.png) 9px bottom no-repeat; }
	
	h2.red2 { background: url(/images/redArrow.png) 9px bottom no-repeat; }
	
	h2.gray2 { width: 550px; }
	
	h2.gray span, h2.gray2 span, h2.red2 span, h2.gray3 span {
		position: relative;
		float: left;
		font-size: 16px;
		line-height: 19px;
		font-weight: bold;
		color: black;
		background: #E5E5E5;
		padding: 3px 5px;
	}
	
	h2.red2 span { color: #FFF; background: #CE0009; }
	
	#shopInfo #help ul{
		position: relative;
		float: left;
		list-style: none;
		margin: 0 10px;
		padding-bottom: 10px;
	}
	
	#shopInfo #help li a, #shopInfo #help li a:link, #shopInfo #help li a:visited, #FAQ li a, #FAQ li a:link, #FAQ li a:visited {
		font-family: Georgia, serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: #A10A00;
	}
	
	#shopInfo #help li a:hover, #FAQ li a:hover {
		color: #000;
	}	
 
/*********************************
 *
 *	:: Naslovna
 *
 *********************************/

#art {
	position: relative;
	float: left;
	width: 620px;
	height: 270px;
	background: gray; /* Test */
	overflow: hidden;
}

	#art a.upoznajUmjetnika {
		position: absolute;
		padding: 5px 15px 6px 8px;
		left: 5px;
		bottom: 7px;
		background: url(/images/upoznajUmjetnika.png) left top no-repeat;
	}

#ad {
	position: relative;
	float: left;
	width: 300px;
	height: 250px;
	border: 10px solid black;
	background: gray; /* Test */
}

	#ad span.ad {
		position: absolute;
		top: -10px;
		right: 0;
		font-family: Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		color: #595959;
	}

.bigNav {
	position: relative;
	float: left;
	width: 211px;
	height: 209px;
	padding: 48px 12px 5px 12px;
	background: #F6C700;
}

	.bigNav1 { background: url(/images/bigNav_01hover.jpg) left bottom no-repeat; }
	.bigNav2 { background: url(/images/bigNav_02hover.jpg) left bottom no-repeat; }
	.bigNav3 { background: url(/images/bigNav_03hover.jpg) left bottom no-repeat; }
	.bigNav4 { background: url(/images/bigNav_04hover.jpg) left bottom no-repeat; }
	
	a.bigNavKupi, a.bigNavKupi:link, a.bigNavKupi:visited, a.bigNavUpoznaj, a.bigNavUpoznaj:link, a.bigNavUpoznaj:visited, a.bigNavSaznaj, a.bigNavSaznaj:link, a.bigNavSaznaj:visited, a.bigNavSudjeluj, a.bigNavSudjeluj:link, a.bigNavSudjeluj:visited {
		position: absolute;
		display: block;
		height: 263px;
		width: 232px;
		top: 0;
		left: 0;
		text-indent: 2000px;
		overflow: hidden;
		z-index: 1;
	}
	
	a.bigNavKupi, a.bigNavKupi:link, a.bigNavKupi:visited {
		background-image: url(/images/bigNavKupi_RB.png);
		background-repeat: no-repeat;
		background-position: 10px 5px;
	}
	
	a.bigNavUpoznaj, a.bigNavUpoznaj:link, a.bigNavUpoznaj:visited {
		background: url(/images/bigNavUpoznaj_RB.png);
		background-repeat: no-repeat;
		background-position: 10px 5px;
	}
	
	a.bigNavSaznaj, a.bigNavSaznaj:link, a.bigNavSaznaj:visited {
		background: url(/images/bigNavSaznaj_RB.png);
		background-repeat: no-repeat;
		background-position: 10px 5px;
	}
	
	a.bigNavSudjeluj, a.bigNavSudjeluj:link, a.bigNavSudjeluj:visited {
		background: url(/images/bigNavSudjeluj_RB.png);
		background-repeat: no-repeat;
		background-position: 10px 5px;
	}
	
	/*a.bigNavKupi:hover, a.bigNavUpoznaj:hover, a.bigNavSaznaj:hover, a.bigNavSudjeluj:hover { background-position: -225px 5px; }*/
	
	.bigNav h2 {
		position: relative;
		float: left;
		display: block;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		margin: 4px 0;
		color: #A10A00;
		z-index: 0;
	}
	
	.bigNav a.big, .bigNav a.big:link, .bigNav a.big:visited {
		position: relative;
		font-family: Arial, sans-serif;
		float: left;
		display: block;
		font-size: 24px;
		line-height: 24px;
		font-weight: bold;
		text-decoration: none;
		color: #D69E00;
		width: 211px;
		z-index: 0;
	}
	
	.bigNav p {
		position: relative;
		float: left;
		width: 211px;
		font-size: 11px;
		line-height: 15px;
		margin: 5px 0 0 0;
		color: #C48C00;
		z-index: 0;
	}
	
	.bigNav a.product, .bigNav a.shop {
		position: absolute;
		bottom: 35px;
		left: 10px;
		z-index: 0;
	}
	.bigNav a.shop { bottom: 40px; }
	
	.bigNav .buttonLink { z-index: 1; clear: both; overflow: hidden; }

#visitUs {
	position: relative;
	float: left;
	width: 940px;
	height: 65px;
}

	.bottomLines { background: url(/images/contentFooter.jpg) left top no-repeat white; }
	
	#visitUs .listText {
		position: relative;
		float: left;
		left: 310px;
		top: 26px;
		font-size: 11px;
		color: #565656;
	}

	#visitUs ul, #visitUs li {
		position: relative;
		float: right;
		list-style: none;
	}
	
	#visitUs li {
		float: left;
		margin: 21px 20px 0 0;
	}

/*********************************
 *
 *	:: Kupi - Naslovna
 *
 *********************************/
 
#display {
	position: relative;
	float: left;
	width: 940px;
	height: 288px;
	background: gray;
}

	#display #window {
		position: relative;
		float: left;
		width: 620px;
		height: 288px;
		background: #FCEEB2;
	}
		
		#display #window  .shoeBig {
			position: absolute;
			float: left;
			width: 238px;
			height: 238px;
			top: 23px;
			left: 12px;
		}

		#display #window  .shoeSmall1, #display #window  .shoeSmall2, #display #window  .shoeSmall3, #display #window  .shoeSmall4 {
			position: absolute;
			display: block;
			width: 115px;
			height: 115px;
			float: left;
			left: 320px;
			top: 23px;
		}

		#display #window  .shoeSmall2 {
			left: 444px;
		}

		#display #window  .shoeSmall3 {
			top: 147px;
			left: 320px;
		}

		#display #window  .shoeSmall4 {
			top: 147px;
			left: 444px;
		}			
	
	#display #accordion {
		position: absolute;
		right: 0;
		width: 320px;
		height: 288px;
		background: #C10207;
	}
	
	#display #arrow {position:absolute; left:562px; top:0px; z-index:9;}

	#display #window #p1 {position:absolute;left:0px;top:0px;display:block;width:620px;height:288px;z-index:8;}
	#display #window #p2 {position:absolute;left:0px;top:0px;display:block;width:620px;height:288px;z-index:7;}
	#display #window #p3 {position:absolute;left:0px;top:0px;display:block;width:620px;height:288px;z-index:6;}
	
	#display #accordion dt {
		background: url(/images/accordNoShadow.jpg) top center repeat-x;
		height:44px;
		cursor:pointer;
		padding: 0 10px;
		font-size: 22px;
		font-weight: bold;
		line-height: 44px;
		color: #A10A00;
	}
	
	#display #accordion dt.myAccordionHover{}
	
	#display #accordion dt.myAccordionActive {
		color: #F6C700;
		background: url(/images/acordActiveBack.jpg) top center repeat-x;
	}
	
	#display #accordion dd {
		position: relative;
		padding: 0 10px;
		width: 180px;
		height: 156px;
		line-height: 18px;
		color: #FFF;
	}

#productPanel {
	position: relative;
	float: left;
	width: 940px;
	margin: 43px 0 0 0;
	padding: 0 0 10px 0;
	z-index: 0;
	background: url(/images/productBack.jpg) center center no-repeat #A10A01;
}

	#prodLeft {
		position: relative;
		float: left;
		width: 620px;
		z-index: 0;
	}
	
	#prodRight {
		position: relative;
		float: right;
		width: 320px;
		z-index: 0;
	}
	
	h2.pronadiProizvod, h2.naciniPlacanja {
		position: absolute;
		top:-43px;
		left: 0;
		margin-bottom: -10px;
		height: 53px;
		background: url(/images/darkArrow.png) 10px 42px no-repeat;
		z-index: 1;
		
	}
	
	h2.pronadiProizvod span, h2.naciniPlacanja span {
		display: block;
		padding: 0 0 0 10px;
		font-size: 22px;
		font-weight: bold;
		line-height: 43px;
		height: 43px;
		background: #54000A;
		color: #CE0009;
	}
	
	h2.pronadiProizvod {	
		width: 620px;
		
	}
	
	h2.naciniPlacanja { 
		width: 320px;
	}
	
	h3 {
		font-size: 14px;
		font-weight: bold;
		line-height: 43px;
		padding: 0 0 0 10px;
		color: white;
	}

	#productPanel #brands {
		position: relative;
		float: left;
		width: 372px;
		min-height: 150px;
		background: url(/images/productShadow.png) top center no-repeat;
		z-index: 0;
	}
	
		#productPanel a, #productPanel a:link, #productPanel a:visited {
			font-family: Georgia, serif;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #F6C700;
		}
		
		#productPanel a:hover {
			color: white;
		}
	
		#productPanel #brands ol, #productPanel #types  ul {
			position: relative;
			float: left;
			width: 114px;
			margin: 0 0 0 10px;
			list-style: none;
		}
		
		#productPanel #brands ol li, #productPanel #types  ul li {
			position: relative;
			float: left;
			width: 114px;
			margin: 0 0 10px 0;
		}
	
	#productPanel #types {
		position: relative;
		float: left;
		width: 248px;
		min-height: 150px;
		background: url(/images/productShadow.png) top center no-repeat;
		z-index: 0;
	}
	
	/*#productPanel #brands a, #productPanel #types a*/
	#productPanel #brands h3, #productPanel #types h3 { font-family: Arial, sans-serif; }
	
	#productPanel #brands a, #productPanel #types a { font-size: 12px; }
	
	#productPanel dl {
		width: 310px;
		padding: 35px 0 0 10px;
		min-height: 95px;
		background: url(/images/productShadow.png) top center no-repeat;
	}
	
		#productPanel dl, #productPanel dl dt, #productPanel dl dd {
		position: relative;
		float: left;
	}
	
		#productPanel dl dd { 
			color: white; 
			font-size: 11px;
			line-height: 14px;
		}
		
		#productPanel dl dt.left, #productPanel dl dd.left{
			margin: 0 10px 0 0;
			width: 150px;
		}
		
		#productPanel dl dt.right, #productPanel dl dd.right{
			margin: 0 0 0 0;
			width: 140px;
			top: -15px;
			padding: 0 10px 0 0;
		}

/*********************************
 *
 *	:: Kupi - Proizvod
 *
 *********************************/
 
 
 #productInfo {
	position: relative;
	float: left;
	width: 620px;
	background: white;
 }
 
	#productInfo #product {
		position: relative;
		float: left;
		width: 620px;
		height: 280px;
		background: #FCEEB2;
	}
	
	#product h2.productName{
		font-size: 22px;
		font-weight: bold;
		padding: 10px;
	}
	
	#product p.retailPrice, #product p.ourPrice {
		margin: 0 0 0 10px;
	}
	
	#product p.retailPrice {
		font-size: 11px;
		color: #565656;
	}
	
	#product p.ourPrice {
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
	}
	
	#product fieldset, #product form {
		position: relative;
		float: left;
		border: none;
		padding: 0;
		margin: 0;
	}
	
	#product fieldset {
		width: 165px;
		margin: 0;
		padding: 15px 4px 0 10px;
	}
	
	#product fieldset label, #product fieldset select {
		font-size: 11px;
		line-height: 20px;
		height: 20px;
		margin: 0 0 5px 0;
	}
	
	#product fieldset label {
		position: relative;
		float: left;
		font-weight: normal;
		width: 45px;
		clear: both;
	}
	
	#product fieldset select {
		position: relative;
		font-weight: bold;
		color: #565656;
		float: right;
		width: 105px;
	}
	
	#product ul#controls {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	#product ul#controls li {
		position: relative;
		float: left;
		list-style: none;
	}
	
	img#productBig {
		position: absolute;
		bottom: 10px;
		right: 60px;
	}
	
	#brandInfo , .moreInfo, #moreInfo, #catalogue {
		position: relative;
		float: left;
		width: 295px;
		padding: 0 15px 0 0;
		min-height: 200px;
	}
	
	#wrapContRight #moreInfo, #wrapContRight .moreInfo { min-height: 0; }
	
	#brandInfo h3, #moreInfo h3, .moreInfo h3 {
		margin: 0 0 0 10px;
		padding: 0;
		clear: left;
		line-height: 14px;
	}
	
	#brandInfo h3 { max-width: 170px; }
	
	#brandInfo p, #moreInfo p, .moreInfo p, #catalogue ul{	
		margin: 0 0 0 10px;
		line-height: 18px;
	}
	
	#catalogue ul { 
		position: relative;
		float: left;
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	#catalogue img {
		position: relative;
		float: right;
	}
	
	#brandInfo img#brandLogo {
		position: relative;
		float: right;
		margin-top: -57px;
	}
	
	#brandInfo h3 a, #brandInfo h3 a:link, #brandInfo h3 a:visited, #moreInfo h3 a, #moreInfo h3 a:link, #moreInfo h3 a:visited, .moreInfo h3 a, .moreInfo h3 a:link, .moreInfo h3 a:visited {
		font-family: Georgia, serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #A10A00;
	}
	
	#brandInfo h3 a:hover, #moreInfo h3 a:hover, .moreInfo h3 a:hover {
		color: #000;
	}
	
	#productInfo #similarProducts {
		position: relative;
		float: left;
		width: 620px;
		min-height: 180px;
		padding-bottom: 15px;
	}
	
	#similarProducts img {
		position: relative;
		float: left;
		margin: 0 20px 0 10px;
		width: 113px;
		height: 113px;
	}

/*********************************
 *
 *	:: Kupi - general CSS
 *
 *********************************/
	
#brandResult, #typeResult, #brandStory, #FAQ, #cartDetail, #myWishList, #theirWishList {
	position: relative;
	float: left;
	width: 620px;
	min-height: 260px;
	padding: 0 0 20px 0;
}	

#cartDetail, #myWishList, #theirWishList { background: #FCEEB2; }

	#brandResult h2#brandName, #typeResult h2#typeName, #brandStory h2#storyHeading, #FAQ h2#question , #cartDetail h2, #myWishList h2, #theirWishList h2, h2.sand, h2.red, h2.black{
		padding: 0 0 9px 0;
		margin: 0 0 5px 0;
		background: url(/images/sandArrow.png) 9px bottom no-repeat;
		z-index: 1;
	}
	
	h2.sand {
		position: relative;
		float: left;
		display: block;
		width: 100%; 
		z-index: 9;
	}
	
	#cartDetail h2,  #myWishList h2 , #theirWishList h2, h2.red  { background: url(/images/redArrow.png) 9px bottom no-repeat; }
	
	h2.black { background: url(/images/blackArrow.png) 9px bottom no-repeat; }
	
	#myWishList h2, #theirWishList h2 , h2.red, h2.black {
		color: white;
	}
	
	#brandResult h2#brandName span, #typeResult h2#typeName span, #brandStory h2#storyHeading span, #FAQ h2#question span, #cartDetail h2 span , #myWishList h2 span, #theirWishList h2 span, h2.sand span, h2.sandShort span , h2.red span, h2.black span{
		font-size: 22px;
		font-weight: bold;
		line-height: 45px;
		height: 45px;
		display: block;
		padding: 0 10px;
		background: #FCEEB2;
		z-index: 10;
	}
	
	#cartDetail h2 span, #myWishList h2 span {
		line-height: 50px;
		height: 50px;
	}
	
	#cartDetail #totalPrice {
		position: absolute;
		top: 3px;
		right: 4px;
		text-align: left;
		color: white;
		font-size: 14px;
		font-weight: bold;
		padding: 0 125px 0 0;
		height: 45px;
		line-height: 44px;
	}

	#cartDetail h2 span, #myWishList h2 span, #theirWishList h2 span, h2.red span { background: #CE0009; }
	
	h2.black span { background: #000; }
	
	#brandResult ul, #typeResult ul, #cartDetail ul, #myWishList  ul, #theirWishList  ul {
		position: relative;
		list-style: none;
		float: left;
		width: 600px;
		margin: 0 0 5px 10px;
	}
	
	#brandResult ul li, #typeResult ul li, #cartDetail ul li, #myWishList  ul li, #theirWishList  ul li{
		position: relative;
		float: left;
		width: 113px;
		padding: 10px 30px 20px 0;
	}
	
	#brandResult ul li p, #typeResult ul li p, #cartDetail ul li p , #myWishList  ul li p, #theirWishList  ul li p{
		font-size: 11px;
		line-height: 15px;
		color: #565656;
		text-align: left;
	}
	
	#cartDetail ul li p , #myWishList  ul li p, #theirWishList  ul li p{ color: #000; }
	
	p.price { font-weight: bold; color: #000; }
	
	#brandStory #story {
		position: relative;
		float: left;
		width: 375px;
		line-height: 18px;
		padding-left: 10px;
	}
	
	#brandStory #story p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#brandStory img#brandLogo{
		position: relative;
		float: left;
	}
	
	#brandStory #products {
		position: relative;
		float: left;
		width: 610px; 
	}
	
	#brandStory #products a {
		margin: 0 20px 0 10px;
	}
	
	#FAQ p {
		position: relative;
		float: left;
		width: 345px;
		margin: 0 0 20px 10px;
		line-height: 18px;
	}
	
	#FAQ  h2.gray{
		position: relative;
		float: left;
		width: auto;
		margin-top: 0;
		margin-left: 5px;
		padding-top: 0;
	}
	
	#FAQ ul {
		position: relative;
		float: right;
		width: 240px;
		margin: 0 10px 20px 10px;
		list-style: none;
		line-height: 21px;
		
	}

/*********************************
 *
 *	:: Saznaj
 *
 *********************************/

#featured {
	position: relative;
	float: left;
	width: 620px;
	height: 315px;
	background: gray;
}

	h2.white {
		position: relative;
		float: left;
		width:85%;
		padding: 0 10px 8px 5px;
		margin: 15px 0 7px 0;
		background: url(/images/whiteArrow.png) 9px bottom no-repeat;
		
	}
	
	h2.white span {
		padding: 3px;
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		height: 25px;
		background: #FFF;
		color: #000;
	}
	
	#featured .featuredDesc {
		position: absolute;
		width: 235px;
		bottom: 45px;
		padding: 0 0 0 10px;
	}
	
	#featured .featuredDesc span {
		display: inline;
		background: #000;
		color: #FFF;
		font-size: 11px;
		line-height: 14px;
		padding: 0 0 1px 0;
	}
	
#tv {
	position: relative;
	float: left;
	width: 300px;
	height: 305px;
	background: #000;
	padding: 0 10px 10px 10px;
}

	#tv h2 {
		position: relative;
		float: left;
		display: block;
		margin: -10px -10px 0px -10px;
		height: 45px;
		width: 320px;
		padding: 10px 0px 10px 0px;
		background: url(/images/redArrow.png) 10px bottom no-repeat;
		z-index: 0;
	}
	
	#tv h2 span {
		display: block;
		padding: 0 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 45px;
		height: 45px;
		background: #CE0009;
		color: #FFF;
		z-index: 0;
	}

#wrapCont {
	position: relative;
	float: left;
	width: 940px;
	background: url(/images/linesBackBottom.jpg) bottom left no-repeat;
	padding-bottom: 60px;
}

#wrapCont.pb { 
	padding-bottom: 0px;
}

	#wrapContLeft {
		position: relative;
		float: left;
		width: 620px;
		padding: 0; /*	maknuti padding?*/
	}
	
	#wrapContRight {
		position: relative;
		float: right;
		width: 320px;
		padding: 0;
		margin: 0;
		z-index: 0;
	}	

	#wrapCont h2.gray { 
		position: relative;
		float: left;
	}
	
	#wrapCont p { line-height: 18px; }
	
	#wrapCont ul#texts{
		position: relative;
		float: left;
		display: block;
		width: 620px;
		list-style: none;
		margin: 5px 0 0 0;
	}
	
	#wrapCont ul#arhiva { 
		width: 940px;
		padding-bottom: 25px;
	}
	
	#wrapCont ul#texts li, div.corner, #wrapCont ul#arhiva li {
		position: relative;
		float: left;
		width: 300px;
		height: 190px;
		padding: 30px 0 0 10px;
		margin: 0;
	}
	
	#wrapCont ul#texts li { padding: 0 0 30px 10px; }
	
	div.firstRow { padding-top: 0; }
	
	#wrapCont ul#texts li img, div.corner img, #wrapCont ul#arhiva li img {
		position: relative;
		float: left;
		height: 114px;
		margin: 0 0 76px 0;
	}
	
	#wrapCont ul#texts li h3, div.corner h3, #wrapCont ul#texts li p, div.corner p, #wrapCont ul#arhiva h3, #wrapCont ul#arhiva li p {
		position: relative;
		float: left;
		width: 170px;
	}
	
	#wrapCont ul#texts li h3, div.corner h3, #wrapCont ul#arhiva h3 {
		margin: 0;
		padding: 0 0 0 10px;
		line-height: 18px;
		z-index: 1;
	}
	
	#wrapCont ul#texts li p, div.corner p, #wrapCont ul#arhiva p {
		padding: 0 5px 0 10px;
		overflow: hidden;
	}
	
	#wrapCont ul li h3 a, #wrapCont ul li h3 a:link, #wrapCont ul li h3 a:visited {
		font-family: Georgia, serif;
		font-weight: bold;
		text-decoration: none;
		color: #A10A00;
	}
	
	#wrapCont ul li h3 a:hover {
		color: #000;
	}

	#wrapContSide {
		position: relative;
		float: right;
		margin: 0;
		width: 320px;
		height: 335px;
		background: url(/images/wrapContSideBack.jpg) bottom left repeat-x #F6C700;
	}
	
		#wrapContSide ul, #wrapContSide p, #wrapContSide fieldset {
			position: relative;
			float: left;
			width: 320px;
		}
		
		#wrapContSide p, #wrapContSide fieldset {
			width: 300px;
			padding: 0 10px;
		}
		
		#wrapContSide  fieldset {
			padding: 10px 10px 20px 10px;
		}
		
			#wrapContSide  fieldset  input {
				position: relative;
				float: left;
				width: 200px;
				border: 1px solid #565656;
				background: #FCEEB2;
				padding: 3px 5px;
				font-size: 11px;
			}
			
			#wrapContSide  fieldset  input.button {
				position: relative;
				float: left;	
				width: 61px;
				height: auto;
				padding: 6px 0 7px 0;
				margin: -3px 0 0 5px;
				font-size: 11px;
				line-height: 14px;
				border: none;
				font-family: Georgia, serif;
				font-weight: bold;
				font-size: 11px;
				line-height: 14px;
				text-decoration: none;
				color: #A10A00;
				background: url(/images/upisiSe.png) left 2px no-repeat;
			}
			
			#wrapContSide  fieldset  input.button:hover {
				color: #000;
			}
		
		#wrapContSide ul li {
			position: relative;
			float: left;
			width: auto;
		}
	
	#wrapCont  p#article { 
		padding: 0 10px;
		line-height: 18px;
	}
		
	#wrapCont  p#article span.quote {
		display: block;
		padding: 10px 10px 10px 0;
		font-size: 15px;
		line-height: 24px;
		color: #565656;
	}
	
	#wrapCont  p#article object, #wrapCont  p#article embed, #wrapCont  p#article img {
		position: relative;
		float: right;
		margin: 5px 0 10px 10px;
	}
	#wrapCont  p#article object {
		/* width: 300px; height: 250px*/
		margin: margin: 5px 0 5px 5px;;
	}
	
	#wrapCont  div.photo, #wrapCont  ul#products {
		position: relative;
		float: left;
	}
	
	#wrapCont #wrapContRight ul#products {
		width: 310px;
	}
	
	#wrapCont  div.photo { width: 320px; }
	
	div.photo img { 
		position: relative; 
		float: left; 
	}
	
	#wrapCont  ul#products{
		list-style: none;
		padding: 0 0 0 10px;
	}
	
	#wrapCont  ul#products li {
		position: relative;
		float: left;
		width: 115px;
		height: 115px;
		padding: 0 30px 10px 0;
	}
	
	#wrapCont ul#moreInfo {
		width: 620px;
		float: left;
		list-style: none;
		margin: 0;
		padding: 5px 0;
	}
	
	#wrapCont ul#moreInfo li {
		position: relative;
		float: left;
		display: block;
		width: 275px;
		padding: 0 35px 20px 0;
		margin: 0;
	}
	
	#wrapCont ul#moreInfo li p, #wrapCont ul#moreInfo li h3 {
		position: relative;
		float: left;
		width: 280px;
		margin: 0;
		padding: 0 0 0 10px;
		line-height: 18px;
	}
	
	#wrapCont ul#moreInfo li h3 { overflow: hidden; }
	
/*********************************
 *
 *	:: Upoznaj
 *
 *********************************/

#top, #top img  {
	position: relative;
	float: left;
	z-index: 0;
}

#top { width: 940px; }
	
	#top img.high {
		position: relative;
		float: left;
		margin: 45px 0 0 0;
		z-index: 0;
	}
	
	h2.sandShort {
		position: absolute;
		top: 0;
		left: 0;
		clear: none;
		width: 620px;
		padding: 0 0 9px 0;
		margin: 0 0 -9px 0;
		background: url(/images/sandArrow.png) 9px bottom no-repeat;
		z-index: 2;
	}
	
	h2.sandShort span { width: 600px; }

	#topCorner, #topCornerHigh {
		position: relative;
		float: right;
		width: 320px;
		height: 270px;
	}
	
	#topCornerHigh { height: 315px; }
	
		#topCornerHigh p {
			position: relative;
			float: left;
			width: 230px;
			line-height: 18px;
			padding: 0 0 0 10px;
		}
	
	#topCorner .white, #topCornerHigh .white { 
		margin-top: 10px;
		width: 270px;
	}
	
	.c1 { background: #EDEDED; }
	.c2 { background: #FCEEB2; }
	.c3 { 
		height: 315px; 
		background: url(/images/wrapContSideBack.jpg) bottom left repeat-x #F6C700; 
	}
	.c4 { background: url(/images/SSback.jpg) center top no-repeat #BC0014; }
		
		.c4 h2.yellow {
			width: 300px;
			position: relative;
			float: left;
			font-weight: bold;
			font-size: 22px;
			line-height: 26px;
			color: #F6C700;
			padding: 10px 10px 5px 10px;
		}
		
		.c4 p {
			padding: 0 65px 10px 10px;
			line-height: 18px;
			color: #FFF;
		}
	
	.c5 { background: url(/images/wrapContSideBack.jpg) bottom left repeat-x #F6C700; }
	.c6 { 
		height: 845px; 
		background: url(/images/wrapContSideBack.jpg) bottom left repeat-x #F6C700; 
	}
	
	blockquote.quote, blockquote.quote p, blockquote.quote .author {
		position: relative;
		float: left;
	}
	
	blockquote.quote { margin: 0 30px 0 10px;}
	
	blockquote.quote p {
		font-family: Georgia;
		font-size: 14px;
		font-style: italic;
		line-height: 21px;
		color: #565656;
		display: block;
	}

	blockquote.quote .author {
		font-family: Arial;
		font-size: 11px;
		display: block;
		clear: both;
		font-variant: normal;
		font-weight: bold;
		line-height: 21px;
		color: #000;
		width: 100%;
	}

ul#albums, ul#friends {
	position: relative;
	float: left;
	width: 930px;
	padding: 0 0 60px 0;
}

	ul#albums li, ul#friends li, #upoznajAlbum  {
		position: relative;
		float: left;
		height: 175px;
		width: 300px;
		padding: 0 0 50px 10px;
		overflow: hidden; /*	maknuti nakon dogovora */
	}
	
	#upoznajAlbum { padding: 0; }
	
	/*ul#albums li a.vidiSlike, #upoznajAlbum a.vidiSlike {
		left: 130px;
		bottom:30px
	}*/
	
	ul#albums li img, ul#albums li p, ul#albums li h3, #upoznajAlbum img, #upoznajAlbum p, #upoznajAlbum h3 {
		position: relative;
		float: left;
	}
	
	ul#albums li p, ul#albums li h3, #upoznajAlbum p, #upoznajAlbum h3 { 
		padding: 0 0 0 10px;
		width: 175px;
		line-height: 18px;
	}
	
ul#friends { 
	width: 620px; 
	padding: 5px 0 0 0;
	margin: 0;
}

	ul#friends li {
		width: 114px;
		padding: 0 0 0 10px;
		margin: 0;
	}

	ul#friends li a, ul#friends li a:link, ul#friends li a:visited {
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		color: #A10A00;
	}

	ul#friends li a:hover { color: #000; }

#wrapCont #wrapContRight ul#moreInfo {
	width: 320px;
	margin: 0;
	padding: 0;
}

	#wrapCont #wrapContRight ul#moreInfo li {
		width: 310px;
		margin: 0;
		padding: 0 0 15px 0;
	}
	
#wrapCont #aboutFriend {
	padding: 15px 65px 10px 10px;
	line-height: 18px;
}

ul#servicesBig, ul#servicesBig li {
	position: relative;
	float: left;
}
ul#servicesBig {padding-left: 10px;}

div#friends { height: 200px; }

ul#servicesBig li { margin-left: 0; }
#wrapContSide ul#servicesBig li { padding-top: 5px; padding-bottom: 20px; margin: 0; }

ul.sb1 { margin-top: 30px; }
ul.sb1 li, #services { margin-top: 30px; }

ul.sb2 li { margin-top: 15px; margin-bottom: 15px; }

#servicesBig .facebook { padding: 0 10px; }
#servicesBig .myspace  { padding: 0 20px; }
#servicesBig .flickr { padding: 0 34px; }
#servicesBig .youtube { padding: 0 40px; }

#upoznajQuote, #upoznajAlbum {
	position: relative;
	float: left;
	width: 310px;
	height: auto;
}

#upoznajQuote blockquote.quote {
	width: 
}

#upoznajAlbum img { 
	max-height: 140px; 
	margin: 0 0 0 10px;
}

/*#upoznajAlbum a.vidiSlike {
	left: 120px;
	bottom: 0px;
}*/

#wrapCont #wrapBrands {
	margin-top: 35px;
	position: relative;
	float: left;
	width: 940px;
	background: #FCEEB2;
}

	#wrapCont #wrapBrands ul {
		position: relative;
		float: left;
		padding: 0 0 0 20px;
		margin: -7px 0 0 0;
		width: 920px;
	}
	
	#wrapCont #wrapBrands ul li {
		position: relative;
		float: left;
		padding: 0 10px 5px 10px;
		width: auto;
	}

#wrapCont #visitUs ul, #wrapCont #visitUs li {
		position: relative;
		float: right;
		list-style: none;
		width: auto;
		margin: 0;
		padding: 0;
}
	
	#wrapCont #visitUs li {
		float: left;
		margin: 21px 20px 0 0;
	}
	
	#wrapCont #visitUs span {
		text-decoration: none;
		border: none;
		background: none;
	}

#shoebedoShops, #shbdxShops, #aboutShop {
	position: relative;
	float: left;
	width: 620px;
	height: auto;
}

ul.cities, ul.cities li, ul.shops, ul.shops li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
}

ul.cities { 
	margin: 0 0 10px 0; 
	width: 555px; 
}

ul.cities li {
	width: 175px;
	padding: 0 0 5px 10px;
}

	ul.cities li h3, #shopsSide h3{
		margin: 0;
		padding: 0;
		color: #000;
		font-size: 16px;
		font-family: Arial, sans-serif;
		line-height: 21px;
	}
	
ul.shops li {
	width: auto;
	padding: 0 10px 0 0;
	margin: 0;
	line-height: 21px;
	background: url(/images/blackDot.gif) right 7px no-repeat;
}

ul.shops li.last { 
	background: none;
	padding: 0;
}

#shopsSide ul li a { font-size: 14px; }

#shopsSide ul li ul { margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(/images/footerBreak.png) left top repeat-y; }

#shopsSide ul li ul li a { font-size: 12px; }

#shopsSide ul li { line-height: 21px; }

img.flames, span.flames, img.cross, span.cross {
	position: relative;
	float: right;
	z-index: 10;
	margin: -60px 0 -60px 0;
}

#otherStores {
	position: relative;
	float: left;
	width: 320px;
	z-index: 0;
}

	#otherStores h2 { 
		position: relative;
		float: left;
		width: 320px;
		margin: 0 0 -9px 0;
		padding: 0 0 9px 0;
		z-index: 2; 
	}

	#otherStores ul, #otherStores ul li{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		z-index: 0;
	}
	
	#otherStores ul li h3 {	
		position: absolute;
		font-family: Arial, sans-serif;
		width: 280px;
		top: 0px;
		left: 0px;
		color: #FFF;
		margin: 5px 0 0 15px;
		padding: 0;
		z-index: 1;
	}
	
	#otherStores ul li img {
		position: relative;
		float: left;
		z-index: 0;
	}

#shoebedoStory {
	position: relative;
	float: left;
	width: 550px;
	padding: 0 0 0 10px;
	margin: 0 0 25px 0;
}

	img.bigFlames, span.bigFlames {
		position: relative;
		float: right;
		margin: -14px -61px 50px 20px;
	}

#shopsSide {
	position: relative;
	float: left;
	width: 320px;
	padding: 0 0 170px 0;
	background: url(/images/shopsSide.jpg) bottom left no-repeat #F6C600;
}

	#shopsSide .left, #shopsSide .right  {
		position: relative;
		float: left;
		width: 140px;
		padding: 15px 10px 10px 10px;
	}

	#shopSide .right { float: right; }

img.shopDetail, img.galleryBig {
	position: relative;
	float: left;
	z-index: 0;
	margin: -14px 0 20px 0;
}

img.galleryBig {
	margin: -14px 0 10px 0;
}

#aboutShop div {
	position: relative;
	float: left;
	width: 290px;
	padding: 0 10px;
}

#aboutShop h3 {
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	line-height: 18px;
}

#aboutShop h2.gray3 {
	margin: 0 0 5px -10px;
	padding: 0 0 8px 5px;
}

#aboutShop p {
	padding: 0;
	margin: 0 0 20px 0;
}

#aboutShop iframe {
	padding: 6px 7px;
	margin: 0 0 0 -7px;
	background: url(/images/mapShadow.jpg) top left no-repeat white;
}

span.galleryCaption {
	position: absolute;
	top: 285px;
	left: 10px;
	padding: 2px 4px;
	line-height: 15px;
	background: #000;
	color: #FFF;
	z-index: 1;
}

ul.galleryNav {
	position: absolute;
	top: 275px;
	right: 8px;
	z-index: 1;
}

ul.galleryNav li {
	position: relative;
	float: left;
}

ul.gallerySlide, ul.gallerySlide li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

ul.gallerySlide {
	width: 620px;
	overflow: hidden;
}

ul.gallerySlide li {
	width: 114px;
	height: 114px;
	margin: 0 10px 0 0;
	background: #EEE;
}

ul.gallerySlide li.active, ul.gallerySlide li.active img {
	width: 100px;
	height: 100px;
}

ul.gallerySlide li.active {
	border: 7px solid #CE0009;
}

/*********************************
 *
 *	:: Sudjeluj
 *
 *********************************/

#question {
	position: relative;
	float: left;
	width: 620px;
	height: 280px;
	background: url(/images/questionBack.jpg) top left no-repeat;
}

	#question p {
		padding: 0 0 0 10px;
		clear: both;
		font-size: 28px;
		line-height: 33px;
		color: #FFF;
	}

#shoebedoClub {
	position: relative;
	float: left;
	width: 320px;
	height: 190px;
	background: url(/images/clubBack.jpg) left top no-repeat;
}

	#shoebedoClub p {
		position: relative;
		float: left;
		width: 100px;
		padding: 0 0 0 10px;
		font-size: 11px;
		line-height: 15px;
		color: #565656;
	}

#answerForm {
	position: relative;
	float: left;
	width: 620px;
	z-index: 0;
	background: url(/images/answerFormBack.jpg) right -10px no-repeat;
}

#answerFormPoll {
 position: relative;
 float: left;
 width: 620px;
 z-index: 0;
 background: url(/images/answerFormBack-anketa.jpg) right -10px no-repeat;
}

#answerRadio, #answerRadio p, #answerRadio input , #userData, #prize, #userData p, ul.radio, ul.checkBox, #prize p, fieldset{
		position: relative;
		float: left;
	}
	
	form {
		position: relative;
		float: left;
		width: 100%;
	}
	
	#FAQ form h2.gray { 
		margin-left: 0px;
		margin-top: 20px;
	}
	
	#FAQ form h2.sc {
		width: 615px;
		margin-right: -310px;
	}
	
	fieldset { 
		width: 300px;
		padding: 0 0 10px 10px;
	}
	
	fieldset.sc {
		margin: 0 -310px 0 -10px;
	}
	
	fieldset.ctrl {
		clear: both;
	}
	
	fieldset ul, fieldset ul li, #FAQ fieldset ul, #FAQ fieldset ul li { 
		position: relative; 
		float: left; 
		margin: 0; 
		padding: 0; 
	}
	
	fieldset ul { 
		width: 240px; 
		line-height: 21px;
	}
	
	fieldset ul li { 
		margin-bottom: 5px; 
		width: 240px;
	}
	fielset ul li ul { width: auto; }
	fieldset ul li ul li { margin: 0; }
	
	fieldset label {font-weight: bold; margin: 0 5px 0 0; display: block; width: auto;}
	fieldset input { width: auto; margin: 0 0 5px 0;}
	
	fieldset label.inline { display: inline; }
	
	fieldset input.dd, fieldset input.mm, fieldset input.gggg {
		width: 2em;
		margin: 0;
		line-height: 18px;
		padding: 0 2px;
		border: 1px solid #565656;
		background: #FCEEB2;
	}
	
	fieldset input.dd, fieldset input.mm { border-right: none; }
	
	fieldset input.gggg { 
		width: 4em; 
	}
	
	fieldset input.text { 
		width: 214px;
		height: 18px;
		line-height: 18px;
		padding: 0 2px;
		border: 1px solid #565656;
		background: #FCEEB2;
		margin: 0 0 5px 0;
	}
	
	#FAQ ul.radio, #FAQ ul.checkBox {
		margin: 0 0 5px 0;
	}
	
	#FAQ ul.radio, #FAQ ul.checkBox, ul.radio li, ul.checkBox li{
		display: block;
		width: 100%;
		position: relative;
		float: left;
		line-height: 20px;
		margin: 0 0 5px 0;
	}
	
	ul.radio li input, ul.checkBox li input, #userData ul.radio li input, #userData ul.checkBox li input {
		width: auto;
		margin: 0 5px 0 0;
		line-height: auto;
		height: auto;
	}
	
	#answerRadio { 
		width: 620px;
		margin: 0 0 10px 0;
		line-height: 24px;
		padding: 0;
	}
	
	#answerRadio p, #answerRadio ul li{
		font-size: 15px;
		line-height: 24px;
		padding: 0 0 10px 10px;
	}
	
	#answerRadio p { 
		width: 305px; 	
		padding: 0 305px 10px 10px; 
	}
	
	#answerRadio ul li input {	
		height: 24px;
		margin: 0 10px 0 0;
	}
	
	#answerRadio ul li{
		display: block;
		font-weight: bold;
		padding: 0 0 0 10px;
	}
	
	#userData { 
		width: 300px;
		padding: 0 0 0 10px;
		clear: left;
	}
	
	/*#userData label, #userData input, fieldset input, fieldset label{ 
		line-height: 20px;
		margin: 0;
	}*/
	
	#userData p, fieldset p {
		line-height: 26px;
		margin-bottom: 20px;
		width: 100%;
	}
	
	#prize dl, #prize dl dt, #prize dl dd{
		position: relative;
		float: left;
		clear: both;
	}
	
	#prize dl { padding: 10px 0 0 10px; }
	#prize dt { font-weight: bold; color: #A9AAAB;}
	#prize dd{ margin: 0 0 10px 0; }
	
	#prize p {
		width: 240px;
		padding: 0 0 0 10px;
		clear: left;
		font-size: 24px;
		line-height: 29px;
		color: #A9AAAB;
	}
	
	fieldset.newsletter { clear: both; }
	
	input.posaljiOdgovor, input.posaljiOdgovore {
		position: relative;
		float: left;
		clear: both;
		border: none;
		width: 135px;
		padding: 6px 10px 7px 8px;
		margin: 0 0 0 -3px;
		background: url(/images/posaljiOdgovor.png) left center no-repeat;
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-decoration: none;
		color: #A10A00;
		cursor: hand;
	}
	
	input.posaljiOdgovore  {
		margin: 0 0 0 7px;
		width: 141px;
		background: url(/images/posaljiOdgovore.png) left center no-repeat;
	}
	
	#userData input.posaljiOdgovor:hover, input.posaljiOdgovore:hover {
		color: #000;
	}
	
	#answerForm h2.gray { margin-left: -10px; }
	
	/*#userData.anketa label, #anketa label  { 
		position:relative;
		float:left;
		width: 250px;
		line-height: 18px;
		margin: 5px 0 5px 0;
		font-weight: bold;
	}*/
	
	#anketa { 
		width: 620px;
		position:relative;
		float:left;
		clear:left;
		padding: 10px 0 20px 0;
		margin: 20px 0 20px 0;
		background: #FCEEB2;
	}
	
	#anketa input.nestodrugo { 
		width: 100px;
		height: 18px;
		line-height: 18px;
		padding: 0 2px;
		margin-left:5px;
		background: #FFF;
		border: 1px solid #999;
	}
	
	#anketa input.text {
		background: #FFF;
		border: 1px solid #999;
	}

ul.customerData, div.customerData {
	position: relative;
	float: left;
	width: 395px;
	padding: 0 200px 0 10px;
}

ul.customerData li {
	position: relative;
	float: left;
	width: 395px;
}

.customerData p {
	padding: 10px 0;
}

p.inst, .customerData p.s { font-weight: bold; }

p.inst { 
	padding: 15px 0 25px 0; 
}

ul.customerData li label {
	position: relative;
	float: left;
	line-height: 17px;
	/*font-weight: bold;*/
}

ul.customerData li input.text,ul.customerData li input.readonly {
	position: relative;
	float: right;
	width: 300px;
	height: 18px;
	line-height: 18px;
	padding: 0 2px;
	border: 1px solid #565656;
	background: #FCEEB2;
	margin: 0 0 5px 0;
}

ul.customerData li input.readonly {
	border: none;
	background: none;
	height: 20px;
	
}

ul.customerData li select {
	position: absolute;
	left: 89px;
	height: 20px;
	line-height: 20px;
}

div.customerData table { width: 100%; }
div.customerData table th, div.customerData table td { padding: 0 5px 5px 0; }
div.customerData table th { text-align: left;}

#wrapContRight h2.red {
	position: relative;
	float: left;
	width: 320px;
	margin: 0 0 -9px 0;
	padding: 0 0 9px 0;
	z-index: 1; 
}

ul#shopSteps { 
	position: relative; 
	float: left;
	z-index: 0;
}

ul#shopSteps li {
	position: relative;
	float: left;
	width: 320px;
	height: 100px;
	background: url(/images/stepGray.jpg) left top repeat-x;
	z-index: 0;
}

ul#shopSteps li.active {
	background: url(/images/stepActive.jpg) left top repeat-x;
}

ul#shopSteps li.active img {
	position: relative;
	float: left;
	margin: 0 0 0 -52px;
}

ul#shopSteps li span {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-weight: bold;
	font-size: 22px;
}

ul#shopSteps li a {
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 22px;
	line-height: 32px;
	font-family: Arial;
	color: #000;
	display: block;
	width: 300px;
	height: 32px;
	padding: 58px 10px 10px 10px;
}

input.sb, input.sbk {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}

input.sb, #FAQ form fieldset input.spremi {
	position: relative;
	float: left;	
	width: 107px;
	padding: 6px 0 7px 0;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 0 10px;
	border: none;
	font-family: Georgia, serif;
	font-weight: bold;
	text-decoration: none;
	color: #A10A00;
	background: url(/images/slijedeciKorak.png) left center no-repeat;
	cursor: hand;
}

#FAQ form fieldset input.spremi { 
	background: url(/images/spremi.png) center center no-repeat; 
	width: 70px;
	margin: 0;
}

input.sbk, input.nastaviSurfati {
	background: url(/images/kupujemFinal.png) left center no-repeat;
	position: relative;
	float: left;
	clear: left;
	border: none;
	padding: 17px 0 23px 0;
	margin: 10px 0 0 7px;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	width: 135px;
	text-decoration: none;
	color: #A10A00;
	cursor: hand;
}

input.nastaviSurfati {
	background: url(/images/nastaviSurfati.png) left center no-repeat;
	width: 175px;
}

input.sb:hover, input.sbk:hover, input.nastaviSurfati:hover, input.spremi:hover{
	color: #000;
}

/*
 *	Buttons
 */

a.detaljanPregled , a.kupujem, a.prijaviSe , a.dajteMiKatalog, a.dragoMiJe, a.hocuJos, a.zimkuSpiku, a.procitajCijeliClanak, a.upoznajNasePrijatelje2, a.upoznajSe, a.saznajVise, a.znamOdgovor, a.uclaniSe, a.gdje, a.pronadiDucan, a.pogledajCijeliIzbor, a.tkoJeTo, a.vidiSlike2 {
	position: absolute;
	left: 8px;
	bottom: 7px;
}
a.detaljanPregled { width: 126px; background: url(/images/detaljanPregled.png) left top no-repeat; }
a.kupujem { width: 80px; background: url(/images/kupujem.png) left top no-repeat; left: 140px; }	
a.prijaviSe { width: 78px; background: url(/images/prijaviSe.png) left top no-repeat; }
a.dajteMiKatalog { width: 129px; background: url(/images/dajteMiKatalog.png) left top no-repeat; }
a.dragoMiJe { width: 152px; background: url(/images/dragoMiJe.png) left top no-repeat; }
a.hocuJos { width: 77px; background: url(/images/hocuJos.png) left top no-repeat; }
a.zimkuSpiku { width: 103px; background: url(/images/zimkuSpiku.png) left top no-repeat; }
a.procitajCijeliClanak {	width: 151px; background: url(/images/procitajCijeliClanak.png) left top no-repeat; } /**/
a.upoznajNasePrijatelje2 { width: 165px; background: url(/images/upoznajNasePrijatelje.png) left top no-repeat; } /**/
a.upoznajSe { width: 88px; background: url(/images/upoznajSe.png) left top no-repeat; } /**/
a.saznajVise { width: 87px; background: url(/images/saznajVise.png) left top no-repeat; } /**/
a.znamOdgovor { width: 116px; background: url(/images/znamOdgovor.png) left top no-repeat; } /**/
a.uclaniSe { width: 80px; background: url(/images/kupujem.png) left top no-repeat; } /**/
a.gdje { width: 52px; background: url(/images/gdje.png) left top no-repeat; } /**/
a.pronadiDucan { width: 110px; background: url(/images/pronadiDucan.png) left top no-repeat; } /**/
a.pogledajCijeliIzbor { width: 139px; background: url(/images/pogledajCijeliIzbor.png) left top no-repeat; } /**/
a.tkoJeTo { width: 78px; background: url(/images/tkoJeTo.png) left top no-repeat; }
a.vidiSlike2 { width: 80px; background: url(/images/kupujem.png) left top no-repeat; }

a.youtubeKanal {
	position: absolute;
	display: block;
	padding: 5px 0 6px 0;
	right: 8px;
	top: 11px;
	width: 121px;
	background: url(/images/youtubeKanal.png) left top no-repeat;
	z-index: 9;
}

a.kupujemBig {
	position: absolute;
	right: 8px;
	top: 6px;
	padding: 6px 0 11px 29px;
	width: 81px;
	font-size: 14px;
	line-height: 18px;
	background: url(/images/kupujemBig.png) left top no-repeat;
}

a.posaljiZelje {
	position: absolute;
	right: 6px;
	top: 0;
	margin: 9px 0 0 0;
	width: 219px;
	background: url(/images/posaljiZelje.png) left top no-repeat;
}

a.fotoGalerija, a.pronadiNajbliziDucan {
	position: absolute;
	left: 218px;
	bottom: 5px;
	padding: 6px 4px 11px 24px;
	font-size: 14px;
	line-height: 18px;
	width: 105px;
	background: url(/images/fotoGalerija.png) left top no-repeat;
	z-index: 10;
}
a.fotoGalerija {
	padding: 6px 0 11px 33px;
}

a.pronadiNajbliziDucan {
	left: 8px;
	width: 170px;
	background: url(/images/pronadiNajbliziDucan.png) left top no-repeat;
}

a.upomoc  {
	position: relative;
	float: left;
	clear: both;
	margin: 0 0 0 5px;
	width: 75px;
	background: url(/images/upomoc.png) left top no-repeat;
}

a.opsirnije, a.prikaziProizvode, a.vidiSlike, a.upoznajNasePrijatelje {
	position: relative;
	float: left;
	margin: 10px 0 0 1px;
	background: url(/images/kupujem.png) left top no-repeat;
}
a.opsirnije { width: 81px; margin: 10px 0 0 7px; }
a.prikaziProizvode { width: 133px; background: url(/images/prikaziProizvode.png) left top no-repeat; }
a.vidiSlike { width: 80px; margin: 10px 0 0 7px; background: url(/images/kupujem.png) left top no-repeat; } /**/
a.upoznajNasePrijatelje {width: 165px; margin: 10px 0 0 7px; background: url(/images/upoznajNasePrijatelje.png) left top no-repeat; }

a.download {
	position: relative;
	float: left;
	margin: 2px 0 0 5px;
	background: url(/images/download.png) left top no-repeat;
	width: 100px;
}

a.obrisi, a.uKosaricu {
	position: relative;
	float: left;
	width: 59px;
	margin-top: 5px;
	margin-left: -2px;
	background: url(/images/obrisi.png) left top no-repeat;
}
a.uKosaricu { width: 92px; background: url(/images/uKosaricu2.png) left top no-repeat; }

#theirWishList  ul li a.uKosaricu {
	position: relative;
	float: left;
	padding: 6px 15px 5px 25px;
	margin: 2px 0 0 -3px;
	background: url(/images/uKosaricu.png) left top no-repeat;
}
#theirWishList  ul li a.uKosaricu:hover { color: #000;}
	
a.arhivaTekstova {
	position: relative;
	float: left;
	padding: 7px 10px 11px 33px;
	margin: 0 0 -25px 10px;
	clear: left;
	font-size: 14px;
	line-height: 16px;
	width: 120px;
	background: url(/images/arhivaTekstova.png) left top no-repeat;
}

a.cijelaPrica {
	position: relative;
	float: left;
	left: 8px;
	width: 94px;
	background: url(/images/cijelaPrica.png) left top no-repeat;
}

a.vidiCijeluMapu {
	font-size: 11px;
	position: relative;
	float: left;
	padding: 5px 14px 5px 24px;
	background: url(/images/vidiCijeluMapu.png) left top no-repeat;
}

/*Input buttons*/

#product input.dodajUKosaricu, #product input.dodajnaListuZelja, #login input.prijava {
	position: relative;
	float: left;
	background: url(/images/dodajUKosaricu.png) left center no-repeat;
	border: none;
	margin: 1px 0 0 0;
	padding: 6px 0 7px 25px;
	width: 165px;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	cursor: hand;
	text-decoration: none;
	text-align: left;
	color: #A10A00;
}

#product input.dodajnaListuZelja {
	background: url(/images/dodajNaListuZelja.png) left center no-repeat;
}

#product input.dodajUKosaricu:hover, #product input.dodajnaListuZelja:hover {
	color: #000;
}

/* marko add ons */
	img#productBig {
		position: absolute;
		bottom: 10px;
		right: 80px;
	}
	#nimg {
		position: absolute;
		top: 0px;
		left: 197px;
		z-index:8;
	}
	#product ul#controls {
		z-index:9;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#product ul#controls li {
		cursor: pointer;
		position: relative;
		float: left;
		list-style: none;
	}
	
	#wrapCont  div#article { 
		padding: 0 10px;
		line-height: 18px;
	}
		
	#wrapCont  div#article span.quote {
		display: block;
		padding: 10px 10px 10px 0;
		font-size: 15px;
		line-height: 24px;
		color: #565656;
	}
	
	#wrapCont  div#article object, #wrapCont  div#article embed, #wrapCont  div#article img {
		position: relative;
		float: right;
		margin: 5px 0 10px 10px;
	}
	#wrapCont  div#article object {
		/* width: 300px; height: 250px*/
		margin: margin: 5px 0 5px 5px;
	}
	#simg  {height:270px;margin-top:59px;}
	ul.gallerySlide li { margin-bottom:10px;}
	#ctnt {float:left;width:355px;}
	#blacklink {color:#000;}
	/*#otherstores {padding:10px;display:block;clear:both;}
	#otherstores a {color:#111;}*/
	
	.warning {color:#A10A00;margin-left:10px;}
	p.warning {line-height: 12px; font-size: 11px; margin: 0; position: relative; float: left; padding: 10px 0 0 10px;} 
	p.shopOnly {line-height: 14px; position: relative; float: left; padding-left: 10px;}
	form.productForm { position: relative; float: left; width: 180px;}
	
	#login {position:absolute;width:215px;height:255px;padding:10px;background: url(/images/loginBack.png) left top no-repeat;top:-380px;left:50%;margin-left:-371px;z-index:1000;color:#000;}
	#login form { z-index: 1; }
	#login h1 {font-size: 14px; font-weight: bold; margin: 0; padding: 20px 0 0 0; width: 50%;}
	#login p {margin-top: 8px;}
	#login p, #login p a, #login label.small { font-size: 11px; }
	#login input.inline { position: relative; float: left; margin: 2px 2px 0 0; padding: 0; }
	#login label.inline { position: relative; float: left; width: 30%; height: 20px; font-weight: normal;}
	#login input {margin: 0; }
	#login fieldset { padding: 10px 0 20px 0; width: 205px;}
	#login fieldset ul, #login fieldset ul li {width: 215px; margin: 0;}
	#login a.close {position: absolute; top: 29px; right: 10px; font-size: 11px; z-index: 100;}
	#sendlist a.close {position: absolute; top: 10px; right: 15px; font-size: 11px; z-index: 100;}
	#login img.close, #sendlist img.close {margin: 3px 0 -1px 4px; z-index: 100;}
	#login input.prijava, #sendlist input.prijava {background: url(/images/upisiSe.png) left center no-repeat; margin: 5px 0 0 -2px; padding: 5px 0 7px 4px; width: 65px;}
	#login #lerr {position: absolute; top: 7px; right: 0px; color: #A10A00;}
	
	#sendlist {position:absolute;width:220px;height:150px;background:url(/images/sendWishBack.png) left top no-repeat;top:290px;left:50%;margin-left:-74px;z-index:1000;display:none;padding:10px;color:#000;}
	#sendlist fieldset {
		position: relative;
		float: left;
		width: 200px;
		padding: 0;
	}
	#sendlist input, #sendlist textarea {
		position: relative;
		float: left;
		width: 160px;
		margin: 0;
	}
	#sendlist label {position: relative; float: left; width: 200px; display:block;font-weight:bold; margin: 0 0 5px 0;}
	#sendlist input.prijava { margin-top: 10px; border: none; font-family: Georgia, serif; font-size: 11px; font-weight: bold; color: #A10A00; }
	div.customerDataWide {
		position: relative;
		float: left;
		width: 535px;
		padding: 0 200px 0 10px;
	}
	
	div.customerDataWide h2.gray { margin-left: -10px; }
	
	#dropdowner {position:absolute;top:0px;right:350px;width:150px;z-index:9;}
	#dropdowner ul {background:#F6C700;display:none;width:150px;}
	#dropdowner li {clear:both;padding-left:10px;padding-bottom:5px;width:140px;}
	#dropdownerlink {display:block;width:140px;height:30px;padding-top:15px;padding-left:10px;font-family:Arial,Helvetica,sans;font-size:14px;background:#FCEEB2;}
	
	ul.galleryNavshop {
	position: absolute;
	top: 275px;
	right: 8px;
	z-index: 101;
	}

	ul.galleryNavshop li {
	position: relative;
	float: left;
	}