body { background: #0165dd; text-align: center; font-size: 11px; font-family: Verdana; color: #636363; } div { text-align: left; } a { cursor: pointer; } .bg { width: 100%; overflow: hidden; background: #015fb9; } .header { width: 100%; height: 92px; background: transparent url(../Images/top_bg.jpg) repeat-x; position: absolute; z-index: 20; top: 0px; left: 0px; } .header .c { width: 990px; position: absolute; top: 3px; left: 50%; margin-left: -495px; z-index: 5; } .header .netrogroup-network { position: absolute; z-index: 1000; top: 30px; right: 20px; } .netrogroup-network span { float: left; padding: 3px 10px 0px 0px; color: #fff; } .netrogroup-network .container { float: left; background: transparent url(../Images/netrogroup_network.jpg) no-repeat; width: 158px; height: 20px; } .netrogroup-network .show { color: Gray; padding: 4px; padding-left: 6px; display: block; width: 150px; } .netrogroup-network .container ul { display: none; background: #383f46; list-style: none; position: absolute; z-index: 1500; top: 22px; left: 128px; } .netrogroup-network .container ul li a { float: left; width: 200px; padding: 8px 15px 8px 15px; border-bottom: 1px dashed gray; display: block; text-decoration: none; } .netrogroup-network .container ul li a:hover { background: #40474e; } .netrogroup-network .container ul li a span { display: block; width: 200px; } .netrogroup-network .container ul li a span.title { color: #fff; } .netrogroup-network .container ul li a span.desc { color: Gray; } .menu { width: 100%; height: 73px; background: transparent url(../Images/menu.png) no-repeat center; position: absolute; z-index: 3; top: 97px; left: 0px; } .menu .c { width: 990px; position: absolute; top: 27px; left: 50%; margin-left: -495px; z-index: 5; } .menu .c a { font-size: 13px; font-family: "Trebuchet MS", Verdana; color: #fff; float: left; margin-left: 50px; text-decoration: none; } .menu .c a:hover { text-decoration: underline; } .PageTitle {border:solid 1px #ababab; color:#ababab !important; background-color:#ececec; font-size:14px; width:960px;padding:10px;position:relative;left:-5px} #wrapper { width: 990px; position: absolute; top: 175px; left: 50%; margin-left: -495px; z-index: 1; } .corners { float: left; background: transparent url(../Images/rounded-corners.gif) no-repeat; height: 10px; width: 990px; } .corners2 { float: left; background: transparent url(../Images/rounded-corners-bottom.gif) no-repeat; height: 13px; width: 990px; } #container { background: #fff; float: left; } #sidebar { width: 200px; float: left; } #sidebar .padding { padding: 10px; } #sidebar ul { list-style: none; padding-bottom: 15px; } #sidebar h1 { color: #53a7f5; font-weight: bold; padding: 10px 0px 8px 0px; border-bottom: 1px solid #e5e5e5; } #sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active { display: block; padding: 5px; padding-left: 20px; background: transparent url(../Images/arrow.png) no-repeat 10px; text-decoration: none; color: #636363; border-bottom: 1px solid #e5e5e5; } #sidebar a:hover { border-bottom: 1px solid #53a7f5; } .ie #sidebar ul li.exp { padding: 0px; } #sidebar ul li.exp { display: none; } #sidebar ul li.exp ul { padding: 0px 0px 0px 10px; } .ie #sidebar ul li.exp ul { margin-top: -10px; } #sidebar ul li.exp a { display: block; cursor: pointer; } .sitemap { font-size: 10px; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; padding-top: 15px; padding-left: 15px; width: 755px; float: left; } .sitemap a { text-decoration: none; color: green; } .sitemap a:hover { text-decoration: underline; } #content { width: 790px; float: left; } #content_index { width: 990px; float: left; } #content_index div.page { padding: 15px; float: left; width: 970px; padding-right: 0px; } #content_index div.page h1 { font-weight: bold; color: #252525; font-family: Arial, Verdana, Tahoma; font-size: 17px; width: 950px; float: left; margin-bottom: 15px; } #content div.page { padding: 10px; float: left; } #content div.page h1 { font-weight: bold; color: #1c5693; font-family: Arial, Verdana, Tahoma; font-size: 17px; width: 750px; float: left; margin-bottom: 15px; margin-top: 15px; } #content div.page p { font-size: 11px; font-family: Verdana, Tahoma, Arial; width: 750px; float: left; text-align:justify; color: #636363; padding: 0px 0px 15px; } .page p { padding: 8px 0px 8px 0px; text-align: justify; clear: both; } .footer { width: 990px; float: left; } .footer p { float: right; margin: 20px; color: #fff; } .loading { display: none; background: #252525; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; } .loading .load { width: 50px; height: 50px; position: absolute; z-index: 1001; top: 50%; left: 50%; } .loading .load span { color: #fff; position: absolute; z-index: 1002; top: -50px; left: -100px; width: 250px; } .form th { font-weight: normal; vertical-align: middle; width: 100px; } /* faq */ .faq .q { font-weight: bold; font-size: 13px; padding-bottom: 7px; padding-top: 20px; font-family: Arial; } .faq .a { padding-bottom: 20px; padding-right: 20px; border-bottom: 1px dashed #e5e5e5; } /* tips and tricks */ .tips p { text-align: justify; padding: 8px 0px 8px 0px; } .tips ul.tips-list { list-style: none; float: left; width: 950px; } .tips li.show a { padding: 10px; display: block; font-size: 13px; color:#636363; font-weight: bold; font-family: Arial; text-decoration: none; border-bottom: 1px dashed #e5e5e5; } .tips li.show a:hover { border-bottom: 1px dashed #53a7f5; } .tips li.show a.active { color: #53a7f5; border-top: 1px solid #53a7f5; border-left: 1px solid #53a7f5; border-right: 1px solid #53a7f5; } .tips li.exp.active { border-bottom: 1px solid #53a7f5; border-left: 1px solid #53a7f5; border-right: 1px solid #53a7f5; } .tips li.show.one { background:#e6ecf3; } .tips li.exp { display: none; padding: 20px; color: #636363;} .tips li.exp ul { padding: 20px; padding-left: 40px; } .tips li.exp h2 { font-weight: bold; font-size: 13px; font-family: Arial; display: block; padding: 10px; padding-top: 18px; } ul.spacing li, ol.spacing li { padding: 3px 0px 3px 0px; } ul.spacing, ol.spacing { float: left; margin-bottom: 15px; width: 720px; } .bold { font-weight: bold; } a { color: Gray; font-weight: bold; } .page .home { padding: 0px 0px 10px 10px !important; width: 970px !important; } /* Home */ .home .welcome { width: 360px; float: left; padding-left: 20px; } .home .welcome h1 { color: #005ad5 !important; font-size: 13px !important; text-transform: uppercase; } .home .boxes { width: 980px; float: left; } .home .boxes .about, .home .boxes .start, .home .boxes .tips, .home .boxes .news { width: 241px; height: 129px; float: left; position: relative; } .home .boxes .about { width: 244px; } .home .boxes .about { background: transparent url(../Images/Home/1a.jpg) no-repeat; } .home .boxes .start { background: transparent url(../Images/Home/2a.jpg) no-repeat; } .home .boxes .tips { background: transparent url(../Images/Home/3a.jpg) no-repeat; } .home .boxes .news { background: transparent url(../Images/Home/4a.jpg) no-repeat; } .home .boxes .about .header {background:none; text-decoration:none; position: relative; top: 10px; left: 120px; font-weight:bold; } .home .boxes .start .header {background:none; text-decoration:none; position: relative; top: 10px; left: 157px; font-weight:bold; } .home .boxes .tips .header {background:none; text-decoration:none; position: relative; top: 10px; left: 130px; font-weight:bold; } .home .boxes .news .header {background:none; text-decoration:none; position: relative; top: 10px; left: 185px; font-weight:bold; } .home .boxes .about a {text-decoration:none;color:#2177a2} .home .boxes .about a:hover {text-decoration:underline;color:#2177a2} .home .boxes .start a {text-decoration:none;color:#66b110} .home .boxes .start a:hover {text-decoration:underline;color:#66b110} .home .boxes .tips a {text-decoration:none;color:#ffae01} .home .boxes .tips a:hover {text-decoration:underline;color:#ffae01} .home .boxes .news a {text-decoration:none;color:#676767} .home .boxes .news a:hover {text-decoration:underline;color:#676767} .home .boxes .about a, .home .boxes .start a, .home .boxes .tips a, .home .boxes .news a { position: absolute; z-index: 3; bottom: 13px; left: 40px; } .home .boxes .about p, .home .boxes .start p, .home .boxes .tips p, .home .boxes .news p { padding: 20px 20px 0px 20px; text-align:left; } /* big box (features) */ .home .big-box { float: left; width: 726px; height: 235px; background: transparent url(../Images/Home/bg-box.jpg) no-repeat; } .home .big-box .menu-list { width: 245px; height: 230px; float: left; text-align: right; } .home .big-box .menu-list ul { float: right; width: 200px; margin-top: 15px; list-style: none; } .home .big-box .menu-list li a { font-weight:normal; display: block; padding: 10px 15px; color: #083c89; text-decoration: none; border-bottom: 1px solid #59a4d5; } .home .big-box .menu-list li.features a { border-top: 1px solid #59a4d5; } .home .big-box .menu-list li a:hover, .home .big-box .menu-list li a.active { font-weight:bold; background: transparent url(../Images/Home/hover.png) no-repeat; text-decoration: none; } .home .big-box .content-box { float: left; width: 455px; height: 205px; padding: 10px 0px 0px 15px; } .home .big-box .content-box .con p {padding:5px 0px 0px 3px;text-align:left; clear: none; float: none; } .home .big-box .content-box .con img {padding:5px; border:solid 1px #ababab;background-color:#fff;float:left; margin-right: 10px;} .home .big-box .content-box .con h2{color:#083c89;font-size:14px; font-weight:bold;border-bottom:solid 1px #ababab;padding:0px 0px 5px 0px;width:345px; } .home .big-box .content-box .con ul{ list-style-image:url(../Images/Home/check.gif);float:left;padding-left:40px} .home .big-box .content-box .con li{padding:5px 0px 0px 0px} .home .big-box .content-box .con .FeaturesList {float:left; width:450px;color:#083c89; padding:10px 0px 0px 0px} /* solutions buttons */ .home .solutions { float: left; width: 241px; } .home .solutions .ready { margin: 0px 0px; float: left; width: 240px; height: 120px; background: transparent url(../Images/Home/ready-solution-a.jpg) no-repeat; } .home .solutions .custom { float: left; width: 240px; height: 120px; background: transparent url(../Images/Home/custom-solutions-a.jpg) no-repeat; } /* video */ .pnl_v { width: 259px; background: url(../Images/Video/bg_2.jpg) repeat-y; float: left; } .pnl_video { width: 259px; background: url(../Images/Video/bg_1.jpg) no-repeat bottom; float: left; padding-bottom: 10px; } #tab_advertiser { float: left; width: 259px; background: transparent url(../Images/Video/tab_advertiser.jpg) no-repeat; height: 47px; } #tab_advertiser .advertiser { width: 130px; height: 40px; float: left; cursor: pointer; } #tab_advertiser .shipper { width: 120px; height: 40px; float: left; cursor: pointer; } #tab_shipper { float: left; width: 259px; background: transparent url(../Images/Video/tab_shipper.jpg) no-repeat; display: none; height: 47px; } #tab_shipper .advertiser { width: 120px; height: 40px; float: left; cursor: pointer; } #tab_shipper .shipper { width: 130px; height: 40px; float: left; cursor: pointer; } .tab { float: left; width: 242px; font-size: 11px; color: #cdcdcd; text-transform: uppercase; background: transparent url(../Images/Video/inside_tab.jpg) no-repeat; padding: 5px; margin: 5px 0px 0px 8px; } .pnl { float: left; width: 242px; } ._pnl { float: left; width: 242px; margin-left: 8px; } ._top { width: 242px; float: left; background: transparent url(../Images/Video/pnl_top.jpg) no-repeat top; } ._content { width: 242px; float: left; background: transparent url(../Images/Video/pnl_bg.jpg) repeat-y; } ._bottom { width: 242px; float: left; background: transparent url(../Images/Video/pnl_bottom.jpg) no-repeat bottom; } ._bottom ul { padding: 10px; } ._bottom ul a { font-weight: normal; display: block; padding: 4px 0px 4px 5px; border-bottom: 1px solid #e5e5e5; } /* support */ #pnlSupportForm .row { width: 960px; float: left; margin: 2px 0px; } #pnlSupportForml .row .lbl { width: 120px; float: left; text-align: left; } #pnlSupportForm .row .textbox, #pnlSupportForm .row .ddl { float: left; width: 200px; } .SupportBox { float: left; width: 620px;} .SupportBox .big-box { float: left; width:600px; height: 300px;} .SupportBox .big-box p {padding:5px 0px 0px 3px;text-align:left; } .SupportBox .big-box img {padding:2px; border:solid 1px #ababab;background-color:#fff;float:left} .SupportBox .big-box h2{color:#2177a2;font-size:12px; font-weight:bold;border-bottom:solid 1px #ababab;padding:0px 0px 5px 0px;width:170px; } .SupportBox .big-box a{text-decoration:none;color:#2177a2;} .SupportBox .big-box a:hover {text-decoration:underline;color:#2177a2} #Documentation {float: left; width: 290px; height: 140px; padding: 0px 0px 0px 0px; } #VideoTutorials {float: left; width: 285px; height: 140px; padding: 0px 0px 0px 0px; } #SupportLive {float: left; width: 290px; height: 140px; padding: 20px 0px 0px 0px; } #SupportDemo {float: left; width: 285px; height: 140px; padding: 20px 0px 0px 0px; } /* contact us */ .contact-info { background:transparent url(../images/forms/bg_contact.jpg);width:500px;height:376px;} #SkypeUSA {position:relative; top:145px; left:160px;} #SkypeEU {position:relative; top:325px; left:-25px;}