/* BETA */ /* v1.0_ryan | 20100429 */ /* contextualize to our areas of influence ('.mainContent') */ #CMSmainContent div, #CMSmainContent span, #CMSmainContent applet, #CMSmainContent object, #CMSmainContent iframe, #CMSmainContent h1, #CMSmainContent h2, #CMSmainContent h3, #CMSmainContent h4, #CMSmainContent h5, #CMSmainContent h6, #CMSmainContent p, #CMSmainContent blockquote, #CMSmainContent pre, #CMSmainContent a, #CMSmainContent abbr, #CMSmainContent acronym, #CMSmainContent address, #CMSmainContent big, #CMSmainContent cite, #CMSmainContent code, #CMSmainContent del, #CMSmainContent dfn, #CMSmainContent em, #CMSmainContent font, #CMSmainContent img, #CMSmainContent ins, #CMSmainContent kbd, #CMSmainContent q, #CMSmainContent s, #CMSmainContent samp, #CMSmainContent small, #CMSmainContent strike, #CMSmainContent strong, #CMSmainContent sub, #CMSmainContent sup, #CMSmainContent tt, #CMSmainContent var, #CMSmainContent b, #CMSmainContent u, #CMSmainContent i, #CMSmainContent center, #CMSmainContent dl, #CMSmainContent dt, #CMSmainContent dd, #CMSmainContent ol, #CMSmainContent ul, #CMSmainContent li, #CMSmainContent fieldset, #CMSmainContent form, #CMSmainContent label, #CMSmainContent legend, #CMSmainContent table, #CMSmainContent caption, #CMSmainContent tbody, #CMSmainContent tfoot, #CMSmainContent thead, #CMSmainContent tr, #CMSmainContent th, #CMSmainContent td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } div#CMSmainContent { line-height: 1; } #CMSmainContent ol, #CMSmainContent ul { list-style: none; } #CMSmainContent blockquote, #CMSmainContent q { quotes: none; } #CMSmainContent blockquote:before, #CMSmainContent blockquote:after, #CMSmainContent q:before, #CMSmainContent q:after { content: ''; content: none; } /* remember to define focus styles! */ #CMSmainContent :focus { outline: 0; } /* remember to highlight inserts somehow! */ #CMSmainContent ins { text-decoration: none; } #CMSmainContent del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ #CMSmainContent table { border-collapse: collapse; border-spacing: 0; } /* * * Main colors: * Red Linkage: #ff3300 * Black Headers: #2f2f2f; * Romance Subtitles: #a09d9d; * * * */ body {text-align:center; background:url(bg_body.jpg) top left repeat-x; } #CMSmainContent {margin:0 auto; text-align:left; width:963px; font-family: Helvetica, Arial, sans-serif; } #CMSmainContent #gallery #thumbs .ss-controls a, #spotlight #offers a, #spotlight .products li .brand, #spotlight .products li .cta {background-image:url(sprite_shop.gif)} #CMSmainContent #gallery {height:347px; position:relative;} #CMSmainContent #gallery #slideshow {height:321px; background:#333; position:relative;} #CMSmainContent #gallery #slideshow .image-wrapper {display:block; position:absolute;} #CMSmainContent #gallery #caption {position:absolute; top:20px; right:0; } #CMSmainContent #gallery #caption h2 {color:#fff; text-transform:uppercase; background:#000; text-align:right; float:right; clear:both; font-size:25px; padding:5px;} #CMSmainContent #gallery #caption a {clear:both; float:right; background:#000; text-transform:uppercase; padding:8px; font-weight:bold;} #CMSmainContent #gallery #caption a span {text-transform:none;} #CMSmainContent #gallery #caption .product {width:300px; height:120px;clear:both; display:block; float:right; background:#fff; border:1px solid #e5e5e5;} #CMSmainContent #gallery #thumbs, #gallery #thumbs ul.thumbs li.selected {background-image:url(bg_thumbs.gif);} #CMSmainContent #gallery #thumbs {background-position:0 0; background-repeat:repeat-x; position:relative; border-top:1px solid #747474;} #CMSmainContent #gallery #thumbs ul.thumbs {text-align:center; height:25px; margin:0 64px 0 0; border-right:1px solid #747474; border-left:1px solid #747474;} #CMSmainContent #gallery #thumbs ul.thumbs li {display:block; float:left; border-right:1px solid #747474; padding: 6px 20px 0; height:19px; #padding-top:4px; #height:21px; } #CMSmainContent #gallery #thumbs ul.thumbs li.selected {background-position:0 -26px;} #CMSmainContent #gallery #thumbs ul.thumbs li a {color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold;} #CMSmainContent #gallery #thumbs ul.thumbs li a span {text-transform:none;} #CMSmainContent #gallery #thumbs .ss-controls {position:absolute; right:18px; top:6px;} #CMSmainContent #gallery #thumbs .ss-controls a {display:block; width:24px; height:12px;} #CMSmainContent #gallery #thumbs .ss-controls .play {background-position:-67px -101px;} #CMSmainContent #gallery #thumbs .ss-controls .pause {background-position:-108px -101px;} #CMSmainContent .noscript #gallery {border:1px solid #e3e3e3;} #CMSmainContent .noscript #gallery #thumbs {background:none; height:auto; padding:70px; } #CMSmainContent .noscript #gallery #thumbs ul.thumbs {height:auto; border:none; text-align:left;} #CMSmainContent .noscript #gallery #thumbs ul.thumbs li a.thumb {font-size:15px;} #CMSmainContent .noscript #gallery #thumbs ul.thumbs li a {color:#ff3300;} #CMSmainContent .noscript #gallery #thumbs ul.thumbs li {border:none; float:left; height:auto; min-height:100px; width:150px;} #CMSmainContent a {text-decoration:none !important; color:#ff3300;} #CMSmainContent a:hover {text-decoration:underline;} #CMSmainContent #trending {padding:10px; height:20px; margin:10px 0; background:#e3e3e3;} #CMSmainContent #trending dt, #trending dd { float:left; } #CMSmainContent #trending dt {font-size:18px; color:#2e2e2e; font-weight:bold; margin-right:10px;} #CMSmainContent #trending dd {padding:0 10px; margin:5px 0 0; border-right:1px solid #2e2e2e;} #CMSmainContent #trending dd h2{font-size:11px; } #CMSmainContent #trending dd h2 a {text-decoration:none; color:#ff3300; } #CMSmainContent #spotlight {background:#e3e3e3; padding:1px 0; overflow:hidden;} #CMSmainContent #spotlight .products li {border:1px solid #c7c7c7; padding:8px; width:300px; height:245px; position:relative; float:left; background:url(bg_products.jpg) top left repeat-x; background-color:#fff; text-align:center;} #CMSmainContent #spotlight .products li.second {margin:0 4px; } #CMSmainContent #spotlight .products li .brand {width:26px; height:19px; position:absolute; top:0; left:0; padding:8px; background-repeat:no-repeat;} #CMSmainContent #spotlight .products li .brandSport {background-position:9px -41px;} #CMSmainContent #spotlight .products li .product {margin:30px auto 0;} #CMSmainContent #spotlight .products li .brandOriginal {background-position:9px 4px;} #CMSmainContent #spotlight .products li .caption {position:absolute; bottom:0; left:0; padding:8px; width:220px;} #CMSmainContent #spotlight .products li .caption {text-align:left;} #CMSmainContent #spotlight .products li .cta {position:absolute; bottom:0; right:8px; background-position: -59px -30px; background-repeat:no-repeat; width:65px; height:49px; padding:10px 5px 0;} #CMSmainContent #spotlight .products li .cta {color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; letter-spacing:.04em;} #CMSmainContent #spotlight .products li .noPrice {padding:17px 0 0; height:41px; width:75px;} #CMSmainContent #spotlight .products li .cta span.price {display:block; color:#ff3300; font-size:22px; text-align:center; margin-top:5px; #font-weight:bold;} #CMSmainContent #spotlight .products h3 {color:#ff3300; text-transform:uppercase;} #CMSmainContent #spotlight .products p {font-size:11px; color:#a09d9d;} #CMSmainContent #spotlight #offers {margin:18px 0; background:url(bg_offers.gif) top left repeat-y;display:block;zoom:1.0;} #CMSmainContent #spotlight #offers li {float:left; width:187px; padding:0 26px 15px; _padding:0 20px 15px; min-height:141px; position:relative;} #CMSmainContent #spotlight #offers li#twitterfeed {padding-right:0; width:210px; } #CMSmainContent #spotlight #offers li li {float:none; width:auto; padding:0; margin-bottom:5px; border:none; min-height:1px; _height:auto;} #CMSmainContent #spotlight #offers ul.links {position:absolute; bottom:0; _position:static;} #CMSmainContent #spotlight #offers h3 {text-transform:uppercase; font-size:22px; margin-bottom:3px;} #CMSmainContent #spotlight #offers p {font-size:16px; color:#606060;} #CMSmainContent #spotlight #offers img {margin:10px 0;} #CMSmainContent #spotlight #offers a {font-size:10px; text-transform:uppercase; font-weight:bold; background-position:right -124px; padding-right:15px; background-repeat:no-repeat; _display:block;} #CMSmainContent #spotlight #offers .links a {_float:left;} #CMSmainContent #spotlight #offers #tweet li {font-size:10px; margin-bottom:5px;} #CMSmainContent #twitterfeed .logo {width:92px; height:21px; background:url(logo_twitter.png) top left no-repeat; margin-bottom:5px;} #CMSmainContent #twitterfeed #tweet a {background:none; padding:0; text-transform:none;} #CMSmainContent #sitemap {background:#fff; padding:26px;} #CMSmainContent #sitemap ul li {float:left; width:187px; margin:0 51px 0 0;} #CMSmainContent #sitemap ul li.last {margin-right:0;} #CMSmainContent #sitemap h3 {font-weight:bold; font-size:15px;} #CMSmainContent #sitemap h3 span {color:#ff3300;} #CMSmainContent #sitemap span.h3 {font-weight:bold; font-size:15px;} #CMSmainContent #sitemap span.h3 span {color:#ff3300;} #CMSmainContent #sitemap dl {font-size:10px; margin-bottom:25px;} #CMSmainContent #sitemap dt {font-weight:normal;} #CMSmainContent #sitemap dt a {color:#ff3300;} #CMSmainContent #sitemap dd {margin:5px 0;} #CMSmainContent #sitemap a {color:#999;} #CMSmainContent .dummyHeader, #CMSmainContent .dummyFooter {margin:0 auto;} /* Clearfix implementation Needs to stay on bottom of file */ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* No styles below this */