/* ******************************************************************* default Alibris style declarations - last updated 10/07/08 adding new styles for Sprint 13 ********************************************************************** */ html, body {font:12px Arial, Helvetica, Geneva, sans-serif; height: 100%;} form {margin:0; padding:0;} input, select, textarea {margin:0; padding:0;} .bea-portal-body {font:12px Arial, Helvetica, Geneva, sans-serif; text-align:left; background-color:#e6e6cc; width:auto; height:100%; /*overflow:auto;*/ margin:0 10px; padding:0;} p, .bea-portal-body p, table, .bea-portal-body table {font-family:Arial, Helvetica, Geneva, sans-serif ;} a, .bea-portal-body a {color:#369; text-decoration:none;} a:visited, .bea-portal-body a:visited {color:#69c;} a:hover, .bea-portal-body a:hover { text-decoration:underline; } em, .bea-portal-body em {color:#900; font-style:normal;} .bea-portal-body-content {width:100%; } ul, .bea-portal-body ul {list-style:none; margin:0 0 2px 10px; padding:0;} ul li, .bea-portal-body ul li {background-image:url(/images/elements/bitmap_arrow.gif); background-repeat:no-repeat; background-position:0 4px; margin:0; padding:0 0 3px 10px; } form {display:inline;} strong.f90 {color:#f90;} strong.69c {color:#69c;} strong.555 {color:#555;} strong.369 {color:#369;} /* ******************************************************************* start possible fix for home page 800px width per Bill ********************************************************************** */ .DESKTOP_MENU_CLASS {width:100%;} .DESKTOP_MENU_CLASS_800 {width:800px;} /* end possible fix for home page 800px width per Bill */ /* ******************************************************************* not used ********************************************************************** */ .bea-portal-body-header {width:100%;} .bea-portal-body-header {FONT-WEIGHT:bold; FONT-SIZE:large} .bea-portal-body-footer {COLOR:#ffffff; BACKGROUND-COLOR:#666;} .bea-portal-body-footer {PADDING-RIGHT:4px; PADDING-LEFT:4px; PADDING-BOTTOM:4px; MARGIN:0px; WIDTH:800px; COLOR:#cccce5; PADDING-TOP:4px} .bea-portal-body-header A {COLOR:#cccce5} .bea-portal-body-footer A {COLOR:#cccce5} /* ******************************************************************* for alibrisHeader.jsp ********************************************************************** */ #wrapper { margin: 0px auto; width: 960px; padding-right: 5px; padding-left: 5px; } /*Header styles*/ #header *, #singlelevelmenu ul *{ width: auto; font: 12px Arial, Helvetica, Geneva, sans-serif; color: #333; padding: 20px 0px 0px; margin: 0; padding:0; } #header { padding-top: 15px; background: url(/images/nav/bg-wrapper-alibris.gif) repeat-y left top;} /*header h2 acts like a left header column*/ #header h2 { float: left; font-size: 24px; line-height: 24px; font-weight: normal; letter-spacing: 0; width: 45%; display: block; padding-left: 20px; } #header .logo { margin-right: 5px; } /*header's top right navigation styles*/ #user_navigation { float: right; width: 48%; text-align: right; padding-right: 20px; } #user_navigation p { margin-top: 0px; margin-bottom: 3px; } #user_navigation .acct_links {} #user_navigation .acct_links p a { text-decoration: none; color: #333; padding-right: 5px; padding-left: 5px; } #user_navigation .acct_links p a:hover { color: #369; text-decoration: underline; } #user_navigation .cart_links { color: #C00; } #user_navigation .cart_links p {} #user_navigation .cart_links a { margin: 0px; padding: 0px; color: #c00; text-decoration: none; } #user_navigation .cart_links a:hover {color: #c00; text-decoration: underline;} /*libriries and sell at alibris links*/ #targeted_links { clear: both; padding-right: 15px; background: url(/images/nav/bg-tagetedlinks-shadow.gif) no-repeat right top; padding-left: 630px; margin-right: 18px; } #targeted_links ul { list-style: none; background: url(/images/nav/bg-tagetedlinks-leftcorner.gif) no-repeat left top; height: 29px; padding-left: 20px; } #targeted_links li { float: left; text-decoration: none; list-style-type: none; background: url(/images/elements/blue_arrow1.gif) no-repeat left center; } #targeted_links li a { font-weight: bold; color: #333; line-height: 29px; padding-left: 20px; padding-right: 20px; display: block; white-space: nowrap; } #targeted_links li a:hover { color: #369;} /*main navigation links*/ #singlelevelmenu { background: url(/images/nav/bg-nav-links.gif) repeat-x left top; clear: both; margin: 0 5px; } #singlelevelmenu ul { list-style: none; height: 37px; text-align: center; margin: 0px auto; width: 748px; } #singlelevelmenu li { background: url(/images/nav/nav-separator.gif) no-repeat -3px 0px; float: left; } #singlelevelmenu a { line-height: 37px; display: block; text-decoration: none; padding-right: 20px; padding-left: 20px; height: 37px; float: left; border-left: 1px solid #FFFFFF; } #singlelevelmenu a:hover { background: #69c; border-left: 1px solid #FFFFFF; } #singlelevelmenu li.active {background: #69c; } #singlelevelmenu a img { margin-top: 10px; } #singlelevelmenu .first_nav { background: url(/images/nav/nav-separator.gif) no-repeat -3px 0px; float: left; } #singlelevelmenu .last_nav { background: url(/images/nav/nav-separator.gif) no-repeat right center; padding-right: 20px; } #singlelevelmenu .last_nav:hover { border-right: 1px solid #FFFFFF; } /*end main navigation links*/ /*#header { width: 960px; background-image: url(/images/nav/bg-wrapper-alibris.gif) repeat-y; margin: 0 auto; } #header .logo-wrap {height:100px;} #header .logo-wrap img {} #header .bg-right {background:url(/images/nav/bg-wrapper-alibris.gif) right top repeat-y;} */ .white-text-tagline { color:#fffff2; font-size:13px; font-weight:normal; margin:0 0 1px 0; padding:11px 0 0 0;} .white-text-tagline p {color:#fffff2; margin:0; padding:0; } .topnav {margin-right:5px; color:#57573a; font-size:12px; font-weight:normal; text-align:right; text-decoration:none; padding:0;} .topnav a:link, .topnav a:visited {color:#57573a; } .topnav a:hover {text-decoration:underline; } .not-bob, .not-bob a:link, .not-bob a:visited {color:#fff; font:10px Verdana, Arial, Helvetica, Geneva, sans-serif; } /* ******************************************************************* for alibrisFooter.jsp ********************************************************************** */ #footer {background:url(/images/nav/bg-footer.gif) no-repeat left top; text-align:center; width:960px; display:block; *margin-top:-3px; margin: 0 auto; padding:25px 0;} #footer .gra-minwidth {width:850px; height:1px;} #footer .beige-bar {width:auto; background-color:#555;} #footer p {font-size:11px; text-decoration:none;color:#555; margin:0; padding:0; } #footer a {color:#555; text-decoration:none; } #footer a:hover {color:#555; text-decoration:underline; } /* ******************************************************************* for alibrisSubHead.jsp ********************************************************************** */ /*#singlelevelmenu {width:100%; border-collapse:collapse; background:url(/images/nav/alibris-bg-960.gif) left top repeat-y; margin: 0;} #singlelevelmenu td {padding:0;} #singlelevelmenu img {margin:0 0 -3px 0;}*/ /*#subNavRetail {text-align: center; margin: 0 5px; padding:4px 0; background:#84adcd;} #subNavRetail a:hover { text-decoration: underline; color: #fff; #subNavRetail .gra-minwidth {width:645px; height:1px; background:#84adcd; float:left;} */ /*sub navigation links*/ #subNavRetail, #subNavBeige { background: #69C; text-align: center; margin: 0 5px; } #subNavRetail p, #subNavBeige p { margin: 0px; padding: 7px 0px; color: #fff; } #subNavRetail a, #subNavBeige a { line-height: 16px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding-right: 5px; padding-left: 5px; font-size: 12px; } #subNavRetail a:hover { text-decoration: underline; color: #fff; } /*end sub navigation links*/ #subNavLibrary {margin:0; padding:4px 0; background:#696;} /*#subNavBeige {margin:0 5px; padding:4px 0; background-color:#eeeed0;} */ .subnav { color:#fff; text-align:center; padding: 3px 0;} .subnav a:hover {text-decoration:underline !important;} .subnav a:link, .subnav a:visited {color:#fff !important; text-decoration:none;} /* ******************************************************************* for alibrisSearchLHS.jsp ********************************************************************** */ html>body #searchimg {margin-bottom:-3px;} .searchcontent {padding:0 0 3px 7px; font-size:11px; color:#57573a; background:url(/images/nav/search_box_bg.gif) repeat-y left top;} .searchcontent form {margin:0; padding-left:6px; display:inline;} .center-content p, .content-2col p, .content-3col p, .content-3col-07 p, .content-2col-07 p {margin:0; padding:1px 0 7px 0;} .center-content table, .content-2col table, .content-3col table {font-size:12px;} /*#center-content {width:auto; display:block; margin:0; padding:0 10px; border:1px solid #cc0000;}*/ /*.breadcrumb {color:#555; font-size:12px;}*/ /* added 101008 | liquidcorners.css; feel free to adapt the style! | ================================================ | use: 4 corners with borderline outside a contentbox with class="inside"; | image = upper half: top left corner, long borderline, top right corner | under half: bottom left corner, long borderline, bottom right corner | CHANGE = you have to change this for fitting to your image | YCC = You Can Change (or omit), if wanted | DNC = Do Not Change | credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner: | http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm | adapted | by.....: ... (lucija kordic | alibris.com) | | + please let this text & links intact for a next user + --> /* experimental rounded corner css */ .round-box-1 { margin: 0 0 15px 0; } .round-box-1 .top-left, .round-box-1 .top-right, .round-box-1 .bottom-left, .round-box-1 .bottom-right { background-image: url(/images/elements/corner-1280x20-ltblue.gif); /*background-image: url('http://home.tiscali.nl/developerscorner/liquidcorners/images/corners1280x18.gif'); CHANGE: path and name of your image */ height: 10px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ font-size: 2px; /* DNC: correction IE for height of the