/* Main CSS for Kwela */

/* Default */
* { margin: 0; padding: 0; }
html { height: 100%; filter: expression(document.execCommand('BackgroundImageCache', false, true)); }
body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #f1f1f1; background: url(/images/bg_main.gif) repeat-x top left #000; }
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: 0 auto; }
#content { width: 100%; background: url(/images/bg_grain.gif) repeat-x top left #000; }

#header { width: 100%; height: 251px; } * html #header { /* ie only */ height: 259px; }
#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: #3399cc; }

#search { width: 340px; height: 30px; float: right; color: #000; }
#search a { color: #25A8DF; }
#search a:hover { text-decoration: none; }

#column_1 { float: left; width: 176px; margin: 0; padding: 32px 10px 0 10px; }
#column_1 h1 { margin: 0; padding: 0 0 12px 0; }
#column_1 #bookmarks { margin: 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; }

#column_2 { float: left; width: 734px; padding: 12px 10px 0 10px; } * html #column_2 { /* ie only */ width: 731px; padding-top: 0; }
#column_2 h2 { margin: -5px 0 4px 0; padding: 0; font-size: 16px; } * html #column_2 h2 { /* ie only */ margin: 4px 0 -10px 0; }
#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 p { margin: 0; padding: 0 0 15px 0; }
#column_2 .read_more_1 a { float: right; color: #25a8df; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_2 .read_more_1 a:hover { text-decoration: underline; }
#column_2 .read_more_2 a { float: right; color: #fbfb00; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_2 .read_more_2 a:hover { text-decoration: underline; }
#column_2 .read_more_3 a { float: right; color: #d60e6f; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_2 .read_more_3 a:hover { text-decoration: underline; }
#column_2 .read_more_4 a { float: right; color: #339933; font-weight: bold; text-decoration: none; margin: 0 5px 5px 0; } 
#column_2 .read_more_4 a:hover { text-decoration: underline; }

#column_3 { float: left; width: 500px; padding: 12px 10px 0 10px; } * html #column_3 { /* ie only */ width: 485px; }
#column_3 h2 { margin: -5px 0 4px 0; padding: 0; font-size: 16px; } * html #column_3 h2 { /* ie only */ margin: 4px 0 -10px 0; }
#column_3 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_3 h4 { margin: 6px 0 10px 6px; padding: 0; font-size: 11px; }
#column_3 h5 { margin: 0; padding: 0; font-size: 11px; font-weight: 100; }
#column_3 p { margin: 0 0 0 6px; padding: 0 0 15px 0; }
#column_3 a { color: #3399cc; text-decoration: underline; margin: 0 0 10px 0; }
#column_3 a:hover { text-decoration: none; }
#column_3 .read_more_1 a { float: right; color: #25a8df; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_3 .read_more_1 a:hover { text-decoration: underline; }
#column_3 .read_more_2 a { float: right; color: #fbfb00; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_3 .read_more_2 a:hover { text-decoration: underline; }
#column_3 .read_more_3 a { float: right; color: #d60e6f; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_3 .read_more_3 a:hover { text-decoration: underline; }
#column_3 .read_more_4 a { float: right; color: #339933; font-weight: bold; text-decoration: none; margin: 0 5px 5px 0; } 
#column_3 .read_more_4 a:hover { text-decoration: underline; }
#column_3 .details a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; margin: 0 18px 10px 0; }
#column_3 .details a:hover { text-decoration: underline; }

#column_4 { float: right; width: 220px; padding: 12px 10px 0 10px; }
#column_4 h2 { margin: -5px 0 4px 0; padding: 0; font-size: 16px; } * html #column_4 h2 { /* ie only */ margin: 4px 0 -10px 0; }
#column_4 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_4 h4 { margin: 0; padding: 0; color: #fbfb00; font-size: 16px; }
#column_4 p { margin: 0 0 0 6px; padding: 0 0 15px 0; }
#column_4 .read_more_1 a { float: right; color: #25a8df; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_4 .read_more_1 a:hover { text-decoration: underline; }
#column_4 .read_more_2 a { float: right; color: #fbfb00; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_4 .read_more_2 a:hover { text-decoration: underline; }
#column_4 .read_more_3 a { float: right; color: #d60e6f; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_4 .read_more_3 a:hover { text-decoration: underline; }
#column_4 .read_more_4 a { float: right; color: #339933; font-weight: bold; text-decoration: none; margin: 0 5px 5px 0; } 
#column_4 .read_more_4 a:hover { text-decoration: underline; }

#column_5 { float: right; width: 730px; padding: 12px 10px 0 10px; } * html #column_5 { /* ie only */ width: 670px; }
#column_5 h2 { margin: -5px 0 4px 0; padding: 0; font-size: 16px; } * html #column_5 h2 { /* ie only */ margin: 4px 0 -10px 0; }
#column_5 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_5 p { margin: 0 0 0 6px; padding: 0 0 15px 0; }
#column_5 .read_more_1 a { float: right; color: #25a8df; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_5 .read_more_1 a:hover { text-decoration: underline; }
#column_5 .read_more_2 a { float: right; color: #fbfb00; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_5 .read_more_2 a:hover { text-decoration: underline; }
#column_5 .read_more_3 a { float: right; color: #d60e6f; font-weight: bold; text-decoration: none; margin: 0 5px 10px 0; } 
#column_5 .read_more_3 a:hover { text-decoration: underline; }
#column_5 .read_more_4 a { float: right; color: #339933; font-weight: bold; text-decoration: none; margin: 0 5px 5px 0; } 
#column_5 .read_more_4 a:hover { text-decoration: underline; }

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

/* Navigation */
#navigation { width: 187px; margin: 0; padding: 0; background: #000; }
#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: #3399cc; }
.main_nav .current { color: #ccc; }

/* Content */
#flashheader { margin-top: 1px; }

.box_1 { width: 718px; padding: 10px 10px 10px 4px; } * html .box_1 { /* ie only */ width: 714px; padding: 10px 10px 0 4px; }
.box_2 { width: 316px; padding: 10px 10px 10px 4px; } 
.box_3 { width: 366px; padding: 10px 10px 10px 4px; } 
.box_4 { width: 470px; padding: 10px 10px 0 4px; } * html .box_4 { /* ie only */ margin-bottom: -10px; }
.box_5 { width: 214px; padding: 10px 10px 0 4px; } * html .box_5 { width: 212px; margin-bottom: -10px; }
.box_6 { width: 470px; padding: 10px 10px 10px 4px; }
.box_7 { width: 470px; padding: 10px 10px 0 4px; }
.box_8 { width: 500px; background: url(/images/div_1.gif) no-repeat top left; padding: 10px 10 10px 4px; } * html .box_8 { width: 485px; }
.box_9 { width: 200px; background: url(/images/div_1.gif) no-repeat top left; padding: 10px 10px 0 4px; }

.div_1 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_1.gif) no-repeat bottom left; }
.div_2 { clear: both; width: 100%; height: 1px; margin: 0 0 10px 0; padding: 0; background: url(/images/div_1.gif) no-repeat bottom left; } * html .div_2 { /* ie only */ margin: 0; }
.div_3 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_1.gif) no-repeat bottom left; }
.div_4 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_1.gif) no-repeat bottom left; }
.div_5 { width: 100%; height: 1px; margin: 0; padding: 8px 0 0 0; background: url(/images/div_1.gif) no-repeat top left; } * html .div_5 { background: url(/images/div_1.gif) no-repeat bottom left; }
.div_6 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_1.gif) no-repeat top left; } 
/*.div_7 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_7.gif) no-repeat bottom left; }
.div_8 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_8.gif) no-repeat bottom left; }
.div_9 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_2.gif) no-repeat bottom left; }*/

.image_bdr_1 { border: 2px solid #ccc; float: left; margin: 0 10px 0 6px; } 
.image_bdr_2 { border: 2px solid #ccc; float: left; margin: 0 10px 0 8px; } 
.image_bdr_3 { border: 4px solid #ccc; float: left; margin: 0 10px 0 6px; } 
.image_bdr_4 { border: 4px solid #ccc; float: left; margin: 0 10px 0 8px; }

/* Table */
#tbl_search { margin: 0; padding: 0; border: 0; }
#tbl_search td { height: 24px; vertical-align: middle; }

#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; border: 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 { width: 720px; margin: 15px 0 10px 0; padding: 0; border: 0; } * html #tbl_recommend { /* ie only */ width: 620px; }
#tbl_recommend td { text-align: center; vertical-align: middle; }

.tbl_row_1 { padding: 10px 0 10px 0; }
.tbl_row_2 { padding: 10px 0 10px 0; }

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

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

.col_1 { color: #25a8df; font-style: italic; }
.col_2 { color: #fbfb00; font-style: italic; }
.col_3 { color: #d60e6f; font-style: italic; }
.col_4 { color: #339933; font-style: italic; }

.col_1_head { color: #25a8df; }
.col_2_head { color: #fbfb00; }
.col_3_head { color: #d60e6f; }
.col_4_head { color: #339933; }

#col_2_box a { color: #fbfb00; }

.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; }

#breadcrumb { margin: 0 0 10px 4px; } * html #breadcrumb { margin: 0 0 -4px 0; }
#breadcrumb a { color: #f1f1f1; margin: 0 0 10px 0; text-decoration: none; }
#breadcrumb a:hover { color: #fbfb00; text-decoration: underline; }
#breadcrumb .current { color: #25a8df; }

#hdr_col { height: 36px; padding: 0 0 0 4px; color: #ddd; background: url(/images/div_3.gif) repeat-x top left; } 
#hdr_col h2 { margin: 4px 0 0 0; padding: 0; font-size: 16px; } * html #hdr_col h2 { /* ie only */ margin: 4px 0 0 0; }

.hdr_col_1 { float: left; width: 340px; margin: 0 10px 0 0; }
.hdr_col_2 { float: right; margin: 10px 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: #ccc; 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/ico_quote_1.gif) no-repeat top left; }

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

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

#recommend h4 { margin: 6px 0 6px 0; padding: 0; font-size: 12px; } * html #recommend h4 { /* ie only */ margin-bottom: -6px; }

#review .review_box { float: left; margin: 0 0 10px 0; } * html #review .review_box { /* ie only */ margin: 20px 0 0 0; }
#review .review_box h3 { color: #1095b6; font-size: 12px; }
#review .review_box h4 { color: #ccc; font-size: 12px; }
#review p { margin: 0; padding: 10px 0 6px 0; }
#review .read_more a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; margin: 40px 0 0 0; } * html #review .read_more a { /* ie only */ margin: 60px 0 0 0; }
#review .read_more a:hover { text-decoration: underline; }

#author_buttons { height: 23px; margin: 0 0 14px 4px; } * html #author_buttons { /* ie only */ margin: 0 0 -8px 4px; }
#author_buttons ul { margin: 0; padding: 0; font-size: 11px; }
#author_buttons li { float: left; display: inline; list-style-type: none; padding: 0 10px 0 0; }

#pagination_1 { padding: 0; margin: 0; } * html #pagination_1 { /* ie only */ margin: 10px 0 -30px 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: #fff; 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 { padding: 0; margin: 0; } * html #pagination_2 { /* ie only */ margin: 10px 0 -30px 0; }
#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: #fbfb00; font-weight: bold; }

.page_col_1 { float: left; width: 80px; margin: 0 0 0 2px; }
.page_col_1 a { color: #fff; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
.page_col_1 a:hover { text-decoration: underline; }
.page_col_2 { float: right; margin: 0; color: #dedede; }
.page_col_2 a { color: #fbfb00; text-decoration: none; }
.page_col_2 a:hover { color: #25a8dF; }

#view { padding: 0 0 25px 4px; } * html #view { /* ie only */ margin: 10px 0 -15px 0; }
#view a { color: #f1f1f1; 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: #4d4d4d; }

#back { width: 500px; height: 36px; padding: 0 0 0 4px; color: #ddd; background: url(/images/div_3.gif) no-repeat top left; } * html #back { /* ie only */ width: 480px; }
#back h2 { margin: 4px 0 0 0; padding: 0; font-size: 16px; } * html #back h2 { /* ie only */ margin: 4px 0 0 0; }
#back a { color: #1095b6; text-decoration: none; margin: 0 4px 10px 0; line-height: 36px; }
#back a:hover { text-decoration: underline; }

#authors_list_links ul { margin: 10px 5px 10px 5px; padding: 0; } * html #authors_list_links ul { /* ie only */ margin: 10px 0 0 0; }
#authors_list_links li { display: inline; list-style-type: none; padding: 0 4px 0 0; }
#authors_list_links a { color: #a4a4a4; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#authors_list_links a:hover { text-decoration: underline; }
#authors_list_links .current { color: #fbfb00; 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: #a4a4a4; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#authors_list a:hover { text-decoration: underline; }
#authors_list .current { color: #fbfb00; font-weight: bold; }

#advanced_search { margin: 0; padding: 0; }
#advanced_search a { color: #f1f1f1; margin: 0 0 10px 0; text-decoration: underline; }
#advanced_search a:hover { color: #fbfb00; }
#advanced_search .current { color: #25a8df; }

#faqs { margin: 0; padding: 0; }
#faqs ul { margin: 0 5px 10px 10px; padding: 0; }
#faqs li { list-style-type: none; padding: 0 0 10px 15px; background: url(/images/li_faq_closed.gif) no-repeat top left; }
#faqs li.current { list-style-type: none; padding: 0 0 10px 15px; background: url(/images/li_faq_open.gif) no-repeat top left; }
#faqs a { color: #25a8df; margin: 0 0 10px 0; text-decoration: none; font-weight: bold; }
#faqs a:hover { color: #fbfb00; }
#faqs p a { color: #25a8df; margin: 0 0 10px 0; text-decoration: underline; font-weight: 100; }
#faqs p a:hover { color: #25a8df; text-decoration: none; }
#faqs p { padding: 10px 20px 10px 0; margin: 0; }

#tips { margin: 0; padding: 0; }
#tips h3 { font-weight: bold; padding: 0 0 10px 26px; }
#tips ul { margin: 0 5px 10px 10px; padding: 0; }
#tips li { list-style-type: none; padding: 0 0 10px 15px; background: url(/images/li_tip_closed.gif) no-repeat top left; }
#tips li.current { list-style-type: none; padding: 0 0 10px 15px; background: url(/images/li_tip_open.gif) no-repeat top left; }
#tips a { color: #fbfb00; margin: 0 0 10px 0; text-decoration: none; font-style: italic; }
#tips a:hover { color: #25a8df; }
#tips p a { color: #25a8df; margin: 0 0 10px 0; text-decoration: underline; font-weight: 100; font-style: none; }
#tips p a:hover { color: #25a8df; text-decoration: none; }
#tips p { padding: 10px 20px 10px 0; margin: 0; }

/* Form */
.tbl_input_box { width: 173px; height: 16px; border: 1px solid #b1b1b1; background: #ababab; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #f1f1f1; }
.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: 195px; 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; }

.nostyle {text-decoration:none;color:inherit;} * html a.nostyle { /* ie only */ color:#ffffff; text-decoration:none;}
a.nostyle {text-decoration:none;}
a.nostyle * {text-decoration:none; color:inherit;} * html #catalogue a.nostyle { /* ie only */ color:#3399CC; text-decoration:none;}