/* Global */

html {
	height: 100%;
}

body {
	margin: 0;
	font: normal 12px/18px Tahoma, Verdana, Arial, Sans-Serif;
	color: #666;
	position: relative;
	min-height: 100%;
}

a {
	color: #0566a3;
	text-decoration: none;
	outline: 0;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea, button {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	outline: 0;
	margin: 0;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* Clear */

.clear {
	display: block;
}

.clear:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}


/* Bluebar */

.bluebar {
	position: absolute;
	left: 0;
	width: 100%;
}

.bluebar.header {
	top: 0;
	height: 156px;
	background: #0063a1 url("/img/bluebar.jpg") no-repeat right top;
}

.bluebar.footer {
	bottom: 0;
	height: 78px;
	background-color: #0d6ba5;
}

.bluebar-top {
	width: 100%;
	height: 47px;
	background: url("/img/bluebar_top.png") repeat-x;
}


/* Page */

#page {
	margin: 0 auto;
	padding: 0 0 78px 0;
	width: 1000px;
	position: relative;
}


/* Header */

#header {
	width: 1000px;
	height: 178px;
	margin: 0 0 15px 0;
	position: relative;
	background: url("/img/header.png") no-repeat left bottom;
	z-index: 30;
}

	#banner-newsletter {
		position: absolute;
		top: 0;
		right: 0;
		height: 43px;
	}

	#banner-newsletter a {
		display: block;
		width: 267px;
		height: 43px;
		overflow: hidden;
		text-indent: -5000em;
		background: white url(/img/banner-special-actions.png) no-repeat;
	}

	#banner-newsletter a:hover, #banner-newsletter a:active, #banner-newsletter a:focus {
		background: white url(/img/banner-special-actions-hover.png) no-repeat;
	}

	/* Mini Navigation */

	#header ul#mini-nav {
		position: absolute;
		top: 0;
		right: 0;
		height: 33px;
	}

	#header ul#mini-nav li {
		float: left;
		line-height: 33px;
		text-transform: uppercase;
	}

	#header ul#mini-nav li a {
		display: block;
		background: url("/img/mini_nav.png") no-repeat;
		text-indent: -9999px;
	}

		#header ul#mini-nav li.mini-nav-1 a { width: 51px; background-position: 0 0; }
		#header ul#mini-nav li.mini-nav-2 a { width: 71px; background-position: -51px 0; }
		#header ul#mini-nav li.mini-nav-3 a { width: 76px; background-position: -122px 0; }
		#header ul#mini-nav li.mini-nav-4 a { width: 125px; background-position: -198px 0; }

		#header ul#mini-nav li.mini-nav-1 a:hover, #header ul#mini-nav li.mini-nav-1 a.current { background-position: 0 -33px; }
		#header ul#mini-nav li.mini-nav-2 a:hover, #header ul#mini-nav li.mini-nav-2 a.current { background-position: -51px -33px; }
		#header ul#mini-nav li.mini-nav-3 a:hover, #header ul#mini-nav li.mini-nav-3 a.current { background-position: -122px -33px; }
		#header ul#mini-nav li.mini-nav-4 a:hover, #header ul#mini-nav li.mini-nav-4 a.current { background-position: -198px -33px; }

	/* Logo */

	#header h1 {
		position: absolute;
		left: 0;
		top: 61px;
		width: 194px;
		height: 52px;
	}

	#header h1 a {
		display: block;
		background: url("/img/logo.png") no-repeat 0 0;
		text-indent: -9999px;
		height: 52px;
	}

	#header h1 a:hover {
		background-position: 0 -52px;
	}

	/* User Control */

	#header #user-control {
		position: absolute;
		top: 75px;
		right: 0;
		width: 275px;
		height: 29px;
		line-height: 29px;
		z-index: 10;
	}

		#header #user-control a { text-indent: -9999px; display: block; outline: 0; }

	#header #user-control .login {
		float: left;
		width: 121px;
		height: 29px;
	}

		#header #user-control .login a { background: url("/img/user_control.png") no-repeat 0 0; }
		#header #user-control .login a:hover { background: url("/img/user_control.png") no-repeat 0 -29px; }

	#header #user-control .register {
        	height:29px;
        	width:150px;
                float:right;
	}

		#header #user-control .register a { background: url("/img/postanite-clan.gif") no-repeat scroll right top transparent; }
                #header #user-control .register a:hover, #header #user-control .register a.current {background: url("/img/postanite-clan.gif") no-repeat scroll right -31px transparent;}


	#header #user-control .login-form {
		padding: 0 0 6px 0;
		width: 145px;
		clear: both;
		background: url("/img/login_form.png") no-repeat left bottom;
		display: none;
	}

		#header #user-control .login-form form {
			padding: 6px 6px 0 7px;
			width: 132px;
			background: #002e4b;
		}

		#header #user-control .login-form form input {
			border: 1px solid #001e30;
			background: url("/img/login.png") no-repeat 0 0;
			font-size: 11px;
			color: #999;
			margin: 0 0 10px 0;
			height: 14px;
			padding: 7px 10px 6px 10px;
			width: 110px;
		}

			#header #user-control .login-form form input:focus { background-position: 0 -27px; }

		#header #user-control .login-form form button {
			width: 130px;
			height: 26px;
			border: 0;
			padding: 0;
			background: url("/img/login.png") no-repeat 0 -54px;
			color: #fff;
			font-size: 9px;
			font-weight: bold;
			text-shadow: 0 1px 1px #000;
			cursor: pointer;
		}

			#header #user-control .login-form form button:focus, #header #user-control .login-form form button:hover { background-position: 0 -80px; }

	/* Chart */

	#header #chart {
		position: absolute;
		top: 75px;
		right: 0;
		height: 28px;
		line-height: 28px;
		font-size: 11px;
		white-space: nowrap;
	}

	#header #chart .articles {
		margin: 0 14px 0 0;
		padding: 8px 21px 4px 0;
		width: 23px;
		height: 16px;
		line-height: 16px;
		background: url("/img/icon_wallet.png") no-repeat right top;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		float: left;
	}

		#header #chart .articles span {
			display: block;
			width: 23px;
			height: 16px;
			background: url("/img/num_bg.png") no-repeat;
			text-align: center;
		}

	#header #chart .info {
		color: #fcffb0;
		text-shadow: 0 1px 1px #000;
		vertical-align: middle;
		float: left;
	}

		#header #chart .info a { color: #dbf1ff; border-bottom-color: #d6ebf7; }
		#header #chart .info a.logout { color: #ffae21; border-bottom-color: #ffae21; }
		#header #chart .info a:hover { border-bottom: 1px solid; }

		#header #chart .info span { color: #dbf1ff; }

		#header #chart .info .eclub { color: #ff0000; font-weight: bold; }

	/* Nav */

	#header ul#nav {
		position: absolute;
		bottom: 4px;
		left: 13px;
		width: 685px;
		height: 33px;
		background: url("/img/nav_bg.png") no-repeat;
	}

	#header ul#nav li {
		float: left;
		line-height: 33px;
		text-transform: uppercase;
		margin: 0 14px 0 0;
	}

		#header ul#nav li.nav-3 { margin-right: 12px; }
		#header ul#nav li.nav-8 { margin: 0; }

	#header ul#nav li a {
		display: block;
		text-indent: -9999px;
		background: url("/img/nav.png") no-repeat;
	}

		#header ul#nav li.nav-1 a { width: 61px; background-position: 0 0; }
		#header ul#nav li.nav-2 a { width: 59px; background-position: -75px 0; }
		#header ul#nav li.nav-3 a { width: 52px; background-position: -148px 0; }
		#header ul#nav li.nav-4 a { width: 129px; background-position: -212px 0; }
		#header ul#nav li.nav-5 a { width: 73px; background-position: -355px 0; }
		#header ul#nav li.nav-6 a { width: 77px; background-position: -442px 0; }
		#header ul#nav li.nav-7 a { width: 72px; background-position: -533px 0; }
		#header ul#nav li.nav-8 a { width: 65px; background-position: -619px 0; }

		#header ul#nav li.nav-1 a:hover, #header ul#nav li.nav-1 a.current:hover, #header ul#nav li.nav-1:hover a, #header ul#nav li.nav-1:hover a.current { background-position: 0 -66px; }
			#header ul#nav li.nav-1 a.current { background-position: 0 -33px; }
			#header ul#nav li.nav-1:hover > ul { display: block; }
		#header ul#nav li.nav-2 a:hover, #header ul#nav li.nav-2 a.current { background-position: -75px -33px; }
		#header ul#nav li.nav-3 a:hover, #header ul#nav li.nav-3 a.current { background-position: -148px -33px; }
		#header ul#nav li.nav-4 a:hover, #header ul#nav li.nav-4 a.current { background-position: -212px -33px; }
		#header ul#nav li.nav-5 a:hover, #header ul#nav li.nav-5 a.current { background-position: -355px -33px; }
		#header ul#nav li.nav-6 a:hover, #header ul#nav li.nav-6 a.current { background-position: -442px -33px; }
		#header ul#nav li.nav-7 a:hover, #header ul#nav li.nav-7 a.current { background-position: -533px -33px; }
		#header ul#nav li.nav-8 a:hover, #header ul#nav li.nav-8 a.current { background-position: -619px -33px; }

		#header ul#nav li.nav-1 ul {
			display: none;
			position: absolute;
			top: 33px;
			padding: 0 0 5px 0;
			background: #0266a6 url("/img/nav_sub.png") no-repeat left bottom;
			left: 0;
			width: 392px;
			height: auto;
		}

		#header ul#nav li.nav-1 ul li {
			float: left;
			width: 182px;
			padding: 0 7px;
			line-height: 26px;
			text-transform: none;
			margin: 0;
			background: #0266a6;
			color: #fff;
		}

			#header ul#nav li.nav-1 ul li.top { padding-top: 5px; }

		#header ul#nav li.nav-1 ul li a {
			text-indent: 0;
			background: none;
			border-top: 1px solid #3082b6;
			color: #fff;
			width: auto;
			padding: 0 10px;
		}

			#header ul#nav li.nav-1 ul li.top a { border-top: 0; }

		#header ul#nav li.nav-1 ul li a:hover {
			color: #ffa200;
			background: url("/img/icon_arrow.gif") no-repeat right center;
		}

	/* Search Form */

	#header form#search-form {
		position: absolute;
		bottom: 7px;
		right: 7px;
		width: 247px;
		height: 29px;
	}

	#header form#search-form label {
		text-indent: -9999px;
		text-transform: uppercase;
		float: left;
		width: 70px;
		height: 29px;
		margin: 0 5px 0 0;
		background: url("/img/search.png") no-repeat 0 0;
	}

	#header form#search-form input {
		float: left;
		border: 0;
		width: 135px;
		height: 16px;
		padding: 7px 0 6px 7px;
		background: url("/img/search.png") no-repeat -70px 0;
		color: #999;
	}

		#header form#search-form input.focus { background-position: -70px -29px; }

	#header form#search-form button {
		width: 29px;
		height: 29px;
		padding: 0;
		background: url("/img/search.png") no-repeat -212px 0;
		text-indent: -9999px;
		border: 0;
		cursor: pointer;
	}

		#header form#search-form button.focus { background-position: -212px -29px; }
		#header form#search-form button:hover { background-position: -212px -58px; }


/* Main */

#main {
	width: 1000px;
}


/* Breadcrumb */

.breadcrumb {
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	margin: 0 0 10px 0;
	color: #002e4b;
}

.breadcrumb span { color: #ccc; }
.breadcrumb a { color: #999; }
	.breadcrumb a.level { color: #262626; }
.breadcrumb a:hover { text-decoration: underline; }


/* Home */

#home-main {
	float: left;
	width: 692px;
	display: block;
}

#home-left {
	width: 592px;
	float: left;
}

	#home-left .home-box {
		width: 562px;
		padding: 0 15px;
		margin: 0 0 30px 0;
		background: url("/img/content_home_left.png") no-repeat 0 11px;
	}

#home-right {
	width: 395px;
	float: right;
}

	#home-right .home-box {
		width: 355px;
		padding: 0 20px;
		margin: 0 0 30px 0;
		background: url("/img/content_home_right.png") no-repeat center 11px;
	}

	#home-right .home-box-blank {
		width: 395px;
		margin: 0 0 15px 0;
	}

	#home-right ul.home-ads {
		width: 395px;
	}

		#home-right ul.home-ads li {
			float: left;
			width: 120px;
			height: 120px;
			margin: 0 17px 15px 0;
		}

		#home-right ul.home-ads li.last { margin: 0; }


/* Banner Action */

#book_action p {
	padding: 20px 0 0;
	clear: both;
}

/* Banner Slider */

#banner-slider {
	width: 693px;
	height: 283px;
	float: left;
}
.banner-par {
	color: #fcffb0;
	text-shadow: 0 1px 1px #000;
	position: absolute;
	top: 153px;
	padding: 12px 0px 0px 15px;
	display: block;
	z-index: 20;
	width: 627px;
	background: url(/img/banner-text-bg.png) no-repeat bottom left;
}
.banner-par:hover {
	background: url(/img/banner-text-bg.png) no-repeat bottom right;
}
.banner-par:hover .title{
	color: #fcffb0;
}
.banner-par:hover .link{
	color: #fcffb0;
}
.banner-par:hover .normal {
	color: white;
}
.banner-text {
	float: left;
	display: block;
}
.banner-par .title {
	display: block;
	font-size: 18px;
	color: white;
	line-height: 22px;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
}
.banner-par .link {
	display: block;
	width: 84px;
	height: 25px;
	padding: 10px 0px 0px 0px;
	line-height: 25px;
	float: right;
	color: #0669a7;
	font-weight: bold;
	font-size: 12px;
}
.banner-par .normal {
	display: block;
	float: left;
}

/* Full Column */

.full-column {
	clear: both;
	width: 960px;
	padding: 0 20px;
	margin: 0 0 30px 0;
	background: url("/img/content_full_column.png") no-repeat center 15px;
}

	.full-column .view-all {
		width: 100%;
		text-align: right;
		margin: 0 0 10px 0;
	}

		.full-column .view-all a {
			color: #000;
			background: url("/img/icon_text.gif") no-repeat 0 0;
			padding: 0 0 0 12px;
		}

		.full-column .view-all a:hover {
			background-position: 0 -19px;
			color: #004b7a;
		}

.full-column-blank {
	clear: both;
	width: 1000px;
	margin: 0 0 30px 0;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 252px;
}

#home-sidebar {
	float: left;
	width: 300px;
	margin-left: 7px;
}
	/* Sidebar Popular */
	#popular {
		width: 300px;
		display: block;
		background: url(/img/popular.jpg) no-repeat top left;
	}
	#popular h3 {
		font-size: 12px;
		color: #333333;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 10px;
	}
	#popular ul li {
		margin-left: 16px;
		font-size: 14px;
		font-weight: bold;
		width: 274px;
		background: url(/img/popular_underline.jpg) repeat-x bottom left;
	}
	#popular ul li a{
		display: block;
		width: 274px;
		height: 36px;
		color: #999999;
		padding-left: 17px;
		line-height: 36px;
		background: url(/img/popular_hover.png) no-repeat top left;
	}
	#popular ul li a:hover{
		width: 274px;
		height: 36px;
		background: url(/img/popular_hover.png) no-repeat bottom left;
		color: #d3013d;
	}
	#popular_editions a{
		margin-top: -3px;
		width: 300px;
		height: 71px;
		background: url(/img/popular_editions.png) no-repeat top left;
		float: left;
		display: block;
		text-indent: -99999px;
		margin-bottom: 12px;
	}
	#popular_editions a:hover {
		background-position: bottom left;
	}

	/* Sidebar Ads */
	#facebook {
		margin: 6px 0px;
		float: left;
		height: 62px;
		display: block;
	}

	/* Sidebar Accordion */

	#sidebar .sidebar-accordion {
		width: 252px;
		margin: 0 0 30px 0;
	}

	#sidebar .sidebar-accordion h4 {
		line-height: 38px;
		color: #666;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		padding: 0 0 0 15px;
		background: url("/img/sidebar_nav.png") no-repeat 0 0;
		display: block;
		cursor: pointer;
	}

		#sidebar .sidebar-accordion h4 a { color: #666; }

	#sidebar .sidebar-accordion h4:hover,
	#sidebar .sidebar-accordion h4.selected {
		background-position: -260px 0;
		color: #fff;
		text-shadow: 0 1px 1px #000;
	}

		#sidebar .sidebar-accordion h4:hover a, #sidebar .sidebar-accordion h4.selected a { color: #fff; }

	#sidebar .sidebar-accordion ul {
		width: 252px;
	}

	#sidebar .sidebar-accordion ul li {
		line-height: 34px;
		font-weight: normal;
		color: #0667a3;
		font-size: 12px;
		border: 0;
		border-bottom: 1px solid #eee;
	}

	#sidebar .sidebar-accordion ul li a {
		padding: 0 0 0 15px;
		display: block;
		color: #0667a3;
	}

	#sidebar .sidebar-accordion ul li a:hover,
	#sidebar .sidebar-accordion ul li a.current {
		background: url("/img/sidebar_nav.png") no-repeat -520px 0;
		color: #f58220;
		text-shadow: none;
	}

	/* Sidebar Navigation */

	#sidebar ul.sidebar-nav {
		width: 252px;
		margin: 0 0 30px 0;
	}

	#sidebar ul.sidebar-nav li {
		line-height: 38px;
		color: #666;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
	}

	#sidebar ul.sidebar-nav li a {
		color: #666;
		padding: 0 0 0 15px;
		background: url("/img/sidebar_nav.png") no-repeat 0 0;
		display: block;
	}

	#sidebar ul.sidebar-nav li a:hover,
	#sidebar ul.sidebar-nav li a.current {
		background-position: -260px 0;
		color: #fff;
		text-shadow: 0 1px 1px #000;
	}

		#sidebar ul.sidebar-nav li ul {
			width: 252px;
		}

		#sidebar ul.sidebar-nav li ul li {
			line-height: 34px;
			font-weight: normal;
			color: #0667a3;
			font-size: 12px;
			border: 0;
			border-top: 1px solid #eee;
		}

		#sidebar ul.sidebar-nav li ul li a {
			color: #0667a3;
			background: none;
		}

		#sidebar ul.sidebar-nav li ul li a:hover,
		#sidebar ul.sidebar-nav li ul li a.current {
			background: url("/img/sidebar_nav.png") no-repeat -520px 0;
			color: #f58220;
			text-shadow: none;
		}


/* Content */

#content {
	float: right;
	width: 720px;
}

#content .content-box {
	width: 720px;
	margin: 0 0 25px 0;
}

	#content .content-box.bg { background: url("/img/content_box.png") no-repeat center 11px; padding: 0 15px; width: 690px; }

#content .content-box h2 {
	color: #0465a2;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 15px 0;
}

#content .content-box .view-all {
	height: 24px;
	line-height: 24px;
	text-align: right;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	font-weight: bold;
}

	#content .content-box .view-all a { color: #000; }
	#content .content-box .view-all a:hover { text-decoration: underline; }


/* Status Message */

.status-message {
	border: 1px solid;
	padding: 0 0 0 36px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 20px 0;
}

.status-message.success { color: #008000; border-color: #008000; background: #f4ffe8 url("/img/icon_success.png") no-repeat 10px center; }
.status-message.warning { color: #9f6000; border-color: #9f6000; background: #fefeb3 url("/img/icon_warning.png") no-repeat 10px center; }
.status-message.error { color: #ff0000; border-color: #ff0000; background: #ffe8e8 url("/img/icon_error.png") no-repeat 10px center; }


/* Title Bar */

.title-bar {
	width: 100%;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}

	.title-bar a:hover { border-bottom: 0; }

.title-bar h2 {
	font-size: 30px;
	width: 630px;
	color: #000;
	float: left;
	letter-spacing: -1.5px;
	margin: 0 0 3px 0;
}

	.title-bar h2 span {
		color: #666;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}

.title-bar ul.title-action {
	float: right;
	height: 30px;
	margin: 3px 0;
}

	.title-bar ul.title-action li {
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 0 0 10px;
		position: relative;
	}

		.title-bar ul.title-action li:hover > ul.share-cloud { display: block; }

	.title-bar ul.title-action li a {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		background: url("/img/title_action.png") no-repeat;
	}

		.title-bar ul.title-action li a.share { background-position: 0 0; }
		.title-bar ul.title-action li a.print { background-position: -35px 0; }
		.title-bar ul.title-action li a.close { background-position: -70px 0; }

	.title-bar ul.title-action li a:hover { border: 0; }

.title-bar ul.share-cloud {
	display: none;
	position: absolute;
	padding: 9px 0 0 10px;
	width: 98px;
	height: 41px;
	left: -38px;
	top: -44px;
	float: none;
	margin: 0;
	background: url("/img/share_cloud.png") no-repeat;
}

	.title-bar ul.share-cloud li {
		float: left;
		width: 24px;
		height: 24px;
		overflow: hidden;
		margin: 0 8px 0 0;
	}

	.title-bar ul.share-cloud li a {
		width: 24px;
		height: 24px;
		background: url("/img/icons_share.png") no-repeat;
	}

		.title-bar ul.share-cloud li a.mail { background-position: 0 0; }
		.title-bar ul.share-cloud li a.fb { background-position: -32px 0; }
		.title-bar ul.share-cloud li a.tw { background-position: -64px 0; }

		.title-bar ul.share-cloud li a.mail:hover { background-position: 0 -30px; }
		.title-bar ul.share-cloud li a.fb:hover { background-position: -32px -30px; }
		.title-bar ul.share-cloud li a.tw:hover { background-position: -64px -30px; }


/* Post */

.post {
	width: 100%;
	margin: 0 0 25px 0;
	line-height: 20px;
}

.post a:hover {
	color: #ff0048;
}

.post h3 {
	line-height: 40px;
	margin: 0 0 12px 0;
	font-weight: bold;
	font-size: 36px;
	color: #0566a3;
	letter-spacing: -1px;
}

.post h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.post .description-text {
	color: #0465a2;
}

.post .photo-left {
	float: left;
	margin: 0 20px 10px 0;
}

.post .photo-right {
	float: right;
	margin: 0 0 10px 20px;
}

	.post .photo-left a,
	.post .photo-right a {
		display: block;
		position: relative;
	}

		.post .photo-left span, .post .photo-right span { position: absolute; bottom: 0; right: 0; width: 27px; height: 27px; display: block; background: url("/img/post_zoom.png") no-repeat; }

	.post .photo-left a:hover,
	.post .photo-right a:hover {
		border: 0;
	}

.post strong {
	color: #000;
}

.post .post-content ul {
	margin: 15px 80px 15px 30px;
	border-left: 25px solid #f6f6f6;
}

	.post .post-content ul li {
		line-height: 24px;
		padding: 0 0 0 24px;
		background: url("/img/icon_list_arrow.gif") no-repeat 10px 10px;
	}

.post .signature {
	margin: 30px 0 0 0;
	overflow: hidden;
}

	.post .signature div {
		float: right;
		text-align: center;
	}

	.post .signature span {
		display: block;
		color: #0667a3;
		text-transform: uppercase;
	}


/* Shop Box */

.shop-box {
	width: 720px;
	margin: 20px 0 0;
}

	.shop-box .shop-left {
		float: left;
		width: 435px;
		margin: 0 0 25px 0;
	}

	.shop-box .shop-right {
		float: right;
		width: 266px;
	}

	.shop-box .shop-promo {
		clear: both;
		border-top: 1px solid #eee;
		padding: 15px 0 0 0;
	}

.shop-box h3 {
	line-height: 24px;
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #0766a3;
}

.shop-box strong {
	color: #000;
}

.shop-box .shop-map {
	width: 253px;
	border: 6px solid #0667a3;
	margin: 0 0 60px 0;
}

.shop-box .shop-ad {
	margin: 0 0 25px 0;
}

.shop-box ul.shop-promo-list {
	width: 100%;
}

	.shop-box ul.shop-promo-list li {
		line-height: 20px;
		padding: 6px 0;
		overflow: hidden;
		border-bottom: 1px solid #eee;
	}

	.shop-box ul.shop-promo-list li span { float: left; }
	.shop-box ul.shop-promo-list li span.date { width: 110px; font-weight: bold; color: #000; font-size: 10px; text-transform: uppercase; }
	.shop-box ul.shop-promo-list li span.description { width: 520px; }
	.shop-box ul.shop-promo-list li span.details { width: 90px; text-align: right; font-weight: bold; }

	.shop-box ul.shop-promo-list li span.details a:hover { text-decoration: underline; }


/* Latest Newspaper */

.latest-newspaper {
	float: right;
	width: 148px;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 20px;
	background: url("/img/latest_newspaper.png") no-repeat;
	text-align: center;
	position: relative;
}

.latest-newspaper span {
	display: block;
	position: absolute;
	right: -2px;
	bottom: 2px;
	background: url("/img/latest_newspaper_marker.png") no-repeat;
	padding: 0 6px 6px 15px;
	width: 130px;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000;
}


/* Slider */

.slider {
	width: 1000px;
	height: 303px;
	margin: 0 0 40px 0;
}

.slider .item {
	width: 1000px;
	height: 303px;
}

.slider .item a {
	display: block;
	width: 1000px;
	height: 303px;
	background: url("/img/slider.png") no-repeat right 12px;
	overflow: hidden;
	position: relative;
}

	.slider .item a img {
		float: left;
		margin: 12px 0 0 0;
	}

	.slider .item a span {
		display: block;
	}

	.slider .item a span.dots {
		position: absolute;
		top: 20px;
		left: 560px;
		width: 45px;
		height: 12px;
		background: url("/img/slider_dots.png") no-repeat;
	}

		.slider .item a span.dots.first { background-position: 0 0; }
		.slider .item a span.dots.second { background-position: 0 -15px; }
		.slider .item a span.dots.third { background-position: 0 -30px; }

	.slider .item a span.item-content {
		width: 345px;
		margin: 0 18px;
		float: right;
	}

		.slider .item a span.item-content strong {
			width: 167px;
			height: 26px;
			line-height: 25px;
			text-align: center;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-shadow: 0 1px 1px #000;
			background: url("/img/marker_title.png") no-repeat 0 -245px;
			margin: 0 auto;
			text-transform: uppercase;
			display: block;
		}

		.slider .item a span.item-content span.description-text {
			color: #fff;
			text-shadow: 0 1px 1px #000;
		}

		.slider .item a span.item-content span.text {
			line-height: 20px;
			color: #eee;
			text-align: justify;
			margin: 20px 0;
		}

		.slider .item a span.item-content span.read-more {
			right: 127px;
			background-position: 0 -75px;
		}

.slider .item a:hover {
	background-position: right -338px;
}

	.slider .item a:hover span.item-content span.description-text { color: #eef1a7; }
	.slider .item a:hover span.item-content span.read-more { background-position: 0 -100px; }


/* Category Accordion */

.cats-accordion {
	width: 200px;
	margin: 0 20px;
	float: left;
}

.cats-accordion h4 {
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	background: url("/img/accordion_arrows_down.png") no-repeat right 11px;
}

	.cats-accordion h4:hover { background-position: right -26px; }
	.cats-accordion h4.selected { color: #000; background: url("/img/accordion_arrows_up.png") no-repeat right -26px; }
	.cats-accordion h4.selected:hover { background-position: right 11px; }
	.cats-accordion h4.blank { background: none; }

.cats-accordion ul {
	margin: 15px 0 10px 0;
}

	.cats-accordion ul li a { color: #004c7b; }
	.cats-accordion ul li a:hover { color: #ff0048; }


/* Category List */

ul.cats-list {
	width: 1000px;
}

ul.cats-list li {
	float: left;
	margin: 0 0 15px 0;
	padding: 10px 0 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	width: 490px;
}

	ul.cats-list li.alt { margin-left: 20px; }

	ul.cats-list li img {
		float: left;
		margin: 0 15px 0 0;
		border: 1px solid #ccc;
	}

	ul.cats-list li .list-content {
		float: right;
		width: 385px;
	}

	ul.cats-list li h4 {
		color: #0667a3;
		font-weight: bold;
		font-size: 14px;
	}

	ul.cats-list li h4 a {
		color: #0667a3;
	}

	ul.cats-list li h4 a:hover {
		text-decoration: underline;
	}

	ul.cats-list li strong {
		color: #000;
		margin: 0 0 12px 0;
		display: block;
	}

	ul.cats-list li ul {
		width: 385px;
		overflow: hidden;
	}

		ul.cats-list li ul li {
			float: left;
			margin: 0 3px 0 0;
			width: 125px;
			padding: 0;
			border: 0;
			overflow: visible;
		}

		ul.cats-list li ul li a {
			color: #004c7b;
		}

		ul.cats-list li ul li a:hover {
			color: #ff0048;
		}


/* Site Map List */

ul.site-map li {
	border: 0;
}

ul.site-map li.site-map-line {
	border-bottom: 1px solid #ccc;
	height: 0;
	overflow: hidden;
	float: none;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	clear: both;
}

ul.site-map li .list-content {
	width: 470px;
}

	ul.site-map li ul {
		width: 470px;
		margin-top: 12px;
	}

	ul.site-map li ul li {
		float: none;
		margin: 0;
		width: 446px;
		line-height: 18px;
		padding: 2px 0 2px 24px;
		background: url("/img/icon_list_arrow.gif") no-repeat 10px 9px;
	}


/* Gallery List */

ul.gallery-list {
	width: 720px;
}

ul.gallery-list li {
	float: left;
	width: 152px;
	margin: 0 0 0 37px;
}

	ul.gallery-list li:first-child { margin: 0; }

ul.gallery-list li a {
	display: block;
	width: 144px;
	height: 144px;
	border: 1px solid #ff0000;
	margin: 0 6px 6px 0;
	position: relative;
}

	ul.gallery-list li a img {
		border: 1px solid #ff0000;
		margin: 3px 0 0 3px;
	}

	ul.gallery-list li a span {
		width: 28px;
		height: 28px;
		display: block;
		bottom: -7px;
		right: -7px;
		position: absolute;
		background: url("/img/gallery_zoom.png") no-repeat;
	}

ul.gallery-list li a:hover { border-color: #0d6ba5; }
	ul.gallery-list li a:hover img { border-color: #0d6ba5; }
	ul.gallery-list li a:hover span { background-position: 0 -28px; }


/* Form Poll */

.form-poll {
	width: 100%;
}

.form-poll input.radio {
	display: none;
}

.form-poll label.radio {
	display: table;
	margin: 0 0 20px 0;
	height: 24px;
	line-height: 12px;
	position: relative;
	cursor: pointer;
}

	.form-poll label.radio i { float: left; width: 24px; height: 24px; margin: 0 14px 0 0; background: url("/img/form_checkbox.png") no-repeat 0 0; }
	.form-poll label.radio span { display: table-cell; vertical-align: middle; }

	.form-poll label.radio.checked i { background-position: -25px 0; }
	.form-poll label.radio.checked span { color: #000; }

.form-poll button.vote {
	float: left;
}

.form-poll button.results {
	float: right;
	font-size: 11px;
}

.form-poll-results label.radio {
	margin-bottom: 10px;
}

.form-poll-results .poll-option {
	line-height: 18px;
	overflow: hidden;
}

	.form-poll-results .poll-option em {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		background: url("/img/num_bg.png") no-repeat left center;
		font-style: normal;
		text-shadow: 0 1px 1px #000;
		width: 23px;
		height: 16px;
		line-height: 14px;
		float: left;
		margin: 1px 10px 0 0;
		display: block;
	}

	.form-poll-results .poll-option span {
		float: left;
		width: 320px;
	}

.form-poll-results .poll-results {
	padding: 5px 0 15px 33px;
	width: 300px;
	clear: both;
}

	.form-poll-results .poll-results img { height: 20px; }


/* Book Carousel */

.book-carousel {
	margin: 0 0 0px 0;
	padding: 0px 26px;
	position: relative;
	width: 641px;
	height: 300px;
	float: left;
	background:url(/img/most_popular.png) no-repeat top left;
}
.book-carousel h3 {
	margin-left: 40px;
	font-size: 0.9em;
	color: #002a44;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
	.shop-box .book-carousel { margin: 0 0 10px 0; }

.book-carousel .jcarousel-prev,
.book-carousel .jcarousel-next {
	position: absolute;
	top: 110px;
	width: 26px;
	height: 51px;
	cursor: pointer;
	background: url("/img/carousel_arrows.png") no-repeat;
}
	.book-carousel .jcarousel-prev { left: 0; background-position: top left; }
	.book-carousel .jcarousel-prev:hover { background-position: bottom left; }
	.book-carousel .jcarousel-prev.jcarousel-prev-disabled { background-position: 0 0; }

	.book-carousel .jcarousel-next { right: 0; background-position: top right; }
	.book-carousel .jcarousel-next:hover { background-position: bottom right; }
	.book-carousel .jcarousel-next.jcarousel-next-disabled { background-position:  ; }

.book-carousel ul li {
	float: left;
	width: 145px;
	margin: 20px 0px 20px 15px;
}

	.full-column-blank .book-carousel ul li { margin: 0 21px; }
	.content-box .book-carousel ul li { width: 147px; margin: 0 9px; }
	.shop-box .book-carousel ul li { width: 147px; margin: 0 20px; }

.book-carousel ul li a {
	display: block;
	width: 138px;
	padding: 0 8px 0 0;
	position: relative;
	margin: 0 0 7px 0;
}

	.book-carousel ul li a span { display: block; text-align: center; }
	.book-carousel ul li a span.book { padding: 8px 0 0 0; margin: 0 0 10px 0; }
	.book-carousel ul li a span.author {
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 11px;
	height: 15px;
	overflow: hidden;
}
	.book-carousel ul li a span.name { color: #004b7a; font-size: 14px; font-weight: bold; line-height: 15px; height: 45px; overflow: hidden; }
	.book-carousel ul li a span.marker { position: absolute; top: 92px; right: 0; }
	.book-carousel ul li a span.price { top: 65px; display: none; }
	.book-carousel ul li a span.discount { top: 33px; display: none; }

	.book-carousel ul li a:hover span.book {  }
	.book-carousel ul li a:hover span.author { color: #000; }
	.book-carousel ul li a:hover span.name { color: #ff0048; }

.book-carousel ul li a span.button {
	margin: 0 auto; text-align: left;
}



/* Photo Carousel */

.photo-carousel {
	margin: 30px 0 25px 0;
	padding: 0 30px;
	position: relative;
}

.photo-carousel .jcarousel-prev,
.photo-carousel .jcarousel-next {
	position: absolute;
	top: 145px;
	width: 30px;
	height: 43px;
	cursor: pointer;
	background: url("/img/carousel_arrows.png") no-repeat;
}

	.photo-carousel .jcarousel-prev { left: 0; background-position: 0 -50px; }
	.photo-carousel .jcarousel-prev:hover { background-position: 0 -100px; }
	.photo-carousel .jcarousel-prev.jcarousel-prev-disabled { background-position: 0 0; }

	.photo-carousel .jcarousel-next { right: 0; background-position: -42px -50px; }
	.photo-carousel .jcarousel-next:hover { background-position: -42px -100px; }
	.photo-carousel .jcarousel-next.jcarousel-next-disabled { background-position: -42px 0; }

.photo-carousel ul li {
	float: left;
	width: 556px;
	margin: 0 52px;
	position: relative;
}

.photo-carousel ul li h4 {
	margin: 10px 0;
}


/* Book List */

ul.book-list {
	width: 100%;
}

ul.book-list li {
	float: left;
	width: 265px;
	margin: 0 0 0 30px;
	position: relative;
}

	ul.book-list li:first-child { margin: 0; }
	.content-box ul.book-list li { margin: 0; width: 350px; padding: 30px 0; border-bottom: 1px solid #eee; }
	.content-box ul.book-list li.alt { padding-left: 20px; }

ul.book-list li a {
	display: block;
	width: 265px;
	overflow: hidden;
	position: relative;
}
.content-box ul.book-list li a { width: 350px; }

	ul.book-list li a span { display: block; }
	ul.book-list li a span.book { float: left; margin: 0 8px 0 0; }
		.content-box ul.book-list li a span.book { margin: 0 20px 0 0; }
		.content-box ul.book-list li a span.book-right { float: left; width: 200px; }
	ul.book-list li a span.author { color: #999; font-size: 11px; line-height: 13px; height: 26px; overflow: hidden; }
	ul.book-list li a span.name { color: #004b7a; font-size: 14px; font-weight: bold; line-height: 15px; height: 45px; overflow: hidden; }
		ul.book-list li a span.name em { color: #999; font-size: 11px; text-transform: uppercase; font-weight: normal; font-style: normal; }
		.content-box ul.book-list li a span.name { line-height: 17px; height: 51px; }
	ul.book-list li a span.text { color: #666; margin: 5px 0 0 0; padding: 0 0 0 0; line-height: 16px; height: 80px; overflow: hidden; }
		.content-box ul.book-list li a span.text { margin: 5px 0 0 0; line-height: 18px; height: 108px; }
	ul.book-list li a span.marker { position: absolute; top: 79px; left: 40px; }
		.content-box ul.book-list li a span.marker { left: 50px; }
	ul.book-list li a span.price { top: 52px; left: 58px; display: none; }
		.content-box ul.book-list li a span.price { left: 68px; }
	ul.book-list li a span.discount { top: 20px; left: 58px; display: none; }
		.content-box ul.book-list li a span.discount { left: 68px; }

	ul.book-list li a:hover span.author { color: #666; }
	ul.book-list li a:hover span.name { color: #ff0048; }
		ul.book-list li a:hover span.name em { color: #666; }
	ul.book-list li a:hover span.text { color: #000; }

ul.book-list li a.button-buy-book { float: none; position: absolute; bottom: 0; left: 128px; width: 121px; }
	.content-box ul.book-list li a.button-buy-book { left: 140px; bottom: 30px; }
	.content-box ul.book-list li.alt a.button-buy-book { left: 160px; }


/* Book View */

ul.book-view {
	margin: 0 5px;
}

	.content-box ul.book-view { margin-bottom: 50px; }

ul.book-view li {
	float: left;
	width: 120px;
	margin: 0 0 0 24px;
	text-align: center;
}

	.content-box ul.book-view li { margin-left: 66px; }
	ul.book-view li:first-child { margin: 0; }

ul.book-view li a {
	display: block;
	width: 120px;
	position: relative;
	margin: 0 0 7px 0;
}

	ul.book-view li a span { display: block; }
	ul.book-view li a span.book { margin: 0 0 7px 0; }
	ul.book-view li a span.author { color: #999; font-size: 11px; line-height: 13px; height: 26px; overflow: hidden; }
	ul.book-view li a span.name { color: #004b7a; font-size: 14px; font-weight: bold; line-height: 15px; height: 45px; overflow: hidden; }
	ul.book-view li a span.price { position: absolute; top: 65px; left: 58px; display: none; }

	ul.book-view li a:hover span.author { color: #000; }
	ul.book-view li a:hover span.name { color: #ff0048; }


/* Post List */

ul.post-list {
	width: 100%;
}

	ul.post-list.wide { width: 1000px; }
	ul.post-list.news { width: 720px; }
	ul.post-list.content { width: 720px; }

ul.post-list li {
	float: left;
	margin: 0 0 10px 0;
}

	ul.post-list li.alt { margin-left: 20px; }
	ul.post-list.wide li { width: 490px; }
	ul.post-list.news li { width: 720px; float: none; }
	ul.post-list.content li { width: 350px; float: left; }

ul.post-list li a {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	display: block;
}

	ul.post-list li a img {
		float: left;
		margin: 0 15px 0 0;
		border: 1px solid #ccc;
	}

	ul.post-list li a strong {
		font-weight: bold;
		font-size: 14px;
		color: #0667a3;
		display: block;
	}

	ul.post-list li a span.text {
		display: block;
		color: #666;
		margin: 10px 0;
	}

	ul.post-list li a span.details {
		display: block;
		font-weight: bold;
		text-align: right;
		color: #000;
	}

ul.post-list li a:hover {
	border-bottom-color: #0566a3;
}

	ul.post-list li a:hover img { border-color: #0d6ba5; }
		ul.post-list.news li a:hover img { border-color: #ff0048; }
	ul.post-list li a:hover span.text { color: #000; }
	ul.post-list li a:hover span.details { color: #46a500; }
		ul.post-list.news li a:hover span.details { color: #ff0048; }


/* Help List */

ul.help-list {
	width: 100%;
}

ul.help-list li {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

	ul.help-list li h3 {
		color: #0566a3;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 12px 0;
	}

	ul.help-list li p {
		line-height: 22px;
	}

	ul.help-list li a.answer-link {
		font-size: 11px;
		font-weight: bold;
		color: #ff0000;
		text-transform: uppercase;
	}

		ul.help-list li a.answer-link:hover { text-decoration: underline; }

	ul.help-list li .answer {
		/*display: none;*/
		padding: 5px 0 0 25px;
		font-size: 11px;
		color: #000;
	}


/* Title Marker */

h3.marker-title {
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
	background: url("/img/marker_title.png") no-repeat;
	margin: 0 auto 12px auto;
	text-transform: uppercase;
}

	h3.marker-title.blue { width: 147px; background-position: 0 0; }
	h3.marker-title.orange { width: 147px; background-position: 0 -35px; }
	h3.marker-title.gray { width: 127px; background-position: 0 -210px; }
	h3.marker-title.purple { width: 149px; height: 28px; line-height: 28px; background-position: 0 -70px; }
	h3.marker-title.green { width: 155px; background-position: 0 -280px; }
	h3.marker-title.green-wide { width: 185px; background-position: 0 -315px; }
	h3.marker-title.blue-wide { width: 185px; background-position: 0 -350px; }
	h3.marker-title.purple-medium { width: 155px; background-position: 0 -385px; }
	h3.marker-title.orange-wide { width: 187px; background-position: 0 -420px; }
	h3.marker-title.red { width: 143px; background-position: 0 -455px; }

.title-line {
	width: 100%;
	height: 26px;
	background: url("/img/line_gray.gif") repeat-x 0 center;
	margin: 0 0 12px 0;
}

	.title-line h3 { margin: 0; }


/* Pagination */

ul.pagination {
	margin: 0 0 25px 0;
	padding: 0 100px;
	text-align: center;
	position: relative;
}

ul.pagination li {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 11px;
	color: #999;
	overflow: hidden;
	margin: 0 0 0 10px;
}

	ul.pagination li:first-child { margin: 0; }

ul.pagination li a {
	color: #999;
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background: url("/img/pagination.png") no-repeat 0 0;
}

ul.pagination li a:hover,
ul.pagination li.current a {
	background-position: 0 -32px;
	color: #fff;
	font-weight: bold;
}

	ul.pagination li.current {
		background: url("/img/pagination.png") no-repeat 0 -32px;
		color: #fff;
		font-weight: bold;
	}

	ul.pagination li.prev,
	ul.pagination li.next {
		width: 88px;
		position: absolute;
		top: 0;
		text-align: left;
	}

		ul.pagination li.prev { left: 0; }
		ul.pagination li.next { right: 0; }

	ul.pagination li.prev a,
	ul.pagination li.next a {
		color: #fff;
		font-weight: normal;
		width: 88px;
	}

		ul.pagination li.prev a { background-position: 0 -64px; padding: 0 0 0 25px; }
		ul.pagination li.next a { background-position: 0 -128px; padding: 0 0 0 10px; }
		ul.pagination li.disabled { display: none; }

	ul.pagination li.prev a:hover { background-position: 0 -96px; }
	ul.pagination li.next a:hover { background-position: 0 -160px; }

/* Description Text */

.description-text {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #004b7a;
	line-height: 20px;
	margin: 12px 0;
	display: block;
}


/* Buttons */

.button {
	width: 121px;
	height: 29px;
	line-height: 28px;
	background: url("/img/buttons.png") no-repeat;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
	text-align: center;
	border: 0;
	padding: 0;
	cursor: pointer;
	display: block;
	position: relative;
}

	.button.blue { background-position: 0 0; }
	.button.gray { background-position: 0 -35px; }

.button:hover {
	color: #fcffb3;
}

	.button.blue:hover, button.blue:focus { background-position: 0 -35px; }
	.button.gray:hover, button.gray:focus { background-position: 0 -70px; }

a span.button { text-align: left; padding: 0 15px; width: 91px; }
a span.button i { width: 18px; height: 14px; background: url("/img/icon_basket.png") no-repeat; position: absolute; top: 7px; right: 15px; }

a:hover span.button { color: #fcffb3; background: url("/img/buttons.png") no-repeat 0 -35px; }
a:hover span.button i { background-position: 0 -20px; }


/* Markers */

.marker {
	width: 83px;
	height: 26px;
	line-height: 26px;
	background: url("/img/markers.png") no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 9px;
	text-shadow: 0 1px 1px #000;
	text-align: center;
}

	.marker.yellow { background-position: 0 0; }
	.marker.blue { background-position: 0 -30px; }
	.marker.pink { background-position: 0 -60px; }
	.marker.price { background-position: 0 -90px; width: 60px; height: 32px; line-height: 16px; font-size: 12px; text-align: right; padding: 0 5px 0 0; }
		.marker.price i { color: #383838; text-shadow: none; font-size: 10px; font-style: normal; display: block; }
	.marker.discount { background-position: 0 -90px; width: 60px; height: 32px; line-height: 16px; font-size: 12px; text-align: right; padding: 0 5px 0 0; }
		.marker.discount i { color: #383838; text-shadow: none; font-size: 10px; font-style: normal; display: block; }


/* Basket */

ul.basket-list {
	width: 1000px;
	margin: 0 0 30px 0;
}

	ul.basket-list li {
		overflow: hidden;
		padding: 10px 0;
		line-height: 28px;
		border-bottom: 1px solid #eee;
	}

	ul.basket-list li span { float: left; margin: 0 5px 0 0; }

		ul.basket-list li span.name {
			width: 520px;
			text-transform: uppercase;
			font-size: 14px;
		}

			/*ul.basket-list.ext li span.name { width: 515px; }*/
			ul.basket-list.ext li span.name { width: 425px; }

			ul.basket-list li span.name em {
				color: #fff;
				font-weight: bold;
				font-size: 11px;
				text-align: center;
				background: url("/img/num_bg.png") no-repeat left center;
				font-style: normal;
				text-shadow: 0 1px 1px #000;
				width: 23px;
				float: left;
				margin: 0 10px 0 0;
			}

			ul.basket-list li span.name strong {
				color: #000;
				text-transform: none;
				font-weight: bold;
			}

		ul.basket-list li span.price {
			font-weight: bold;
			font-size: 14px;
			color: #000;
			width: 175px;
		}

			ul.basket-list.ext li span.price { width: 90px; }
			ul.basket-list.ext li span.discount { width: 90px; color: #FF0048; }

		ul.basket-list li span.icons {
			width: 70px;
			border-left: 1px solid #eee;
			padding: 0 0 0 10px;
			height: 28px;
			line-height: 28px;
			vertical-align: middle;
		}

		ul.basket-list li span.qty {
			width: 112px;
		}

			ul.basket-list li span.qty input {
				background: url("/img/chart_qty.png") no-repeat;
				width: 39px;
				height: 14px;
				border: 0;
				text-align: center;
				color: #ff0048;
				font-weight: bold;
				font-size: 11px;
				padding: 7px 2px 6px 2px;
			}

		ul.basket-list li span.update {
			width: 170px;
		}

			ul.basket-list li span.update button {
				display: inline-block;
				border: 0;
				background: url("/img/chart_update.png") no-repeat;
				width: 122px;
				height: 25px;
				padding: 0;
				margin: 0 !important;
				cursor: pointer;
				color: #fff;
				font-size: 12px;
				line-height: 25px !important;
				text-shadow: 0 1px 1px #000;
				text-transform: uppercase;
			}
			ul.basket-list li span.update .delete {
				overflow: hidden;
				display: inline-block;
				border: 0;
				background: url(/img/cart-icon-delete.png) no-repeat;
				width: 26px;
				height: 26px;
				padding: 0 !important;
				margin: 0 0 0 5px !important;
				cursor: pointer;
				color: #fff;
				font-size: 12px;
				line-height: 25px !important;
				text-shadow: 0 1px 1px #000;
				text-transform: uppercase;
				text-align: center;
				vertical-align: top;
				text-indent: -5000em;
			}

			ul.basket-list li span.update button:hover {
				background-position: 0 -25px;
				color: #fcffb1;
			}
			ul.basket-list li span.update .delete:hover {
				background: url(/img/cart-icon-delete-hover.png) no-repeat;
			}

		ul.basket-list li.title {
			padding: 0 0 10px 0;
			line-height: 30px;
		}

			ul.basket-list li.title span {
				text-transform: uppercase;
				color: #0767a4;
				font-weight: bold;
				font-size: 9px;
			}

			ul.basket-list li.title span.price { width: 176px; }
			ul.basket-list li.title span.with-discount { width: 90px; }

			ul.basket-list li.title span.discount { width: 176px; color: #0767a4; }

.basket-promotion {
	padding: 9px 0;
	height: 27px;
	line-height: 27px;
	width: 1000px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 10px 0;
}

	.basket-promotion ul.left {
		float: left;
		padding: 0 0 0 5px;
	}

		.basket-promotion ul.left li {
			float: left;
			margin: 0 20px 0 0;
			font-weight: bold;
			font-size: 10px;
		}

		.basket-promotion ul.left li img { vertical-align: middle; margin: 0 3px 0 0; }

	.basket-promotion .right {
		color: #000;
		font-weight: bold;
		font-size: 14px;
		float: right;
	}

		.basket-promotion .right label {
			float: left;
			margin: 0 5px 0 0;
		}

		.basket-promotion .right input {
			background: url("/img/chart_code.png") no-repeat;
			width: 231px;
			height: 14px;
			border: 0;
			color: #ff0048;
			font-weight: bold;
			font-size: 11px;
			padding: 7px 5px 6px 5px;
			float: right;
		}

	.basket-promotion .pay {
		float: right;
		margin: 0 70px 0 0;
		position: relative;
	}

		.basket-promotion .pay span {
			color: #000;
			font-weight: bold;
			font-size: 14px;
			float: left;
			margin: 0 5px 0 0;
		}

		.basket-promotion .pay input {
			background: url("/img/chart_select.gif") no-repeat;
			width: 30px;
			height: 14px;
			border: 0;
			text-align: center;
			color: #ff0048;
			font-weight: bold;
			font-size: 11px;
			padding: 6px 13px 7px 0;
			cursor: pointer;
			/*float: right;*/
		}
		.basket-promotion .pay .pay-box {
			background: url("/img/chart_select.gif") no-repeat;
			width: 30px;
			height: 27px;
			line-height: 27px;
			border: 0;
			text-align: center;
			color: #ff0048;
			font-weight: bold;
			font-size: 11px;
			padding: 0 13px 0 0;
			cursor: pointer;
			float: right;
		}

		.basket-promotion .pay .selectbox-wrapper {
			width: 41px;
			z-index: 100;
			background-color: #fff;
			margin: 0 1px;
			position: absolute;
			right: 0;
			top: 27px;
		}

		.basket-promotion .pay .selectbox-wrapper ul {
			border: 1px solid #999;
			border-top: 0;
		}

		.basket-promotion .pay .selectbox-wrapper ul li {
			padding: 0 5px;
			line-height: 24px;
			border: 0;
			cursor: pointer;
		}

			.basket-promotion .pay .selectbox-wrapper ul li.current { background-color: #f4f4f4; }

.basket-message {
	width: 100%;
	height: 20px;
	margin: 0 0 10px 0;
	line-height: 20px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

	.basket-message span {
		color: #ff0048;
	}

.basket-bill {
	width: 1000px;
	margin: 0 0 30px 0;
}

	.basket-bill ul {
		float: right;
	}

		.basket-bill ul li {
			text-align: right;
			overflow: hidden;
			line-height: 30px;
			border-bottom: 1px solid #eee;
		}

			.basket-bill ul li span { float: left; padding: 0 5px 0 0; }
			.basket-bill ul li span.title { width: 105px; }
			.basket-bill ul li span.price { width: 120px; }

			.basket-bill ul li.bill-book { color: #000; font-weight: bold; font-size: 14px; }
			.basket-bill ul li.bill-discount {  }
			.basket-bill ul li.bill-price { color: #0566a3; font-weight: bold; font-size: 14px; text-transform: uppercase; }
			.basket-bill ul li.bill-vat { color: #ff0048; font-size: 14px; text-transform: uppercase; }
			.basket-bill ul li.bill-total { color: #008d00; font-weight: bold; font-size: 17px; text-transform: uppercase; line-height: 40px; background-color: #fafbe5; }

.basket-buttons {
	clear: both;
	width: 1000px;
	height: 43px;
	margin: 0 0 30px 0;
}

	.basket-buttons .left { float: left; text-align: right; width: 381px; height: 43px; }
	.basket-buttons .right { float: right; text-align: left; width: 381px; height: 43px; }

	.basket-buttons a {
		display: block;
		width: 351px;
		height: 43px;
		line-height: 43px;
		background: url("/img/chart_buttons.png") no-repeat;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
	}

		.basket-buttons .left a { padding: 0 30px 0 0; }
		.basket-buttons .right a { padding: 0 0 0 30px; }

		.basket-buttons a.blue { background-position: 0 0; }
		.basket-buttons a.yellow { background-position: 0 -100px; }
		.basket-buttons a.pink { background-position: 0 -200px; }
		.basket-buttons a.terms { color: #666; background: url("/img/icon_terms.gif") no-repeat 0 center; text-shadow: none; text-align: left; padding: 0 0 0 20px; }

	.basket-buttons a:hover {
		text-shadow: 0 1px 1px #fff;
	}

		.basket-buttons a.blue:hover { background-position: 0 -50px; color: #001a42; }
		.basket-buttons a.yellow:hover { background-position: 0 -150px; color: #6a4100; }
		.basket-buttons a.pink:hover { background-position: 0 -250px; color: #470014; }
		.basket-buttons a.terms:hover { text-decoration: underline; }

	.basket-buttons button {
		display: block;
		width: 381px;
		height: 43px;
		line-height: 43px;
		background: url("/img/chart_buttons.png") no-repeat;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
		border: 0;
		margin: 0;
		cursor: pointer;
	}

		.basket-buttons .left button { padding: 0 30px 0 0; text-align: right; }
		.basket-buttons .right button { padding: 0 0 0 30px; text-align: left; }

		.basket-buttons button.blue { background-position: 0 0; }
		.basket-buttons button.yellow { background-position: 0 -100px; }
		.basket-buttons button.pink { background-position: 0 -200px; }

	.basket-buttons button:hover {
		text-shadow: 0 1px 1px #fff;
	}

		.basket-buttons button.blue:hover { background-position: 0 -50px; color: #001a42; }
		.basket-buttons button.yellow:hover { background-position: 0 -150px; color: #6a4100; }
		.basket-buttons button.pink:hover { background-position: 0 -250px; color: #470014; }

.basket-confirm {
	width: 1000px;
	margin: -10px 0 0 0;
}

	.basket-confirm p strong { color: #000; }

	.basket-confirm .top {
		height: 30px;
		padding: 9px 0;
		border-bottom: 1px solid #eee;
	}

	.basket-confirm .left {
		float: left;
		width: 499px;
		border-right: 1px solid #eee;
	}

		.basket-confirm .left .top {
			line-height: 30px;
			padding-right: 12px;
			color: #0667a3;
			position: relative;
		}

			.basket-confirm .left .top a {
				float: right;
				display: block;
				width: 185px;
				height: 30px;
				text-align: center;
				font-size: 11px;
				color: #000;
				background: url("/img/chart_confirm.png") no-repeat 0 -60px;
				position: absolute;
				top: 9px;
				right: 12px;
			}

			.basket-confirm .left .top a:hover {
				background-position: 0 -90px;
				color: #fff;
				text-shadow: 0 1px 1px #000;
			}

		.basket-confirm .left p {
			line-height: 35px;
			padding: 0 25px 0 0;
		}

	.basket-confirm .right {
		float: right;
		width: 500px;
	}

		.basket-confirm .right .top {
			border-bottom-color: #fff;
		}

		.basket-confirm .right p {
			line-height: 35px;
			padding: 0 25px;
		}

		.basket-confirm .right a.map {
			display: inline-block;
			width: 114px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			font-size: 11px;
			color: #000;
			background: url("/img/chart_confirm.png") no-repeat 0 0;
			margin: 0 0 0 10px;
		}

		.basket-confirm .right a:hover {
			background-position: 0 -30px;
			color: #fff;
			text-shadow: 0 1px 1px #000;
		}

	.basket-confirm .full {
		width: 100%;
	}

		.basket-confirm .full p {
			line-height: 35px;
			padding: 0 25px;
			margin: 25px 0;
			text-align: center;
		}

.basket-checkbox {
	padding: 9px 0;
	height: 27px;
	line-height: 27px;
	width: 1000px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 30px 0;
	font-size: 11px;
}

	.basket-checkbox .left { float: left; width: 500px; }
	.basket-checkbox .right { float: right; width: 475px; padding: 0 0 0 25px; }

	.basket-checkbox input.checkbox { display: none; }

	.basket-checkbox label.checkbox {
		display: table;
		margin: 0 0 20px 0;
		height: 24px;
		line-height: 12px;
		position: relative;
		cursor: pointer;
	}

		.basket-checkbox label.checkbox i { float: left; width: 24px; height: 24px; margin: 0 14px 0 0; background: url("/img/form_checkbox.png") no-repeat 0 0; }
		.basket-checkbox label.checkbox span { display: table-cell; vertical-align: middle; }

		.basket-checkbox label.checkbox.checked i { background-position: -25px 0; }
		.basket-checkbox label.checkbox.checked span { color: #000; }


/* Book */

.book-photo {
	width: 142px;
	float: left;
	margin: 0 15px 0 0;
	position: relative;
}

	.book-photo span.marker.yellow { position: absolute; top: 92px; right: 11px; }
	.book-photo span.marker.blue { position: absolute; top: 92px; right: 11px; }
	.book-photo span.marker.pink { position: absolute; top: 92px; right: 11px; }
	.book-photo span.marker.price { position: absolute; top: 65px; right: 0; }
	.book-photo span.marker.discount { position: absolute; top: 33px; right: 0; }

ul.book-info {
	float: left;
	margin: 10px 0 0 0;
}

	ul.book-info li {
		line-height: 35px;
		padding: 0 0 0 15px;
	}

		ul.book-info li span { font-weight: bold; }

		ul.book-info li.dimension { background: url("/img/icon_dimension.gif") no-repeat left center; }
		ul.book-info li.pages { background: url("/img/icon_pages.gif") no-repeat left center; }
		ul.book-info li.cover { background: url("/img/icon_cover.gif") no-repeat left center; }
		ul.book-info li.year { background: url("/img/icon_year.gif") no-repeat left center; }
		ul.book-info li.buy { margin: 10px 0 0 0; padding: 0; }

ul.book-comments { margin: 0; }
	ul.book-comments li { border-bottom: 1px solid #eee; }
	ul.book-comments li p.book-comment-info { font-weight: bold; color: #000; }

.book-comments-form {
	width: 100%;
}

	.book-comments-form .book-comments-more {
		height: 43px;
		overflow: hidden;
		padding: 10px 0;
	}

	.book-comments-form .book-comments-more a {
		margin: 0 auto;
		display: block;
		width: 240px;
		height: 43px;
		line-height: 43px;
		background: url("/img/chart_buttons.png") no-repeat left -200px;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
	}

		.book-comments-form .book-comments-more a span {
			display: block;
			background: url("/img/chart_buttons.png") no-repeat right -200px;
		}

	.book-comments-form .book-comments-more a:hover {
		text-shadow: 0 1px 1px #fff;
		background-position: left -250px;
		color: #470014;
	}

		.book-comments-form .book-comments-more a:hover span {
			background-position: right -250px;
		}

	.book-comments-form form {
		display: none;
	}


/* Content Tabs */

.content-tabs {
	clear: both;
	width: 720px;
	margin: 0 0 30px 0;
}

	.tabs-hide { display: none; }

.content-tabs ul.tabs-nav {
	overflow: hidden;
	width: 714px;
	height: 33px;
	padding: 3px 3px 2px 3px;
	background: url("/img/tabs_nav.png") no-repeat;
}

	.content-tabs ul.tabs-nav li {
		float: left;
		margin: 0 10px 0 0;
		height: 33px;
		line-height: 33px;
	}

	.content-tabs ul.tabs-nav li a {
		color: #333;
		text-shadow: 0 1px 1px #fff;
		padding: 0 0 0 10px;
		display: block;
	}

		.content-tabs ul.tabs-nav li a span {
			display: block;
			padding: 0 20px 0 0;
		}

		.content-tabs ul.tabs-nav li a span i {
			float: left;
			width: 25px;
			height: 33px;
			background: url("/img/tabs_nav_icons.png") no-repeat;
		}

			.content-tabs ul.tabs-nav li.about a span i { background-position: 0 0; }
			.content-tabs ul.tabs-nav li.view a span i { background-position: -25px 0; }
			.content-tabs ul.tabs-nav li.comments a span i { background-position: -50px 0; }
			.content-tabs ul.tabs-nav li.trailer a span i { background-position: -75px 0; }
			.content-tabs ul.tabs-nav li.person a span i { background-position: -100px 0; }
			.content-tabs ul.tabs-nav li.company a span i { background-position: -125px 0; }

	.content-tabs ul.tabs-nav li a:hover,
	.content-tabs ul.tabs-nav li.tabs-selected a {
		color: #fff;
		text-shadow: 0 1px 1px #000;
		background: url("/img/tab_nav_item.png") no-repeat top left;
	}

		.content-tabs ul.tabs-nav li a:hover span,
		.content-tabs ul.tabs-nav li.tabs-selected a span {
			background: url("/img/tab_nav_item.png") no-repeat top right;
		}

			.content-tabs ul.tabs-nav li.about a:hover span i, .content-tabs ul.tabs-nav li.about.tabs-selected a span i { background-position: 0 -33px; }
			.content-tabs ul.tabs-nav li.view a:hover span i, .content-tabs ul.tabs-nav li.view.tabs-selected a span i { background-position: -25px -33px; }
			.content-tabs ul.tabs-nav li.comments a:hover span i, .content-tabs ul.tabs-nav li.comments.tabs-selected a span i { background-position: -50px -33px; }
			.content-tabs ul.tabs-nav li.trailer a:hover span i, .content-tabs ul.tabs-nav li.trailer.tabs-selected a span i { background-position: -75px -33px; }
			.content-tabs ul.tabs-nav li.person a:hover span i, .content-tabs ul.tabs-nav li.person.tabs-selected a span i { background-position: -100px -33px; }
			.content-tabs ul.tabs-nav li.company a:hover span i, .content-tabs ul.tabs-nav li.company.tabs-selected a span i { background-position: -125px -33px; }

.content-tabs .tabs-item {
	margin: 15px 0 0 0;
}


/* Register Form */

.register-form {
	width: 720px;
}

.register-form ul {
	width: 720px;
}

	.register-form ul li {
		height: 42px;
		line-height: 42px;
		border-bottom: 1px solid #eee;
		padding: 10px;
		font-size: 14px;
		width: 700px;
	}

		.register-form ul li.textarea { height: 150px; }
		.register-form ul li.error { background-color: #ffb2b2; color: #ff0000; }
		.register-form ul li.current { background-color: #feffe7; color: #000; }
		.register-form ul li span { color: #ff0048; }

		.register-form ul li label {
			width: 140px;
			float: left;
		}

		.register-form ul li input {
			width: 527px;
			height: 18px;
			border: 0;
			background: url("/img/register_input.png") no-repeat;
			font-size: 14px;
			font-weight: bold;
			padding: 12px 15px;
			color: #666;
			float: right;
		}

			.register-form ul li.error input { color: #ff0000; }
			.register-form ul li input:focus { background-position: 0 -42px; color: #000; }

		.register-form ul li textarea {
			width: 527px;
			height: 126px;
			border: 0;
			background: url("/img/register_textarea.png") no-repeat;
			font-size: 14px;
			font-weight: bold;
			padding: 12px 15px;
			color: #666;
			float: right;
			line-height: 18px;
		}

			.register-form ul li.error textarea { color: #ff0000; }
			.register-form ul li textarea:focus { background-position: 0 -150px; color: #000; }

		.register-form ul li .select-date {
			padding: 0 5px;
		}

			.register-form ul li .select-date span {
				position: relative;
				display: inline-block;
			}

			.register-form ul li .select-date input {
				width: 30px;
				height: 14px;
				border: 0;
				text-align: center;
				color: #ff0048;
				font-weight: bold;
				font-size: 11px;
				padding: 6px 13px 7px 0;
				cursor: pointer;
				float: none;
			}

				.register-form ul li .select-date span.day input { width: 30px; background: url("/img/chart_select.gif") no-repeat; }
				.register-form ul li .select-date span.month input { width: 76px; background: url("/img/register_select_month.png") no-repeat; }
				.register-form ul li .select-date span.year input { width: 42px; background: url("/img/register_select_year.png") no-repeat; }

			.register-form ul li .select-date .selectbox-wrapper {
				width: auto;
				z-index: 100;
				background-color: #fff;
				margin: 0 1px;
				position: absolute;
				left: 0;
				top: 27px;
			}

			.register-form ul li .select-date .selectbox-wrapper ul {
				border: 1px solid #999;
				border-top: 0;
				overflow: auto;
				width: 39px;
				height: 144px;
			}

				.register-form ul li .select-date span.day .selectbox-wrapper ul { width: 39px; }
				.register-form ul li .select-date span.month .selectbox-wrapper ul { width: 85px; }
				.register-form ul li .select-date span.year .selectbox-wrapper ul { width: 51px; }

			.register-form ul li .select-date .selectbox-wrapper ul li {
				font-size: 12px;
				color: #666;
				padding: 0 5px;
				line-height: 24px;
				height: 24px;
				border: 0;
				cursor: pointer;
				background-color: #fff;
				width: auto;
			}

				.register-form ul li .select-date .selectbox-wrapper ul li.current { background-color: #f4f4f4; }

.registration-terms {
	margin: 2em 0;
	text-align: justify;
}

	.registration-terms h4 {
		background: url("/img/icon_secure.gif") no-repeat 0 center;
		color: #666;
		font-weight: bold;
		padding: 0 0 0 18px;
	}

.register-form .register-buttons {
	height: 43px;
	overflow: hidden;
	line-height: 43px;
	margin: 20px 0;
}
	.register-form .register-buttons a.terms:hover { text-decoration: underline; }

	.register-form .register-buttons a.finish {
		float: right;
		display: block;
		width: 351px;
		height: 43px;
		line-height: 43px;
		background: url("/img/chart_buttons.png") no-repeat 0 0;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
	}

		.register-form .register-buttons a.finish:hover { text-shadow: 0 1px 1px #fff; background-position: 0 -50px; color: #001a42; }

	.register-form .register-buttons button.finish {
		float: right;
		display: block;
		width: 381px;
		height: 43px;
		line-height: 43px;
		background: url("/img/chart_buttons.png") no-repeat 0 0;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
		padding: 0 0 0 30px;
		margin: 0;
		border: 0;
		text-align: left;
		cursor: pointer;
	}

		.register-form .register-buttons button.finish:hover { text-shadow: 0 1px 1px #fff; background-position: 0 -50px; color: #001a42; }

	.register-form .register-buttons button.eklub {
		margin: 0 auto;
		display: block;
		width: 270px;
		height: 43px;
		line-height: 43px;
		padding: 0 0 0 30px;
		background: url("/img/eklub_button.png") no-repeat left 0;
		color: #fff;
		text-shadow: 0 1px 1px #000;
		font-weight: bold;
		font-size: 14px;
		margin: 0;
		border: 0;
		text-align: left;
		cursor: pointer;
	}

		.register-form .register-buttons button.eklub:hover { text-shadow: 0 1px 1px #fff; background-position: 0 -50px; color: #001a42; }

.register-form .register-checkbox {
	width: 720px;
}

	.register-form .register-checkbox .checkbox-item { height: 16px; line-height: 16px; margin: 0 0 9px 0; }
	.register-form .register-checkbox input.radio { display: none; }
	.register-form .register-checkbox label { padding: 0 0 0 25px; display: block; height: 16px; cursor: pointer; background: url("/img/checkbox_small.png") no-repeat 0 -25px; }
		.register-form .register-checkbox label.checked { background-position: 0 0; }

		.register-form .register-checkbox label a:hover { color: #FF0048; }


/* Color Box */

.color-box {
	width: 395px;
	height: 212px;
	margin: 0 0 15px 0;
}

.color-box a {
	display: block;
	width: 365px;
	padding: 0 15px;
	height: 212px;
	background: url("/img/color_box.png") no-repeat 0 10px;
	color: #666;
	position: relative;
}

.color-box a strong {
	width: 127px;
	height: 26px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
	background: url("/img/marker_title.png") no-repeat;
	margin: 0 auto;
	text-transform: uppercase;
	display: block;
}

	.color-box a.green strong { background-position: 0 -105px; }
	.color-box a.pink strong { background-position: 0 -140px; }
	.color-box a.yellow strong { background-position: 0 -175px; }

.color-box a span.book { float: left; margin: 0 15px 0 0; }
.color-box a span.text { line-height: 22px; text-align: justify; display: block; overflow: hidden; height: 110px; }
.color-box a span.read-more { left: 134px; }

.color-box a.green:hover { background-position: -400px 10px; }
.color-box a.pink:hover { background-position: -800px 10px; }
.color-box a.yellow:hover { background-position: -1200px 10px; }


/* Read More */

a span.read-more {
	width: 127px;
	height: 21px;
	line-height: 21px;
	position: absolute;
	bottom: 0;
	clear: both;
	text-align: center;
	color: #fcffb0;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
	background: url("/img/read_more.png") no-repeat;
	display: block;
}

	a.green span.read-more { background-position: 0 0; }
	a.pink span.read-more { background-position: 0 -25px; }
	a.yellow span.read-more { background-position: 0 -50px; }
	a.black span.read-more { background-position: 0 -75px; }


/* Footer */
#footerholder{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 173px;
	z-index: 10;
	float: left;
	clear: both;
	background: url(/img/footer-bg.jpg) repeat-x top center;
}
#footer {
	width: 1200px;
	height: 173px;
	font-size: 11px;
	margin: 0 auto;
	text-shadow: 0 1px 1px #000;
	background: url(/img/footer.jpg) no-repeat top center;
}


#footer-in {
	width: 1000px;
	height: 78px;
	margin: 0 auto;
}

	/* Group Members */

	#footer .group-members {
		float: left;
		height: 29px;
		line-height: 29px;
		color: #fff;
		padding: 0 0 0 30px;
		background: url("/img/icon_link.gif") no-repeat left center;
	}

	#footer .group-members a { color: #fff; }
	#footer .group-members a:hover, #footer .group-members a.current { color: #fcffb0; }

	/* Go Top */

	#footer #go-top {
		float: right;
		height: 29px;
		line-height: 29px;
	}

	#footer #go-top a { color: #fcffb0; padding: 0 10px 0 0; background: url("/img/icon_arrow_up.gif") no-repeat right center; display: block; }

	/* Social Networks */

	#footer ul.social {
		float: right;
		margin: 4px 15px 0 0;
		height: 22px;
	}

	#footer ul.social li {
		float: left;
		margin: 0 0 0 8px;
		line-height: 22px;
		color: #fff;
	}

	#footer ul.social li a {
		display: block;
		width: 22px;
		height: 22px;
		text-indent: -9999px;
		background: url("/img/icon_social_footer.png") no-repeat;
	}

		#footer ul.social li a.fb { background-position: 0 0; }
		#footer ul.social li a.tw { background-position: -25px 0; }
		#footer ul.social li a.fb:hover { background-position: 0 -25px; }
		#footer ul.social li a.tw:hover { background-position: -25px -25px; }

	/* Copyright */

	#footer .copyright {
		top: 80px;
		position: relative;
		clear: both;
		float: left;
		height: 25px;
		line-height: 25px;
		padding: 0 0 0 30px;
		background: url("/img/icon_logo.png") no-repeat left center;
		color: #ccc;
	}

	#footer .copyright a { color: #ccc; }
	#footer .copyright a:hover { color: #fcffb0; }

	/* Developer */

	#footer .developer {
		top: 80px;
		position: relative;
		float: right;
		height: 25px;
		line-height: 25px;
		color: #ccc;
	}

	#footer .developer a { color: #ccc; }
	#footer .developer a:hover { color: #fcffb0; }
	#footer .general_info {
		padding-top: 20px;
		color: white;
		float: right;
		height: 10px;
		display: block;
		clear: both;
	}
	#footer .general_info p.bold{
		font-weight: bold;
		font-size: 12px;
		line-height: 12px;
	}
	#footer .general_info p.normal{
		font-weight: normal;
		font-size: 11px;
		line-height: 11px;
		margin-top: -10px;
	}
	#footer .general_info ul li {
		display: block;
		height: 40px;
		float: left;
		text-align: right;
	}
	.adress {
		padding-left: 40px;
		width: 210px;
		background:url(/img/footer_info_search.png) no-repeat 0px 10px;
		height: 45px;
	}
	.phone {
		margin-left: 12px;
		padding-left: 40px;
		width: 185px;
		background:url(/img/footer_info_phone.png) no-repeat 0px 10px;
		height: 45px;
	}

/* Terms */

#terms {
	background: url("/img/mail_page.png") no-repeat top right;
	padding: 10px;
	width: 600px;
	overflow: hidden;
}

/* Newsletter */

#newsletter {
	background: url("/img/mail_page.png") no-repeat top right;
	padding: 10px;
	width: 530px;
	overflow: hidden;
}

	/* Newsletter Title */

	#newsletter .title-bar h2 {
		width: 530px;
	}

	/* Newsletter Form */

	.newsletter-form ul {
		border-top: 1px solid #eee;
		width: 530px;
	}

		.newsletter-form ul li {
			height: 42px;
			line-height: 42px;
			border-bottom: 1px solid #eee;
			padding: 10px;
			font-size: 14px;
			width: 510px;
			overflow: hidden;
		}

			.newsletter-form ul li.error { background-color: #ffb2b2; color: #ff0000; }
			.newsletter-form ul li.current { background-color: #feffe7; color: #000; }
			.newsletter-form ul li span { color: #ff0048; }

			.newsletter-form ul li label {
				width: 130px;
				float: left;
			}

			.newsletter-form ul li input {
				width: 340px;
				height: 18px;
				border: 0;
				background: url("/img/newsletter_input.png") no-repeat;
				padding: 0;
				font-size: 14px;
				font-weight: bold;
				padding: 12px 15px;
				color: #666;
				float: right;
			}

				.newsletter-form ul li.error input { color: #ff0000; }
				.newsletter-form ul li input:focus { background-position: 0 -42px; color: #000; }

	.newsletter-form .newsletter-buttons {
		height: 43px;
		overflow: hidden;
		line-height: 43px;
		margin: 20px 0;
		width: 530px;
	}

		.newsletter-form .newsletter-buttons a.terms {
			float: left;
			background: url("/img/icon_secure.gif") no-repeat 0 center;
			color: #666;
			font-weight: bold;
			padding: 0 0 0 18px;
		}

			.newsletter-form .newsletter-buttons a.terms:hover { text-decoration: underline; }

		.newsletter-form .newsletter-buttons a.finish {
			float: right;
			display: block;
			width: 250px;
			height: 43px;
			line-height: 43px;
			background: url("/img/newsletter_buttons.png") no-repeat 0 0;
			color: #fff;
			text-shadow: 0 1px 1px #000;
			font-weight: bold;
			font-size: 14px;
			padding: 0 0 0 20px;
		}

			.newsletter-form .newsletter-buttons a.finish:hover { text-shadow: 0 1px 1px #fff; background-position: 0 -50px; color: #001a42; }

		.newsletter-form .newsletter-buttons button.finish {
			float: right;
			display: block;
			width: 270px;
			height: 43px;
			line-height: 43px;
			background: url("/img/newsletter_buttons.png") no-repeat 0 0;
			color: #fff;
			text-shadow: 0 1px 1px #000;
			font-weight: bold;
			font-size: 14px;
			padding: 0 0 0 20px;
			margin: 0;
			border: 0;
			text-align: left;
			cursor: pointer;
		}

			.newsletter-form .newsletter-buttons button.finish:hover { text-shadow: 0 1px 1px #fff; background-position: 0 -50px; color: #001a42; }

	.newsletter-form .newsletter-checkbox {
		width: 530px;
	}

		.newsletter-form .newsletter-checkbox .checkbox-item { height: 16px; line-height: 16px; margin: 0 0 9px 0; }
		.newsletter-form .newsletter-checkbox input.radio { display: none; }
		.newsletter-form .newsletter-checkbox label.checkbox { padding: 0 0 0 25px; display: block; height: 16px; cursor: pointer; background: url("/img/checkbox_small.png") no-repeat 0 -25px; }
			.newsletter-form .newsletter-checkbox label.checkbox.checked { background-position: 0 0; }

			.newsletter-form .newsletter-checkbox label.checkbox a:hover { color: #ff0048; }


/* Terms */

#terms {
	padding: 10px;
}


/* Change Address */

#change-address {
	width: 720px;
	padding: 10px;
}


/* Find Us Map */

#find-us-map {
	width: 650px;
	padding: 10px;
	margin: 0 auto;
	background-color: #fff;
}

#find-us-map .map {
	width: 650px;
	height: 450px;
}


/* Share Links */

.share-links {
	height: 24px;
	margin: 15px 0;
}

.share-links .text,
.share-links .icon {
	float: left;
	margin: 0 8px 0 0;
	line-height: 24px;
}

.share-links .text {
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

.share-links .icon a {
	width: 24px;
	height: 24px;
	display: block;
	background: url("/img/icons_share.png") no-repeat;
	text-indent: -9999px;
}

.share-links .icon a.mail { background-position: 0 0; }
.share-links .icon a.facebook { background-position: -32px 0; }
.share-links .icon a.twitter { background-position: -64px 0; }

.share-links .icon a.mail:hover { background-position: 0 -30px; }
.share-links .icon a.facebook:hover { background-position: -32px -30px; }
.share-links .icon a.twitter:hover { background-position: -64px -30px; }


/* Newsletter Banner */

a.newsletter-banner {
	width: 395px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	background: url("/img/banner_newsletter.png") no-repeat;
}

a.newsletter-banner:hover {
	background-position: 0 -68px;
}


/* Book Images */

.book-carousel ul li a span.book img,
ul.book-list li a span.book img,
ul.book-view li a span.book img {
	width: 120px;
	height: 183px;
}


/* Highlight */

span.highlight { background-color: #ffff00; }


/* Map Box */

.map-box {
	width: 253px;
	border: 6px solid #0667a3;
	margin: 0 0 60px 0;
	float: right;
}

/* Vasakorpa */

#vasakorpa {
	float:left;
	width:247px;
	font-family:Tahoma, Geneva, sans-serif;
}
#vasakorpa h3 {
	background:url(/img/vasakorpa-naslov.gif) no-repeat;
	width:247px;
	height:31px;
	text-indent:-9999px;
	display:block;
	margin:0;
}
#vasakorpa > div {
	padding: 20px 0 0 0;
    width: 245px;
	float:left;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding: 20px 0 32px;
	position:relative;
}
#vasakorpa .komada {
	float:left;
	width:auto;
	height:27px;
	padding:0 0 0 15px;
	margin-bottom:15px;
}
#vasakorpa .komada p {
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin:0 8px 0 0;
	float:left;
	height:27px;
	line-height:27px;
}
#vasakorpa .komada a {
	background:url(/img/btn-dodaj-u-korpu.gif) no-repeat;
	width:98px;
	height:25px;
	text-indent:-9999px;
	display:block;
	float:left;

}
#vasakorpa .komada input {
	background:url(/img/komada-input.gif) no-repeat;
	width:33px;
	height:27px;
	border:none;
	line-height:27px;
	padding:0 5px;
	color:#ff336d;
	font-weight:bold;
	text-align:center;
	float:left;
	margin:0 15px 0 0;
	}
#vasakorpa .notif {
	background-color:#dcffc0;
	height:39px;
	width:245px;
	float:left;
}
#vasakorpa .notif p {
	color:#008803;
	text-shadow: -1px -1px 0px #fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:39px;
	margin:0;
}
#vasakorpa a.zavrsite {
	background:url(/img/btn-bg-zavrsite.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	width:151px;
	height:29px;
	position:absolute;
	bottom:-15px;
	left:46px;
}

#vasakorpa a.zavrsite:hover {
	background:url(/img/btn-bg-zavrsite.gif) no-repeat;
	background-position:bottom center;
}
/* Box 22 na frontu */

.box22wrap { width:892px;float:left; }
.box22 {width:220px;height:220px;float:left;margin-right:16px;}
.box22.last {margin-right:0;}

/* Box 22 na frontu kraj */

/* page footer for libris */
#footer-libris {
	width: 100%;
	height: 178px;
	margin: 0 0 15px 0;
	position: relative;
	/*background: url("/img/header.png") no-repeat left bottom;*/
	z-index: 30;
}
#footer-libris #user-control {
    position: absolute;
    top: 75px;
    right: 0;
    width: 275px;
    height: 29px;
    line-height: 29px;
    z-index: 10;
}

    #footer-libris #user-control a { text-indent: -9999px; display: block; outline: 0; }

#footer-libris #user-control .register {
        height:29px;
        width:150px;
            float:right;
}

    #footer-libris #user-control .register a { background: url("/img/postanite-clan.gif") no-repeat scroll right top transparent; }
            #footer-libris #user-control .register a:hover, #footer-libris #user-control .register a.current {background: url("/img/postanite-clan.gif") no-repeat scroll right -31px transparent;}

.basket-buttons-short {
    width: 100%;
}
