﻿/* Main CSS for Pharos */

/* 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: #2ea5c8; text-decoration: underline; } 
a:hover { text-decoration: none; }

/* Layout */
#wrap { width: 100%; position: relative; }
#container { width: 960px; margin: auto; }
#content { padding: 0; margin: 3px 0 0 0; }

#header { width: 100%; height: 228px; } * html #header { /* ie only */ height: 218px; }
#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 { width: 747px; height: 30px; padding: 0 10px 0 0; } * html #top { /* ie only */ width: 745px; }
#top_bar { width: 960px; margin: auto; }

#breadcrumb { width: 710px; height: 22px; float: left; padding: 8px 0 0 0; margin: 4px 0 0 0; color: #333; font-weight: bold; border-top: 1px solid #a2bec2; }
#breadcrumb a { color: #0099cc; text-decoration: underline; }
#breadcrumb a:hover { text-decoration: none; }
#breadcrumb .grey_link { color: #333; }

#search { width: 350px; height: 28px; float: right; padding: 2px 0 0 0; color: #2ea5c8; }
#search a { color: #65797c; text-decoration: none; font-weight: bold; font-size: 11px; }
#search a:hover { text-decoration: underline; }

#column_1 { width: 200px; background: url(/images/bg_col_1.jpg) no-repeat top left; float: left; width: 182px; margin: 0; padding: 10px 0 0 10px; }
#column_1 h1 { margin: 0; padding: 12px 0 20px 0; }
#column_1 .signup { padding: 0; }
#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; background: url(/images/bg_col_2.gif) repeat-y top left; margin: 0 0 12px 0; padding: 0; } * html #column_2 { /* ie only */ width: 742px; margin: 0 0 6px 0; }
#column_2 .wrap { padding: 0 0 10px 20px; }
#column_2 h2 { margin: 4px 0 2px 0; padding: 0; font-size: 16px; text-transform: uppercase; color: #473a33; } 
#column_2 h3 { margin: 0 0 6px 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #131313; } 
#column_2 h3 .imprint { color: #585858; }
#column_2 h3 .date { color: #6c9095; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#column_2 h4 { margin: 0 0 6px 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 14px; }
#column_2 h4 .sub { font-weight: 100; }
#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 { float: right; 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; line-height: 30px; padding: 0 10px 0 0; }
#column_2 .details a:hover { text-decoration: underline; }

#column_2 #body_col_1 { float: left; width: 340px; 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: 500px; border-right: 1px solid #a2bec2; padding: 0 10px 0 0; }
#column_2 #body_col_4 { float: left; width: 200px; padding: 0 0 0 10px; }

#footer { width: 100%; height: 40px; background: #000; position: absolute; bottom: 0; }
#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: #a8a8a8; font-weight: bold; }

/* Navigation */
#navigation { width: 170px; margin: 0 0 12px 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 12px; border-top: 2px solid #a2bec2; }
#navigation a { color: #999289; text-decoration: none; }
#navigation a:hover { color: #b91d26; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { padding: 0 0 0 6px; display: block; list-style-type: none; background: url(/images/bdr_nav_top.gif) no-repeat top left; }
#navigation li .current { color: #b91d26; }
#navigation li.open { background: url(/images/bdr_nav.gif) no-repeat top left; }
#navigation li.first { background: none; }
#navigation li.last { background: url(/images/bdr_nav.gif) no-repeat top left; }
#navigation li ul { background: none; text-transform: none; padding: 0; margin: 0; } 
#navigation li ul li.first { background: none; }
#navigation li ul li { background: url(/images/bdr_nav_top.gif) no-repeat top left; padding: 0; line-height: 22px; }
#navigation li ul li a { color: #999289; padding: 0 0 0 15px; }
#navigation li ul li a:hover { padding: 0 0 0 15px; }
#navigation li ul li .current { padding: 0 0 0 15px; line-height: 28px; }
#navigation li ul li.first_sub { padding: 0; }
#navigation li ul li.last_sub { padding: 0 0 10px 0; }
#navigation #ulBooks a {z-index:1000;position:relative;}

.transparentParent {background:url(/images/nav_parentTransparent.gif) left 5px repeat; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: .50; position:absolute;z-index:-1; width:170px;height:38px; }
#navigation #ulBooks .transparent {background:#96bbc1; opacity: .10; filter: alpha(opacity=10); -ms-filter: "alpha(opacity=10)"; -moz-opacity: .10; position:absolute;z-index:-1; width:170px;height:38px; }


.main_nav { float: left; margin: 0 0 0 15px; height: 33px; }
.main_nav ul { margin: 8px 0 0 0; padding: 0; color: #999999; font-weight: bold; }
.main_nav li { display: inline; list-style-type: none; }
.main_nav a { color: #999999; text-decoration: none; }
.main_nav a:hover, .main_nav .current { color: #f0f0f0; }

/* Content */
.box_note { width: 280px; background: url(/images/bg_box_note.jpg) repeat-x top left; padding: 20px 40px 20px 20px; }

.image_bdr_1 { float: left; margin: 0 10px 0 0; padding: 2px; } 
.image_bdr_2 { float: left; margin: 0 10px 20px 0; padding: 2px; } 
.image_bdr_3 { border: 2px solid #a2bec2; float: left; margin: 0 10px 10px 5px; padding: 0; } 
.image_bdr_4 { border: 2px solid #ccc; float: left; margin: 0 10px 0 5px; padding: 0; } 

.btn_body_1 { width: 78px; height: 16px; background: #90c615; padding: 1px 3px 1px 3px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; } /* green */
.btn_body_1 a { color: #fff; text-decoration: none; }
.btn_body_2 { width: 78px; height: 16px; background: #0a99d3; padding: 1px 3px 1px 3px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; } /* blue */
.btn_body_2 a { color: #fff; text-decoration: none; }
.btn_body_3 { width: 78px; height: 16px; background: #f85710; padding: 1px 3px 1px 3px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; } /* orange */
.btn_body_3 a { color: #fff; text-decoration: none; }

.btn_body { padding: 2px 0 6px 0; }
.col_1 { color: #2ea5c8; }

.td_bg_1 { background: url(/images/bg_td_1.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_mid { border-right: 1px solid #a2bec2; padding: 0 10px 0 0; }

.tbl_row_1 { background: url(/images/box_1.gif) no-repeat top left; padding: 10px 0 10px 0; }
.tbl_row_2 { background: url(/images/box_2.gif) no-repeat top left; padding: 10px 0 10px 0; }

#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 { margin: 0; padding: 0; border: 0; }
#tbl_signup td { vertical-align: top; }
#tbl_recommend { margin: 15px 0 10px 0; padding: 0; border: 0; }
#tbl_recommend td { text-align: center; vertical-align: middle; }

/* 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; }

.bg_hdr_top { background: url(/images/bg_hdr_top.gif) repeat-x top left; height: 33px; }
.bg_hdr_body { background: url(/images/bg_hdr_body.gif) repeat-x top left; height: 32px; }
.bg_hdr_body a { text-decoration: none; line-height: 26px; padding: 0 10px 0 0; }
.bg_hdr_body a:hover { text-decoration: underline; }
.bg_box_top { background: url(/images/bg_box_top.gif) repeat-x top left; padding: 10px 10px 0 0; }

.txt_note { font-size: 11px; color: #333; }
.txt_small { font-size: 11px; color: #2ea5c8; font-weight: bold; }
.txt_small a { text-decoration: underline; }
.txt_small a:hover { color: #333; text-decoration: none; }
.txt_list ul { margin: 0; padding: 0 0 15px 0; }
.txt_list li { list-style-type: none; padding: 0; padding: 0 0 0 15px; }

.quote { font-size: 14px; font-weight: bold; }
.quote_bg { height: 140px; background: url(/images/bg_box_quote.gif) repeat-x top left; }

.quote_intro { padding: 10px 0 0 0; }
.quote_intro h4 { color: #16a2d0; font-size: 14px; }

.quote_col_2 { float: right; margin: 6px 0 0 0; }
.quote_col_2 a { color: #16a2d0; text-decoration: none; font-weight: bold; padding-bottom: 20px; }
.quote_col_2 a:hover { text-decoration: underline; }

blockquote { margin: 10px 0 0 0; padding: 0px 50px 0 50px; background: url(/images/bg_quote.gif) no-repeat top left; }

#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 h3 { padding: 6px 0 0 0; }
#more_info h4 { color: #333; font-size: 12px; padding: 6px 0 0 0; }
#more_info .price { color: #2ea5c8; 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: #666; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#pagination_1 a:hover { text-decoration: underline; }
#pagination_1 .current { color: #109fcf; font-weight: bold; }
#pagination_1 .link { color: #666; 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: #2ea5c8; font-weight: bold; }
#pagination_2 .link { color: #2ea5c8; 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: 8px 0 25px 0; }
#view a { color: #2ea5c8; font-size: 12px; text-decoration: none; margin: 0 3px 0 3px; font-weight: bold; }
#view a:hover { text-decoration: underline; }
#view .link { color: #666; 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: #999; }

#authors_list_wrap {  }
#authors_list_wrap h4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333; }
#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: #fff; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; }
#authors_list_links a:hover { text-decoration: underline; }
#authors_list_links .current { color: #333; 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: #2ea5c8; font-size: 11px; text-decoration: none; margin: 0 0 10px 0; font-weight: bold; }
#authors_list a:hover { text-decoration: underline; }
#authors_list .current { color: #666; font-weight: bold; }

#advanced_search { padding: 12px 0 12px 0; color: #333; }
#advanced_search .txt_deco { font-family: "Times New Roman", Times, serif; font-size: 14px; }
#advanced_search a { color: #333; text-decoration: underline; }
#advanced_search a:hover { text-decoration: none; }
#advanced_search .current { color: #2ea5c8; }

/* 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: 140px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; }

.nostyle {color:inherit; font-weight:inherit; text-decoration:none;}