/* Style Sheets for [] website created by bkkwebdesign.com TOC 1. Defaults 2. Structure 3. Links and Navigation 4. Fonts Notes */ /* -------------- 1. CSS Reset --------------------------- */ * { margin:0; padding:0; } body { font:12px/1.4em Arial, Helvetica, sans-serif; color:#666; } a { color:#d91b5c; text-decoration:none; outline:none; } a:hover { color:#d91b5c; text-decoration:underline; } a img { border:0;} :focus { outline:0; } /* Heading */ h1, h2, h3, h4, h5, h6, .head { line-height:1.3em; } h1 { font-size:2em; line-height:1.17; } h2 { font-size:1.5em; } h3 { font-size:1.35em; } h4 { font-size:1.05em; } h5 { font-size:1.05em; } h6 { font-size:.95em; } /* Table */ th { padding:0; text-align:left; vertical-align:top; } td {padding:0;vertical-align:top;} /* Paragraph */ p { margin-bottom:0; } address { margin-bottom:.4em; } address { font-style:normal; line-height:1.4em;} cite { font-style:normal; font-size:10px;} q:before, q:after{content:'';} /* Form */ form { /*display:inline;*/ } fieldset { border:none; } legend {display:none;} label { font-weight:bold; } input, select, button { vertical-align:middle; } /* Lists */ dt { display:block; font-weight:bold; } ul,ol { list-style:none; } /* Size */ small { font-size:.92em; } big { font-size:1.1em; } hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; } .nowrap { white-space:nowrap; } .bold { font-weight:bold; } .fLeft { float: left; } .fRight { float: right; } .mRight20 { margin-right: 20px; } .bgWhite { background-color: #FFFFFF; } .padding15 { padding: 15px; } p.detailLink a { color:#695E4A; text-transform:uppercase; font-weight: bold; } /* -------------- 2. Main Template -------------------------- */ body {background:url(/images/bg-body.gif) repeat-x left top #e42923; } #wrapper { background:url(/images/bg-main.gif) no-repeat center top; } #container {width:1040px; margin:0 auto; padding-top:10px;} #masterhead {width:1000px; margin:0 auto;} #masterhead .top-left {float:left; /*width:728px;*/ } /* Navigation */ #masterhead #topNav { clear: both; } #masterhead #navigation {left:181px; position:relative; background:url(/images/bg-nav-main.gif) repeat-x left bottom; width:560px; height:40px;} #masterhead #navigation li {display:block; float:left; width:auto; height:33px; background:url(/images/bg-nav-left.gif) no-repeat left bottom; padding:7px 0 0 15px; margin-right:15px;} #masterhead #navigation li a {display:block; height:33px; text-decoration:none; background:url(/images/bg-nav-right.gif) no-repeat right bottom; color:#fff; font-size:16px; font-weight:bold; text-transform: uppercase; padding:0 25px 0 0; float:left} #masterhead #navigation li a span {background:url(/images/bg-nav.gif) repeat-x left top; padding:8px 5px 7px 4px; float:left; margin-top:1px;} #masterhead #navigation li.premium {background:url(/images/bg-nav-premium-left.gif) no-repeat left top; padding-left:20px; margin-right:0;} #masterhead #navigation li.premium a {padding-right:18px; background:url(/images/bg-nav-premium-right.gif) no-repeat right bottom; } ul.navDrop { position: absolute; top: 0px; left: 0px; z-index: 20000000; } ul.navDrop li { background: none; margin: 0; padding: 0; background-color: black; } /* Search & Newsletter */ #masterhead .top-right {float:right; width:252px; display: inline; } #masterhead .top-right label {color:#fff;} #masterhead .top-right input {background:url(/images/bg-input.gif) repeat-x left top; width:207px; padding:4px 5px 2px 5px; color:#666; border:0; margin:0 6px 10px 0; height:16px; font-size:12px; } #masterhead .top-right input.go {background:url(/images/btn-go.gif) no-repeat left top; width:19px; height:14px; margin-right:0; cursor:pointer;} #masterhead .top-right .more-options {width:255px; position: relative; } #masterhead .top-right .more-options a.link, a.subscribe {display:block; color:#fff; width:auto; height:17px; float:left; background:url(/images/bg-options-left.gif) no-repeat left top #d91b5c; text-align: center; text-decoration:none; font-weight:bold; font-size:11px; padding-left:9px; margin-right:5px; } #masterhead .top-right .more-options a.link span, a.subscribe span { background:url(/images/bg-options-right.gif) no-repeat right top; padding:0 9px 0 0; height:17px; display:block; float:left} a.addthis_button { position: absolute; top: 8px; left: 0; } /* Content */ #content {background:url(/images/bg-content.gif) repeat-y center top; padding-bottom:15px; } #content-wrap {background:url(/images/bg-content-wrap.gif) no-repeat center top;} /* Left Navigation */ #content .left-col {width:214px; float:left; margin-right:10px; display: inline; } #content .left-col h1 {width:181px; height:176px; background:url(/images/logo.gif) no-repeat left top; text-indent:-999em; position:relative; z-index:9; top:-9px; margin-left:20px;} #content .left-col h1 a {display:block; width:181px; height:176px;} #content .left-col .left-nav {width:214px; line-height:1.1em; margin-top:20px;} #content .left-col .left-nav li.level0 {display:block; margin-bottom:10px;} #content .left-col .left-nav li.level0.active {background:url(/images/bg-left-nav-active.gif) no-repeat left top; margin-bottom:0; width:215px; height:65px; padding-top:15px;} #content .left-col .left-nav li.leftNavImage { width: 50px; max-height: 35px; overflow: hidden; float: left; margin-right: 4px; border-bottom:3px solid #d91b5c; } * html #content .left-col .left-nav li.leftNavImage { height: expression( this.scrollHeight > 34 ? "35px" : "auto" ); /* sets max-height for IE */ } #content .left-col .left-nav li img { float:left; /*width:50px; height:35px; margin-right:4px;*/ } #content .left-col .left-nav li a {font-weight:bold;} #content .left-col .left-nav li.nav-text {font-size:11px; color:#7d7670; padding-left:53px; padding-right:14px; width: 110px; } *:first-child+html #content .left-col .left-nav li.nav-text { overflow: hidden; } #content .left-col .left-nav li.level0.active ul li.nav-text {color:#000; display: block; } #content .main-col {float:left; width:599px; margin-right:16px; display: inline; } #content .main-col a {text-decoration: underline;} #content .right-col {width:181px; float:left; padding-top:10px; display: inline; } #content .right-col .sponsor {margin-right:16px; overflow:hidden;} #content .right-col .sponsor p {color:#8e143f; font-size:11px; text-align:center; margin:0; } #content .right-col .sponsor p a {font-weight:bold;} #content .right-col .sponsor a img {margin-top:5px;} #content .right-col .sponsor-img {width:154px; height:205px; background:url(/images/bg-img-sponsor.gif) no-repeat left top; padding:9px 0 0 11px; overflow: hidden; } #content .right-col .sponsor-img img {width:140px; height:189px; margin:0 auto;} #content .right-col a.subscribe {background:url(/images/btn-subscribe-left.gif) no-repeat left top #d91b5c; height:18px; position:relative; left:22px; } #content .right-col a.subscribe span {background:url(/images/btn-subscribe-right.gif) no-repeat right top #d91b5c; padding-bottom:2px;} #content .right-col a.subscribe:hover{color:#fff; text-decoration:none;} #content .right-col .banner-area {width:160px; margin-top:10px;} /* -------------- 3. Homepage --------------- */ #content .main-col div.spotlightLabel { position: relative; z-index:999999; } #content .main-col div.spotlightLabel h2 { text-indent:-999em; width:165px; height:96px; position:absolute; z-index:109999; /*top:0px; left:450px;*/ top: -275px; left: 460px; background:url(/images/spotlight.png) no-repeat left top; } * html #content .main-col div.spotlightLabel h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/spotlight.png',sizingMethod='image'); } #content .main-col .spotlight {width:599px; min-height: 230px; overflow: hidden; /*position:relative; top:20px;*/ margin-bottom:40px; float: none; z-index: 0; display: block; } * html #content .main-col .spotlight { min-height:230px; height: auto !important; height:230px; } #content .main-col .spotlight .spotlight-content {width:559px; height: 180px; background-color:#fff; padding:15px 20px; overflow:hidden; margin-top:15px; border-bottom:3px solid #d91b5c; } #content .main-col .spotlight .spotlight-content .spotlight-text {width:260px; float:left; display: inline; } #content .main-col .spotlight .spotlight-content .spotlight-text h3 {color:#d91b5c; text-transform: uppercase; font-size:20px;} #content .main-col .spotlight .spotlight-content .spotlight-img-container { height:180px; overflow: hidden; z-index: 0; float: right; display: inline; } #content .main-col .spotlight .spotlight-content img { float:right; margin:5px 20px 0 0;} #carousel { /*width: 599px;*/ height: 144px; } #carousel ul li { height: 110px; } #content .main-col .best-buy-label {z-index: 9999; width:139px; height:80px; background:url(/images/best-buys.png) no-repeat left top; position:absolute; left:-20px; top:-20px; } #content .main-col .best-buy-label h2 { text-indent:-999em; } .best-buy-product p {text-align:left;} .best-buy-product .title {color:#695e4a; text-transform: uppercase; font-weight:bold;} .first-row {background-color:#fff; padding-left:10px;} .first-row, .second-row {margin-bottom:30px; clear:left;} .best-buy-product, .gift-card {width:145px; background-color:#fff; float:left; margin-right:7px; padding:16px 20px; text-align:center;} .second-row #best-buy-product, .second-row #best-buy-product-last { position: relative; } .second-row .best-buy-product { margin-right:20px;} div.best-buy-image-container { /*max-height: 60px;*/ height: 60px; overflow: hidden; } .second-row .best-buy-product.last {margin-right:0;} .second-row h3 { text-indent:-999em; } #gift-card-label { position: relative; } #gift-card-label h3 { position:absolute; z-index: 99999; width:123px; height:71px; background:url(/images/tag-free-gift-card.png) no-repeat left top; top:-15px; left:-15px; } .gift-card {width:185px; height:130px; padding:0; margin-right:20px; } .gift-card h3 {width:123px; height:71px; background:url(/images/tag-free-gift-card.png) no-repeat left top; } .gift-card a {display:block; width:auto; margin-top:-27px;} .second-row div.find-deals { position: absolute; width:115px; height:72px; background:url(/images/find-deals.png) no-repeat left top; top:160px; left:192px; z-index: 9999; } .second-row div.featured { position: absolute; width:117px; height:73px; background:url(/images/featured.png) no-repeat left top; top:160px; left:395px; z-index: 9999; } .fixHeight { min-height: 100px; background-color: #FFFFFF; } * html .fixHeight { min-height: 100px; height: auto !important; height: 100px; } /* -------------- 4. Blog ------------------------------ */ .left-col .nav-blog, .left-col #search-blog {padding-left:30px; margin-bottom:15px; width:166px;} .left-col .nav-blog h2, .left-col #search-blog label {font-size:16px; color:#000; font-weight:normal;} .left-col .nav-blog h2 {border-bottom:3px solid #d91c5d; margin-bottom:5px;} .left-col .nav-blog ul {margin-left:10px;} .left-col .nav-blog li {padding-top:5px;} .left-col .nav-blog li a {font-size:14px;} .left-col .nav-blog li p {padding-left:10px; font-size:11px; color:#666;} .left-col #search-blog input {background:url(/images/bg-search-blog.gif) repeat-x left top; border:1px solid #f6f6f6; border-left:1px solid #d6d6d6; padding:5px; height:13px; width:150px; color:#bebebe; font-family:Arial, Helvetica, sans-serif;} .left-col .nav-blog.tags a {color:#e32983;} .left-col .nav-blog.tags a.small-size {font-size:15px;} .left-col .nav-blog.tags a.big-size {font-size:17px;} .left-col .nav-blog.tags a.medium-size {font-size:21px;} .breadcrumbs {margin:10px 0 5px 0; } .breadcrumbs ul li {display:inline;} .breadcrumbs li, .breadcrumbs li a {color:#fff;} .blog-post, .cat-post {background-color:#fff; width:559px; border-bottom:3px solid #d91b5c; padding:20px; } .blog-post a {text-decoration:none !important;} .post-title, .post-comments .post-title h2 {border-bottom:3px solid #d91b5c; overflow:hidden;} .post-title h2, .leave-comments h2, .cat-post h2 {font-size:25px; color:#ca1956; float:left;} .blog-post .post-title p {text-align:right; padding-top:12px; color:#aaa;} .post-content {padding-top:20px;} .post-content p, .post-comments p {padding-bottom:20px; text-align: justify;} .post-content img {float:left; margin:15px 10px 15px 0;} .comments {text-align:right; color:#e42983;} .comments a {font-size:14px; color:#e42983;} .padding {padding:0 20px;} .post-comments {width:552px; margin:0 auto; background-color:#fff;} .post-comments .post-title {background-color:#fcf1f2; border-bottom:0;} .post-comments h2 {float:none; margin:0 15px; padding-top:10px;} .comment-row {padding:0 15px;} .row-details {border-bottom:3px solid #d91b5c; padding:15px 0 0 0; } .even {background-color:#fcf1f2;} .left {float:left; clear:left; width:125px;} .name {color:#000; font-weight:normal;} .date {color:#aaa; font-weight:normal} .text {float:right; width:375px; } .leave-comments {background-color:#fcf1f2; padding:0 15px 15px 15px;} .leave-comments h2 {float:none; margin:0 0 5px 0;} .leave-comments input, .leave-comments textarea { background:url(/images/bg-search-blog.gif) repeat-x left top; border:1px solid #f6f6f6; border-left:1px solid #d6d6d6; padding:5px; font-size:14px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; height:13px; width:150px; margin-bottom:10px; margin-right:18px; } .leave-comments textarea { margin-right:0; width:330px; height:77px; background:url(/images/bg-textarea.gif) repeat-x left top; } .leave-comments input.submit { clear:left; background: url(/images/btn-submit.gif) no-repeat left top; width:73px; height:19px; border:0; padding:0 0 5px 0; margin:0; color:#fff; float:right; cursor:pointer; } /* -------------- 5. Category ----------------------------- */ div#featuredImg { float: left; margin-right: 15px; border-bottom:3px solid #D91B5C; /*max-height:149px;*/ width:225px; overflow: hidden; } div#contentRowImg { float: left; margin-top:5px; margin-right: 15px; /*max-height: 90px;*/ width: 140px; /*overflow: hidden;*/ } div#contentRowImgRelated { float: left; margin-top:5px; margin-right: 15px; /*max-height: 90px;*/ height: 120px; width: 140px; overflow: hidden; } /* * html div#contentRowImg { height: expression( this.scrollHeight > 89 ? "90px" : "auto" ); }*/ /* * html div#contentRowImgRelated { height: expression( this.scrollHeight > 89 ? "90px" : "auto" ); }*/ .cat-post {padding:15px;} .cat-post h2 {float:none; color:#d91b5c; margin-bottom:5px;} /* .cat-post img {border-bottom:3px solid #d91c5d;}*/ .cat-post p {padding-bottom:15px;} .featured-content ul { list-style: disc; list-style-position: outside; margin-left: 20px; } .featured-content ul li { padding: 5px; } /* .content-row img {float:left; margin-right:15px;} .content-row img {margin-top:5px;} */ .featured-content h3, .featured-content h3 a, .content-row h3 a {color:#695e4a; font-size:18px; text-transform: uppercase;} .content-row {padding:15px 15px 5px 15px;} .content-row h3 a {font-size:12px;} .content-row p {padding-left:152px; padding-bottom:10px;} /* -------------- 6. Detail ----------------------------- */ .featured-content h3 {color:#d91b5c;} .related-deals h3 {background:url(/images/detail-related-deals.gif) no-repeat left top; width:165px; height:55px; text-indent:-999em;} .related-deals .first-row {padding-left:0;} .related-deals .first-row .best-buy-product {padding:5px 15px 5px 10px; text-align: left; display: inline; margin: 0;} * html .related-deals .first-row .best-buy-product { width: 138px; padding: 0; } /* -------------- Notes --------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} *:first-child+html #content .left-col .left-nav li{float:left} *:first-child+html #content .left-col .left-nav li a{width:130px; display:block;} *:first-child+html #content .left-col .left-nav li.nav-text{padding:0 20px 0 0} /* -------------- Listings --------------------------------- */ h2.listings { color:#D91B5C; margin-bottom:5px; text-transform: uppercase; } ul.listings { float:left; border-bottom: 1px dotted #d7d7d7; } ul.listings li { float: left; } ul.listings li a { float: left; } ul.listings li.logo { width: 130px; overflow: hidden; } ul.listings li.link { width: 280px; overflow: hidden; line-height: 5em; } ul.listings li.link a { margin: 0 20px; color: #21a3bd; } ul.listings li img.premiumIcon { float: left; display: block; margin: 22px -12px 0 20px; } ul.listings li.link a:hover { color: #21a3bd; } ul.listings li.date { width: 110px; line-height: 5em; text-align: right; } /* -------------- standardCarousel --------------------------------- */ #standardCarousel { height:170px; padding-top: 5px; } #standardCarousel ul { height:130px; } #standardCarousel ul li { float:left; display: inline; background: transparent url(/images/standardCarousel-item.png) no-repeat 0px 5px; width: 152px; height: 130px; padding: 0 5px; } #standardCarousel ul li div.imgHolder { width: 140px; height: 60px; overflow: hidden; text-align: center; margin: 15px 0 5px; } #standardCarousel ul li div.txtHolder { width: 140px; height: 32px; overflow: hidden; text-align: center; } #standardCarousel ul li div.txtHolder a, #standardCarousel ul li div.txtHolder a:hover { color: #21A3BD; display:block; margin: 0 8px; } #carouselOuter { position: relative; width: 596px; background-color: #FFFFFF; height: 150px; margin-bottom: 40px; } #carousel { height:150px; /*position: relative;*/ } #carousel ul { height: 130px; background-color: #FFFFFF; } #carousel ul li { float: left; display: inline; width: 185px; height: 150px; overflow: hidden; text-align: center; padding: 16px 0px; } #carousel ul li p span.title { color: #695E4A; font-weight: bold; text-transform: uppercase; display: block; min-height: 40px; } * html #carousel ul li p span.title { min-height:40px; height: auto !important; height:40px; } h3#bestBuyLabel { text-indent: -9999px; position: absolute; top: -20px; left: -20px; width: 139px; height: 80px; background:url(/images/best-buys.png) no-repeat left top; z-index: 2000; } * html h3#bestBuyLabel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/best-buys.png',sizingMethod='image'); } h3#ratedLabel { text-indent: -9999px; position: absolute; top: -20px; left: -20px; width: 135px; height: 82px; background:url(/images/rated.png) no-repeat left top; z-index: 2000; } * html h3#ratedLabel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/rated.png',sizingMethod='image'); } ul#bestBuys { width: 599px; height: 130px; } ul#bestBuys li { position: relative; float: left; background-color: #FFFFFF; width: 185px; } ul#bestBuys li div#slotTwoContainer { height:130px; overflow: hidden; } ul#bestBuys li div#slotThreeContainer { height:130px; overflow: hidden; } * html ul#bestBuys li div#slotTwoContainer { height: 133px; } * html ul#bestBuys li div#slotThreeContainer { height: 133px; } ul#bestBuys li div.slot { width: 185px; height: 130px; overflow: hidden; text-align: center; padding: 16px 0px; } ul#bestBuys li div.slot p span.title { color: #695E4A; font-weight: bold; text-transform: uppercase; } ul#bestBuys li#giftCard a { display: block; margin-top: -27px; width: auto; text-align: center; } h3#giftCardLabel { position: absolute; top: -20px; left: -20px; width:123px; height:71px; background:url(/images/tag-free-gift-card.png) no-repeat left top; } * html h3#giftCardLabel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tag-free-gift-card.png',sizingMethod='image'); } h3#findDealsLabel { position: absolute; top: -20px; left: -20px; width: 115px; height: 72px; background: url(/images/find-deals.png) no-repeat left top; z-index: 1111; } * html h3#findDealsLabel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/find-deals.png',sizingMethod='image'); } h3#featuredLabel { position: absolute; top: -20px; left: -20px; width: 117px; height: 73px; background:url(/images/featured.png) no-repeat left top; z-index: 1999; } * html h3#featuredLabel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/featured.png',sizingMethod='image'); } /* * html div.best-buy-image-container { height: expression( this.scrollHeight > 59 ? "60px" : "auto" ); }*/ ul#categoryList li { padding-bottom: 15px; } ul#categoryList li div.catImg { float: left; border-bottom:3px solid #D91B5C; margin-right: 10px; width: 140px; max-height: 90px; overflow: hidden; } * html ul#categoryList li div.catImg { height: expression( this.scrollHeight > 89 ? "90px" : "auto" ); /* sets max-height for IE */ } ul#categoryList li div.txt { display: block; float: left; width: 400px; } ul#categoryList li div.txt h2 a { text-decoration: none; } ul#categoryList li div.txt h2 a:hover { text-decoration: underline; } /* -------------- POPUP --------------------------------- */ div#popWrapper { margin: 0 auto; width: 640px; height: 330px; background: transparent url(/images/popupBg.png) no-repeat 0 0; } * html div#popWrapper { width: 640px; height: 330px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popupBg.png',sizingMethod='image'); } div#tryNow { position: relative; width: 124px; height: 47px; } div#tryNow a { position: relative; top: 240px; left: 290px; } div#noThanks { position: relative; width: 70px; height: 47px; } div#noThanks a { width: 70px; position: absolute; top: 206px; left: 430px; color: #b01e60; font-family: Arial, sans; font-size: 11px; text-decoration: underline; } div#noThanks a:hover { color: #b01e60; font-family: Arial, sans; font-size: 11px; text-decoration: underline; } /* -------------- blog --------------------------------- */ li.widget { list-style-type: none; padding-bottom: 6px; } li.widget ul li { padding-bottom: 6px; margin-right: 10px; } li.widget_links, li.widget_recent_entries { margin-left: 30px; width: 170px; } * html li.widget_links { margin-left: 15px; } * html li.widget_recent_entries { margin-left: 15px; } * html #s { margin-left: -15px; } *:first-child+html li.widget_links { margin-left: 15px; } *:first-child+html li.widget_recent_entries { margin-left: 15px; } *:first-child+html #s { margin-left: -15px; } /* -------------- social networking icons --------------------------------- */ ul#social { margin: 15px 0 30px 35px; } ul#social li { float: left; display: inline; font-weight: bold; color: #D91B5C; padding-right: 8px; } ul#social li.first { padding-top: 5px; } ul#social li a { float: left; display: inline; } /* -------------- pagination --------------------------------- */ #categoryDrop { padding:3px; color: #D91B5C; font-size: 11px; font-weight: bold; } div#customPaginate { float:left; margin: 20px 38px 0 0; width: 300px; } div#customPaginate a, div#customPaginate a:hover, div#customPaginate a:link, div#customPaginate a:visited { color: #21A3BD; text-decoration: none; font-size:14px; } div#customPaginate span { font-size: 14px; }