/* confisc.ro - HTML & CSS by Doru Bratu - DOTWEB Software Systems */

/* X-browser CSS properties reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {outline:none;}
/* /X-browser CSS properties reset */

h2 {font-family: "Century Gothic"; font-size: 18px; font-weight: bold; color: #5d5d5d; padding: 10px;}
h3 {font-family: "Arial"; font-size: 12px; font-weight: bold; color: #5d5d5d; padding: 5px 0; text-align: left;}

body {font-family: "Arial"; font-size: 12px; background: #FFFFFF url('../images/bg-repeat.jpg') repeat-x top;}

#main-wrapper {width: 990px; margin: 0 auto; background: url(../images/book-bg-repeat.jpg) repeat-y; overflow: hidden;}

#wrapper {width: 990px; background: url(../images/book-top.jpg) no-repeat; min-height: 500px; overflow: hidden;}

.clearfix {clear:both;}

#footer {width: 990px; height: 130px; margin: 0 auto; background: #fff url(../images/footer-bg.jpg) no-repeat; color: gray;}
#footer-contact {padding-left: 280px; padding-top: 30px; float: left;}
#footer-contact a {color: gray;}
#footer-links {padding-left: 280px; float: left; margin-top: 30px;}
#footer-links li {margin-right: 20px; display: block; float: left;}
#footer-links li a {color: gray; text-decoration: none;}
#footer-codfisc {float: left; width: 140px; height: 50px; margin: 20px 0 0 225px;}
#footer-codfisc a {display: block; width: 140px; height: 50px; }
#dotweb {float: right; margin-right: 40px; margin-top: 23px;}

#left-side {float: left; width: 252px;}
#right-side {float: left; width: 680px; margin-left: 15px; margin-top: 30px;}

#logo { width: 202px; height: 100px; margin-top: 100px; text-align: center; margin-left: 40px;}
#menu {margin-top: 15px; width: 252px;}
#menu li {width: 218px; height: 61px; display: block; background: url(../images/menu-arrow.png) right no-repeat;}
#menu li.selected {width: 252px; background: url(../images/menu-selected.png) no-repeat; background-position-y: 2px;}
#menu li a {display: block; padding: 0 65px; color: #7c7c7c; font-family: "Arial"; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 60px;}
#menu li.selected a {color: #fff;}
#menu li a:hover {color: #fff;}

#side-cart {width: 210px; margin: 60px 0 0 35px;}
#cart {width: 165px; color: #5d5d5d; font-family: "Century Gothic"; font-size: 14px; font-weight: bold; background: url(../images/cart.png) right no-repeat; margin-left: 5px;}
#price_total_sidecart { text-align: center; padding: 5px; font-size: 12px; font-weight: bold; margin: 0 auto;}
.book {font-family: "Arial"; font-size: 12x; margin: 0 10px 0 5px;}
.book_title {font-size: 11px; font-weight: bold; padding: 5px 0;}
.book_quantity {font-family: "Arial"; font-size: 11px; font-weight: bold; color: #f48220; float: left; margin-bottom: 10px;}
.book_quantity span {color: #000; font-weight: normal; font-size: 11px;}
.book_price {font-family: "Arial"; font-size: 11px; font-weight: bold; color: #f48220; float: left; margin-bottom: 10px; float: right; margin-right: 5px;}
.book_price span {color: #000; font-weight: normal; font-size: 11px;}
#order_sidecart { margin-left: 50px; }
.spacer {padding: 5px 0;}



/* Slide - Promos */
#promo-banner {width: 680px; height: 270px; margin: 0 auto; background: url(../images/promo-bg.jpg) no-repeat; }
.mask{ position:relative; width:680px; height:230px; overflow:hidden; }
#promos{ position:absolute; }
#promos div{ width: 680px; height: 250px; float:left;}
.promo-title { float:left; font-family: "Book Antiqua"; font-size: 26px; padding: 20px 20px 10px 20px; color: #6c6c6c;}
.promo-text { float:left; width: 400px; height: 60px; display: block; padding: 10px 20px; font-family: "Arial"; font-size: 12px; color: #484848; text-align: justify;}
.promo-details { float:left; display: block; width: 281px; height: 48px; background: url(../images/button-promo.jpg) no-repeat; margin: 10px 20px; color: #fff; text-decoration: none; font-family: Arial; font-size: 20px; text-align: center; line-height: 50px;}
.promoimg { float:right;  margin: 15px 20px 0 0; }
.promoimgshaddow { float:right; margin: 0 20px 0 0;  clear: right; }
#promo-links {width: 680px; height: 30px; margin-top: 9px; padding-left: 10px; color: #888; }
#handles span { display: inline-block; cursor: pointer; padding: 5px; margin: 0 10px 0 0; color: white; font-weight: bold;}
#handles .active { background-color: gray; display: inline; padding: 5px; color: white;}

#offer-banner {width: 675px; height: 200px; margin: 0 auto; }
#offer-banner .mask{ position:relative; width:675px; height:200px; overflow:hidden; }
#offers { position:absolute; }
#offers div { width: 675px; height: 200px; float:left;}
.offer-title {float:right; width: 400px; font-family: "Book Antiqua"; font-size: 20px; padding: 15px 20px 10px 20px; color: #6c6c6c;}
.offer-text {float:right; width: 400px; height: 100px; display: block; padding: 10px 20px; font-family: "Arial"; font-size: 12px; color: #484848; text-align: justify;}

#content {width: 660px; font-family: "Arial"; font-size: 12px; color: #888; margin-left: 10px;}
.home-books { overflow: hidden; }
.home-book { text-align: justify; float: left; width: 315px; margin-left: 5px;}
.home-book.last { margin-left: 25px; }
.more {display: block; float: right; padding: 5px 0 10px 10px; color: black; font-family: "Arial"; font-size: 11px; background: url(../images/more-arrow.jpg) no-repeat left 9px; }
.book-content {border: 1px solid #ddd; clear: both; float: left; margin: 0 10px 10px 0;}
.order {color: #fff; background-image: url(../images/order.jpg); background-repeat: no-repeat; display: inline-block; width: 110px; height: 29px; text-decoration: none; font-family: "Arial"; font-size: 12px; line-height: 29px; margin: 0; text-align: center; }
.order_long {color: #fff; background-image: url(../images/orderlong.jpg); background-repeat: no-repeat; display: inline-block; width: 200px; height: 29px; text-decoration: none; font-family: "Arial"; font-size: 12px; padding: 7px 0; margin: 0; text-align: center; }
#news-left {width: 308px; height: 131px; background-image: url(../images/news-bg.jpg); background-repeat: no-repeat; float: left; margin-left: 5px;}
#news-right {width: 308px; height: 131px; background-image: url(../images/news-bg.jpg); background-repeat: no-repeat; float: left; margin-left: 30px;}
.news-title {font-family: "Century Gothic"; font-size: 16px; font-weight: bold; line-height: 30px; color: #fff;padding-left: 15px;}
.news-list li {font-family: "Arial"; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; line-height: 12px; padding: 11px 0 11px 15px; margin: 0 15px 0 15px; background-image: url(../images/li-bullet.jpg); background-repeat: no-repeat; background-position: left;}
.news-list li.last {border: none;}
.register {padding: 10px;}
.news-email {border: 1px solid #ddd; width: 140px; padding: 5px 10px; margin: 0 0 0 10px;}

.book-list { width: 305px; height: 200px;float: left; margin: 5px 0 0 5px; padding: 0 10px 5px 0; background-color: #fefef6; border: 1px solid lightgray; }
.book-list .book-image { float: left; text-align: center; padding: 5px; margin-right: 10px; }
.book-list .book-title { padding: 5px; font-family: "Century Gothic"; font-size: 12px; font-weight: bold; color: #5d5d5d; }
.book-list .book-description { text-align: justify; }
.book-details {margin-left: 20px; width: 110px; float: left; }
.book-order { width: 110px; float: right; margin-right: 15px; }
.book-isbn { font-weight: bold; padding: 5px;}
.book-price { color: #f48220; font-weight: bold; padding: 5px;}

#details-image { float: left; border: 1px solid lightgray; margin: 20px; }
#details-description { text-align: justify; padding: 10px 20px;}
#details-price { float: left; width: 65px; font-family: "Arial"; font-size: 14px; color: gray;  padding: 20px; text-align: center; line-height: 25px; margin-top: 30px;}
#details-price span { font-size: 18px; font-weight: bold; color: #f48220; }
#details-price span.oldprice { text-decoration: line-through; color: #999; font-size: 16px; font-weight: normal; }
#book-attributes { width: 300px; float: left;  }
#book-attributes p { margin: 10px 10px; color: gray;}
#book-attributes p span { font-weight: bold; font-size: 13px; }
#details-order { width: 110px; float: left;}

.download-title {margin-left: 20  px; font-size: 14px;}
.download-link { float: left; width: 70px; text-align: center; border: 1px solid gray; margin: 0 20px; padding: 10px 0; }
.download-link a { color: #99615d; text-decoration: none;}
.download-link a:hover { color: red;}
.download-description {width: 500px; float: left; text-align: justify; margin-bottom: 10px;}

#form_order { border: 1px solid gray; width: 450px; margin: 20px 0 20px 100px; }
#form_order ul li { display: block;  list-style-type: none; padding: 5px;  }
#form_order label { width: 170px; font-size: 12px; font-weight: bold; text-align: right; margin-right: 20px; display: inline-block; }
#form_order input { display: inline; width: 150px; padding: 5px;  border: 1px solid gray; color: gray; margin-left: 10px; }
#form_order select { display: inline; width: 160px; padding: 5px; border: 1px solid gray; color: gray; margin-left: 10px; }
#form_order #send-form { margin-left: 80px; text-align: center; }
#form_order #order__csrf_token {display: none;}
#form_order #order_id {display: none;}

.book-list-order { margin: 5px 10px; font-size: 12px; border-bottom: 1px solid lightgray; }
.book-title-order { font-size: 14px; }
.book-isbn-order { display: inline; width: 170px; float: left; margin-left: 18px;}
.book-unitprice-order { display: inline; width: 150px; float: left;}
.book-price-order { display: inline; float: right; margin-right: 10px;}
.book-price-order p { display: inline-block; text-align: right; margin-left: 35px; color: lightgray; }
.book-price-order span { display: inline-block; width: 60px; text-align: right; font-weight: bold; text-align: center; }
.book-details-order { margin-left: 20px; }
#total_price_order { width: 200px; text-align: center; font-size: 16px; font-weight: bold; border: 2px solid gray; padding: 8px; margin: 0 auto; margin-top: 15px; }
#cart_update_submit { border-style: none; color: #fff; background: green url(../images/order.jpg); background-repeat: no-repeat; width: 110px; height: 29px; font-family: "Arial"; font-size: 12px; margin: 10px 0 0 0; cursor: pointer; }

.book_list_cart { background-color: lightgray; padding: 5px; margin: 5px; overflow: hidden;}
.book_image_cart { border: 1px solid gray; float: left; width: 133px; height: 133px; text-align: center; background-color: white; vertical-align: middle; margin-right: 10px; }
.book_title_cart { display: block; font-size: 16px; font-weight: bold; }
.book_isbn_cart { display: inline; font-size: 14px; }
.book_price_cart { display: inline; font-size: 14px; }
.book_quantity_cart { display: block; font-size: 14px; float: right; margin-right: 20px;}
.book_quantity_cart input { display: inline; width: 20px; padding: 5px; font-weight: bold; border: 1px solid gray; }
.price_total_cart { display: inline; float: left; font-size: 14px; padding: 5px; border: 2px solid gray; font-weight: bold; }
.price_total_cart span { font-size: 16px; }
.book_remove_cart { float: right; margin-top: 5px; margin-right: 20px; }
#cart_options { margin: 10px 0 0 110px;}
#cart_options a { margin: 10px; }

ul.error_list { float: right; }
ul.error_list li { color: red !important; text-align: right !important; display: inline; }
#flash_notice {font-size: 18px; color: green; font-weight: bold; text-align: center; margin: 15px 0; padding: 10px; border: 2px solid green; background-color: #ecffeb; }
.flash_error { font-size: 16px; color: red; text-align: center; margin: 15px 15px; padding: 10px; background-color: #ffebeb; border: 2px solid red; }

#languageform { float: right; width: 200px; margin-top: 3px; color: gray; }
#languageform select { border: 1px solid gray; color: gray; background: lightgray; }
#languageform input { border: 2px solid gray; padding: 1px 3px; color: gray; background: lightgray; }

#voucher_text { text-align: center; margin: 0 auto; font-size: 14px; }
#voucher_text_order { text-align: center; margin: 0 auto; font-size: 12px; color: gray; }
#voucher_text span { font-size: 16px; }
#cart_voucher { display: inline; width: 210px; padding: 5px; font-size: 16px; font-weight: bold; border: 1px solid gray; margin: 5px 0 5px 210px; text-align: center; }

#logo-info {float: right; clear: right;}

#tabs { border-bottom: 1px solid #ddd; width: 600px; height: 39px; margin-top: 30px; padding-left: 50px;}
.tab-on { display: block; float: left; width: 128px; height: 39px; text-align: center; line-height: 40px; font-size: 14px; background-image: url(../images/tab-on.jpg); border-bottom: 1px solid white; margin-left: 5px; padding-left: 10px;}
.tab-off { display: block; float: left; width: 138px; height: 39px; text-align: center; line-height: 40px; font-size: 12px; background-image: url(../images/tab-off.jpg); margin-left: 5px; }
#tabs a { color: gray; text-decoration: none; display: block; }

#info-content {padding: 10px; background-color: #fff; }
#contact-content {padding: 10px; background-color: #fff; }

#info-content p {margin: 5px 0; text-align: justify;}
#contact-content p {margin: 5px 0; text-align: justify;}

#info-content li {list-style-position: inside; list-style-type: disc;}
#contact-content li {list-style-position: inside; list-style-type: disc;}

#tabs-book { border-bottom: 1px solid #ddd; width: 465px; height: 39px; margin-top: 30px; padding-left: 50px; float: left; }
#tabs-book a { color: gray; text-decoration: none; display: block; }
#help { margin-left: 100px; display: block; float: left; width: 138px; height: 39px; text-align: center; line-height: 40px; font-size: 12px; background-image: url(../images/tab-off.jpg); margin-left: 0px; margin-top: 30px; border-bottom: 1px solid #ddd;}
#help img { width: 32px; height: 32px; border: 0; margin: 4px 0 2px 2px; display: block; float: left;}
#help span { width: 95px; float: left; display: block; font-size: 12px; font-weight: bold; color: gray; text-align: right; }
#help a { color: gray; text-decoration: none; }

#survey {font-size: 14px; color: #444; margin-left: -5px; width: 645px; padding: 15px; border: 1px solid lightgray; }
#survey p {width: 450px; display: block;}
#survey-title {font-size: 16px; width: 660px; height: 64px; margin-left: -5px; padding-left: 20px; padding-top: 20px; background-image: url(../images/survey.jpg);}
#survey-title span {color: #438138; font-weight: bold; font-size: 20px;}
#survey ul.radio_list li { display: inline; margin-right: 10px;}
#survey ul li label { font-style: italic; color: #438138;}
#survey ul {clear: both; margin: 5px 0 15px 0; }
#survey ul.radio_list {display: block; margin-bottom: 20px;}
#survey ul.checkbox_list {display: block; margin-bottom: 20px; width: 550px;}
#survey ul.checkbox_list li { width: 250px; display: inline-block; margin-right: 10px;}
#survey textarea {display: block; width: 450px; height: 70px; color: #666; margin-bottom: 20px;}
#form-submit { display: inline; width: 150px; padding: 5px;  border: 2px solid gray; background-color: #b4eea7; color: #444; cursor: pointer; margin-top: 10px; font-weight: bold; }