body {font-size: 100%; font-family: Tahoma, Arial, sans-serif; color: #706c67; margin: 0; } a { text-decoration: none; color: #305783; } a:hover { color: #4e83bf; } a:visited { color: #152b43 } a img { border: 0; } h1 { color: #4d4546; font-weight: 400; font-size: 1.7em; } h2 { color: #4d4546; font-weight: 400; font-size: 1.5em; } h1, h2, h3 { margin-top: 0; } #container-outer { width: 100%; background: url(../images/header.gif) no-repeat center -29px; text-align: center } #container-inner { width: 880px; margin: 0 auto; text-align: left; } #header { height: 140px; width: 880px; } #logo img {margin: 0; display: block; float: left;} #header #menu { height: 50px; list-style: none; display: block; margin: 0 0 0 88px; padding: 0; } #header #menu li { width: 88px; float: left; display: block; } #header #menu li a { width: 88px; height: 50px; float: left; display: block; color: #fff; line-height: 30px; text-align: center; font-size: .9em; } #menu a#menu-1 { background: url(../images/menu-2.gif) no-repeat left top; } #menu a#menu-1:hover { background: url(../images/menu-2.gif) no-repeat left center; } #menu a#menu-1.selected { background: url(../images/menu-2.gif) no-repeat left bottom; } #menu a#menu-2 { background: url(../images/menu-3.gif) no-repeat left top; } #menu a#menu-2:hover { background: url(../images/menu-3.gif) no-repeat left center; } #menu a#menu-2.selected { background: url(../images/menu-3.gif) no-repeat left bottom; } #menu a#menu-3 { background: url(../images/menu-4.gif) no-repeat left top; } #menu a#menu-3:hover { background: url(../images/menu-4.gif) no-repeat left center; } #menu a#menu-3.selected { background: url(../images/menu-4.gif) no-repeat left bottom; } #menu a#menu-4 { background: url(../images/menu-5.gif) no-repeat left top; } #menu a#menu-4:hover { background: url(../images/menu-5.gif) no-repeat left center; } #menu a#menu-4.selected { background: url(../images/menu-5.gif) no-repeat left bottom; } #menu a#menu-5 { background: url(../images/menu-6.gif) no-repeat left top; } #menu a#menu-5:hover { background: url(../images/menu-6.gif) no-repeat left center; } #menu a#menu-5.selected { background: url(../images/menu-6.gif) no-repeat left bottom; } #menu a#menu-6 { background: url(../images/menu-7.gif) no-repeat left top; } #menu a#menu-6:hover { background: url(../images/menu-7.gif) no-repeat left center; } #menu a#menu-6.selected { background: url(../images/menu-7.gif) no-repeat left bottom; } #menu a#menu-7 { background: url(../images/menu-8.gif) no-repeat left top; } #menu a#menu-7:hover { background: url(../images/menu-8.gif) no-repeat left center; } #menu a#menu-7.selected { background: url(../images/menu-8.gif) no-repeat left bottom; } #menu a#menu-8 { background: url(../images/menu-9.gif) no-repeat left top; } #menu a#menu-8:hover { background: url(../images/menu-9.gif) no-repeat left center; } #menu a#menu-8.selected { background: url(../images/menu-9.gif) no-repeat left bottom; } #menu a#menu-9 { background: url(../images/menu-10.gif) no-repeat left top; } #menu a#menu-9:hover { background: url(../images/menu-10.gif) no-repeat left center; } #menu a#menu-9.selected { background: url(../images/menu-10.gif) no-repeat left bottom; } #menu a#menu-10 { background: url(../images/menu-10.gif) no-repeat left top; } #menu a#menu-10:hover { background: url(../images/menu-10.gif) no-repeat left center; } #menu a#menu-10.selected { background: url(../images/menu-10.gif) no-repeat left bottom; } #content { line-height: 1.5em; font-size: .9em; min-height: 400px; } #splash { padding: 0 0 10px 0; width: 730px; float: left; font-size: 1.1em; } #in-action { background: url(../images/action-button.gif) no-repeat left top; display: block; width: 240px; height: 56px; text-indent: -9999px; } #buy-now { background: url(../images/buy-button.gif) no-repeat left top; display: block; width: 240px; height: 56px; float: right; text-indent: -9999px; } #splash h1 { margin: 30px 0 0 0; } #splash p { line-height: 1.5em; font-size: 1.1em; } #main-column { width: 880px; float: left; font-size: .9em; line-height: 1.3em; min-height: 400px; } .narrow { width: 734px !important; margin: 0; } .narrower { width: 640px !important; margin: 0 15px 0 0; overflow: hidden; } .narrowest { width: 504px !important; margin: 0 15px; overflow: hidden; } #main-column a { text-decoration: underline; } #main-column a:hover { text-decoration: none; } #main-column h2, #main-column h3, #main-column h4 { margin-top: 20px; } #side-column { float: left; width: 200px; margin: 0 0 0 0; background: url(../images/side-column-bg.gif) repeat-y center; } #side-column ul { margin: 0; padding: 0; list-style: none; } #side-column ul li { margin: 0 0 10px 0; } #side-column h2 { background: url(../images/side-column-top.gif) no-repeat top center; height: 39px; padding: 7px; font-size: .9em; font-weight: 600; text-indent: 10px; margin: 0; } #side-column-bottom { background: url(../images/side-column-bottom.gif) no-repeat bottom center; padding: 0 0 20px; } #side-column-content { width: 146px; padding: 0 20px; } #side-column-content.related { height: 475px; width: 160px; overflow: auto; padding: 0 16px 0 10px;} #right-column { float: right; width: 200px; margin: 0; } #right-column-box { width: 200px; margin: 0; background: url(../images/right-column-bg.gif) repeat-y center; } #right-column h2 { background: url(../images/right-column-top.gif) no-repeat top center; height: 39px; padding: 7px; font-size: .9em; font-weight: 600; text-indent: 35px; margin: 0; } #right-column-bottom { background: url(../images/right-column-bottom.gif) no-repeat bottom center; padding: 0 0 20px; } #right-column-content { width: 146px; height: 325px; overflow: auto; padding: 0 20px; } #right-column-content ul { list-style: none; padding: 0; margin: 0; } #right-column-content ul li { margin: 0 0 10px 0; } #news-column { width: 554px; background: url(../images/main-bg.gif) repeat-y right bottom; float: left; } #news-column h1 { background: url(../images/main-top.gif) no-repeat left top; height: 46px; margin: 0; padding: 14px 0 0 18px; font-size: 1.2em;} #news-column.latest h1 { background-image: url(../images/latest-buzz.gif); text-indent: -9999px; } #news-column .content { background: url(../images/main-bottom-gradient.gif) no-repeat right bottom; min-height: 235px; padding: 0 15px 10px 30px; } #tips-column { width: 326px; background: url(../images/side-bg.gif) repeat-y right bottom; float: left; } #tips-column h1 { background: url(../images/side-top.gif) no-repeat left top; height: 46px; margin: 0; padding: 14px 0 0 58px; font-size: 1.2em;} #tips-column.tips h1 { background-image: url(../images/tips.gif); text-indent: -9999px; } #tips-column .content { background: url(../images/side-bottom-gradient.gif) no-repeat right bottom; min-height: 235px; padding: 0 15px 10px 30px; } #footer-outer { height: 191px; background: url(../images/footer.gif) no-repeat center top; text-align: center; margin: 20px 0 0 0; padding: 0;} #footer-inner { width: 880px; margin: 0 auto; text-align: left; padding: 40px 0 0 0; font-size: .9em; text-align: center; overflow: hidden; } #footer-menu {position: relative; left: 50%; float: left; margin: 0 0 10px; } #footer-menu ul { display: block; position: relative; left: -50%; list-style: none; margin: 0; padding: 0; height: 20px; } #footer-menu li { list-style: none; display: block; float: left; line-height: 20px; margin: 0 20px 0 0; } #product-box { width: 202px; float: right; margin: 0 0 0 20px; } /* .thumb { border: 1px solid #999; }*/ .more-thumbs { float: left; } .popular-videos { width: 140px; float: left; list-style: none; display: block; margin: 0; padding: 0; } .popular-videos li { margin: 0 0 10px 0; }