body {
    background: #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}
em {
	font-style: italic;
	color: #777;
}
blockquote {
	padding-left: 10px;
	border-left: 2px solid #efefef;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4 {
	line-height: 1.2;
	margin: 0 0 12px 0;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #efefef;
}
.page-content h1 {
	font-size: 22px;
}
.page-content h2 {
	font-size: 17px;
	line-height: 1;
	display: inline-block;
}
.page-content h2.bigger {
	font-size: 18px;
	font-weight: bold;
}
.page-content h3 {
	font-size: 15px;
}
.center {
	text-align: center;
}
.page-content a:hover {
	text-decoration: underline;
}
input[type=search], input[type=text] {
	border: 1px solid #dcdcdc;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
	padding: 6px;
	border-radius: 2px;
	outline: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input:active, input:focus, .one-fourth .search input.search-box:active, .one-fourth .search input.search-box:focus, .one-fourth .newsletter input.newsletter-input:focus, .one-fourth .newsletter input.newsletter-input:active {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input.bad, input.error {
	border: 1px solid #FFA3A3;
	background: #FFECEC;
}
.container {
    width: 940px;
    margin: 0 auto;
}
.box {
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    width: 940px;
    margin: 0 auto;
}
.ie7 .box, .ie8 .box {
	border: 1px solid #dcdcdc;
}
.one-fourth {
    width: 235px;
    float: left;
    text-align: center;
}
header .one-fourth {
    text-align: left;
	height: 60px;
	margin-right: 3px;
	background: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	border-radius: 2px;
}
header .one-fourth.first {
    width: 200px;
}
.ie7 header .one-fourth.first, .ie8 header .one-fourth.first {
	width: 198px;
	border: 1px solid #dcdcdc;
}
header .one-fourth.first img {
	max-width: 100%;
	max-height: 100%;
}
header .one-fourth.top-search-box {
	width: 441px;
}
.ie7 header .one-fourth.top-search-box, .ie8 header .one-fourth.top-search-box {
	width: 439px;
	border: 1px solid #dcdcdc;
}
header .one-fourth.uudiskiri {
	width: 202px;
}
.ie7 header .one-fourth.uudiskiri, .ie8 header .one-fourth.uudiskiri {
	width: 200px;
	border: 1px solid #dcdcdc;
}
header .one-fourth.shopping-cart {
    width: 88px;
	margin-right: 0;
}
.ie7 header .one-fourth.shopping-cart, .ie8 header .one-fourth.shopping-cart {
	width: 86px;
	border: 1px solid #dcdcdc;
}
header .one-fourth.shopping-cart:hover, header .one-fourth.first:hover {
	background: #fdfdfd;
	border-radius: 2px;
}
header .one-fourth.shopping-cart:focus, header .one-fourth.shopping-cart:active, header .one-fourth.first:focus, header .one-fourth.first:active {
	background: #f9f9f9;
	border-radius: 2px;
}
header .one-fourth .newsletter input.newsletter-input {
	width: 160px;
	padding: 9px;
}
header .one-fourth .newsletter input.submit {
	top: 8px;
	right: 1px;
}
header .one-fourth .newsletter input.submit:active {
	top: 9px;
}
header .one-fourth .newsletter {
	width: 172px;
}
.cart-container {
	text-align: center;
}
.newsletter-container {
	padding-left: 10px;
}
.one-fourth .newsletter {
    margin-top: 12px;
    position: relative;
    width: 212px;
}
.one-fourth .newsletter input.newsletter-input {
    border: 1px solid #dcdcdc;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
    padding: 5px 9px;
    border-radius: 2px;
    width: 200px;
    height: 16px;
}
.one-fourth .newsletter input.newsletter-input.error {
	border: 1px solid #FFA3A3;
}
.one-fourth .newsletter input.newsletter-input.success {
	border: 1px solid #55AA59;
	color: #55AA59;
	background: #CDF5CE;
}
.ie7 .one-fourth .newsletter input.newsletter-input {
	width: 192px;
}
.one-fourth .newsletter input.submit {
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: -3px;
    background: url(../images/icons/icon-register.png) no-repeat;
    border: 0;
	cursor: pointer;
}
.ie7 .one-fourth .newsletter input.submit {
	text-transform: capitalize;
	top: 5px;
	right: 5px;
}
.one-fourth .newsletter input.submit:hover {
	opacity: 0.7;
}
.one-fourth .newsletter input.submit:active {
	top: 5px;
}
.search {
    margin: 12px 0 0 10px;
    position: relative;
    width: 413px;
}
.one-fourth .search input.search-box {
    border: 1px solid #dcdcdc;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
    padding: 9px;
    border-radius: 2px;
    width: 400px;
    height: 16px;
	font-size: 12px;
}
input.search-button {
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 2px;
    background: url(../images/icons/icon-search.png) no-repeat;
    border: 0;
	cursor: pointer;
}
.ie7 input.search-button {
	text-transform: capitalize;
}
input.search-button:hover {
	opacity: 0.7;
}
input.search-button:active {
	top: 9px;
}
.one-fourth a.heading {
    font-size: 17px;
	font-family: arial;
	text-transform: uppercase;
}
.one-fourth a.heading span.logo-text {
	padding: 0 15px;
	display: block;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}
.one-fourth a.heading span {
	font-weight: normal;
}
.one-fourth a {
    font-size: 18px;
    color: #919191;
    display: block;
    line-height: 50px;
    font-weight: bold;
}
.one-fourth a:hover {
    color: #333;
}
/*** Headings ***/
h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
/*** Inputs ***/
::-webkit-input-placeholder {
    color: #333333;
}
:-moz-placeholder {
    color: #333333;
}
.styled-input input[type="text"] {
    background: none;
    border: none;
    font-size: 16px;
    width: 90%;
    vertical-align: bottom;
    height: 22px;
    padding: 4px 0;
    outline: none;
    color: #999;
}
.styled-input input[type="submit"] {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
    position: absolute;
    top: 9px;
    right: 8px;
    cursor: pointer;
}
.styled-input input.search-button {
    display: block;
    height: 22px;
    width: 22px;
    background: url(../images/icons/icon-search.png) no-repeat;
}
.styled-input input.add-button {
    display: block;
    height: 22px;
    width: 22px;
    background: url(../images/icons/icon-add.png) no-repeat;
}
.styled-input:hover {
    border: 1px solid #eee;
}
/*** Vali kategooria ***/
button.vali-sobiv-kategooria {
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d8d8d8), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: -moz-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: -o-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: linear-gradient(to top, #d8d8d8, #fff);
	/* IE */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	border-radius: 2px;
    display: block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 20px;
    position: relative;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
	width: 215px;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
}
.ie7 button.vali-sobiv-kategooria {
	line-height: 24px;
}
button.vali-sobiv-kategooria:hover {
	background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e2e2e2), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: -moz-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: -o-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: linear-gradient(to top, #e2e2e2, #fff);
	/* IE */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}
button.vali-sobiv-kategooria:active {
	background: #e5e5e5;
}
button.vali-sobiv-kategooria span {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    background: url(../images/icons/icon-dropdown.png) no-repeat;
    right: 14px;
    top: 4px;
}
.ie7 button.vali-sobiv-kategooria span {
	top: 3px;
}
ul.dropdown li a {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 18px;
	display: block;
	padding: 6px 15px;
}
ul.dropdown li a:hover {
	background: #f5f5f5;
	color: #919191;
}
div.suur-dropdown {
	display: none;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px, inset rgba(0,0,0,0.2) -1px 2px 2px;
	padding: 5px 0;
	border-radius: 0 0 2px 2px;
	z-index: 999;
	position: absolute;
	left: 0;
	top: 51px;
	width: 215px;
	height: 400px;
	overflow: auto;
}
/* IE specific */
.ie7 .one-fourth {
	z-index: 999;
}
.ie7 div.suur-dropdown, .ie8 div.suur-dropdown {
	width: 213px;
	height: 398px;
	border: 1px solid #dcdcdc;
	border-top: 0;
}
/*** Buttons ***/
a.button, input.button {
	color:#fff;
	background-color:#4D90fe;
	border:1px solid #3079ed;
	background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image:linear-gradient(top,#4d90fe,#4787ed);
	border-radius: 2px;
    font-weight: bold;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    display: block;
    min-width: 80px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    margin: 5px auto 0;
    text-align: center;
}
a.button:hover {
	background-color:#357aeb;
	border:1px solid #2F5bb7;
	background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image:linear-gradient(top,#4d90fe,#357ae8);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
a.button:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
a.sirvi {
	color: #fff;
	padding: 0;
	line-height: 1;
	height: auto;
	border-radius: 0;
	text-shadow: none;
	border: none;
	vertical-align: middle;
}
.product-shop a.sirvi {
	line-height: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	background: #efefef;
	border: 1px solid #e2e2e2;
	padding: 0 15px;
	border-radius: 3px;
	color: #545454;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.product-shop a.sirvi:hover {
	background: #e2e2e2;
	border-color: #d8d8d8;
}
.product-shop a.sirvi:active {
	background: #dcdcdc;
	border-color: #ccc;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);
}
input.button {
	margin: 0;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #009900;
	background-color: #53ac0a;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#00cc00));
	background-image: -webkit-linear-gradient(bottom, #009900, #00cc00);
	background-image: -moz-linear-gradient(bottom, #009900, #00cc00);
	background-image: -o-linear-gradient(bottom, #009900, #00cc00);
	background-image: linear-gradient(to top, #009900, #00cc00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc00', endColorstr='#009900');
}
input.button:hover {
	background-color: #009900;
	border: 1px solid #00A300;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#66E066));
	background-image: -webkit-linear-gradient(bottom, #009900, #66E066);
	background-image: -moz-linear-gradient(bottom, #009900, #66E066);
	background-image: -o-linear-gradient(bottom, #009900, #66E066);
	background-image: linear-gradient(to top, #009900, #66E066);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66E066', endColorstr='#009900');
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
input.button:active {
	-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.35);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.35);
	box-shadow:inset 0 1px 8px rgba(0,0,0,0.35);
}
a.button.buy {
    padding: 0;
    width: auto;
    text-align: center;
    /*margin-left: 25px;*/
}
a.button.buy .price s {
	text-decoration: line-through;
	font-size: 11px;
}
a.button.buy span.text {
    display: none;
}
a.button.buy span.icon {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    background: url(../images/icons/icon-check.png) no-repeat center center;
    border-left: 1px solid #4B80F1;
}
a.button.back {
    width: 80px;
    padding: 0;
    color: #fff;
	text-transform: uppercase;
	font-size: 11px;
}
a.button.back span {
    background: url(../images/icons/icon-back-small.png) no-repeat left center;
    padding-left: 16px;
}
a.browse {
    font-weight: bold;
    color: #000;
    background: url(../images/icons/icon-browse.png) no-repeat left center;
    padding-left: 15px;
}
a.browse span {
	color: #0088cc;
}
a.browse span:hover {
	text-decoration: underline;
}
/* Click function on button */
a.buy.buy-book, a.primary {
    background-color: #53ac0a;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#00cc00));
    background-image: -webkit-linear-gradient(bottom, #009900, #00cc00);
    background-image: -moz-linear-gradient(bottom, #009900, #00cc00);
    background-image: -o-linear-gradient(bottom, #009900, #00cc00);
    background-image: linear-gradient(to top, #009900, #00cc00);
    border: 1px solid #009900;
    color: #fff;
    padding: 0;
}
a.buy.buy-book span.icon, a.primary span.icon, a.buy.buy-book span.price, a.primary span.price {
    display: none;
}
a.buy.buy-book span.text, a.primary span.text {
    display: block;
    text-align: center;
}
a.primary:hover {
    background-color: #00cc00;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#08be08));
    background-image: -webkit-linear-gradient(bottom, #009900, #08be08);
    background-image: -moz-linear-gradient(bottom, #009900, #08be08);
    background-image: -o-linear-gradient(bottom, #009900, #08be08);
    background-image: linear-gradient(to top, #009900, #08be08);
}
a.delete {
    color: transparent;
    text-shadow: none;
    display: block;
    color: #e0e0e0;
    font-weight: bold;
    font-size: 26px;
}
a.delete:hover {
    color: #cecece;
}
/*** Main styles ***/
header .container {
	width: 940px;
	margin: 20px auto;
}
header .box {
	margin: 20px 0;
}
header .container a.cart {
    display: block;
	width: 100%;
    height: 60px;
	position: relative;
}
header .container a.cart span.cart-icon {
    background: url(../images/icons/icon-cart.png) no-repeat;
    display: block;
	width: 25px;
    height: 23px;
	position: relative;
	margin: 19px 29px;
}
header .container a.cart span.count {
    font-weight: normal;
    color: #fff;
	position: absolute;
	left: 16px;
	top: -5px;
	display: block;
	padding: 1px 4px;
	font-size: 9px;
	line-height: 14px;
	text-align: center;
	background: #b75c5c;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	font-weight: bold;
	border-radius: 2px;
}
.main {
    clear: both;
    position: relative;
}
li.sub {
	margin-left: 8px;
}
.page-title {
    margin-bottom: 20px;
}
.page-title h1 {
    float: left;
	margin: 0;
	padding: 0 0 0 20px;
	border: 0;
}
.cart .page-title h1 {
	padding-left: 0;
}
.page-title.taname h1  {
	color: #53AC0A;
}
.page-title h1 small {
	color: #999;
	font-size: 17px;
	font-weight: normal;
}
.page-title ul.sort {
    float: right;
}
.page-title ul.sort li {
    float: left;
    height: 27px;
}
.page-title ul.sort li.sorteeri {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 5px;
	line-height: 43px;
	color: #999;
}
/*** Filtreerimine ***/
.sort-price, .sort-name, .sort-time, .sort-pop, button.keele-drop {
	background: url(../images/icons/filter-buttons.png) no-repeat;
	width: 27px;
	height: 27px;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 2px;
}
.ie7 .sort-price, .ie7 .sort-name, .ie7 .sort-time, button.keele-drop {
	background: transparent url(../images/icons/filter-buttons.png) no-repeat;
	display: block;
	float: left;
}
.sort-price:hover {
	background-position: 0 -108px;
}
.sort-price:active {
	background-position: 0 -216px;
}
.sort-name, .ie7 .sort-name {
	background-position: 0 -27px;
}
.sort-name:hover {
	background-position: 0 -135px;
}
.sort-name:active {
	background-position: 0 -243px;
}
.sort-time, .ie7 .sort-time {
	background-position: 0 -54px;
	margin-right: 0;
}
.sort-time:hover {
	background-position: 0 -162px;
}
.sort-time:active {
	background-position: 0 -270px;
}
.sort-pop {
	background-position: 0 -324px;
}
.sort-pop:hover {
	background-position: 0 -351px;
}
.sort-pop:active {
	background-position: 0 -378px;
}
.product-container {
	margin-bottom: 10px;
	overflow: hidden;
}
/* Filtreerimine end */
li.lang {
	margin-left: 2px;
	position: relative;
}
li.lang select {
    padding: 3px 10px;
	border: 1px solid #DDD;
	border-radius: 15px;
	height: 27px;
	background: #fcfcfc;
}
li.lang button.keele-drop {
	background-position: 0 -81px;
	width: 90px;
	height: 27px;
	border: 0;
	text-indent: 0;
	text-align: left;
	padding-left: 9px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}
li.lang button.keele-drop:hover {
	background-position: 0 -189px;
}
li.lang button.keele-drop:active {
	background-position: 0 -297px;
}
ul.keelevalik {
	display: none;
	width: 88px;
	height: 81px;
	background: #fff;
	margin-left: 3px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 999;
}
.ie7 ul.keelevalik, .ie8 ul.keelevalik {
	border: 1px solid #dcdcdc;
	width: 88px;
}
ul.sort ul.keelevalik li a {
	display: block;
	padding: 8px;
	cursor: pointer;
	width: 74px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	height: auto;
	color: #919191;
}
ul.keelevalik li:hover {
	background: #f5f5f5;
}
/*** Tabbed nav ***/
.tabbed-nav {
    margin-bottom: 20px;
}
.home .tabbed-nav {
	position: relative;
}
ul.nav-tabs li {
    float: left;
}
ul.nav-tabs li#search {
	position: relative;
}
ul.nav-tabs li#search a {
	padding-right: 20px;
}
ul.nav-tabs li#search a.search-close {
	position: absolute;
	top: -3px;
	right: 3px;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
	border: 0;
	line-height: 1;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}
ul.nav-tabs li#search a.search-close:hover {
	color: #333;
}
ul.nav-tabs li a {
    background-color: #e5e5e5;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
	text-transform: uppercase;
    font-weight: bold;
    color: #999;
    border: 1px solid #d5d5d5;
    border-right: none;
    padding: 0 10px;
	box-shadow: inset 3px 0px 5px rgba(0, 0, 0, 0.05);
}
ul.nav-tabs li.first a {
	box-shadow: none;
	border-radius: 2px 0 0 0;
}
ul.nav-tabs li.first.active a {
	border-left: 1px solid #D0D0DA;
	margin-left: -1px;
}
ul.nav-tabs li a:hover {
	background: #ebebeb;
}
ul.nav-tabs li.first a {
    border-radius: 2px 0 0 0;
}
ul.nav-tabs li.last a {
    border-radius: 0 2px 0 0;
	border-right: 1px solid #d5d5d5;
}
ul.nav-tabs li.active.last a {
	border-right: 0;
}
ul.nav-tabs li.active a {
    background-color: #fff;
    /*background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: -moz-linear-gradient(bottom, #fff, #fff);
    background-image: -o-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);*/
    border-bottom: 1px solid #fff;
	color: #000;
	box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.05);
	border-radius: 2px 2px 0 0;
	height: 45px;
	margin-top: -5px;
	font-size: 12px;
	border-top: 1px solid white;
	border-left: 1px solid white;
}
.tabbed-nav .tab-content .tab-pane {
    background-color: #fff;
	border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    display: none;
    padding: 20px;
}
.ie7 .tabbed-nav .tab-content .tab-pane, .ie8 .tabbed-nav .tab-content .tab-pane {
	border: 1px solid #dcdcdc;
}
.tabbed-nav .tab-content .tab-pane.active {
    display: block;
}
.tabbed-nav .tab-content .tab-pane .sidebar {
    float: left;
    width: 190px;
    margin-right: 10px;
    display: block;
}
.tabbed-nav .tab-content .tab-pane .sidebar ul li a {
    font-size: 13px;
    color: #666;
    display: block;
    padding: 5px 0;
}
.tabbed-nav .tab-content .tab-pane .sidebar ul li a:hover {
    text-decoration: underline;
}
.tabbed-nav .tab-content .tab-pane .sidebar ul li a.active {
    color: #333;
    font-weight: bold;
}
.tabbed-nav .tab-content .tab-pane .content {
    float: right;
    width: 697px;
	border-left: 1px solid #efefef;
}
.home .tabbed-nav .tab-content .tab-pane .content {
	border-left: 0;
}
ul.product-grid {
    display: block;
    padding-bottom: 20px;
    overflow: hidden;
}
ul.product-grid li {
	float: left;
	display: block;
	width: 125px;
	text-align: center;
	margin: 0 24px 44px 24px;
	position: relative;
}
/*ul.product-grid li {
	float: left;
	display: block;
	width: 141px;
	text-align: center;
	margin: 0 16px 16px 16px;
	position: relative;
} 1.33 ratio jama */
a.product-image {
    display: block;
    overflow: hidden;
	position: relative;
	height: 188px;	
}
div.sirvi-raamatut {
	height: 188px;
	position: relative;
}
a.product-image img {
    float: left;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);	
}
span.sirvi-raamatut {
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    display: none;
    height: 22px;
    width: 100px;
    line-height: 22px;
    background: #333;
    background: rgba(0,0,0,0.5);
    font-size: 10px;
    font-weight: bold;
	border-radius: 15px 0 0 0;
}
span.sirvi-raamatut a {
	color: #fff;
}
span.sirvi-raamatut a:hover {
	text-decoration: underline;
}
div.sirvi-raamatut:hover span.sirvi-raamatut {
    display: block;
}
.product-grid a.product-name {
	color: #666;
	font-size: 12px;
	line-height: 1;
}
.product-grid a.product-name:hover {
	color: #000;
}
.home .tabbed-nav .tab-content .tab-pane .content ul li.mine-kataloogi {
	margin-top: 125px;
	width: auto;
}
a.mine-kataloogi {
	width: 0;
	height: 0;
	font-size: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #dcdcdc;
}
a.mine-kataloogi:hover {
	width: 0;
	height: 0;
	font-size: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #0088cc;
}
.catalog-loader {
	background: #fafafa;
	border: 1px solid #e0e0e0;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}
.catalog-loader a.load-more {
	margin-top: 0;
	margin-right: 15px;
	border: 0;
	box-shadow: none;
	font-size: 12px;
	text-transform: uppercase;
}
.product-list a.product-name {
	color: #666;
	font-size: 22px;
	font-weight: normal;
}
.product-list a.product-name:hover {
	color: #333;
}
.tabbed-nav .tab-content .tab-pane .content ul.product-grid li h2 {
    white-space: normal;
    font-weight: bold;
    font-size: 13px;
    width: 130px;
    height: 30px;
    padding: 10px 0px;
    overflow: hidden;
}
.tabbed-nav .tab-content .tab-pane .content ul.product-grid.load-more li {
    display: block;
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
    background-image: -moz-linear-gradient(bottom, #ccc, #fff);
    background-image: -o-linear-gradient(bottom, #ccc, #fff);
    background-image: linear-gradient(to top, #ccc, #fff);
    border-radius: 2px;
    text-align: left;
    height: 267px;
    width: 198px;
    border: 1px solid #ccc;
}
.tabbed-nav .tab-content .tab-pane .content ul.product-grid.load-more li a {
    display: block;
    text-align: center;
    line-height: 267px;
}
a.nutiraamat {
	color: #fff;
	line-height: 1;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 15px 7px 15px;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #009900;
	background-color: #53ac0a;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#00cc00));
	background-image: -webkit-linear-gradient(bottom, #009900, #00cc00);
	background-image: -moz-linear-gradient(bottom, #009900, #00cc00);
	background-image: -o-linear-gradient(bottom, #009900, #00cc00);
	background-image: linear-gradient(to top, #009900, #00cc00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc00', endColorstr='#009900');
	border-radius: 2px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
a.nutiraamat:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
a.nutiraamat:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
}
/*** Pagination **/
.pagination {
	overflow: hidden;
	padding: 20px 20px 10px 0;
	text-align: right;
}
.pagination a {
	padding: 4px 8px;
	background: #efefef;
	margin-right: 3px;
	color: #999;
	font-weight: bold;
	border-radius: 2px;
}
.pagination a:hover {
	background: #03A3F3;
	color: #fff;
}
.pagination a.active {
	background: #03A3F3;
	color: #fff;
}
/*** Footer ***/
footer {
    padding: 0 0 20px 0;
}
footer .container {
    position: relative;
    padding-bottom: 20px;
}
footer .container .box {
    overflow: hidden;
}
footer a#dreamcom-logo {
    position: absolute;
    right: 10px;
    bottom: 0;
    display: block;
    height: 8px;
    width: 105px;
    background: url(http://www.dreamcom.ee/images/dreamcom_footer.png) no-repeat;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
}
/*** Home page ***/
.home .sidebar {
    height: 300px;
    overflow-y: scroll;
}
.home .content .jspVerticalBar {
	display: none;
}
.home .tabbed-nav .tab-content .tab-pane .content {
    height: 300px;
	width: 698px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.home .tabbed-nav .tab-content .tab-pane .content ul {
	width: 2115px;
	display: inline-block;
	overflow: visible;
	border: none;
	outline: none;
}
.home .tabbed-nav .tab-content .tab-pane .content ul li {
    margin: 0 22px;
}
/*** Product related views (Category + Product) ***/
.product-page .main .container {
    position: relative;
}
.product-page .main .container a.button.back {
    position: absolute;
    top: 0px;
    right: 0px;
}
div.back-btn {
	overflow: hidden;
	height: 58px;
	text-align: right;
}
/*** Product view ***/
.product-view .product-shop {
    width: 700px;
    padding-left: 17px;
    overflow: hidden;
}
.product-view .product-shop .info {
    float: left;
    width: 480px;
}
.product-view .product-shop .info ul.meta {
    overflow: hidden;
    margin-bottom: 10px;
}
.product-view .product-shop .info ul.meta li {
    float: left;
    color: #666;
    font-size: 12px;
    padding: 0 5px 5px 0;
}
.product-view .product-shop .info ul.meta li a {
    color: #0088cc;
}
.product-view .product-shop .info ul.meta li a:hover {
	text-decoration: underline;
}
.product-view .product-shop .info .actions {
    margin-bottom: 10px;
}
.product-view .product-shop .info .actions a.browse {
    margin-left: 5px;
}
.product-view .product-shop .info .description p, .product-view .product-shop .info .description {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    line-height: 21px;
}
.product-view .product-shop .images {
    float: right;
    width: 200px;
    margin-left: 20px;
}
.product-view .product-shop .images a.product-image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    height: 288px;
    max-height: 288px;
}
.product-view .product-shop .images a.product-image img {
    float: left;
    width: 198px;
}
.product-view .product-shop .images a.product-image span {
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: 0;
    right: 2px;
    color: #fff;
    display: none;
    height: 29px;
    width: 131px;
    line-height: 29px;
    background: #333;
    background: rgba(0,0,0,0.5);
    font-size: 13px;
    font-weight: bold;
}
.product-view .product-shop .images a.product-image span:before {
    content: url(../images/icons/icon-browse-white.png);
    display: block;
    float: left;
    margin: 3px 4px 0 18px;
}
.product-view .product-shop .images a.product-image:hover span {
    display: block;
}
.product-view .product-shop .images ul.side-meta li {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #e6e6e6;
}
/*** Full width page ***/
.page-content {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.page-content p {
	font-size: 15px;
    color: #777;
    margin-bottom: 15px;
    line-height: 1.5;
}
.ie7 .page-content, .ie8 .page-content {
	border: 1px solid #dcdcdc;
}
.page-content .page-title {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}
.page-content.wait .page-title {
	border: 0;
	padding-bottom: 0;
}
.page-content .page-title span {
    font-weight: normal;
}
.page-content .page-title span a {
    font-weight: bold;
}
.page-content ul.product-list li {
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.page-content ul.product-list li img {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    width: 75px;
    height: 100px;
    float: left;
    margin-right: 20px;
}
.cart .page-content ul.product-list li img {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.page-content ul.product-list li .info {
    float: left;
    width: 415px;
}
.page-content ul.product-list li .info h2 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
	padding: 0 10px 0 0;
	border: 0;
}
.page-content ul.product-list li .info ul.meta {
    overflow: hidden;
    margin-bottom: 10px;
}
.page-content ul.product-list li .info ul.meta li {
    color: #666;
    font-size: 12px;
    padding: 2px 0;
    margin: 0;
	border: none;
}
.page-content ul.product-list li .info ul.meta li:first-child {
    padding: 2px 5px 2px 0;
    border: none;
}
.page-content ul.product-list li .info ul.meta li.last {
    display: block;
    float: none;
    clear: both;
    border: none;
    padding: 10px 0 0 0;
}
.page-content ul.product-list li .info ul.meta li a {
    color: #999;
}
.page-content ul.product-list li .actions {
    text-align: right;
    float: right;
    width: 140px;
}
.page-content ul.product-list li .actions a.button {
    margin-bottom: 10px;
}
.page-content ul.product-list li .actions span.price {
    font-size: 25px;
    font-weight: normal;
    float: right;
    line-height: 24px;
    margin-right: 24px;
    color: #0088cc;
}
.page-content ul.product-list li .actions a.delete {
    float: right;
}
.page-content ul.product-list li .actions p {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.page-content ul.product-list li .actions p span {
    color: #000;
}
/*** Cart ***/
.cart .page-content {
    float: left;
	width: 650px;
}
.cart .page-content p {
	margin-bottom: 5px;
}
.cart .page-content a:hover {
	text-decoration: underline;
}
.ie7 .hakka-maksma-container {
	margin-bottom: 20px;
	overflow: hidden;
}
.hakka-maksma-title {
	background-color: #0088cc;
	background-image:-webkit-linear-gradient(top,#1da4e7,#0088cc);
	background-image:-moz-linear-gradient(top,#1da4e7,#0088cc);
	background-image:linear-gradient(top,#1da4e7,#0088cc);
	/* IE */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1da4e7', endColorstr='#0088cc');
	width: 180px;
	padding: 10px 20px;
	border-radius: 2px 2px 0 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
.hakka-maksma-title h1 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
button.buy-btn {
	border: 0;
	color: #fff;
	border: 1px solid #009900;
	background-color: #53ac0a;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#00cc00));
	background-image: -webkit-linear-gradient(bottom, #009900, #00cc00);
	background-image: -moz-linear-gradient(bottom, #009900, #00cc00);
	background-image: -o-linear-gradient(bottom, #009900, #00cc00);
	background-image: linear-gradient(to top, #009900, #00cc00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc00', endColorstr='#009900');
	border-radius: 2px;
    font-weight: bold;
    line-height: 24px;
    display: block;
    width: 100%;
    padding: 5px 20px;
    margin: 5px auto 0;
    text-align: center;
	cursor: pointer;
	text-align: center;
	display: block;
	outline: 0;
}
button.buy-btn:hover {
	background-color: #009900;
	border: 1px solid #00A300;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#66E066));
	background-image: -webkit-linear-gradient(bottom, #009900, #66E066);
	background-image: -moz-linear-gradient(bottom, #009900, #66E066);
	background-image: -o-linear-gradient(bottom, #009900, #66E066);
	background-image: linear-gradient(to top, #009900, #66E066);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66E066', endColorstr='#009900');
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
button.buy-btn:active {
	-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.35);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.35);
	box-shadow:inset 0 1px 8px rgba(0,0,0,0.35);
}
p.summa-kokku {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
#hakka-maksma h3 {
	font-size: 14px;
	margin-bottom: 8px;
	color: #666;
}
#hakka-maksma h3.sisesta-email {
	margin-bottom: 4px;
}
p.subheading {
	color: #999;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 18px;
}
p.confirmation {
	margin: 9px 0 15px 0;
	color: #999;
}
p.confirmation a {
	font-size: 12px;
	line-height: 14px;
	margin-right: 5px;
}
p.confirmation a:hover {
	text-decoration: underline;
}
input.emaili-kast {
	border: 1px solid #dcdcdc;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.125);
    padding: 5px 9px;
    border-radius: 2px;
    width: 160px;
    height: 16px;
	margin-bottom: 18px;
}
#hakka-maksma.fixed {
	position: fixed;
	top: 0;
	margin-left: 720px;
}
#hakka-maksma {
	float: right;
	width: 220px;
	background-color: #fff;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    overflow: hidden;
	margin-bottom: 20px;
}
.ie7 #hakka-maksma, .ie8 #hakka-maksma {
	border: 1px solid #dcdcdc;
	width: 218px;
}
.text-padding {
	padding: 15px 20px 20px 20px;
}
.payment-info {
	margin-top: 10px;
}
.payment-info p {
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
	line-height: 1.2;
}
/* Vali maksevahend */
div.border {
	float: left;
	text-align: center;
	margin: 0 10px 10px 0;
	background: #e0e0e0;
    background-image:-webkit-linear-gradient(top,#f0f0f0,#e0e0e0);
	background-image:-moz-linear-gradient(top,#f0f0f0,#e0e0e0);
	background-image:linear-gradient(top,#f0f0f0,#e0e0e0);
	/* IE */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0');
	border-radius: 5px;
	cursor: pointer;
}
div.border.last {
	margin: 0 0 10px 0;
}
div.border:hover {
	background: #afdcee;
	background-image:-webkit-linear-gradient(top,#afdcee,#46a4ca);
	background-image:-moz-linear-gradient(top,#afdcee,#46a4ca);
	background-image:linear-gradient(top,#afdcee,#46a4ca);
	/* IE */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afdcee', endColorstr='#46a4ca');
}
div.border.selected {
	background: #5ac2f5;
}
div.vali-pank {
	border-radius: 5px;
	height: 40px;
	width: 85px;
}
.ie7 div.vali-pank, .ie8 div.vali-pank {
	width: 84px;
}
div.vali-pank img {
	margin-top: 7px;
	cursor: pointer;
}
/* Vali maksevahend end */
.cart .checkout label {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.cart .checkout p {
    font-size: 12px;
    color: #666;
}
.cart .checkout ul {
    overflow: hidden;
}
.cart .checkout ul li {
    width: 115px;
    text-align: center;
}
.cart .summary {
    overflow: hidden;
}
.cart .summary label {
    width: 300px;
    float: left;
}
.cart .summary label a {
    font-size: 12px;
    font-weight: bold;
    color: #999;
}
.cart .summary p {
    width: 300px;
    float: right;
    color: #666;
    text-align: right;
}
.cart .summary p span {
    font-size: 25px;
    font-weight: bold;
    color: #000;
}
/*** Confirmation box (ost) ***/
#ost {
    min-height: 190px;
    width: 530px;
}
#ost .heading {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
}
#ost .heading.success h2, #ost .heading.error h2 {
    background: url(../images/icons/lisamine-buttons.png) no-repeat left top;
    font-size: 20px;
    color: #31b01d;
    font-weight: bold;
    display: block;
    padding: 5px 0 3px 30px;
	text-transform: uppercase;
}
#ost .heading.error h2 {
	color: #f33;
	background-position: 0 -75px;
}
#ost .content {
    padding: 15px 20px;
    overflow: hidden;
}
#ost .content h3 {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
}
#ost .content ul.meta {
    overflow: hidden;
    margin-bottom: 15px;
}
#ost .content ul.meta li {
    float: left;
    margin: 0 5px 5px 0;
    font-size: 11px;
}
#ost .content a.button {
    display: inline-block;
}
#ost .content a.button.back {
    width: auto;
    padding: 0 15px 0 5px;
    margin-right: 10px;
}
#ost .content a.button.confirm {
    background-color: #53ac0a;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#009900), to(#00cc00));
    background-image: -webkit-linear-gradient(bottom, #009900, #00cc00);
    background-image: -moz-linear-gradient(bottom, #009900, #00cc00);
    background-image: -o-linear-gradient(bottom, #009900, #00cc00);
    background-image: linear-gradient(to top, #009900, #00cc00);
    border: 1px solid #009900;
    color: #fff;
}
.toodete-kast {
	padding: 10px 20px;
	background: #fafafa;
	border: 3px dashed #dcdcdc;
	margin-bottom: 20px;
}
#product-list {
	list-style: decimal;
	margin: 0 0 0 20px;
	font-weight: bold;
}
#product-list li {
	color: #999;
}
#product-list li a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	display: block;
	margin: 10px 0;
	padding: 12px;
	background: #f0f0f0 url(../images/icons/download-icon.png) right 8px no-repeat;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#product-list li a:hover {
	background-color: #0088cc;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0071a9;
}
.wait a:hover {
	color: #0088cc;
	text-decoration: underline;
}
/*** Scroll - jScrollPane ***/
.jspContainer {
    overflow: hidden;
    position: relative;
    outline: 0;
}
.jspContainer:focus, .jspContainer:active {
    outline: 0;
}
.jspPane {
    position: absolute;
    outline: 0;
}
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    background: transparent;
}
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: transparent;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background: #f6f6f6;
    position: relative;
    border-radius: 10px;
}
.jspDrag {
    background: #e7e7e7;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 10px;
}
.suur-dropdown .jspTrack, .suur-dropdown .jspDrag {
	border-radius: 0;
}
.jspDrag:hover, .jspDrag:active {
	background: #dfdfdf;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow {
    height: 12px;
}
.jspHorizontalBar .jspArrow {
    width: 12px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus {
    outline: 0;
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}
/*** Error & Success messages ***/
#error-success-message {
	width: 940px;
	margin: 20px auto;
}
.error-message, .success-message {
	background: #f33;
	padding: 8px 12px;
	border: 1px solid #b20000;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	width: 650px;
	margin: 0 auto 15px auto;
	position: relative;
}
.success-message {
	background: #53AC0A;
	border: 1px solid #090;
}
a.close {
	position: absolute;
	top: 5px;
	right: 7px;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 25px;
	line-height: 1;
	color: #e6e6e6;
	color: rgba(0,0,0,0.3);
	font-weight: bold;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#hide-slider a.close {
	font-size: 20px;
	color: rgba(0,0,0,0.15);
	right: 8px;
}
.ie7 a.close {
	color: #e6e6e6;
	display: block;
	width: 12px;
	height: 15px;
}
a.close:hover {
	opacity: 0.5;
}
.ie7 a.close:hover, .ie8 a.close {
	color: #c6c6c6;
}
.error-message h3, .error-message span, .success-message h3, .success-message span {
	color: #fff;
	display: inline-block;
	font-size: 22px;
	margin-right: 10px;
	font-weight: bold;
}
.error-message span, .success-message span {
	font-size: 16px;
	font-weight: normal;
}
input.emaili-kast.bad {
	border: 1px solid #FFA3A3;
}
p.confirmation.bad {
	background: #FFECEC;
	padding: 5px;
	border: 1px solid #FFA3A3;
}
div.maksevahendid.bad {
	background: #FFECEC;
}
.searchCount span {
	color: #0088cc;
	font-weight: normal;
}
/*** Kuidas liituda ***/
.liitu-vorm {
	width: 700px;
	margin: 50px auto;
	border: 1px solid #ace;
	padding: 20px 30px;
	box-shadow: inset 0 0 8px rgba(82, 168, 236, 0.35);
	border-radius: 2px;
	overflow: hidden;
}
.row {
	padding: 10px 0;
}
.row h2 {
	font-size: 28px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid #C3DDF7;
	color: #777;
	display: block;
}
.row label {
	float: left;
	width: auto;
	margin-right: 10px;
	display: block;
	color: #777;
}
.row input, .row .nime-kast {
	width: 300px;
	float: right;
}
.row .nime-kast {
	margin: 0;
	padding: 0 12px;
}
.reset-btn, .submit-btn {
	background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d8d8d8), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: -moz-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: -o-linear-gradient(bottom, #d8d8d8, #fff);
    background-image: linear-gradient(to top, #d8d8d8, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	border: 0;
	padding: 6px 8px;
	border-radius: 2px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #777;
	border: 1px solid #dbdbdb;
}
.submit-btn {
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#4787ed), to(#4d90fe));
	background-image: -webkit-linear-gradient(bottom, #4787ed, #4d90fe);
	background-image: -moz-linear-gradient(bottom, #4787ed, #4d90fe);
	background-image: -o-linear-gradient(bottom, #4787ed, #4d90fe);
	background-image: linear-gradient(to top, #4787ed, #4d90fe);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4787ed', endColorstr='#4d90fe');
	border: 1px solid #3079ED;
	color: #fff;
	font-size: 13px;
	padding: 8px 14px;
	float: right;
}
.submit-btn:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.reset-btn:hover {
	background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e2e2e2), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: -moz-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: -o-linear-gradient(bottom, #e2e2e2, #fff);
    background-image: linear-gradient(to top, #e2e2e2, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}
.submit-btn:active {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.reset-btn:active {
	background: #e5e5e5;
	box-shadow: none;
}
/*** Error 404 leht ***/
.error-img {
	text-align: center;
	padding: 40px 0;
}
.error-box {
	width: 400px;
	margin: 0 auto;
}
.error-box h1 {
	font-size: 22px;
	margin: 0 0 12px 0;
	padding: 0 0 8px 0;
}
.error-box p {
	font-size: 17px;
    color: #777;
    margin-bottom: 15px;
    line-height: 1.5;
}
.error-box a:hover {
	text-decoration: underline;
}
/* Nutiraamat */
.row p, .row ul li {
	font-size: 15px;
	color: #777;
	margin-bottom: 15px;
	line-height: 1.5;
}
.row ul {
	list-style: disc;
	margin: 0 auto 15px auto;
	width: 490px;
}
.row ul li {
	margin-bottom: 0;
}
input.kood {
	padding: 10px;
	font-size: 22px;
	width: 300px;
	height: 25px;
	float: left;
}
input.voucheri-email {
	width: 175px;
}
input.button.kood-btn {
	padding: 0 15px;
	line-height: 1;
	height: 47px;
	float: left;
	margin: 0 0 0 5px;
}
.voucher {
	float: left;
	width: 202px;
}
.voucher input.button.kood-btn {
	margin: 10px 0;
	padding: 10px 15px;
	height: auto;
	float: none;
}
.voucher h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #55aa59;
	text-transform: uppercase;
}
.voucher p {
	font-size: 13px;
	color: #777;
	margin-bottom: 15px;
	line-height: 1.5;
	padding-right: 10px;
}
.voucher p.voucheri-tingimused {
	font-size: 11px;
	color: #999;
}
.tingimused {
	width: 420px;
	margin: 0 auto;
}
.tingimused p  {
	margin-bottom: 12px;
	font-size: 11px;
	color: #c6c6c6;
	line-height: 1.2;
}
.locked-cart {
  /*
    something to show its locked?
  */
}
/* CSS 4.02.13 Audio ikoon */
.music_icon {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 29px;
	height: 31px;
	display: block;
	background: url(../images/icons/audio-icon.png) no-repeat;
	z-index: 1;
}
/* CSS 5.02.13 Uus fancybox sirvi raamatu jaoks. */
body > .contentFrame{
	margin:0 !important;
}
.contentframe {
	border:0 !important;
}
/* 20.02.13 Sale btn */
.onsale {
	position: absolute;
	right: 3px;
	padding: 5px;
	top: 3px;
	font-size: 11px;
	background: #FBA464;
	color: #FFF;
	border-radius: 3px;
	font-weight: bold;
	z-index: 999;
}
/* Kui on .onsale span tootel, siis stiilime osta nupu laiemaks */
.onsale + .sirvi-raamatut + h2 + .button {
	width: 120px;
}
.product-view .button.buy {
	width: auto;
}
.product-view .button.buy .price {
	float: left;
	margin: 0 10px;
}
/* 21.02.13 */
.product-view .page-title h1 small {
	position: static;
	background: transparent;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	padding: 0;
	border-radius: 0;
	color: #FBA464;
}
.cart .info h2 small {
	color: #FBA464;
	font-size: 16px;
	border-bottom: 1px solid #efefef;
}
.liitu-vorm {
	margin-top: 20px;
}
.page-content.liitu h1 {
	border: 0;
	margin-bottom: 2px;
}
.page-content.liitu p.center {
	width: 500px;
	margin: 0 auto;
	color: #333;
}
.page-content.liitu p span {
	color: #55aa59;
	font-weight: bold;
	border-bottom: 1px solid #55aa59;
}
/* 21.06.13 Silver = Fix (Removed inline styles) */
.liitu-vorm .row ul {
	width: 420px;
	margin: 0 0 15px 15px;
}
.row {
	clear: both;
}
.digiraamat-text {
	width: 436px;
	float: left;
}
.digiraamat-img {
	width: 264px;
	float: right;
}
.form-div {
	width: 420px;
	margin: 0 auto;
	margin-bottom: 12px;
}
/* 02.07.13 Silver */
.progressive-sale {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #e2e2e2;
	position: relative;
	clear: both;
}
.progressive-sale span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #999;
	color: #fafafa;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 25px;
	font-family: georgia, serif;
}
.progressive-sale ul {
	list-style: none;
	padding-left: 40px;
}
.progressive-sale ul li {
	color: #333;
	margin-bottom: 5px;
	font-size: 13px;
}
.progressive-sale ul li:last-child {
	margin-bottom: 0;
}
.empty-cart {
	float: left;
	margin: 0 20px 20px 0;
}
/* 29.08.13 Silver */
.page-content ul.product-list li {
	padding: 15px;
}
.page-content ul.product-list li.bad {
	background: #fff7f7;
	border-bottom: 1px solid #f33;
}
.page-content ul.product-list li .actions {
	width: 110px;
}
.page-content ul.product-list li .actions span.price {
	font-size: 22px;
}
.page-content ul.product-list li .actions a.delete {
	font-size: 22px;
}
/* Start & Redo buttons */
.start-redo-btn {
	padding-bottom: 20px;
}
/* Mobile */
.mobile-menu, .mobile-menu-close, .mobile-categories {
	display: none;
}
/* Ostu popup */
@media only screen and (max-width: 767px) {
	#ost {
		width: 100%;
		background: #fff;
	}
	#ost .content {
		overflow: visible;
	}
	#ost .heading.success h2, #ost .heading.error h2 {
		font-size: 17px;
	}
}