@charset "utf-8"; /* CSS Document */ /* Most viewed */ #most_Viewed .pagination { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 40px; margin-top: 10px; padding-left: 170px; } #most_Viewed .pagination ul { margin: 12px 15px; } #most_Viewed .pagination ul li { padding: 0 5px; } #most_Viewed .pagination ul li a { padding: 0 5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } #most_Viewed .pagination ul li a.first, #most_Viewed .pagination ul li a.last { border: none; } #most_Viewed .pagination .pagenumbers { clear: both; padding: 2px 9px; } #most_Viewed .pagination a.prevPage { background-position: 1px 15px; } #most_Viewed .pagination a.nextPage { background-position: -8px 3px; margin-left: 6px; } #most_Viewed .pagination a.selected { font-weight: bold; color: #f74b16; } #most_Viewed .pagination a.prevPage, #most_Viewed .pagination a.nextPage { width: 10px; height: 25px; float: left; } #most_Viewed ul .list-holder { width: 238px; float: left; min-height: 350px; } #most_Viewed .most-holder { border: 1px solid #d5d6d6; width: 225px; min-height: 290px; margin-left: 5px; } #most_Viewed .most-holder .article_image { margin-right: 10px; margin-left: 6px; border: 1px solid #cbcccc; } #most_Viewed .most-list-content { width: 110px; } #most_Viewed .list1 { float: left; margin-top: -5px; } #most_Viewed .list2, #most_Viewed .list3, #most_Viewed .list4 { } #most_Viewed .square1 { list-style-type: none; } #most_Viewed .square2, #most_Viewed .square3, #most_Viewed .square4 , #most_Viewed .square5{ list-style-type: square; margin: 10px; margin-left: 20px; color: #f74b16; } #most_Viewed .most-list-content a { color: #f74b16; } #most_Viewed .list2, #most_Viewed .list3, #most_Viewed .list4, #most_Viewed .list5 { width: 200px; } #most_Viewed .most-list-content .article-title1 { width: 120px; } #most_Viewed .most-list-content .article-title1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; } #most_Viewed .most-list-content .article-title2, #most_Viewed .most-list-content .article-title3, #most_Viewed .most-list-content .article-title4, #most_Viewed .most-list-content .article-title5 { width: 200px; margin-bottom: 10px; } #most_Viewed .most-list-content .article-title2 a, #most_Viewed .most-list-content .article-title3 a, #most_Viewed .most-list-content .article-title4 a,#most_Viewed .most-list-content .article-title5 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } #most_Viewed .most-channel-title { text-align: center; margin-bottom: 15px; margin-top: 10px; color: #f74b16; font-weight: bold; font-size: 24px; text-transform: lowercase; } #date_today { font-size: 16px; line-height: 18px; text-align: center; padding: 1px 0; margin-bottom: 15px; border-bottom: 1px solid #999; border-top: 1px solid #999; margin-bottom: 25px; } #date_today div { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 11px 0; } #date_today p { height: 12px; margin-bottom: 8px; margin-left: 11px; } #date_today strong { display: block; font-size: 12px; } #date_today p span { float: left; height: 13px; margin-left: 84px; } #date_today p span.Sunday { background-position: 0 -16px; width: 72px; } #date_today p span.Monday { background-position: 0 -31px; width: 76px; } #date_today p span.Tuesday { background-position: 0 -45px; width: 82px; } #date_today p span.Wednesday { background-position: 0 -61px; width: 110px; } #date_today p span.Thursday { background-position: 0 -76px; width: 96px; } #date_today p span.Friday { background-position: 0 -91px; width: 66px; } #date_today p span.Saturday { background-position: 0 -106px; width: 95px; } /*marketplace*/ #spMarketplace ul { list-style-type: none; margin-bottom: 10px; } #spMarketplace ul li { margin-bottom: 20px; float: left; width: 87px; height: 150px; } #spMarketplace .list_holder { padding: 5px; width: 60px; height: 70px; border: 1px solid #ccc; } #spMarketplace ul li img{ margin-left: 7px; margin-bottom: 8px; } #spMarketplace .name { color: #333; font-size: 12px; font-weight: bold; width: 80px; padding: 3px;} #spMarketplace .price { width: 80px; padding: 3px;} /* THE MALL FEEDS */ /*centerbox-content*/ #centerbox-content { float: left; width: 980px; margin-bottom: 10px; margin-top: 10px; } .the-mall-logo-box { border-top: #989898 solid 1px; border-bottom: #989898 solid 1px; height: 40px; width: 980px; /*background: url('../images/themall/themall-logo.jpg') no-repeat; background-position:1px 2px; */ padding-top: 2px; } .the-mall-carousel-box { width: 980px; overflow: hidden; } .carousel-nav-left{ background: url("../images/themall/button-swatch.png") no-repeat scroll -16px 0px transparent; float: left; height: 20px; margin: 60px 7px; width: 14px; cursor: pointer; } .carousel-photo-container { float: left; width: 924px; padding: 5px 0px; overflow: hidden; margin-top: 10px;} .carousel-photo-container ul { list-style: none outside none; width: 100000px; } .carousel-photo-container li { float: left; width: 89px; margin-right: 15px; } .carousel-photo-container li div { margin-bottom: 3px; } .carousel-photo-container li .photo-image { border: 1px #ccc solid; width: 89px; height: 125px; text-align: center; } .carousel-photo-container li .photo-title { margin-top: 15px; margin-bottom: 5px; } .carousel-photo-container li .photo-title a { font-size: 12px; font-weight: bold; margin: 5px 0px; width: 105px; color: #2b2b2b; } .carousel-photo-container li .photo-price { font-size: 11px; } .carousel-photo-container li .photo-views { font-size: 11px; } .carousel-photo-container li .photo-views span { background: url("../images/themall/icons.png") no-repeat scroll 0 -23px transparent; padding: 0 10px; } .carousel-photo-container li .photo-likes { font-size: 11px; } .carousel-photo-container li .photo-likes span { background: url("../images/themall/icons.png") no-repeat scroll -4px 0 transparent; padding: 0 10px; } .carousel-nav-right{ background: url("../images/themall/button-swatch.png") no-repeat scroll transparent; float: left; height: 20px; margin: 60px 7px; width: 14px; cursor: pointer; } /*end centerbox-content*/