body{ margin:0px; font-family:Arial, Helvetica, sans-serif; padding:0px;} p, form, h1, h2, h3, h4, h5, h6, ul{ margin:0px;} div{ text-align:left;} img{ border:0px;} .height{ height:auto;} div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{ margin:0; padding:0;} ul{ list-style:none;} a:focus{ outline:none;} #maincontainer{width:997px; margin:auto; height:auto; position:relative;} #maincontent{width:997px; height:auto; float: left;} #mainfooter{width:997px; margin:auto; line-height:normal;} .content_leftportion{width:712px; float:left;} #header {font-size:11px; color:#646464; height:auto; width:992px; float:left;} #header .logo{margin:4px 0px; float: left;} #header ul {padding:0px; height: 34px; text-align:left; float:left; width:auto; padding-left:6px;} #header ul li{padding:8px 8px 0px; float:left; list-style:none; width:27px; } #header .formbg{background:url(../images/header_rnd_bg.jpg) repeat-x; height:31px; width:378px; float:left;} #header .input{border:solid 1px #d1d1d1; border-top:none; width:80px; background:url(../images/header_inputbg.jpg) repeat-x; float:left; margin-top:6px;} #header a.forgetpass{font-size:10px; color:#d92d1c; text-decoration:none; text-align:right; margin-right:17px; line-height:20px;} #header a.forgetpass:hover{text-decoration:underline; margin-right:17px; text-align:right; line-height:20px;} #header span{font-size:11px; color:#646464; padding-left:8px; float:left; line-height:18px; padding-right:4px; margin-top:6px;} #header .login{ margin-left:8px; width:57px; height:20px; background:url(../images/login.jpg) no-repeat; border:0px; float:left; color: #FFFFFF; text-align: center; margin-top:5px;} #header .lftdiv{width: 594px; float: left;} #header .rgtdiv{width: auto; float: left;} #navigation {width: 705px; float:left; margin-top:10px;} #navigation ul{padding:0px; float:left; height:auto;} #navigation ul li{background:url(../images/header.jpg) no-repeat; font-size:12px; color:#828282; list-style:none; width:76px; height:28px; text-align:center; line-height:28px; margin:0px 0px 0px 1px; float:left; padding:0px;} #navigation ul li.active{background:url(../images/header_hover.jpg) no-repeat; color:#FFFFFF; font-weight:bold; height:28px; width:76px;} #navigation ul li.active a{color:#FFFFFF; font-weight:bold; height:28px; width:76px;} #navigation ul li.active a:hover{color:#FFFFFF;} #navigation ul li:hover{background:url(../images/header_hover.jpg) no-repeat; color:#FFFFFF; width:76px; height:28px; cursor:pointer; line-height:28px; margin:0px 0px 0px 1px; font-weight:bold;} * html #navigation ul li a:hover {color:#333333; font-weight:bold;} #navigation ul li:hover a{color:#FFFFFF; font-weight:bold;} #navigation ul li.reseller{width:110px; background:url(../images/reseller.jpg) no-repeat;} #navigation ul li.reseller:visited{width:110px; background:url(../images/reseller_hover.jpg) no-repeat;} #navigation ul li.reseller:hover{width:110px; background:url(../images/reseller_hover.jpg) no-repeat;} #navigation ul li.reselleractive{width:110px; background:url(../images/reseller_hover.jpg) no-repeat; color:#FFFFFF; font-weight:bold; height:28px;} #navigation ul li.reselleractive a{color:#FFFFFF; font-weight:bold;} #navigation ul li.reselleractive a:hover{color:#FFFFFF;} #navigation a{font-size:12px; color:#828282; text-decoration:none;} #navigation a:hover{font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;} #flash {width:712px; float:left; height:476px; height:auto; padding-left:2px;} #flash-2 {width:987px; float:left; height:476px; height:auto; padding-left:2px;} #flash .bor{ width:712px; height:10px; float:left; font-size: 1px; line-height: 1px; background-image: url(../images/top_cut.jpg); background-repeat: no-repeat;} #flash-2 .bor2{ width:988px; height:10px; float:left; font-size: 1px; line-height: 1px; background-image: url(../images/top_cut2.jpg); background-repeat: no-repeat;} #leftside, #leftside2{width:690px; margin:auto; font-size:12px; color:#777777; font-family:Verdana, Geneva, sans-serif; line-height:16px; height:auto; text-align:justify;} #leftside2{float:left; padding-left:11px; width:679px;} #leftside h1, #leftside2 h1{font-size:22px; color:#000000; font-weight:normal; padding-top:6px;} #leftside2 h1{font-size:23px; float:left; height:25px; padding-top:25px; padding-bottom:10px;} #leftside h2{font-size:13px; color:#2b519b; font-weight:bold; padding-bottom:5px;} #leftside h2 a{color:#2B519B;} #leftside h2 a:hover{color:#2B519B;} #leftside a{text-decoration:none;} .midlink{ text-decoration:underline; color: #0066CC;} .midlink:hover{ color: #00458A;} #sidebar{ width:273px; float:right;} #news{ width:256px; float:left; background:url(../images/yellow_box.jpg) no-repeat top left; height:215px; font-size:12px; font-family:"Trebuchet MS", Arial; color:#000000; height:auto; line-height:18px; padding-left:17px;} .news-tit{ float:left; width:236px; border-bottom:dashed 1px #40360d;} .news-tit h1{ font-size:22px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:46px;} .news-cont{ float:left; width:236px; padding-top:5px; margin-bottom:15px;} #marque{ position:relative; height: 200px; overflow: hidden;} #graybox {width:273px; float:left; background:url(../images/gray_box.jpg) no-repeat top left; height:263px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#153962; margin-top:7px; height:auto;} #graybox h1{font-size:22px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:46px;} #graybox input{vertical-align:middle; margin-top:-2px;} #graybox form{line-height:25px; margin-top:10px;} #graybox .content{width:236px; margin:auto; margin-top:10px;} #graybox .borbottom{width:236px; border-bottom:dashed 1px #ffffff; margin:auto;} #graybox_result {width:273px; float:left; background:url(../images/gray_box.jpg) no-repeat top left; height:263px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#153962; height:auto;} #graybox_result h1{font-size:22px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:46px;} #graybox_result {width:273px; float:left; background:url(../images/gray_box.jpg) no-repeat top left; height:263px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#153962; margin-top:7px; height:auto;} #graybox_result .percentage{width:140px; height:15px; background-color:#3399CC; margin:5px 0px; border:solid 1px #666666;} #graybox_result .content{width:236px; margin:auto; margin-top:10px;} #graybox_result .borbottom{width:236px; border-bottom:dashed 1px #ffffff; margin:auto;} #yellowbox1 {width:273px; float:left; background:url(../images/yellow_box.jpg) no-repeat top left; height:267px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000000; margin-top:7px; padding-bottom:5px;} #yellowbox1 h1{font-size:22px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:46px;} #yellowbox1 .topdiv {width:236px; border-bottom:dashed 1px #40360d; margin:auto;} #yellowbox1 .contentdiv{width:236px; margin:auto; margin-top:10px;} #yellowbox1 .contentdiv2{width:236px; height:175px;} #yellowbox1 p{line-height:19px;} #graybox1 {width:273px; float:left; background:url(../images/gray_box1.jpg) no-repeat top left; height:131px; margin-top:7px; font-weight:bold;} #paymentbox {width:273px; float:left; height: auto; margin-top:14px;} #graybox1 .fb{width:179px; margin:auto; margin-top:14px;} #graybox1 a{font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000000; font-weight:bold; text-decoration:none;} #graybox1 a:hover{font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000000; font-weight:bold; text-decoration:underline;} #footer{font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#7b7b7b; line-height:19px; width:977px; height:63px; background:url(../images/footerbg.jpg) repeat-x top left; text-align:center; float:right; padding-top:10px;} #footer span{font-size:11px; color:#7b7b7b; font-family:Verdana, Geneva, sans-serif; padding:0px 4px;} #footer{font-size:11px; color:#222222; font-family:Verdana, Geneva, sans-serif;} #footer a{font-size:11px; color:#7b7b7b; text-decoration:none; font-family:Verdana, Geneva, sans-serif;} #footer a:hover{font-size:11px; color:#7b7b7b; text-decoration:underline; font-family:Verdana, Geneva, sans-serif;} #mainfooter .images{float:right; width:997px; margin-top:27px;} #subcontent {font-size:12px; color:#696969; line-height:19px; margin-top:12px; width:711px; background:url(../images/mid_bg.jpg) repeat-x right;} #subcontent .headingbar{background:url(../images/heading_bar_gray.jpg) no-repeat; height:24px; padding-left:17px; padding-top:9px; width:695px;} #subcontent ul {margin:0px; padding:0px; margin-top:8px;} #subcontent ul li {margin:0px; padding:0px; font-size:12px; color:#696969; list-style-type:square; margin-left:25px; line-height:21px;} #subcontent h1{font-size:13px; color:#2b519b; font-weight:bold;} #subcontent2 {font-size:12px; color:#202020; line-height:22px; margin-top:12px; background:url(../images/mid_bg.jpg) repeat-x; width:711px;} #subcontent2 .headingbar{background:url(../images/heading_bar_blue.jpg) no-repeat; height:24px; padding-left:17px; padding-top:5px; width:695px;} #subcontent2 h1{font-size:13px; color:#ffffff; font-weight:bold;} #resellercontent{height:auto; width:687px; margin:auto; margin-top:28px;} #jointeam {width:339px; float:left;} #jointeam p.content{width:275px; margin:auto; padding:10px 0px;} #jointeam h1{font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#2d5ebc; font-weight:normal; width:275px; margin:auto;} #resellernav {width:339px; float:right; height:232px; background:url(../images/reseller_navbg.jpg) no-repeat top left; font-size:12px; color:#747474; font-family:Verdana, Geneva, sans-serif; line-height:17px;} #resellernav .content{width:255px; float:right;} #resellernav h1{font-size:12px; color:#000000; font-family:Verdana, Geneva, sans-serif; font-weight:bold; line-height:normal;} #contact {width:690px; height:auto; margin-top:20px;} #contact .willbehappy{background:url(../images/contact_image.jpg) no-repeat top left; height:auto; width:339px; padding-top:130px;} #contact h1{font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#2d5ebc; font-weight:normal; width:275px; margin:auto;} #contact p.content{width:275px; margin:auto; padding:10px 0px;} #contact a{font-size:12px; color:#747474; font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-weight:bold;} #contact a:hover{font-size:12px; color:#747474; font-family:Verdana, Geneva, sans-serif; text-decoration:underline; font-weight:bold;} #contact a.mail{font-size:12px; color:#153962; text-decoration:none;} #contact a.mail:hover{font-size:12px; color:#153962; text-decoration:underline;} #conatactinfo {width:339px; float:right; background:url(../images/contact_image1.jpg) no-repeat top left; font-size:12px; color:#747474; font-family:Verdana, Geneva, sans-serif; line-height:17px; float:right; height:auto;} #conatactinfo .content{width:300px; margin:auto; margin-top:25px;} #conatactinfo h1{font-size:12px; color:#2d5ebc; font-family:Verdana, Geneva, sans-serif; font-weight:bold; line-height:normal; padding:0px; margin-left:-20px; margin:8px auto; width:339px;} #ipperioddiv {float:left; width:500px;} #ipperioddiv .maindiv{width:500px; float:left;} #ipperioddiv .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:147px;} #ipperioddiv .graybg{background:#d9dee8; width:147px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv .bluebg{background:#2e60c2; width:147px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv .width{width:194px;} #ipperioddiv1 {float:left; width:500px;} #ipperioddiv1 .maindiv{width:500px; float:left;} #ipperioddiv1 .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:147px;} #ipperioddiv1 .graybg{background:#d9dee8; width:147px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv1 .bluebg{background:#2e60c2; width:147px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv1 .width{width:194px;} #ipperioddiv2 {float:left; width:500px;} #ipperioddiv2 .maindiv{width:500px; float:left;} #ipperioddiv2 .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:147px;} #ipperioddiv2 .graybg{background:#d9dee8; width:147px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv2 .bluebg{background:#2e60c2; width:147px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv2 .width{width:194px;} #ipperioddiv3 {float:left; width:500px;} #ipperioddiv3 .maindiv{width:500px; float:left;} #ipperioddiv3 .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:116px;} #ipperioddiv3 .graybg{background:#d9dee8; width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv3 .bluebg{background:#2e60c2; width:116px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv3 .width{width:134px;} #ipperioddiv3 .ordernow{width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; height:25px;} #ipperioddiv5 {float:left; width:500px;} #ipperioddiv5 .maindiv{width:500px; float:left;} #ipperioddiv5 .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:116px;} #ipperioddiv5 .graybg{background:#d9dee8; width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv5 .bluebg{background:#2e60c2; width:116px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv5 .width{width:134px;} #ipperioddiv5 .ordernow{width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; height:25px;} #ipperioddiv4 {float:left; width:500px;} #ipperioddiv4 .maindiv{width:500px; float:left;} #ipperioddiv4 .purplebg{background:#d8e2f6; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px; width:116px;} #ipperioddiv4 .graybg{background:#d9dee8; width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; line-height:25px;} #ipperioddiv4 .bluebg{background:#2e60c2; width:116px; margin:2px 2px; color:#FFFFFF; float:left; text-align:center; line-height:25px; font-weight:bold;} #ipperioddiv4 .width{width:134px;} #ipperioddiv4 .ordernow{width:116px; margin:2px 2px; color:#000000; float:left; text-align:center; height:25px;} .text1, .text4{ line-height: 15px; color: #085691; text-decoration: none; font-weight: bold;} .text1:hover{ color: #064A7D; text-decoration: underline;} .text2, .text3{ line-height: 16px; color: #494949; padding-bottom:10px;} .text3{ padding-bottom:0px;} .link{ color: #696969; text-decoration: none;} .link:hover{ color: #494949; text-decoration: underline;} .link2{ color: #2B519B; text-decoration: none;} .link3{ color: #000000; text-decoration: none;} .link4{ color: #2B519B; text-decoration: none; font-weight:normal;} .deip-boxmain1, .deip-boxmain2{ float: left; height: 96px; width: 320px; padding-right: 19px; padding-bottom: 12px; padding-top: 18px; padding-left: 12px; background: url(../images/deip_boxbg.jpg) no-repeat;} .deip-boxmain2{ padding-right: 0px;} .deip-flgmain{ float: left; height: 34px; width: 47px; padding-bottom: 10px; background: url(../images/deip_flagshd.jpg) repeat-x left bottom; } .deip-flg{ float: left; height: 28px; width: 41px; background-color: #FFFFFF; padding: 2px; border: 1px solid #C8C6C6;} .deip-txt{ float: left; height: 34px; width: 261px; font-family: Verdana; font-size: 11px; line-height: 16px; color: #747474; padding-right: 5px; padding-bottom: 11px; padding-left: 7px;} .deip-txt2{ float: left; height: 26px; width: 306px; font-family: "Trebuchet MS", Arial; font-weight: normal; font-size: 22px; line-height: 26px; color: #697E96; text-align:center; padding-bottom: 11px; padding-top:8px;} .deip-txt b{ color: #000000; font-size: 12px;} .deip-txt span{ color: #319012; font-size: 12px; font-weight: bold;} .deip-btnbox{ float: left; height: 20px; width: 191px; padding-right: 74px; padding-left: 47px; background-image: url(../images/deip_boxline.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 11px;} .deip-btn{ float: left; height: 20px; width: 191px; background-image: url(../images/deip_btnbg.jpg); background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 11px; color: #FFFFFF; text-align: center; font-weight: bold; line-height:20px;} .deip-btn:hover{ color: #CCCCCC; text-decoration: none;} .abtxt, .abtxt2, .abtxt3{ text-decoration: none; line-height: 20px; text-align: justify;} .abtxt2{ line-height: 17px;} .abtxt3{ font-family: "Trebuchet MS", Arial; font-size:13px;} .reslogin{ padding:10px; float:left;} .restxt{ padding-bottom:20px; width:80px; float:left;} .resfld{ background-color: #FFFFFF; height: 16px; width: 180px; border: 1px solid #CCCCCC; float:left;} .resbtn{ margin-left:80px; height: 22px;width: 80px; float:left; font-size: 12px; font-weight: bold; padding-bottom:10px;} .hltxt1{ color: #07539E; line-height: 28px;} /* tooltip design */ .tipContainer{ display:none;} .ToolTips{ display:block; position:absolute; width:209px; height:auto;} .ToolTips .sticky_close{ display:block; position:absolute; top:22px; right:4px; background:url(../images/tpbox_close.png); width:15px; height:15px; line-height:0px; font-size:0px; z-index:100000000; cursor:pointer; } .ToolTips .message { display:block; position:relative; width:194px; height:101px; background: url(../images/tpbox_mid.jpg) repeat-x #E8E8E8; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #BFBFBF; border-left-color: #BFBFBF; font-family: Arial; font-size: 11px; line-height: 16px; color: #626262; padding-right: 5px; padding-left: 8px; text-align:justify;} .ToolTips .dockBottomHeader, .ToolTips .dockTopFooter{ display:block; background:url(../images/tpbox_top.png) no-repeat bottom; height:25px;} .ToolTips .dockTopFooter{ background:url(../images/tpbox_btm.png) no-repeat bottom; height:7px;} .ToolTips .dockBottomFooter, .ToolTips .dockTopHeader{ display:block; position:relative; background:url(../images/tpbox_btm.png); height:7px; line-height:0px; font-size:0px; clear:both;} .ToolTips .dockTopHeader{ background:url(../images/tpbox_top.png) bottom center no-repeat; height:25px; line-height:0px; font-size:0px;} * html .ToolTips .dockBottomHeader{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tpbox_top.png');} * html .ToolTips .dockBottomFooter {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tpbox_btm.png');} * html .ToolTips .dockTopHeader{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tpbox_top.png');} * html .ToolTips .dockTopFooter{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tpbox_btm.png');} * html .ToolTips .sticky_close{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tpbox_close.png');} .loading{ display:block; margin:0px auto 0px; background:url(../images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; } .ToolTips .message h2{ font-size: 1px; line-height: 13px; text-indent: -99999px; float: left; height: 15px; width: 192px; margin:0px;} .ToolTips .message h2.tit1{ background: url(../images/tpbox_tit1.jpg) no-repeat;} .ToolTips .message h2.tit2{ background: url(../images/tpbox_tit2.jpg) no-repeat;} .ToolTips .message h2.tit3{ background: url(../images/tpbox_tit3.jpg) no-repeat;} .ToolTips .message h2.tit4{ background: url(../images/tpbox_tit4.jpg) no-repeat;} .ToolTips .message p{ float: left; height: auto; width: 192px; border-top-width: 1px; border-top-style: solid; border-top-color: #D8D8D8; margin:0px; padding-top:4px;} .ToolTips .message p span{ color: #1E6AB9; font-weight:bold;} /* Tutorial Styles */ .tutmain-tit1{ float:left; height: 58px; width: 282px; background: url(../images/tut_maintit1.png) no-repeat; text-indent: -999999px;} * html .tutmain-tit1{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_maintit1.png');} .tutmain-tit2{ float:left; height: 47px; width: 292px; background: url(../images/tut_maintit2.png) no-repeat; text-indent: -999999px;} * html .tutmain-tit2{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_maintit2.png');} .tutmain-tit3{ float:left; height: 42px; width: 255px; background: url(../images/tut_maintit3.png) no-repeat; text-indent: -999999px;} * html .tutmain-tit3{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_maintit3.png');} .tutmain-tit4{ float:left; height: 49px; width: 235px; background: url(../images/tut_maintit4.png) no-repeat; text-indent: -999999px;} * html .tutmain-tit4{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_maintit4.png');} .tutmain-icn{ float:left; height: 15px; width: 10px; background: url(../images/tut_mainicn.png) no-repeat;} * html .tutmain-icn{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_mainicn.png');} .tutmain-txtmain{ float:left; height: auto; width: auto; padding-left:110px; padding-bottom:60px;} .tutmain-txt{ float:left; height: auto; width: auto; font-family: "Trebuchet MS", Arial; font-size: 13px; line-height: 17px; padding-right: 20px; padding-left: 16px;} .tutmain-txt a{ color: #0571C9; text-decoration: none;} .tutmain-txt a:hover{ color: #056598; text-decoration: underline;} .tutmain-txt span{ color: #777777; text-decoration: none; font-size: 11px; padding-left: 40px;} .tutmain-arr{ float:left; height: 31px; width: 44px; background: url(../images/tut_mainarr.png) no-repeat;} * html .tutmain-arr{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tut_mainarr.png');} .setupbox-main{ font-family: "Trebuchet MS", Arial; font-size: 13px; line-height: 18px; color: #2E3192; float: left; height: auto; width: 690px; text-align:justify;} .setupbox-top{ font-size: 1px; line-height: 1px; float: left; height: 8px; width: 690px; background: url(../images/tutbox_top.jpg) no-repeat;} .setupbox-mid{ float: left; height: auto; width: 660px; background-color: #FFFFFF; background: url(../images/tutbox_mid.jpg) repeat-x; padding-top: 4px; border-right-width: 1px; border-bottom-width: 1px; padding-left:14px; padding-right:14px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #D1F3A4; border-bottom-color: #D1F3A4; border-left-color: #D1F3A4;} .setupbox-titmain{ float:left; height: auto; width: 658px; padding-left: 2px; } .setupbox-titicn1, .setupbox-titicn2, .setupbox-titicn3{ float: left; height: 48px; width: 63px; padding-right: 10px; background: url(../images/tutbox_icn1.jpg) no-repeat;} .setupbox-titicn2{ background: url(../images/tutbox_icn2.jpg) left 5px no-repeat;} .setupbox-titicn3{ background: url(../images/tutbox_icn3.jpg) left 5px no-repeat;} .setupbox-tittxt1, .setupbox-tittxt2, .setupbox-tittxt3{ float: left; height: auto; width: 585px; padding-top: 4px; font-size: 12px; color: #47494A; line-height: 15px;} .setupbox-tittxt1 h2, .setupbox-tittxt2 h2, .setupbox-tittxt3 h2{ float: left; height: 16px; width: 292px; font-size: 1px; line-height: 1px; background: url(../images/tutbox_tit1.jpg) no-repeat; text-indent: -999999px;} .setupbox-tittxt2 h2{ width: 308px; background: url(../images/tutbox_tit2.jpg) no-repeat;} .setupbox-tittxt3 h2{ width: 281px; background: url(../images/tutbox_tit3.jpg) no-repeat;} .setupbox-tittxt1 p, .setupbox-tittxt2 p, .setupbox-tittxt3 p{ float: left; height: auto; width: auto; padding-top: 0px; padding-left: 12px; padding-bottom:5px;} .setupbox-cont{ height: auto; width: 660px; float:left;} .tutstep-tit{ height: auto; width: 602px; float:left; text-align:justify;} .tutstep-tit h3{ font-size: 18px; line-height: 27px;} .tutstep-tit p b{ font-size: 15px;} .tutstep-pic{ height:auto; width: 602px; float:left; text-align:center; padding-top:10px;} .tutstep-figtxt{ height:auto; width: auto; float:left; text-align:center; padding-left:238px;} .tutstep-figtxt b{ float:left; height:29px; width:124px; background: url(../images/tutbox_figbg.jpg) no-repeat; text-align:center; font-size: 12px; line-height: 29px; color: #7C7C7C;} /* Tutorial Slider Styles */ .tut-slider-wrapper{ clear: both; overflow: auto} .tut-slider{ float: left; overflow: hidden; position: relative} .tut-slider .tutpanel{ display: block; float: left; text-align:justify;} .tutpanel h2{ float: left; margin-top:-999999px;} .tut-slider .tutpanel-container{ position: relative} .tut-nav-left, .tut-nav-right{ float: left; padding-top:214px; } .tut-nav-left a, .tut-nav-right a { display: block; width: 23px; background-repeat: no-repeat; text-indent: -99999px; height: 32px;} .tut-nav-left a{ background-image: url(../images/tutbox_arr1.jpg);} .tut-nav-right a{ background-image: url(../images/tutbox_arr2.jpg);} .tut-slider-wrapper.arrows .tut-slider, .tut-slider-wrapper.arrows .tut-slider .tutpanel{ width: 602px;} .tut-slider-wrapper.arrows .tut-slider{ margin: 0 6px;} .tut-nav { float:left; width:500px; height: 28px; padding-left: 131px; padding-top: 19px; background: url(../images/tutbox_numbg.jpg) 29px 19px no-repeat;} .tut-nav ul{ float:left; width:auto; height:auto; margin:0px;} .tut-nav ul li{ float:left; width:auto; height:auto; display:inline; font-family: "Trebuchet MS", Arial; font-size: 13px; line-height: 18px;} .tut-nav ul li a{ float: left; height: 18px; width: auto; margin-right: 9px; color: #568EA9; margin-top:5px; margin-bottom:5px;} .tut-nav ul li a.current{ font-weight: bold; color: #2D4968; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #063B62; border-left-color: #063B62; cursor: default; padding-right: 4px; padding-left: 4px;} .hmstpbox1, .hmstpbox2{ background-image: url(../images/hm_stparr.jpg); float:left; background-position: 213px 42px; height: 138px; width: 210px; padding-right: 29px; background-repeat: no-repeat;} .hmstpbox2{ background-image: none; padding-right:0px;} /* FAQ Pages Style */ .faqboxmain, .faqboxmain2{ float:left; height: auto; width: 686px; font-family: Arial; font-size: 12px; line-height: 20px; font-weight: bold; color: #7F7F7F; padding-bottom:20px;} .faqboxmain2{ padding-bottom:0px;} .faqcattop, .faqquetop, .faqquebtm{ float:left; height: 10px; width: 686px; font-size: 1px; line-height: 1px; background: url(../images/faq_box1top.jpg) no-repeat;} .faqquetop{ background: url(../images/faq_box2top.jpg) no-repeat;} .faqquebtm{ background: url(../images/faq_box2btm.jpg) no-repeat;} .faqcatmid, .faqquemid{ float:left; height: auto; width: 656px; background: url(../images/faq_box1mid.jpg) #FFFFFF repeat-x; padding-right: 14px; padding-left: 14px; border: 1px solid #E8E8E8; border-top:0px; padding-top:3px;} .faqquemid{ background: url(../images/faq_box2mid.jpg) #FFFFFF repeat-x; border-bottom:0px; } .faqcontbox, .faqcontbox2{ float:left; height: auto; width: 656px; padding-bottom:15px; text-align: justify;} .faqcontbox2{ padding-bottom:0px;} .faqcattit, .faqcattit2{ float:left; height: 22px; width: auto; font-size: 16px; line-height: 22px; font-weight: bold; color: #2652A8;} .faqcattit2{ font-size: 15px; height: 18px; width: 656px; line-height: 10px; } .faqcatlist, .faqcatlist2{ float:left; height: auto; width: 644px; padding-left: 12px;} .faqcatlist2{ width: 656px; padding-left: 0px;} .faqcatlist a, .faqcatlist2 a{ color: #7F7F7F; text-decoration: none;} .faqcatlist a:hover, .faqcatlist2 a:hover{ color: #484848; text-decoration: underline;} .faqcatlist b, .faqcatlist2 b{ font-size: 15px; line-height:10px; font-family: "Trebuchet MS", Arial;} .faqquetit{ float:left; height: auto; width: auto; color: #7D7D7D; font-family: "Trebuchet MS", Arial; font-size:13px;} .faqquetit b, .faqquelist b{ color: #18579F;} .faqquetit a{ color: #7D7D7D; text-decoration: none;} .faqquetit a:hover{ color: #4D4D4D; text-decoration: underline;} .faqquelist, .faqquelist2, .faqquelist3{ float:left; height: auto; width: auto; color: #615E5E; font-weight: normal; font-family: "Trebuchet MS", Arial; font-size:13px;} .faqquelist2{ padding-left:0px; line-height:16px; font-family: Arial; font-size:12px;} .faqquelist2 a, .faqquelist2 b{ color: #0A65A9;} .faqquelist2 a:hover{ color: #074878; text-decoration: none;} .faqquelist3{ padding-left: 12px; font-weight:bold; padding-top:3px;} .faqquelist3 b{ font-size: 16px; line-height:10px; font-family: "Trebuchet MS", Arial;} .faqbacklink{ float:left; height: auto; width: auto; padding-top: 30px; font-family: "Trebuchet MS", Arial; font-size:13px;} .faqbacklink a{ font-size:12px; color: #1761B3; text-decoration: none;} .faqbacklink a:hover{ color: #114784; text-decoration: underline;} .ip-notbox{ font-family: "Trebuchet MS", Arial; font-size: 13px; line-height: 18px; color: #191919; height: 125px; background: url(../images/note_bg.jpg); width: 544px; padding-top: 5px; padding-right: 17px; padding-left: 122px; text-align:justify;} .ip-notbox b{ font-size: 15px; color: #DE2613; line-height:24px;} .ip-notbox a{ color: #0A45A7;} .ip-notbox a:hover{ color: #031594;} .pack-box{ float:left; width:966px; padding:2px 10px; height:auto; }