/*------------------------------------------------------------ CSS for MyFilosophy.com Edited by Hybrid Forge | www.HybridForge.com January 2009 -------------------------------------------------------------*/ /*------------------------------------------------------------ Generic -------------------------------------------------------------*/ .product-image a img { vertical-align: top; } .border-1 { border: 3px solid #b7b7b7; } .border-2 { border: 3px solid #5f5b59; } .border-3 { border: 3px solid #73574d; } .last { margin-right: 0; } .hilite-color { color: #0573c5; } .filosophy-hilite { color: #9e0039; } #main ul.points { margin: 0.3em 0 0.8em 20px; list-style: circle; } #main a:hover { text-decoration: none; color: #999; } .padLeft { padding-left: 40px; } /*///HF Borders///*/ .horizBorder { border-top: 1px solid #ccc; height: 1px; } .horizDouble { border-top: 3px double #ccc; height: 3px; } /*///Top Menu///*/ #top-navlist li a { color: #fff; text-decoration: underline; } #top-navlist li a:hover { color: #4d98db; text-decoration: none; } /*///Team Links///*/ .teamName { font-size: 1.2em; font-weight: bold; } .teamTitle { font-size: 0.9em; color: #666; font-style: italic; } .teamDesc { margin-bottom: 1em; } /*///Store Locator///*/ .mapOuter { width: 500px; padding: 58px 0 0 0; margin: 0 auto 1em auto; overflow: hidden; } #storeWhyte.mapOuter { background: url('../images/map-header-whyte.jpg') no-repeat 0 0; } #storeCrest.mapOuter { background: url('../images/map-header-crestwood.jpg') no-repeat 0 0; } .mapOuter .map { width: 500px; height: 300px; margin: 0; background-color: transparent; } /*------------------------------------------------------------ Page Heading Backgrounds -------------------------------------------------------------*/ #category-bg { /*border-bottom: 1px solid #FFFFFF;*/ float: left; height: 60px; line-height: 0; margin: 17px 0 0; text-indent: -9999px; width: 750px; background: url(../images/bg-page-default.gif) no-repeat; } /*///Magento categories///*/ .cms-home #category-bg, .cms-no-route #category-bg, .checkout-cart-index #category-bg { height: 0; background: none;} #top-cat-men #category-bg { background: url(../images/bg-page-men.gif) no-repeat; } #top-cat-women #category-bg { background: url(../images/bg-page-women.gif) no-repeat; } #top-cat-lingerie-sleepwear #category-bg { background: url(../images/bg-page-lingerie.gif) no-repeat; } #top-cat-shoes-handbags #category-bg { background: url(../images/bg-page-shoes.gif) no-repeat; } #top-cat-jewelry-accessories #category-bg { background: url(../images/bg-page-jewelry.gif) no-repeat; } #top-cat-gift-ideas #category-bg { background: url(../images/bg-page-gift-ideas.gif) no-repeat; } #top-cat-blog #category-bg { background: url(../images/bg-page-blog.gif) no-repeat; } /*///CMS Pages///*/ .cms-news-events #category-bg { background: url(../images/bg-page-news.gif) no-repeat; } .cms-about-us #category-bg { background: url(../images/bg-page-about.gif) no-repeat; } .cms-customer-service #category-bg { background: url(../images/bg-page-service.gif) no-repeat; } .cms-store-locator #category-bg { background: url(../images/bg-page-locator.gif) no-repeat; } .cms-privacy-policy #category-bg { background: url(../images/bg-page-service.gif) no-repeat; } .contacts-index-index #category-bg { background: url(../images/bg-page-contact.gif) no-repeat; } /*///Checkout Pages///*/ /*.checkout-cart-index #category-bg {}*/ .customer-account-login #category-bg, .customer-account-create #category-bg, .customer-account-logoutsuccess #category-bg { background: url(../images/bg-page-login.gif) no-repeat; } /*///My Account Pages///*/ .customer-account-index #category-bg, .customer-account-edit #category-bg, .customer-address-form #category-bg, .sales-order-history #category-bg, .review-customer-index #category-bg, .newsletter-manage-index #category-bg, .checkout-onepage-index #category-bg { height: 0; } /*------------------------------------------------------------ Homepage Specific Styles -------------------------------------------------------------*/ /*///Main Heading///*/ .cms-home #main h1 { border-bottom: 0 none; float: left; margin-top: 0; text-indent: -9999px; } /*///Welcome Box///*/ #welcomeBox { width: 730px; height: 470px; background: transparent url(../images/main-home-2.jpg) no-repeat; } #welcomeBox #featureBox { position: relative; top: 50px; left: 310px; } #welcomeBox #featureBox a { display: block; width: 219px; height: 114px; background: url('../images/features-hanky-panky.png') no-repeat 0 0; cursor: pointer; } #welcomeBox #featureBox span { display: none; } #welcomeBox ul#welcomeNav { font-size: 1.2em; font-weight: bold; position: relative; top: 200px; right: 65px; float: right; text-align: left; list-style: circle; margin: 0; padding: 0 0 0 20px; } #welcomeBox ul#welcomeNav li { color: #4d98db; width: 20em; } #welcomeBox ul#welcomeNav li a { color: #fff; } #welcomeBox ul#welcomeNav li a:hover { color: #4d98db; text-decoration: none; } /*///RSS Info///*/ /*///News Box///*/ #news { padding: 10px 15px; width: 694px; } #news p { font-family: 'lucida sans', sans-serif; margin-bottom: 0; } #news em { color: #4080b0; font-style: normal; text-transform: uppercase; } #news a { color: #4d98db; text-decoration: underline; } #news a:hover { color: #999; text-decoration: none; } #news a.rssFeedImg { display: block; width: 30px; height: 50px; float: right; margin: 5px 0 0 1.5em; } #news #rssBlogPost a.rssFeedImg { background: url('../images/rss-feed.png') no-repeat 0 0; } #news #rssTwitterPost a.rssFeedImg { background: url('../images/twitter-icon.png') no-repeat 0 0; } #news a.rssFeedImg span { display: none; } .rssInfo { } .rssInfo .rssTitle { color: #999; font-size: 1.2em; font-weight: bold; } .rssInfo .rssDate { color: #999; font-style: italic; padding-right: 0.5em; } .rssInfo .rssDesc { } /*------------------------------------------------------------ Jump Boxes (home and sidemenu) -------------------------------------------------------------*/ /*/// Jump Boxes ///*/ .jumpbox { float: left; margin-right: 10px; margin-top: 10px; } #infoShipping, #infoArrivals, #infoEvents, #infoFeatured, #infoGift { width: 169px; height: 139px; } .col-left #infoShipping, .col-left #infoGift { width: 150px; height: auto; } .infoInner { padding: 10px; } .infoInner { padding: 10px; } .infoInner h3 { color: #fff; text-transform: none !important; font-size: 1.4em; } .infoInner a { color: #fff; } .infoInner a:hover { color: #ccc; } /*/// Shipping ///*/ #infoShipping { color: #fff; background: url('../images/jump-red-bg.jpg') no-repeat center center; } #infoShipping .infoInner { background: url('../images/shipping-box.png') no-repeat 93% 10px; } #infoShipping h3 { padding-right: 50px; } .col-left #infoShipping h3 { font-size: 1.3em; } .col-left #infoShipping { background-position: -15px -10px; } /*/// Arrivals ///*/ #infoArrivals { background: url('../images/jump-blue-bg.jpg') no-repeat center center; } #infoArrivals ul { margin: 10px 0 0 10px; } #infoArrivals ul li { margin: 0; padding: 0 10px 0 0; display: inline; } #infoArrivals a { font-size: 1.2em; text-transform: uppercase; } /*/// Events ///*/ #infoEvents { background-color: #464341; } #infoEvents ul { list-style: disc; color: #ccc; margin: 0 0 0 15px; } /*/// Featured ///*/ #infoFeatured.jumpbox { margin-right: 0 !important; background: url('../images/shop-hanky-panky.jpg') no-repeat center 5px; } #infoFeatured h3 { margin: 0; padding: 0 } #infoFeatured h3 a { display: block; width: 100%; height: 100%; padding-top: 107px; font-size: 10px; color: #0072bc; text-decoration: none; } /*/// Gift Wrap ///*/ #infoGift { background: url('../images/jump-blue-bg.jpg') no-repeat center center; } #infoGift a { text-decoration: none; color: #fff; } #infoGift a:hover { color: #ccc; } /*------------------------------------------------------------ Cart Links (lower side bar) -------------------------------------------------------------*/ ul#cart-links { border: 2px solid #c2c2c2; border-width: 2px 0; padding: 3px 0 10px; width: 150px; } .cms-page-view ul#cart-links, .contacts-index-index ul#cart-links { display: none; } #cart-links li { /*float: left;*/ } #cart-links a { background: url(../images/bg-cart-link.gif) no-repeat left top; color: #fff; display: block; font-size: 0.9em; height: 22px; margin: 7px 0 0; padding-top: 2px; text-align: center; text-decoration: none; text-transform: uppercase; width: 150px; } #cart-links a:hover { background-position: left -24px; } .relatedText { display:none; } /*------------------------------------------------------------ Headings -------------------------------------------------------------*/ /*h1, h2, h3, h4, h5, h6 { font-family: georgia, "Times New Roman", serif; font-weight: normal; }*/ .category-head h2, .page-head h3 { font-family: georgia, "Times New Roman", serif; font-weight: normal; } h2 { font-size: 2em; font-weight: normal; } .category-head h2 { color: #0573c5; font-size:1.25em; text-transform: uppercase; } h3 { color: #363636; font-size: 1.4em; } /*------------------------------------------------------------ Lists & Landing Pages -------------------------------------------------------------*/ /*///Category landing pages///*/ ul.category { margin-top: 17px; } ul.category li { background: #e1e1e1; float: left; height: 180px; margin: 0 17px 17px 0; padding: 10px; width: 144px; } ul.category li.last { margin-right: 0; } ul.category li a { background: url(../images/cat-default.jpg) no-repeat; color: #425165; display: block; height: 15px; padding-top: 165px; text-decoration: none; text-transform: uppercase; width: 144px; } /*///MENS landing page///*/ #men-shirts { background-image: url('../images/cat-men-shirts.jpg'); } #men-denim { background-image: url('../images/cat-men-denim.jpg'); } #men-sweaters { background-image: url('../images/cat-men-sweaters.jpg'); } #men-outerwear { background-image: url('../images/cat-men-outer.jpg'); } #men-shoes { background-image: url('../images/cat-men-shoes.jpg'); } #men-accessories { background-image: url('../images/cat-men-accessories.jpg'); } /*///WOMENS landing page///*/ #women-tops { background-image: url('../images/cat-women-tops.jpg'); } #women-blouses { background-image: url('../images/cat-women-blouses.jpg'); } #women-dresses { background-image: url('../images/cat-women-dresses2.jpg'); } #women-pants { background-image: url('../images/cat-women-pants.jpg'); } #women-denim { background-image: url('../images/cat-women-denim.jpg'); } #women-outerwear { background-image: url('../images/cat-women-outer.jpg'); } #women-lingerie { background-image: url('../images/cat-women-lingerie.jpg'); } #women-access { background-image: url('../images/cat-women-access.jpg'); } /*///LINGERIE landing page///*/ #lingerie-lingerie { background-image: url('../images/cat-lingerie-lingerie.jpg'); } #lingerie-sleepwear { background-image: url('../images/cat-lingerie-sleepwear.jpg'); } #lingerie-slippers { background-image: url('../images/cat-lingerie-slippers.jpg'); } /*///SHOES & HANDBAGS landing page///*/ #shoes-women { background-image: url('../images/cat-shoes-womens.jpg'); } #shoes-handbags { background-image: url('../images/cat-shoes-handbags.jpg'); } #shoes-men { background-image: url('../images/cat-men-shoes.jpg'); } #shoes-footcare { background-image: url('../images/cat-shoes-footcare.jpg'); } #shoes-access { background-image: url('../images/cat-shoes-access.jpg'); } /*///JEWELRY landing page///*/ #jewelry-jewelry { background-image: url('../images/cat-jewelry-jewelry.jpg'); } #jewelry-accessories { background-image: url('../images/cat-jewelry-accessories.jpg'); } /*///GIFT IDEAS landing page///*/ #gift-under20 { background-image: url('../images/cat-gift-under20.jpg'); } #gift-under50 { background-image: url('../images/cat-gift-under50.jpg'); } #gift-under100 { background-image: url('../images/cat-gift-under100.jpg'); } /*------------------------------------------------------------ Blog -------------------------------------------------------------*/ .col-left div.blog .head { background-image: none; background-color: #448ccb; margin: 0; } .col-left div.blog .head h4 { color: #fff; padding:1px 0 1px 0px; } .col-left div.blog .content ul li { padding-bottom: 4px; } .col-left div.blog .content ul li a:hover { text-decoration: none; color: #999; } .postWrapper { margin: 0 0 0.5em 0; padding-bottom: 0.5em; border-bottom: 3px double #ccc; } .postDetails { margin: 0.3em 0; color: #999; } .postTitle h2 { margin-bottom:0; padding-bottom:0; } .postTitle h2 a { text-decoration: underline; } .postTitle h2 a:hover { text-decoration: none; color: #999; } .postTitle h3 { font-size: 1.2em; color: #999; margin: 0 0 0.4em 0; padding: 0; } /*------------------------------------------------------------ Site Footer -------------------------------------------------------------*/ .absolute-footer { width: 750px; margin: 0 auto; color: #ccc; font-size: 0.9em; padding-bottom: 1em; } #abs-foot-info { float: left; padding-left: 2em; } #abs-foot-hf { width: 45%; min-height: 70px; float: right; text-align: right; background: url('../images/hybrid-forge-logo.png') no-repeat 100% 100%; } * html #abs-foot-hf { width:227px; text-align: left; height: 120px; } .absolute-footer a#hfLink { color: #ccc; text-decoration: underline; padding-right: 20px; } * html .absolute-footer a#hfLink { display: block; padding: 45px 0 0 10px; } .absolute-footer a#hfLink:hover { text-decoration: none; color: #fff; } /* Pager */ .pager { font-size:11px; background:#fff; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0 140px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { font-size:11px; background:#fff; padding:3px 8px; border-top:1px solid #e2e2e2; overflow: hidden; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager { padding:3px 8px; border-bottom:1px solid #ffffff; overflow: hidden; } .toolbar .sorter { border-bottom:1px solid #e2e2e2; } .toolbar-bottom {}