/* Site: Meylah Description: Slick, yet nifty Version: 0.1 Author: Stress Limit Design (http://www.stresslimitdesign.com) */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Table of Contents: Defaults Basic Layout General Styles text links lists forms tables Section-Specific Styles header side tabs posts cart store bytesyze footer Print +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------------------------------------- DEFAULTS -------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none;} :focus { outline: 0;} html { background:#b6cccf; } body { font-size:14px; color:#626466; font-family:Georgia, Times, serif; } #kohana-profiler td {text-align: left;} /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------*/ #sidebar { position:absolute; left:0; top:118px; width:38px; height:530px; padding-bottom:105px; /* to account for calendar tab */ } #container { width:980px; /*min-height:745px; /* header + sidebar */ height:auto; margin:0 auto; position:relative; display:block; background:#b6cccf; z-index:1; } #leftColumn { float:left; width:380px; margin-left:111px; } .header { height:100px; margin:0 0 23px; position:relative; } #blog { background:url('/static/images/bg/leftcolumn.gif') top left repeat-y; padding:12px 10px 45px; margin-bottom:40px; position:relative; } #blog .bottom { position:absolute; bottom:0; left:0; height:6px; width:380px; background:url('/static/images/bg/blogbottom.gif') top left no-repeat; } #rightColumn { width:462px; display:block; margin-right:9px; float:right; } #rightColumn.pinnedTop { margin-left:509px; /* height:auto; */ float:right; margin-left:0; } #rightColumn.floating { position:fixed; top:0; margin-left:509px; /* height:auto; */ } #rightColumn.pinnedBottom { position:absolute; bottom:0; right:0; /* height:auto; */ } .header { /* see above */ } #store { background:url('/static/images/bg/rightcolumn.gif') top left repeat-y; padding:12px 10px 10px; position:relative; } #store .bottom { position:absolute; bottom:0; left:0; width:462px; height:5px; background:url('/static/images/bg/rightcolumnbottom.gif') top left no-repeat; } #cart { position:relative; width:440px; background:#fff; border:1px solid #e0e0e0; border-bottom:none; } #forsale { background:#fff; border:1px solid #e0e0e0; border-top:none; /*padding-bottom:20px; background:#fff url('/static/images/bg/poweredbymeylah.gif') bottom right no-repeat*/; } #products { padding:12px 20px 8px; } #bytesyzestore { padding:8px 20px; } #page { margin:0 0 47px 49px; padding:17px 9px; width:904px; background:url('/static/images/bg/page.gif') top left repeat-y; position:relative; clear:both; } #page .top { position:absolute; top:0; left:0; height:6px; width:922px; background:url('/static/images/bg/pagetop.gif') top left no-repeat; } #page .bottom { position:absolute; bottom:0; left:0; height:6px; width:922px; background:url('/static/images/bg/pagebottom.gif') top left no-repeat; } #footerWrap { clear:both; border-top:1px solid #adc1c4; background:#84a1b3; } #footer { height:auto; width:980px; margin:0 auto; background:#84a1b3; font-size:12px; color:#474747; z-index:999; } .onecolumn .header { margin-bottom:18px; } /* -------------------------------------------------------------- GENERAL STYLES -------------------------------------------------------------*/ /* ----- Text ----- */ p { padding:0 0 1.3em 0; line-height:1.5 } p.small, span.small { font-size:9px; line-height:12px; margin-top:2px; color:#a5a5a5; } br.small { clear:both; height:1px; font-size:1px; margin:0; } b, strong { font-weight:bold; } i, em { font-style:italic; } blockquote { padding:6px 12px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#eee; font-style:italic; margin:6px 0px 15px 0px; } blockquote p { padding-bottom:5px; } h1,h2,h3,h4,h5,h6 { font-family:Georgia, Times, serif; font-weight:normal; color:#111; z-index:1; } h1 { font-size:30px; font-weight:bold; line-height:1; text-decoration:none; color:#626466; padding:16px 0 18px; } /* Blog heading */ h2 { font-size:20px; color:#636466; padding:6px 0; text-align:left; border-bottom:solid 1px #626466; } /* Mainly for ByteSyze page heading */ h3 { font-size:14px; line-height:1.2; font-weight:bold; color:#666; margin-bottom:1em; font-style:italic; padding-bottom:2px; } /* Store headings (Products, Byte Syze) */ h4 { font-size:17px; } /* Prices in vignette, sub-heading in ByteSyze */ h5 { font-size:18px; padding-top:10px; margin-left:8px; } h6 { font-size:12px; line-height:1.1; color:#666; padding:12px 0 6px; text-align:left;} /* products, bytesyzestore */ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { text-decoration:none; color:#626466; } h3 a { position:absolute; right:0; bottom:0; padding-bottom:2px; } h4 span { vertical-align:text-bottom; } /* ----- Links ----- */ a:link, a:visited { color:#ef3f23; text-decoration:none } a:hover, a:active { text-decoration:underline; } a img { border:0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a#logo { border:none; } /* ----- Lists ----- */ ul { } ul li { } /* ----- Forms ----- */ form { } input, textarea { display:inline; margin:1px 0 0; width:178px; height:18px; line-height:18px; font:14px Georgia, Times, sans-serif; padding:0 6px; background:#636466; color:#fff; border:1px solid #9b9c9d; } /* default text input boxes */ textarea { height:135px; } /*input:hover, textarea:hover { background:#7d7f81; }*/ select { margin:2px 0; } .validation-failed { background:#faa; } .validation-advice { color:#fff; font-size:12px; padding:2px 5px; background-color: rgba(255,0,0,0.8); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; } /* ----- Tables ----- */ table { border-collapse: collapse; } th { text-align:left; } tr { } td { text-align:center; } thead { border-bottom:1px solid #626466; padding-bottom:6px; } tbody { } tfoot { border-top:1px solid #626466; padding-bottom:6px; } table .textLeft { text-align:left; } /* ----- Images ----- */ /* ----- Other ----- */ .smallnotice { float:right; height:30px; width:134px; background:url('/static/images/bg/scoutshonor.gif') top left no-repeat; color:#606060; font-size:10px; text-align:center; padding:3px 4px 3px 12px; } /* -------------------------------------------------------------- SECTION SPECIFIC STYLES -------------------------------------------------------------*/ /* Column header - Left - Right Side tabs Posts - images - login - date - send to a friend - categories - comments - pagination Cart - selection - personal info - confirmation - payment Store - filtered lists -big store Bytesyze - carousel -steps Footer */ /* COLUMN HEADER --------------- */ /* Left */ #leftColumn .header { background:url('/static/images/bg/topleft.gif') top left no-repeat; overflow:hidden; } #leftColumn .header img { height:100px; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft:7px; } #leftColumn .header img.banner { width:380px; } #leftColumn .header img.logo { float:left; width:100px; padding-right:5px; } #leftColumn .header img.defaultLogo { padding:12px; height:72px; width:auto; } #leftColumn .header a { text-decoration:none; color:#626466; } /* Right */ #rightColumn .header { background:url('/static/images/bg/topright.gif') top left no-repeat; } #rightColumn .header p { clear:both; padding:0 0 0 5px; } #rightColumn .header ul { height:28px; padding:2px 0 4px 0; } #rightColumn .header ul li { float:left; line-height:26px; padding:0 5px; } #rightColumn .header ul li img { height:24px; padding-right:3px; vertical-align:bottom; } #rightColumn .header #rss a, #rightColumn .header #rss a:hover { color:#e5a600; } #rightColumn .header #email a, #rightColumn .header #email a:hover { color:#e85418; } #rightColumn .header #email .popup { display:none; position:absolute; height:43px; width:322px; right:20px; background:url('/static/images/bg/email.gif') top left no-repeat; } #rightColumn .header #email .popup form input { margin-top:17px; margin-left:7px; width:292px; } #rightColumn .header #email .popup form input.submit { display:none; } #rightColumn .header #email .popup .formResponse { color:#fff; text-align:center; padding-top:12px; } #rightColumn .header #search { float:left; } #rightColumn .header #search form, #page-search #search form { display:block; height:22px; } #rightColumn .header #search input, #page-search #search input { width:260px; float:left; } #rightColumn .header #search input.go, #page-search #search input.go { width:auto; height:auto; border:none; padding:0; margin:0; display:inline; } #rightColumn ul#nav { margin-top:-1px; padding:0; height:33px; /* background:#e8e8e8; */ } #rightColumn ul#nav li { padding:0; border-right:2px solid #e8e8e8; } #rightColumn ul#nav a { height:31px; line-height:31px; display:block; background:#f0f0f0; color:#3b3b3b; font-weight:bold; border:1px solid #f8f8f8; padding:0 10px; } #rightColumn ul#nav a:hover { color:#757575; text-decoration:none; } #rightColumn ul#nav li.store, #rightColumn ul#nav li.store a { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } #rightColumn ul#nav li.mypurchases a { padding-left:5px; } #rightColumn ul#nav li.selected { height:33px; background:url('/static/images/bg/selected.gif') center 25px no-repeat; } #rightColumn ul#nav li.selected a { background:#f0f0f0 url('/static/images/bg/selected.gif') center 24px no-repeat; border-bottom:none; color:#6dccae; } #rightColumn ul#nav li.selected.mypurchases a { color:#c90176; } #rightColumn ul#nav li.selected.store a { color:#83a216; } #rightColumn ul#nav li.selected.blog a { color:#6dccae; } #rightColumn ul#nav li.selected.about a { color:#83a1b2; } #rightColumn ul#nav li.mypurchases { float:right; border-left:2px solid #e8e8e8; } #rightColumn div.header li.header-signin { float:right;} /* SIDE TABS ----------- */ #sidebar { z-index:998; display:block; overflow:hidden; width:38px; } #sidebar #sociable { margin-bottom:10px; } #sidebar .tab-container { z-index:998; position:relative; background:#f0f0f0; visibility:hidden; } #sidebar .tab-container.open { z-index:997; } #sidebar .tab-container.closing { z-index:996; } #sidebar .tab-content { padding:10px; display:inline-block; } #sidebar .tab { position:absolute; width:38px; right:0; padding-bottom:5px; } #sidebar .tab.style1 .body, #sidebar .tab.style1 .end { background: url('/static/images/tabs/tab1.png') no-repeat; } #sidebar .tab.style2 .body, #sidebar .tab.style2 .end { background: url('/static/images/tabs/tab2.png') no-repeat; } #sidebar .tab.style3 .body, #sidebar .tab.style3 .end { background: url('/static/images/tabs/tab3.png') no-repeat; } #sidebar .tab .body { padding-top: 10px; } #sidebar .tab .end { background-position: left bottom !important; height: 10px; } #sidebar .tab:hover { cursor:pointer; } /* POSTS ------- */ .post { margin-bottom:18px; background:#fff; border:1px solid #e0e0e0; position:relative; } .post h2 { font-size: 20px; font-style:normal; border:none; padding:0; } .post ul, .post li ul { padding-top:0; list-style:none; margin-bottom:1.3em; line-height:1.5em; } .post blockquote ul { padding-top:5px; list-style:none; margin-bottom:1em;} .post ul li, .post li ul li { list-style:none; margin-left:0px; padding-left:1.2em; margin-bottom:0.5em; background:transparent url('/static/images/bg/ul_li.gif') 0px 2px no-repeat; } .post ol, .post li ol { margin-top:0.5em; list-style:none; margin-bottom:1.2em; } .post ol li, .post li ol li { margin-left:25px; padding-left:5px; background:none; list-style:decimal; line-height:1.5em; } .post ol.alpha, .post ol.alpha li { list-style:lower-alpha; } /* post images */ .post .postImage { position:relative; left:-1px;} .post .postImage .productImages { width:350px; height:261px; border:5px solid #6dccae; overflow:hidden; position:relative; } .post .postImage .productImages.portrait { height:466px; } .post .postImage .productImages img { width:350px; position:absolute; visibility:hidden; z-index:5; } .post .postImage .productImages img:first-child { visibility:visible; } /* if js is disabled */ .post .postImage .desc { position:absolute; bottom:0px; width:350px; height:auto; min-height:72px; color:#fff; background:url('/static/images/bg/transparency.png') left top repeat; font-size:11px; z-index:10; } .post .postImage .desc a.collapse { position:absolute; top:-16px; right:0; height:12px; padding:2px 0; width:78px; background:url('/static/images/bg/transparency.png') left top repeat; text-align:center; color:#fff; font-style:italic; font-size:10px; z-index:10; } .post .postImage .desc h3, .post .postImage .desc p { font-size:11px; padding-left:20px; width:260px; color:#ffffff; } .post .postImage .desc h3 { margin:5px 0 0; } .post .postImage .desc p { line-height:1.2em; padding:0 0 4px 20px; } .post .postImage .desc div.buy { float:right; width:78px; } /* .post .postImage .desc input.submit { display:block; float:right; background:#83a216; color:#fff; width:68px; height:18px; } */ .post .postImage .desc h4 { position:relative; font-size:20px; color:#fff; padding:20px 5px 3px 0; text-align:right; } .post .postImage .imageSelector { text-align:left; margin-left:25px; margin-top:17px; } .post .postImage .imageSelector div { display:inline; background-color:#bbd759; color:#fff; padding:2px 4px; height:18px; } .post .postImage .imageSelector div:hover { cursor:pointer; } .post .postImage .imageSelector .theEnd { color:#deea99; } /* bytesyze login form */ .bsl { color:#d41e8c; } .bytesyzequickview { margin:34px 0 15px; padding:0 18px 0 24px; } .bytesyzequickview h3 { margin:0; font-size:12px; } .bytesyzequickview div { padding-top:5px; width:100px; text-align:center; } .bytesyzequickview a { background-color:#83a216; padding:2px 4px; height:18px; line-height:18px; color:#fff; text-decoration:none; display:block; } .bytesyzeLogin { width:320px; padding:12px; margin:12px 8px 0; background:url('/static/images/bg/bytesyzelogin.gif') left top no-repeat; } .bytesyzeLogin h3, #forsale .bytesyzeLogin h3 { margin:0; font-size:12px; border:none; } .bytesyzeLogin form { padding:8px 0; height:22px; } .bytesyzeLogin form > div { position:relative; } .bytesyzeLogin form > div div.validation-advice { position:absolute; top:18px; font-size:11px; } .bytesyzeLogin input { margin-right:4px; width:150px; float:left; font-size:12px; } .bytesyzeLogin input.password { width:94px; } .bytesyzeLogin input.go { width:auto; height:auto; border:none; padding:0; margin:0; display:inline; } .bytesyzeLogin p { font-size:10px; padding:0; } .bytesyzebottom { height:3px; width:344px; margin:0 8px 8px; background:url('/static/images/bg/bytesyzeloginbottom.gif') left top no-repeat; } /* date */ .post .postText .date { width:51px; height:36px; padding:3px 0 8px; display:block; color:#fff; text-align:center; position:absolute; left:-51px; font-size:12px; line-height:11px; background:url('/static/images/bg/date.gif') top left no-repeat; } .post .postText .date span { text-transform:uppercase; width:52px; padding-top:2px; display:block; } /* Onsale and Download hangers */ .post.item .dl_hanger { padding:3px 0 8px; display:block; color:#fff; text-align:center; position:absolute; left:-51px; font-size:12px; line-height:11px; background:url(/static/images/icons/download_hanger.png) top left no-repeat; width:40px; height:32px;} .post.item .onsale_hanger { padding:3px 0 8px; display:block; color:#fff; text-align:center; position:absolute; left:-51px; top: 45px; font-size:12px; line-height:11px; background:url(/static/images/icons/onsale_hanger.png) top left no-repeat; width:40px; height:32px;} /* text */ .post .postText { padding:0 18px 0 24px; margin-bottom:20px; position:relative; } .post .postText .text img, .post .postText .text input {width: auto; height: auto; max-width: 310px;} /* some content have img 1x1, so it should not scale up, just scale if it's too large width */ /* send to friend */ .post .meta .popup.sendToAFriend { display:none; height:169px; width:292px; margin:0; margin-bottom:10px; padding:3px 12px; top:15px; background:url('/static/images/bg/emailtoafriend.gif') top left no-repeat; } .post .meta .popup.sendToAFriend form > div { padding-top:12px; height:50px; position:relative; } .post .meta .popup.sendToAFriend form > div div.validation-advice { position:absolute; top:65px; background:rgba(111,0,0, 0.8); font-size:10px; } .post .meta .popup.sendToAFriend form > div .required.email + div { right:0; } .post .meta .popup.sendToAFriend form > div h4 { height:32px; line-height:32px; font-size:18px; color:#fff; display:block; } .post .meta .popup.sendToAFriend form > div h4 span { vertical-align:baseline; font-style:italic; } .post .meta .popup.sendToAFriend input.name { width:88px; float:left; } .post .meta .popup.sendToAFriend input.email { width:172px; float:right; } .post .meta .popup.sendToAFriend button { float:right; width:90px; height:20px; border:0; margin:0; padding:0; margin-top:14px; text-indent:-9999em; background:url('/static/images/buttons/send.gif') top left no-repeat; } .post .meta .popup.sendToAFriend .formResponse { color:#fff; text-align:center; padding-top:70px; font-size:14px; } /* categories & comments */ .post .meta .cats li { float:left; display:block; font-size:11px; background:transparent; /*background:#ff0000;*/ padding:0 12px 0 0; margin:0; } .post .meta .cats li a { color:#f00; text-decoration:none; font-style:italic; font-weight:bold; } .post .meta .cats li a:hover { text-decoration:underline; } .post .meta .title, .post .meta .share { font-size:12px; font-weight:bold; font-style:italic; clear:both; padding:0px 0 8px 0; position:relative; } .post .meta p { margin:0px; padding:0 0 0.5em 0;} .post .meta .share a { } .post .postText .addComment span { position:relative; left:5px; top:-8px; font-style:italic; font-weight:bold;} .post .postText .addComment {margin-bottom:10px;} /* comment form (single post view) */ .post #comments h3 { font-size:20px; font-style:normal; padding:16px 0 12px; margin:10px 0 0; border-top:1px solid #626466; } .post #comments form { border-bottom:1px solid #626466; margin-bottom:6px; } .post #comments form + div { border-top:none; } .post #comments input, .post #comments textarea { width:304px; margin:6px 0 0; } .post #comments form label { display:none; } .post #comments img { margin-bottom:6px; cursor:pointer; } .post #comments > div { border-top:2px dashed #b9cd54; padding:18px 0 16px; } .post #comments div div.commentMeta { font-size:10px; font-style:italic; padding:0 0 8px; margin-left:-2px; } .post #comments div div.commentMeta span { font-size:14px; padding:2px 9px 4px; color:#fff; background:url('/static/images/bg/redcircle.gif') top center no-repeat; } .post #comments div p { padding-left:24px; } .post #comments button { background:url('/static/images/buttons/submitcomment.gif'); width:316px; margin:12px 0 18px; height:20px; float:none; text-indent:-9999em; } .post #comments .small { font-size:11px; margin:6px 0; } .post #comments .smallnotice { margin-top:10px; } /* pagination */ #pagination { position:absolute; bottom:0; left:0; height:42px; width:380px; background:url('/static/images/bg/pagination.gif') top left no-repeat; } #pagination a { color:#626466; font-size:14px; font-weight:bold; display:block; line-height:24px; height:24px; width:150px; text-decoration:none; } #pagination .prev { float:left; padding-left:28px; margin-top:8px; background:url('/static/images/buttons/prevposts.gif') 10px top no-repeat; } #pagination .next { float:right; padding-right:28px; margin-top:8px; background:url('/static/images/buttons/nextposts.gif') 154px top no-repeat; text-align:right;} /* CART ------ */ #cart input { width:234px; } #cart input[type="checkbox"] { width:14px; height:14px; padding-left:4px; } #cart #togglecart { position:absolute; right:21px; display:block; height:29px; margin:10px 0; width:144px; background:url('/static/images/buttons/showhidecart.png') top left no-repeat; text-indent:-9999em; } #cart #cartHead { display:block; height:48px; background:url('/static/images/bg/itemsincart.gif') 0px -8px no-repeat; } #cart #storeTab { position:absolute; top:-3px; left:-25px; width:15px; height:58px; } #storeTab a { display:block; background:url('/static/images/buttons/storetab_open.gif') top left no-repeat; height:100%; width:100%; } #storeTab a.close { background-image:url('/static/images/buttons/storetab_close.gif'); } #cart p#numItems { position:absolute; color:#fff; font-size:18px; left:64px; top:0; height:32px; line-height:32px; padding:8px 0; } #cart p#numItems span { /* font-size:2em; vertical-align:bottom; */ } #cart #detailedview { padding:20px; border-bottom:2px dashed #b9cd54; } #cart #detailedview ul.step { height:18px; padding:4px 0; display:block; background:url('/static/images/bg/cart_selection.gif') top left no-repeat; padding-right:4px; margin-right:-4px; } #cart #detailedview ul.personalinfo { background:url('/static/images/bg/cart_personalinfo.gif') top left no-repeat; } #cart #detailedview ul.payment { background:url('/static/images/bg/cart_payment.gif') top left no-repeat; } #cart #detailedview ul.thankyou { background:url('/static/images/bg/cart_thankyou.gif') top left no-repeat; } #cart #detailedview ul.step li { height:18px; width:100px; margin:0; float:left; text-indent:-9999em; } #cart #detailedview ul.step li.selection { cursor: pointer; } /* selection view */ #cart table#itemsInCart { width:100%; margin:25px 0 10px; font-size:12px; line-height:12px; } #cart table a, #cart table a:link, #cart table a:hover, #cart table a:visited { color:#606060; line-height:24px; text-decoration:none; padding:0; margin:0; display:block; height:24px; } #cart table th { font-weight:bold; font-style:italic; font-size:14px; margin-bottom:4px; } #cart table#itemsInCart tr { height:30px; overflow:hidden; } #cart table td { height:24px; padding:3px 0; } #cart table .product { width:190px; } #cart table .quantity { width:65px; text-align:center; } #cart table .price { width:65px; text-align:right; } #cart table img.productimg { height:23px; width:30px; padding:1px 10px 0 0; vertical-align:top; margin:0; } #cart table input.cartQuantity { width:64px; height:16px; padding:0; background:#fff; border:1px solid #83a216; color:#83a216; text-align:center; } #cart table input.cart-remove, #cart table input#update { width:65px; height:18px; line-height:14px; font-size:12px; padding:0; background:#83a216; color:#fff; text-align:center; margin-left:9px; } #cart table input.cart-remove.disabled { opacity:0.4; cursor:wait;} #cart table input#update { margin:0 auto; width:66px; } #cart table input.cart-remove, #cart table input.cart-update { cursor:pointer; } /* personal info */ #cart select { /*width:210px;*/ } #cart h3 { margin:8px 0 0; } #cart label { margin:8px 0 0; font-size:14px; font-style:italic; font-weight:bold; line-height:1.2; padding-bottom:2px; display:block; } #cart #shippingEditForm label { font-weight:normal; } #cart #total { float: right;} #cart #total h3 {margin-top: 0px;} #cart .smallnotice { margin-right:-144px; margin-top:20px; } #cart #enterYourEmail { padding-top:10px; padding-right:144px; } #cart #newOrReturning > p { color:#83a216; } #cart #newOrReturning p.small { width:256px; } #cart #newOrReturning > div { border-top:1px solid #626466; display:none; position:relative; padding-right:144px; } #cart #newOrReturning #new div { padding-bottom:8px; } #cart #newOrReturning #new div p { padding-bottom:2px; } #cart .error span { display:block; color:#ff0000; padding:3px 0 0; } #cart .check, #cart .customer { width:12px; height:12px; padding:0; margin-right:5px; border:none; display:inline; } #cart .customer { width:18px; height:18px; /* background:url('/static/images/buttons/radio.gif') top left no-repeat; */ border:none; } #cart p.radio { padding:4px 0 6px; height:18px; line-height:14px; } /* confirmation */ #cart #confirmationForm label, #cart #confirmationForm input { float:left; margin-right:6px;} #cart #confirmationForm #control {clear: left; margin-top: 16px;} #cart .shippingDetails, #cart #currentAddress, #cart #changeAddress { margin-bottom:20px; } #cart .shippingDetails p { line-height: 6px; font-size: 13px; padding: 7px 0; } /*#cart .shippingDetails select { width:258px; }*/ #cart .shippingDetails button.submit { width:auto; float:none; padding:0 6px; } #cart #changeAddress form div { display:inline-block; width:130px; } #cart #paypal {width:auto; height:auto; background:none; float:right; border: none;} #cart #shippingCost { font-weight: bold; } #cart .totalWithShipping{ font-weight: bold; text-align: right;} /* pay */ #cart .shipping {margin-top: 6px; } #cart .shipping td, #cart .shipping th {text-align: left; font-size: 11px;} #cart .shipping td {width: 100px;} #cart .shipping tr {height: 20px;} #cart .shipping th {font-weight:bold; font-style:italic; font-size:14px; margin-bottom:4px;} #cart .total{float: right; margin-right: 12px} /* thanks */ #cart h4 { font-weight:bold; font-style:italic; color:#666; margin:1em 0; } #cart #selectionForm_go_checkout, #cart #identificationForm_go_payment, #cart #confirmationForm_go_paypal, #cart #payForm_go_pay{ float:right; width:144px; height:29px; background:#fff; padding:0; text-indent:-9999em; background:url('/static/images/buttons/checkout.gif') top left; } #cart #identificationForm_go_payment, #cart #confirmationForm_go_paypal, #cart #payForm_go_pay { background:url('/static/images/buttons/gotopayment.gif') top left; border: none;} #cart #control { height:70px; width:400px; } #cart #spinner, .spinner-div, #login-spinner { float:left; background:url('/static/images/updating.gif') left top no-repeat; height:35px; width:35px; display:block; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } #send-spinner { float:right; background:url('/static/images/updating_trans.gif') left top no-repeat; height:35px; width:35px; display:block; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } .subscr-spinner{ background:url('/static/images/updating_trans.gif') left top no-repeat; height:35px; width:35px; display:block; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); position:relative; top:-25px; margin:0px auto; } .generic-spinner { background:url('/static/images/updating_trans.gif') left top no-repeat; height:35px; width:35px; display:block; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } button.submit.spinner { background:#a9da4a url('/static/images/updating_small.gif') 0 0 no-repeat; padding-left:20px; width:98px; } /* STORE ------- */ button.submit { display:block; float:right; background:#83a216; color:#fff; width:78px; height:16px; line-height:16px; border:none; margin:0; padding:0; text-transform:lowercase; } button.submit span { height:13px; line-height:12px; display:inline-block; vertical-align:middle; } button.submit:hover, input.submit:hover { cursor:pointer; } button.disabled { display:block; float:right; background:#fff; color:#83a216; width:76px; height:16px; line-height:16px; border:1px solid #83a216; margin:0; padding:0; cursor:default !important} #forsale .above { border-bottom:2px dashed #b9cd54; } #forsale .bytelogo { display:inline; } #forsale .download-button { width: 20px; height: 20px; float: none; position: absolute;} #forsale h3 { border-bottom:1px solid #333; position:relative; } #forsale h6 { height:38px; width:109px; padding-top:6px; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ border-bottom:1px solid #626466; } #forsale a h6 { text-decoration:none; color:#666666; } #forsale a:hover, #forsale a:hover { border:none; text-decoration:none; } #forsale a:hover, #forsale a:hover h6 { color:#00a1f3; } #forsale ul { margin:0; margin-left:-35px; /* remove padding of leftmost li */ } #forsale ul.two-row { height:380px;} #forsale ul.two-row li { margin-bottom:15px;} #forsale ul.single-row { height:190px;} #forsale ul li { float:left; position:relative; width:109px; margin-left:35px; } #forsale ul li img { height:84px; width:109px; } #forsale ul li a { padding:0; margin:0; display:block; } #forsale ul li p.price { font-size:18px; line-height:24px; padding-bottom:4px; text-align:right; } #forsale ul li.itemrequest form { position:absolute; top:0; color:#fff; font-size:13px; padding:0; height:100%; background:url('/static/images/bg/transparency.png') top left; z-index:100; opacity:0; -moz-opacity:0.0; filter:alpha(opacity=0); visibility:hidden; } #forsale ul li.itemrequest form p, #forsale ul li.itemrequest form input { padding:2px 7px; line-height:1.2em; } #forsale ul li.itemrequest form input { width:91px; padding:2px; border:none; line-height:16px; margin:4px 0; background:#979797; font-size:11px; } #forsale ul li.itemrequest p.shortly { padding:25px 7px 0; font-size:12px; font-style:italic; } #forsale ul li div.onsale { position:absolute; /* top:-12; left:90; top:45px; left:70px; */ top:-6px; left:85px; width:35px; height:35px; background:url('/static/images/onsale.png') top left no-repeat; } #forsale ul li div.soldout { position:absolute; top:58px; width:109px !important; height:26px; line-height:26px; font-size:12px; color:#fff; text-align:center; background:transparent url('/static/images/bg/transparency.png') top left repeat; z-index:10; } #products * .addToCart.item img.download-button{ width:20px;height:20px;float:none; position:absolute; } .post .soldout_overlay{position: absolute; margin-left:4px; margin-top:5px; height:112px; width: 350px; background-color: transparent; background-image: url(/static/images/bg/soldout_overlay.png); background-repeat: no-repeat; background-position: right top; z-index: 10; moz-opacity:0.65; opacity:0.65; } /* filtered lists */ #forsale a.more {font-weight: bold; color: #626466; float: right;} #forsale .filteredListHead { clear:both; height:auto; padding-bottom:18px; } .filteredListHead { width:860px !important;} #forsale .filteredListHead h3 { margin-bottom:4px; border:none; margin-bottom:0; padding-bottom:2px; } #forsale .filteredListHead ul { margin:0; height:auto; font-weight:bold; font-style:italic; font-size:12px; padding-bottom:2px; max-width:500px; } #forsale .filteredListHead > ul { margin-top:4px; } #forsale .filteredListHead ul li { margin:0; width:auto; height:auto; z-index:10; } #forsale .filteredListHead ul li a { display:inline; } #forsale .filteredListHead ul li.selected a { color:#606060; border-bottom:1px dotted #ff0000; } #forsale .filteredListHead div { position:relative; border-bottom:1px solid #626466; } #forsale .filteredListHead div ul { float:right; } #forsale .filteredListHead:after, #forsale .filteredListHead div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #forsale .filteredListDisplay li { padding-bottom:30px; } #forsale .filteredListDisplay li.search_vignette { height:180px; overflow:hidden; } #forsale .filteredListDisplay li.search_vignette p { font-size:10px; padding:0.5em 0; } #forsale .filteredListDisplay li.search_vignette .noimage { height: 84px; } #forsale .padtastic { padding-bottom:60px; } /* big store */ #bigStore #cart { float:left; } #bigStore #detailedview { border-bottom:1px solid #e0e0e0; } #bigStore #policy { float:right; width:452px; background:#fff; border:1px solid #e0e0e0; } #bigStore #policy .policyHead { height:48px; background:url('/static/images/bg/policyHead.gif') top left repeat-x; } #bigStore #policy .policyHead p { color:#fff; font-size:18px; line-height:32px; padding:8px 12px; cursor:pointer; } #bigStore #policy .policyHead p span { float:right; } #bigStore #policy #policyBody { padding:16px 10px; } #bigStore #policy #policyBody h1 { font-size:24px; padding-top:0; } #bigStore .divider { height:16px; width:920px; position:relative; left:-8px; background:url('/static/images/bg/storedivider.gif') center left no-repeat; clear:both; } #bigStore #forsale { background:#fff; padding:20px; border-top:1px solid #e0e0e0; } #bigStore #forsale ul { height:auto; } /* BYTESZXZXY ------------ */ #bytesyze { width:860px; padding:12px 20px; background:#fff; color:#606060; border:1px solid #e0e0e0; } #bytesyze #storeTab { position:absolute; top:15px; left:-15px; width:15px; height:58px; } #bytesyze h2 { font-size:20px; font-weight:bold; font-style:italic; padding-right: 220px; } #bytesyze .stepText h2 { padding-right: 0; } #bytesyze h4 { font-size:18px; color:#606060; padding:8px 0; } #bytesyze #byteSyzeDescription { position:relative; } #bytesyze #byteSyzeDescription p { width:444px; } #bytesyze #byteSyzeThumbnail { float:right; margin:8px 0; width:206px; } #bytesyze #downloadPDF { float:right; padding-top:12px; } #bytesyze #downloadPDF a { font-weight:bold; font-style:italic; } #bytesyze #forsale { border:none; } /* carousel */ #bytesyze #stepCarousel { position:relative; border-top:1px solid #626466; border-bottom:1px solid #626466; display:block; padding:0 60px; width:736px; height:132px; overflow:hidden; clear:both; } #bytesyze #stepCarousel div.prev, #bytesyze #stepCarousel div.next { position:absolute; left:0; top:0; width:55px; height:132px; display:block; background:#fff; z-index:100; } #bytesyze #stepCarousel div.next { right:0; left:auto; } #bytesyze #stepCarousel div.prev span, #bytesyze #stepCarousel div.next span { display:block; width:39px; height:60px; margin:50px 9px 22px; background:url('/static/images/buttons/carousel_prev.gif') no-repeat 0 0; } #bytesyze #stepCarousel div.next span { background:url('/static/images/buttons/carousel_next.gif') no-repeat 0 0; } #bytesyze #stepCarousel div.prev span:hover, #bytesyze #stepCarousel div.next span:hover { cursor:pointer; background-position:0 100%; } #bytesyze #stepCarousel ul { height:132px; position:relative; width:9999px; } #bytesyze #stepCarousel ul li { padding:0 5px; float:left; width:113px; } #bytesyze #stepCarousel ul li img { width:109px; height:83px; border:2px solid #ffffff; } #bytesyze #stepCarousel ul li:hover img { border:2px solid #606060; } #bytesyze #stepCarousel h6 { text-align:center; line-height:16px; padding:9px 0; } #bytesyze #stepCarousel a h6 { font-weight:bold; font-style:italic; font-size:12px; color:#ff0000; } #bytesyze #stepCarousel ul li.selected img { border:2px solid #ff0000; } #bytesyze #stepCarousel ul li.selected a h6 { color:#6d6d6d; /* border-bottom:1px solid #ff0000; */ } /* steps */ #page #stepView { padding:26px 0; position:relative; } #page #stepView ul { margin-left:20px; padding-bottom:1.3em; list-style-type:disc; } #page #stepView ul li {} #page #stepView img, #page #stepView #bytesyzevideo { float:left; width:375px; height:auto; margin-right:10px; border:2px solid #f1f1f1; } #page #stepView h2 { border:none; } #page #stepView .stepText { margin-left:385px; padding-bottom:42px; } #stepView #stepSelector { position:absolute; bottom:26px; right:0; width:448px; } #stepView #stepSelector a { color:#fff; text-shadow:0px -1px 1px #3b3b3b; font-size:18px; font-weight:bold; display:block; height:38px; width:201px; line-height:38px; text-decoration:none; } #stepSelector .prev { float:left; padding-left:23px; background:#83a216 url('/static/images/bg/bytesyze_previous.gif') left top no-repeat; } #stepSelector .next { text-align:right; float:right; padding-right:23px; background:#83a216 url('/static/images/bg/bytesyze_next.gif') right top no-repeat; } /* FOOTER -------- */ #footer h3 { font-size:17px; color:#fff; padding-bottom:8px; margin:0; font-style:normal; font-weight:normal; border:none; } #footer p { padding-bottom:4px; line-height:1.4; } #footer a { color:#4f3b86; } #footer li { padding-bottom:8px; } #footer table { height:100%; } #footer table td { vertical-align:top; } #footer table td.about { width:274px; text-align:left; } #footer table td.about div { padding:15px 24px; } #footer table td.about img { padding-bottom:22px; } #footer div table td { text-align:left; width:140px; border:1px solid #7f9aaa; border-top:none; border-right:none; height:100%; overflow:hidden; } #footer div table td div { padding:15px 8px; margin:0; height:100%; border:1px solid #90abba; } #footer div table td.wide { width:416px; } #footer div table tr.lower td { border-bottom:none; } /* popUp (only for meylah blog) */ #subscribePop { display:none; padding:45px 40px 0; width:544px; height:340px; } #subscribePop h3 { font-size:26px; color:#83a216; border-bottom:2px dashed #d2e29a; padding-bottom:12px; margin:0; } #subscribePop p { color:#555; font-size:16px; padding:8px 0; } #mce-success-response { padding:12px 18px; background:#ececec; border:1px solid #bbb; font-size:15px; color:red; } #subscribePop p.small { font-size:12px; font-style:italic; color:#979797; padding-top:20px; } #subscribePop p span { color:#64879b; font-weight:bold; } #sbox-window #subscribePop { display:block; } #sbox-window.offWhite, #sbox-window.offWhite #sbox-content { background-color:#f0f0f0; } /* -------------------------------------------------------------- CLEARING & VARIOUS UTILITY -------------------------------------------------------------*/ .hidden { display:none; } .clear { clear:both; } #wrap { padding-bottom:40px; background:url('/static/images/bg/poweredbymeylah.png') right bottom no-repeat; } #poweredlink { width:180px; height:24px; display:block; position:absolute; right:10px; } #page:after, #stepView:after, #stepText:after, #content:after, #footer:after, { content:"."; display:block; height:0; clear:both; visibility:hidden; } #blog #feedback {border: none; } #blog #feedback ul {padding: 0px;} #blog #feedback li {font-weight: bold;} #blog #feedback li.status {} #blog #feedback li.error {color: red;} #preview_backtoadmin { position:absolute; top:0; left:0; } /* -------------------------------------------------------------- PRINT -------------------------------------------------------------*/ @media print { body, html { background: white; font-size: 10pt; } #menu { display: none; } #content { background: transparent none; border:0; color:black; float:none !important; margin:0; padding:0; width:auto; } #page { margin: 0 3%; } } /* Item Request Overlay */ .itemrequest_overlay .submit.request { background-color: #8ca8b8; background-image: url(/static/images/buttons/request.png); float:right; height:20px; width:89px; margin-right:15px; margin-top:5px;} .itemrequest_overlay .submit.request.spinner { background: url('/static/images/updating_trans.gif') 0 0 no-repeat; height:35px; } .itemrequest_overlay .thankyou{float:right;margin-top:5px;margin-right:10px;} .itemrequest_overlay, .itemrequest_overlay p {background-color:#8ca8b8;color: #FFF;} #sbox-window.itemrequest_overlay {background-color:#8ca8b8;} .itemrequest_overlay #sbox-content { background-color:#8ca8b8 !important;border : 1px dashed #FFF; } .itemrequest_overlay #sbox-content form { padding:5px} .itemrequest_overlay p.label { font-size: larger; padding-bottom:0px; } .itemrequest_overlay input {width:95%}