/* Main CSS for Tafelberg */

/* 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 #fff; }
img { border: 0; margin: 0; padding: 0; }
form { padding: 0; margin: 0; }
table { border: 0; }


/* Layout */
#wrap { width: 100%; position: relative; }
#container { width: 960px; margin: auto; }
#content { margin: 0; padding: 0; }

#header { width: 100%; height: 231px; }
#header .lang { float: right; width: 140px; height: 33px; background: url(/images/bg_lang.gif) repeat-x top left #000; text-align: center; line-height: 33px; color: #999; font-weight: bold; }
#header .lang a { color: #999; text-decoration: none; }
#header .lang a:hover, #header .lang .current { color: #2ea5c8; }

#top_bar { width: 960px; margin: auto; }

#search { width: 100%; height: 30px; margin: auto; }
#search a { color: #333; font-size: 11px; text-decoration: none; }
#search a:hover { text-decoration: underline; }

#column_1 { float: left; width: 187px; padding: 26px 10px 0 10px; }
#column_1 h1 { margin: 0; padding: 0 0 10px 0; }
#column_1 #bookmarks { margin: 20px 0 0 0; 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: 724px; background: url(/images/bg_col_1.gif) repeat-y top left #fff; padding: 0 10px 0 10px; } * html #column_2 { /* ie only */ width: 721px; }
#column_2 h2 { margin: 4px 0 4px 0; padding: 0; font-size: 16px; } 
#column_2 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_2 h4 { margin: 0 0 15px 0; padding: 0; font-size: 12px; }
#column_2 h5 { margin: 6px 0 10px 6px; 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 5px 15px 0; }
#column_2 a { color: #1095b6; text-decoration: underline; margin: 0 0 10px 0; }
#column_2 a:hover { text-decoration: none; }
#column_2 .read_more a { float: right; padding: 0 10px 0 0; color: #2ea5c8; font-weight: bold; text-decoration: none; } 
#column_2 .read_more a:hover { text-decoration: underline; }
#column_2 .details a { float: right; color: #2ea5c8; font-weight: bold; text-decoration: none; margin: 0 18px 10px 0; }
#column_2 .details a:hover { text-decoration: underline; }

#column_3 { padding: 0; }
#column_3 h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; } * html #column_3 h2 { /* ie only */ margin-bottom: -5px; }
#column_3 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_3 h4 { margin: 0; padding: 0; color: #1095b6; font-size: 16px; }
#column_3 p { margin: 0 0 0 6px; padding: 0 0 15px 0; }
#column_3 .read_more a { float: right; color: #2ea5c8; font-weight: bold; text-decoration: none; margin: 0; }
#column_3 .read_more a:hover { text-decoration: underline; }

#footer { width: 100%; height: 48px; background: url(/images/bg_ftr_grad.gif) repeat-x top left #000; position: absolute; bottom: 0; }
#footer .bottom { width: 960px; margin: auto; padding-top: 18px; }
#footer .copyright { float: right; margin: 0 10px 0 0; width: 140px; height: 33px; text-align: right; line-height: 30px; color: #999; font-weight: bold; }

/* Navigation */
#navigation { margin: 0 0 12px 0; padding: 0; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { display: inline; list-style-type: none; padding: 0; }

.main_nav { float: left; margin: 0 0 0 15px; }
.main_nav ul { margin: 8px 0 0 0; padding: 0; color: #999; font-weight: bold; }
.main_nav li { display: inline; list-style-type: none; }
.main_nav a { color: #999; text-decoration: none; }
.main_nav a:hover { color: #2ea5c8; }
.main_nav .current { color: #ccc; }

/* Content */
.box_1 { width: 710px; padding: 10px 10px 10px 4px; }
.box_2 { width: 338px; padding: 10px 0 10px 4px; } 
.box_3 { width: 360px; padding: 10px 10px 10px 4px; } 
.box_4 { padding: 5px 10px 10px 0; margin: 0 0 10px 0; }
.box_5 { width: 224px; padding: 10px 10px 0 10px; } * html .box_5 { /* ie only */ width: 222px; }
.box_6 { width: 470px; padding: 10px 10px 10px 9px; } * html .box_6 { /* ie only */ margin-top: 0; }
.box_7 { padding: 5px 15px 0 9px; margin: 0; }
.box_7 p { width: 460px; }
.box_8 { width: 710px; background: url(/images/bg_box_3.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; }
.box_9 { padding: 10px 10px 10px 4px; } * html .box_7 { /* ie only */ width: 222px; }

.box_content { padding: 10px 10px 10px 0; }

.div_1 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_1.gif) no-repeat bottom left; } * html .div_1 { /* ie only */ margin: -12px 0 0 0; }
.div_2 { clear: both; width: 100%; height: 1px; margin: 0; padding: 10px 0 0 0; background: url(/images/div_1.gif) no-repeat center left; } * html .div_2 { /* ie only */ margin: -12px 0 0 0; }
.div_3 { width: 100%; height: 1px; margin: 0; padding: 10px 0 0 0; background: url(/images/div_1.gif) no-repeat bottom left; } * html .div_3 { /* ie only */ padding: 0; }

.div_vert { width: 1; height: 100%; margin: 0; padding: 0; background: url(/images/div_vert.gif) repeat-y top right; }
.div_last { padding-left: 6px; }

.image_bdr_1 { border: 2px solid #e1e1e1; float: left; margin: 0 10px 0 6px; } 
.image_bdr_2 { border: 2px solid #e1e1e1; float: left; margin: 0 10px 0 8px; } 

/* Table */
#tbl_search { margin: 0; padding: 0; border: 0; float: right; }
#tbl_search td { height: 24px; vertical-align: middle; }
#tbl_search a { color: #333; font-size: 11px; text-decoration: none; }
#tbl_search a:hover { text-decoration: underline; }

#tbl_authors { margin: 0 0 0 8px; padding: 0; border: 0; }
#tbl_authors td { vertical-align: top; }

#tbl_contact { margin: 10px 0 10px 8px; padding: 0; }
#tbl_contact td { vertical-align: top; }
#tbl_contact_form { margin: 3px 0 3px 0; padding: 0; border: 0; }
#tbl_contact_form td { vertical-align: top; }

#tbl_signup { margin: 0; padding: 0; border: 0; }
#tbl_signup td { vertical-align: top; }

#tbl_recommend { margin: 0 0 10px 0; padding: 0; border: 0; }
#tbl_recommend td { text-align: center; vertical-align: middle; }

.tbl_row_1 { background: url(/images/bg_box_1.gif) no-repeat top left #fff; padding: 10px 0 10px 0; }
.tbl_row_2 { background: url(/images/bg_box_2.gif) no-repeat top left #fff; padding: 10px 0 10px 0; }
.tbl_row_3 { padding: 0 5px 10px 5px; }
.tbl_row_4 { background: url(/images/bg_box_1.gif) no-repeat top left #fff; padding: 10px 0 10px 5px; }

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

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

.col_1 { color: #043c4c; }
.col_2 { color: #7ec82e; }
.col_3 { color: #c82e73; }
.col_4 { color: #007095; }
.col_5 { color: #2ea5c8; }

.txt_small { font-size: 11px; }
.txt_list ul { margin: 0 0 0 35px; padding: 0 0 15px 0; }
.txt_list li { list-style-type: none; padding: 0; }
.txt_deco { font-family: 'Times New Roman', Times, serif; }

#breadcrumb { margin: 5px 0 5px 0; }
#breadcrumb a { color: #333; margin: 0 0 10px 0; }
#breadcrumb a:hover, #breadcrumb .current { color: #2ea5c8; }

.hdr_col_1 { float: left; width: 340px; margin: 0 10px 0 2px; }
.hdr_col_2 { float: right; margin: 6px 0 0 0; }
.hdr_col_2 a { color: #1095b6; text-decoration: none; }
.hdr_col_2 a:hover { color: #ef5402; }

.quote_intro { padding: 0 10px 10px 40px; }
.quote_intro h3 { color: #1095b6; 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: #1095b6; text-decoration: none; font-weight: bold; padding-bottom: 20px; }
.quote_col_2 a:hover { text-decoration: underline; }

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

#catalogue { width: 470px; margin: 0; padding: 0; background: url(/images/div_vert.gif) repeat-y top left; }

#more_info { margin: 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: #1095b6; font-size: 20px; font-weight: bold; padding: 0 0 6px 0; }

#recommend h4 { margin: 10px 0 0 0; padding: 0; font-size: 14px; font-family: 'Times New Roman', Times, serif; text-transform: uppercase; font-weight: 100; }

#review .review_box { float: left; margin: 0 0 10px 0; }
#review .review_box h3 { color: #1095b6; font-size: 12px; }
#review .review_box h4 { color: #333; font-size: 12px; }
#review p { margin: 0; padding: 10px 0 6px 0; }
#review .read_more a { float: right; color: #2ea5c8; font-weight: bold; text-decoration: none; margin: 53px 0 0 0; }
#review .read_more a:hover { text-decoration: underline; }

#review_content a { color: #1095b6; text-decoration: none; font-weight: bold; padding-bottom: 20px; }
#review_content a:hover { text-decoration: underline; }

#author_buttons { margin: 6px 0 6px 4px; } * html #author_buttons { /* ie only */ margin: -2px 0 6px 4px; }
#author_buttons ul { margin: 0; padding: 0; font-size: 11px; }
#author_buttons li { display: inline; list-style-type: none; padding: 0 10px 0 0; }

#pagination_1 { padding: 0 10px 0 0; }
#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: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#pagination_1 a:hover { text-decoration: underline; }
#pagination_1 .current { color: #1095b6; font-weight: bold; }

#pagination_2 ul { margin: 0; padding: 0; font-size: 11px; }
#pagination_2 li { display: inline; list-style-type: none; padding: 0; }
#pagination_2 a { color: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#pagination_2 a:hover { text-decoration: underline; }
#pagination_2 .current { color: #1095b6; font-weight: bold; }

#page_col_1a { float: left; width: 80px; margin: 0 0 0 4px; }
#page_col_1a a { color: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#page_col_1a a:hover { text-decoration: underline; }
#page_col_2a { float: right; margin: 0; color: #dedede; }
#page_col_2a a { color: #1095b6; text-decoration: none; }
#page_col_2a a:hover { color: #ef5402; }

#page_col_1b { float: left; width: 80px; margin: 0 0 0 2px; }
#page_col_1b a { color: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#page_col_1b a:hover { text-decoration: underline; }
#page_col_2b { float: right; margin: 0; color: #dedede; }
#page_col_2b a { color: #333; text-decoration: none; }
#page_col_2b a:hover { color: #ef5402; }

#view { padding: 0 0 25px 4px; }
#view a { color: #333; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#view a:hover { text-decoration: underline; }

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

#back { padding: 0 10px 0 4px; color: #ddd; }
#back a { color: #1095b6; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#back a:hover { text-decoration: underline; }

#authors_list_links ul { margin: 10px 5px 10px 5px; 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: #1095b6; 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: #1095b6; font-weight: bold; }

#advanced_search a { color: #333; margin: 0 0 10px 0; text-decoration: none; }
#advanced_search a:hover { text-decoration: underline; }
#advanced_search .current { color: #1095b6; }

/* 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: 140px; 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: 200px; 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: 150px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }

a.nostyle * {text-decoration:none; color:inherit;}
a.nostyle {text-decoration:none;}
.nostyle {text-decoration:none;color:inherit;}