/* /index.php */ #main{ height:auto; float:left; clear: both; margin: 10px 3px 3px 3px; position:relative; width:934px; display:inline; background-color: transparent; margin: 10px 3px 3px 0px; padding-top:0px;} body {margin:0; padding:0; background: url(../images/bkgd.jpg) bottom center #80d6f6 no-repeat;} /*===============================================================*/ #main .content .con_left{ float:left; width:372px;} /*ALL LEFT SIDE HEADER GRAPHICS*/ #main .content .con_left .top_events, #main .content .con_left .pop_events, #main .content .con_left .new_reviews {clear:both; padding: 5px 0 10px 0; margin-bottom: 15px; height:auto; float:left; width:604px; background: url(../images/bkgd_left_content.png) bottom left no-repeat;} /*ALL LEFT SIDE RIGHT BUTTONS*/ #main .content .con_left .top_events .title .btn, #main .content .con_left .new_reviews .title .btn{ float:right; margin:0 15px;} /*#main .content .con_left .hot_business {clear:both; border:1px #BEE3FE solid; float:left; width:100%; position:relative}*/ #main .content .con_left .hot_business {display: none;} #main .content .con_left .hot_business em { margin-left:20px;} #main .content .con_left .hot_business .c1{ background:url(../images/left-top-corner2.gif) no-repeat; top:-1px; left:-1px;} #main .content .con_left .hot_business .c2{ background:url(../images/right-top-corner2.gif) no-repeat; top:-1px; right:-1px;} #main .content .con_left .hot_business .c3{ background:url(../images/left-bot-corner2.gif) no-repeat; bottom:-1px; left:-1px;} #main .content .con_left .hot_business .c4{ background:url(../images/right-bot-corner2.gif) no-repeat; bottom:-1px; right:-1px;} #main .content .con_left .hot_business .best {float:left; width:360px; min-height:130px; background-color:#fcfcfc;} #main .content .con_left .hot_business h1 { padding:5px; margin:0; font-size:12px; font-weight:normal; background:url(../images/border-top2.gif) repeat-x;} #main .content .con_left .hot_business .more {float:right; width:185px;} #main .content .con_left .hot_business .more ol{margin:0 0 0 25px; padding:0px;} #main .content .con_left .hot_business .best .pic {float:left; width:100px; height:100px; text-align:center;padding-left:10px;} #main .content .con_left .hot_business .best .t {float:left; height:100px; width:240px; _width:235px; padding-left:10px; padding-top:5px;} /*#main .content .con_left .category {clear:both; xborder-bottom:1px #ccc solid; padding: 10px 0 10px 0; height:auto; float:left; width:100%; background:url(../images/left-top-corner2.gif) no-repeat;} #main .content .con_left .category .items { float:left; width:360px; background:#f3f2eb; position:relative; xborder:1px #ccc solid;} #main .content .con_left .category .items .per{ float:left; width:169px; height: 100%; overflow:hidden; padding-left:10px;} #main .content .con_left .category .items .per h2 a{color: #696bbc;} #main .content .con_left .category .items .per ol{ margin:0 0 0 25px; padding:0px; clear:both} #main .content .con_left .category .lists { margin-left:5px; float:left; width:210px; position:relative; border:#ccc solid 1px; padding:0 5px; background:url(../images/box-bg.gif) repeat-x #EBEBEB;} #main .content .con_left .category .lists h2{ font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding:10px;} #main .content .con_left .category .lists ul{margin-bottom:15px;; padding:0px;list-style:none; font-family:Arial; } #main .content .con_left .category .lists ul li{ background:url(../images/line-dotted.gif) repeat-x 0 25px;; padding:5px 0 6px 10px; height:16px; } */ #main .content .con_left .category {clear:both; float:left; width:610px; } #main .content .con_left .category .items { float:left; width:372px; position:relative; background:url(../images/bkgd_top_picks.png) bottom left no-repeat; padding-bottom: 15px;margin-bottom: 15px;} #main .content .con_left .category .items .per{ float:left; width:160px; height: 100%; overflow:hidden; margin: 10px 0 0 7px; padding: 0 0 0 10px; background:#f3f2eb;} #main .content .con_left .category .items .per h2 a{color: #696bbc; margin-top: 10px;} #main .content .con_left .category .items .per ol{ margin:0 0 0 20px; padding:0px; clear:both} #main .content .con_left .category .lists { float:left; width:231px; height: 650px; position:relative; background:url(../images/bkgd_category.png) bottom left no-repeat; padding-bottom: 15px;} /*#main .content .con_left .category .lists h2{ font-size:18px; font-weight:normal; display:block; display:none;}*/ #main .content .con_left .category .lists ul{list-style:none; margin: 0; padding: 0 15px;} #main .content .con_left .category .lists ul li{ background:url(../images/line-dotted.gif) bottom repeat-x; margin:0; padding:0 0 5px 0;} a.more{background:url(../images/search.gif) no-repeat; color:#FFFFFF; display:block; float:right; margin: 0 5px 5px 5px; padding:4px 0; text-align:center; width:50px;} #main .content .con_left .top_events .title .t{ float:left; width:300px; } #main .content .con_left .top_events .items {float:left; width:270px; height:52px; } #main .content .con_left .top_events .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;margin-bottom:5px;padding:0; border:#ccc 1px solid;} #main .content .con_left .top_events .items .t{float:left; height:52px; width:215px; padding-left:10px;} /*#main .content .con_left .pop_events {clear:both; border-bottom:1px #ccc solid; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}*/ #main .content .con_left .pop_events .title .t{ float:left; width:300px;} #main .content .con_left .pop_events .title .btn{ float:right; margin-top:5px;} #main .content .con_left .pop_events .items {float:left; width:270px; height:52px;} #main .content .con_left .pop_events .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;padding:0; border:#ccc 1px solid;} #main .content .con_left .pop_events .items .t{float:left; height:52px; width:215px ; padding-left:10px;} /*#main .content .con_left .new_reviews {clear:both; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}*/ #main .content .con_left .new_reviews .title .t{ float:left; width:300px;} /*#main .content .con_left .new_reviews .title .btn{ float:right; margin-top:5px;}*/ #main .content .con_left .new_reviews .items {float:left; width:590px; height:auto; overflow:hidden; border-bottom:1px #ccc dashed; margin-left: 15px;} #main .content .con_left .new_reviews .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:8px;padding:0; border:#ccc 1px solid;} #main .content .con_left .new_reviews .items .t{float:left; height:auto; width:485px ; padding-left:10px;} /*===============================================================*/ /*ALL RIGHT SIDE HEADER GRAPHICS*/ #main .content .con_right .random_rat, #main .content .con_right .reviews, #main .content .con_right .new_lists, #main .content .con_right .new_chatters, #main .content .con_right .special_offer {clear:both; padding: 5px 0 10px 0; margin-bottom: 15px; height:auto; float:left; width:307px; background: url(../images/bkgd_right_content.png) bottom left no-repeat;} #main .content .con_right{ float:right; width:307px; padding-left: 10px; overflow:hidden; margin-top:-20px;} #main .content .con_right .social { height:65px; float:left; width:100%; clear:both; background: url(../images/header_social.png) top left no-repeat; padding-bottom: 15px;} #main .content .con_right .social .social-icons {margin: 15px 0 0 125px;} #main .content .con_right .social .social-icons img {width: 36px; height: 36px;} /*#main .content .con_right .random_rat {clear:both; height:auto; float:left; width:307px; margin-bottom:10px; position:relative;} */#main .content .con_right .random_rat .title{ float:left; width:200px; } #main .content .con_right .random_rat h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;} #main .content .con_right .random_rat .items .pic {float:left; width:60px; height:60px; text-align:center;margin:0px 10px;} #main .content .con_right .random_rat .items .pic .photoBox {margin: 0;} #main .content .con_right .random_rat .items .t {float:left; height:125px; width:190px;} #main .content .con_right .random_rat .items .t .info{ height:80px; padding-left:20px;} /*#main .content .con_right .random_rat .items .t .info h3 {padding-top: 15px;}*/ #main .content .con_right .random_rat .items .t .info img {padding: 5px 0;} #main .content .con_right .random_rat .items .t .btn{ padding-left:20px;} /*#main .content .con_right .reviews {clear:both; border:1px #ccc solid; padding: 5px; float:left; width:285px;position:relative; margin-bottom:10px;} */#main .content .con_right .reviews h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;} #main .content .con_right .reviews .title .t{ float:left; width:200px;} #main .content .con_right .reviews .title .btn{ float:right; margin-top:5px;} #main .content .con_right .reviews .items .pic {float:left; width:90px; height:130px; text-align:center;margin-top:5px;} #main .content .con_right .reviews .items .t {float:left; height:auto; width:180px; padding-left:10px;} #main .content .con_right .reviews .exp{ float:left; margin: 15px;} #main .content .con_right .reviews .btn, #main .content .new_offer .special_offer .preview_offer .btn, #main .content .con_right .new_chatters .btn{ float:right; margin: 10px 15px 0 0 ;} #main .content .con_right .ads {clear:both; height:auto; padding:0; float:left; width:300px; position:relative; margin: 0 0 10px 0; padding:0 0 10px 5px;} /*Special Offer*/ #main .content .con_right .special_offer{padding: 10px 20px 20px 20px;} /*{border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px;}*/ #main .content .con_right .new_offer .special_offer .preview_offer{padding-right: 20px; width: 290px;} #main .content .con_right .new_offer .special_offer h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;} .new_offer .btn, .random_rat .btn{ width:100%; float:right;clear:both; text-align:right; margin:5px 15px 0 0;} /*New Lists*/ /*#main .content .con_right .new_lists {border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px;} */#main .content .con_right .new_lists h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;} #main .content .con_right .new_lists .title {width:200px;} #main .content .con_right .new_lists .items { margin-top:5px; height:auto; clear:both;} #main .content .con_right .new_lists .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;padding:0; border:#ccc 1px solid;} #main .content .con_right .new_lists .items .t {float:left; height:auto; width:220px; padding-left:15px;word-break : break-all;} /*#main .content .con_right .new_chatters {clear:both; border:1px #ccc solid; padding: 5px; height:auto; float:left; width:285px;position:relative;} */#main .content .con_right .new_chatters h2{font-size:18px; font-weight:normal; border-bottom:1px #ccc solid; display:block; padding-bottom:15px; padding:0 0 10px 10px;} #main .content .con_right .new_chatters .title {width:200px;} #main .content .con_right .new_chatters .items { padding-top:3px; height:auto; padding-bottom:5px; border-bottom:1px #ccc dashed; float:left; margin:0 15px;} #main .content .con_right .new_chatters .items .pic {float:left; width:20px; height:20px; text-align:center; padding:0; border:#ccc 1px solid; margin-top:6px;} #main .content .con_right .new_chatters .items .t {float:left; height:auto; width:220px; padding-left:7px;} #main .content .con_right .new_chatters .items .info {float:left; height:auto; padding-left:35px;} #main .content { margin-top:10px;}