/* - - - - - - - - - - - - - - - - - - - - - Title : Company Name URL : Company URL Author :Siliconpetals Author URL : http://www.siliconpetals.com - - - - - - - - - - - - - - - - - - - - - */ /* ----------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; } body { background: url(../images/bg.jpg) top no-repeat #1d3678; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; margin-right:0; color:#4e4e4e;} form{margin:0; padding:0; display:inline; border:none; } fieldset{ border:none;} select, input, textarea { font: Verdana, Helvetica, sans-serif; } img { border: 0;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} p{ margin:0; padding:0; text-align:left; color:#4e4e4e; font-size:12px; font-family: Arial, Helvetica, sans-serif;} td { margin:0px; padding:0px; text-align:left; line-height:24px; color:#4e4e4e; font-size:11px; font-family:Verdana;} ul,li {margin:0; padding:0; list-style:none;} a{ color:#4286c7; text-decoration:none;} .display{ display:block; width:auto;} .dis_fl{ float:left; display:block;} .dis_fr{ float:right; display:block;} .clear {clear:both; height:1px; } /* ----------------------------------------------------------------------------- Template Styles -----------------------------------------------------------------------------*/ #wrapper{ width:896px; display:block; margin:auto;} /* ----------------------------------------------------------------------------- Logo and top navigation goes here Styles -----------------------------------------------------------------------------*/ #top_header{ width:868px; width:auto; height:89px; display:block;} #top_header #logo{ width:303px; height:89px; float:left;} #top_header .top_navi{ background: url(../images/top_png.png) no-repeat; width:446px; height:89px; float:right; text-align:right;} /* ----------------------------------------------------------------------------- White shapes goes here -----------------------------------------------------------------------------*/ #white_top{ background:url(../images/top_navi.png) no-repeat; width:896px; height:18px;} #white_cen{ background: url(../images/center_rep.png) repeat-y; width:896px; display:block;} #white_cen .main{ width:868px; padding-left:13px; padding-right:14px;} #white_bottom{ background:url(../images/bottom_white.png) no-repeat; width:896px; height:27px;} /* ----------------------------------------------------------------------------- Navigation goes here -----------------------------------------------------------------------------*/ #navi{ background:url(../images/navi.jpg) repeat-x; width:867px; height:36px; display:block; padding-bottom:13px;} #navi ul{ display:block; padding-top:2px;} #navi li{ float:left;} #navi li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; line-height:34px;} #navi li a span{ display:block; padding-left:16px; padding-right:16px;} #navi li a:hover span{background:url(../images/navi_hover_lf.jpg) left no-repeat; display:block;} #navi li a:hover{ background:url(../images/navi_hover_rf.jpg) right no-repeat; display:block;} #navi .selected span{background:url(../images/navi_hover_lf.jpg) left no-repeat; display:block;} #navi .selected{ background:url(../images/navi_hover_rf.jpg) right no-repeat; display:block;} /* ----------------------------------------------------------------------------- Home Page header -----------------------------------------------------------------------------*/ #header{ background:url(../images/header.jpg) no-repeat; width:868px; height:404px; padding-top:16px; text-align:left; padding-bottom:12px;} #header .title{ background-position:left; height:41px; width:868px; text-align:left;} #header .he_img{ background:url(../images/header_image.png) no-repeat; width:841px; height:363px; padding-left:27px;} #header h1{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; display:block; width:auto; padding-bottom:14px;} #header h2{display:block; padding-right:210px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; line-height:20px; text-align:left; padding-bottom:12px;} .yellow{ color:#fefa00;} #header .home{ float:left; display:block; margin-top:20px; background:url(../images/icon.png) left no-repeat;} #header .home li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding-left:28px; line-height:26px;} #header .home li span{ margin-right:6px; margin-top:4px;} #header .sign{ float:left; margin-left:30px; } /* ----------------------------------------------------------------------------- Home Page body -----------------------------------------------------------------------------*/ #home{ width:auto; display:block;} #home .online{ background:url(../images/r_top.jpg) no-repeat; width:255px; height:8px;} #home .online_ct{ background:url(../images/c_cen.jpg) repeat-y; width:255px; text-align:left;} #home .online_ct h1{ font-family: Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; color:#0e4689; font-weight:bolder; } #home .online_bt{ background:url(../images/b_bottom.jpg) bottom no-repeat; width:255px;} #home .online_help{ background:url(../images/help_img.jpg) right bottom no-repeat; width:171px; padding-left:8px; padding-right:76px; padding-bottom:15px; text-align:left;} #home .first{ width:255px; float:left; display:block} #home .online_ct h5{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#0991ee;} #home .online_ct p{ line-height:16px; padding-top:10px; font-size:12px;} .blue{ color:#00326e; font-weight:bold;} .marg10{ margin-top:10px;} .green{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; color:#91a820;} #home .online_ct h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#2e5f99; padding-top:10px; padding-bottom:10px;} #home .online_ct .smain{ padding-left:15px; padding-right:10px; text-align:left;} #home .online_ct .smain img{ float:right; margin-left:25px;} #home .orange{ background:url(../images/home_orange.jpg) no-repeat; width:268px; padding-top:7px; height:257px; padding-left:12px; padding-right:13px; margin-left:12px; margin-right:12px; float:left;} #home .orange .title{ background: url(../images/new_website.jpg) no-repeat; width:268px; height:30px; padding-bottom:10px;} #home .orange p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding-left:5px;} #home .greel{ background:url(../images/green_home.jpg) no-repeat; width:269px; padding-top:7px; height:257px; padding-left:12px; padding-right:12px; float:left;} #home .greel .title{ background:url(../images/website_transfer.jpg) no-repeat; width:269px; height:30px; padding-bottom:10px;} #home .greel p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding-left:5px;} #home .white_arrow{ display:block; text-align:left; padding-left:7px;} #home .white_arrow li{ background:url(../images/white_arrow.gif) left no-repeat; padding-left:12px; font-size:11px; line-height:18px; font-weight:bold; color:#ffffff;} #home .iconback{ background:url(../images/icon_back.jpg) top repeat-x #ededed; width:auto; border:1px solid #e1e1e1; padding-top:14px; padding-bottom:14px; padding-left:10px; padding-right:10px; width:845px;} #home .ic_rep_first{ float:left; display:block;} #home .ic_rep{ float:left; display:block; margin-left:9px;} #home .ie_top{ background:url(../images/icon_rdtp.jpg) top no-repeat; width:204px;} #home .ie_cen{ background:url(../images/icon_rep.jpg) repeat-y ; width:204px;} #home .ie_bt{ background:url(../images/icon_bt.jpg) bottom no-repeat; width:204px; padding-top:6px; text-align:center; height:80px;} #home .ie_bt p{ text-align:center;} #home .ic_repb{ float:left; display:block; margin-left:12px;} #home .ie_bigtp{ background:url(../images/big_rdtop.jpg) top no-repeat; width:271px;} #home .ie_bigcen{ background:url(../images/big_rdcen.jpg) repeat-y; width:271px;} #home .ie_bigbt{ background:url(../images/big_rdbt.jpg) bottom no-repeat; width:271px; padding-top:7px; padding-bottom:7px;} /* ----------------------------------------------------------------------------- all pages header page Page body -----------------------------------------------------------------------------*/ .header_in{ background: url(../images/featured_header.jpg) no-repeat; width:853px; height:290px; padding-left:15px; text-align:left; padding-top:16px;} .head_lf{ width:519px; float:left; display:block; padding-right:22px; float:left;} .head_rf{ width:auto; float:left;} h1{ display:block; width:auto;} h2{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; line-height:20px; text-align:left; padding-bottom:12px;} .buttonl{ background:url(../images/sign_up.png) no-repeat; width:169px; height:62px; display:block; border:none; cursor:pointer; margin-top:10px;} .boxed_big{ background:url(../images/box_head.png) no-repeat; width:494px; height:194px; padding-left:19px; padding-right:55px;} .feat1{ float:left; display:block; margin-top:20px; background:url(../images/feature_icon.png) left no-repeat;} .feat1 li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; padding-left:28px; line-height:26px;} .feat1 li span{ margin-right:6px; margin-top:4px;} .feat2{ float:left; display:block; margin-top:20px; background:url(../images/feature_icon2.png) left no-repeat;} .feat2 li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; padding-left:28px; line-height:26px;} .feat2 li span{ margin-right:6px; margin-top:4px;} .header_it{ background: url(../images/why_us_header.jpg) no-repeat; width:853px; height:290px; padding-left:15px; text-align:left; padding-top:16px;} /* ----------------------------------------------------------------------------- Feature page Page body -----------------------------------------------------------------------------*/ #feature{ display:block; text-align:left; display:block; padding-top:12px;} #feature .block_lf{ float:left; display:block;} #feature .block_lff{ float:left; display:block; margin-left:6px; margin-right:6px;} #feature .blue_top{ background:url(../images/fet_bluetp.jpg) no-repeat; width:285px; height:31px; line-height:31px;} #feature h5{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; line-height:31px; padding-left:10px;} #feature h5 img{ float:left; line-height:31px; margin-right:10px; padding-top:3px;} #feature .orange_top{ background:url(../images/orange_head.jpg) no-repeat; width:285px; height:31px;} #feature .green_top{ background:url(../images/green_top.jpg) no-repeat; width:285px; height:31px;} #feature .ft_cen{ background:url(../images/faet_cen.jpg) repeat-y; width:269px; padding-left:8px; padding-right:8px;} #feature .ft_bot{ background:url(../images/feat_bot.jpg) top no-repeat; width:285px; height:7px;} #feature .box_rd{ display:block; padding-top:15px;} #feature .box_rd li{ background: url(../images/featu_base.jpg) no-repeat; width:254px; color:#000000; font-size:11px; height:22px; line-height:22px; font-weight:bold; padding-left:15px; padding-bottom:5px;} .red{ color:#af0000;} #feature .right{ background:url(../images/right.jpg) no-repeat; padding-left:24px; display:block; line-height:22px;} .pad5{ padding-top:5px;} /* ----------------------------------------------------------------------------- Why us page goes here -----------------------------------------------------------------------------*/ .why_us{ padding-left:10px; padding-right:15px; display:block; padding-top:14px;} .why_us .block_lf{ width:306px; float:left; margin-right:20px;} .why_us .block_rf{ width:505px; display:block; float:left; padding-top:20px; text-align:left;} .why_us .block_rf p{ line-height:18px; margin-top:10px;} /* ----------------------------------------------------------------------------- Tstimonial page goes here -----------------------------------------------------------------------------*/ .test_top{ background:url(../images/top_test.jpg) bottom no-repeat; width:843px; height:11px; overflow:hidden;} .test_cen{ background:url(../images/cen_test.jpg) repeat-y; width:667px; display:block; padding-left:26px; padding-top:10px; padding-right:150px; padding-bottom:10px;} .test_cen p{ font-weight:bold; font-size:12px; font-weight:bold;} .test_bot{ background:url(../images/bot_test.jpg) top no-repeat; width:843px; height:11px; overflow:hidden;} .blue_col{ color:#4037ff; font-size:13px; padding-bottom:5px;} .pad15{ padding-top:15px;} .tit{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#0e4689; padding-top:10px; padding-bottom:10px; text-align:left; } /* ----------------------------------------------------------------------------- Guarantee page goes here -----------------------------------------------------------------------------*/ .gurantee{ display:block; padding-left:5px;} .granr_first{ float:left; margin-right:20px;} .grant_lf{ float:left;} .grant_top{ background: url(../images/gurantee_top.jpg) top no-repeat; width:420px; height:9px; overflow:hidden;} .grant_cen{ background:url(../images/gurantee_cen.jpg) repeat-y; width:420px;} .grant_cen p{ font-weight:bold; font-size:11px; color:#000000; padding-top:16px; line-height:16px;} .grant_bot{ background:url(../images/gurantee_bot.jpg) bottom no-repeat; width:390px; padding-left:15px; padding-right:15px;} .grant_bot1{ background:url(../images/gurantee_bot.jpg) bottom no-repeat; width:420px;} .grant_cen img{ float:left; margin-right:20px;} .padtpbot{ padding-bottom:20px; height:150px;} .padtpbot1{ padding-bottom:20px;} .gurt_ihg{ background:url(../images/help.jpg) left bottom no-repeat; width:390px; padding-left:15px; padding-right:15px; } .tit1{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#0e4689; padding-top:10px; text-align:left; } .pdr{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding-left:5px; padding-bottom:10px;} /* ----------------------------------------------------------------------------- help us page goes here -----------------------------------------------------------------------------*/ #help{ width:auto; display:block; padding-top:2px; padding-left:5px;} #help .tit1{margin-left:5px;} .help_top{ background: url(../images/help_us_top.jpg) no-repeat; width:857px; height:9px; overflow:hidden;} .help_cen{ background:url(../images/help_us_cen.jpg) top no-repeat; width:857px; min-height:115px; height:auto !important; height:115px;} .help_rep{ background:url(../images/help_us_cend.jpg) repeat-y; width:857px;} .in_div{ float:right; padding-right:50px;} .in_div_lf{ float:left; padding-left:20px; width:586px; text-align:left; border:none;} .in_div_lf p{ font-weight:bold;} .in_div_lf h2{ font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:10px; font-size:18px; font-weight:normal; color:#0e4689;} .in_div_lf a{ color:#b70603; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin-top:12px; background: url(../images/arrow_red.gif) left no-repeat; padding-left:10px; display:block;} .help_bot{ background: url(../images/help_us_bot.jpg) top no-repeat; width:857px; height:10px; overflow:hidden;} .submit_support{ background:url(../images/submit_support_ticket.png) no-repeat; width:262px; height:68px; border:none; cursor:hand; display:block; margin-top:30px; } .para{ padding-left:7px; padding-bottom:10px; padding-top:5px; padding-right:200px; text-align:left;} /* ----------------------------------------------------------------------------- Conatct us page goes here -----------------------------------------------------------------------------*/ #contact_header{ background: url(../images/contact_header.jpg) no-repeat; width:853px; height:290px; padding-left:15px; text-align:left; padding-top:16px;} .contact_lf{ width:389px; float:left; display:block; padding-right:22px; float:left;} .contact_rf{ width:auto; float:left;} .continue{ background:url(../images/continue.png) no-repeat; display:block; margin:auto; cursor:pointer; width:165px; height:60px; border:none; margin-top:20px;} .in_con_lf{padding-left:20px; padding-right:20px; text-align:left; border:none;} .in_con_lf p{ font-weight:bold;} .in_con_lf .dis_fl{ float:left; margin-left:10px; padding-top:10px; padding-bottom:10px;} .in_con_lf .dis_fl1{ float:left; margin-left:40px; padding-top:10px; padding-bottom:10px;} .in_con_lf .dis_fl ul{ display:block;} .in_con_lf li{ line-height:25px; border:none; vertical-align:text-top;} /* ----------------------------------------------------------------------------- Affliate us page goes here -----------------------------------------------------------------------------*/ .aff_header{ background: url(../images/affliate.jpg) no-repeat; width:853px; height:290px; padding-left:15px; text-align:left; padding-top:16px;} .temp_header{ background: url(../images/templates.jpg) no-repeat; no-repeat; width:853px; height:290px; padding-left:15px; text-align:left; padding-top:16px;} a.join{ background:url(../images/join.png) no-repeat; width:262px; height:68px; display:block; cursor:pointer; border:none; margin:auto; margin-top:20px;} /* ----------------------------------------------------------------------------- Site map page goes here -----------------------------------------------------------------------------*/ #red_arrow{ padding-left:20px; padding-right:40px; text-align:left;} #red_arrow li{ line-height:30px; border-bottom:1px dotted #CCCCCC;} #red_arrow a{ margin-left:10px; background:url(../images/arrow_red.gif) left no-repeat; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; font-weight:bold;} #red_arrow a:hover{ color:#FF0000;} #red_arrow li ul{ padding-left:20px;} #red_arrow li li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:bold; background: url(../images/arrow_red.gif) left no-repeat;} #red_arrow li li a:hover{ color:#000000;} /* ----------------------------------------------------------------------------- Footer -----------------------------------------------------------------------------*/ #footer{ width:868px; margin:auto; padding-top:10px; text-align:center; color:#ffffff; padding-bottom:15px;} #footer a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; padding-left:10px; padding-right:10px; } #footer a:hover{ color:#FFFF00;} #footer div{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; width:auto; padding-top:15px;}