@charset "utf-8";
/*
Version: 1.0
Author: HABANA KFT. / Mecs Gergely
Author URI: http://habana.hu
*/

/** clear styles **/
	html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form {
		margin:0px;padding:0px;border:0px none;outline:0px;
		list-style-type: none;		
	}

	html, body { width:100%; height:100%; }
	html, body, form, input, textarea, select, fieldset {font-size: 12px; font-family: Arial, sans-serif; color: #121212; }
	div.clr { clear:both; font-size:0px;line-height:0px;height:0px !important;overflow:hidden; visibility: hidden; }

	a, a:link, a:visited, a:active, a:focus { text-decoration: underline; color: #018cb7; font-weight:Bold; }
	a:hover { text-decoration: none; color:#018cb7; }

	:focus { outline: 0; }
	a img, a:hover img {border: 0px none;}

	.left, img.alignleft, img.ngg-left {float:left;}
	.right, img.alignright, img.ngg-right {float:right;}
	
	img.alignleft, img.ngg-left {margin: 0px 10px 5px 0px;}
	img.alignright, img.ngg-right {margin: 0px 0px 5px 10px;}

	span.fir {position:absolute; display:block; width:100%; height: 100%; left:0; top:0;}
	a span.fir {cursor:pointer !important;}
	input, textarea {color:#424242;font-size:12px;}

	form{clear:both;} /* jq trans needs */

 a.more {text-decoration:underline;color:#018cb7;line-height: 18px;display:block;width:auto;}
 a.more:hover {text-decoration:none;}


html, body {background-color:#ffffff;}
div#wrap {
  height:auto;
  text-align:center;  
  background: transparent url(img/bg.gif) left top repeat-x;
}

	div#site {
		width:980px;
		margin:0 auto;
		text-align:left;
		background: #ffffff url(img/header.gif) -20px top no-repeat;
	}

	div#header {
		width:1000px;
		height:159px;
		padding-top:50px;
		overflow:hidden;
		margin-left:-20px;
		text-align:right;
		position:relative;
		background: #ececec url(img/header.gif) left top no-repeat;
		margin-bottom:6px;
	}


	
	div#login, div#logout {
		width:309px;
		height: 37px;
		position:absolute;
		right:0px;
		top:6px;
		background:#000000;

		overflow:hidden;
	}
		div#logout {text-align:right;}
		a#forgotpass {font-size:11px;font-weight:normal; text-decoration:underline;color:#ffffff; line-height:22px;}
		a#forgotpass:hover {text-decoration:none;}

		div#login input.text {
			background: #ffffff none !important;
			border:0px none !important;
			outline:0px none !important;
			display:block;
			width:103px;
			height:13px;
			line-height:13px;
			padding:2px 5px;
			float:left;
			margin-left:6px;
			margin-top:10px;
		}

		div#login input.submit {
			background: #000000 none !important;
			border:0px none !important;
			outline:0px none !important;
			line-height:21px;
			padding:9px 7px 0px 0px;
			display:inline;
			color:#ffffff;
			font-weight:bold;
			text-align:center;
			font-size:13px;
			font-family: Arial, sans-serif;
			cursor:pointer;
		}

		div#logout a.btn {
			background: #acacac url(img/head-btn.gif) left top no-repeat;
			border:0px none !important;
			outline:0px none !important;
			display:block;
			width: 121px;
			height:26px;
			line-height:17px;
			padding:5px 7px;
			float:right;
			color:#00658f;
			font-weight:bold;
			text-align:center;
			font-size:12px;
			margin-right:9px;
			font-family:Arial, sans-serif;
			cursor:pointer;
			overflow:hidden;
		}



		a.btn {
				display:block;
				width: 101px;
				height:17px;
				line-height:17px;
				padding:7px;
				color:#ffffff !important;
				font-weight:bold;
				text-align:center;
				font-size:14px;
				text-decoration: none !important;
				background: #016893 url(img/btn115x31.gif) left top no-repeat;
			}

	div#headline {position:Absolute; left: 0px;top: 163px; padding-left:323px; width:977px; height:42px; line-height:42px;}
		a#headlink {
			display:Block;
			width:248px;
			height:60px;
			position:Absolute;
			top:-12px;
			left:20px;
		}
			a#headlink .fir {background: url(img/header.gif) -20px -151px no-repeat;}
		
		div#search {width:320px; height: 36px; float:left; font-size:14px; color:#7e7d7d; text-align:left;}
		div#search label {
			font-size:14px;
			color:#7d7d7d;
			font-weight:normal;
			padding-right:9px;
		}
		div#search input#searchsubmit {
			background: transparent none !important;
			border:0px none !important;
			outline:0px none !important;
			font-size:14px;
			color:#7d7d7d;
			font-weight:normal;
		}

		a#history,
		a#favorites {font-size:14px; display:inline-block; float:left; color:#7e7d7d;line-height:40px;padding-left:45px; font-weight:normal; text-align:left; text-decoration: none; }

			a#history { width: 160px; background: url(img/headline-hist.gif) left top no-repeat;}
			a#favorites { width: 65px; background: url(img/headline-favs.gif) left top no-repeat;}


		a#history:hover,
		a#favorites:hover {text-decoration:underline;}



	div#headicons {position:absolute;top: 76px; right:0px; }

	div#headicons p#cartinfo {
		width:130px;
		height: 50px;
		text-align:left;
		float:right;
		margin-left:-310px;
		padding-left:60px;
		padding-top:14px;
		background:url(img/headcart.gif) left top no-repeat;
		display:inline-block;

		font-size:11px;
		color:#ffffff;
		line-height:14px;
		font-weight:normal;
		margin-right:120px;
	}
		* html div#headicons p#cartinfo {float:right;margin-left:-310px;margin-right:0px;}
		*:first-child+html div#headicons p#cartinfo {float:right;margin-left:-310px;}

	div#headicons a#cart {
		width:110px;
		height:30px;
		overflow:hidden;
		display:block;
		position:relative;
		float:right;
		margin-top:13px;
	}

	div#headicons a#cart .fir { background: url(img/btn-cartnorder.gif) left top no-repeat; }

	div#loginlinks a {display:inline-block; width:140px;text-align:right; font-size:11px; font-weight:Bold; color:#000000; text-decoration: none; }

div#hull {
	padding:0px 0px 0px 6px;
	background: #ffffff url(img/hullbg.gif) left top repeat-y;
}


	/* sidebar items */
	div#rightbar {
		float:left;
		width:237px;
		padding-right:11px;
		text-align:left;
	}

	div.sidebox {
		margin-bottom: 20px;
		border:1px solid #ffffff;
	}
		* html div.sidebox {position:relative;clear:both;}

		div.sidebox h2 {
			width:235px;
			height:40px;
			line-height: 40px;
			text-indent:10px;
			overflow:Hidden;
			background-color:#de8b10;
			position:Relative;
			color:#ffffff;
		}
			div#top10 h2 .fir {background:url(img/fir-h2-top10.gif) left top no-repeat;}

		div#rightbar ul#menu {padding:0px 12px 43px 20px;}
		div#rightbar ul#menu li { margin-top:12px; margin-bottom:3px; }
		div#rightbar ul#menu li li { margin-top:0px; margin-bottom:0px; }

		div#rightbar ul#menu li a { color:#7d7d7d; font-size:14px; line-height:21px; font-weight:normal; text-decoration:none; }
		div#rightbar ul#menu li li a {font-size:14px;line-height:19px;}

		a.bigsidebtn {
			width:235px;
			height:310px;
			display:block;
			position:relative;
		}

		div#newsletter {border:1px solid #dbd8d8;}
		div#newsletter a.bigsidebtn .fir {background: transparent url(img/newsletter.gif) left top no-repeat;}

		div#top10 ul {padding: 10px 7px;}
		div#top10 ul li {line-height:23px; font-size:12px;}
		div#top10 ul li a {font-weight:normal; color:#000000; text-decoration:none;}
		div#top10 ul li a strong {font-weight:bold;color:#018cb7; }

div#content {
	float:left;
	width:720px;
	height:auto;
	text-align:left;
	padding-bottom:10px;
}


	div#bread {text-align:left;line-height:27px;height:27px;font-size: 12px; color:#005d83;position:relative; border:1px solid #eaeaea; margin-bottom:10px;}
	div#bread a {text-decoration:none; font-weight:normal; display:inline-block; padding: 0px 14px 0px 14px; color:#111111;}
	div#bread a:hover {text-decoration:underline;}
		div#bread a.root {padding-right:32px;
		background:url(img/bread-bg.gif) right top no-repeat;}


	div.mediumbox {	margin-bottom: 12px; padding: 10px 3px 0px 3px;}

		div.mediumbox h2 {
			width:720px;
			height:40px;
			line-height: 40px;
			text-indent:10px;
			overflow:Hidden;
			background-color:#de8b10;
			position:Relative;
			color:#ffffff;
		}

		div#front-banner {margin-bottom:20px;padding:0px;}
		div#comics {padding:0px;}
		div#comics h2 .fir {background: transparent url(img/fir-h2-comics.gif) left top no-repeat;}
		div#dvdk {padding:0px;}
		div#dvdk h2 .fir {background: transparent url(img/fir-h2-dvdk.gif) left top no-repeat;}

	ul.list3col {}
	ul.list3col li {
		display:block;
		overflow:hidden;
		position:Relative;
		width:225px; height:370px; float:left; padding-top:17px; padding-left: 15px;
	}
		ul.list3col h3 { width: 170px; color:#1b99c3; font-size:18px;line-height:18px;height:20px; margin-top:-2px; display:block; padding-bottom:4px; border-bottom:1px solid #e4e2e2; margin-bottom: 15px;  font-weight:normal; }
		ul.list3col h3 a {color:#1b99c3; font-size:18px; text-decoration:none; font-weight:normal; }


		div#dvdk ul.list3col h3 { position:relative; height:40px; }
		div#dvdk ul.list3col h3 a { position:absolute; bottom:5px;left:0px; }

		ul.list3col li strong {display:block; width: 170px; height:28px; line-height: 28px; color:#f29a0e; font-size:18px; font-weight:normal; text-align:center; }

		ul.list3col li a.in2cart {display:Block; width: 170px; height:22px; line-height:22px; text-indent: 10px; font-weight:Bold; font-size:12px; background: url(img/btn-in2cart.gif) left top no-repeat; color:#ffffff;  }

a.new,
a.per25 {
	display:Block;
	width:75px;
	height:75px;
	overflow:hidden !important;
	text-align:center;
	line-height:75px;
	font-size:10px;
	position:absolute;
	left: 150px; top:265px;
}

	a.new .fir {background: transparent url(img/badge-uj!.png) left top no-repeat;}
	* html a.new .fir {background: transparent url(img/badge-uj!.gif) left top no-repeat;}

	a.per25 .fir {background: transparent url(img/badge-25.png) left top no-repeat;}
	* html a.per25 .fir {background: transparent url(img/badge-25.gif) left top no-repeat;}


/* aloldal */

div#item {position:relative;}

div#itemicons {position:Absolute; display:block; width: 75px; height:25px; right: 10px; top:3px; }
div#itemicons a {display:inline-block; width: 25px; height:25px; margin-left:10px; }
	a#add2fav {background:url(img/add2fav.gif) left -1px no-repeat;}
	a#print {background:url(img/print.gif) left top no-repeat;}

div#item strong.author {font-weight:normal; font-size:12px; line-height:16px;}
div#item h1 {
	font-size:20px;
	font-weight:normal;
	color:#018cb7;
	line-height:20px;
	padding-top:5px;
	padding-bottom: 10px;
	margin:0px;
}

div#itempic { float:left; }

div.iteminfo {}
ul.listinfo { width: 380px; float:left; padding-bottom: 45px;}

	ul.listinfo li  {display:block; line-height: 40px; height: 40px; overflow:hidden; clear:Both;  padding-left:15px;}

	ul.listinfo li strong,
	ul.listinfo li span {display:block; float:left; width: 179px;}

	ul.listinfo li strong {text-align:left;}
	ul.listinfo li span {text-align:Right;}

		ul.listinfo li strong.label-fogyar {
		font-size:20px;
		font-weight:normal;
		color:#018cb7;
		line-height:48px;
		}
		ul.listinfo li span.value-fogyar {
		font-size:30px;
		font-weight:normal;
		color:#fba400;
		}

		ul.listinfo li strong.label-regar {
		font-size:14px;
		font-weight:normal;
		color:#736f74;
		line-height:44px;
		}
		ul.listinfo li span.value-regar {
		font-size:18px;
		font-weight:normal;
		color:#736f74;
		}

	p.desc {
		padding-top:95px;
		line-height: 24px;
		font-size:12px;
		color:#171813;
		width: 320px;
		padding-left: 15px;
		float:left;
	}



a.btn-2cart {
position:Relative;
display:block;
width:200px;
height:38px;
overflow:hidden;
margin-right: 5px;
float:right;
}

a.btn-2cart .fir {background:url(img/btn-2cart.gif) left top no-repeat;}

ul#itemtabs {padding: 30px 10px 45px 180px; width: 540px; overflow:hidden; display:block; position:Relative; min-height:350px; height:auto;}

ul#itemtabs li h3 {
font-size:18px;
font-weight:normal;
text-align:left;
line-height:27px;
height:27px;
color:#005d83;
position:absolute;
width:130px;
left: 5px;
padding-left:10px;
border-left:1px solid #ffffff;
}

	ul#itemtabs li#tab01 h3 {top: 31px !important;}
	ul#itemtabs li#tab02 h3 {top: 71px !important;}
	ul#itemtabs li#tab03 h3 {top:111px !important;}

ul#itemtabs li.active h3 {color:#018cb7; border-left:1px solid #eaeaea; background:url(img/bread-bg.gif) right top no-repeat; }

ul#itemtabs li div.tabcontent p {padding-bottom:16px; padding-right: 30px; line-height:16px;font-size:12px; color:#000000;}


/* kategoria nezetek */

a#view-switch {
display:block;
width:62px;
height:20px;
overflow:hidden;
margin-bottom:20px;
cursor:pointer;
}
	div.gridview a#view-switch {background: url(img/view-switch.gif) left top no-repeat;}
	div.listview a#view-switch {background: url(img/view-switch.gif) left -20px no-repeat;}

div.gridview ul li {
float:left;
display:block;
width:228px;
height:183px;
padding-right:10px;
overflow:hidden;
}

	div.gridview ul li img {width:106px; float:left; height:auto; margin-right:3px;}
	div.gridview ul li span.author {font-size:12px; color:#171614; line-height:12px; }
	div.gridview ul li h2 {font-size:12px; color:#171614;display:Block; width: 116px; font-size: 14px;background-color:transparent;padding:0px;margin:0px;text-indent:0px; line-height: 14px;}
	div.gridview ul li h2 a {color:#171614;font-weight:bold;text-decoration:none;}
	div.gridview ul li h2 a:hover {text-decoration:underline;}
	div.gridview ul li p {display:none;}

	div.gridview ul li a.in2cart {float:left;display:Block; width: 116px; height:22px; line-height:22px; text-indent: 10px; font-weight:Bold; font-size:12px; background: url(img/btn-in2cart.gif) -33px top no-repeat; color:#ffffff;  }

	div.gridview ul li strong.price {
	color:#f29a0e;font-size: 18px; font-weight:normal; line-height:20px; display:block; padding: 9px 0px 49px 0px;
	}

div.listview ul li {overflow:hidden; display:block; width:704px; padding-right:10px; }

	div.listview ul li img {width:106px; float:left; height:auto; margin-right:15px;}
	div.listview ul li span.author {font-size:12px; color:#171614; line-height:12px; }
	div.listview ul li h2 {font-size:18px; color:#171614;display:Block; width: 575px; font-size: 14px;background-color:transparent; padding:0px;margin:0px;text-indent:0px; line-height: 14px;}
	div.listview ul li h2 a {color:#171614;font-weight:bold;text-decoration:none;}
	div.listview ul li h2 a:hover {text-decoration:underline;}
	div.listview ul li p {color:#171614; font-size:12px;line-height:13px; padding: 0px; text-align:justify; }

	div.listview ul li a.in2cart {display:none; }

	div.listview ul li strong.price {
	color:#f29a0e;font-size: 18px; font-weight:normal; line-height:20px; display:block; padding: 29px 0px; text-align:Right;
	}


/* form elemnts general */
form.jqtransformdone div.rowElem input.text {padding:6px 0px 0px 8px !important; background: transparent none !important; }


/* registration page */

form.formskin p.error { font-weight:bold; text-align:center; padding:10px; color:#e5292e;}

form.formskin div.formpanel {}

form.formskin div.rowElem {}

form.formskin div.rowElem label {padding-left: 50px; display:block;float:left;text-align:left; font-size:12px; color:#171717; width:200px; line-height:22px; padding-right:5px;}

	/* without js */
	form.formskin input.text { 
		background: url(img/input200x31.gif) left top no-repeat;
		border:0px none !important;
		outline:0px none !important;
		display:block;
		width:186px;
		height:17px;
		line-height:17px;
		padding:7px;
		float:left;
		margin-right:9px;

		margin-bottom:8px;
	}

	form.formskin div.radios {padding-left:50px; padding-bottom: 40px;}
	form.formskin div.radios label {font-weight:bold;color:#005d83; text-transform:uppercase; font-size:12px; width:auto; }
	form.formskin div.checkbox {padding-left: 233px;}
	form.formskin div.checkbox label {padding-left: 5px; width: 250px; text-align:left; font-size: 9px !important; padding-top:2px; line-height:16px;}
	form.formskin div.submit {clear:none !important; }

	/* with js */
	div#loginbox form.jqtransformdone div.rowElem input.text,
	div#registrationbox form.jqtransformdone div.rowElem input.text { margin:0px; background: transparent none !important; }
	div#loginbox form div.rowElem .jqTransformInputWrapper,
	div#registrationbox form div.rowElem .jqTransformInputWrapper  {margin-bottom:4px;}
	div#loginbox form div.submit button.submit { margin-top:3px;}
	div#registrationbox form.jqtransformdone div.submit button.submit {clear:Both !important}

	form.formskin button.jqTransformButton {
			display:block !important;
			display:inline-block;
			width: 148px;
			height:27px;
			padding-bottom:3px;
			line-height:27px;
			color:#ffffff;
			padding-right:3px;
			font-weight:bold;
			text-align:center;
			font-size:12px;
			text-decoration: none;
			background: #119bc6 url(img/btn148x30blue.gif) left top no-repeat;

			font-size:12px;
			font-family:Tahoma, Arial, sans-serif;
	}

	div#loginbox form.formskin div.submit button.jqTransformButton,
	div#registrationbox form.formskin div.submit button.jqTransformButton {
		float:right;
		clear:left;
		margin-right: 260px;
		margin-top:20px;
	}

div#loginbox a.forgot {
float:Right;
padding-right: 14px;
display:inline-block;
margin-top:10px;
}


/* kosar */

div#mycart table {width:712px;margin-bottom:30px;}
div#mycart table thead th {color:#f29a0e;}

div#mycart table thead th,
div#mycart table thead td { padding-bottom:3px; border-bottom: 1px solid #efeeee !important; }

div#mycart table tbody td {height: 90px; padding-top:12px; padding-bottom: 12px; border-bottom: 1px solid #efeeee !important;}

div#mycart table td img {float:left; margin-right:20px; }
div#mycart table td span.author {font-size: 12px;}
div#mycart table td h2 {width:380px; background-color:transparent; height: auto; line-height: 16px; font-size:14px; color:#000000; font-weight:normal; text-indent:0px; }
div#mycart table td h2 a {font-size:14px; color:#000000; font-weight:normal; text-decoration:none;}
div#mycart table td h2 a:hover {text-decoration:underline;}

div#mycart table td strong.price {color:#f29a0e; text-align:right; display:block; padding-right: 30px;}

div#mycart table tbody input.checky,
div#mycart table tbody .jqTransformCheckboxWrapper {margin-left:10px;}

div#mycart table tfoot th {
background-color:#f2f0f0;
height:27px;
line-height:27px;
}

strong.sum {color:#f29a0e; font-size:14px; font-weight:bold; text-align:right; display:block; padding-right: 30px;}
strong.totalprice {color:#000000; font-size:16px; font-weight:bold; text-align:right; display:block; padding-right: 30px;}

div#mycart form.formskin div.submit button.jqTransformButton {
		float:right;
	}

div#mycart div.rowElem {margin-right:0px;}


a.submit-btn {
	display:block !important;
	display:inline-block;
	width: 145px;
	height:27px;
	padding-bottom:3px;
	line-height:27px;
	color:#ffffff;
	padding-right:3px;
	font-weight:bold;
	text-align:center;
	float:right;
	text-decoration: none;
	background: #f0b420 url(img/btn148x30orange.gif) left top no-repeat;

	font-size:12px;
	font-family:Tahoma, Arial, sans-serif;
	margin-right: 22px;
}

/* paging */

div.paging {clear:Both;padding: 10px 0px;}
div.paging ul li {display:inline;}
div.paging ul li span {
padding: 2px 6px;
text-decoration:none;
display:inline-block;
border:1px solid #00608e;
background-color:#00608e;
color:#ffffff;
font-weight:bold;
}
div.paging ul li a {
padding: 2px 6px;
text-decoration:none !important;
display:inline-block;
border:1px solid #00608e;
}


div#foot {
	text-align:left;
	overflow:hidden;
	height:auto;
	color:#ffffff;
	padding-top:16px;
	padding-bottom:16px;
	background: #333131 url(img/footbg.gif) left top no-repeat;
	margin-top:15px;
}
	div#foot ul#fmenu {
		display:inline-block;
		width:auto;
		padding-left:315px;
		overflow:hidden;
	}
		div#foot ul li  {
			display:block;
			width:155px;
			padding-right:10px;
			float:left;

			min-height: 50px;
		}
			* html div#foot ul li {width:145px;}

		div#foot ul#fmenu ul {
			padding-left:0px;

		}
			div#foot ul li li {
				float:none;
				clear:Both;
				min-height: 19px;
			}
	
	div#foot ul li a { line-height:19px; color:#ffffff; font-weight:normal; text-decoration:none;}
	div#foot ul li a:hover { text-decoration:underline; }