﻿/*.contentContainer{margin:0 15px; margin-left:215px; *zoom:1;}*/
.contentContainer{ margin:0 15px;}

.rightColumn {width:220px; float:right;}
.rightColumn h3 {background-image:url(../images/RightBoxCornerLeft.gif); background-repeat:no-repeat; background-position: left  center; background-color:#333; color:#fff;  height:39px; line-height:39px; padding-left:15px; font-family:Franklin Gothic Book, Verdana; font-size:1.3em; font-weight: bold;} 
.rightColumn ul {list-style:none; font-family:Verdana; font-size:12px;}
.rightColumn ul li {padding: 10px; padding-left: 15px; border-bottom: solid 1px #dadada; background: White;} 
.rightColumn ul li:hover {background: #dde4d2;}
.rightColumn ul li .bookImageContainer {float:left; margin-right:5px; max-width:80px; overflow:hidden;}
.rightColumn ul li .bookImageContainer a {border:none; }
.rightColumn ul li .infoContainer {text-align:left; line-height: 19px;}
.rightColumn ul li .infoContainer img {cursor: pointer;}
.rightColumn ul li .infoContainer a.title {color:#333; font-weight:bold; text-decoration:none;}
.rightColumn ul li .infoContainer a.author {color:gray; font-weight:normal; font-size: 11px; text-decoration:none;}  
.rightColumn ul li input[type="image"] {float: right; cursor: pointer;}

.rightColumn  h3 {background-image:url(../images/RightBoxCornerLeft.gif); background-repeat:no-repeat; background-position: left  center; background-color:#333; color:#fff;  height:39px; line-height:39px; padding-left:15px; font-family:Franklin Gothic Book, Verdana; font-size:18px; font-weight: bold;} 
.rightColumn  ul {list-style:none; font-family:Verdana; font-size:12px;}
.rightColumn  ul li {padding: 8px 10px 8px 15px; border-bottom: solid 1px #dadada; background: White;}
.rightColumn  ul li a.small {font-size: 11px; color: Gray; text-decoration: none;}
.rightColumn  ul li:hover {background: #dde4d2;}
.rightColumn  ul li .bookImageContainer {float:left; margin-right:5px; max-width:80px; overflow:hidden;}
.rightColumn  ul li .bookImageContainer a {border:none; }
.rightColumn  ul li .infoContainer {text-align:left; line-height: 15px; zoom:1;}
.rightColumn  ul li .infoContainer img {cursor: pointer; margin-right: 10px; }
.rightColumn  ul li .infoContainer a.title {color:#333; font-size: 11px; font-weight:bold; text-decoration:none;}
.rightColumn  ul li .infoContainer a.author {color:gray; font-size: 10px;  font-weight:normal; text-decoration:none;}  
.rightColumn  ul li .infoContainer .oldPrice { font-size: 11px; font-weight: normal; text-decoration: line-through;}
.rightColumn  ul li .infoContainer .price {margin-left: 10px; font-weight: bold; color: #ae0e0e;}
.rightColumn  ul li input[type="image"] {float: right; cursor: pointer;}
.rightColumn .buttonSpace {width: 100%; text-align: center; margin-top: 8px; margin-bottom: 8px;}

.rightColumn ul.tagsBox {text-transform: lowercase;}
.rightColumn ul.tagsBox li {display: inline; float: left; border: none; padding: 5px;}

.tags5 a {font-size: 11px; color: Gray; text-decoration: none;  display: inline; margin-right: 10px; float: left; border: none; padding: 0px; line-height: 21px;}
.tags4 a {font-size: 13px; color: Gray; text-decoration: none; display: inline; margin-right: 10px; float: left; border: none; padding: 0px; line-height: 21px;}
.tags3 a {font-size: 15px; color: Gray; text-decoration: none; display: inline; margin-right: 10px; float: left; border: none; padding: 0px; line-height: 21px;}
.tags2 a {font-size: 17px; color: Gray; text-decoration: none; display: inline; margin-right: 10px; float: left; border: none; padding: 0px; line-height: 21px;}
.tags1 a {font-size: 19px; color: Gray; text-decoration: none; display: inline; margin-right: 10px; float: left; border: none; padding: 0px; line-height: 21px;}


.search {margin-right:230px; margin-left:210px; margin-bottom:10px;  height:32px;}
.search img {float:left;}
.search .searchButton {float:right; margin-left:10px;}
.search .inputSearch { background-color:#fff; margin-right:94px; height:32px; background-image:url(../images/searchBckgroundRight.gif); background-repeat:no-repeat; background-position:right center}
.search input.text {padding-top: 8px; padding-bottom: 7px; font-family:Verdana; font-size:12px; color:#666; margin-top:1px; width:80%; border:none; border-style:none; border-width:0px; border-color:#fff;}
.search input.text {*padding-top: 0px; *line-height:30px;}

.content_wrap { background:#fff; background-image:url(../images/contentCornerBottomRight.gif); background-repeat:no-repeat; background-position: right  bottom;}
      
.content {padding-right:235px; line-height: 21px; }
.content a {color: Gray;}
.content {background-image:url(../images/contentCornerTopRight.gif); background-repeat:no-repeat; background-position: right  top;}
.content .contentCornerTopLeft {background-image:url(../images/contentCornerTopLeft.gif); background-repeat:no-repeat; background-position: left top; height:4px; }
.content .contentCornerBottomLeft {background-image:url(../images/contentCornerBottomLeft.gif); background-repeat:no-repeat; background-position: left bottom;height:4px;}

.contentPadding { width:100%; float:left; *float: none;}

#pageholder {width: 100%; }
#pageholder #leftContent {width: 70%; float: left; margin-left: 15px;}
#pageholder a {color: #333; text-decoration: none;}
#pageholder a:hover {text-decoration: underline;}
#pageholder h2 {font-size: 18px; display: block;}
#pageholder .listsHolder {margin-left: 15px; margin-top: 15px;}

#pageholder #leftContentArticle {float:left; margin-left: 15px; width:100%;}

#pageholder .articlelistContainer {float:left; width: 100%; line-height: 30px; margin-top: 20px;}
#pageholder h2 {font-family: Verdana; font-size: 19px; font-weight: bold;}
#pageholder a {text-decoration: none; color: Gray;}
#pageholder a:hover {text-decoration: underline; color: #333;}
#pageholder .article {text-indent: 10px;}
#pageholder .listHeader {height: 31px; width: 100%; background-image:url(../images/ListHeaderDark_Left.gif); background-repeat:no-repeat; background-position: left center; background-color: #333;}
#pageholder .listHeader h2 {float: left; line-height: 11px; margin-left: 10px; font-family: Franklin Gothic Book, Verdana; font-size:16px; font-weight: bold; color: #fff; }
#pageholder .listHeader img {float: right; }


#pageholder #leftContent .genericBox {width: 100%; margin-bottom: 15px; margin-top: 10px; }
#pageholder #leftContent .genericBox .boxHeader {width: 100%; height: 44px; background-image:url(../images/GenericBox_HeaderBack.gif); background-repeat: repeat-x; background-position: center center;}
#pageholder #leftContent .genericBox .boxHeaderLeft {width: 7px; height: 44px; float: left; background-image:url(../images/GenericBox_HeaderLeft.gif); background-repeat: no-repeat; background-position: left center;}
#pageholder #leftContent .genericBox .boxHeaderRight {width: 7px; height: 44px; float: right; background-image:url(../images/GenericBox_HeaderRight.gif); background-repeat: no-repeat; background-position: right center;}
#pageholder #leftContent .genericBox .boxHeader span {line-height: 44px; padding-left: 5px; font-size: 16px; font-weight: bold; color: #cf7003;}
#pageholder #leftContent .genericBox .boxContent {border-left: solid 1px #b2b1b1; border-right: solid 1px #b2b1b1; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;}
#pageholder #leftContent .genericBox .boxContent ul {list-style:none;}
#pageholder #leftContent .genericBox .boxContent li {display: block; width: 90%; line-height: 30px; padding: 5px;}
#pageholder #leftContent .genericBox .boxContent li a{margin-left: 5px;}
#pageholder #leftContent .genericBox .boxContent .boxMenu {border-bottom: solid 3px #c4c3c3; font-size: 13px; margin-top: 15px; margin-bottom: 15px;}
#pageholder #leftContent .genericBox .boxContent .boxMenu a {color: #546c8c; text-decoration: none; font-weight: bold; margin-right: 15px;}
#pageholder #leftContent .genericBox .boxContent .boxMenu a:hover {text-decoration: none; color: #b2b1b1;}
#pageholder #leftContent .genericBox .boxContent .boxMenu a.selected {background-color: #c4c3c3; color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px;}

#pageholder #leftContent .genericBox .boxContent ul.list {list-style: circle; list-style-position: inside; line-height: 17px; margin-top: 10px; margin-left: 10px; }
#pageholder #leftContent .genericBox .boxContent li.listItem {line-height: 20px; padding: 0px;}

#pageholder #leftContent .genericBox .boxContent .footerMenu {border-top: solid 1px #b2b1b1; margin-top: 5px; padding-top: 3px; font-size: 13px;}
#pageholder #leftContent .genericBox .boxContent .footerMenu a {color: #546c8c; text-decoration: none; font-weight: bold;}
#pageholder #leftContent .genericBox .boxContent .footerMenu a:hover {text-decoration: underline;}
#pageholder #leftContent .genericBox .boxFooter {width: 100%; height: 6px; border-bottom: solid 1px #b2b1b1; }
#pageholder #leftContent .genericBox .boxFooterLeft {width: 8px; height: 7px; float: left; background-image:url(../images/GenericBox_BottomLeft.gif); background-repeat: no-repeat; background-position: left center;}
#pageholder #leftContent .genericBox .boxFooterRight {width: 8px; height: 7px; float: right; background-image:url(../images/GenericBox_BottomRight.gif); background-repeat: no-repeat; background-position: right center;}

#rightBar {float:left; width:25%; margin-right: 15px;}
#rightBar #booklistContainer {background-color:#aba; border:1px solid; margin-left: 5px; margin-top: 5px;}
#rightBar .articlelistContainer {float:left; width: 100%; margin-left: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 23px; font-size: 11px;}
#rightBar h2 {font-family: Franklin Gothic Book, Verdana; font-size: 1.3em; font-weight: bold;}
#rightBar a {text-decoration: none; color: Gray;}
#rightBar a:hover {text-decoration: underline; color: #333;}
#rightBar .article {text-indent: 10px;}
#rightBar .listHeader {height: 31px; width: 100%; background-image:url(../images/ListHeaderDark_Left.gif); background-repeat:no-repeat; background-position: left center; background-color: #333;}
#rightBar .listHeader h2 {float: left; line-height: 11px; margin-left: 10px; font-family: Franklin Gothic Book, Verdana; font-size:16px; font-weight: bold; color: #fff; }
#rightBar .listHeader img {float: right; }

#pageholder #mapholder {margin-left: 15px; width:70%; font-size: 11px;}
#pageholder #mapholder h3 {clear: both; font-family: Verdana; font-size: 14px; font-weight: bold; padding-top: 10px; padding-bottom: 10px;}


#pageholder #rightBar .sideboxGreenish {width: 100%; height: 65px; margin-left: 25px; margin-bottom: 15px; background-image: url(../images/SideBoxGreenish_Back.gif); background-repeat: repeat-x; background-position: center; }
#pageholder #rightBar .sideboxGreenish .left {width: 7px; height: 65px; float: left; background-image: url(../images/SideBoxGreenish_Left.gif); background-repeat: no-repeat; background-position: center left;}
#pageholder #rightBar .sideboxGreenish .right {width: 7px; height: 65px; float: right; background-image: url(../images/SideBoxGreenish_Right.gif); background-repeat: no-repeat; background-position: center right;}


#rightBar .sideboxBluish {width: 100%; margin-left: 25px; margin-bottom: 15px; margin-top: 10px;}
#rightBar .sideboxBluish .sbHeader {width: 100%; height: 49px; background-image:url(../images/SideBoxBluish_HeaderBack.gif); background-repeat: repeat-x; background-position: center center; }
#rightBar .sideboxBluish .sbHeaderLeft {width: 7px; height: 49px; float: left; background-image:url(../images/SideBoxBluish_HeaderLeft.gif); background-repeat: no-repeat; background-position: left center;}
#rightBar .sideboxBluish .sbHeaderRight {width: 7px; height: 49px; float: right; background-image:url(../images/SideBoxBluish_HeaderRight.gif); background-repeat: no-repeat; background-position: right center;}
#rightBar .sideboxBluish .sbHeader span {line-height: 44px; padding-left: 5px; font-size: 1em; font-weight: bold; color: #546c8c;}
#rightBar .sideboxBluish .sbContent {font-size: 11px; border-left: solid 1px #b2b1b1; border-right: solid 1px #b2b1b1; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;}
#rightBar .sideboxBluish .sbContent ul {list-style: none;}
#rightBar .sideboxBluish .sbFooter {width: 100%; height: 6px; border-bottom: solid 1px #b2b1b1;}
#rightBar .sideboxBluish .sbFooterLeft {width: 7px; height: 7px; float: left; background-image:url(../images/SideBoxBluish_FooterLeft.gif); background-repeat: no-repeat; background-position: left center;}
#rightBar .sideboxBluish .sbFooterRight {width: 7px; height: 7px; float: right; background-image:url(../images/SideBoxBluish_FooterRight.gif); background-repeat: no-repeat; background-position: right center;}

.topicBar { background-color:#e2e2e2; height:33px; line-height:33px; font-family:Verdana; font-size:11px; text-align:center; color:#333; background-image:url(../Images/TopicBarCornerLeft.gif); background-position:left center ; background-repeat:no-repeat;}
.topicBar a { color:#333}
.topicBar a.selected { font-weight:bold; color:#000}
.pageInfo { float:left; height:33px; padding-left:15px;}
.topicSort { float:right; height:33px; background-image:url(../Images/TopicBarCornerRight.gif); vertical-align:middle; background-position:right center ; background-repeat:no-repeat;}
.topicSort select { margin:7px 15px;}

.searchItem {padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #cbcaca; width: 100%; height: 115px;}
.searchItem img {float: left; margin-right: 8px;}
.searchItem h3 {font-size: 14px; font-weight: bold; color: #5671a3;}
.searchItem a {text-decoration: none; color: #5671a3;}
.searchItem .author {font-size:12px; font-weight: normal; color: #a39e9e;}

.searchItem .oldPrice {float:left; font-size: 11px; font-weight: normal; text-decoration: line-through; margin: 0px;}
.searchItem .price {float:left; font-size: 11px; font-weight: bold; color: #ae0e0e; margin: 0px;}

.interestBox {margin-top: 20px; margin-bottom: 20px;}
.interestBox li {display: inline; margin-right: 10px; line-height: 35px;}

h2 {display: block; font-size: 19px; margin-top: 10px; margin-bottom: 10px;}

.bookContainer {margin-bottom: 10px; }
.bookContainer .innerContainer {*zoom: 1; margin-left: 15px; margin-right: 15px; background-image: url(../images/dotSeparatorHorrizontal.gif); background-repeat: repeat-x; background-position: center bottom;}
.bookContainer .titleContainer {height: 60px; margin-bottom: 10px; margin-top: 10px; line-height:18px;}
.bookContainer .titleContainer .title a {font-family:Verdana; font-size:14px; font-weight: bold; color: #5671a3; text-decoration: none; width: auto; white-space: normal;}
.bookContainer .titleContainer .title a:hover {text-decoration: underline; white-space: normal;}
.bookContainer .titleContainer .author {font-family:Verdana; font-size:12px; font-weight: normal; color: #a39e9e;}
.bookContainer .price {font-weight: bold; color: #ae0e0e;}
.bookContainer .image {height: 118px; float: left; overflow: hidden;}
.bookContainer .infoContainer {height: 118px; float: left; font-family:Verdana; font-size:11px; line-height: 21px; margin-left: 15px;}
.bookContainer .infoContainer a {font-family:Verdana; font-size:10px; font-weight: normal; color: #333; text-decoration: none;}
.bookContainer .infoContainer a:hover {text-decoration: underline;}
.bookContainer .infoContainer .oldPrice {font-size: 12px; font-weight: bold; text-decoration: line-through;}
.bookContainer .infoContainer .newPrice {font-size: 12px; font-weight: bold; color: #ae0e0e;}
.bookContainer .shopControls {height: 33px; float: right; margin-bottom: 10px; }
.bookContainer .shopControls div img {cursor:pointer;}
.bookContainer .shopControls a {font-family:Verdana; font-size:10px; font-weight: normal; color: #a39e9e; text-decoration: none;}
.bookContainer .shopControls a:hover {text-decoration: underline;}


.memberIntroTop { margin-left: 20px; width:100%; float: left;}
.memberIntroTop img {float: left; margin-right: 5px;}
.memberIntro {float: left;  width:100%;  background-image:url(../images/breadcumbBox_Left.gif); background-position: left center;  height: 97px; margin-bottom: 20px; line-height: 24px; background-color:#c6d8ab; background-repeat: no-repeat; }
.memberIntro strong {font-size: 14px; display: block; margin-left: 25px; margin-top: 15px;}
.memberIntro span {font-size: 12px; display: block; margin-left: 25px; line-height: 21px;}
.memberIntro a {text-decoration: none; color: #fff;}
.memberIntro a:hover {text-decoration: underline;}


.listHolder {width: 100%; float:left;}
.listHolder .listHeader {height: 31px; width: 100%; background-image:url(../images/ListHeaderDark_Left.gif); background-repeat:no-repeat; background-position: left center; background-color: #333;}
.listHolder .listHeader h2 {float: left; line-height: 31px; margin-left: 10px; font-family: Franklin Gothic Book, Verdana; font-size:18px; font-weight: bold; color: #fff; }
.listHolder .listHeader img {float: right; }
.listHolder .bookContainer {width: 173px;  text-align: center; float: left; margin-bottom: 10px; margin-top: 10px; font-family: Verdana; *zoom: 1; background-image: url(../images/dotSeparatorVertical.gif); background-repeat: no-repeat; background-position: left center;}
.listHolder .bookContainer img { }
.listHolder .bookContainer .image {height: 120px; margin-left: 10px; float: none;}
.listHolder .bookContainer .title {font-size: 12px; font-weight: bold; text-align: center; line-height: 15px; }
.listHolder .bookContainer .title a {text-decoration: none; color: #333; white-space: normal;}
.listHolder .bookContainer .title a:hover {text-decoration: underline; white-space: normal;}
.listHolder .bookContainer .author {font-size: 11px; font-weight: normal; color: Gray; line-height: 15px;}
.listHolder .bookContainer .author a {text-decoration: none; color: Gray; white-space: normal;}
.listHolder .bookContainer .author a:hover {text-decoration: underline; white-space: normal;}
.listHolder .bookContainer .oldPrice {font-size: 11px; font-weight: normal; text-decoration: line-through; display: inline;}
.listHolder .bookContainer .price {font-size: 11px; font-weight: bold; color: #ae0e0e; display: inline;}
.listHolder .listFooter {height: 25px; width: 100%; background-image:url(../images/listFooterDark_LeftSmall.gif); background-repeat:no-repeat; background-position: left center; background-color: #333;}
.listHolder .listFooter .left {float: left; width: 70%; line-height: 23px; margin-bottom: 2px; font-family: Verdana; font-size: 11px; font-weight: bold; color: #fff;}
.listHolder .listFooter .left img {margin-left: 10px; margin-right: 10px; vertical-align: middle;}
.listHolder .listFooter img.right {float: right; }
.listHolder .listFooter .link {float: right; margin-right: 10px; line-height: 23px; font-weight: bold; font-size: 11px; color: #fff;}


.sliderwrapper .contentdiv .bookContainer {width: 46%;  text-align: left; float: left; margin-bottom: 5px; margin-top: 0px; margin-left: 15px; font-size: 11px; *zoom: 1; background-image: none; }
.sliderwrapper .contentdiv .bookContainer img {width: 110px; margin-right: 10px; }
.sliderwrapper .contentdiv .bookContainer .image {float:left;}
.sliderwrapper .contentdiv .bookContainer .title {float:left; font-size: 13px; font-weight: bold; width: 100%; line-height: 15px; margin: 0px; margin-top: 10px; }
.sliderwrapper .contentdiv .bookContainer .title a {text-decoration: none; color: #333; white-space: normal;}
.sliderwrapper .contentdiv .bookContainer .title a:hover {text-decoration: underline; white-space: normal;}
.sliderwrapper .contentdiv .bookContainer .author {float:left; font-size: 11px; font-weight: normal; color: Gray; line-height: 14px; margin: 0px; display: block; width: 100%; margin-bottom: 10px;}
.sliderwrapper .contentdiv .bookContainer .author a {text-decoration: none; color: Gray; white-space: normal;}
.sliderwrapper .contentdiv .bookContainer .author a:hover {text-decoration: underline; white-space: normal;}
.sliderwrapper .contentdiv .bookContainer .description {float:left; font-size: 11px;}
.sliderwrapper .contentdiv .bookContainer .oldPrice {float:left; font-size: 11px; font-weight: normal; text-decoration: line-through; margin: 0px;}
.sliderwrapper .contentdiv .bookContainer .price {float:left; font-size: 11px; font-weight: bold; color: #ae0e0e; margin: 0px;}
.sliderwrapper .contentdiv .bookContainer .CartContainer {float: right; padding-top: 10px;}


.taschencontainer {float: left; width: 48%; height:305px; background-image: url(../images/taschen_bg.jpg); background-repeat: repeat; background-position: top left; margin-bottom: 10px;}
.taschencontainer .taschenboxContent {padding: 0px 15px 0 15px; margin-bottom: 30px; margin-top: 5px; *margin-top: 0px;  text-align: center;}
.taschencontainer .taschenboxContent .title {font-size: 14px; font-weight: bold; padding: 3px 0 3px 0; display: block;}
.taschencontainer .taschenboxContent .author {font-size: 11px; line-height: 17px;}

.specialcontainer {float: left; width: 48%; height:305px; margin-left: 15px; background-image: url(../images/special_bg.gif); background-repeat: repeat; background-position: top left; margin-bottom: 10px;}
.specialcontainer .specialboxContent {padding: 0px 15px 0 15px; margin-bottom: 30px; margin-top: 5px; *margin-top: 0px;  text-align: center;}
.specialcontainer .specialboxContent .title {font-size: 14px; font-weight: bold; padding: 3px 0 3px 0; display: block;}



/*----ispravak za knjigu područja----*/
.leftColumn {margin-left:0px ! important;} 
.topicsBoxFooter {background-image:url(../images/topicBoxCornerBottom.gif) ! important;