/* =================================================================================== BB Site Layout ©2007 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Author: Paul Masri, Sam Ramsay Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0; background: #fff url(../_image/back.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ color: #000; } img { border: none; } form { margin: 0; padding: 0; } form#ResultsToCart { } a:link, a:visited { color: #0061A1; text-decoration: underline; } a:hover, a:active { color: #0061A1; text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } /*.hint { font-size: 0.75em; color: #C00; } */ .hint { color: #C00; } .note { font-size: 0.8em; font-weight: normal; } .back_to_top { clear:both; margin: 1em 5px 3em; } .back_to_top a:link, .back_to_top a:visited { font-size:0.7em; font-weight:normal; float:right; } .back_to_top a:active, .back_to_top a:hover { } .spacer { padding-left: 30px; } .empty { height: 0; background: none; } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ #top { position: relative; } .layout_container { position: relative; width: 950px; margin: 0 auto; background: #fff; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ padding: 0; } .layout_container_body { position: relative; width: 950px; /* 752px + 2x10px(shadow) */ margin: 0 auto; background: #fff; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ padding: 0; } #menu1_container { position: relative; z-index: 1000; /* Make sure block containing menu1 sits above other blocks, for dropdown to overlay */ width: 950px; padding: 0; } #layout_header1 { position: relative; height: 121px; } #layout_header2 { position: relative; padding: 10px 0; } #bkg_body1 { z-index: 100; padding: 0; margin: 0; } #bkg_body2 { z-index: 90; background: transparent; padding: 0; margin: 0; } #layout_sidebar { position: relative; margin: 10px 0 0 10px; left: 0; top: 10px; width: 215px; padding: 5px; background: #f00; } #layout_maincontent { z-index: 10; position: relative; left: 0; margin: 0; padding: 0 10px; /* At least 5px all round to avoid font clipping */ font-size: 0.75em; color: #333; } #layout_footer_body { position: relative; left: 0; margin: 0; padding: 0 0 5px; /* At least 5px all round to avoid font clipping; include top & bottom for container bkg too */ font-size: 0.75em; color: #333; text-align: center; clear: both; } #layout_credit { padding: 30px 0 15px; text-align: center; font-size: 0.7em; } #user_menu, #maintenance { z-index: 101; position: relative; /* margin: 0 auto; */ padding: 0 0 0 10px; /* At least 5px all round to avoid font clipping */ font-size: 0.75em; color: #333; } #div_popup, #div_popup_A, #div_popup_B, #div_popup_C, #div_popup_D, #div_popup_E, #div_popup_F, #div_popup_G, #div_popup_H, #div_popup_I { /* common viewer/editor attributes */ display: none; visibility: hidden; position: absolute; padding: 1em; } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 h2 { position: absolute; width: 225px; height: 121px; left: 0; top: 0; margin: 0; background: #fff url(../_image/brynteg-books-logo.gif) no-repeat top left; padding: 0; cursor: pointer; } #layout_header1 h3 { margin: 0; padding: 0; } #layout_header1 #menu_top { position: absolute; top: 105px; right: 0; margin: 0; padding: 0 10px 0 0; } #layout_header1 #menu_top ul { position: relative; margin: 0; padding: 0; list-style-position: outside; list-style-type: none; } #layout_header1 #menu_top li { float: left; background: #fff url(../_image/arrow_right.gif) no-repeat 17px top; position: relative; width: auto; margin: 0; padding: 0 0 0 30px; font-size: 0.8em; } #layout_header1 #menu_top a:link, #layout_header1 #menu_top a:visited { text-decoration: none; } #layout_header1 #menu_top a:hover, #layout_header1 #menu_top a:active { text-decoration: underline; } #layout_header2 div.hr { width: 930px; margin: 0 10px; height: 0; background: #00b6f0; border-bottom: 1px solid #00b6f0; } #layout_header2 div.hr hr { display: none; } /* ------------------------------------------------------------------------------- */ /* FOOTER (in body) CONTENTS */ #layout_footer_body hr { display: none; } #layout_footer_body ul { margin: 0; padding: 10px 0; /* padding top here rather than #layout_footer_body because of IE6 bug */ width: 950px; list-style: none; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Arial, Helvetica, sans-serif; color: #333; } #layout_footer_body li { display: inline; background: transparent; padding: 0 5px; margin: 0; border-left: #0061A1 solid 1px; } #layout_footer_body li.first { background: none; border: none; } #layout_footer_body a { color: #0061A1; text-decoration: none; } #layout_footer_body a:link, #layout_footer_body a:visited { } #layout_footer_body a:hover, #layout_footer_body a:active { text-decoration: underline; } #layout_footer_body p { margin: 0; padding: 0 0 5px 0; } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit .www_logo a:link, #layout_credit .www_logo a:visited, #layout_credit .www_logo a:active { background:url("../_image/www_logo.gif") no-repeat scroll 73px 0 transparent; font-size:1.2em; padding:2px 122px 0 0; text-decoration:none; } #layout_credit .www_logo a:hover { color: #1570B6; text-decoration: underline; } /*#layout_credit .www_logo_hover a:link, #layout_credit .www_logo_hover a:visited, #layout_credit .www_logo_hover a:hover, #layout_credit .www_logo_hover a:active { background: url(../_image/www_logo_hover.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #f00; text-decoration: none; }*/ /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; width: 950px; height: 25px; top: -40px; margin: 0; padding: 0; /* 199 = 205 (actual position) -6 (left padding) */ } #menu1 ul.dd1, #menu1 ul.dd1_hover { float: right; position: relative; margin: 0; padding: 0 0 0 20px; list-style-position: outside; list-style-type: none; display: inline; } #menu1 li.dd1, #menu1 li.dd1_hover { background: #fff url(../_image/arrow_right.gif) no-repeat top left; position: relative; float: left; width: auto; margin: 0; padding: 0 0 0 15px; font-size: 0.8em; display: inline-block; } #menu1 div.maintenance_msg { position: relative; display: block; float: left; color: #0061a1; margin: 0 10px 0 480px; padding: 2px 10px; background: #f0fafe; width: 440px; } #menu1 div.maintenance_msg p { margin: 0; padding: 0; font-size: 0.8em; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 div.dd1_text, #menu1 li.dd1_hover div.dd1_text { font-size: 0.9em; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; margin: 0 1em 0 0; /* width: 75px; */ height: 20px; color: #0061a1; } #menu1 li.dd1 a:link, #menu1 li.dd1 a:visited { } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { text-decoration: underline; } #menu1 li.dd1 a div.dd1_text { /* display: none; */ } /* Level 1 - current */ /* #level1_01 #menu1a:link, #level1_01 #menu1a:visited, #level1_02 #menu1b:link, #level1_02 #menu1b:visited, #level1_03 #menu1c:link, #level1_03 #menu1c:visited, #level1_04 #menu1d:link, #level1_04 #menu1d:visited, #level1_05 #menu1e:link, #level1_05 #menu1e:visited, #level1_06 #menu1f:link, #level1_06 #menu1f:visited, #level1_07 #menu1g:link, #level1_07 #menu1g:visited, #level1_08 #menu1h:link, #level1_08 #menu1h:visited { color: #e2f3fd; }*/ #menu1a { /* background-image:url(../_image/m1a.gif); */ } #menu1a:hover { /* background-image:url(../_image/m1a_hover.gif); */ } #level1_01 #menu1a { background: #ccc; /* background-image:url(../_image/m1a_current.gif); */ } #menu1b { /* background-image:url(../_image/m1b.gif); */ } #menu1b:hover { /* background-image:url(../_image/m1b_hover.gif); */ } #level1_02 #menu1b { background: #ccc; /* background-image:url(../_image/m1b_current.gif); */ } #menu1c { /* background-image:url(../_image/m1c.gif); */ } #menu1c:hover { /* background-image:url(../_image/m1c_hover.gif); */ } #level1_03 #menu1c { background: #ccc; /* background-image:url(../_image/m1c_current.gif); */ } #menu1d { /* background-image:url(../_image/m1d.gif); */ } #menu1d:hover { /* background-image:url(../_image/m1d_hover.gif); */ } #level1_04 #menu1d { background: #ccc; /* background-image:url(../_image/m1d_current.gif); */ } #menu1e { /* background-image:url(../_image/m1e.gif); */ } #menu1e:hover { /* background-image:url(../_image/m1e_hover.gif); */ } #level1_05 #menu1e { background: #ccc; /* background-image:url(../_image/m1e_current.gif); */ } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 20px; left: -1px; list-style-type: none; margin: 0; padding: 0; border: 1px solid #000; border-top: none; } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 li.dd2 { float: none; position: relative; margin: 0; background: #fff; padding: 0; } #menu1 li.dd2 a { float: none; margin: 0; padding: 2px 0 2px; /* actually only controls vertical padding - useful for hover background */ font-size: 0.9em; text-decoration: none; } #menu1 li.dd2 a:link, #menu1 li.dd2 a:visited { color: #00f; } #menu1 li.dd2 a:hover, #menu1 li.dd2 a:active { color: #f00; } /* menu2 link and list-item widths correspond with image widths */ /* Firefox bug: right border only lines up if menu2 width >= menu1 width */ /* Cross-browser oddity: don't make mention of dd2_visible (won't work); could use dd2_hidden (would work) but no point */ #menu1 li.dd2 a { padding-left: 15px; padding-right: 15px; } /* ------------------------------------------------------------------------------- */ /* USER MENU CONTENTS */ #user_menu h1, #maintenance h1, #user_menu h2, #user_menu li, #user_menu a { color: #0061a1; margin: 0; padding: 0; } #user_menu a { cursor: pointer; } #user_menu .latest_search a { color: #fff; } #user_menu a:link, #user_menu a:visited { text-decoration: none; } #user_menu a:hover, #user_menu a:active { text-decoration: underline; } #user_menu h1, #maintenance h1 { font-size: 1.4em; background: #CCF0FC; /* padding: 9px 0 9px 28px; /* image 23px + 5px */ padding: 9px 0 9px 28px; width: 197px; /* 225px - 28px (padding-left */ margin: 0; } #maintenance h1 { width: auto; padding-left: 9px; } #maintenance p { padding-left: 6px; color: #c00; margin: 0 0 3px 0; } #user_menu h2 { font-size: 1.1em; padding: 0; margin: 0; } #user_menu h2.just_logged_in, #user_menu h2.latest_search { color: #fff; } #user_menu ul { list-style-type: none; margin: 0; padding: 0; } #user_menu li { margin: 0; margin-bottom: 3px; background: transparent url(../_image/arrow_right.gif) no-repeat top left; padding: 0.2em 0 0 15px; line-height: 1em; } #user_menu .latest_search li { background: transparent url(../_image/arrow_right_white.gif) no-repeat top left; } #user_menu div.help_popup, #div_pagecontent div.help_popup { cursor: pointer; background: transparent url(../_image/info.gif) no-repeat top left; height: 23px; width: 16px; float: left; margin: -32px 0 0 5px; } #user_menu div.help_popup:hover { background: transparent url(../_image/info-over.gif) no-repeat top left; } #div_pagecontent div.help_popup { background: transparent url(../_image/info_results.gif) no-repeat top left; margin: -30px 0 0 10px; } #div_pagecontent div.help_popup:hover { background: transparent url(../_image/info_results_hover.gif) no-repeat top left; } #user_menu div.amount { float: right; color: #c30; font-weight: bold; font-size: 1.4em; margin: -28px 5px 0; } #user_menu .menu_holder, #maintenance .menu_holder { width: 217px; color: #0061a1; border-top: 1px #ffffff solid; background-color: #ebebeb; padding: 4px 4px 0; margin: 0; clear: both; min-height: 1.5em; } #maintenance .menu_holder { width: auto; } #user_menu .menu_holder div.listname { margin-bottom: 3px; } #user_menu .just_logged_in, #user_menu .latest_search { background-color: #0061A1; overflow: auto; } #user_menu div.listright { float: left; margin: 0 0 0 20px; } #user_menu div.listleft { float: left; } /** * My Account drop down menu */ #user_menu ul, #user_menu li.dd1 { position: relative; } #user_menu li.dd1_hover { position: relative; background: url(../_image/arrow_down.gif) no-repeat top left; } #user_menu ul.dd2_show, #user_menu ul.dd2_hide { position: absolute; left: 0; top: 1.5em; } #user_menu ul.dd2_show { display: block; } #user_menu ul.dd2_hide { display: none; } #user_menu li.dd2, #user_menu li.dd2_hover { background: #66d2f6; padding: 2px 15px; border-bottom: 1px solid #fff; white-space: nowrap; margin: 0; } #user_menu li.dd2_hover { background: #488FBD; } #user_menu li.dd2 a, #user_menu li.dd2_hover a { color: #fff; } /* ul.myaccount_menu { float: left; position: relative; background: #ebebeb; border: solid #fff 1px; visibility: hidden; display: none; } ul.myaccount_menu_visible { float: left; position: absolute; background: #ebebeb; border: solid #fff 1px; visibility: visible; display: block; } */ /* #user_menu li:hover.account_menu ul.account_menu { visibility: visible; display: block; } */ /* #user_menu li:hover.myaccount_menu { background: transparent url(../_image/arrow_down.gif) no-repeat top left; } */ /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ #layout_sidebar a { color: #00f; } #layout_sidebar a:hover { color: #f00; } #layout_sidebar h2 a { text-decoration: none; } /* General panel properties */ .panel {} /* Off-panel contents */ #layout_sidebar div.homelink { height: 23px; margin: 0 0 0 23px; background: transparent; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-weight: bold; } #layout_sidebar .homelink a { text-decoration: none; } #layout_sidebar div.tel { height: 23px; margin: 0 0 0 23px; background: transparent; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-weight: bold; } /* ----------------------------------- */ /* SIDEBAR SIGN-UP */ #sidebar_signup { margin: 5px 0; background: #fff; padding: 5px 20px 25px 23px; } #sidebar_signup h2 { width: 146px; height: 23px; background: transparent; margin: 0; } #sidebar_signup p { margin: 0; font-size: 0.75em; } #sidebar_signup form { margin: 0; padding: 0; } #sidebar_signup input { margin: 9px 0 0; } #sidebar_signup .field_container { clear: both; margin: 9px 0 0; } #sidebar_signup input.text { width: 135px; /* 135 = image_width(143) - leftpad(4) - rightpad(4) */ height: 18px; /* 18 = image_height(20) - toppad(2) - bottompad(0) */ margin: 0; /*********************/ padding: 2px 4px 0; background: #fff; /*background: #fff url(../_image/panel_inputtext.gif) no-repeat left top;*/ border: 1px none; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; } #sidebar_signup input.btnr { width: 149px; height: 28px; padding: 2px 10px 11px 0; background: #083473; border: 1px none; color: #333; vertical-align: top; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; } #sidebar_signup .hint { color: #c00; } /* ----------------------------------- */ /* SIDEBAR MENU */ #sidebar_menu { } #sidebar_menu h2 { height: 23px; margin: 0 0 0 23px; background: transparent; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-size: 1em; font-weight: bold; } #sidebar_menu ul { margin: 0; padding: 0 0 0 23px; line-height: 1.2em; } #sidebar_menu li { margin: 0; background: transparent; padding: 0 0 5px 27px; list-style: none; } #sidebar_menu .menu2_3 { margin: 2px 0 7px 15px; padding: 0; font-size: 0.9em; } #sidebar_menu li a, #sidebar_menu .menu2_3 li a { text-decoration: none; } /* Level 2 - current */ #level2_01 #sidebar_menu .menu2a, #level2_02 #sidebar_menu .menu2b, #level2_03 #sidebar_menu .menu2c, #level2_04 #sidebar_menu .menu2d, #level2_05 #sidebar_menu .menu2e, #level2_06 #sidebar_menu .menu2f, #level2_07 #sidebar_menu .menu2g, #level2_08 #sidebar_menu .menu2h, #level2_09 #sidebar_menu .menu2i, #level2_10 #sidebar_menu .menu2j { background: url(../_image/bul_menu2l2_current.gif) no-repeat left 2px; } #level2_01 #sidebar_menu .menu2a .a_menu2:link, #level2_01 #sidebar_menu .menu2a .a_menu2:visited, #level2_02 #sidebar_menu .menu2b .a_menu2:link, #level2_02 #sidebar_menu .menu2b .a_menu2:visited, #level2_03 #sidebar_menu .menu2c .a_menu2:link, #level2_03 #sidebar_menu .menu2c .a_menu2:visited, #level2_04 #sidebar_menu .menu2d .a_menu2:link, #level2_04 #sidebar_menu .menu2d .a_menu2:visited, #level2_05 #sidebar_menu .menu2e .a_menu2:link, #level2_05 #sidebar_menu .menu2e .a_menu2:visited, #level2_06 #sidebar_menu .menu2f .a_menu2:link, #level2_06 #sidebar_menu .menu2f .a_menu2:visited, #level2_07 #sidebar_menu .menu2g .a_menu2:link, #level2_07 #sidebar_menu .menu2g .a_menu2:visited, #level2_08 #sidebar_menu .menu2h .a_menu2:link, #level2_08 #sidebar_menu .menu2h .a_menu2:visited, #level2_09 #sidebar_menu .menu2i .a_menu2:link, #level2_09 #sidebar_menu .menu2i .a_menu2:visited, #level2_10 #sidebar_menu .menu2j .a_menu2:link, #level2_10 #sidebar_menu .menu2j .a_menu2:visited { } /* Level 3 - current */ #level3_01 #sidebar_menu .menu3a a:link, #level3_01 #sidebar_menu .menu3a a:visited, #level3_02 #sidebar_menu .menu3b a:link, #level3_02 #sidebar_menu .menu3b a:visited, #level3_03 #sidebar_menu .menu3c a:link, #level3_03 #sidebar_menu .menu3c a:visited, #level3_04 #sidebar_menu .menu3d a:link, #level3_04 #sidebar_menu .menu3d a:visited, #level3_05 #sidebar_menu .menu3e a:link, #level3_05 #sidebar_menu .menu3e a:visited, #level3_06 #sidebar_menu .menu3f a:link, #level3_06 #sidebar_menu .menu3f a:visited, #level3_07 #sidebar_menu .menu3g a:link, #level3_07 #sidebar_menu .menu3g a:visited, #level3_08 #sidebar_menu .menu3h a:link, #level3_08 #sidebar_menu .menu3h a:visited, #level3_09 #sidebar_menu .menu3i a:link, #level3_09 #sidebar_menu .menu3i a:visited, #level3_10 #sidebar_menu .menu3j a:link, #level3_10 #sidebar_menu .menu3j a:visited { } /* Panel: testimonial */ .testimonial { width: 198px; margin: 0 0 15px; background: #f3ce91; padding: 15px 0 10px; color: #222; line-height: 1.3em; } .testimonial .quote { background: transparent; padding: 0 0 1px; } .testimonial .quote p { margin: 0 15px 0.75em; font-size: 0.95em; font-weight: normal; font-style: italic; color: #2c74b4; text-align: left; } .testimonial .quote p.first { text-indent: 23px; } .testimonial p.quoteauthor { margin: 0 15px 0.25em; font-size: 0.9em; font-weight: bold; font-style: normal; line-height: 1em; } .testimonial p.quoteaffiliation { margin: 0 15px; font-size: 0.8em; font-style: normal; line-height: 1em; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENT (not for user editing) */ #layout_maincontent #breadcrumbs { padding-bottom: 1.5em; font-size: 0.8em; color: #555; } /* #layout_maincontent img { float: left; padding: 0 2em 2em 0; }*/ #layout_maincontent .booklist_embed { position: relative; }