body{background:#ffffff;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:11px;margin:0;padding:0} /* start null */ ul{list-style:none;margin:0;padding:0} a,img{outline:none;margin:0;padding:0} img{border:none} form, dd, dt, dl {margin:0;padding:0} h1,h2,h3,h4,h5,h6{margin:0;} a{color:#4495ec;text-decoration:none} a:hover{color:#4495EC;text-decoration:none} /*input:focus,select:focus,textarea:focus,a,a:link,a:visited,a:hover{border:none;outline:0}*/ /* remove requested by pivanov */ input{vertical-align:middle;} input,select,textareaa{background:transparent;} label {font-size:12px;text-align:left;margin:0;padding:0;cursor:pointer;} br { height:10px; } .bold { font-weight: 700; } /* end null */ h1, h2, h3, h4, h5, h6 { line-height:normal; } .clr{clear:both;overflow:hidden;font-size:0;line-height:0;} .wd_page_bg{background:#fff url(../img/page_bg.png) top center repeat-x} .clr{clear:both;overflow:hidden;font-size:0;line-height:0;} #wd_header .header_image { position:relative;width:980px;margin:0 auto;} #wd_header .header_image_carousel { position:absolute;top:-5px;left:-5px;width:102px;height:104px;background:transparent url(/img/header_images/index/header_image_carousel.png) top left no-repeat} #wd_header .header_image_carousel1 { position:absolute;top:-5px;left:-5px;width:102px;height:104px;background:transparent url(/img/header_images/index/header_image_carousel1.png) top left no-repeat} #wd_header .header_image_carousel2 { position:absolute;top:-5px;left:-5px;width:102px;height:104px;background:transparent url(/img/header_images/index/header_image_carousel2.png) top left no-repeat} #wd_header .header_image_2010 { position:absolute;top:-30px;right:-22px;width:50px;height:50px;background:transparent url(../img/hat.png) top left no-repeat} #wd_header .joomla_header_image { position:relative;width:980px;height:170px; } #wd_header .joomla_header_image a.btn { position:absolute;bottom:26px;left:178px;width:294px;height:35px;outline:none;text-indent:-9999px; } #wd_header img { float:left;border:0 } .joomla { background:transparent url(/img/header_images/joomla/joomla.png) top left no-repeat; } .joomla10 { background:transparent url(/img/header_images/joomla/joomla_all.png) top left no-repeat; } .joomla15 { background:transparent url(/img/header_images/joomla/joomla_1.5.png) top left no-repeat; } #wd_header .joomla_header_image_2010 {position:relative;width:980px;height:149px;} #wd_header .joomla_header_image_2010 a.btn { position:absolute;bottom:20px;left:219px;width:270px;height:30px;outline:none;text-indent:-9999px; } #wd_header .joomla_header_image_valentine {position:relative;width:980px;height:149px;} #wd_header .joomla_header_image_valentine a.btn { position:absolute;bottom:20px;left:244px;width:270px;height:30px;outline:none;text-indent:-9999px; } #wd_header .joomla_header_image_easter {position:relative;width:980px;height:149px;} #wd_header .joomla_header_image_easter a.btn { position:absolute;bottom:20px;left:216px;width:270px;height:30px;outline:none;text-indent:-9999px; } .general_2010 { background:transparent url(../img/topbanner_2010_general.png) top left no-repeat; } .general_valentine { background:transparent url(../img/topbanner_valentine_general.jpg) top left no-repeat; } .general_easter { background:transparent url(../img/topbanner_easter_general.jpg) top left no-repeat; } .index_valentine { background:transparent url(../img/topbanner_valentine_index.jpg) top left no-repeat; } .joomla_2010 { background:transparent url(../img/topbanner_2010_joomla.png) top left no-repeat; } .joomla_valentine { background:transparent url(../img/topbanner_valentine_joomla.jpg) top left no-repeat; } .joomla_easter { background:transparent url(../img/topbanner_easter_joomla.jpg) top left no-repeat; } #header { position: relative; width: 980px; height: 116px; z-index: 6000; margin: 0 auto 10px; } #header .logo { float: left; width: 230px; height: 84px; padding: 32px 0 0 0; text-align: left; } #header #right { position: relative; width: 750px; float: left; height: 116px; } #header #right .sg_phone { float: right; width: 118px; height: 28px; background: url(/fw/img/newindex/phone.png) no-repeat top left; } #header #right .sg_sales_chat { float: right; width: 100px; height: 28px; } #header #main_navigation { float: left; width: 750px; height: 80px; margin: 7px 0 0; background: url(/fw/img/newindex/top_menu.png) no-repeat top left; } #header #main_navigation #top_menu { float: left; width: 520px; height: 47px; } #header #main_navigation #top_menu li { float: left; } #header #main_navigation #top_menu li.separator { float: left; width: 2px; height: 40px; font-size: 0; background: url(/fw/img/newindex/top_menu_separator.png) no-repeat top left; } #header #main_navigation #top_menu li.current { background: url(/fw/img/newindex/top_menu_current_c_bg.png) no-repeat bottom center; } #header #main_navigation #top_menu li a, #header #main_navigation #top_menu li a:link, #header #main_navigation #top_menu li a:visited { float: left; color: #7478a7; font: 700 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; outline: none; } #header #main_navigation #top_menu li a:hover { color: #f4a930; } #header #main_navigation #top_menu ul li a.login-form-link { position: relative; z-index: 9999; color: #fff; } #header #main_navigation #top_menu li a span { float: left; height: 38px; line-height: 38px; padding: 2px 10px 0; cursor: pointer; } #header #main_navigation #top_menu li.current a { background: url(/fw/img/newindex/top_menu_current_r_bg.png) no-repeat top right; } #header #main_navigation #top_menu li.current a span {color: #fff; height: 45px; line-height: 36px; background: url(/fw/img/newindex/top_menu_current_l_bg.png) no-repeat top left; } #header #main_navigation #sub_menu { width: 740px; height: 29px; } #header #main_navigation #sub_menu ul { overflow: hidden; } #header #main_navigation #sub_menu ul li { float: left; } #header #main_navigation #sub_menu ul li.separator { float: left; width: 2px; height: 29px; font-size: 0; background: url(/fw/img/newindex/sub_menu_separator.png) no-repeat top left; } #header #main_navigation #sub_menu ul li a, #header #main_navigation #sub_menu ul li a:link, #header #main_navigation #sub_menu ul li a:visited { float: left; color: #7478a7; height: 29px; line-height: 29px; padding: 0 10px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; text-decoration: none } #header #main_navigation #sub_menu ul li a:hover { color: #fe9d00; } #header #main_navigation #sub_menu ul li.current a, #header #main_navigation #sub_menu ul li.current a:link, #header #main_navigation #sub_menu ul li.current a:visited { color: #fe9d00; } #search_box { position: relative; float: right; width: 220px; height: 38px; padding: 2px 0 0 0; background: #f80; background: url(/fw/img/newindex/search_bg.png) no-repeat top left; } #search_box .sinput { position: absolute; bottom: 10px; left: 35px; width: 130px; height: 16px; border: none; color: #56596c; font-size: 11px; line-height: 15px; background: transparent; } #search_box input:focus { outline: none; } #search_box a.search_btn { position: absolute; bottom: 10px; right: 0; width: 50px; height: 20px; color: #7478a7; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; line-height: 19px; text-align: center; text-decoration: none; } #search_box a.search_btn:hover { color: #fe9d00; } #header #main_navigation #top_menu .login-form { display: none; position: absolute; top: -5px; left: -5px; z-index: 9998; width: 188px; height: 178px; background: url(/fw/img/newindex/login-box-bg.png) no-repeat left center; } #header #main_navigation #top_menu .login-form label { position: absolute; color: #fff; font-size: 11px; } #header #main_navigation #top_menu .login-form label.uname { top: 44px; left: 15px; } #header #main_navigation #top_menu .login-form label.pass { top: 90px; left: 15px; } #header #main_navigation #top_menu .login-form input { position: absolute; color: #56596C; font-size: 11px; background: transparent; border: none; padding: 0 2px; width: 150px; height: 18px; } #header #main_navigation #top_menu .login-form input#login_username { top: 60px; left: 15px; } #header #main_navigation #top_menu .login-form input#login_password { top: 106px; left: 15px; } #header #main_navigation #top_menu .login-form a.fyp { position: absolute; bottom: 15px; left: 15px; width: 60px; font-size: 11px; color: #dfeaf6; text-shadow: 1px 1px 0 #5d91d0; font-weight: 400; text-decoration: none; } #header #main_navigation #top_menu .login-form a.fyp:hover { color: #fff; } #header #main_navigation #top_menu .login-form a.login-btn { position: absolute; bottom: 15px; right: 15px; width: 76px; height: 23px; text-align: center; line-height: 22px; text-transform: uppercase; color: #578bcb; text-shadow: 1px 1px 0 #fff; background: url(/fw/img/newindex/login-box-btn.png) no-repeat left center; } #header #main_navigation #top_menu .login-form a.login-btn:hover { color: #fe9d00; } #footer { width: 952px; margin: 0 auto; } #footer .links_1, #footer .links_2 { overflow: hidden; float: left; width: 476px; margin: 0 0 20px; text-align: left; } #footer .links_1_1, #footer .links_1_2, #footer .links_1_3, #footer .links_2_1, #footer .links_2_2, #footer .links_2_3 { float: left; width: 150px; } #footer p { color: #9799A4; text-align: justify; padding: 0 20px 0 0; margin: 0 0 10px; } #footer h5 { height: 20px; margin: 0 0 5px; color: #9799a4; font: 700 11px Tahoma, Verdana, sans-serif; background: url(/fw/img/newindex/footer_bg.png) repeat-x left bottom; } #footer ul li { padding: 0 0 1px; line-height: 16px; } #footer ul li a { color: #9799a4; font: 11px Tahoma, Verdana, sans-serif; text-decoration: none; } #footer ul li a:hover { color: #568aca; text-decoration: underline; } #bottom_footer { overflow: hidden; width: 952px; margin: 0 auto; padding: 2px 0; text-align: left; background: url(/fw/img/newindex/footer_bg.png) repeat-x left top; font: 11px Tahoma, Verdana, sans-serif; } #bottom_footer .copyright { float: left; width: 200px; height: 20px; line-height: 19px; margin: 0; padding: 0; color: #568aca; font-size: 11px; font-style: normal; font-family: Tahoma, Verdana, sans-serif; } #bottom_footer ul { float: right; } #bottom_footer ul li { display: inline; color: #9799A4; } #bottom_footer ul li a { height: 20px; line-height: 19px; padding: 0 4px; color: #4495ec; text-decoration: none; } #bottom_footer ul li a:hover { color: #fe9d00; text-decoration: none; } #bottom_footer ul li a.fb { display: inline-block; width: 16px; background: url(/fw/img/newindex/icons/fb_small_icon.gif) no-repeat left center; text-indent: -9999px; padding: 0; } #bottom_footer ul li a.fb:hover { opacity: 0.8; filter: alpha(opacity=80); } #bottom_footer ul li a.tw { display: inline-block; width: 16px; background: url(/fw/img/newindex/icons/tw_small_icon.gif) no-repeat left center; text-indent: -9999px; padding: 0; } #bottom_footer ul li a.tw:hover { opacity: 0.8; filter: alpha(opacity=80); } #wd_header { width:980px;margin:0 auto;background: transparent url(../img/header_img.png) top left no-repeat;position:relative;z-index:5000;} #wd_content { width:980px;margin:0 auto;background: transparent url(../img/wd_content_m_bg.png) top center repeat-y;text-align:left;} .wd_content { width:980px;margin:0 auto;background: transparent url(../img/wd_content_m_bg.png) top center repeat-y;text-align:left;} .wd_top_on { width:980px;background: transparent url(../img/wd_content_top_bg_on.png) top center no-repeat} .wd_top_off { width:980px;margin:0 auto;background: transparent url(../img/wd_content_top_bg_off.png) top center no-repeat} .wd_bottom { width:980px;background: transparent url(../img/wd_content_bottom_bg.png) bottom center no-repeat} .wd_content .wd_top_on { background: transparent url(../img/wd_content_top_bg_on2.png) top center no-repeat} .wd_content_shadow { width:980px;height:8px;font-size:0;margin:0 auto;background: transparent url(../img/wd_content_shadow_bg.png) top center no-repeat} a.small_btn, a.small_btn:link, a.small_btn:visited { display:block;margin:0 auto;background: transparent url(../img/layout/small_btn_r_bg.png) right top no-repeat } .small_btn span { display:block;font-size:11px;height:24px;line-height:23px;text-shadow:1px 1px #d48723;padding:0 10px;color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer;background: transparent url(../img/layout/small_btn_l_bg.png) left top no-repeat;text-align:center;} #tooltips div.tooltip_box {display:none;position:absolute;width:200px;color:#fff;} #tooltips div h3 {height:26px;line-height:23px;margin:0;font-size:11px;color:#7478a7;background:transparent url(../../img/tooltips/h5_bg.gif) top left no-repeat} #tooltips div .cont {color:#56596c;text-align:left;line-height:14px;padding:4px 10px;background:transparent url(../../img/tooltips/cont_bg.png) top center repeat-y} #tooltips div .cont p {margin:0;font-size:11px;} #tooltips div .b_arrow {height:10px;font-size:0;line-height:0;background:transparent url(../../img/tooltips/b_arrow.gif) top left no-repeat} /* index */ /* 06042010 */ .index_tv .wd_title { display:block;height:20px;line-height:normal;margin:10px 0 0 0;padding: 0 0 0 27px; overflow: hidden; font-size: 16px; font-weight: 400px; font-family: Arial,Tahoma, sans-serif; color: #7478a7; } .index_tv .l_bg #tv_tabs_tab_1 h1 { background: transparent url(../img/index/servers_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_2 .wd_title { background: transparent url(../img/index/plus_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_5 .wd_title { background: transparent url(../img/index/arrows_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_3 .wd_title { background: transparent url(../img/index/man_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_4 .wd_title { background: transparent url(../img/index/server_icon.gif) center left no-repeat; } /* -------- */ .index_tv { float:left; width: 736px; } .l_bg { float:left; width: 226px; height: 350px; background:transparent url(../img/index/tv_l_bg.png) top left no-repeat } .r_bg { float:left; width: 510px; height: 350px; background:transparent url(../img/index/tv_r_bg.jpg) top right no-repeat } .right_col { float:left; width:202px; margin:0 0 0 14px; } .wd_box {width:202px;margin:0 0 14px;} .wd_box p{margin:0;} .wd_box .wd_title2 { display:block; color:#7478a7; height: 28px; line-height:27px; font-size:12px; padding:0 4px; text-align:center; background:transparent url(../img/index/box_h4_bg.png) top right no-repeat } .wd_box .new { padding:0 4px 0 40px; background:transparent url(../img/index/box_h4_new_bg.png) top right no-repeat } .wd_box .b_m_bg { background:transparent url(../img/index/b_m_bg.png) top right repeat-y } .wd_box .b_t_bg { background:transparent url(../img/index/b_t_bg.png) top center no-repeat; padding:8px 10px 0;color:#56596c;} .wd_box .b_b_bg { background:transparent url(../img/index/b_b_bg.png) bottom center no-repeat;font-size:0;height:10px;width:202px;} /* HOSTING PAGES USE */ .hosting_pages .clr { height: 0; } /* Header Banner */ #wd_header div.header_image.christmas2010 { width: 980px; height: 469px; } #wd_header div.header_image.christmas2010 .left_outside { position: absolute; left: -3px; top: 0; width: 3px; height: 469px; background: url(../img/hosting_pages/christmas_hosting_left_outside.png) no-repeat top left; } #wd_header div.header_image.christmas2010 .right_outside { position: absolute; right: -3px; top: 0; width: 3px; height: 469px; background: url(../img/hosting_pages/christmas_hosting_right_outside.png) no-repeat top left; } #wd_header div.header_image .resources_top_outside { position: absolute; left: 0; top: -11px; width: 980px; height: 11px; background: url(../img/hosting_pages/christmas_resources_top_outside.jpg) no-repeat top left; } #wd_header div.header_image .resources_left_outside { position: absolute; left: -4px; top: 0; width: 4px; height: 371px; background: url(../img/hosting_pages/christmas_resources_left_outside.jpg) no-repeat top left; } #wd_header div.header_image .resources_right_outside { position: absolute; right: -3px; top: 0; width: 3px; height: 371px; background: url(../img/hosting_pages/christmas_resources_right_outside.jpg) no-repeat top left; } #wd_header div.header_image .index_top_outside { position: absolute; left: 0; top: -11px; width: 980px; height: 11px; background: url(../img/hosting_pages/christmas_index_top_outside.jpg) no-repeat top left; } #wd_header div.header_image .index_left_outside { position: absolute; left: -4px; top: 0; width: 4px; height: 590px; background: url(../img/hosting_pages/christmas_index_left_outside.jpg) no-repeat top left; } #wd_header div.header_image .index_right_outside { position: absolute; right: -107px; top: 0; width: 107px; height: 509px; background: url(../img/hosting_pages/christmas_index_right_outside.jpg) no-repeat top left; } #wd_header div.header_image.winter { background: url(../img/hosting_pages/joomla_hosting_banner_winter.jpg) no-repeat top left; width: 980px; height: 289px; } #wd_header div.header_image.memorial { background: url(../img/hosting_pages/joomla_hosting_banner_winter.jpg) no-repeat top left; width: 980px; height: 289px; } #wd_header div.header_image.valentine { background: url(../img/hosting_pages/joomla_hosting_banner_valentine.jpg) no-repeat top left; width: 980px; height: 289px; } #wd_header div.header_image.fourthofjuly { width: 980px; height: 289px; } #wd_header div.header_image.laborday { width: 980px; height: 289px; } #wd_header div.header_image.halloween { width: 980px; height: 289px; } #wd_header div.header_image.thanksgiving { width: 980px; height: 289px; } #wd_header div.header_image.cybermonday { width: 980px; height: 269px; } #wd_header div.header_image.christmas2010 .getstarted { position: absolute; bottom: 24px; right: 78px; width: 292px; height: 44px; } #wd_header div.header_image.winter .getstarted, #wd_header div.header_image.valentine .getstarted, #wd_header div.header_image.memorial, #wd_header div.header_image.fourthofjuly .getstarted, #wd_header div.header_image.laborday .getstarted, #wd_header div.header_image.halloween .getstarted, #wd_header div.header_image.thanksgiving .getstarted, #wd_header div.header_image.cybermonday .getstarted { position: absolute; bottom: 46px; right: 21px; width: 230px; height: 132px; } #wd_header div.header_image.christmas2010 .getstarted a, #wd_header div.header_image.christmas2010 .getstarted a:link, #wd_header div.header_image.christmas2010 .getstarted a:visited { width: 292px; height: 44px; display: block; outline: none; text-indent: -9999px; font-size: 0; } #wd_header div.header_image.winter .getstarted a, #wd_header div.header_image.winter div.getstarted a:link, #wd_header div.header_image.winter div.getstarted a:visited, #wd_header div.header_image.valentine .getstarted a, #wd_header div.header_image.valentine .getstarted a:link, #wd_header div.header_image.valentine .getstarted a:visited, #wd_header div.header_image.memorial .getstarted a, #wd_header div.header_image.memorial .getstarted a:link, #wd_header div.header_image.memorial .getstarted a:visited, #wd_header div.header_image.fourthofjuly .getstarted a, #wd_header div.header_image.fourthofjuly .getstarted a:link, #wd_header div.header_image.fourthofjuly .getstarted a:visited, #wd_header div.header_image.laborday .getstarted a, #wd_header div.header_image.laborday .getstarted a:link, #wd_header div.header_image.laborday .getstarted a:visited, #wd_header div.header_image.halloween .getstarted a, #wd_header div.header_image.halloween .getstarted a:link, #wd_header div.header_image.halloween .getstarted a:visited, #wd_header div.header_image.thanksgiving .getstarted a, #wd_header div.header_image.thanksgiving .getstarted a:link, #wd_header div.header_image.thanksgiving .getstarted a:visited #wd_header div.header_image.cybermonday .getstarted a, #wd_header div.header_image.cybermonday .getstarted a:link, #wd_header div.header_image.cybermonday .getstarted a:visited { width: 230px; height: 132px; display: block; outline: none; text-indent: -9999px; font-size: 0; } #wd_header div.header_image.christmas2010 a.fullfeatures, #wd_header div.header_image.christmas2010 a.fullfeatures:link, #wd_header div.header_image.christmas2010 a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 16px; color: #5e3e1d; font-weight: 700; position: absolute; bottom: 132px; left: 486px; outline: none; } #wd_header div.header_image.winter a.fullfeatures, #wd_header div.header_image.winter a.fullfeatures:link, #wd_header div.header_image.winter a.fullfeatures:visited, #wd_header div.header_image.memorial a.fullfeatures, #wd_header div.header_image.memorial a.fullfeatures:link, #wd_header div.header_image.memorial a.fullfeatures:visited, #wd_header div.header_image.fourthofjuly a.fullfeatures, #wd_header div.header_image.fourthofjuly a.fullfeatures:link, #wd_header div.header_image.fourthofjuly a.fullfeatures:visited, #wd_header div.header_image.laborday a.fullfeatures, #wd_header div.header_image.laborday a.fullfeatures:link, #wd_header div.header_image.laborday a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #646c76; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 460px; outline: none; } #wd_header div.header_image.valentine a.fullfeatures, #wd_header div.header_image.valentine a.fullfeatures:link, #wd_header div.header_image.valentine a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #5f0d40; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 486px; outline: none; } #wd_header div.header_image.halloween a.fullfeatures, #wd_header div.header_image.halloween a.fullfeatures:link, #wd_header div.header_image.halloween a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #ff6201; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 486px; outline: none; } #wd_header div.header_image.thanksgiving a.fullfeatures, #wd_header div.header_image.thanksgiving a.fullfeatures:link, #wd_header div.header_image.thanksgiving a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #3b9219; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 486px; outline: none; } #wd_header div.header_image.cybermonday a.fullfeatures, #wd_header div.header_image.cybermonday a.fullfeatures:link, #wd_header div.header_image.cybermonday a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #5A8ECD; font-weight: 700; display: block; position: absolute; bottom: 36px; left: 486px; outline: none; } #wd_header div.header_image a.fullfeatures:hover { text-decoration: underline; } #wd_header div.header_image.winter a.fullfeatures2, #wd_header div.header_image.winter a.fullfeatures2:link, #wd_header div.header_image.winter a.fullfeatures2:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #646c76; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 490px !important; outline: none;text-shadow: #fff 1px 1px } /* Features */ #wd_header div.header_image.christmas2010 div#features { position: absolute; bottom: 125px; left: 190px; width: 480px; height: 120px; } #wd_header div.header_image.christmas2010 ul li { background: url(../img/hosting_pages/check_star.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: "Myriad Pro", Arial, sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #5e3e1d; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image div#features { position: absolute; bottom: 50px; left: 190px; width: 480px; height: 120px; } #wd_header div.header_image ul { position: absolute; } #wd_header div.header_image ul.left { top: 0; left: 0; width: 226px; } #wd_header div.header_image ul.right { top: 0; right: 0; width: 232px; } #wd_header div.header_image.winter ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #444; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.memorial ul li { background: url(../img/hosting_pages/checked_orange.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #2a285d; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.fourthofjuly ul li { background: url(../img/hosting_pages/checked_red.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #003c85; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.laborday ul li { background: url(../img/hosting_pages/checked_purple.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #666; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.halloween ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #555; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.thanksgiving ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top; padding: 0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #5e3e1d; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.valentine ul li { font-family: Arial, Tahoma, sans-serif; font-size: 15px; font-weight: 600; text-align: left; color: #5f0d40; text-shadow: 1px 1px 0 #fff; margin: 0 0 4px; line-height: 20px; padding: 0; } #wd_header div.header_image.cybermonday ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top;padding:0 0 0 22px; height: 21px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 16px; font-weight: 600; text-align: left; color: #777777; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.cybermonday div#features { bottom: 30px; } /* */ /* Accordeon */ .hosting_pages div#accordeon { height: 305px; overflow: hidden; } .hosting_pages h2 { overflow: hidden; background: url(../img/hosting_pages/accor_h2.png) repeat-x top left; height: 28px; padding: 0 0 0 10px; border: 1px solid #d8d8d8; font: 700 12px/28px Tahoma, Arial, Verdana, sans-serif; } .hosting_pages h2:hover { border: 1px solid #b0c9e7; } .hosting_pages h2 a, .hosting_pages h2 a:link, .hosting_pages h2 a:visited { float: left; height: 28px; background: url(../img/hosting_pages/accor_h2_arrow_right.gif) no-repeat left center; padding: 0 0 0 14px; color: #666; } .hosting_pages h2 a:hover { color: #5a8ecd; } .hosting_pages h2 a.current, .hosting_pages h2 a.current:link, .hosting_pages h2 a.current:visited { color: #5a8ecd; background: url(../img/hosting_pages/accor_h2_arrow_down.gif) no-repeat left center; } .hosting_pages div.title { margin: 5px 0 0;} .hosting_pages .accor { overflow: hidden; background: url(../img/hosting_pages/accor_bg.jpg) no-repeat left top; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-top: none; height: 115px;} .hosting_pages .inner { padding: 10px; } .hosting_pages div#accordeon div.accor p { margin: 0 0 6px; line-height: 15px; } .hosting_pages .accor ul { margin: 10px 0 0; } .hosting_pages .accor ul li { background: url(../img/hosting_pages/accor_bullet.png) no-repeat left center; padding: 0 0 0 14px; line-height: 12px; } /* Drupal Hosting page only */ #wd_header div.header_image.winter ul.moredrupal li { background: url(../img/hosting_pages/check_purple2.png) no-repeat left top; padding: 0 0 0 25px; height: 20px; font-family: Arial, "Myriad Pro", sans-serif; font-size: 14px; font-weight: 600; text-align: left; color: #444; margin: 0 0 3px; line-height: normal; } #wd_header div.header_image.winter ul.moredrupal.right { margin:0px 0px 0 30px; padding:0px;} #wd_header div.header_image.winter ul.moredrupal.left { margin:0px; padding:0px; width:280px;} .drupalH2 {color:#0077c0; font-size:36px; font-family:Arial, Tahoma; text-transform:uppercase; float:left; clear:both; margin:15px 0 0 24px;} .drupalH3 {color:#02466e; font-size:24px; font-family:Arial, Tahoma; float:left; clear:both; margin:0px 0 0 20px; width:350px;} .new_drupalhosting {background: url(../img/hosting_pages/new_drupalhosting.png) no-repeat 195px 1px !important; height:16px;display:block;} .new_drupalhosting2 {background: url(../img/hosting_pages/new_drupalhosting.png) no-repeat 265px 7px !important; height:22px;display:block;} /* italic = text .hosting_pages div#accordeon div.accor span.bold { font-weight: 700; } .hosting_pages div#accordeon div.accor span.underline { text-decoration: underline; } .hosting_pages div#accordeon div.accor a, .hosting_pages div#accordeon div.accor a:link, .hosting_pages div#accordeon div.accor a:visited { color: #5A8ECD; text-decoration: underline; } .hosting_pages div#accordeon div.accor a:hover { text-decoration: none; } .hosting_pages div#accordeon div.accor ul { margin: 0 0 4px; background: url(../img/hosting_pages/accor_bullet.png) no-repeat left bottom; padding: 0 0 0 14px; line-height: 14px; } .hosting_pages .wd_box p { margin: 0 0 10px; line-height: 15px; } .hosting_pages .wd_box ul { margin: 0 0 1px; line-height: 15px; padding: 0 0 0 18px; background: url(../img/index/box_ul_li_bg.png) left center no-repeat } */ .hosting_pages .wd_box ul { margin: 0; } .hosting_pages .wd_box table.hosting_button { margin: 10px auto 0; } /* */ /* Boxes */ .hosting_pages .wd_box h1, .hosting_pages .wd_box h3, .hosting_pages .wd_box h4, .wd_top_cloud_hosting h3 { color:#7478a7; height: 28px; line-height:27px; font-size:12px; padding:0 4px; text-align:center; font-family: Arial,Tahoma,Verdana,sans-serif; font-weight: 700; } .hosting_pages .wd_box h4 {background:transparent url(../img/hosting_pages/box_h4_bg_438.png) top right no-repeat; width:430px;} .hosting_pages .small_btn span { padding: 0 18px; } div.t_l { float:left;background: url(../img/hosting_pages/t_l.gif) no-repeat left top; height: 29px; width: 5px;font-size: 0;} div.t_c { float:left;background: url(../img/hosting_pages/t_c.gif) repeat-x left top; height: 29px;} div.t_r { float:left;background: url(../img/hosting_pages/t_r.gif) no-repeat right top; height: 29px; width: 5px;font-size: 0; } div.m_l { clear:both;background: #fff url(../img/hosting_pages/m_l.gif) repeat-y left top; } div.m_r { background: url(../img/hosting_pages/m_r.gif) repeat-y right top; width: 5px; padding: 0 2px; } div.m_c { background: url(../img/hosting_pages/m_c.gif) repeat-x left top; color: #56596C; padding: 7px 8px 0; } div.b_c { float:left;background: #fff url(../img/hosting_pages/b_c.gif) repeat-x left bottom; height: 5px; font-size:0;} div.b_r { float:left;background: url(../img/hosting_pages/b_r.gif) no-repeat right bottom; height: 5px; width: 5px; font-size: 0;} div.b_l { float:left;background: url(../img/hosting_pages/b_l.gif) no-repeat left bottom; height: 5px; width: 5px; font-size: 0;} /* */ /* Joomla Resources */ .jresources_tabs { width: 418px; } .jresources_tabs a, .jresources_tabs a:link, .jresources_tabs a:visited { position: relative; top: 3px; float: left; margin: 0 1px 0 0; width: 127px; height: 16px; padding: 6px 5px; border: 1px solid #e5e5e5; border-bottom: none; background: url(../img/hosting_pages/jresources_tabs_bg.png) repeat-x left bottom; -moz-border-radius-topleft: 2px; /* Firefox */ -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; /* Safari & Chrome */ -webkit-border-top-right-radius: 2px; border-top-left-radius: 2px; /* Opera */ border-top-right-radius: 2px; font: bold 11px Tahoma, Arial, sans-serif; color: #7a7a7a; } .jresources_tabs a span { display: block; padding: 0 0 0 22px; height: 16px; cursor: pointer; } .jresources_tabs a.jtemp span { background: url(../img/hosting_pages/jresources_tab_jtemp.png) no-repeat left center; } .jresources_tabs a.jext span { background: url(../img/hosting_pages/jresources_tab_jext.png) no-repeat left -1px; } .jresources_tabs a.jtut span { background: url(../img/hosting_pages/jresources_tab_jtut.png) no-repeat left center; } .jresources_tabs a:hover { top: 1px; color: #5a8ecd; } .jresources_tabs a.current_tab { top: 1px; background: #fff; z-index: 11; } .jresources_container { position: relative; z-index: 10; background: #fff; border: 1px solid #e5e5e5; padding: 10px; font-size: 11px; } .jresources_container p a, .jresources_container p a:link, .jresources_container p a:visited { color: #5a8ecd; text-decoration: underline; } .jresources_container p a:hover { text-decoration: none; } .jresources_container .jtemplates {position: relative; width: 340px; margin: 10px auto 0; } .jresources_container .jtemplates .jt { float: left; width: 100px; margin: 0 20px 8px 0; } .jresources_container .jtemplates .jt p { text-align: center; color: #7478a7; margin: 0 0 4px; } .jresources_container .jtemplates .jt div.thmb { position: relative; height: 104px; background: #e5e5e5; padding: 1px; } .jresources_container .jtemplates .jt div.thmb img { width: 96px; border: 1px solid #fff; position: absolute; top: 1px; height: 102px; left: 1px; } .jresources_container .jtemplates .jt a.viewdemo, .jresources_container .jtemplates .jt a.viewdemo:link, .jresources_container .jtemplates .jt a.viewdemo:visited { display: block; background: url(../img/hosting_pages/jresources_viewdemo_bg.gif) repeat-x left top; height: 18px; width: 96px; position: absolute; bottom: 2px; left: 2px; border-top: 1px solid #e5e5e5; } .jresources_container .jtemplates .jt a.viewdemo:hover { background: url(../img/hosting_pages/jresources_viewdemo_bg.gif) repeat-x left bottom; } .jresources_container .jtemplates .jt a.viewdemo:hover span { color: #5a8ecd; } .jresources_container .jtemplates .jt a.viewdemo span { display: block; background: url(../img/hosting_pages/jresources_viewdemo.png) no-repeat 6px center; padding: 2px 0 2px 26px; font: bold 11px Arial, Tahoma, sans-serif; color: #8f8f8f; } .jresources_container .jtemplates a.lm, .jresources_container .jtemplates a.lm:link, .jresources_container .jtemplates a.lm:visited { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; display: block; border: 1px solid #e5e5e5; background: url(../img/hosting_pages/lm_bg.gif) repeat-x left top; color: #666; padding: 4px 0; height: 14px; } .jresources_container .jtemplates a.lm:hover { background: url(../img/hosting_pages/lm_bg.gif) repeat-x left bottom; } .jresources_container .jextensions .je { margin: 0 0 12px; line-height: 15px; } .jresources_container .jextensions .je p { margin: 0; } .jresources_container .jextensions .je img { float: left; margin: 0 10px 0 0; } .jresources_container .jextensions .je h6 { font: bold 11px Tahoma, Arial, sans-serif; color: #56596c; margin: 0 0 2px; } .jresources_container .jtutorials .jtu { margin: 0 0 18px; line-height: 15px; } .jresources_container .jtutorials .jtu p { margin: 0; } .jresources_container .jtutorials .jtu img { float: left; margin: 0 10px 0 0; } .jresources_container .jtutorials .jtu h6 { font: bold 11px Tahoma, Arial, sans-serif; color: #56596c; margin: 0 0 2px; } .wd_box .s500 .t_content { position: absolute; width: 500px; height: 120px; margin: 0 auto; background: url(../img/hosting_pages/testimonials_500.png) no-repeat center bottom; } .wd_box .s500 .t_content .stars_text { width: 500px; } .wd_box .s500 .t_content .stars_text .rating_text { width: 402px; } .wd_box.boxx li { list-style: none; height:16px;line-height:16px;font-size:11px;padding:0 0 0 18px;background:transparent url(../img/index/box_ul_li_bg.png) left center no-repeat } .newstamp { background: url(../img/hosting_pages/new_stamp.gif) no-repeat left center; float: left; width: 28px; height: 11px; margin: 9px 0 0 10px; } /* */ /* News */ .hosting_pages .wd_box ul.news li { background: none; border-bottom: 1px solid #e6e6e6; padding: 0; line-height: 22px; height: auto; } .hosting_pages .wd_box ul.news li span { color: #999; padding: 0 12px 0 0; } .hosting_pages .wd_box ul.news li a { color: #777; font-weight: 700; } .hosting_pages .wd_box ul.news li a:hover { color: #fe9d00; font-weight: 700; } .hosting_pages a.rss { background: url(../img/hosting_pages/rss.png) no-repeat left center; float: left; width: 60px; font-weight: 700; color: #777; padding: 0 0 0 20px; } .hosting_pages a.more { float: right; width: 66px; text-decoration: underline; text-align: right; color: #777 } .hosting_pages a.more:hover { text-decoration: none; background: none; } /* */ /* Supported Software */ h1.supp_heading { color: #FDA30A; font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 13px; font-weight: bold; margin: 0; text-align: center; border-bottom: 1px solid #e2e2e2; padding: 0 0 12px; margin: 0 0 10px; } div.supp_holder { width: 900px; margin: 0 auto; } div.supp_holder h2 { color:#56596C; font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:11px; } div.supp_soft { float: left; width: 180px; } div.supp_soft ul { margin: 0 0 13px; } div.supp_soft ul li a { color: #56596C; } div.supp_soft ul li a:hover { color: #4495EC; text-decoration: underline; } /* */ /* HOSTING PAGES USE END */ /* CLOUD HOSTING START */ .wd_top_cloud_hosting h2 { font-family: Arial, Tahoma, sans-serif; font-size: 24px; margin: 0 0 16px; } .wd_top_cloud_hosting h1 { color:#7478a7; height: 28px; line-height:27px; font-size:12px; padding:0 4px; text-align:center; font-family: Tahoma,Arial,Verdana,sans-serif; font-weight: 700; } .wd_top_cloud_hosting .bold { color: #f4a930; } .wd_top_cloud_hosting .wd_box p { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #7478a7; line-height: 16px; text-align: justify; } .wd_top_cloud_hosting .wd_box ul { margin: 10px 0 0; } .wd_top_cloud_hosting .wd_box ul li { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #7478a7; font-weight: 700; background: url(../img/cloud/cloud_hosting_tick.png) no-repeat left top; padding: 0 0 4px 18px; } .wd_top_cloud_hosting a.readmore { font-size: 11px; color: #999; text-decoration: underline; } .wd_top_cloud_hosting a.readmore:hover { text-decoration: none; } #wd_header div.header_cloud_image { background: url(../img/cloud/cloud_hosting_banner.png) no-repeat top left; width: 980px; height: 329px; position: relative; } #wd_header div.header_cloud_image.mac { background: url(../img/cloud/cloud_hosting_mac_banner.png) no-repeat top left; width: 980px; height: 329px; position: relative; } #wd_header div.header_cloud_image.sold { background: url(../img/cloud/cloud_hosting_banner_sold.jpg) no-repeat top left; width: 980px; height: 329px; position: relative; } #wd_header div.header_cloud_image a.fullfeatures, #wd_header div.header_cloud_image a.fullfeatures:link, #wd_header div.header_cloud_image a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #646c76; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 460px; outline: none; } #wd_header div.header_cloud_image a.fullfeatures:hover { text-decoration: underline; } #wd_header div.header_cloud_image div#features { position: absolute; bottom: 77px; left: 272px; width: 666px; height: 120px; } #wd_header div.header_cloud_image div.basic_cloud { position: absolute; top: 0; left: 0; width: 182px; height: 172px; } #wd_header div.header_cloud_image div.advanced_cloud { position: absolute; top: 0; left: 242px; width: 182px; height: 172px; } #wd_header div.header_cloud_image div.pro_cloud { position: absolute; top: 0; left: 484px; width: 182px; height: 172px; } #wd_header div.header_cloud_image strong { display: block; height: 32px; line-height: 32px; font-family: Arial, sans-serif; font-size: 15px; padding: 0 0 0 32px; font-weight: 700; color: #666; text-transform: uppercase; text-align: left; } #wd_header div.header_cloud_image ul { position: absolute; top: 38px; left: 10px; width: 168px; } #wd_header div.header_cloud_image ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top; width: 146px; padding: 0 0 0 22px; height: 21px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; text-align: left; color: #5c90cf; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: normal; cursor: text; } #wd_header div.header_cloud_image a.more { position: absolute; top: 92px; right: 5px; width: 34px; height: 15px; text-indent: -9999px; display: block; } #wd_header div.header_cloud_image a.order { position: absolute; bottom: 0; right: 0; width: 70px; height: 38px; text-indent: -9999px; display: block; } /* CLOUD HOSTING END */ #wd_header div.header_semidedicated_image { background: url(../img/semidedicated/semidedicated_hosting_banner.png) no-repeat left center; width: 980px; height: 329px; position: relative; } #wd_header div.header_semidedicated_image a.fullfeatures, #wd_header div.header_semidedicated_image a.fullfeatures:link, #wd_header div.header_semidedicated_image a.fullfeatures:visited { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 12px; color: #646c76; font-weight: 700; display: block; position: absolute; bottom: 55px; left: 460px; outline: none; } #wd_header div.header_semidedicated_image a.fullfeatures:hover { text-decoration: underline; } #wd_header div.header_semidedicated_image div#features { position: absolute; bottom: 77px; left: 272px; width: 666px; height: 120px; } #wd_header div.header_semidedicated_image div.basic_sd { position: absolute; top: 0; left: 0; width: 182px; height: 172px; } #wd_header div.header_semidedicated_image div.advanced_sd { position: absolute; top: 0; left: 242px; width: 182px; height: 172px; } #wd_header div.header_semidedicated_image div.pro_sd { position: absolute; top: 0; left: 484px; width: 182px; height: 172px; } #wd_header div.header_semidedicated_image strong { display: block; height: 32px; line-height: 32px; font-family: Arial, sans-serif; font-size: 15px; padding: 0 0 0 32px; font-weight: 700; color: #666; text-transform: uppercase; text-align: left; } #wd_header div.header_semidedicated_image ul { position: absolute; top: 38px; left: 10px; width: 168px; } #wd_header div.header_semidedicated_image ul li { background: url(../img/hosting_pages/checked.png) no-repeat left top; width: 146px; padding: 0 0 0 22px; height: 21px; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; text-align: left; color: #666; text-shadow: 1px 1px 0 #fff; margin: 0 0 3px; line-height: 17px; cursor: text; } #wd_header div.header_semidedicated_image a.more { position: absolute; top: 92px; right: 5px; width: 34px; height: 15px; text-indent: -9999px; display: block; } #wd_header div.header_semidedicated_image a.order { position: absolute; bottom: 0; right: 0; width: 70px; height: 38px; text-indent: -9999px; display: block; } .wd_box ul { margin:10px 0;} .wd_box ul li { height:16px;line-height:16px;font-size:11px;padding:0 0 0 18px;background:transparent url(../img/index/box_ul_li_bg.png) left center no-repeat } .wd_box .best_award, .wd_box2 .best_award { margin:4px 0 0; } .best_award a {color:#969ab4;text-decoration:underline; } .best_award a:hover {color:#f4a930;} /* ************************** */ .wd_box2 {float:left;width:216px;margin:0 14px 0 0;} .wd_box2 .wd_title2 { display:block; color:#7478a7; height: 28px; line-height:27px; font-size:12px; padding:0 4px; text-align:center; background:transparent url(../img/index/box2_h4_bg.png) top right no-repeat } .wd_box2 .b_m_l_bg { background:#fff url(../img/index/b_m_l_r_bg.png) top left repeat-y } .wd_box2 .b_m_r_bg { background:transparent url(../img/index/b_m_l_r_bg.png) top right repeat-y } .wd_box2 .b_t_r_bg { background:transparent url(../img/index/b_t_r_bg.png) top right no-repeat;} .wd_box2 .b_t_l_bg { background:transparent url(../img/index/b_t_l_bg.png) top left no-repeat; padding:8px 10px 0;color:#56596c;} .wd_box2 .box2_b_bg { background:transparent url(../img/index/box2_b_bg.png) bottom left no-repeat;font-size:0;height:10px;width:216px;} .wd_box2 ul li { height:16px;line-height:16px;font-size:11px;padding:0 0 0 18px;background:transparent url(../img/index/box_ul_li_bg.png) left center no-repeat } /* ************************** */ .wd_box3 {float:left;width:506px;margin:0 14px 0 0;} .wd_box3 .wd_title3{ display:block; color:#7478a7; height: 28px; line-height:27px; font-size:12px; padding:0 4px; text-align:center; background:transparent url(../img/index/box3_h4_bg.png) top right no-repeat } .wd_box3 .b_m_l_bg { background:#fff url(../img/index/b_m_l_r_bg.png) top left repeat-y } .wd_box3 .b_m_r_bg { background:transparent url(../img/index/b_m_l_r_bg.png) top right repeat-y } .wd_box3 .b_t_r_bg { background:transparent url(../img/index/b_t_r_bg.png) top right no-repeat;} .wd_box3 .b_t_l_bg { background:transparent url(../img/index/b_t_l_bg.png) top left no-repeat; padding:8px 10px 0;color:#56596c;} .wd_box3 .box3_b_bg { background:transparent url(../img/index/box3_b_bg.png) bottom left no-repeat;font-size:0;height:10px;width:506px;} /* */ /* --- Index TV added by mignev --- */ .r_bg { position: relative; } .index_tv .l_bg .tv_tabs { margin: 0; padding: 0 6px 0 7px; width: 213px; height: 70px; overflow: hidden; cursor: pointer; } .index_tv .l_bg #tv_tabs_tab_1 { height: 71px; } .index_tv .l_bg #tv_tabs_tab_5 { height: 69px; } .index_tv .l_bg .active { background: transparent url(../img/index/tv_tab_hover_bg.png) 0 0 no-repeat; } .index_tv .l_bg #tv_tabs_tab_1.active { background-position: 0 0; } .index_tv .l_bg #tv_tabs_tab_2.active { background-position: 0 -71px; } .index_tv .l_bg #tv_tabs_tab_3.active { background-position: 0 -141px; } .index_tv .l_bg #tv_tabs_tab_4.active { background-position: 0 -211px; } .index_tv .l_bg #tv_tabs_tab_5.active { background-position: 0 -281px; } .index_tv .l_bg .tv_tabs h2, .index_tv .l_bg .tv_tabs h1 { height:20px;line-height:normal;margin:10px 0 0 0;padding: 0 0 0 27px; overflow: hidden; font-size: 16px; font-weight: 400px; font-family: Arial,Tahoma, sans-serif; color: #7478a7; } .index_tv .l_bg .tv_tabs.active h2, .index_tv .l_bg .tv_tabs.active h1 { color: #fe9d00; } .index_tv .l_bg #tv_tabs_tab_1 h1 { background: transparent url(../img/index/servers_icon.gif) center left no-repeat; } /* .index_tv .l_bg #tv_tabs_tab_2 h2 { background: transparent url(../img/index/plus_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_3 h2 { background: transparent url(../img/index/arrows_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_4 h2 { background: transparent url(../img/index/man_icon.gif) center left no-repeat; } .index_tv .l_bg #tv_tabs_tab_5 h2 { background: transparent url(../img/index/server_icon.gif) center left no-repeat; } */ .index_tv .l_bg .tv_tabs p { margin: 0 6px 0 3px; padding: 1px 0; font-size: 11px; color: #56596c; } .index_tv .l_bg .tv_tabs p strong { font-weight: 400; } .r_bg .r_content { padding: 4px 0 0 10px; } .r_bg .r_content h2 { height: 53px; line-height: 51px; font-size: 18px; font-weight: 400; font-family: Arial, sans-serif; color: #7478a7; } .r_bg .r_content .tv_img { width: 478px; height: 260px; overflow: hidden; padding: 10px 0 0 0; } .r_bg .r_content { height:323px; } .r_bg .r_content .tv_img{ background: transparent url(../img/index/tv_new_bg.jpg) 100% 0 no-repeat; } .r_bg .r_content .tv_tabs_tab_1 .tv_img { background-position:100% 0; } .r_bg .r_content .tv_tabs_tab_2 .tv_img { background-position:100% -270px; } .r_bg .r_content .tv_tabs_tab_3 .tv_img { background-position:100% -540px; } .r_bg .r_content .tv_tabs_tab_4 .tv_img { background-position:100% -810px; } .r_bg .r_content .tv_tabs_tab_5 .tv_img { background-position:100% -1080px; } .tv_text { color:#56596C;font-size:12px;margin:0 10px 10px;text-align:justify;height:90px;} .tv_img a, .tv_img a:link, .tv_img a:visited { color:#5a8ecd;} .tv_img a:hover { color:#7478A7;text-decoration:underline;} .r_bg .r_content .tv_img ul { margin: 0; padding: 0 0 0 15px; list-style: none; } .r_bg .r_content .tv_img ul li { margin: 0; padding: 0 0 0 18px; height: 20px; line-height: 20px; background: transparent url(../img/index/tick.gif) center left no-repeat; font-size: 12px; font-weight: 700; color: #7478a7; } .r_bg .r_content .tv_img ul li span { color: #f4a930; } .r_bg .r_content .tv_img .learn_more { width: 196px; height: 20px; line-height: 14px; text-align: right; } .r_bg .r_content .tv_img .learn_more a, .r_bg .r_content .tv_img .learn_more a:link, .r_bg .r_content .tv_img .learn_more a:visited { font-size: 11px; color: #999999; text-decoration: underline; } .r_bg .r_content .button { position: absolute; width: 186px; height: 50px; left: 20px; bottom: 26px; } .r_bg .r_content .price { position: absolute; width: 260px; height: 55px; right: 4px; bottom: 4px; background:transparent url(../img/index/price_bg.jpg) top right no-repeat; } .r_bg .r_content .price_logged { position: absolute; width: 266px; height: 74px; right: 22px; bottom: 23px; background:transparent url(../img/index/price_logged_bg.jpg) top right no-repeat; } .r_bg .r_content .price_valentine { position: absolute; width: 260px; height: 55px; right: 4px; bottom: 4px; background:transparent url(../img/index/price_valentine_tv_bg.jpg) top right no-repeat; } .r_bg .r_content .price_easter { position: absolute; width: 260px; height: 55px; right: 4px; bottom: 4px; background:transparent url(../img/index/price_easter_tv_bg.jpg) top right no-repeat; } .wd_box3 .t_content { width: 506px; height: 113px; position: absolute; background: transparent url(../img/index/testimonials/testimonials_bg.png) bottom center no-repeat; } .wd_box .t_content { width: 438px; height: 121px; position: absolute; background: transparent url(../img/hosting_pages/testimonials_438.png) bottom center no-repeat; } .t_content .t_title { height: 28px; background: transparent url(../img/index/testimonials/h_dots.gif) bottom left repeat-x; line-height: 28px; margin: 0 0 5px 0;} .t_content .t_title span { font-weight: 700; color: #56596c; font-size: 11px; } .t_content .t_title .rev { float: left; } .t_content .t_title .dat_rev { float: right; } .t_content .summary { display: block; height: 44px; margin: 0; overflow: hidden; } .t_content .stars_text { width: 506px; height: 28px; } .wd_box .t_content .stars_text { width: 438px; height: 28px; } .t_content .stars_text .stars, .t_content .stars_text .rating_text { float: left; width: 79px; padding: 10px 0 0 7px; } .t_content .stars_text .stars img { margin: 0 2px 0 0; } .t_content .stars_text .rating_text { width: 410px; padding: 0 0 0 10px; line-height: 26px; } .wd_box .t_content .stars_text .rating_text { width: 342px; padding: 0 0 0 10px; line-height: 26px; } .t_content .stars_text .rating_text .rating { float: left; } .t_content .stars_text .rating_text a { float: right; margin: 0 10px 0 0; color: #7478a7; } /* --- /Index TV added by mignev --- */ /*.disclaimer { margin:0 auto;width:980px;height:27px;line-height:26px;font-size:11px;color:#ababab;text-align:center;background: transparent url(../img/disclaimer_bg.png) top left no-repeat;}*/ .disclaimer_top { margin:0 auto;width:980px; background: transparent url(../img/disclaimer_bottom.png) bottom left no-repeat; } .disclaimer_bottom { margin:0 auto; width:960px; padding: 5px 10px; line-height:19px;font-size:11px;color:#ababab;text-align:center; background: transparent url(../img/disclaimer_top.png) top left no-repeat;} /*POP UP PROMOS */ #sixtydiscount, #seventydiscount, #eightydiscount, #cyberpopup, #freessl, #laborday995, #thanksgiving2011, #thanksgiving2011paid, #cybermonday2011, #christmas2011 { position: fixed; background: #fff; z-index: 9999; top: 50%; left: 50%; width: 916px; height: 410px; margin: -205px 0 0 -458px; background: url(../../img/popup_on_close_60discount.png) no-repeat left top; } #seventydiscount { background: url(../../img/popup_on_close_70discount.png) no-repeat left top; } #eightydiscount { background: url(../../img/popup_on_close_80discount.png) no-repeat left top; } #cyberpopup { background: url(../../img/popup_on_close_cyber.png) no-repeat left top; } #freessl { background: url(../../img/popup_on_close_freessl.png) no-repeat left top; } #laborday995 { background: url(../../img/popup_on_close_laborday995.png) no-repeat left top; } #thanksgiving2011 { width: 900px; height: 394px; margin: -197px 0 0 -450px; background: url(../../img/popup_on_close_thanksgiving2011.jpg) no-repeat left top; } #thanksgiving2011paid { width: 900px; height: 394px; margin: -197px 0 0 -450px; background: url(../../img/popup_on_close_thanksgiving2011paid.jpg) no-repeat left top; } #cybermonday2011 { width: 900px; height: 444px; margin: -222px 0 0 -450px; background: url(../../img/popup_on_close_cybermonday2011.jpg) no-repeat left top; } #christmas2011 { width: 900px; height: 394px; margin: -197px 0 0 -450px; background: url(../../img/popup_on_close_christmas2011.jpg) no-repeat left top; } #sixtydiscount a, #sixtydiscount a:link, #sixtydiscount a:visited, #seventydiscount a, #seventydiscount a:link, #seventydiscount a:visited, #eightydiscount a, #eightydiscount a:link, #eightydiscount a:visited, #cyberpopup a, #cyberpopup a:link, #cyberpopup a:visited, #freessl a, #freessl a:link, #freessl a:visited, #laborday995 a, #laborday995 a:link, #laborday995 a:visited, #thanksgiving2011 a, #thanksgiving2011 a:link, #thanksgiving2011 a:visited, #thanksgiving2011paid a, #thanksgiving2011paid a:link, #thanksgiving2011paid a:visited, #cybermonday2011 a, #cybermonday2011 a:link, #cybermonday2011 a:visited { position: absolute; bottom: 32px; left: 205px; width: 490px; height: 70px; background: url(../../img/popup_on_close_60discount_a.png) no-repeat left top; } #cyberpopup a, #cyberpopup a:link, #cyberpopup a:visited { background: url(../../img/popup_on_close_cyber_a.png) no-repeat left top; } #freessl a, #freessl a:link, #freessl a:visited { background: url(../../img/popup_on_close_freessl_a.png) no-repeat left top; } #laborday995 a, #laborday995 a:link, #laborday995 a:visited { background: url(../../img/popup_on_close_laborday_a.png) no-repeat left top; } #thanksgiving2011 a, #thanksgiving2011 a:link, #thanksgiving2011 a:visited { width: 497px; height: 57px; bottom: 52px; left: 190px; background: url(../../img/popup_on_close_thanksgiving2011_a.png) no-repeat left top; } #thanksgiving2011paid a, #thanksgiving2011paid a:link, #thanksgiving2011paid a:visited { width: 497px; height: 57px; bottom: 52px; left: 190px; background: url(../../img/popup_on_close_thanksgiving2011_a.png) no-repeat left top; } #cybermonday2011 a, #cybermonday2011 a:link, #cybermonday2011 a:visited { width: 496px; height: 76px; bottom: 52px; left: 190px; background: url(../../img/popup_on_close_cybermonday2011_a.png) no-repeat left top; } #christmas2011 a, #christmas2011 a:link, #christmas2011 a:visited { position: absolute; bottom: 5px; left: 205px;width: 497px; height: 103px; background: url(../../img/popup_on_close_christmas2011_a.png) no-repeat left top; } #cyberpopup a:hover { background: url(../../img/popup_on_close_cyber_a_hover.png) no-repeat left top; } #sixtydiscount a:hover, #seventydiscount a:hover, #eightydiscount a:hover { background: url(../../img/popup_on_close_60discount_a_hover.png) no-repeat left top; } #freessl a:hover { background: url(../../img/popup_on_close_freessl_a_hover.png) no-repeat left top; } #laborday995 a:hover { background: url(../../img/popup_on_close_laborday_a_hover.png) no-repeat left top; } #thanksgiving2011 a:hover { background: url(../../img/popup_on_close_thanksgiving2011_a.png) no-repeat left bottom; } #thanksgiving2011paid a:hover { background: url(../../img/popup_on_close_thanksgiving2011_a.png) no-repeat left bottom; } #cybermonday2011 a:hover { background: url(../../img/popup_on_close_cybermonday2011_a.png) no-repeat left bottom; } #christmas2011 a:hover { background: url(../../img/popup_on_close_christmas2011_a.png) no-repeat left bottom; } /**/ .sign_up_for_30_day_free_trial { margin:0 auto;width:468px;height:60px;background: transparent url(../img/sign_up_for_30_day_free_trial.png) top left no-repeat;} .r_stars { float:left;width:16px;height:16px;background: transparent url(../img/stars_empty.jpg) no-repeat top center;} .r_stars.full { background: transparent url(../img/stars_full.jpg) no-repeat top center; } .submit { float:right;width:102px;height:38px;text-indent:-9999px;background: transparent url(../wd_new/img/submit_btn.jpg) no-repeat top center; } .error { color:#f00;font-size:11px; } #mainColTutorials ul { margin:0 20px;} .tutorials_big_btn { text-align:center; padding:16px 0; } .tutorials_big_btn img { border:none; } /*#vps_to_cloud p.text {padding:0 40px;color:#56596C;margin:0 0 10px;font-size:12px;line-height:16px;} .vps_to_cloud_ul { margin:20px 60px; }*/ p.text {padding:0 40px;color:#56596C;margin:0 0 10px;font-size:12px;line-height:16px;} .yCardCnt p.text { padding:0; } .vps_to_cloud_ul li { color:#7478A7; font-weight:700; font-size:12px; line-height:20px; height:20px; padding:0 0 0 14px; background: transparent url(../img/list_disc_bg.gif) left 55% no-repeat; } .col { width:120px;float:left;padding:0 2px;position:relative; } .col.first { width:202px;float:left;padding:0 2px; } .column { border:1px solid #e1e1e1;border-top:none;background:#fff;} .arrow_to { position:absolute;top:-12px;left:-20px;width:30px;height:27px;background: transparent url(../img/vps_to_cloud_arrow.png) top center no-repeat;} .first .column p { text-align:left;} .column p { line-height:24px;font-size:11px;color:#56596c;text-align:center;margin:0;padding:0 12px;background: transparent url(../img/vps_to_cloud_table_td_bg.png) top center no-repeat;} .first .column p { background: transparent url(../img/vps_to_cloud_table_td_first_bg.png) top center no-repeat;} .important .col .column p { background: transparent url(../img/vps_to_cloud_table_td_important_bg.png) top center no-repeat;} .important .col .column p.none { background:#eff5f8; } .column p.none { background:none; } .col p.th { line-height:24px;font-size:11px;font-weight:700;color:#56596c;text-align:center;margin:0;padding:0 12px;background: transparent url(../img/vps_to_cloud_table_th_bg.png) top left repeat-x;text-align:left; } .wd_top_cloud_hosting .col p {margin:0;} .col p.heading { height:40px;line-height:39px;color:#587fa0;font-size:12px;padding:0;font-weight:700;font-family:Arial,Tahoma,Verdana,sans-serif;background: transparent url(../img/vps_to_cloud_table_heading_bg.png) top left repeat-x;} .col p.price { height:46px;line-height:45px;color:#56596c;font-size:14px;padding:0;font-weight:700;font-family:Arial,Tahoma,Verdana,sans-serif;background: transparent url(../img/vps_to_cloud_table_price_bg.png) top left repeat-x;} .col p.order_btn, .col p.signup_btn, .col p.tryfree_btn, .col p.table_free30daytrial_btn, .col p.upgrd_btn { padding:0;border:1px solid #fff;border-top:none;} .col p.order_btn a { display:block;height:45px;background: transparent url(../img/table_order_btn.png) center top no-repeat;} .col p.upgrd_btn a { display:block;height:45px;background: transparent url(../img/table_upgrade_btn2.png) center top no-repeat;} .col p.signup_btn a { display:block;height:45px;background: transparent url(../img/table_signup_btn.png) center top no-repeat;} .col p.tryfree_btn a { display:block;height:45px;background: transparent url(../img/table_tryfree_btn.png) center top no-repeat;} .col p.table_free30daytrial_btn a { display:block;height:45px;background: transparent url(../../wd_new/img/table_free30daytrial.png) center top no-repeat;} .col p.green { color:#04a700;font-weight:700;} .col p.price2 { line-height:45px;font-size:22px;padding:0;font-weight:400;font-family:Arial,Tahoma,Verdana,sans-serif;background: transparent url(../img/vps_to_cloud_table_price_bg.png) top left repeat-x;} .check_yes { display:block;width:14px;height:24px;margin:0 auto;background: transparent url(../img/vps_to_cloud_yes.png) center left no-repeat;text-align:left;} .important .check_yes { background: transparent url(../img/vps_to_cloud_yes_important.png) center left no-repeat;} .important .check_green { background: transparent url(../img/vps_to_cloud_yes_green.png) center left no-repeat;} .check_no { display:block;width:14px;height:24px;margin:0 auto;background: transparent url(../img/vps_to_cloud_no_bg.png) center left no-repeat;text-align:left;} .features_list_bg { width:980px;margin:0 auto;background: transparent url(../img/wd_content_top_bg_cloud_hosting.png) top center no-repeat} .wd_top_cloud_hosting p {margin:0 0 10px} .h_line_bg { background: transparent url(../img/h_line_bg.png) bottom center no-repeat} /* AFTER DL TEMPLATE THANK YOU */ div.thankyou_msg { background: #ffe7bd; padding: 3px; } div.thankyou_msg div { background: #fffbee; border: 1px solid #ffbf4e; text-align: center; padding: 20px 0; } div.thankyou_msg h3 { font-family: 'Microsoft Sans Serif', Arial, sans-serif; font-size: 30px; color: #f3a321; font-weight: 400; } div.thankyou_msg p { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px; color: #777; margin: 6px 0 0; line-height: normal; } div.thankyou_msg p a, div.thankyou_msg p a:link, div.thankyou_msg p a:visited { color: #f3a321; text-decoration: underline; } div.thankyou_msg p a:hover { text-decoration: none; } div.thankyou_promo { background: #c9e6f9; padding: 3px; margin: 14px 0 0; } div.thankyou_promo div { position: relative; width: 944px; height: 549px; border: 1px solid #fff; background: url(../../img/special_offers/thankyou_promo.jpg) no-repeat left top; } div.thankyou_promo div a#signup { position: absolute; bottom: 22px; right: 22px; width: 240px; height: 70px; display: block; text-indent: -9999px; font-size: 0; background: url(../../img/special_offers/thankyou_signup.png) no-repeat left top; outline: none; cursor: pointer; } div.thankyou_promo div a#signup:hover { background: url(../../img/special_offers/thankyou_signup.png) no-repeat left bottom; } /* */ /* CS Cart Pages */ div.cscart_header_image { position: relative; background: url(../img/cscart/cscart_splash.jpg) no-repeat left center; height: 289px; } div.cscart_header_image.business { position: relative; background: url(../img/cscart/cscart_business_splash.jpg) no-repeat left center; height: 289px; } div.cscart_header_image div.getstarted { position: absolute; top: 236px; left: 269px; } div.cscart_header_image div.getstarted a { display: block; text-indent: -9999px; font-size: 0; width: 206px; height: 40px; } #cscart, #semidedicated { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #666; } #semidedicated { padding: 10px 0; } #cscart h3, #ws_wizard_div h1, #semidedicated h3 { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: 700; color: #7478A7; line-height: 26px; } #semidedicated h3 { line-height: normal; } #cscart div.features { float: left; width: 708px; margin: 20px 0 30px; } #semidedicated div.features { float: left; width: 574px; margin: 20px 0 30px; } #semidedicated div.features { width: 100%; } #semidedicated div.features { margin: 0; } #cscart div.features div { float: left; width: 260px; font-size: 11px; padding: 0 0 0 70px; margin: 0 0 30px; } #semidedicated div.features div { float: left; font-size: 12px; line-height: 16px; padding: 20px 20px 20px 70px; width: 376px; border-top: 1px solid #ddd; margin: 0; } #cscart div.features div h4, #semidedicated div.features div h4 { margin: 0 0 6px; } #cscart div.features div p { margin: 0; } #cscart div.features div p a, #semidedicated div.features div p a { text-decoration: underline; } #cscart div.features div p a:hover, #semidedicated div.features div p a:hover { text-decoration: none; } #cscart div.features div.nor_first { background: url(../img/cscart/icon_servers.png) no-repeat left center; margin: 0 30px 0 0; } #cscart div.features div.nor_two { background: url(../img/cscart/icon_in.png) no-repeat left center; } #cscart div.features div.nor_three { background: url(../img/cscart/icon_fullbasket.png) no-repeat left center; margin: 0 30px 0 0; } #cscart div.features div.nor_four { background: url(../img/cscart/icon_bullseye.png) no-repeat left center; margin: 0; } #cscart div.features div.bis_first { background: url(../img/cscart/icon_optimized_servers.png) no-repeat left center; margin: 0 30px 0 0; } #cscart div.features div.bis_two { background: url(../img/cscart/icon_more_resources.png) no-repeat left center; } #cscart div.features div.bis_three { background: url(../img/cscart/icon_premium.png) no-repeat left center; margin: 0 30px 0 0; } #cscart div.features div.bis_four { background: url(../img/cscart/icon_free.png) no-repeat left center; margin: 0; } #cscart div.features div h4 { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #8fbd20; } #semidedicated div.features div h4 { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; color: #8fbd20; } /* semidedicated */ #semidedicated div.features div.first { background: url(../img/semidedicated/icon_more_resources.png) no-repeat left center; margin: 0 20px 0 0; } #semidedicated div.features div.two { background: url(../img/semidedicated/icon_lower_usage.png) no-repeat left center; } #semidedicated div.features div.three { background: url(../img/semidedicated/icon_priority_support_services.png) no-repeat left center; margin: 0 20px 20px 0; border-bottom: 1px solid #ddd; } #semidedicated div.features div.four { background: url(../img/semidedicated/icon_daily_backup.png) no-repeat left center; margin: 0 0 20px; border-bottom: 1px solid #ddd; } /* */ /* Website Wizard Pages */ div.ws_wizard_header_image { position: relative; background: url(../img/ws_wizard/wizard_splash.jpg) no-repeat left center; height: 459px; } div.ws_wizard_header_image div.getstarted { position: absolute; bottom: 30px; right: 54px; } div.ws_wizard_header_image div.getstarted a { display: block; text-indent: -9999px; font-size: 0; width: 228px; height: 36px; } #ws_wizard_div p { text-align: justify; } #ws_wizard_div div.features div.nor_first { background: url(../img/ws_wizard/icon_designs.png) no-repeat left center; margin: 0 30px 0 0; } #ws_wizard_div div.features div.nor_two { background: url(../img/ws_wizard/icon_domain.png) no-repeat left center; } #ws_wizard_div div.features div.nor_three { background: url(../img/ws_wizard/icon_ui.png) no-repeat left center; margin: 0 30px 0 0; } #ws_wizard_div div.features div.nor_four { background: url(../img/ws_wizard/icon_traffic.png) no-repeat left center; margin: 0; } .fclr{clear:both;font-size:0;line-height:0;} .section { padding:14px;color:#9799A4; } .section h3 { color:#7478a7;font-size:12px;font-weight:700;line-height:18px;height:20px;margin:0 0 10px;background: url(../img/index/dots.gif) bottom left repeat-x;} .section p { margin:0 0 10px;text-align:justify } .fitem {float:left;width:225px;height:300px;margin-right:16px;} .h_item {height:52px;background: url(../img/index/new_footer_bg.png) 0 0 no-repeat;padding:16px 16px 0 70px;} .h_item h3 {background: none;color:#7478a7;font-size:12px;font-weight:700;text-shadow:1px 1px #fff;line-height:16px;} .h_item.one {background-position:0 0;} .h_item.two {background-position:0 -68px;} .h_item.three {background-position:0 -136px;padding-left:64px;padding-right:14px;} .h_item.four {background-position:0 -204px;} .ff_item {height:45px;background: url(../img/index/new_footer_bg.png) 0 -272px no-repeat;padding:6px 10px;} .ff_item a:link, .ff_item a:hover, .ff_item a:visited { color:#999999;font-size:12px;font-weight:700;text-decoration:none;font-family:Tahoma,Arial,Verdana,sans-serif;} .ff_item a:hover { color:#7478a7; } .ff_item p {margin:0;line-height:14px;text-align:left} #joomla_index h1.jTitle { padding:0 60px;height:47px;font-family: Arial,Tahoma,Verdana,sans-serif;font-size:20px;margin:0;line-height:46px;background: url(/joomla-hosting/images/j16_h1_title.png) no-repeat left center;color:#fff;text-align:center; } .jThumbs { background: url(/joomla-hosting/images/jSeparator.png) no-repeat center center;overflow:hidden; } .jImg1 { float:left;width:206px;margin:0 0 0 20px } .jImg2 { float:right;width:206px;margin:0 20px 0 0 } #joomla_index .jImg1 p, #joomla_index .jImg2 p { text-align:center; margin:0 0 2px;font-family: Arial,Tahoma,Verdana,sans-serif;font-size:12px;color:#fb8a00;font-weight:700; } .jPrev { float:left;width:104px;height:26px;background: url(/joomla-hosting/images/jPrev.png) no-repeat 0 0; } .jDownload { float:left;width:102px;height:26px;background: url(/joomla-hosting/images/jDownload.png) no-repeat 0 0; } .jPrev:hover, .jDownload:hover { background-position: 0 100% } /* NEW PAGE TEMPLATES AND TUTORIALS */ .nclr:after { clear:both;content:"";display:block; } .nclr { zoom:1 } #mainCol, #mainColTutorials { font-size:12px; } #mainCol, #mainColTutorials { float:left;width:736px; } #mainCol .title { background: transparent url(/fw/img/leftcol/leftCol-sprite2.gif) no-repeat 100% 0;height:25px;line-height:25px;color:#fe9d00;text-shadow:1px 1px #fff;font-size:12px;margin:0;padding:2px 10px 0; } #mainCol .panel { border:1px solid #e1e1e1;border-bottom:none;color:#56596C;font-family:Arial;background: #fff url(/fw/img/leftcol/main-shadow.gif) repeat-x 0 0; text-align:justify;position:relative; } #mainColTutorials .panel { border:1px solid #e1e1e1;border-bottom:none;color:#56596C;font-family:Arial;background: #fff url(/fw/img/leftcol/main-shadow.gif) repeat-x 0 0; text-align:justify;position:relative; } #mainCol .wTabs { clear:both;border-top:none;padding:0 1px 1px;background-image:none; } #mainCol .border { background: #fff url(/fw/img/leftcol/main-shadow.gif) repeat-x 0 0;padding:14px 20px 20px; } #mainCol .panel a, #mainCol .panel a:link, #mainCol .panel a:visited { color:#7478a7;text-decoration:underline; } #mainCol .panel a:hover { color:#fe9d00;text-decoration:underline; } #mainCol .panel p { margin: 0 0 14px } #mainCol .panel h1 ,#mainCol .panel h2 { color:#56596C;font-size:12px;font-weight:700;margin:0 0 8px;} #mainCol .sub-title { background: #fff url(/fw/img/leftcol/sub-title-bg.gif) repeat-x 0 0;position:relative;margin: 10px -10px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color: #7478A7;font-size: 12px;height: 25px;line-height: 25px;padding: 2px 10px 0;text-shadow: 1px 1px #FFFFFF;text-align:center } #mainCol .end-panel, #mainColTutorials .end-panel { margin:0 0 14px;background: transparent url(/fw/img/leftcol/leftCol-sprite2.gif) no-repeat 100% 100%;height:5px;font-size:0;line-height:0; } #mainCol .list, #mainCol .olist { margin:20px 10px 0; } #mainCol .list li { background: transparent url(/fw/img/leftcol/arrow.gif) no-repeat 3px 3px;padding: 0 18px 14px} #mainCol .olist li { background: transparent url(/fw/img/leftcol/oarrow.gif) no-repeat 3px 2px;padding: 0 18px 14px } #mainCol .source { background-color: #f8f8f8;border: 1px solid #d5d5d5;font-family: 'Courier New',Courier,monospace;padding: 14px; } #mainCol .imsg { border:1px solid #d5d5d5;padding: 14px 14px 14px 54px;background: transparent url(/fw/img/leftcol/icons.gif) no-repeat 0 50%;} #mainCol .imsg.info { border-color: #81CDD8;color:#369CAB;background-position: 0 50%;} #mainCol .imsg.success { border-color: #A6DD88;color:#539B2D;background-position: -800px 50%;} #mainCol .imsg.error { border-color: #FF936F;color:#842100;background-position: -1600px 50%;} #mainCol .imsg.warning { border-color: #E5E181;color:#666;background-position: -2400px 50%;} #mainCol .video { margin:26px 0;text-align:center; } #mainCol .tabs { overflow:hidden;position:relative; } #mainCol .tabs .BookmarkPrint { position:absolute;top:7px;right:0;padding:0;height:auto; } #mainCol .panel .BookmarkPrint { position:absolute;top:14px;right:19px;padding:0;height:auto; } #mainCol .tabs ul { float: left;height: 32px;border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;width:100%; } #mainCol .tabs li { float: left;height: 31px;line-height: 31px;border: 1px solid #e1e1e1;border-left: none;background: #fff url(/fw/img/leftcol/tab-bg.gif) repeat-x 0 0;overflow: hidden;position: relative; } #mainCol .tabs li a, #mainCol .tabs li a:link, #mainCol .tabs li a:visited { text-decoration: none;color: #999;display: block;font-size: 12px;padding: 0 10px;text-shadow:1px 1px #fff;border: 1px solid #fff; } #mainCol .tabs li a:hover { color:#5689c9; } #mainCol .tabs li.active a { color:#5689c9; } #mainCol .tabs li.active, #mainCol .tabs li.active a:hover { background: #f2f2f2;border-bottom: 1px solid #f2f2f2;color:#5689c9; } #mainCol #t-filters { border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height:45px;position:relative;z-index:300; } #mainCol a.select-box, #mainCol a.select-box:link, #mainCol a.select-box:visited { float:left;margin:10px 40px 12px 0;height: 23px;line-height:22px;font-size:12px;border: 1px solid #CCCCCC;cursor: pointer;width:100px;padding:0 20px 0 10px;text-decoration:none;background: transparent url(/fw/img/leftcol/select-box-arrow.gif) 100% center no-repeat; } #mainCol #t-filters a.active { color:#fe9d00; } #filter-panel { position:absolute;top:34px;left:0;border:1px solid #ccc;background:#f3f3f3;width:212px;display:none; } #filter-panel input { margin:10px 0 0 10px;padding:0;float:left;width:14px;height:14px; } #filter-panel label { padding:0 10px;width:60px;float:left;margin:10px 0 0; } #filter-panel .line { clear:both;height:1px;background:#ccc;border-bottom:1px solid #fff;font-size:0; margin:10px 0;} #filter-panel a.button, #filter-panel a.button:link, #filter-panel a.button:visited { background: url("/fw/img/leftcol/orange-button.gif") no-repeat scroll right top transparent;cursor: pointer;float:left;margin:0 0 10px 20px;text-decoration:none; } #filter-panel a.button span { background: url("/fw/img/leftcol/orange-button.gif") no-repeat left top transparent;color: #fff;float: left;font-size:12px;line-height: 24px;margin: 0 8px 0 -8px;padding: 0 0 0 8px; } #filter-panel a.button.right { float:right;margin:0 12px 0 0; } #select-colors { float:left;height:45px;line-height:42px; } #select-colors span { float:left;height:45px;line-height:42px; } #select-colors .colors { float:left;padding: 0 10px; } #select-colors .colors a { float:left;height:45px;margin:0 10px; } #select-colors .colors a span { background:#ccc;padding:1px;margin:10px 0;height:23px;} #select-colors .colors a span span { width:21px;height:21px;border:1px solid #fff;margin:0;padding:0;cursor:pointer; } #select-colors .colors a.active span span, #select-colors .colors a.active:link span span, #select-colors .colors a.active:visited span span { background-image: url("/wd_new/img/new-layout/check.png");background-position:50% 50%;background-repeat:no-repeat;cursor:pointer; } #select-colors .colors a:hover span { background:#555; } #list-templates { overflow:hidden;width:100%;position:relative;z-index:200; } #list-templates li { border:1px solid #e1e1e1;background:#f2f2f2;width:112px;float:left;height:156px;padding:4px 3px;margin:20px 23px 0px 0;text-align:center;overflow:hidden; } #list-templates li .t-name { color:#56596c;padding:0 0 4px 0;margin:0;font-size:11px;display:block; } #list-templates li .t-thumb { width:108px;height:116px;border:1px solid #8b8c88;margin:0 auto 6px; } #list-templates li a.t-img, #list-templates li a.t-img:link, #list-templates li a.t-img:visited { display:block;position:relative; } #list-templates li a.t-img img { position:absolute;top:0;left:0;display:block;cursor:pointer; } #list-templates li a.t-img:hover span { position:absolute;top:0;left:0;display:block;width:108px;height:116px;background: url("/wd_new/img/new-layout/zoom.png") no-repeat 0 0 transparent; } #list-templates li .t-version, #list-templates li a.t-details { float:left;height:14px;line-height:13px; } #list-templates li .t-version { overflow:hidden; } #list-templates li .t-version img { float:left;height:14px;margin:0 4px 0 0; } #list-templates li .t-version span { float:left;height:14px;line-height:13px; } #list-templates li a.t-details, #list-templates li a.t-details:link, #list-templates li a.t-details:visited { float:right;color:#56596c;text-decoration:none; } #mainCol #pag { overflow:hidden;margin:20px 0 0 0; } #mainCol .paging { overflow:hidden;width:580px;float:left; } #mainCol .paging li { float:left;margin:0 6px 0 0; } #mainCol .paging li a, #mainCol .paging li a:link, #mainCol .paging li a:visited { float:left;margin:0 0 0 6px;background: url("/wd_new/img/new-layout/paging.gif") no-repeat 100% 0 transparent;padding:0 6px 0 0;height:17px;text-decoration:none; } #mainCol .paging li a span { float:left;color:#999;margin:0 0 0 -6px;padding:1px 0 0 6px;background: url("/wd_new/img/new-layout/paging.gif") no-repeat 0 0 transparent;height:16px;line-height:16px;font-size:11px;text-decoration:none;cursor:pointer; } #mainCol .paging li a:hover span, #mainCol .paging li.active a span { color:#fe9d00; } #mainCol a.viewAll, #mainCol a.viewAll:link, #mainCol a.viewAll:visited { float:right; } #t-modal { position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9998;opacity: 0.8;filter: alpha(opacity=80); } #t-modalbox { position:fixed;top:50%;left:50%;margin:-280px 0 0 -440px;z-index:9998;background: url("/wd_new/img/new-layout/details-bg.png") no-repeat 0 0 transparent;width:880px;height:560px; } #t-modalbox a.big-thumb, #t-modalbox a.big-thumb:link, #t-modalbox a.big-thumb:visited { position:absolute;top:29px;left:30px;display:block;background:#fff;padding:1px;border:1px solid #ccc; width: 426px; height: 496px; background-image: url('/fw/img/preloader_overlay.gif'); background-repeat: no-repeat; background-position: center center;} #t-modalbox a.t-close, #tmodalbox a.t-close:link, #tmodalbox a.t-close:visited { position:absolute;top:20px;right:20px;width:20px;height:20px;background: url("/wd_new/img/new-layout/t-close-btn.png") no-repeat 0 0 transparent;display:block; } #t-modalbox .t-info { position:absolute;top:30px;left:480px;width:370px;height:500px;text-align:left; } #t-modalbox .t-info h3 { color:#4596ec;font-size:20px;margin:10px 0 0;height:25px;overflow:hidden; } #t-modalbox .t-info p { color:#4596ec;font-size:12px;color:#777;height:90px;padding:12px 0;overflow:hidden;margin:0;line-height:18px;text-align:justify; } #t-modalbox .more-info { border:1px solid #e1e1e1;background:#fff;padding:1px;height:150px;overflow:hidden; } #t-modalbox .more-info h5 { background: url("/wd_new/img/new-layout/t-moreinfobox-shadow.gif") repeat-x 0 0 transparent;border-bottom:1px solid #e1e1e1;padding:1px 10px 0;height:21px;line-height:21px;color:#56596c;font-size:11px;font-weight:700;margin:0 0 10px; } #t-modalbox .more-info dl { margin:0;padding:0 20px 20px;overflow:hidden;color:#56596c;font-size:12px;font-weight:400; } #t-modalbox .more-info dt { clear:both;float:left;line-height:24px;width:110px;background: url("/wd_new/img/new-layout/dot.gif") repeat-x 0 100% transparent; } #t-modalbox .more-info dd { float:right;width:216px;line-height:24px;text-align:right;background: url("/wd_new/img/new-layout/dot.gif") repeat-x 0 100% transparent; } #t-modalbox a.l-arrow, #tmodalbox a.l-arrow:link, #tmodalbox a.l-arrow:visited, #t-modalbox a.r-arrow, #tmodalbox a.r-arrow:link, #tmodalbox a.r-arrow:visited { position:absolute;top:260px;width:50px;height:50px;background: url("/wd_new/img/new-layout/t-arrows.png") no-repeat 0 0 transparent;display:block; } #t-modalbox a.l-arrow, #tmodalbox a.l-arrow:link, #tmodalbox a.l-arrow:visited { left:-60px; } #t-modalbox a.r-arrow, #tmodalbox a.r-arrow:link, #tmodalbox a.r-arrow:visited { right:-60px;background-position:100% 0; } #t-modalbox a.l-arrow:hover { background-position: 0 100%; } #t-modalbox a.r-arrow:hover { background-position:100% 100%; } #t-modalbox a.demo, #t-modalbox a.demo:link, #t-modalbox a.demo:visited { background: url("/wd_new/img/new-layout/demo-download.gif") no-repeat 0 0 transparent;width:170px;height:37px;float:left; } #t-modalbox a.demo:hover { background-position: 0 100%; } #t-modalbox a.download, #t-modalbox a.download:link, #t-modalbox a.download:visited { background: url("/wd_new/img/new-layout/demo-download.gif") no-repeat 100% 0 transparent;width:170px;height:37px;float:right; } #t-modalbox a.download:hover { background-position: 100% 100%; } #templates-placeholder { clear:both; } .notemplates { margin:20px auto;display:block;padding:0 0 0 42px;background: url("/wd_new/img/new-layout/Info-icon.png") no-repeat 0 0 transparent;height:32px;line-height:32px; } #mainColTutorials H1{color:#FDA30A;font-family:Arial,Tahoma,Verdana,sans-serif;font-size:18px;font-weight:700;margin:0;padding:3px 0;border-bottom:1px solid #E2E2E2;text-align:center} #mainColTutorials .Title{font-family:tahoma, sans-serif;font-size:12px;text-decoration:none;color:#6E73A3;font-weight:700} #mainColTutorials h2 {color:#FDA30A;font-family:Arial,Tahoma,Verdana,sans-serif;font-size:13px;font-weight:700;margin:0;padding:10px 0;text-align:center} #mainColTutorials p { font-family:Tahoma, Verdana, Helvetica, sans-serif;color:#56596c;background-color:transparent;font-size:12px} #mainColTutorials .video_box{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:5px 0;color:#56596c;font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;margin:5px 0} #mainColTutorials .video_box a:link,#mainColTutorials .video_box a:visited{color:#FDA30A;font-weight:700;text-decoration:underline} #mainColTutorials .url{font-family:'Courier New',Courier,monospace;font-size:10pt} #mainColTutorials .source{font-family:'Courier New',Courier,monospace;font-size:10pt;padding:10px;background-color:#f9f9f9;border:1px solid #ececec} #mainColTutorials .note{font-family:Arial, Helvetica, sans-serif} #mainColTutorials .TitleRed{font-family:tahoma, sans-serif;font-size:13px;text-decoration:none;color:#ff0000;font-weight:700} #mainColTutorials .ttext1{color:#48a2c0;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:90%;font-weight:700;text-decoration:none;text-align:center} #mainColTutorials a.ttext1:link{color:#48a2c0;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:70%;font-weight:700;text-decoration:none} #mainColTutorials a.ttext2{font-family:Arial, Helvetica, sans-serif;color:#7478a7;font-size:75%;font-weight:700;line-height:100%;text-decoration:none} #mainColTutorials ul li{font-family:Tahoma, Verdana, Helvetica, sans-serif;color:#56596c;background-color:transparent;font-size:12px;text-align:justify;list-style:none;background:transparent url('/img/arrow9.gif') no-repeat left 7px;padding-bottom:5px;padding-left:12px} #mainColTutorials ul.contents li{font:normal 75% Tahoma, Verdana, Helvetica, sans-serif;list-style:url(https://www.siteground.com/img/bullet9.gif)} #mainColTutorials ul.contents p{font-size:100%} .copyright{font-family:Arial, Helvetica, sans-serif;font-style:italic;font-size:70%;color:#999999} .copyright a:hover{color:#999;text-decoration:none} .Bold{color:#56596c;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-weight:700} #mainColTutorials hr{color:#e2e2e2;background:#e2e2e2;border:0;height:1px} #tutorial-menu .menutext{font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:70%;text-decoration:none;color:#6E73A3;font-weight:700} #tutorial-menu a.menutext:hover{color:#7478a7;text-decoration:underline} .Title{font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;font-size:11px;text-decoration:none;color:#6E73A3;font-weight:700} .TitleW{font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;font-size:11px;text-decoration:none;color:#48A2C0;font-weight:700} #templates-content p{font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;color:#56596c;background-color:transparent;font-size:12px} #templates-content h1{font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:14px;font-weight:700;text-align:center;padding:4px 0;margin:0;color:#FB8A00} #templates-content h2{color:#48a2c0;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:13px;font-weight:700;text-align:center} #templates-content .p{font-family:Verdana, Tahoma, Helvetica, sans-serif;color:#56596c;background-color:transparent;font-size:70%;text-align:justify} #templates-content .OrangeTitle2{font-family:tahoma, sans-serif;font-size:12pt;font-weight:700;color:#FB8A00} #tgallery a.OrangeTitle3,#tgallery a.OrangeTitle3:link,#tgallery a.OrangeTitle3:hover,.tgallery a.OrangeTitle3,.tgallery a.OrangeTitle3:link,.tgallery a.OrangeTitle3:hover{font-family:tahoma, sans-serif;font-size:14px;font-weight:700;color:#FB8A00;padding:2px 0;text-decoration:none} #templates-content .OrangeTitle3{font-family:tahoma, sans-serif;font-size:14px;font-weight:700;color:#FB8A00;padding:2px 0} #templates-content .OrangeTitle1{font-family:tahoma, sans-serif;font-size:10pt;font-weight:700;color:#FB8A00} #templates-content .Compare{font-family:tahoma, sans-serif;font-size:11px;color:#FDA30A;text-align:justify;text-decoration:none} #templates-content .WaterTitle{font-family:tahoma, sans-serif;font-size:9pt;color:#48A2C0;font-weight:700} #templates-content .Box6Text{font-family:tahoma, verdana, sans-serif;font-size:8pt;color:#56596C;text-decoration:none;text-align:justify} #templates-content .Line{background-image:url('images/line_bg.gif');background-repeat:repeat-x;height:15px} #templates-content .Error{font-family:verdana, sans-serif;font-size:9pt;color:#FF4642;font-weight:700} #templates-content .MainText{font-family:Tahoma,Arial,Verdana,Garuda,Helvetica,Kalimati,sans-serif;font-size:12px;color:#56596C;text-align:justify;text-decoration:none} #templates-content .MainText a:link,#templates-content .MainText a:visited,#templates-content .MainText a:hover{color:#48A2C0} #templates-content .Box5{border:#D4D0C8 1px solid;background-color:#FFFFE7;font-family:tahoma, sans-serif;font-size:9pt;color:#56596C;text-decoration:none;padding:8px;border-collapse:collapse} #templates-content .Box5 #country,.Box5 #states{font-size:8pt} #templates-content .TextField1{background-color:#FFFFFF;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:1px;border-color:#D4D0C8;border-style:solid;height:18px;width:170px} #templates-content .Note{font-family:verdana, sans-serif;font-size:8pt;color:#7f7f7f;text-align:justify;text-decoration:none;font-style:italic} #templates-content .MainText1{font-family:tahoma, sans-serif;font-size:9pt;color:#56596C;text-decoration:none} #templates-content .Box6a{border:#BDBDBA 1px solid;font-family:verdana, sans-serif;font-size:8pt;color:#5F5F5F;text-decoration:none;padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px;border-collapse:collapse} #templates-content .TextArea{background-color:#FFFFFF;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:1px;border-color:#D4D0C8;border-style:solid;height:80px;width:280px} #templates-content .Www{font-family:tahoma, sans-serif;font-size:11px;text-decoration:none;color:#56596C;font-weight:700} #templates-content .invorderfield{background-color:#FFFFE7;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:0;height:18px} #templates-content .TextField3a{background-color:#FFFFFF;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:1px;border-color:#D4D0C8;border-style:solid} #templates-content .OrderField3{font-family:tahoma, sans-serif;font-size:9pt;color:#56596C;font-weight:700;background-color:#FFFFE7;border:0;border-color:#D4D0C8;border-style:solid;height:18px;width:37px} #templates-content .TextAreaAffil{background-color:#FFFFFF;font-family:tahoma, sans-serif;font-size:8pt;color:#56596C;border:1px;border-color:#D4D0C8;border-style:solid;height:60px;width:430px} #templates-content .WaterTextJ{font-family:tahoma, sans-serif;font-size:9pt;color:#48A2C0;text-decoration:none;text-align:justify} #templates-content .More{font-family:tahoma, sans-serif;font-size:10px;text-decoration:none;color:#6E73A3} #templates-content A.More:hover{color:#6E73A3;text-decoration:underline} #templates-content .Country{background-color:#FFFFFF;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:1px;border-color:#D4D0C8;border-style:solid;height:18px} #templates-content .DomainSearchDrop{background-color:#FFFFFF;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:700;border:1px;border-color:#D4D0C8;border-style:solid;height:18px;width:50px} #templates-content .GreyNews{font-family:tahoma, sans-serif;font-size:11px;text-decoration:none;color:#56596C;padding-left:9px;padding-right:5px} #templates-content .MainText3{font-family:tahoma, sans-serif;font-size:9pt;color:#56596C;text-align:justify;text-decoration:none} #templates-content .Title{font-family:tahoma, sans-serif;font-size:13px;text-decoration:none;color:#6E73A3;font-weight:700} #templates-content .TitleW{font-family:tahoma, sans-serif;font-size:11px;text-decoration:none;color:#48A2C0;font-weight:700} #templates-content .Bullet6{background-image:url('images/bullet6.gif');width:34px;height:23px;background-repeat:no-repeat;padding-left:7px;font-family:tahoma, sans-serif;font-size:9pt;color:#ffffff;text-decoration:none;font-weight:700} #templates-content .Bold{color:#56596c;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:80%;font-weight:700} #templates-content .TextAreaWelcomeEmail{background-color:#F5F5FB;color:#56596C;font-family:tahoma, sans-serif;font-size:8pt;font-weight:400;border:1px;border-color:#D4D0C8;border-style:solid;height:320px;width:550px;padding:5px} #templates-content #tgallery .dotbg,#templates-content .tgallery .dotbg{background:url(img/dotbg.gif) bottom left repeat-x;margin:5px 0 0 5px} #ttable,.ttable{font-family:tahoma, sans-serif;font-size:8pt;color:#56596C} .Box3 .TopRow .Left{background:url(img/box3_top1.gif) 0 0 no-repeat;width:5px;height:5px;font-size:0} .Box3 .TopRow .Right{background:url(img/box3_top2.gif) 0 0 no-repeat;width:5px;height:5px;font-size:0} .Box3 .TopRow .Mid{background-color:#ffffe1;border-top:1px solid #fee5a7;font-size:0;line-height:0} .Box3 .BottomRow .Mid{background-color:#ffffff;border-bottom:1px solid #fee5a7;font-size:1px;line-height:1px} #templates-txt .WaterTitle{font-family:tahoma, sans-serif;font-size:9pt;color:#48A2C0;font-weight:700;text-align:center} #mainColTutorials .Box3 .TopRow .Left{background:url(img/box3_top1.gif) 0 0 no-repeat;width:5px} #mainColTutorials .Box3 .TopRow .Right{background:url(img/box3_top2.gif) 0 0 no-repeat;width:5px} #mainColTutorials .Box3 .TopRow .Mid{background-color:#ffffe1;border-top:1px solid #fee5a7;font-size:1px} #mainColTutorials .Box3 .BottomRow .Mid{background-color:#ffffff;border-bottom:1px solid #fee5a7;font-size:1px} #mainColTutorials .Box3 .MidRow .Title{font-size:100%;padding-left:55px;padding-top:8px;padding-bottom:3px} #mainColTutorials .Box3 .Bullet{color:#7378a6;margin-top:2px;margin-bottom:2px;padding-left:7px;background:url(img/bullet1.gif) left center no-repeat;text-align:left;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif} #mainColTutorials .Box3 .Bullet a:link,#mainColTutorials .Box3 .Bullet a:visited{color:#7378a6;text-decoration:none} #mainColTutorials .Box3 .Bullet a:hover{color:#7378a6;text-decoration:underline} #mainColTutorials .Box3 hr{width:97%;color:#fee5a7;background:#fee5a7;border:0;height:1px} #mainColTutorials .Box3 .MidRow table{width:100%} #mainColTutorials .Box3 .category{padding-left:10px;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif} #mainColTutorials .soft_category{width:100%;border:1px solid #fee5a7;background:url(img/yellow_bg.gif) top repeat-x;font-weight:700;font-size:11px;font-family:Tahoma,Arial,Verdana,sans-serif} #mainColTutorials .video_index td{padding-left:10px} #mainColTutorials .soft_category a:link,#mainColTutorials .soft_category a:visited{color:#7378a6;text-decoration:none;padding-left:7px;background:url(img/bullet1.gif) left center no-repeat} #mainColTutorials .soft_category a:hover{color:#7378a6;text-decoration:underline;padding-left:7px;background:url(img/bullet1.gif) left center no-repeat} #mainColTutorials .soft_category .title{padding-left:10px;font-size:11px;color:#48a2c0} #mainColTutorials .soft_category .title a:link,#mainColTutorials .soft_category .title a:visited{color:#48a2c0;text-decoration:none;background:none} #mainColTutorials .soft_category .title a:hover{color:#48a2c0;text-decoration:underline;background:none} #mainColTutorials .tutorials_description{width:100%;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:12px;font-weight:400;text-align:justify;color:#56596C} #mainColTutorials .tutorials_description td{vertical-align:top} #mainColTutorials .tutorials_description td p{margin:0 0 10px} #mainColTutorials .tutorials_description .name{width:25%;text-align:left;padding-left:0} #mainColTutorials .tutorials_description .name a:link,#mainColTutorials .tutorials_description .name a:visited,#mainColTutorials .tutorials_description .name a:hover{background:url(img/bullet9.gif) left center no-repeat;padding-left:15px;font-size:12px} .down_agree{color:#336699;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:10px} #dropdown input,select,textarea{margin:0;font-family:verdana, arial, hevetica, sans-serif;font-size:9px;font-weight:400} #dropdown optgroup{font-style:normal;font-family:verdana, arial, hevetica, sans-serif;font-size:9px;text-decoration:none} #dropdown .orange{background:#F8A23A;color:white} #dropdown .green{background:#8DC54C;color:white} #dropdown .gray{background:#CAC6BA;color:white} #dropdown .orange2{color:#F8A23A} #dropdown .green2{color:#8DC54C} #dropdown .normal{font-weight:400} .JoomlaTemplatesBanner{background:url(img/joomla_templates_banner_bg.gif) repeat-x;border:1px dotted #bbbbbb;height:84px} .JoomlaTemplatesBanner .Banner{background:url(images/template_customize_banner.jpg) left center no-repeat;height:84px;text-align:right;padding-right:15px} .JoomlaTemplatesBanner .Banner1{background:url(images/template_customize_banner.gif) left center no-repeat;height:84px;text-align:right;padding-right:15px} .JoomlaTemplatesBanner .Slogan{padding-top:18px;font-size:120%} H5{font:bold 100% Arial, Helvetica, sans-serif;margin:0;padding:0} .JoomlaAddonsBox .Title{text-align:left;padding:5px 18px;background-color:#ffffe4;border:solid 1px #e2e2e2;font-size:120%} .JoomlaAddonsBox .Addon-container{border-left:solid 1px #e2e2e2;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;text-align:left} .JoomlaAddonsBox table{width:98%} .JoomlaAddonsBox table td.FirstCol{width:70%;padding:10px 18px} .JoomlaAddonsBox table td.SecondCol{padding:10px 5px;text-align:center} .JoomlaAddonsBox .HowTo{background:url(img/icon_question.gif) left top no-repeat;padding-left:20px;height:14px} .JoomlaAddonsBox .MoreInfo{background:url(img/arrow2.gif) 0 3px no-repeat;padding-left:20px;height:14px;margin-top:10px} .JoomlaAddonsBox hr{margin:3px 20px;padding:0} .temtitle{color:#666666;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700} .tempuse{color:#336699;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700} .WebpromotionTab{width:170px;margin:0 auto;text-align:left} .WebpromotionTab .Top{background:url(/img/webpromotion_top.gif) 0 0 no-repeat;text-align:center;height:43px} .WebpromotionTab .Mid{border-left:1px solid #a9d3e1;border-right:1px solid #a9d3e1;font-size:70%;height:90px} .WebpromotionTab .Mid div.Link{background:url(/img/bullet8.gif) 12px 3px no-repeat;padding-left:28px;margin:2px 0} .WebpromotionTab .Bottom{background:url(/img/webpromotion_bottom.gif) 0 0 no-repeat;text-align:center;height:8px} .BlueTab{background:url(/img/blue_tab_bg.gif) 0 0 no-repeat;padding-top:18px;text-align:center;height:63px;width:163px;margin:0 auto} .BlueTab1{background:url(/img/blue_tab_bg1.gif) 0 0 no-repeat;padding-top:18px;text-align:center;height:63px;width:123px;margin:0 auto} .BlueTab a,.BlueTab1 a{font:bold 12px Tahoma, Verdana, Helvetica, sans-serif;color:#7478a7;text-decoration:none} .BlueTab a:hover,.BlueTab1 a:hover{text-decoration:underline} .CheckThisBox-container{width:80%;background:url(img/check_this_bg1.gif) bottom repeat-x;margin:0 auto} .CheckThisBox{background:url(img/check_this_bg.gif) center top no-repeat;padding-top:30px;padding-bottom:15px;margin:0 20px} #pagenumnav{font-family:Tahoma,Arial,Verdana,sans-serif;font-size:11px;font-weight:700;width:100%;text-align:center} #pagenumnav a.nav1{display:inline-block;margin:0 0 6px;border:1px solid #cccccc;color:#7478a7;padding:2px 6px 3px} #pagenumnav a.nav1:hover{border:1px solid #cccccc;color:#fb8a00;padding:2px 6px 3px} #pagenumnav a.nav2{border:1px solid #cccccc;color:fb8a00;display:inline-block;margin:0 0 6px;padding:2px 6px 3px} #pagenumnav a.nav2:hover{border:1px solid #cccccc;color:#ff6600;padding:2px 6px 3px} .Reasons4Box{border:1px solid #e2e2e2} .Reasons4Box .OrangeTitle1{color:#fda30a;font:bold 80% Tahoma, Verdana, Helvetica, sans-serif} #videotutorial{width:560px;margin:0 auto;text-align:left;display:block} #mainColTutorials .category li{padding:0;list-style-image:none;list-style:none} #vtutorial{width:100%;margin:0 auto;text-align:center} #videotutorial .top{background:url(img/t-video-frame-top.jpg) top left no-repeat;width:560px;height:3px;font-size:1px} #videotutorial .middle{background:url(img/t-video-frame-middle.jpg) top left repeat-y;width:560px} #videotutorial .bottom{background:url(img/t-video-frame-bottom.jpg) top left no-repeat;width:560px;height:3px;font-size:1px} #videotutorial .video{background:url(img/t-video-frame-video.jpg) top left no-repeat;width:36px;height:36px;margin:1px;float:left} #videotutorial .text{float:left} #mainColTutorials .category .title{display:block;padding-left:5px;background-color:#f4fafd;border:1px solid #e2e2e2;font-size:11px;color:#56596c;height:15px;line-height:15px;font-family:Tahoma, Garuda, Helvetica,Geneva, sans-serif;font-weight:700} #videotutorial p{margin:0;padding:4px} .justify{text-align:justify} #mainColTutorials ul.index{color:#48a2c0;list-style:none;padding:0;margin:0;height:16px;font-weight:700;font-family:Verdana, Tahoma, Helvetica, sans-serif;font-size:12px} #mainColTutorials ul.index li{background-image:none;padding:0 4px;display:inline;margin:0 1px;line-height:16px;background-color:#f4fafd;border:1px solid #e2e2e2;color:#48a2c0;list-style-image:none;list-style-type:none;text-align:center} #mainColTutorials .pair{clear:both} .float_left { width:49%;float:left } .float_right { width:49%;float:right } #mainColTutorials .category{text-align:left;clear:both;margin-bottom:20px} #mainColTutorials .category .title{display:block;padding-left:5px;background-color:#f4fafd;border:1px solid #e2e2e2;font-size:11px;color:#56596c;height:15px;line-height:15px;font-family:Tahoma, Garuda, Helvetica,Geneva, sans-serif;font-weight:700} #mainColTutorials .category li{padding:0;list-style-image:none;list-style:none} #mainColTutorials .view{height:19px;background:url(img/line_e2.gif) 0 18px repeat-x;text-align:right} #mainColTutorials .video_box img{margin-right:10px;margin-top:3px;vertical-align:middle} #mainColTutorials .video_box a:hover{text-decoration:none} .header_image img{border:none} #templates-content A.More:link,#templates-content A.More:visited,#templates-content A.More:active{color:#6E73A3;text-decoration:none} #mainColTutorials p a:link,#mainColTutorials p a:visited,#mainColTutorials H2 a:link,#mainColTutorials H2 a:visited,#mainColTutorials ul li a:link,#mainColTutorials ul li a:visited,#mainColTutorials .Box3 .category a:link,#mainColTutorials .Box3 .category a:visited,#mainColTutorials .JoomlaTemplatesBanner .Banner .Slogan h5 a:hover,H5 a:hover{color:#48a2c0;text-decoration:underline} #mainColTutorials H2 a:hover,#mainColTutorials p a:hover,#mainColTutorials ul li a:hover,#mainColTutorials .Box3 .category a:hover,#mainColTutorials .JoomlaTemplatesBanner .Banner .Slogan h5 a:link,#mainColTutorials .JoomlaTemplatesBanner .Banner .Slogan h5 a:visited,H5 a:link,H5 a:visited,#mainColTutorials ul.index li a:link,#mainColTutorials ul.index li a:visited,#mainColTutorials ul.index li a:hover{color:#48a2c0;text-decoration:none} #mainColTutorials a,a.ttext2:link,#mainColTutorials a,a.ttext2:visited,#mainColTutorials a,a.ttext2:active,#mainColTutorials a,a:link,#mainColTutorials a,a:visited,#mainColTutorials a,a:active,#templates-content A.WaterTitle:hover,#templates-content A.MainText:hover,#mainColTutorials .tutorials_description a:hover{color:#48A2C0;text-decoration:none} #mainColTutorials a,a.ttext2:hover,#mainColTutorials a,a:hover,#templates-content A.WaterTitle:link,#templates-content A.WaterTitle:visited,#templates-content A.WaterTitle:active,#templates-content A.MainText:link,#templates-content A.MainText:visited,#templates-content A.MainText:active,#mainColTutorials .tutorials_description a:link,#mainColTutorials .tutorials_description a:visited{color:#48A2C0;text-decoration:underline} .copyright a:link,.copyright a:visited{color:#999;text-decoration:underline} #tutorial-menu a.menutext:link,#tutorial-menu a.menutext:visited,#tutorial-menu a.menutext:active{color:#7478a7;text-decoration:none} #templates-content .MainText2a,#templates-content .MainText22,#templates-content .MainText2{font-family:tahoma, sans-serif;font-size:8pt;color:#000000;text-decoration:none} #templates-content A.MainText2a:link,#templates-content A.MainText2a:visited,#templates-content A.MainText2a:active,#templates-content A.MainText22:hover,#templates-content A.MainText2:hover{color:#000000;text-decoration:none} #templates-content A.MainText2a:hover,#templates-content A.MainText22:link,#templates-content A.MainText22:visited,#templates-content A.MainText22:active,#templates-content A.MainText2:link,#templates-content A.MainText2:visited,#templates-content A.MainText2:active{color:#000000;text-decoration:underline} .Box3 .TopRow,.Box3 .BottomRow,#mainColTutorials .Box3 .TopRow,#mainColTutorials .Box3 .BottomRow{height:5px;width:100%} .Box3 .MidRow,#mainColTutorials .Box3 .MidRow{background:url(img/yellow_bg2.gif) 0 0 repeat-x;border-left:1px solid #fee5a7;border-right:1px solid #fee5a7;width:100%;margin:0} .Box3 .BottomRow .Left,#mainColTutorials .Box3 .BottomRow .Left{background:url(img/box3_bottom1.gif) 0 0 no-repeat;width:5px} .Box3 .BottomRow .Right,#mainColTutorials .Box3 .BottomRow .Right{background:url(img/box3_bottom2.gif) 0 0 no-repeat;width:5px} #mainColTutorials .Box3 .MidRow table td,#mainColTutorials .soft_category td{width:25%}