/* Homepage CSS Start here - Sid **********************************************************************************************************************************/ /* Strat of Top Article CSS here **********************************************************************************************************************************/ #wrapper { width:1000px !important; background:#fff; margin:0 auto !important; min-height:350px; position:relative; } #tool_area { margin:0; background:url(../images/video_section_bg.png) repeat-x #e6e6e6; padding:15px 0; } .Toparticle_tool { width:1001px; margin:0; border-top:0; border-bottom:solid 1px #dadada; padding:1px 0 0; background:#fff; } .Toparticle_tool h1 { font-size:60px; letter-spacing:-4px; padding-bottom:10px; text-align:center; } .Toparticle_tool .big_story { width:550px; background:#c2c2c2; margin:0; float:left; position:relative; } .Toparticle_tool .big_story img { width:550px; height:401px; opacity:1; } .Toparticle_tool .big_story img:hover { opacity:0.9; } .Toparticle_tool .big_story .txtarea { margin:0; position:absolute; bottom:20px; padding:16px 8px; background:url(../images/big_image_shadow.png) repeat-x; width:400px; left:75px; text-align:center; } .Toparticle_tool .big_story .txtarea h2 { font-size:30px; font-weight:normal; color:#fff; padding:0 6px 0 0; font-family:Cambria; line-height:36px; letter-spacing:-1.3px; } .Toparticle_tool .big_story .txtarea span { font-size:13px !important; letter-spacing:0; color:#fff !important; background:#BA084C; padding:5px 12px 7px; float:left; margin:0; position:absolute; top:-12px; left:5px; font-family:calibri; text-transform:uppercase; } .Toparticle_tool .more_story { width:450px; float:right; } .Toparticle_tool .more_story li { width:224px; float:left; margin:0 1px 1px 0; background:#c2c2c2; list-style:none; height:200px; position:relative; overflow:hidden; } .Toparticle_tool .more_story li img { height:100%; width:auto; opacity:1; margin: 0 0 0 -45px; } .Toparticle_tool .more_story li img:hover { opacity:0.9; } .Toparticle_tool .more_story .heading { color:#FFFFFF; font-size:18px; font-weight:normal; line-height:24px; position:absolute; background:url(../images/big_image_shadow.png) repeat-x; padding:3px 6px; bottom:0; left:0; right:0; font-family:Cambria; } .Toparticle_tool .more_story .heading:hover { color:#fff; } .Toparticle_tool .more_story span { font-size:12px !important; font-weight:normal; letter-spacing:0; color:#fff !important; background:#BA084C; padding:1px 4px; float:left; line-height:18px; font-family:calibri; text-transform:uppercase; position:absolute; top:-16px; left:0; } /* End of Top Article CSS here *************************************************************************************************************************************/ /* Start of Vendor search CSS here *************************************************************************************************************************************/ .Vendor_area { margin:25px 0 15px; padding:0 0 15px; border:0; background:#7dbc75; height:170px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .hp-hero { margin:20px auto 0 !important; font-size:32px; font-weight:bold; letter-spacing:-2px; text-shadow:0 0 10px rgba(255, 255, 255, 0.6); color:#fff; } .Vendor_area .leftarea { float:left; width:667px; padding:0; position:relative; display:none; } .bestdeal { margin:0; padding:0; text-align:right; font-size:14px; color:#555; line-height:18px; position:absolute; top:15px; right:10px; } .bestdeal a { color:#0A628F; text-decoration:underline; } .bestdeal a:hover { color:#0A628F; text-decoration:none; } .Vendor_area h1 { font-size:24px !important; color:#BA084C !important; letter-spacing:-1px; padding:15px 0 12px 8px !important; line-height:28px; } .Vendor_area h1 span { color:#333 !important; font-size:24px !important; font-weight:bold !important; } .search-box { background:none; border:0; padding:0; margin:0 0 15px; } .search-box h3 { font-size:18px; color:#4b621a; float:left; font-weight:bold; padding:5px 5px 0 0; } .search-box h4 { font-size:14px !important; color:#4b621a !important; float:left; padding:10px 6px 0 !important; } .search-box .textbox1 { background:#fff; border:solid 1px #dadada; width:295px; height:48px; float:left; padding:12px 7px; font-size:16px; margin:3px 0 0 8px; } .search-box .textbox1 option { background:#ececec; font-size:13px; padding:8px; font-family:Arial; margin:1px 0 0; } .search-box .textbox2 { background:#fff; border:solid 1px #dadada; width:215px; height:48px; float:left; padding:12px 7px; font-size:16px; margin:3px 0 0 10px; } .search-box .textbox2 option { background:#ececec; font-size:13px; padding:8px; font-family:Arial; margin:1px 0 0; } .search-box .textbox3 { background:#fcfff6; border:solid 1px #c9e09b; width:270px; height:25px; float:left; padding:5px; font-size:16px; } .search-box .textbox4 { background:#fcfff6; border:solid 1px #c9e09b; width:215px; height:25px; float:left; padding:5px; font-size:16px; } .search-box .btn1 { margin:4px 0 0 10px; } .Vendor_area .rightarea { float:right; width:308px; height:126px; position:relative; background:#FFFDF4; border-left:solid 1px #dadada; display:none; } .Vendor_area .rightarea img { float:left; margin:0 5px 0 8px; padding:0; border:solid 1px #500b26; width:80px; } .Vendor_area .rightarea .explain_txt { float:left; width:210px; } .Vendor_area .rightarea p { color:#555; font-size:11px; height:15px; padding:5px 6px; text-align:right; } .Vendor_area .rightarea .explain_txt h5 { font-size:20px; font-weight:bold; letter-spacing:-1px; padding:5px 3px 3px; } .Vendor_area .rightarea .explain_txt span { font-size:13px !important; color:#555 !important; padding:0 0 0 3px; } .Vendor_area .rightarea .explain_txt img { border:0; left:92px; margin:-5px 3px 0; position:absolute; top:16px; } /* Section CSS Start here ******************************************************************************************************************************/ .section_area { width:1000px; margin:25px 0 0; } .Subsection_area { float:left; padding:0; width:320px; margin:15px 0; position:relative; } .Subsection_area .new_area { background:#fff; padding:0; border:solid 1px #dadada; min-height:445px; margin-bottom:1px; } .Subsection_area .more_btn { background:url(../images/more_story_btn.png) no-repeat; width:126px; height:33px; position:absolute; top:475px; left:100px; display:none; } .Subsection_area .read_more { background:#3394c1; padding:10px 8px 11px; color:#fff; font-size:11px; text-transform:uppercase; margin:10px 0 18px 8px; width:95px; } .Subsection_area .read_more:after { content:url(../images/read_more_btn.png); width:18px; height:18px; float:right; margin:-3px 0 0; } .Subsection_area .read_more:hover { background:#2783ad; } .midcol { margin-left:20px !important; margin-right:20px !important; } .Subsection_area h2 { font-size:12px; letter-spacing:0; background:#BA084C; color:#fff; padding:6px 12px 7px 8px; margin:0; border-bottom:0; font-weight:bold; top:-8px; position:absolute; } .pink { background:#E01261 !important; } .red { background:#A30023 !important; } .blue { background:#174980 !important; } .dark_blue { background:#009CA8 !important; } .green { background:#f15f07 !important; } .yellow { background:#84A800 !important; } .orange { background:#0065AA !important; } .Subsection_area img { width:318px; margin:-1px; border:solid 1px #dadada; opacity:1; height:231px; } .Subsection_area img:hover { opacity:0.9; } .Subsection_area .heading001 { font-size:20px; font-weight:bold; letter-spacing:0; color:#333; padding:8px 8px 3px; letter-spacing:-0.8px; line-height:26px; font-family:Cambria; } .Subsection_area .heading001 a { color:#044262; } .Subsection_area .heading001 a:hover { text-decoration:underline; } .Subsection_area .heading001 span { font-size:12px !important; font-weight:normal !important; letter-spacing:0; color:#888 !important; line-height:26px; font-family:Arial; } .Subsection_area p { font-size:13px; line-height:20px; color:#333; padding:0 8px; } .other_story { margin:8px 0 1px; width:298px; float:left; border-top:0; padding:15px 10px; background:#fff; border:solid 1px #dadada; } .other_story:hover { background:#fff; } .mid_story { margin:8px 38px 0; } .last_story { margin-left:4px; } .other_story img { width:150px; float:left; margin:0 8px 0 0; } .other_story .title { font-size:18px; font-weight:normal; font-family:Cambria; letter-spacing:-0.5px; line-height:24px; float:right; width:205px; padding-bottom:5px; color:#044262; margin:-3px 0 0; } .other_story .title a { color:#044262; } .other_story .title a:hover { text-decoration:underline; } .other_story .imgbox { width:85px; height:85px; background:#ccc; margin:0 5px 0 0; float:left; } .other_story .imgbox img { width:85px; height:85px; } .other_story p { font-size:12px; float:right; width:205px; line-height:20px; padding:0 !important; } /* Gallery Section start ************************************************************************************************************************************/ .gallery_section { background:none; margin:15px 0 0; width:1000px; border-bottom:0; padding:0 0 5px; } .gallery_section h1 { border-top:1px solid #DADADA; color:#333333 !important; font-family:calibri; font-size:36px !important; letter-spacing:-2px; margin:1px 0 3px; padding:0 !important; text-align:center; text-transform:uppercase; } .gallery_section .photos { width:325px; float:left; margin:5px 3px 15px; border:solid 1px #dadada; position:relative; height:256px; overflow:hidden; } .gallery_section .photos img { width:100%; background:#fff; padding:0; margin:-45px 0 0; } .gallery_section .photos h3 { color:#fff; font-size:24px; line-height:28px; font-family:Cambria; padding:5px 0 0; letter-spacing:-1px; padding:8px 6px 12px; font-weight:normal; background:url(../images/big_image_shadow.png) repeat-x; position:absolute; bottom:0; width:325px; } /* Video Section start ************************************************************************************************************************************/ .video_section { background:#fff; margin:55px 15px -1px; width:970px; display:none; } .video_section h1 { font-size:16px !important; padding:3px 0 5px !important; letter-spacing:-0.3px; border-bottom:1px solid #dadada; margin:1px 0 3px; color:#BA084C !important; } .boxgrid { width:310px; height:193px; margin:5px 0 0; float:left; border:solid 1px #D5D5D5; overflow:hidden; position:relative; cursor:pointer; } .boxgrid img { position:absolute; top:0; left:0; border:0; width:310px; } .boxgrid p { padding:0 10px; color:#e1e1e1; font-size:12px; line-height:18px; } .boxcaption { float:left; position:absolute; background:#000; height:193px; width:100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .boxcaption h3 { color:#fff; font-size:16px; line-height:20px; padding:8px 10px 4px; font-weight:bold; letter-spacing:-0.3px; text-shadow:0 1px 3px #222222; } .captionfull .boxcaption { top:193px; left: 0; } .caption .boxcaption { top:0; left:0; } .play_icon { background:url(../images/play_icon.png) no-repeat; width:56px; height:39px; margin:15px auto; } /* Expert Section start ************************************************************************************************************************************/ .expert_section { background:none; margin:10px 0 25px; float:left; width:1000px; border-bottom:0; padding:0 0 1px; } .expert_section h1 { font-size:16px !important; padding:3px 0 5px !important; letter-spacing:-0.3px; border-bottom:solid 1px #dadada; margin:1px 0 0; color:#BA084C !important; } .expert_section .experts { background:#fff; border-left:solid 1px #dadada; border-right:solid 1px #dadada; border-bottom:solid 3px #dadada; float:left; margin:5px 6px 0 0; padding:0 0 10px; width:192px; min-height:275px; } .expert_section .experts:hover { background:#fbfbc8; opacity:0.9; } .expert_section .experts img { width:192px; height:192px; } .expert_section .experts h3 { color:#0A628F; font-size:24px; line-height:30px; padding:5px 0 0; font-weight:bold; letter-spacing:-1px; padding:5px 0 0 8px; } .expert_section .experts span { font-size:14px !important; font-style:italic; color:#555 !important; padding:0 0 0 8px; } /* Horoscope css start here *************************************************************************************************************************************/ .horoscope_section { margin:25px 0 0; background:#fff; border:solid 1px #dadada; padding:10px 20px; } .horoscope_section h1 { font-size:16px !important; padding:3px 0 5px !important; letter-spacing:-0.3px; border-bottom:solid 1px #dadada; margin:1px 0 3px; color:#BA084C !important; } .horoscope_section span { color:#929292 !important; font-size:11px !important; letter-spacing:0; padding:0; font-weight:normal !important; text-transform:none; line-height:18px; } .horoscope_section span a { color:#0A628F; } .horoscope_section .sunsign_area { width:500px; float:left; margin:10px 0 35px; } .horoscope_section .sunsign_area h2 { font-size:30px; letter-spacing:-1.5px; color:#2b2b2b; padding:0 0 5px; } .horoscope_section .sunsign_area .icon { float:left; width:180px; margin:3px 10px 0 0; } .horoscope_section .sunsign_area .text { font-size:14px; line-height:24px; color:#2b2b2b; float:left; width:290px; margin:15px 0 0; } .horoscope_section .rightarea { width:430px; float:right; margin:0 8px 0 0; padding:60px 0 0; } .horoscope_section .rightarea ul li { font-size:11px; font-weight:normal; letter-spacing:0; color:#000; float:left; padding:3px 15px; list-style:none; margin:3px 1px 0 0; width:110px; text-transform:uppercase; } .horoscope_section .rightarea ul li.noborder { border-right:0; } .horoscope_section .rightarea ul li a { color:#2b2b2b; padding:8px 15px; float:left; width:110px; background:#ededed; } .horoscope_section .rightarea ul li a:hover { background:#e3e3e3; } .horoscope_section .rightarea ul li a.active { color:#fff; background:#BA084C; } /* Category css start here ****************************************************************************************************************************/ .category-section { width:1000px; padding:0; margin:0; background:#eee; position:relative; } .category-section .open_popup { padding:8px; font-size:14px; background:#FFFAE6; border:solid 1px #EFEAD2; margin:3px 10px 0; } .category-section .open_popup a { color:#0A628F; text-decoration:underline; } .category-section h2 { font-size:16px; color:#BA084C; text-transform:uppercase; padding:10px 12px 8px 8px; border-bottom:solid 1px #e5e4e4; border-top:solid 1px #e5e4e4; margin:0 2px 8px 0; letter-spacing:-0.3px; } .category-section .left { float:left; width:235px; margin:5px 0 0 10px; } .category-section .left:hover { background:#fffae0; } .vendor_arrow { background:url(../images/vendor_arrow.png) no-repeat; width:8px; height:15px; position:absolute; top:33px; right:8px; display:none; } .category-section .left .line { margin:15px 0; } .category-section .left .line img { display:none; } .ntext { color:#222; font-size:12px; padding:8px 0 5px 5px; font-weight:bold; font-family:Arial; text-align:center; } .ntext:hover { color:#000; } .category-section .icon1 { background:url(../images/vendor_icon01.png) no-repeat; display:block; } .category-section .icon2 { background:url(../images/vendor_icon02.png) no-repeat; width:38px; height:53px; display:block; } .category-section .icon3 { background:url(../images/vendor_icon03.png) no-repeat; display:block; } .category-section .icon4 { background:url(../images/vendor_icon04.png) no-repeat; display:block; } .category-section .icon5 { background:url(../images/vendor_icon05.png) no-repeat; display:block; } .category-section .icon6 { background:url(../images/vendor_icon06.png) no-repeat; display:block; } .category-section .icon7 { background:url(../images/vendor_icon07.png) no-repeat; display:block; } .category-section .icon8 { background:url(../images/vendor_icon08.png) no-repeat; display:block; } .category-section .icon9 { background:url(../images/vendor_icon09.png) no-repeat; display:block; } .category-section .icon10 { background:url(../images/vendor_icon010.png) no-repeat; display:block; } .category-section .right { float:left; width:235px; margin:1px 0 0; } .category-section .icon11 { background:url(../images/vendor_icon011.png) no-repeat; display:block; } .category-section .icon12 { background:url(../images/vendor_icon012.png) no-repeat; display:block; } .category-section .icon13 { background:url(../images/vendor_icon013.png) no-repeat; display:block; } .category-section .icon14 { background:url(../images/vendor_icon014.png) no-repeat; display:block; } .category-section .icon15 { background:url(../images/vendor_icon015.png) no-repeat; display:block; } .category-section .icon16 { background:url(../images/vendor_icon016.png) no-repeat; display:block; } .category-section .icon17 { background:url(../images/vendor_icon017.png) no-repeat; display:block; } .category-section .icon18 { background:url(../images/vendor_icon018.png) no-repeat; display:block; } .category-section .icon19 { background:url(../images/vendor_icon019.png) no-repeat; display:block; } .category-section .icon20 { background:url(../images/vendor_icon020.png) no-repeat; display:block; } .category-section .icon21 { background:url(../images/vendor_icon021.png) no-repeat; display:block; } .category-section .icon22 { background:url(../images/vendor_icon22.png) no-repeat; width:21px; height:19px; display:block; margin:0 5px 0 0; } .category-section .icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .icon13, .icon14, .icon15, .icon16, .icon17, .icon18, .icon19, .icon20, .icon21, .icon22 { margin:6px 0 0 5px !important; float:none !important; height:62px !important; width:62px !important; } /* Category new css ****************************************************************************/ .start-steps { margin-bottom:0; } .start-step-box { width:137px; position: relative; float: left; height:95px; border:0; cursor: pointer; transition: 0.15s ease-out background-color; -moz-transition: 0.15s ease-out background-color; -webkit-transition: 0.15s ease-out background-color; -o-transition: 0.15s ease-out background-color; background:#fff; } .start-step-box:hover { background:#333; } .start-step-box:hover .ntext { color:#fff; } .start-step-box2-inner { float:left; padding:0; } .start-step-box2-inner .txtbox { width:300px; background:none; font-family:Arial; font-size:24px; letter-spacing:-1px; padding:8px 15px 10px 5px; height:55px; border:solid 1px #c9c9c9; margin:0; color:#333; float:left; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; border-radius:5px; border-bottom-right-radius:0; border-top-right-radius:0; } .txtbox_arrow { background:url(../images/txtfield_arrow2.png) 220px 0 no-repeat #F3F3F3; height:53px; margin:5px 0 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { .txtbox_arrow { top:48px; } } .start-step-box2-inner .txtbox option { background:#f6f6f6; font-family:Arial; font-size:16px; letter-spacing:-0.3px; padding:10px 20px; border-bottom:solid 1px #dadada; margin:0; color:#333; } .vendor_city_box .button01 { width:105px; background:url(../images/vendor_go_btn.png) repeat-x; font-size:20px; font-weight:bold; letter-spacing:-0.5px; font-family:calibri; padding:5px 0 10px; height:55px; border:solid 1px #A70945; margin:-55px 0 0 250px; color:#fff; float:left; cursor:pointer; text-align:center; float:left; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px; border-bottom-left-radius:0; border-top-left-radius:0; text-transform:uppercase; } .vendor_city_box .button01:hover { background:#c21658; } .start-step1-box, .start-step2-box, .start-step3-box { margin:5px 2px 0 3px; position:relative; } .start-step-box-back { background:#FFFFFF; border:1px solid #DADADA; border-radius:3px 3px 3px 3px; color:#888888; cursor:pointer; float:left; font-size:12px; font-weight:bold; letter-spacing:0; line-height:24px; margin:10px 0 0; padding:6px 20px; text-align:center; text-decoration:none; text-transform:uppercase; } .start-step-box-back:hover { background:#f5f5f5; } .start-step-box2 { width: 410px; float: left; height: 84px; } .search-widget1, .search-widget2 { height: 160px; position: absolute; top: 0px; left: 0 px; } .search-widget2 { left:1000px; height:350px; width:1000px; padding:0; } .search-widget { position:relative; overflow:hidden; height:375px; margin:20px 0 10px; width:1000px; } .start-steps ul { margin:0; } .start-steps ul li { list-style:none; padding:5px 0 0; } .start-subhead { border-bottom:1px solid #E5E4E4; color:#222; font-size:32px; letter-spacing:-1.8px; margin:0 2px 0 0; padding:10px 0 8px; font-weight:bold; text-align:center } .start-subhead span { color:#BA084C !important; font-size:32px !important; } .start-steps h2 { font-size:14px; color:#a70945; letter-spacing:0; padding:15px 0 0; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:normal; } .vendor_city_box { background:url(../images/vendor_box_bg.png) no-repeat; padding:10px 10px 25px 12px; margin:25px 0 0 25px; width:420px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; } /* Category css end here *********************************************************************************************/ .medium_img { width:332px; float:left; margin:0 1px 0 0; height:241px; position:relative; overflow:hidden; } .medium_img img { width:332px; } .medium_img .txtarea { margin:0; position:absolute; bottom:0; padding:3px 8px 8px; background:url(../images/big_image_shadow.png) repeat-x; width:316px; left:0; text-align:left; } .medium_img .txtarea h2 { font-size:22px; font-weight:normal; color:#fff; padding:0 6px 0 0; font-family:Cambria; line-height:28px; letter-spacing:-1px; } .medium_img .txtarea span { font-size:12px !important; letter-spacing:0; color:#fff !important; background:#BA084C; padding:1px 4px; float:left; margin:0; font-family:calibri; text-transform:uppercase; position:absolute; top:-14px; left:0; } .wedding-planning-tips { background:#A30023 !important; } .real-weddings { background:#f15f07 !important; } .wedding-jewellery { background:#cf9e07 !important; } .honeymoon-travel { background:#cf9e07 !important; } .expert-talk { background:#0065AA !important; } .astrology { background:#ffa800 !important; } .just-for-bride { background:#E01261 !important; } .just-for-groom { background:#004d92 !important; } .health--fitness { background:#84A800 !important; } .top-trends { background:#ff0198 !important; } .relationships { background:#099a4b !important; } .events--promotions { background:#b87332 !important; } .beauty-tips { background:#fe413f !important; } .wedding-planning { background:#A30023 !important; } .fashion-trends { background:#7904bc !important; } .love--relationships { background:#099a4b !important; } .astrology-tips { background:#ffa800 !important; } .expert-beauty-tips { background:#fe413f !important; } .expert-health-tips { background:#84A800 !important; } .question--answer { background:#10658d !important; } /* Ad new css on 21-02-2014 *********************************************************************************************************************/ .small_social_bar { margin:10px -1px 0 0; padding:0; border-top:solid 1px #dadada; border-bottom:1px solid #dadada; float:right; width:200px; } .small_social_bar .fbs_icon { float:right; padding:8px 12px; background:url(../images/small_fb.png) no-repeat; background-position:12px 9px; width:6px; height:17px; border-right:solid 1px #dadada; } .small_social_bar .fbs_icon:hover { background:url(../images/small_fb_hover.png) no-repeat #204385; background-position:12px 9px; } .small_social_bar .twitts_icon { float:right; padding:8px; background:url(../images/small_twitter.png) no-repeat; background-position:8px 10px; width:13px; height:17px; border-right:solid 1px #dadada; } .small_social_bar .twitts_icon:hover { background:url(../images/small_twitter_hover.png) no-repeat #2aa9e0; background-position:8px 10px; } .small_social_bar .gplus_icon { float:right; padding:8px 10px; background:url(../images/small_google.png) no-repeat; background-position:11px 10px; width:11px; height:17px; border-right:solid 1px #dadada; } .small_social_bar .gplus_icon:hover { background:url(../images/small_google_hover.png) no-repeat #d3492c; background-position:11px 10px; } .small_social_bar .pins_icon { float:right; padding:8px; background:url(../images/small_pin.png) no-repeat; background-position:8px 8px; width:16px; height:17px; border-right:solid 1px #dadada; } .small_social_bar .pins_icon:hover { background:url(../images/small_pin_hover.png) no-repeat #ca2128; background-position:8px 8px; } /* New Css Add *************************************************************************************************************************/ .icon_box { width:60px; height:60px; overflow:hidden; background:none; margin:0 auto; text-align:center; } .start-step-box .icon1_bg { background:url(../images/icon1_bg.png) no-repeat !important; } .start-step-box .icon2_bg { background:url(../images/icon2_bg.png) no-repeat !important; } .start-step-box .icon3_bg { background:url(../images/icon3_bg.png) no-repeat !important; } .start-step-box .icon4_bg { background:url(../images/icon4_bg.png) no-repeat !important; } .start-step-box .icon5_bg { background:url(../images/icon5_bg.png) no-repeat !important; } .start-step-box .icon6_bg { background:url(../images/icon6_bg.png) no-repeat !important; } .start-step-box .icon7_bg { background:url(../images/icon7_bg.png) no-repeat !important; } .start-step-box .icon8_bg { background:url(../images/icon8_bg.png) no-repeat !important; } .start-step-box .icon9_bg { background:url(../images/icon9_bg.png) no-repeat !important; } .start-step-box .icon10_bg { background:url(../images/icon10_bg.png) no-repeat !important; } .start-step-box .icon11_bg { background:url(../images/icon11_bg.png) no-repeat !important; } .start-step-box .icon12_bg { background:url(../images/icon12_bg.png) no-repeat !important; } .start-step-box .icon13_bg { background:url(../images/icon13_bg.png) no-repeat !important; } .start-step-box .icon14_bg { background:url(../images/icon14_bg.png) no-repeat !important; } .start-step-box .icon15_bg { background:url(../images/icon15_bg.png) no-repeat !important; } .start-step-box .icon16_bg { background:url(../images/icon16_bg.png) no-repeat !important; } .start-step-box .icon17_bg { background:url(../images/icon17_bg.png) no-repeat !important; } .start-step-box .icon18_bg { background:url(../images/icon18_bg.png) no-repeat !important; } .start-step-box .icon19_bg { background:url(../images/icon19_bg.png) no-repeat !important; } .start-step-box .icon20_bg { background:url(../images/icon20_bg.png) no-repeat !important; } /* Trending video *********************************************************************************************/ .trending_video_box { margin:15px 0 0; background:#fff; border:solid 1px #dadada; display:none; } .trending_video_box h3 { color:#363636; font-family:calibri; font-size:18px; letter-spacing:-0.5px; text-transform:uppercase; padding:15px 10px 0 12px; } .watch_next22 { margin:15px 15px 45px; font-family:calibri; position:relative; width:300px; float:left; } .watch_next22 img { width:100% } .watch_next22 h3 { font-size:14px; letter-spacing:0; text-transform:uppercase; color:#333; padding:6px 10px 5px; background:#ebebeb; float:left; font-weight:normal; position:absolute; top:0; left:0; } .watch_next22 h3:after { content:url(../images/watch_icon.png); width:12px; height:12px; margin:3px 0 0 5px; float:right; } .watch_next22 h5 { color:#2f2f2f; font-size:18px; font-weight:normal; padding:0px 8px 0 0; margin:1px 0 0; letter-spacing:-0.3px; } .watch_next22 p { font-size:14px; color:#575757; line-height:18px; padding:3px 0 0; } .watch_next22 .arrow { background:url(../images/watch_arrow.png) no-repeat; width:34px; height:61px; position:absolute; top:100px; right:8px; }