/* Main CSS for HR */

/* 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; }
a {text-decoration:none;}

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

#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: #ff6600; }

#search { width: 345px; height: 30px; float: right; }
#search a { color: #ef5402; }
#search a:hover { text-decoration: none; }

#column_1 { float: left; width: 166px; background: url(/images/bg_col_1.gif) repeat-x top left #fff; margin: 0; padding: 32px 10px 0 10px; }
#column_1 h1 { margin: 0; padding: 0 0 32px 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: 754px; background: url(/images/bg_col_2.gif) no-repeat top right; padding: 12px 10px 0 10px; } * html #column_2 { /* ie only */ width: 751px; }
#column_2 h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; } * html #column_2 h2 { /* ie only */ margin-bottom: -5px; }
#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 a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; } 
#column_2 .read_more a:hover { text-decoration: underline; }

#column_3 { float: left; width: 497px; background: url(/images/bg_col_3.gif) no-repeat top right; padding: 12px 10px 0 10px; }
#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: 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: #1095b6; text-decoration: underline; margin: 0 0 10px 0; }
#column_3 a:hover { text-decoration: none; }
#column_3 .read_more a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; margin: 0 0 10px 0; }
#column_3 .read_more 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: 237px; background: url(/images/bg_col_4.gif) no-repeat top right; padding: 12px 10px 0 10px; }
#column_4 h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; } * html #column_4 h2 { /* ie only */ margin-bottom: -5px; }
#column_4 h3 { margin: 0; padding: 0; font-size: 12px; font-weight: 100; }
#column_4 h4 { margin: 0; padding: 0; color: #1095b6; font-size: 16px; }
#column_4 p { margin: 0 0 0 6px; padding: 0 0 15px 0; }
#column_4 .read_more a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; margin: 0; }
#column_4 .read_more a:hover { text-decoration: underline; }

#column_5 { float: right; width: 750px; background: url(/images/bg_col_5.gif) no-repeat top right; padding: 12px 10px 0 10px; }
#column_5 h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; } * html #column_5 h2 { /* ie only */ margin-bottom: -5px; }
#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 a { float: right; color: #1095b6; font-weight: bold; text-decoration: none; margin: 0; }
#column_5 .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: #ff6600; }
.main_nav .current { color: #ccc; }

/* Content */
.box_1 { width: 738px; background: url(/images/bg_grad_box.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; } * html .box_1 { /* ie only */ width: 734px; }
.box_2 { width: 326px; background: url(/images/bg_grad_box.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; } 
.box_3 { width: 376px; background: url(/images/bg_grad_box.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; } 
.box_4 { width: 480px; background: url(/images/bg_grad_box.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; }
.box_5 { width: 224px; background: url(/images/bg_grad_box.gif) repeat-x top left #fff; padding: 10px 10px 10px 4px; } * html .box_5 { /* ie only */ width: 222px; }
.box_6 { width: 480px; background: url(/images/bg_box.gif) no-repeat top left #fff; padding: 10px 10px 10px 4px; } * html .box_6 { /* ie only */ margin-top: 10px; }
.box_7 { width: 224px; background: url(/images/bg_box.gif) no-repeat top left #fff; padding: 10px 10px 10px 4px; } * html .box_7 { /* ie only */ width: 222px; }

.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_2.gif) no-repeat top left; } * html .div_2 { /* ie only */ margin: 0; }
.div_3 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_3.gif) no-repeat bottom left; }
.div_4 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_4.gif) no-repeat bottom left; }
.div_5 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_5.gif) no-repeat center left; }
.div_6 { width: 100%; height: 1px; margin: 0; padding: 0; background: url(/images/div_6.gif) no-repeat bottom 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; }

img.image_bdr_1 { border: 2px solid #ccc !important; float: left; margin: 0 10px 0 6px; } 
img.image_bdr_2 { border: 2px solid #ccc !important; 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 { margin: 15px 0 10px 20px; 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; }

/* 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: #ef5402; }
.col_2 { color: #99be55; }
.col_3 { color: #1095b6; }
.col_4 { color: #007095; }

.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; }
#breadcrumb a { color: #333; margin: 0 0 10px 0; }
#breadcrumb a:hover { color: #ef5402; }
#breadcrumb .current { color: #1095b6; }

.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 { margin: 0 0 10px 4px; }

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

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

#review {  }
#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: #1095b6; font-weight: bold; text-decoration: none; margin: 40px 0 0 0; }
#review .read_more a:hover { text-decoration: underline; }

#author_buttons { margin: -3px 0 5px 4px; } * html #author_buttons { /* ie only */ margin: -6px 0 4px 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 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 .current { color: #1095b6; font-weight: bold; }

.page_col_1 { float: left; width: 80px; margin: 0 0 0 2px; }
.page_col_1 a { color: #333; 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: #1095b6; text-decoration: none; }
.page_col_2 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 0 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 {  }
#advanced_search a { color: #333; margin: 0 0 10px 0; text-decoration: none; }
#advanced_search a:hover { color: #ef5402; }
#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: 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: 150px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }
.nostyle {text-decoration:none; color:inherit;}
a.nostyle {text-decoration:none; color:#333;}