/* GENESIS ENGINE (genesis_complete.css) This file defines the default styles of a generic, non-customized Genesis Engine, and relies heavily on three YahooUI sheets, namely Yahoo Grids, Yahoo Reset and Yahoo Fonts. As you might expect, the inclusion of Yahoo Fonts means that we'll use percentages instead of pixels or ems for our font-size definitions. This is a bit of a bitch to do because there are very specific percentage values available (i.e., you can't use whole numbers like 80% or 90%, but have to use 77% and 93% respectively). However this does result in the most consistent look cross-browser, so it's theoretically worth the hassle. */ /* Yahoo! RESET http://developer.yahoo.net/yui/license.txt */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';} /* Yahoo! Fonts */ body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} /* px percentage 10 77 11 85 8 12 92 7 13 100 8 14 107 7 15 114 7 16 122 8 17 129 7 18 136 7 19 144 8 20 152 7 21 159 7 22 167 8 23 174 7 24 182 8 25 189 7 26 197 8 27 204 7 28 211 7 29 219 8 30 226 7 */ /* Yahoo! Grids http://developer.yahoo.net/yui/license.txt */ body{text-align:center;}#doc{width:57.69em;*width:56.3em;min-width:750px;margin:auto;text-align:left;}#hd,#bd{margin-bottom:1em;text-align:left;}#ft{clear:both;} .yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, .yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b{float:right;}.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui-t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{float:left;}.yui-t1 #yui-main .yui-b{width:76%;min-width:570px;}.yui-t1 .yui-b{width:21.33%;min-width:160px;}.yui-t2 #yui-main .yui-b, .yui-t4 #yui-main .yui-b{width:73.4%;min-width:550px;}.yui-t2 .yui-b, .yui-t4 .yui-b{width:24%;min-width:180px;}.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{width:57.6%;min-width:430px;}.yui-t3 .yui-b, .yui-t6 .yui-b{width:40%;min-width:300px;}.yui-t5 #yui-main .yui-b{width:65.4%;min-width:490px;}.yui-t5 .yui-b{width:32%;min-width:240px;}.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u{float:right;display:inline;}.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first{float:left;}.yui-g .yui-u, .yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb .first, .yui-gc .first, .yui-gd .first{margin-left:0;}.yui-gc .first, .yui-gd .yui-u{width:66%;}.yui-gd .first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge .first, .yui-gf .yui-u{width:74.2%;}.yui-gf .first{width:24%;}.yui-ge .first{width:74.2%;}#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1;} /* Universal Definitions */ #doc { width:960px; } .yui-t3 .yui-b { width:180px; min-width:180px; } .yui-t3 #yui-main .yui-b { width: 770px; } /*.yui-t3 { width: 990px; }*/ .clearer { clear:both; } /* main DIVs */ body { background:url('/images/bg.gif') top center; } #hd { width:971px; margin:0 auto; } #hd-in { height:103px; background:url('/images/in_header.jpg'); } #hd-link { float:left; margin:0px; } #toolbar { width:525px; float:right; margin-right:10px; } #toolbar #search-form { clear:both; margin:10px; } #toolbar #search-form label { color:#ffd; font-weight:bold; margin-right:10px;} #toolbar #search-form .advanced { float:right; width:70px; font-size:85%; font-style:italic; color:#ffc; text-align:center; } #toolbar .button { float:left; margin: 10px 0px 0px 5px; width:85px; overflow:hidden; } #toolbar .button img { float:left; margin-right:5px; } #toolbar .button a { font-size:85%; color:#ffc; line-height:10px; } #toolbar .button a:hover { color:#fff; background:#014; text-decoration:none; } #sd { padding:5px 8px 5px 5px; text-align:left; } #bd { padding:5px; border-left:1px dashed #666;} #ft { margin-top:15px; } #ft-in { margin:0 auto; width:940px; border-top:1px dashed #666; padding:10px 10px 15px 10px; text-align:center; } #ft a { font-size:85%; color:#933; } /* search field */ .SUBMIT_BUTTON {background-color: #CC3333; color:#FFFFFF; border-style:solid;} .LOGIN_BUTTON {background-color: #66CC00; color:#FFFFFF; border-style:ridge; font-size:14px; font-family:Tahoma, Verdana;} .GO_BUTTON {border:2px solid #333; background:#900; color:#fff; font-weight:bold; margin-right:10px; padding: 0px 5px; } .FORM_FIELD {font-family:Century Gothic, Tahoma, Verdana, Arial, Tahoma, Helvetica, sans-serif;font-size:14px;font-weight:bold;} .HEADER {font-size:14px;font-weight:bold;color: #990033} .NOMATCH {font-size:15px;font-weight:bold;color: #CC3300} .REGISTER_LABEL {font-size:14px;font-weight:bold;color: #990033} .FAQ_LABEL {font-size:14px;color: #990033} .SHIPPING_LABEL {font-size:12px;font-weight:bold;color: #000099} /* price filter */ .FILTER_MESSAGE {font-family:Century Gothic, Tahoma, Verdana, Arial, Tahoma, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#CC3333} .FILTER_RESULTS {font-family:Tahoma, Verdana;font-size:13px;font-weight:bold;color:#CC0000;} /* General Colors */ h1, h2, h3, h4 { color:#800; } p { color:#000; } blockquote { color:#444; } a { color:#600; } a:hover { color:#900; } h1>a, h2>a, h3>a, h4>a { color:#900; } strong { font-weight:bold; } em { font-style:italic; } .branch{ cursor: pointer; cursor: hand; display: block; margin:5px 3px; color:#600; } .leaf{ display: none; margin:5px 3px; } .nav2 { font: 10pt Verdana,sans-serif; color: navy;} .nav2 a { text-decoration:none; } .nav2 a:hover { color:blue; text-decoration:underline} /* Text Sizes */ h1 { font-size:204%; font-weight:bold; } h2 { font-size:167%; font-weight:bold; } h3 { font-size:152%; font-weight:bold; } h4 { font-size:122%; font-weight:bold; } p { line-height:144%; margin-top:5px; } a img { border:0px; } strong, b { font-weight:bold; } em, i { font-style:italic; } blockquote { margin: 10px 25px; font-size:97%; line-height:122%; color:#444; } input[type="text"], input[type="password"], textarea { width:98%; } input[type="text"] { font-weight:bold; } ul.nav { margin:5px; } ul.nav li { margin:5px 3px; } ul.nav li a { text-decoration:none; } .featured-items { margin:0px; overflow:hidden; } .featured-items .item, .product-bucket .item { overflow:hidden; width:240px; margin: 5px; } .featured-items .item img.item-image, .product-bucket .item img.item-image { float:left; margin-right:5px; } .featured-items .item a.item-title { font-size:100%; font-weight:bold; color:#000; } .featured-items .item p, .product-bucket .item p { font-size:85%; line-height:11px; } .featured-items .item .author, .product-bucket .item .author { font-style:italic; font-weight:bold; color:#555; } .featured-items .item .type, .product-bucket .item .type { font-style:italic; color:#555; } .featured-items .item .category, .product-bucket .item .category { font-style:italic; color:#700; } .featured-items .item .price, .product-bucket .item .price { font-weight:bold; color:#700; } .featured-items .item a.buy, .product-bucket .item a.buy { float:right; margin-right:5px; } .featured-items a.more { color:#900; clear:both; float:right; text-decoration:none; border-bottom: 1px dashed #900; font-size:107%; font-style:italic; font-weight:bold; } .featured-items a.more:hover { color:#000; } .featured-items a.more2 { color:#FF9900; clear:both; float:right; text-decoration:none; border-bottom: 1px dashed #900; font-size:107%; font-style:italic; font-weight:bold; } .featured-items a.more2:hover { color:#000; } .featured-items #more-books2 { color:#FF9900; border-bottom-color:#0ac; } .featured-items #more-books { color:#0ac; border-bottom-color:#0ac; } .featured-items #movietiein { color:#7a4b7c; border-bottom-color:#000000; } .featured-items #more-gifts { color:#690; border-bottom-color:#690; } .featured-items #more-school { color:#963; border-bottom-color:#963; } .featured-items #more-movies { color:#939; border-bottom-color:#939; } .featured-items #more-gcs { color:#f30; border-bottom-color:#f30; } /* shopping cart */ .items { padding-bottom:10px;} .items td { padding-bottom:4px; } .items .item-title { color:#ffc; font-size:92%; font-weight:bold; text-decoration:none} .items .item-details { color:#fff; font-style:italic; font-size:92%} .items .item-price { float:right; text-align:right; color:#fff; font-weight:bold; font-size:100%} .items a { color: #FFCC00; font-size:92%; } .items a:hover { color: #ffc; font-size:92%; text-decoration:underline; } /* product page */ #product-image { float:left; margin-right:5px; } #product-info h3 { font-size:136%; } #product-info h4 { font-size:122%; color:#444; } #product-info p.price { font-size:114%; font-weight:bold; color:#900; } .product-bucket { clear:both; margin:10px 0px 20px 0px; } .product-bucket .header { border-bottom:1px solid #ccc; margin-bottom:5px; } .product-bucket .stars { margin-bottom:5px; overflow:hidden; } .product-bucket .stars img { float:left; } .product-bucket .stars .caption { float:left; font-size:92%; margin:5px 5px 0px 10px; } .product-bucket form { clear:both; } .product-bucket2 {} .product-bucket2 a.item-title { font-size:92%; font-weight:bold; color:#000; } .product-bucket2 .author { font-style:italic; font-weight:bold; color:#555; } .product-bucket2 p { font-size:85%; overflow:hidden; } .product-bucket2 .category { font-style:italic; color:#700; } .product-bucket2 .price { font-weight:bold; color:#700; } .product-bucket2 a.buy { float:right; margin-right:5px; } /* category page */ #view-options { color:#333; font-size:100%; font-weight:bold; margin-bottom:10px; } #view-options a { border-bottom:1px dashed #900; text-decoration:none; } #price-filter { } #section-nav { border-bottom:1px solid #9cf; margin: 5px 5px 5px 0px; padding: 5px 5px 5px 0px; } #section-nav a { color:#444; } #section-nav a.current { font-weight:bold; color:#222; } #product-list .item { overflow: hidden; padding: 5px;} #product-list .item2 { overflow: hidden; padding: 5px; } /* \ */ * html #product-list .item { height:1%;} /* */ #product-list h3 { font-size:114%; } #product-list h4 { font-size:114%; color:#444; } #product-list .item img { float:left; margin-right:5px; overflow:hidden; } #product-list .item p { font-size:85%; overflow:hidden; } #product-list .item p.price { float:left; margin-right:10px; font-size:114%; font-weight:bold; color:#900; overflow:hidden; } #product-list .item img.buy { float:left; overflow:hidden; } #product-list .item2 img { float:left; margin-right:5px; overflow:hidden; } #product-list .item2 p { font-size:85%; overflow:hidden; } #product-list .item2 p.price { float:left; margin-right:10px; font-size:114%; font-weight:bold; color:#900; overflow:hidden; } #product-list .item2 img.buy { float:left; overflow:hidden; } .pagination { text-align: center; padding:5px;} .pagination a { font-size:107%; color:#444; text-decoration:none; padding:0px 3px; font-weight:bold;} .pagination a:hover { color:#ffc; background:#600; } .pagination a.current { font-size:122%; font-weight:bold; color:#900; } .pagination a.current:hover { color:#cc9; } .user-profile { border:1px solid #963; border-left:0px; border-right:0px; background:#ffc; padding:3px 7px; margin-top:10px; } .user-profile p { font-size:92%; line-height:12px; margin-bottom:5px; } .user-profile label { font-weight:bold; color:#444; } .style1 { color: #C6000C; font-size: 18px; font-weight: bold; } /* book review*/ .head { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#990000;border-bottom:1px solid #ccc; margin-bottom:5px; text-align:left; } .reviewbox {border: 1px #7f9db9 solid;} .style2 { font-family:Arial, Helvetica, sans-serif; font-size:12; color: #990000;} .style2 a { font-family:Arial, Helvetica, sans-serif; font-size:12; color: #990000;} .style2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12; color:#999999;} .paging { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; text-align:left;} .paging a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; text-align:left;} .paging a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF9900; text-align:left;}