/*
	Company: Tuck, http://www.tuck.co.yu/
	Date (create): 10-01-2008
	Date (update): 25-01-2008

	******************************
	*****      Index       *****
	******************************
	ID: 
		#contents
		#tuckwood
		#videopolis
*/


/* 
	************************************
	***** 		#CONTENTS 		 *****
	************************************
	Class:
*/



/* Velicina i pozicija boxova */
#contents .boxV1
,#contents .boxV3
,#contents .boxV4 {
	clear: none; float: left;
	margin: 10px 0 0 0;
}
#contents .boxV2 {
	clear: none; float: left;
	margin: 10px 0 0 9px;
}
/* Definicije visina */
#contents #vip .body
, #contents #newsHP .body
{
	height: 197px;
}

#contents #tuckwood .body
{
	height: 349px;
}

#contents #videopolis .left
{
	height: 349px;
}
#contents #videopolis .right
{
	height: 341px;
}



/* BOX #1 left I line  */
#contents .boxV1 {
	width: 371px;
}
#contents .boxV1 .top {
	width: 371px; height: 31px;
	background: url(../../img/bg_box_top_box1.gif) 0px 0px no-repeat;
}
#contents .boxV1 .top .title {  height: 31px; }

#contents .boxV1 .body {
	background: #a1bdd5;
}
#contents .boxV1 .bottom {
	height: 8px; width: 100%;
	background: url(../../img/bg_box_bottom_box1.gif) 0px 0px no-repeat;
}
#contents .boxV1 .text {
	padding: 0 9px 0 9px;
}
#contents .boxV1 .text li {
	width: 100%;
}

/* BOX #2 right I line  */
#contents .boxV2 {
	width: 345px; 
}
#contents .boxV2 .top {
	width: 345px; height: 31px;
	background: url(../../img/bg_box_top_box2.gif) 0px 0px no-repeat;
}
#contents .boxV2 .top .title {  height: 31px; }

#contents .boxV2 .body {
	background: #a1bdd5;
}
#contents .boxV2 .bottom {
	height: 8px; width: 100%;
	background: url(../../img/bg_box_bottom_box2.gif) 0px 0px no-repeat;
}
#contents .boxV2 .text {
	padding: 0 9px 0 9px;
}
#contents .boxV2 .text li {
	width: 100%;
}
/* Uniq - text */
#contents .boxV2 .text span {	color: #ffffff; }

#contents .boxV2 .text .details {	
	color: #214e8e;
}
#contents .boxV2 .text .details .content {	
	height: 105px; overflow: hidden; 
	margin: 0 0 10px 0;
}

#contents .boxV2 .text .details .img {	
	display: block; float: left;
	overflow: hidden;
	border: solid 2px #ffffff;
	width: 163px; height: 96px;
	margin: 0 10px 0px 0;
}
#contents .boxV2 .text .details .limit {	
	width: 163px; height: 96px;
	overflow: hidden; 
}
#contents .boxV2 .text .details .limit .none { padding: 0; margin: 0; background: transparent; }
#contents .boxV2 .text .details .title { 
	font-size: 12px;  font-weight: bold; 
	padding-bottom: 5px;
}
#contents .boxV2 .text .details .desription { 
	display: block; 
	/*height: 40px; */overflow: hidden;
	margin-bottom: 5px;
}
#contents .boxV2 .text .details a { 
	background: url(../../img/icon_next_dotty_blue.gif) 0 2px no-repeat;
	padding: 0 0 5px 15px;
}
/* Uniq - lista linkova */
#contents .boxV2 .text .link {
	border-top: solid 1px #d0deea;
	padding: 1px 0 1px 0;  
}
#contents .boxV2 .text .link div {
	background: #abc4d9 url(../../img/icon_next_dotty.gif) 315px 5px no-repeat;
	display: block; font-weight: bold;
	padding: 4px 20px 0 10px;
	height: 18px;	
}


/* BOX #3 big II line  */
#contents .boxV3 {
	width: 735px;
}
#contents .boxV3 .top {
	width: 735px; height: 31px;
	background: url(../../img/bg_box_top_box3.gif) 0px 0px no-repeat;
}
#contents .boxV3 .top .title {  height: 31px; }
#contents .boxV3 .body {
	background: #a1bdd5;
}
#contents .boxV3 .bottom {
	height: 8px; width: 100%;
	background: url(../../img/bg_box_bottom_box3.gif) 0px 0px no-repeat;
}
#contents .boxV3 .text {
	padding: 0 9px 0 9px;
}
#contents .boxV3 .text li {
	width: 100%;
}

/* BOX #4 right I line  */
#contents .boxV4 {
	width: 359px; 
}
#contents .boxV4 .top {
	width: 359px; height: 51px;
	background: url(../../img/bg_box_top_box4.gif) 0px 0px no-repeat;
}
#contents .boxV4 .top .title {  
	height: 51px; width: 100%;
}
#contents .boxV4 .body {
	background: #375e99;
}
#contents .boxV4 .bottom {
	height: 8px; width: 100%;
	background: url(../../img/bg_box_bottom_box4.gif) 0px 0px no-repeat;
}
#contents .boxV4 .text {
	padding: 0 9px 0 9px;
}
#contents .boxV4 .text li {
	width: 100%;
}
/* More */
#contents .boxV4 .more { 
	width: 100%; height: 15px;
	text-align: right;
	background: #375e99;
}
#contents .boxV4 .more a { 
	padding: 0 15px 20px 15px; color: #ffffff;
	background: url(../../img/icon_next_dotty_link_dark.gif) 0 2px no-repeat;
}
#contents .boxV4 .more a:hover { color: #A1BDD5; }

/* Tuckwood */
#tuckwood h2 {
	height: 100%; width: 100%;
	text-indent: -999px;
	background: url(../../img/title_tuckwood.gif) 12px 14px no-repeat;
}
#tuckwood .text span {	color: #A1BDD5; }

#tuckwood .text .details {	
	color: #ffffff;
}
#tuckwood .text .details .content {	
	height: 98px; overflow: hidden; 
	margin: 10px 0 10px 0;
}
#tuckwood .text .details .img {	
	display: block; float: left;
	overflow: hidden;
	background: url(../../img/bg_img_border.gif) 0px 0px no-repeat;
	width: 162px; height: 94px;
	padding: 2px 12px 2px 11px;
	margin: 0 10px 0px 0;
}
#tuckwood .text .details .limit {	
	width: 162px; height: 94px;
	overflow: hidden; 
}
#tuckwood .text .details .title { 
	font-size: 12px;  font-weight: bold; 
	padding-bottom: 5px;
	height: 25px;
}
#tuckwood .text .details .desription { 
	display: block; 
	height: 50px; overflow: hidden;
	margin-bottom: 5px;
}
#tuckwood .text .details a { 
	background: url(../../img/icon_arrow_blue_lite.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	color: #ffffff; 
	margin-right: 10px;
}
#tuckwood .text .details a:hover { color: #A1BDD5; }

/* lista linkova */
#tuckwood .text .link {
	border-top: solid 1px #214E8E;
	padding: 1px 0 1px 0;
}
#tuckwood .text .link div {
	background: url(../../img/icon_next_dotty_box4.gif) 0 5px no-repeat;
	display: block; 
	padding: 4px 10px 0 20px;
	height: 18px;	
}
/* flash */
#tuckwood .text .flash { padding-top: 10px; }


/* Videopolis */
#contents #videopolis {
	margin: 10px 0 0 7px;
	background: #375e99; 
}
#videopolis h2 {
	float: left; padding: 0; margin: 0;
	height: 100%; width: 185px;
	text-indent: -999px;
	background: url(../../img/title_videopolis.gif) 12px 14px no-repeat;
}
#videopolis h3 {
	float: left; padding: 0; margin: 0;
	height: 100%; width: 105px;
	text-indent: -999px;
	background: url(../../img/title_novo-kolo.gif) 0px 100% no-repeat;
}
#videopolis .new {
	float: left; padding: 0; margin: 0;
	height: 100%; width: 105px;
	text-indent: -999px;
	background: url(../../img/title_novo-kolo.gif) 0px 100% no-repeat;
}

#videopolis .left { 
	width: 195px; 
}
#videopolis .right { 
	width: 146px; 	/* width: 164px; */
	background: #476ca2 url(../../img/bg_box_bottom_box4-right.gif) 0px 100% no-repeat;
	margin: 0 9px 0 9px;
}

/* text left */

#videopolis .text span {	color: #A1BDD5; }

#videopolis .text .details {	
	color: #ffffff;
}
#videopolis .text .details .content {	
	background: url(../../img/bg_img_dvd.gif) 0px 0px no-repeat;
	height: 230px; overflow: hidden; 
	margin: 10px 0 0px 0;
	border-bottom: solid 1px #214E8E;
}
#videopolis .text .details .img {	
	display: block; float: left;
	overflow: hidden;
	width: 104px; height: 153px;
	padding: 7px 0px 0px 63px;
	margin: 0 0 10px 0;
}
#videopolis .text .details .limit {	
	width: 104px; height: 153px;
	overflow: hidden; 
}
#videopolis .text .details .title {
	clear: both; 
	font-size: 12px;  font-weight: bold; 
	padding-bottom: 5px;
}
#videopolis .text .details .title a { background: transparent;}
#videopolis .text .details .desription { 
	display: block; 
	height: 40px; overflow: hidden;
	margin-bottom: 10px;
}
#videopolis .text .details a { 
	display: block; clear: both;	color: #ffffff;
	background: url(../../img/icon_next_dotty_link_small.gif) 100% 2px no-repeat;
}
#videopolis .text .details a:hover { color: #A1BDD5; }
/* lista linkova */
#videopolis .text .link {
	border-bottom: solid 1px #214E8E;
	padding: 1px 0 1px 0;  
}
#videopolis .text .link div {
	background: url(../../img/icon_next_dotty_box4.gif) 0 5px no-repeat;
	display: block;
	padding: 4px 10px 0 20px;
	/*height: 18px;*/	
}

/* right list */
#videopolis .right .text {
	padding-top: 10px;
}
#videopolis .text .list {
	color: #ffffff;
	height: 66px; overflow: hidden;
	margin: 5px 0 5px 0;
	border-bottom: solid 1px #a1bdd5;
}
#videopolis .text .list .img {	
	display: block; float: left;
	overflow: hidden;
	width: 40px; height: 56px;
	padding: 0; margin: 0 10px 0 0;
	border: solid 1px #ffffff;
}
#videopolis .text .list .limit {	
	width: 40px; height: 56px;
	overflow: hidden; 
}
#videopolis .text .list .title { 
	display: block; 
	height: 50px; 
	overflow: hidden;
}
#videopolis .text .list a { 
	font-weight: normal; color: #ffffff;
	display: block; clear: none;  	
	background: url(../../img/icon_shope.gif) 100% 0 no-repeat;
	height: 20px; overflow: hidden;
}
#videopolis .text .list a:hover { color: #A1BDD5; }

#videopolis .text  a.none, #videopolis .text  a.none:hover ,
 #videopolis .recomendDVD a.none, #videopolis .recomendDVD a.none:hover
 { 
	background: transparent;
	padding: 0; margin: 0;
	height: auto; overflow: visible;
}
