/* --------------------------------------------------------------------------------- */
/* 	Main													 						 */
/* --------------------------------------------------------------------------------- */

body {
	
	font: 12px Times, Helvetica, sans-serif;
	color:#0f592d;
	background: #fcfdfe url(../images/main_bg.png);
	background-repeat:repeat-x;
	padding: 0;
	margin: 0;
	min-height:480px;
	
}

a, a:visited { 
	outline: none; 
	color:#0f592d;
}

img {
	border: none;
}

h3 {
	/* replaced by sifr */
	font-size:14px;
	display:block;
	margin:0; 
	padding:0;
}


/* --------------------------------------------------------------------------------- */
/* 	Wrapper		  																	 */
/* --------------------------------------------------------------------------------- */

div#siteWrapper{
	
	width:964px;
	margin:0 auto;
	
}

/* --------------------------------------------------------------------------------- */
/* 	Sun		  															 			 */
/* --------------------------------------------------------------------------------- */

div#sun{
	width:964px;
	height:313px;
	
	position: fixed;
	display: inline;
	text-align: center;
	
	z-index:-1000;
	
	background-image: url(../images/sun_bg.png);
	background-position: bottom center;
	background-repeat:no-repeat;
}

/* --------------------------------------------------------------------------------- */
/* 	dock - bottom  																	 */
/* --------------------------------------------------------------------------------- */

#dockBorder {
	height:23px; 
	width: 100%;
	bottom: 0px;
	position: fixed;
	text-align: center;
	z-index:898;
	background: url(../images/dockBorder.png) repeat-x 0 0;
}

#dock {
	height:75px; 
	width: 100%;
	bottom: 25px;
	position: fixed;
	text-align: center;
	z-index:1000;
}

.dock-container {
	position: absolute;
	height: 70px;
	background: url(../images/dock-bg.gif);
	padding-left: 0px;
	margin-left:-10px;
	margin-top:31px;
}

a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 77px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}

.dock-item span {
	max-width:inherit;
	display: none;
	padding-left: 0px;
	overflow:hidden;
}

.dock-item img {
	border: none; 
	margin: 5px 0 0px; 
	width: 100%; 
}

.orangeHolder {
	height:75px; 
	width: 100%;
	bottom: 0px;
	position: fixed;
	text-align: center;
	z-index:900;
}

.leftOranges {
	width:170px;
	height:75px;
	background: url(../images/leftOranges.png) no-repeat 0 0;
	float:left;
}

.rightOranges {
	width:170px;
	height:75px;
	background: url(../images/rightOranges.png) no-repeat right top;
	float:right;
}

/* --------------------------------------------------------------------------------- */
/* 	Scroll pane  																	 */
/* --------------------------------------------------------------------------------- */

#leftScrollPanel {
	
	width: 713px;
	height: 345px;
	margin:0;
	overflow: auto;
	float: left;
		
}

.tropicana-bar .jScrollPaneTrack {
	background: #DDEAD3;
}

.tropicana-bar .jScrollPaneDrag {
	background: #79B785;
}

/* --------------------------------------------------------------------------------- */
/* 	Top			  																	 */
/* --------------------------------------------------------------------------------- */

div#top {
	width: 964px;
	height: 43px;
	margin:30px auto 0 auto;
	padding:0;
}

div#top div#logo {
	width: 100px;
	height: 43px;
	margin:0 20px 0 0;
	padding:0;
	background: transparent url(../images/logo.png) no-repeat 0 0;
	clear:none;
	float:left;
}

/* --------------------------------------------------------------------------------- */
/* 	Menu			  																 */
/* --------------------------------------------------------------------------------- */

#menu {
	height: 34px;
	margin:5px 2px 0 0;
	padding:0;
	clear:none;
	float:right;
}

ul.menu{
	margin: 0 0 0 -40px;	
	list-style-type:none;
}

ul.menu li {
	margin: 0;	
	list-style-type:none;
}

.primary-links li {
	float: left;
}

.primary-links li a {
	height: 34px;
	display: block;	
	text-indent: -9999px;
}

/* Hem */
.primary-links li.menu_hem a {
	width: 85px;
	background: transparent url(../images/menu.png) no-repeat 0 0;
	cursor:pointer;
}
.primary-links li.menu_hem a:hover,
.primary-links li.menu_hem.active a {
background: transparent url(../images/menu.png) no-repeat 0 -40px;
}

/* Tävling */
.primary-links li.menu_tavling a {
	width: 84px;
	background: transparent url(../images/menu.png) no-repeat -85px 0;
	cursor:pointer;
}
.primary-links li.menu_tavling a:hover,
.primary-links li.menu_tavling.active a {
background: transparent url(../images/menu.png) no-repeat -85px -40px;
}

/* Fruitology */
.primary-links li.menu_fruitology a {
	width: 102px;
	background: transparent url(../images/menu.png) no-repeat -169px 0;
	cursor:pointer;
}
.primary-links li.menu_fruitology a:hover,
.primary-links li.menu_fruitology.active a {
	background: transparent url(../images/menu.png) no-repeat -169px -40px;
}

/* Om tropicana */
.primary-links li.menu_om_tropicana a {
	width: 126px;
	background: transparent url(../images/menu.png) no-repeat -271px 0;
	cursor:pointer;
}
.primary-links li.menu_om_tropicana a:hover,
.primary-links li.menu_om_tropicana.active a {
	background: transparent url(../images/menu.png) no-repeat -271px -40px;
}

/* Kontakt */
.primary-links li.menu_kontakt a {
	width: 88px;
	background: transparent url(../images/menu.png) no-repeat -397px 0;
	cursor:pointer;
}
.primary-links li.menu_kontakt a:hover,
.primary-links li.menu_kontakt.active a {
	background: transparent url(../images/menu.png) no-repeat -397px -40px;
}

/* --------------------------------------------------------------------------------- */
/* 	Wrapper		  																	 */
/* --------------------------------------------------------------------------------- */

div#siteWrapper div#contentWrapper{
	
	width:964px;
	height:388px;
	margin:16px 0 0 0;
	
	background: transparent url(../images/content_bg.png) no-repeat 0 0;
	
}

	div#siteWrapper div#contentWrapper div#leftContent{
		clear:none;
		float:left;
		width: 713px;
		height: 350px;
		margin: 0;
		padding: 16px 15px 0 20px;
		
		font-size:12px;
		line-height:15px;
		
		overflow-x: hidden;
		overflow-y: hidden;
		
	}

	div#siteWrapper div#contentWrapper div#rightContent{
		
		clear:none;
		float:right;
		width:154px;
		height:350px;
		margin:0;
		padding: 16px 27px 0 16px;
		
	}

/* --------------------------------------------------------------------------------- */
/* 	Left content																	 */
/* --------------------------------------------------------------------------------- */


div#siteWrapper div#contentWrapper div#leftContent_special_start{
	position:relative;
	clear:none;
	float:left;
	width: 748px;
	height: 380px;
	margin: 0;
	padding: 0;
	
	font-size:12px;
	line-height:15px;
	
	overflow-x: hidden;
	overflow-y: hidden;
	
}

/*
div#siteWrapper div#contentWrapper a#NYCpuff {
	display:block;
	clear:none;
	float:right;
	width: 167px;
	height: 168px;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 500;
	cursor:pointer;
}
	
div#startflash{
	margin-top:-2px;
	padding-top:1px;
	display:block;
	clear:none;
	z-index:300;
}
*/

div#siteWrapper div#contentWrapper a#NYCpuff {
	display:none;
	position:absolute;
	top:5px;
	left: 576px;
	z-index: 500;
	cursor:pointer;
}
	
div#startflash{
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
}
	
	div#siteWrapper div#contentWrapper div#leftContent .leftPadder{ margin-left:20px; }
	
	div#siteWrapper div#contentWrapper div#leftContent div.contentCell{
	
		width:310px;
		min-height:300px;
		margin-left:20px;
		margin-right:16px;
		clear:none;
		float:left;
		
	}
	
		div#siteWrapper div#contentWrapper div#leftContent div.kalle{
			
			min-height:250px;	
			height:250px;
			
		
		}
	
	div#siteWrapper div#contentWrapper div#leftContent h2{ font-size:14px; font-weight:normal; display:inline; }


/* --------------------------------------------------------------------------------- */
/* 	Right content																	 */
/* --------------------------------------------------------------------------------- */

div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff{
	
	width:154px;
	
	height:178px;
	margin-top:82px;
	/*margin-left:7px;*/
	margin-bottom:34px;

}

	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff div.leafDivider{

		width:154px;
		height:18px;
		margin-bottom:10px;
		background: url(../images/rightContent_leaf.png) no-repeat 0 2px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.competeBtn{

		width:154px;
		height:36px;
		background: url(../images/rightContent_resa.png) no-repeat 0 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff span.sommarsmaker{

		width:154px;
		height:17px;
		background: url(../images/right_content_sommarsmaker/sommarsmaker.png) no-repeat center 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.summerberry_button{

		width:154px;
		height:20px;
		background: url(../images/right_content_sommarsmaker/summerberry.png) no-repeat center 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.applepear_button{

		width:154px;
		height:20px;
		background: url(../images/right_content_sommarsmaker/applepear.png) no-repeat center 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.competeBtn:hover{

		background: url(../images/rightContent_resa.png) no-repeat -154px 0;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.fruitologyBtn{

		width:154px;
		height:38px;
		background: url(../images/rightContent_fruitology.png) no-repeat 0 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.omtropicanaBtn{

		width:154px;
		height:38px;
		background: url(../images/right_content_sommarsmaker/sju_ar.png) no-repeat center 0;
		display:block;
		text-indent: -9999px;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.fruitologyBtn:hover{

		background: url(../images/rightContent_fruitology.png) no-repeat -154px 0;

	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_puff a.omtropicanaBtn_:hover{

		background: url(../images/rightContent_omtrop.png) no-repeat -154px 0;

	}

div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login{
	
	width:154px;
	height:62px;

}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login #login_input{
		
		width:144px;
		height:26px;
		padding: 0 5px;
		margin-bottom:7px;
		border:none;
		display:block;
		outline: none;
		
	}
	
	@-moz-document url-prefix() {
	    div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login #login_input{
	        height:21px;
			padding: 5px 5px 0 5px;
	    }
	}
	
		div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login .showLabel{

			background: transparent url(../images/login_input_bg.png) no-repeat 0 -32px;

		}
		
		div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login .noLabel{

			background: transparent url(../images/login_input_bg.png) no-repeat 0 0;

		}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login #login_submit{
		
		width:154px;
		height:26px;
		background: transparent url(../images/login_button.png) no-repeat 0 0;
		border:none;
		display:block;
		cursor:pointer;
		
	}
	
	div#siteWrapper div#contentWrapper div#rightContent div#rightContent_login #logout_submit{
		
		width:154px;
		height:26px;
		margin-top:7px;
		background: transparent url(../images/logout_button.png) no-repeat 0 0;
		border:none;
		display:block;
		cursor:pointer;
		
	}	

/* --------------------------------------------------------------------------------- */
/* 	Juice																			 */
/* --------------------------------------------------------------------------------- */

	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer {
	
		width:480px;
		height:330px;
		margin: 10px 0 10px 30px;
		clear:none;
		float:left;
	
	}
	
	
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content {

			width:480px;
			height:285px;

		}
		
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_menu {

			width:480px;
			height:30px;
			margin-left:-8px;

		}
		
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_menu a {

			height:16px;
			margin: 0;
			padding:0 6px 7px 7px;
			color:#0f592d;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			clear:none;
			cursor:pointer;
			float:left;

		}
		
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_menu .divider {
			
			width:1px;
			height:16px;
			background-color:#98c198;
			clear:none;
			float:left;

		}
		
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_menu .active {

			background: url(../images/juice_menu_active_marker.png) no-repeat bottom center;
			color:#ffa20a;

		}
	
	div#siteWrapper div#contentWrapper div#leftContent div#juice_rightImageContainer {
		
		width:170px;
		height:330px;
		margin: 10px -20px 10px 0;
		clear:none;
		float:right;
		background-repeat:no-repeat;
		background-position:bottom left;
	
	}
	
	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div#juice_info {

		width:400px;
		height:280px;

	}
	
	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_lefttablediv {
		clear: none;
		float: left;
		height:230px;
		width:330px;
		max-height:230px;
		margin-top:-5px;
		/*font-family: courier;*/
	}

	
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_lefttablediv td {
			padding-right:8px;
			padding-top:3px;
		}
		
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_lefttablediv table {
			border-collapse:collapse;
		}
	
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_lefttablediv .juicefakta_headerrow  {

			height:20px;
			clear:both;
			padding:0;
		
		}
	
			div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_lefttablediv .juicefakta_headerrow td {
				height:20px;
				max-height:20px;
				border-bottom: 1px solid #0f592d;
				font-weight: bold;
			}
	
		
	
	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_righttablediv {
		clear: none;
		float: right;
		height:280px;
		width:150px;
		margin-top:-5px;
	}
	
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicefakta_righttablediv .juicefakta_headerrow td {
			height:20px;
			max-height:20px;
			border-bottom: 1px solid #0f592d;
			font-weight: bold;
		}
	
	
div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_leftdiv {
	clear: none;
	float: left;
	width:290px;
	height:230px;
	max-height:230px;
	padding-right:20px;
}

div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv {
	clear: none;
	float: left;
	width:160px;
	max-width:160px;
	height:230px;
	max-height:230px;
	margin-left:10px;
}

	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div.rdi_info {
		font-style:italic;
		color:#528364;
		font-size:10px;
		line-height:11px;
		margin-left:11px;
	}

	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div.juicefakta_headerrow {
		font-weight: bold;
	}
	
	div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div#rdi_bubbles {
		
		width:151px;
		height:102px;
		background: url(../images/RDI_bg.png) no-repeat 0 0;
		margin:10px 0;
		
	}
	
		div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div#rdi_bubbles .bubble_row {

			width:150px;
			height:51px;

		}
		
			div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div#rdi_bubbles .bubble {
				
				font-size:10px;
				font-weight: normal;
				line-height:12px;
				width:50px;
				height:44px;
				padding-top:7px;
				display:inline;
				clear:none;
				float:left;
				margin:0;
				text-align:center;
				

			}
			
				div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div#rdi_bubbles .bubble_leftmargin  {

					margin-left:26px;

				}
				
				div#siteWrapper div#contentWrapper div#leftContent div#juice_leftContainer div#juice_leftContainer_content div.juicerdi_rightdiv div#rdi_bubbles .bubble_rightmargin  {

					margin-right:24px;

				}

	
/* --------------------------------------------------------------------------------- */
/* 	Registrera																		 */
/* --------------------------------------------------------------------------------- */


div#siteWrapper div#contentWrapper div#leftContent div.disclaimer{

	color:#6B9271;
	
}
	div#siteWrapper div#contentWrapper div#leftContent div.disclaimer a{

		color:#6B9271;
		cursor:pointer;
		text-decoration:underline;

	}
	
	div#siteWrapper div#contentWrapper div#leftContent div.disclaimer a:hover{

		color:#364938;

	}
	
	div#siteWrapper div#contentWrapper div#leftContent iframe#registerFormIframe{
		
		width:360px;
		height:280px;
		max-width:360px;
		max-height:280px;
		background-color:transparent;
		border:none;
		padding:0;
		margin-top:-8px;
		
	}
	
	div#popup{
		cursor:pointer;
	}
	
	div#popup h1{
		font-size: 20px;
	}
	
	div#popup #backgroundPopup{  
		display:none;  
		position:fixed;  
		_position:absolute; /* hack for internet explorer 6*/  
		height:100%;  
		width:100%;  
		top:0;  
		left:0;  
		background:#fff;  
		z-index:1;  
		cursor:pointer;
	}  
	
	div#popup #popupContact{  
		display:none;  
		position:fixed;  
		_position:absolute; /* hack for internet explorer 6*/  
		height:350px;  
		width:400px;  
		background:#FFFFFF;  
		border:2px solid #829E8D;  
		z-index:2;  
		padding:20px;  
		font-size:13px;  
		cursor:pointer;
		margin-top: -50px;
	}  
		
	div#popup a{  
		font-size:14px;  
		line-height:14px;  
		right:6px;  
		top:4px;  
		position:absolute;  
		color:#0f592d;  
		font-weight:700;  
		display:block;  
		cursor:pointer;
		font-family: Arial, sans-serif;
		cursor:pointer;
	} 
	
	
/* --------------------------------------------------------------------------------- */
/* 	Om tropicana																	 */
/* --------------------------------------------------------------------------------- */

.orangetext {
    color: #0f592d;
}

a.orangetext_link, a.orangetext_link:visited {
    color: #fb7709;
	margin-left:10px;
	text-decoration:none;
}

a.orangetext_link_left, a.orangetext_link_left:visited {
    color: #fb7709;
	margin-right:10px;
	text-decoration:none;
}

a.orangetext_link:hover, a.orangetext_link_left:hover {
	text-decoration:underline;
}


.centeredimage {
    margin: 30px 0 0 50px;
}

div#omtrop_post_1 {
    clear: none;
    float: left;
}

div#omtrop_post_2 {
    clear: none;
    float: left;
}

div#omtrop_nav {
	display:block;
	clear: both;
	float:left;
    width: 60px;
    height: 20px;
    margin-left: 21px;
	
	/*border: solid 10px red;*/
}
	

div.omtropButton {
    height: 12px;
    padding-left: 12px;
    color: #0f592d;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    cursor: pointer;
}

div.omtropButtonPrev {
	background: transparent url(../images/arrowprev.png) no-repeat 0 1px;
}

div.omtropButtonNext {
	background: transparent url(../images/arrownext.png) no-repeat 0 1px;
}


/* --------------------------------------------------------------------------------- */
/* 	TŠvling fix fŒ in gamla tŠvlingar																	 */
/* --------------------------------------------------------------------------------- */

/*
div#oldcomp_link {
	display:block;
	clear: none;
	float:left;
    width: 160px;
    height: 20px;
    margin-left: 21px;
	margin-top: -50px;
	
	border: solid 10px red;
}
*/
div#oldcomp_link {
	position:absolute;
	left:20px;
	top:330px;
	/*border: solid 10px red;*/
}

div#tavling_wrapper {
	position:relative;
}

div#tavling_old_wrapper {
	position:absolute;
	left:0px;
	top:0px;
}

div#tavling_current_wrapper {
	position:absolute;
	left:0px;
	top:0px;
}


div.competition_altImage_NYC {
	
	width:252px;
	height:158px;
	background: url(../images/compete_altImage_NYC.png) no-repeat bottom right;
	clear:none;
	float:left;
	margin-top:38px;
	margin-left:23px;
}

/*
 div.omtropButton {
    height: 12px;
    padding-left: 12px;
    color: #0f592d;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    cursor: pointer;
}

div.omtropButtonPrev {
	background: transparent url(../images/arrowprev.png) no-repeat 0 1px;
}

div.omtropButtonNext {
	background: transparent url(../images/arrownext.png) no-repeat 0 1px;
}
*/