/* Main CSS for Afrikaans Romance */

/* Default */
* { margin: 0; padding: 0; }
/*html { height: 100%; }*/
body { /*height: 100%;*/ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; background: url(/images/bg_main.gif) repeat-x top left; }
img { border: 0; margin: 0; padding: 0; }
form { padding: 0; margin: 0; }
table { border: 0; }
a { color: #a20f21; font-weight: bold; text-decoration: none; } 
a:hover { text-decoration: underline; }

/* Layout */
#holder { width: 100%; background: url(/images/bg_background.gif) no-repeat top center; }
#wrap { width: 960px; position: relative; margin: auto; }
#container { width: 960px; margin: auto; background: #fff; }
#content { background: #fff; }

#header { width: 100%; height: 228px; background: #5b4b42; } * html #header { /* ie only */ height: 218px; }
#top { width: 747px; height:30px; background: #eee8dc; border-bottom: 1px solid #dadad9; padding: 0 10px 0 0; } * html #top { /* ie only */ width: 745px; }
#breadcrumb { width: 250px; height: 22px; float: left; padding: 8px 0 0 12px; color: #847268; font-weight: bold; }
#breadcrumb a { color: #a20f21; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }
#search { width: 350px; height: 28px; float: right; padding: 2px 0 0 0; }
#search a { color: #a20f21; text-decoration: none; font-weight: bold; }
#search a:hover { text-decoration: underline; }

#column_1 { float: left; width: 182px; margin: 0; padding: 18px 10px 0 10px; }
#column_1 h1 { margin: 0; padding: 0 0 20px 0; }
#column_1 .signup { padding: 0 0 0 10px; }
#column_1 #bookmarks { margin: 20px 0 0 12px; color: #9a99a1; font-size: 11px; }
#column_1 #bookmarks ul { margin: 6px 0 0 0; padding: 0; }
#column_1 #bookmarks li { display: inline; list-style-type: none; padding: 0 6px 0 0; }

#column_2 { float: left; width: 757px; border-left: 1px solid #dadad9; background: url(/images/bg_col_2.gif) no-repeat top right; margin: 0 0 12px 0; padding: 0; } * html #column_2 { /* ie only */ width: 742px; margin: 0 0 6px 0; }
#column_2 .wrap { padding: 0 10px 10px 0; }
#column_2 h2 { margin: 0 0 2px 0; padding: 0; font-size: 16px; text-transform: uppercase; color: #473a33; } 
#column_2 h3 { margin: 0 0 2px 0; padding: 0; font-size: 14px; text-transform: uppercase; color: #473a33; } 
#column_2 h4 { margin: 0 0 2px 0; padding: 0; font-size: 12px; }
#column_2 h5 { margin: 5px 0 15px 0; padding: 0; font-size: 11px; }
#column_2 h6 { margin: 0; padding: 0; font-size: 11px; font-weight: 100; }
#column_2 p { margin: 0; padding: 0 0 15px 0; }
#column_2 .read_more a { color: #a20f21; font-weight: bold; text-decoration: none; } 
#column_2 .read_more a:hover { text-decoration: underline; }
#column_2 .details a { color: #a20f21; font-weight: bold; text-decoration: none; line-height: 30px; }
#column_2 .details a:hover { text-decoration: underline; }

#column_2 #body_col_1 { float: left; width: 340px; border-right: 1px solid #dadad9; padding: 20px 20px 0 20px; }
#column_2 #body_col_2 { float: left; width: 340px; padding: 20px 0 0 20px; }
#column_2 #body_col_3 { float: left; width: 480px; border-right: 1px solid #dadad9; padding: 20px 20px 0 20px; }
#column_2 #body_col_4 { float: left; width: 200px; padding: 20px 0 0 20px; }

#footer { width: 960px; height: 40px; background: #5b4b42; position: absolute; bottom: 0; margin: auto; }
#footer .bottom { width: 960px; margin: auto; padding-top: 4px; }
#footer .copyright { float: right; margin: 0 10px 0 0; width: 140px; height: 33px; text-align: right; line-height: 30px; color: #9c928c; font-weight: bold; }

/* Navigation */
#navigation { margin: 0 0 12px 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 12px; }
#navigation a { color: #999289; text-decoration: none; }
#navigation a:hover { color: #b91d26; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { display: block; list-style-type: none; background: url(/images/bdr_nav_top.gif) no-repeat top left; line-height: 30px; }
#navigation li .current { color: #b91d26; }
#navigation li.open { background: url(/images/bdr_nav.gif) no-repeat top left; line-height: 32px; }
#navigation li.last { background: url(/images/bdr_nav.gif) no-repeat top left; line-height: 32px; }
#navigation li ul { background: none; text-transform: none; margin: 10px 0 0 0; line-height: 32px; } 
#navigation li ul li { background: none; padding: 0; line-height: 22px; }
#navigation li ul li a { color: #999289; padding: 0 0 0 15px; }
#navigation li ul li a:hover { background: url(/images/bg_sub_nav_ul.gif) no-repeat center left; color: #5b4a42; padding: 0 0 0 15px; }
#navigation li ul li .current { background: url(/images/bg_sub_nav_ul.gif) no-repeat center left; color: #5b4a42; padding: 0 0 0 15px; line-height: 32px; }
.currentNavItem { background: url(/images/bg_sub_nav_ul.gif) no-repeat center left; color: #5b4a42; padding: 0 0 0 15px; line-height: 32px; }
#navigation li ul li.first_sub { padding: 0; }
#navigation li ul li.last_sub { padding: 0 0 10px 0; }

.main_nav { float: left; margin: 0 0 0 15px; height: 33px; }
.main_nav ul { margin: 8px 0 0 0; padding: 0; color: #9c928c; font-weight: bold; }
.main_nav li { display: inline; list-style-type: none; }
.main_nav a { color: #9c928c; text-decoration: none; }
.main_nav a:hover, .main_nav .current { color: #fff; }

/* Content */
.box_note { width: 280px; background: url(/images/bg_box_note.jpg) repeat-x top left; padding: 20px 40px 20px 20px; }

.image_bdr_1 { border: 1px solid #ccc; float: left; margin: 0 10px 0 0; padding: 2px; } 
.image_bdr_2 { border: 1px solid #ccc; float: left; margin: 0 10px 20px 0; padding: 2px; } 
.image_bdr_3 { border: 1px solid #ccc; float: left; margin: 0 10px 0 5px; padding: 2px; } 
.image_bdr_4 { border: 1px solid #ccc; float: left; margin: 0; padding: 2px; } 
.image_bdr_5 { border: 1px solid #ccc; float: left; margin: 0 10px 10px 0; padding: 2px; } 

.td_content { padding: 0 20px 0 0; }
.td_bg_1 { background: url(/images/bg_td_1.gif) no-repeat bottom right; padding: 0 50px 0 0; }
.td_bg_2 { background: url(/images/bg_td_2.gif) no-repeat bottom right; padding: 0 50px 0 0; }

/* Table */
.tbl_content { margin: 0; padding: 0; border: 0; }
.tbl_content td { vertical-align: top; }

#tbl_search { margin: 0; padding: 0; border: 0; }
#tbl_search td { height: 24px; vertical-align: middle; }
#tbl_authors { margin: 0; padding: 0; border: 0; }
#tbl_authors td { vertical-align: top; padding: 0 8px 0 0; }
#tbl_contact { margin: 10px 0 10px 0; padding: 0; border: 0; }
#tbl_contact td { vertical-align: top; padding: 0 0 10px 0; }
#tbl_contact_form { margin: 3px 0 3px 0; padding: 0; border: 0; }
#tbl_contact_form td { vertical-align: top; }
#tbl_catalog { margin: 0; padding: 0; border: 0; }
#tbl_catalog td { vertical-align: top; }
#tbl_signup_banner { border: 1px solid #ccc; }
#tbl_signup_banner td { background: #eee8dc; }
#tbl_signup_banner p { margin: 0; padding: 0 0 0 15px; font-size: 16px; color: #663333; }
#tbl_signup { margin: 0; padding: 0; border: 0; }
#tbl_signup td { vertical-align: top; }

/* Body */
.clear { clear: both; }
.split { clear: both; height: 10px; }
.gap { clear: both; height: 30px; }
.break { clear: both; height: 100px; }
.space { clear: both; height: 300px; }

.left { float: left; }
.right { float: right; }

.cat { color: #8C7b72; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; }
.cat a { color: #8C7b72; }
.cat a:hover { color: #63483f; text-decoration: none; }

.txt_small { font-size: 11px; }
.txt_list ul { margin: 0; padding: 0 0 15px 0; }
.txt_list li { list-style-type: none; padding: 0; background: url(/images/bg_sub_nav_ul.gif) no-repeat center left; padding: 0 0 0 15px; }

.bdy_list ul { margin: 0; padding: 0; }
.bdy_list li { list-style-type: none; padding: 0; background: url(/images/bg_sub_nav_ul_li.gif) no-repeat top left; padding: 0 0 15px 15px; }

.quote { font-size: 14px; font-weight: bold; }

.quote_intro { padding: 0 10px 10px 40px; }
.quote_intro h3 { color: #a20f21; font-size: 12px; }
.quote_intro h4 { color: #333; font-size: 12px; }

.quote_col_2 { float: right; margin: 6px 0 0 0; }
.quote_col_2 a { color: #a20f21; text-decoration: none; font-weight: bold; padding-bottom: 20px; }
.quote_col_2 a:hover { text-decoration: underline; }

blockquote { margin: 0; padding: 18px 40px 0 40px; background: url(/images/bg_quote.gif) no-repeat top left #fff;; }

#catalogue { margin: 0 0 10px 0; }

#more_info { margin: 0 0 20px; 0 }
#more_info p { margin: 0; padding: 0 10px 10px 0; }
#more_info h4 { color: #333; font-size: 12px; padding: 6px 0 0 0; } * html #more_info h4 { /* ie only */ padding: 6px 0 6px 0; }
#more_info .price { color: #a20f21; font-size: 20px; font-weight: bold; padding: 0 0 6px 0; }

#review p { margin: 0; padding: 10px 0 6px 0; }
#review .read_more a { float: right; color: #a20f21; font-weight: bold; text-decoration: none; margin: 40px 0 0 0; }
#review .read_more a:hover { text-decoration: underline; }

#pagination_1 ul { margin: 0; padding: 0; font-size: 11px; }
#pagination_1 li { display: inline; list-style-type: none; padding: 0; }
#pagination_1 a { color: #999; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#pagination_1 a:hover { text-decoration: underline; }
#pagination_1 .current { color: #a20f21; font-weight: bold; }
#pagination_1 .link { color: #999; font-size: 11px; text-decoration: none; margin: 0 3px 10px 3px; }

#pagination_2 a { color: #333; font-weight: 100; }
#pagination_2 ul { margin: 0; padding: 0; font-size: 11px; }
#pagination_2 li { display: inline; list-style-type: none; padding: 0; }
#pagination_2 .current { color: #a20f21; font-weight: bold; }
#pagination_2 .link { color: #a20f21; font-weight: bold; }

.page_col_1 { float: left; width: 120px; margin: 0; }
.page_col_1 a { color: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
.page_col_1 a:hover { color: #a20f21; text-decoration: underline; }
.page_col_2 { float: right; margin: 0 5px 0 0; color: #dedede; }
.page_col_2 a { color: #333; text-decoration: none; }
.page_col_2 a:hover { color: #a20f21; }

#view { padding: 0 0 25px 0; }
#view a { color: #a20f21; font-size: 12px; text-decoration: none; margin: 0 3px 0 3px; font-weight: bold; }
#view a:hover { text-decoration: underline; }
#view .link { color: #999; font-size: 11px; text-decoration: none; margin: 0 3px 10px 3px; }

.view_col_1 { float: left; width: 340px; margin: 0 10px 0 0; }
.view_col_2 { float: right; margin: 0 10px 0 0; color: #dedede; }

#authors_list_wrap {  }
#authors_list_wrap h4 { font-size: 16px; color: #a20f21; }
#authors_list_wrap a { font-weight: 100; }

#authors_list_links ul { margin: 10px 5px 10px 0; padding: 0; }
#authors_list_links li { display: inline; list-style-type: none; padding: 0 4px 0 0; }
#authors_list_links a { color: #666; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#authors_list_links a:hover { text-decoration: underline; }
#authors_list_links .current { color: #a20f21; font-weight: bold; }

#authors_list ul { margin: 10px 0 10px 0; padding: 0; }
#authors_list li { list-style-type: none; padding: 0 0 4px 0; }
#authors_list a { color: #666; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#authors_list a:hover { text-decoration: underline; }
#authors_list .current { color: #a20f21; font-weight: bold; }

#advanced_search { border: 1px solid #ececec; padding: 12px; color: #333; }

/* Form */
.tbl_input_box { width: 173px; height: 16px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }
.frm_input_box { width: 220px; height: 16px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; padding: 2px 5px 0 5px; }
.frm_input_box_medium { width: 120px; height: 16px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; padding: 2px 4px 0 4px; }
.frm_multi_box { width: 213px; height: 120px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; padding: 2px 4px 0 4px; }
.frm_drop_box { width: 90px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }
.frm_drop_box_default { border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }