﻿.homeHolder {position: relative; width:100%; margin:0; padding:0; zoom:1;}

.contentContainer{position: relative; margin:0; margin-left:215px; margin-right:15px; zoom:1;}

.rightColumn {width:220px; position: absolute; top: 0; right:0; z-index: 300;}

.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;}

.search {margin-right:230px; 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 {position: relative; height: 100%; padding-right:235px; line-height: 21px; background-image:url(../images/contentCornerTopRight.gif); background-repeat:no-repeat; background-position: right  top;}
.content a {color: Gray;}
.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 {margin-top:15px; margin-left:20px; margin-bottom:15px; *zoom:1; *height:100%;}


.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: 140px;  text-align: left; float: left; margin-bottom: 10px; margin-top: 10px; font-family: Verdana; *zoom: 1; }
.listHolder .bookContainer img {width: 110px; }
.listHolder .bookContainer .image { margin-left: 10px;}
.listHolder .bookContainer .title {font-size: 11px; font-weight: bold; margin-left: 10px; width: 140px; line-height: 15px; margin-top: 10px; }
.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: 10px; font-weight: normal; color: Gray; margin-left: 10px; line-height: 14px;}
.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 .description {font-size: 11px;}
.listHolder .bookContainer .oldPrice {font-size: 11px; font-weight: normal; text-decoration: line-through; float: left; margin-left: 10px;}
.listHolder .bookContainer .price {font-size: 11px; font-weight: bold; color: #ae0e0e; float: left; margin-left: 8px;}
.listHolder .bookContainer .cartContainer {float: left; margin-top: 8px; margin-left: 5px;}

.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;}

.listMargins {margin-top: 15px; margin-bottom: 15px;}


#loader {background-image: url(../Images/ajax-loader.gif); background-repeat: no-repeat; background-position: center center;  height: 239px; margin:auto; *zoom:1; }

.newsboxsimple {width: 100%; height: 155px; float: left; background-image: url(../Images/NewsBoxBlue_back.gif); background-repeat: repeat-x; background-position: top left; }
.newsboxsimpleLeft {width: 12px; height: 155px; float: left; background-image: url(../Images/NewsBoxBlue_left.gif); background-repeat: no-repeat; background-position: top left; }
.newsboxsimpleRight {width: 12px; height: 155px; float: right; background-image: url(../Images/NewsBoxBlue_right.gif); background-repeat: no-repeat; background-position: top left;}
.newsboxsimple h3 {font-size: 14px; font-weight: bold; color: #6a8a8a; border-bottom: solid 1px White; margin-top: 10px; margin-bottom: 10px;}

.newsboxsimple .newscontent {width: 90%; float: left; overflow: hidden; height: 135px;}
.newsboxsimple .newscontent ul {list-style: none; font-size: 11px; }


.genericBox {width: 100%; margin-bottom: 5px; margin-top: 5px; height: 74px; }
.genericBox .boxHeader {width: 100%; height: 44px; background-image:url(../images/GenericBox_HeaderBack.gif); background-repeat: repeat-x; background-position: top center;}
.genericBox .boxHeaderLeft {width: 7px; height: 44px; float: left; background-image:url(../images/GenericBox_HeaderLeft.gif); background-repeat: no-repeat; background-position: left center;}
.genericBox .boxHeaderRight {width: 7px; height: 44px; float: right; background-image:url(../images/GenericBox_HeaderRight.gif); background-repeat: no-repeat; background-position: right center;}
.genericBox .boxHeader span {float: left; line-height: 36px; padding-left: 5px; font-size: 16px; font-weight: bold; color: #cf7003;}
.genericBox .boxContent {border-left: solid 1px #b2b1b1; border-right: solid 1px #b2b1b1; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; margin: 0px; line-height: 14px;}
.genericBox .boxFooter {width: 100%; height: 7px; background-image:url(../images/lineGray.gif); background-repeat: repeat-x; background-position: bottom left; margin: 0px;}
.genericBox .boxFooterLeft {width: 8px; height: 7px; float: left; background-image:url(../images/GenericBox_BottomLeft.gif); background-repeat: no-repeat; background-position: left bottom;}
.genericBox .boxFooterRight {width: 8px; height: 7px; float: right; background-image:url(../images/GenericBox_BottomRight.gif); background-repeat: no-repeat; background-position: right bottom;}
.genericBox .boxContent img {margin-right: 8px;}
.genericBox .boxContent a {font-size: 12px; font-weight: bold; text-decoration: none;}
.genericBox .boxContent a:hover {text-decoration: underline;}

.sliderwrapper .contentdiv .bookContainer {width: 46%;  text-align: left; float: left; margin-bottom: 5px; margin-top: 0px; margin-left: 15px; font-size: 11px; *zoom: 1; }
.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;}

.middleContentCenterFull {width: 99%; display: block; float:left; overflow: hidden; *margin-bottom: 10px; *margin-top: 10px; }

#pageholder {float: left; width: 76%;}
#pageholder #leftContent {float:left; margin-left: 15px; width:70%;}
#pageholder #leftContent a {color: #333; text-decoration: none;}
#pageholder #leftContent a:hover {text-decoration: underline;}
#pageholder #leftContent h2 {font-family: Franklin Gothic Book, Verdana; font-size: 24px; display: block; margin-bottom: 20px;}

#pageholder #rightBar {float:left; width:25%;}
#pageholder #rightBar #booklistContainer {background-color:#aba; border:1px solid; margin-left: 5px; margin-top: 5px;}
#pageholder #rightBar .articlelistContainer {float:left; width: 100%; margin-left: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 23px; font-size: 11px;}
#pageholder #rightBar h2 {font-family: Franklin Gothic Book, Verdana; font-size: 14px; font-weight: bold;}
#pageholder #rightBar a {text-decoration: none; color: Gray;}
#pageholder #rightBar a:hover {text-decoration: underline; color: #333;}
#pageholder #rightBar .article {text-indent: 10px;}
#pageholder #rightBar .listHeader {height: 31px; width: 100%; background-image:url(../images/ListHeaderDark_Left.gif); background-repeat:no-repeat; background-position: left center; background-color: #333;}
#pageholder #rightBar .listHeader h2 {float: left; line-height: 31px; margin-left: 10px; font-family: Franklin Gothic Book, Verdana; font-size:16px; font-weight: bold; color: #fff; }
#pageholder #rightBar .listHeader img {float: right; }

.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;}

