@charset "utf-8";
html, body, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
th, td, 
map, area, 
blockquote, img, a, span, p, 
form, input, select, textarea, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	outline-style: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: top center fixed no-repeat url(../gfx/bg.jpg) #ffffff;
}

a:link,
a:visited {
	color: #0d5c9f;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

div.clear {
	clear: both;
}

/**
 * Content styles
 */
p, blockquote, table, h1, h2, h3, h4, h5, h6, ul, ol {
	margin-bottom: 15px;
}

p.lead {
	font-size: 13px;
}

span.red { font-size: 20px; font-weight: bold; color: #d2232a; }
span.blue { font-size: 20px; font-weight: bold; color: #0d5c9f; }
/* lists */
ul li ul,
ul li ol,
ol li ol,
ol li ul {
	margin-bottom: auto;
}

/* tables */
table {
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	color: #0D5EA9;
}

h1 {
	font-size: 19px;
	font-weight: normal;
}

h2 {
	font-size: 17px;
	font-weight: normal;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}

h4 {
	font-size: 13px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

h6 {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

/* Forms */
table.form th,
table.form td {
	padding: 2px;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 3px 5px 3px;
	color: #333333;
}

#content input, #content textarea, #content select {
	border: 1px solid #999999;
}

input.radio, input.checkbox, #content input.radio, #content input.checkbox {
	border: none;
	border-width: 0px;
	padding: 0px;
}

input.text {
	width: 200px;
}

textarea {
	width: 300px;
	height: 150px;
}

input.submit,
#content input.submit {
	background-color: #ffffff;
	border: none;
	font-size: 14px;
	padding: 3px 10px 3px 10px;
	color: #967e57;
}

/**
 * Main components
 */
div.wrap { width: 972px; margin: 0 auto; }
#web { background-color: #e6dfd4; width: 884px; padding: 45px 45px 25px 25px; }

#header { padding: 0px 0px 15px 0px; }
#logo {}
#laste-raamatuklubi { margin-left: 210px; }

#footer { color: #0D5EA9; font-size: 17px; font-weight: bold; padding: 8px 0px 40px 0px; background: top right no-repeat url(../gfx/shadow-bottom.png); }
#footer a:link,
#footer a:visited { color: #0D5EA9; }

#wrap { background: top right repeat-y url(../gfx/shadow-right.png); }
#shadow-right { width: 18px; float: left; background-color: #0066CC; }

/**
 * Frontpage
 */
#pakkumine { width: 547px; float: left; display: inline; padding: 25px 0px 30px 0px; }
#pakkumine div.book { float: left; }
#pakkumine div.content { float: left; width: 240px; padding-left: 15px; font-size: 15px; }

#arvamused { width: 337px; float: left; display: inline; padding: 25px 0px 30px 0px; }
#arvamused div.content { background-color: #FFFFFF; padding: 15px; min-height: 50px; }
#arvamused div.bottom { background-color: #0d5c9f; color: #FFFFFF; font-weight: bold; font-size: 14px; letter-spacing: 2px; text-align: center; padding: 5px 0px 5px 0px; margin-top: 8px; }

#login { width: 314px; float: left; margin-right: 18px; display: inline; }
#login div.content { height: 170px; background-color: #0d5c9f; color: #FFFFFF; font-size: 14px; padding: 25px 15px 0px 15px; }
#login table { margin-top: 15px; margin-bottom: 10px; width: 100%; }
#login table td { padding: 4px 0px; }
#login table td.right { text-align: right; }
#login input.text { width: 173px; }

#login a.right:link,
#login a.right:visited { float: right; font-weight: bold; color: #967e57; }

#login a.left:link,
#login a.left:visited { float: left; font-weight: bold; color: #967e57; }


#liitumispakkumine { width: 305px; float: left; margin-right: 25px; display: inline; }
#login div.title,
#liitumispakkumine div.title { background: 0px 6px no-repeat url(../gfx/bullet.png); padding: 0px 0px 15px 25px; margin-left: 30px; color: #0d5c9f; font-size: 16px; font-weight: normal; }

#kontakt { width: 222px; float: left; display: inline; padding-top: 120px; font-size: 15px; color: #0d5c9f; }

/**
 * Content
 */
#menu { width: 225px; float: left; color: #0d5ea9; padding-top: 25px; }
#menu div.title { font-size: 17px; padding-bottom: 3px; }
#menu div.links { padding-bottom: 10px; }

#menu a:link,
#menu a:visited { font-size: 14px; color: #0d5ea9; display: block; padding: 2px 10px 1px 0px; }

#menu a.red:link,
#menu a.red:visited { color: #d9302a; }

#contentarea #content { width: 629px; background-color: #FFFFFF; float: left; margin-top: 40px; padding: 15px 15px 15px 15px; font-size: 14px; min-height: 540px; }
#content ul,
#content ol { margin-left: 20px; }

#contentarea.front #content { width: 303px; background-color: #FFFFFF; float: left; margin-top: 40px; padding: 10px; font-size: 14px; min-height: 540px; }
#contentarea.front #content ul { color: #265ca9; margin-left: 40px; }
#contentarea.front #content ul li { padding-bottom: 10px; }

#klubiraamat { width: 290px; padding-left: 20px; float: left; margin-top: 40px; }
#klubiraamat div.welcome { font-family: Georgia, "Times New Roman", Times, serif; color: #0d5c9f; line-height: 180%; }
#klubiraamat div.title { color: #d9302a; font-size: 15px; font-weight: bold; padding: 0px 0px 3px 0px; }
#klubiraamat div.booklinks { padding: 5px 0px 0px 0px; }

#klubiraamat a.left { float: left; }
#klubiraamat a.right { float: right; }

#klubiraamat div.info { color: #d5232a; font-size: 17px; padding: 20px 0px 0px 0px; }

/**
 * Book
 */
#content div.book {
	position:relative;
	width:550px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #D8D8D8;
}

#content .book div.dataholder {
	position:relative;
	width:340px;
	/*margin-left:50px;*/
	float:right;
}

#content .book div.dataholder span {
	display:block;
	width:340px;
}

#content .book div.dataholder span.author {
	font-size:13px;
}

#content .book div.dataholder span.book {
	font-size:16px;
	font-weight:bold;
}

#content .book div.dataholder span.description {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}

#content .book div.dataholder span.price {
	font-size:12px;
	margin-top:20px;
}

#content .book div.dataholder span.price b {
	font-size:13px;
}

#content .book div.dataholder span.submit {
	display:inline;
	position:relative;
	background-color:#0D5EA9;
	width:82px;
	overflow:hidden;
	font-size:9px;
	color:#FFFFFF;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:1px;
	top:-15px;
	float:right;
}

#content .book div.dataholder span.submit a {
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}

#content .book .image {
	display:block;
	left:30px;
	width: 200px;
	text-align: center;
	float:left;
}

/**
 * Shopping cart
 */
#shopping_cart {
	position:relative;
	width:206px;
	color: #FFFFFF;
	margin-top: 15px;
	background-color: #967e57;
}

#shopping_cart span.shopping_lead {
	display:block;
	padding:6px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

#shopping_cart span.item {
	display:block;
	padding:3px;
	padding-left:6px;
}

#shopping_cart span.total {
	display:block;
	padding:3px;
	padding-left:6px;
	border-top:1px solid #E6DFD4;
}

#shopping_cart span.buy {
	display:block;
	padding:7px;
	padding-left:6px;
}

#shopping_cart span.buy span.buy_btn {
	position:relative;
	left:93px;
	display:block;
	width:97px;
	overflow:hidden;
	background-color:#0D5EA9;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:3px;
}

#shopping_cart span.item span.remove {
	position:relative;
	display:block;
	float:right;
	width:49px;
	overflow:hidden;
	background-color:#94A5B0;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:3px;
	margin-right:5px;
}

#shopping_cart span.total b {
	position:relative;
	left:110px;
}

#shopping_cart span.item span.name {
	position:relative;
	display:block;
	float:left;
	width:145px;
}

#shopping_cart span.item span.price {
	position:relative;
	display:block;
	float:left;
	width:40px;
}

#shopping_cart span.item span.remove a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:9px;
}

#shopping_cart span.buy span.buy_btn a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:9px;
}

#shopping_cart span.item * {
	font-size:11px;
}