@import url('structure.css');
@import url('navigation.css');

/* HIDE ELEMENTS */
.cart, .breadcrumbs, .step2 {
	display: none }

body {
	/* opacity: 0.99; */
	font-family: arial, verdana;
	font-size: 12px;
	color: #404040;
	padding: 13px 0 0 0;
	margin: 0;
	background: #ffffff url('../images/bg-body-1.gif') 0 0 repeat-x fixed }
	
h1, h2, h3, h4, h5 {
	position: relative;
	padding: 0;
	margin: 0 }

h1 span, h2 span, h3 span, h4 span, h5 span {
	font-weight: normal }

h1 {
	font-size: 26px }
	
h1 span {
	position: absolute;
	right: 0;
	bottom: 3px; 
	font-size: 18px }

h2 {
	font-size: 19px;
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #d5d5d5 }

p {
	padding: 0;
	margin: 0 }

p.red, span.red {
	color: #da6d19 }
	
.kiitos {
	color: #da6d19;
	font-size:14px; }	

del {
	font-size: 11px }

a {
	color: #1c3f9d }
	
a:hover {
	color: #da6d19 }

br.clr {
	clear: both }

img {
	border: 0 }

ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: inside }

input {
	font-family: arial, verdana;
	padding: 0;
	margin: 0 }

fieldset {
	border: 0;
	padding: 0;
	margin: 0 }

label {
	cursor: pointer }

hr {
	margin: 15px 0 0 0;
	padding: 0; 
	border: 0;
	color: #d5d5d5;
	background: #d5d5d5;
	height: 1px }

iframe {
	width: 1px;
	height: 1px;
	border: 0 }

/* CONTENT */
.content {}

/* BREADCRUMBS */
.breadcrumbs { }
	
	.breadcrumbs li {
		display: block;
		float: left;
		padding: 0 0 0 10px;
		margin: 0;
		width: 130px;
		color: #999999 }
		
		.breadcrumbs li.links {
			cursor: pointer;
			color: #999999 }
		
		.breadcrumbs li.links.over {
			color: #da6d19 }
		
		.breadcrumbs li.active {
			font-weight: bold;
			color:#000000 }

		.breadcrumbs li span {
			display: block;
			text-align: center;
			padding: 6px 20px 6px 0px;
			background: url('../images/breadcrumb-div-1.gif') 100% 50% no-repeat }
			
		.breadcrumbs li.last span {
			background: none;
			width:180px; }

/* PACKAGES */
.packages { }
	
	.packages h2 {
		position: relative;
		border-bottom: 0;
		padding-top: 5px }
	
		.packages h2 a {
			font-size: 14px;
			margin-left: 8px }
		
		.packages h2 input {
			font-size: 12px;
			font-weight: normal;
			position: absolute;
			right: 0;
			top: 0;
			padding: 3px 8px 3px 8px;
			margin: 5px 0 0 0 }
		
	.packages ul {
		display: block;
		float: left;
		width: 575px }
	
	.packages li {
		display: block;
		float: left;
		width: 568px;
		border-top: 1px solid #d5d5d5;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		padding: 12px 0 10px 6px }
		
		.packages li.after-active {
			border-color: #fff }
		
		.packages li.active {
			border-color: #da6d19 }
			
		.packages table {
			border-collapse: collapse;
			display: block;
			float: right;	
			width: 542px;
			font-size: 11px }
			
			.packages table td {
				background: none;
				width: 130px;
				border: 0 }
			
			.packages table td.right {
				background: none;
				width: 70px;
				text-align: right }
				
	.packages input {
		display: block;
		float: left;
		padding: 0;
		margin: 9px 10px 0 4px }
			
	.packages label {
		display: block;
		float: left;
		width: 370px;
		padding: 0 0 3px 0;
		margin: 0;
		font-size: 16px;
		line-height: 16px }
	
	.packages p {
		display: block;
		float: left;
		width: 370px;
		padding: 1px 0 3px 0;
		margin: 0; 
		font-size: 11px;
		line-height: 11px;
		color: #707171 }
	
	.packages .channel-info {
		display: block;
		float: right;
		width: 150px;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		padding: 0 10px 0 0;
		margin: 0 }
		
		.packages .channel-info a {}
		
		.packages .channel-info span.link {
			color: #525252;
			font-size: 16px;
			font-weight: bold	}
		
		.packages .channel-info span {
			color: #acacac;
			font-size: 11px;
			font-weight: normal	}
	
	.packages .channels {
		display: none;
		float: left;
		padding: 0;
		margin: 10px 0 0 28px;
		width: 532px }
		
		.packages .channels p {
			padding: 0 0 10px 0 }
		
		.packages .channels ul {
			width: 532px }
	
			.packages .channels ul li {
				display: block;
				float: left;
				width: 532px;
				padding: 0;
				border: 0 }
	
		.packages .channels h5 {
			font-size: 11px }
		
		.packages .channels ul li ul li {
			opacity: 0.1;
			filter: alpha(opacity = 10);
			text-indent: -9999px;
			width: 40px;
			height: 30px;
			background: url('../images/pic-channels-4.jpg') 3px -2px no-repeat }

		.packages .channels ul li ul li.active {
			opacity: 1;
			filter: alpha(opacity = 100) }
			
		/* HDTV-CHANNELS */
		.packages .channels ul li ul li.nelonenhd {
			background-position: -200px -210px }
			
		.packages .channels ul li ul li.ngchd {
			background-position: -120px -210px }
				
		.packages .channels ul li ul li.espnhd {
			background-position: -240px -210px }
			
		.packages .channels ul li ul li.voomhd {
			background-position: -280px -210px }
			
		.packages .channels ul li ul li.discoveryhd {
			background-position: -80px -210px }
			
		.packages .channels ul li ul li.historyhd {
			background-position: -160px -210px }
			
		.packages .channels ul li ul li.silverhd {
			background-position: -40px -210px }
			
		.packages .channels ul li ul li.eurosporthd {
			background-position: -0px -210px }
		
		.packages .channels ul li ul li.bbchd {
			background-position: -40px -240px }
			
		.packages .channels ul li ul li.animalplanethd {
			background-position: -0px -240px }
			
		.packages .channels li.canalfilmhd {
			background-position: -320px -210px }
		
		.packages .channels li.canalsporthd {
			background-position: -360px -210px }
									
		/* FINNISH */
		.packages .channels li.yle1 {
			background-position: -200px -240px }
			
		.packages .channels li.yle2 {
			background-position: -40px -0px }
		
		.packages .channels li.mtv3 {
			background-position: -120px -0px }
			
		.packages .channels li.tv4 {
			background-position: -160px -0px }
			
		.packages .channels li.sub {
			background-position: -200px -0px }
			
		.packages .channels li.ylefst {
			background-position: -240px -0px }
			
		.packages .channels li.tv4plus {
			background-position: -360px -0px }
			
		.packages .channels li.jim {
			background-position: -0px -30px }
			
		.packages .channels li.kinotv {
			background-position: -280px -0px }
			
		.packages .channels li.liv {
			background-position: -320px -0px }
			
		/* ENTERTAINMENT */
		.packages .channels li.urheilukanava {
			background-position: -200px -30px }
			
		.packages .channels li.thevoice {
			background-position: -240px -30px }
		
		.packages .channels li.urhotv {
			background-position: -280px -30px }
			
		.packages .channels li.bbclifestyle {
			background-position: -320px -30px }
			
		.packages .channels li.sfkanalen {
			background-position: -360px -30px }
			
		.packages .channels li.bbcentertainment {
			background-position: -160px -60px }
			
		.packages .channels li.adultchannel {
			background-position: -200px -60px }
			
		.packages .channels li.bluehustler {
			background-position: -280px -60px }
			
		.packages .channels li.silver {
			background-position: -80px -60px }
			
		.packages .channels li.star {
			background-position: -40px -60px }
		
		.packages .channels li.tcm {
			background-position: -0px -60px }
			
		.packages .channels li.poker {
			background-position: -240px -60px }
			
		.packages .channels li.espn {
			background-position: -160px -240px }
			
		.packages .channels li.canalaction {
			background-position: -280px -150px }
			
		.packages .channels li.canalcomedy {
			background-position: -320px -150px }
			
		.packages .channels li.canaldrama {
			background-position: -360px -150px }
			
		.packages .channels li.canalhits {
			background-position: -0px -180px }
			
		.packages .channels li.canalfirst {
			background-position: -40px -180px }	
									
		.packages .channels li.showtime {
			background-position: -360px -180px }	
								
		/* cHiLdREn */
		.packages .channels li.espnclassic {
			background-position: -360px -60px }
			
		.packages .channels li.cartoonnetwork {
			background-position: -320px -60px }
		
		.packages .channels li.boomerang {
			background-position: -200px -90px }
			
		.packages .channels li.nickelodeon {
			background-position: -0px -90px }
			
		.packages .channels li.jetix {
			background-position: -40px -90px }
			
		.packages .channels li.disneychannel {
			background-position: -80px -90px }
			
		.packages .channels li.disneyxd {
			background-position: -120px -90px }
			
		.packages .channels li.disneyplayhouse {
			background-position: -160px -90px }
			
		/* SPORT */
		.packages .channels li.eurosport {
			background-position: -40px -30px }
			
		.packages .channels li.eurosport2 {
			background-position: -80px -30px }
		
		.packages .channels li.tv4sport {
			background-position: -160px -30px }
			
		.packages .channels li.canalsport1 {
			background-position: -80px -180px }
			
		.packages .channels li.canalsport2 {
			background-position: -120px -180px }
			
		.packages .channels li.canalsportextra {
			background-position: -160px -180px }
								
		/* MUSIC */
		.packages .channels li.mtv {
			background-position: -200px -120px }
			
		.packages .channels li.vh1 {
			background-position: -240px -120px }
			
		.packages .channels li.vh1classic {
			background-position: -240px -240px }
			
		/* NATURE */
		.packages .channels li.discovery {
			background-position: -240px -90px }
			
		.packages .channels li.ngc {
			background-position: -320px -90px }
		
		.packages .channels li.animalplanet {
			background-position: -120px -120px }
		
		.packages .channels li.ylehd {
			background-position: -160px -120px }
			
		.packages .channels li.bbcknowledge {
			background-position: -80px -240px }
		
		.packages .channels li.motorstv {
			background-position: -0px -120px }
		
		.packages .channels li.history {
			background-position: -40px -120px }
									
		.packages .channels li.bbcknowledge {
			background-position: -80px -240px }
			
		.packages .channels li.discoveryscience {
			background-position: -280px -180px }	
			
		.packages .channels li.discoveryworld {
			background-position: -320px -180px }
									
		/* NEWS */
		.packages .channels li.yle24 {
			background-position: -80px -0px }
			
		.packages .channels li.bbcworldnews {
			background-position: -40px -150px }
		
		.packages .channels li.skynews {
			background-position: -0px -150px }
		
		.packages .channels li.aljazeera {
			background-position: -280px -120px }
			
		.packages .channels li.bloomberg {
			background-position: -320px -120px }
		
		.packages .channels li.cnn {
			background-position: -360px -120px }
		
		/* TRAVEL */
		.packages .channels li.travelchannel {
			background-position: -80px -150px }
			
		.packages .channels li.travelliving {
			background-position: -120px -150px }
			
		/* PAY-PER-VIEW */
		.packages .channels li.pay-per-view {
			background-position: -120px -240px }
		
		
	
/* BOXES */
.boxes {
margin-top:40px;
}

	.boxes h2 {
		position: relative;
		border-bottom: 0;
		padding-top: 5px }
	
	.boxes h2 a {
		font-size: 14px;
		margin-left: 8px }
	
	.boxes h2 input {
		font-size: 12px;
		font-weight: normal;
		position: absolute;
		right: 0;
		top: 0;
		padding: 3px 8px 3px 8px;
		margin: 5px 0 0 0 }

	.boxes ul {
		display: block;
		float: right }

	.boxes ul li {
		position: relative;
		display: block;
		float: left;
		width: 151px;
		height: 90px;
		border: 1px solid #fff;
		padding: 12px 0 0 12px;
		margin-bottom: 1px; }
		
		.boxes ul li.active {
			border: 1px solid #da6d19 }
		
		.boxes ul li.standard {
			background: url('../images/pic-boxes-1.jpg') 5px 28px no-repeat }
		
		.boxes ul li.hdbox {
			background: url('../images/pic-boxes-1.jpg') -175px 28px no-repeat }
		
		.boxes ul li.hdbox-rec {
			width: 166px;
			background: url('../images/pic-boxes-1.jpg') -365px 28px no-repeat }

		.boxes input {
			display: block;
			float: left;
			padding: 0;
			margin: 0 7px 0 0 }

		.boxes.js input {
			display: block;
			float: left;
			padding: 0;
			margin: 7px 7px 0 0 }

		.boxes label {
			position: absolute;
			top: 12px;
			left: 34px;
			width: 130px;
			height: 80px;
			display: block;
			float: left }
			
			.boxes ul li.hdbox-rec label {
				width: 144px }
			
		.boxes table {
			border-collapse: collapse;
			display: block;
			float: left;
			font-size: 11px }
			
			.boxes table td, .boxes table th {
				border-top: 1px solid #d5d5d5;
				padding: 3px 0 3px 0 }	
			
			.boxes table th {
				font-weight: bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-align: left;
				width: 90px }
				
			.boxes table td {
				text-indent: -9999px;
				font-weight: bold;
				text-align: center;
				width: 180px;
				background: url('../images/icon-checkbox-5.jpg') -9999px 0 no-repeat }
								
				.boxes table td.standard {
					background-position: 55px 2px }
				
				.boxes table td.hdbox {
					background-position: 57px 2px }
				
				.boxes table td.hdbox-rec {
					background-position: 70px 2px }
				
/* EXTRAS */
.extras {}		
	
	.extras h2 a {
		font-size: 14px;
		margin-left: 8px }
	
	.extras ul, .extras ul li {
		display: block;
		float: left }
	
	.extras ul {
		padding: 0px 0 0 0;
		margin: 0;
		width: 575px }
		
		.extras ul li {
			padding: 0 0 2px 0;
			margin: 0;
			width: 100% }
			
			.extras ul li label {
				padding: 0px 0 0px 0;}
			
			.extras ul li.dr1 label {
				padding-left: 100px;
				background-position: 2px -121px }

				.extras ul li.mtv3 label {
				padding-left: 0px;
				 }
				
				
			.extras ul li.tv4sf label {
				padding-left: 38px;
				background-position: 2px 0 }
				
			.extras ul li.canal69 label {
				padding-left: 57px;
				background-position: 2px -159px }
				
			.extras ul li.tvfi label {
				padding-left: 38px;
				background-position: 2px -82px }
				
			.extras ul li.sport label {
				padding-left: 97px;
				background-position: 2px -41px }
				
			.extras ul li.hustlertv label {
				padding-left: 57px;
				background-position: 2px -195px }

/* PERSONAL INFO FORM */
.personal-info {}
	
	.personal-info h2.js {
		padding-top: 5px }
	
	.personal-info p {
		padding: 15px 0 0 0 }
	
	.personal-info p span {
		font-size: 11px }
	
	.personal-info label {
		display: block;
		float: left;
		padding: 5px 0 2px 0;
		margin: 0;
		width: 100px }
		
		.personal-info p.radio label {
			display: inline;
			float: none;
			padding: 0;
			margin: 0;
			width: 100px }
		
	.personal-info input {
		border-top: 1px solid #a4a4a4;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		border-left: 1px solid #a4a4a4;
		font-size: 12px;
		padding: 4px 0 3px 2px;
		margin: 0 10px 0 0; }

			.personal-info p.radio input {
				border: 0; 
				padding: 0 }


/* PERSONAL INFO FORM */
.personal-confirm {}
	
	.personal-confirm h2.js {
		padding-top: 5px }
	
	.personal-confirm p {
		padding: 15px 0 0 0 }

	.personal-confirm h4 {
		padding-top: 0pt;
		padding-right: 0pt;
		padding-bottom: 12px;
		padding-left: 0pt }
	
	.personal-confirm div {
		padding-bottom: 4px }
	
	.personal-confirm .container {
		display: block;
		float: left;
		padding: 14px 0 14px 2px;
		border-bottom: 1px solid #dddddd;
		width: 570px }
		
		
	.personal-confirm span.title {
		display: block;
		float: left;
		font-size: 12px;
		width: 110px;
		color: #949494 }
	
/* BUTTONS */
			
.buttons {
}

	.buttons input {
		font-size: 12px;
		display: block;
		float: right;
		padding: 3px 8px 3px 8px;
		margin: 0; }
	
	.buttons a {
		display: block;
		float: right;
		padding: 6px 0 2px 0;
		margin: 0 14px 0 0; }
	
/* CART */
.cart { }
	
	.cart h3 {
		font-size: 15px;
		padding: 0 0 10px 30px;
		background: url('../images/icon-cart-3.gif') 0 0 no-repeat }
	
	.cart ul {}
	
		.cart ul li {
			display: block;
			float: left; 
			width: 248px;
			padding: 0 }
			
			.cart ul li h4 {
				border-top: 1px solid #d5d5d5;
				font-size: 11px;
				margin-top: 10px;
				padding: 8px 0 3px 5px }
			
			.cart ul li ul li {
				width: 238px;
				padding: 0;
				padding: 3px 5px 3px 5px }
						
			.cart ul li p.name {
				float: left;
				width: 165px }
			
			.cart ul li p.sum {
				float: right;
				width: 70px;
				text-align: right;
				font-weight: bold }	
				
			.cart ul li p span {
				font-size: 11px }
		
		.cart ul li.cart-campaign {
			margin-top: 8px;
			border-top: 1px solid #d5d5d5;
			color: #da6d19 }
			
			.cart ul li.cart-campaign ul li {
				margin-top: 8px }
			
		.cart ul li.cart-total {
			border-top: 1px solid #d5d5d5;
			font-size: 13px;
			font-weight: bold;
			padding-top: 8px;
			margin-top: 8px }
			
			.cart ul li.cart-total ul li { 
				margin-top: 0;
				margin-bottom: 0 }

.card {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
}
			
/* GENERAL INFO */
.general-info {}
	
	.general-info h3 {
		font-size: 14px }
		
	.general-info ul li {
		padding: 8px 0 0 0 }
		
		.general-info ul li h4, .general-info ul li a {
			font-weight: bold;
			font-size: 11px }
			
		.general-info ul li p {}	

/* SUCCESS */
.success { }

	.success h2 {
		color: #ffffff;
		border: 0;
		padding: 0 0 5px 0 }

/* VALIDATION */
label.error {
	background: #ffc2c2 }

.personal-info .container span.error {
	font-size: 11px;
	font-style: italic;
	color: #ff3f3f !important }

.personal-info input.valid {
	border-top: 1px solid #1c8500;
	border-left: 1px solid #1c8500;
	border-right: 1px solid #27b800;
	border-bottom: 1px solid #27b800 }

.personal-info input.error {
	border-top: 1px solid #cd1c1c;
	border-left: 1px solid #cd1c1c;
	border-right: 1px solid #ff3f3f;
	border-bottom: 1px solid #ff3f3f;
	background: #ffc2c2 }

.personal-info span.error {
	font-style: italic;
	color: #ff3f3f;
	font-size: 11px;
	padding: 4px 4px 0 4px }
	
.personal-info #accept-info span.error {
	padding: 3px 10px 0 4px }




/* DESCRIPTIONS */
.description {
	display: none;
	position: absolute; 
	z-index: 95;
	top: 0; left: 0;
	padding: 0 23px 10px 20px;
	width: 203px;
	background: url('../images/bg_tooltip.png') 0 100% no-repeat }

	.description h3 {
		position: absolute;
		top: -32px; 
		left: 0;
		width: 203px; 
		height: 16px;
		padding: 16px 16px 0 20px;
		background: url('../images/bg_tooltip.png') no-repeat }

	.description h3, .description p, .description ul {
		font-size: 11px;
		margin-bottom: 8px }

	.description h3 { 
		font-weight: bold }

	.description ul {
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 16px }
		
		.description ul li {
			list-style-position: outside;
			list-style-type: disc }
	
	.box_description ul li { 
		margin-bottom: 3px }

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0 }

.clearfix {
	display: inline-block }

html[xmlns] .clearfix {
	display: block }

* html .clearfix {
	height: 1% }