/* CSS Document */
body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: url(../images/bg/body_bg.jpg) center top;
}

p {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	font-size: 12px;
	color: #213e72;
	
}

a:hover {
	text-decoration: none;
	color: #3360b2;
}

h1 {
	color: #656565;
	font-size: 16px;
	margin: 0;
	padding: 0;
}


h2 {
	color: #656565;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #116fa8;
	font-size: 13px;
	margin: 0;
	padding: 10px 0;
	font-weight: bold;
}


hr {
	height:0px;
	border-top:0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	list-style-image: url(../images/list_icon.gif);
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	font-size: 12px;
	margin-top: 15px;
}


/****** GENERIC ******/

.flashTextFix {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

input.textInput {
	height: 18px;
	width: 255px;
	border: 1px solid #bec5cd;
}

textarea.inputTextArea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}

div.hr {
	background: url(../images/hr.gif) top left no-repeat;
	height: 8px;
	margin: 20px 0;
}

input.invis {
  font-size: 11px;
  background: transparent;
  border: none;
  margin-left: 2px;
  padding: 5px 4px;
  width: 105px;
  cursor: text;
}

input.bookInvis {
  font-size: 11px;
  background: transparent;
  border: none;
  margin-left: 2px;
  padding: 5px 7px;
  width: 99px;
  cursor: text;
  
}
/**
*+html input.invis {
  font-size: 11px;
  background: transparent;
  border: none;
  margin-left: 2px;
  padding: 0px 4px 16px 4px;
  width: 105px;
  cursor: text;
}
**/
/******** PAGE ********/
div#page {
	width: 997px;
	padding: 0;
	margin: 0 auto;	
}

/** HEADER **/
div#header {
	background: url(../images/bg/header_bg.jpg) top left no-repeat;
	padding: 0;
	width: 997px;
	position: relative;
	height: 147px;
}

div#header2 {
	background: url(../images/bg/header2_bg.jpg) top left no-repeat;
	padding: 0;
	width: 997px;
	position: relative;
	height: 147px;
}

div#navButtons {
	padding: 44px 0 0 352px;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 71px;
}

/** NAV **/
a#home {
	width: 92px;
	background: url(../images/nav_buttons/nav_home.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#home:hover {
	background-position: -92px 0;
}

a#books {
	width: 80px;
	background: url(../images/nav_buttons/nav_books.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#books:hover {
	background-position: -80px 0;
}

a#blogs {
	width: 136px;
	background: url(../images/nav_buttons/nav_blogs.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#blogs:hover {
	background-position: -136px 0;
}

a#videos {
	width: 77px;
	background: url(../images/nav_buttons/nav_videos.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#videos:hover {
	background-position: -77px 0;
}

a#audio {
	width: 90px;
	background: url(../images/nav_buttons/nav_audio.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#audio:hover {
	background-position: -90px 0;
}

a#about {
	width: 127px;
	background: url(../images/nav_buttons/nav_about.jpg);
	background-repeat: no-repeat;
	display: block;
}

a#about:hover {
	background-position: -127px 0;
}



/******** CONTENT ********/
div#content { /*intervals of 147*/
	background: url(../images/bg/tile_bg.jpg) top right repeat-y;
	width: 921px;
	float: left;
}

ul.sideLinks {
	margin: 0;
	padding: 10px 5px 0 5px;
	list-style: none;
	list-style-image: none;
}

ul#prodMenu {
	margin: 0;
	padding: 8px 5px 0 5px;
	list-style: none;
	list-style-image: none;
}

li.sub {
	padding: 4px 0;
	margin: 0;
}

ul.subProdMenuList {
	height: auto;
	padding: 0;
	display: none;
	border: 0;
	margin: 0 0 0 15px;
	list-style-image: url(../images/book_list_icon.gif);
}

ul.subProdMenuList li {
	margin: 3px 0;
}

ul.subBlogMenuList {
	height: auto;
	padding: 0;
	display: none;
	border: 0;
	margin: 0 0 0 15px;
	list-style: none;
}

ul.sideLinks li {
	margin: 0;
	padding: 3px 0;
}

div#bottomPage {
	clear: left;
	padding-left: 348px;
}

a.commentLink {
	font-size: 11px;
}

div#textContentLeft { 
	width: 345px;
	float: left;
	padding: 225px 20px 0 0;
}

div#textContentRight { 
	width: 110px;
	float: left;
	padding: 225px 0 0 15px;
}

div#textContentLarge {
	width: 445px;
	float: left;
	padding: 225px 20px 30px 25px;
}

/** ABOUT **/
div#aboutContent {
	background: url(../images/bg/about_content_bg.jpg) top left no-repeat;
	padding: 0 0 0 425px;
	min-height: 507px;
	_height: 507px;
}

div#rightContentAbout {
	background: url(../images/bg/about_content_right.jpg) top left no-repeat;
	width: 76px;
	height: 300px;
	float: left;
}


/** BLOG **/
div#blogContent {
	background: url(../images/bg/blog_content_bg.jpg) top left no-repeat;
	min-height: 533px;
	_height: 533px;
}

div#blogBottom {
	background: url(../images/bg/bottom_blog_bg.gif) top left no-repeat;
	width: 180px;
	height: 102px;
}

div#blogBottom img {
	position: relative;
	left: -50px;
	top: 20px;
}

div#repeatBlogSearch {
	background: url(../images/bg/blog_repeat_bg.jpg) top right repeat-y;
	width: 164px;
	padding: 0 0 14px 15px;
	min-height: 120px;
	_height: 120px;
}


div#blogSearch {
	padding: 105px 30px 0 170px;
	width: 226px;
	float: left;
}

div#blogSearch a {
	color: #000000;
	text-decoration: none;
}

div#blogSearch a:hover {
	text-decoration: none;
	color: #363636;
}

div#blogSearch div#blogBottom {
	background: url(../images/bg/bottom_blog_bg.gif) top right no-repeat;
	width: 179px;
	height: 118px;
}

div#readBlog {
	color: #213e72;
	font-size: 11px;
}

div#searchContainer {
	padding: 15px 0 2px 15px ;
}

div#blogSearchField {
	width: 116px;
	height: 25px;
	background: url(../images/bg/search_input_bg.gif) top left no-repeat;
	float:left;
	padding: 3px;
}

div#rightContentBlog {
	background: url(../images/bg/blog_content_right.jpg) top left no-repeat;
	width: 76px;
	height: 507px;
	float: left;
}

input.textField {
	 width: 200px;
	 border: 1px solid #c3c3c3;
	 font-family: arial;
	 font-size: 11px;
}

textarea.textArea {
	 width: 200px;
	 border: 1px solid #c3c3c3;
	 font-family: arial;
	 font-size: 11px;
}

div.commentsContain {
	padding-bottom: 8px;
}

div.commentDetail {
	padding-left: 20px;
}

/** BOOKS **/

div#bookSearchContainer {
	padding: 18px 0 60px 50px;
}

*+html div#bookSearchContainer {
	padding: 20px 0 60px 50px;
}

img.marginImg {
	margin: 0 0 10px 10px;
}
/**
input.bookInput {
	position: relative;
	top: -22px;
}
**/

div#booksContent {
	background: url(../images/bg/books_content_bg.jpg) top left no-repeat;
	padding: 0 0 0 162px;
	min-height: 507px;
	_height: 507px;
}

div#booksSearch {
	padding: 105px 0 0 0px;
	width: 241px;
	float: left;
}

div#cateBottom {
	background: url(../images/bg/cate_bot_bg.gif) top left no-repeat;
	width: 241px;
	height: 96px;
}

div#cateBottom img {
	position: relative;
	left: -90px;
}

div#repeatBooksSearch {
	padding: 0 0 0 45px;
	background: url(../images/bg/book_search_bg.gif) top right repeat-y;
	min-height: 200px;
}

div#repeatBooksSearch a {
	color: #FFFFFF;
}

div#rightContentBooks {
	background: url(../images/bg/books_content_right.jpg) top left no-repeat;
	width: 76px;
	height: 300px;
	float: left;
}

#searchButton {
	position: relative;
	top: -3px;
}

#searchBookButton {
	position: relative;
	top: 10px;
	left: 3px
}

div#textLeft {
	width: 190px;
	padding-right: 15px;
	float: left;
}

div#textRight {
	width: 240px;
	float: left;
}

/** AUDIO **/
div#audioContent {
	background: url(../images/bg/audio_content_bg.jpg) top left no-repeat;
	height: 648px;
}

/** VIDEO **/
div#videoContent {
	background: url(../images/bg/video_content_bg.jpg) top left no-repeat;
	height: 648px;
}





/******** BROWSE NAVIGATION ********/
div#browseNavigation {
	color: #907925;
	font-size: 11px;
	padding: 0 0 12px 23px;
}

div#browseNavigation strong {
	color: #181a1c;
}

div#browseNavigation a {
	color: #907925;
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
	text-decoration: underline;
}

/******** PAGE BOTTOM ********/
div#pageBottom {
	margin: 0 auto;
	width: 970px;
	padding: 0;
}

/******** THUMB HOVER ********/
#imageContainer {
	width: 348px;
	height: 348px;
	padding: 0;
	margin: 0;
	float: left;
}

#imageContainer img {
	border: 1px solid #d9dbdc;
}

#gallery {
	width: 110px;
	padding: 0 0 0px 17px;
	margin: 0;
	float: left;
	overflow:hidden;
	height: 348px;
}

#gallery img {
	border: 1px solid #d9dbdc;
}

/** SCROLL BAR **/
#scrollBar {
	width: 8px;
	height: 348px;
	margin-left: 10px;
	background: url(../images/img_scroller.gif) repeat-y center;
	float: left;
}	

#scrollHandle {
	width: 8px;
	height: 35px;
	background-image: url(../images/img_scroller_handle.gif);
	background-position: top-left;
	background-repeat: no-repeat;
	cursor: pointer;
}
	
/**** PRODUCT LIST ****/
ul.productList {
	margin: 0;
	padding: 0;
}

ul.productList li {
	width: 133px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 21px 25px 0 ;
	margin: 0;
}

ul.productList li.rightSide {
	width: 133px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 0px 25px 0 ;
	margin: 0;
}



ul.productList li a {
	color: #010101;
	font-size: 14px;
	font-weight: 100;
	text-decoration: underline;
}	

ul.productList li a:hover {
	text-decoration: none;
}

div.listTitleContain {
	padding-top: 7px;
}

div.productLeft {
	width: 135px;
	float: left;
}

div.productRight {
	width: 95px;
	float: left;
}

div.productRight a.productTitle {
	font-size: 12px;
	text-decoration: underline;
	color: #800000;
}

div.productRight a.productTitle:hover {
	font-size: 12px;
	text-decoration: none;
}


ul.productList li p {
	padding: 5px 0;
	margin: 0;
	font-size: 11px;
	color: #0c0d0e;
	height: 115px;
}
	
img.imageProductList {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
}	

div.productListText {
	width: 150px;
	padding-left: 10px;
	float: left;
}

h2.productListInclude {
	position: relative;
	top: -5px;
}
	
/****** FOOTER ******/
div#footer {
	position: relative;
	color: #ffffff;
	font-size: 11px;
	height: 50px;
	padding: 10px 0 10px 345px;
}

div#footer a {
	color: #ffffff;
	font-size: 11px;
}

div#footer a:hover {
	color: #ffffff;
}

div#copyright {
	padding-top: 4px;
	font-size: 11px;
	color: #a4cf43;
}
div#footerLinks a:hover {
	color: #ffffff;
	text-decoration: underline;
}

span#blissLink {
	position: relative;
	top: -4px;
}