@import url(animate.css);font-color



/* -------------

 * Common Style

 * ------------- */

html{ overflow-y: scroll;}

html, body{ height:100%; background:#2b57a7; font-size:13px;}

/*html, body{ height:100%; background:#332e2b; font-size:13px;}*/

/* ------------- Commented out by Conway

html, body{ height:100%; background:transparent; font-size:13px;}*/

/* ------------- Commented out by Conway

 * html, body{ height:100%; background:#c9c89c; font-size:13px;}

 * ------------- */

#wrapper{ min-width:930px; padding:5px 0px 0;}

/* ------------- Commented out by Conway

#wrapper{ min-width:930px; padding:29px 29px 0;}

* ------------- */

#container{ position:relative; overflow:hidden; /*height:945px;*/ height:950px;  width: 100%; margin:0 auto; }

img.banner{ position:absolute; left:0; top:0; /*min-height:568px;*/ /*width:1845px;*/}

/*.nivo-main-image{ min-height:568px;}*/

.bgWidth { width: 100%; }

.bgHeight { height: 100%; }

.tablet-landscape, .tablet-portrait, .mobile-landscape, .mobile-portrait{

	display:none;

}

.desktop{

	display:block;

}





/* -------------

 * Header

 * ------------- */

.logo{ position:absolute; /*left:30px; top:28px;*/ left:0; top:0; z-index:1000;}

.logo a{ display:block; width:333px; height:187px; background:url(../img/logo.png) no-repeat 0 0; text-indent:-9999px;}



/*.contactus{ position:absolute; left:0; top:0; z-index:1000;}

.contactus a{ display:block; width:244px; height:43px; background:url(../img/btn-contactus.png) no-repeat 0 0; text-indent:-9999px;}*/





/*.home-btnTop-index{ width:auto; padding:0; margin-bottom:4px; text-indent:-9999px;}*/

/*.home-btnTop-index {

    position: absolute; 

    top: 0;

    z-index: 1000;

    right: 0px;

}

.home-btnTop-index a{ float:left; width:244px; height:43px; }

.home-btnTop-index a.btnTracking{ margin-bottom:6px; background:url(../img/btn-tracking.png) no-repeat 0 0;}

.home-btnTop-index a.btnContact{ margin-bottom:0; background:url(../img/btn-contactus.png) no-repeat 0 0;}

.home-btnTop-index a:hover{ background-position:left bottom;}*/





/* -------------

 * Menu

 * ------------- */

.menuContainer{ position:relative;} 

.menuBg{ background:url(../img/bg-submenu.png) repeat; display:none; /*position:absolute;*/ left:0; bottom:40px; width:100%; height:40px; }

.menu{ /*position:absolute; left:0; top:878px; z-index:1000;*/ position:relative; width:100%; height:40px; margin-bottom:0px; background:#2b57a7 url(../img/menu.png) no-repeat;}

/* ------------- Commented out by Conway 

.menu{ position:relative; width:100%; height:40px; margin-bottom:5px; background:#151313 url(../img/menu.png) no-repeat;}

* ------------- */

.menu>li{ float:left;}

.menu>li>a{ display:block; height:40px; /*background-image:url(../img/menu.png);*/ text-indent:-9999px;}

/*.menu a.m1 { background-position:left top; width:135px;}

.menu a.m1:hover, .menu a.m1.active { background-position:left -40px;}

.menu a.m2 { background-position:-135px top; width:201px;}

.menu a.m2:hover, .menu a.m2.active { background-position:-118px -80px;}

.menu a.m3 { background-position:-336px top; width:164px;}

.menu a.m3:hover, .menu a.m3.active { background-position:left -120px;}

.menu a.m4 { background-position:-500px top; width:155px;}

.menu a.m4:hover, .menu a.m4.active { background-position:left -160px;}

.menu a.m5 { background-position:-655px top; width:190px;}

.menu a.m5:hover, .menu a.m5.active { background-position:left -200px;}

.menu a.m6 { background-position:-845px top; width:135px;}

.menu a.m6:hover, .menu a.m6.active { background-position:left -240px;}*/



/*old starts */



/*.menu a.m1 { background-position:left top; width:126px;}

.menu a.m1:hover, .menu a.m1.active { background-position:left -40px;}

.menu a.m2 { background-position:-135px top; width:129px;}

.menu a.m2:hover, .menu a.m2.active { background-position:-118px -80px;}

.menu a.m3 { background-position:-336px top; width:174px;}

.menu a.m3:hover, .menu a.m3.active { background-position:left -120px;}

.menu a.m4 { background-position:-655px top; width:131px;}

.menu a.m4:hover, .menu a.m4.active { background-position:left -200px;}

.menu a.m5 { background-position:-845px top; width:142px;}

.menu a.m5:hover, .menu a.m5.active { background-position:left -240px;}

.menu a.m6 { background-position:-500px top; width:227px;}

.menu a.m6:hover, .menu a.m6.active { background-position:left -160px;} */



/*old ends */



.menu a.m1 { background-position:left top; width:86px;}

.menu a.m1:hover, .menu a.m1.active { background-position:left -40px;}

.menu a.m2 { background-position:-135px top; width:90px;}

.menu a.m2:hover, .menu a.m2.active { background-position:-118px -80px;}

.menu a.m3 { background-position:-336px top; width:124px;}

.menu a.m3:hover, .menu a.m3.active { background-position:left -120px;}

.menu a.m4 { background-position:-655px top; width:180px;}

.menu a.m4:hover, .menu a.m4.active { background-position:left -100px;}

.menu a.m5 { background-position:-845px top; width:142px;}

.menu a.m5:hover, .menu a.m5.active { background-position:left -240px;}

.menu a.m6 { background-position:-500px top; width:227px;}

.menu a.m6:hover, .menu a.m6.active { background-position:left -160px;}





.menu>li.m4 ul li:first-child{ margin-left:340px;}





/* -------------

 * Footer

 * ------------- */

/*#footer{ position:absolute; left:0; top:918px; width:100%; padding:8px 0; color:#70655b; font-size:11px;}*/

.footer{ position:absolute; left:0; bottom:0; z-index:1000; width:100%; padding:0 0 1px 1px; background:#2b57a7; color:#fff; font-size:11px;}

/* ------------- Commented out by Conway

.footer{ position:absolute; left:0; bottom:0; z-index:1000; width:100%; padding:0 0 8px; background:#332E2B; color:#70655b; font-size:11px;}

* ------------- */

.footer li{ float:left;}

.footer a{ display:block; color:#70655b; font-size:11px;}

.footer a:hover{ color:#fff;}

.footer-links{ float:right; margin-right:12px; padding:0 0 0px 0px;}

.footer-copyright{ float:none; text-align: center; margin-right:17px; padding:0 0 0px 0px;}

.footer-links li:first-child{ background:none;}

.footer-links li{ background:url(../img/bg-separ.png) no-repeat left center;}

.footer-links li a{ padding:0 10px;}

.footer-social{ float:right; margin-right:11px;}

.footer-social a{ margin-left:15px; background:url(../img/btn-social.png) no-repeat 0 0; text-indent:-9999px;}

.footer-social a:hover{ opacity:0.6; filter:alpha(opacity=60);}

.fb a{ background-position:left top; width:10px;}

.twitter a{ background-position:-26px top; width:17px;}

.weibo a{ background-position:-60px top; width:21px;}

.email a{ background-position:-96px top; width:21px;}

.footer-links-adv{ float:right; margin-right:12px; padding:0 0 0px 0px;}

.footer-links-adv li:first-child{ background:none;}

/*.footer-links-adv li{ background:url(../img/bg-separ.png) no-repeat left center;}*/

.footer-links-adv li a{ padding:0 3px;}





/* -------------

 * Home

 * ------------- */

/*.rightbottomContent{ position:absolute; z-index:1000; right:-245px; bottom:125px; width:244px; opacity:0; filter: alpha(opacity=0);}

.rightbottomContent>div{ position:relative; overflow:hidden; width:auto; padding:0 12px; color:#eae4db; }

.rightbottomContent h3{ margin-bottom:18px; font-size:24px; color:#fff; text-transform:uppercase;}

.rightbottomContent .btnTop-index{ width:auto; padding:0; margin-bottom:4px; text-indent:-9999px;}

.rightbottomContent .newsBox{height:95px; margin-bottom:5px; padding:60px 13px 0; background:url(../img/bg-news.png) no-repeat 0 0;}*/



.rightContent{ position:absolute; z-index:1000; /*right:10px;*/ right:-245px; /*top:84px;*/ /*top:187px;*/ /*top:175px;*/ top:125px; width:244px; opacity:0; filter: alpha(opacity=0);}

.rightContent>div{ position:relative; overflow:hidden; /*width:221px;*/ width:auto; padding:0 12px; color:#eae4db; }

.rightContent h3{ margin-bottom:18px; font-size:24px; color:#fff; text-transform:uppercase;}

.rightContent .btnTop-index{ width:auto; padding:0; margin-bottom:4px; text-indent:-9999px;}

.btnTop-index a{ float:left; width:244px; height:43px; }

.btnTop-index a.btnVideo{ margin-bottom:4px; background:url(../img/btn-video.png) no-repeat 0 0;}

.btnTop-index a.btnTracking{ margin-bottom:4px; background:url(../img/btn-tracking.png) no-repeat 0 0;}

.btnTop-index a.btnContact{ margin-bottom:4px; background:url(../img/btn-contactus.png) no-repeat 0 0;}

.btnTop-index a.btnRequest{ margin-bottom:4px; background:url(../img/btn-requestquote.png) no-repeat 0 0;}

.btnTop-index a.btnLogin{ margin-bottom:5px; background:url(../img/btn-login.png) no-repeat 0 0;}

.btnTop-index a:hover{ background-position:left bottom;}

.rightContent .newsBox{height:95px; margin-bottom:5px; padding:60px 13px 0; background:url(../img/bg-news.png) no-repeat 0 0;}

.cycle-slideshow{ font-size:11px;}

.cycle-slideshow span{ display:block; line-height:130%;}

.date{ color:#b79c86}

.desc{ margin-bottom:18px;}

.btnNews{ position:absolute; z-index:1000; right:10px; bottom:15px; color:#eae4db; font-size:11px;}

.btnNews a{ float:left; display:block; width:19px; height:19px; background:url(../img/btn-prev-next.png) no-repeat; text-indent:-9999px; }

.btnNews .btnNext{ margin-left:2px; background-position:right top;}

.btnNews .btnNext:hover{ background-position:right bottom;}

.btnNews .btnPrev{ background-position:left top;}

.btnNews .btnPrev:hover{ background-position:left bottom;}

.btnMore{ display:block; width:70px; height:20px; background:url(../img/btn-more.png) no-repeat; text-indent:-9999px;}

.btnMore:hover{ background-position:left bottom;}

.rightContent .servicesBox{ height:160px; background:url(../img/bg-services.png) no-repeat 0 0; font-size:12px;}

/*.servicesBox ul{ margin-top:52px;}*/

.servicesBox li{ float:left; width:210px; margin-bottom:5px; padding-left:10px; background:url(../img/icon-start.png) no-repeat left 3px; letter-spacing:-0.2px; line-height:130%;}

/*.servicesBox ul li.even{ width:80px}*/

.servicesBox .col{ float:left;  margin-top:50px;}

.servicesBox .col:hover{ cursor:pointer; color:#dfc4ac;}

.leftContent{ position:absolute; /*left:30px; top:358px;*/ left:0; /*top:440px;*/ /*bottom:450px;*/ bottom:350px; z-index:999; width:740px; height:57px; background:url(../img/bg-left-content-top.png) no-repeat;}

.leftContentS{ width:659px; height:53px; background:url(../img/bg-left-content-s.png) no-repeat;}

.btnLearn{ position:absolute; left:516px; top:98px; display:block; width:93px; height:17px; background:url(../img/btn-learn.png) no-repeat; text-indent:-9999px}

.leftContentS .btnLearn{ top:120px; left:440px;}

.btnLearn:hover{ background-position:left bottom;}





/* -------------

 * Inner

 * ------------- */

.btnTop{ float:right; margin:-28px 10px 0 0;}

.btnTop a{ float:left; width:233px; height:28px; margin-left:2px; text-indent:-9999px;}

.btnTop a.btnTracking{ background:url(../img/tracking.png) no-repeat right 0;}

.btnTop a.btnContact{ background:url(../img/tracking.png) no-repeat 0 0; margin-right:-9px;}

.btnTop a:hover{ background-position:left -60px;}

.btnTop a.btnTracking:hover{ background-position:right -60px;}

.rightContent-wrapper{ /*position:absolute;*/ z-index:1000; right:10px; /*top:94px;*/ width:404px; /*height:709px;*/ color:#eae4db; /*padding-left:28px;*/}  

/* ------------- Commented out by Conway  ------------- */

/*.rightContent-container {

    position: absolute;

    z-index: 1000;

    right: 10px; 

    width: 504px;

    padding: 48px 30px;

    margin: 20px 0;

    background: url(../img/bg-right-content-inner.png) repeat;

    color: #eae4db;

}*/

/*.rightContent-container {

    position: absolute;

    z-index: 1000;

    right: 10px; 

    width: 504px;

    padding: 48px 30px;

    margin: 20px 0;

    color: #eae4db;

    background-color: #E0E3C6;

    filter: alpha(opacity=90);

}*/

/*.rightContent-container {

    position: absolute;

    z-index: 1000;

    right: 10px; 

    width: 504px;

    padding: 48px 30px;

    margin: 20px 0; 

    color: #eae4db;

    background-color: #FFFFFF;

    filter: alpha(opacity=75);

}*/

.rightContent-container {

    position: absolute;

    z-index: 0; /*  z-index: 1000; */

    right: 10px; 

    width: 504px;

    padding: 48px 30px;

    margin: 20px 0;

    background: url(../img/bg-right-content-inner-white.png) repeat;

    color: #eae4db;

}

.rightContent-container.networkLanding{ width:870px; padding:48px 30px;}

.rightContent-container p{ margin-bottom:15px;}

.selectNetwork.scrollContent{ width:99%; height:781px; overflow:hidden; padding-right:8px;}

.scrollContent{ width:496px; /*height:565px;*/ /*height:88%;*/ /*height:80%;*/ overflow:hidden; padding-right:8px;}

/* ------------- Commented out by Conway ----------- */

/*.rightContent-container h3{ margin-bottom:22px; font-size:24px; color:#eae4db; text-transform:uppercase; line-height:140%; font-family: 'Open Sans',sans-serif;}

.rightContent-container h4{ margin-bottom:15px; font-size:18px; color:#eae4db; text-transform:uppercase; line-height:140%; font-family: 'Open Sans',sans-serif;}*/

.rightContent-container h3{ margin-bottom:22px; font-size:24px; color:#442E21; text-transform:uppercase; line-height:140%; font-family: 'Open Sans',sans-serif;}

.rightContent-container h4{ margin-bottom:15px; font-size:18px; color:#442E21; text-transform:uppercase; line-height:140%; font-family: 'Open Sans',sans-serif;}

/* ------------- Commented out by Conway ----------- */

/*.rightContent-container h5{ margin-bottom:15px; font-size:20px; color:#b79c86; line-height:150%; font-family:Arial, Helvetica, sans-serif; font-family: 'Open Sans',sans-serif;}*/

/*.rightContent-container h6{ margin-bottom:12px; font-size:14px; color:#fff; line-height:150%; font-family: 'Open Sans',sans-serif; text-transform:uppercase;}*/

.rightContent-container h5{ margin-bottom:15px; font-size:14px; color:#442E21; line-height:150%; font-family:Arial, Helvetica, sans-serif; font-family: 'Open Sans',sans-serif; text-align: justify;}

.rightContent-container h6{ margin-bottom:12px; font-size:14px; color:#442E21; line-height:150%; font-family: 'Open Sans',sans-serif; text-align: justify;}



/* ------------- Added by Conway ----------- */

.rightContent-container p{ margin-bottom:12px; color:#442E21; font-family: 'Open Sans',sans-serif; }

.rightContent-container div{ color:#442E21; }

.rightContent-container a{ color:#442E21; }







.btnToggle{ position:absolute; left:0; top:310px; width:57px; height:55px; background:url(../img/btn-toggle.png) no-repeat 0 0; text-indent:-9999px}

.btnToggle.closed{ background:url(../img/btn-toggle.png) no-repeat 0 bottom;}



.news .scrollContent li{ margin-bottom:11px; border-bottom:1px solid #665448;}

.news .scrollContent span, .news .scrollContent a{ display:block; font-size:11px; line-height:135%;}

.news .scrollContent a:hover{ color:#B79C86;}

.news a{ color:#fff;}

.news .desc{ margin-bottom:11px;}

.cycle-slideshow-container{ min-height:190px;}

.newsContent{ /*float:left; width:208px; width:250px;*/}

.nophoto .newsContent{ float:none; width:auto;}

.fullWidth{ width:100%;}

.cycle-slideshow-container{ float:left; width:233px; margin-left:10px; overflow:hidden;}

.nophoto .cycle-slideshow-container{ display:none;}

.newsImg{ display:block; position:relative; /*width:287px;*/ width:233px; height:166px;}

.banner-pager { float:left; position:relative; left:50%; margin-top:5px;}

.banner-pager li{ float:left; position:relative; left:-50%;}

.banner-pager li a{ display:block; height:13px; width:13px; margin-left:3px; background:url(../img/btn-pager.png) no-repeat 0 0; text-indent:-9999px;}

.banner-pager li a:hover, .banner-pager li.cycle-pager-active a{ background-position:right top;}

.banner-pager > *{ cursor:pointer;}

.btnZoom{ position:absolute; left:50%; top:50%; width:38px; height:38px; background:url(../img/icon-zoom.png) no-repeat 0 0; margin:-19px 0 0 -19px;}



.network dt{ color:#b79c86;}

.network dd{ margin-bottom:12px; color:#eae4db;}

.btnBack{ display:block; width:70px; height:20px;  margin-top:20px; background:url(../img/btn-back.png) no-repeat; text-indent:-9999px}

.btnBack:hover{ background-position:left bottom;}



/* ------------- Commented out by Conway ----------- */

/*h5.accordion-header{ margin-bottom:0; padding:4px 8px; font-size:13px; background:#321b0b;}

.accordion-header a{ display:block; background:url(../img/arrow-slider-left.png) no-repeat right center; color:#c69a75; font-weight:bold; }

.accordion-header a:hover, .accordion-header.active a{ background-image:url(../img/arrow-slider-down.png);}*/



/*h5.accordion-header { margin-bottom: 0; padding: 4px 8px; font-size: 12px; background: #c9c89c; color: #442E21;}

.accordion-header a{ display:block; background:url(../img/arrow-slider-left-white.png) no-repeat right center; color:#c69a75; font-weight:bold; color: #442E21;}

.accordion-header a:hover, .accordion-header.active a{ background-image:url(../img/arrow-slider-down-white.png);}

.accordion-container{ padding:5px;}

.accordion-container .header{ margin-bottom:5px; }*/



h5.accordion-header {

    margin-bottom: 0;

    padding: 4px 8px;

    font-size: 12px;

    background: #555353;

    color: #e3ddd6;

}

.accordion-header a{ display:block; background:url(../img/arrow-slider-left-white.png) no-repeat right center; color:#c69a75; font-weight:bold; color: #e3ddd6;}

.accordion-header a:hover, .accordion-header.active a{ background-image:url(../img/arrow-slider-down-white.png);}

.accordion-container{ padding:5px;}

.accordion-container .header{ margin-bottom:5px; }





/* ------------- Added by Conway ----------- */

.accordion-container li { margin-bottom: 5px; padding-left:13px; background: url(../img/icon-start-brown.png) no-repeat left 4px; color: #442E21;}

.accordion-container-hoilday li { margin-bottom: 5px; padding-left:13px; background: url(../img/icon-start-brown.png) no-repeat left 4px; color: #442E21;}





.careerList{ margin-bottom:15px;}

.careerList li{ margin-bottom:3px; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}



.map{ position:relative; width:534px; height:275px; margin-bottom:30px; background:url(../img/bg-map.png) no-repeat 0 0;  }

.map .spot{ position:absolute; width:17px; height:21px; background:url(../img/icon-spot.png) no-repeat 0 0; text-indent:-9999px;}

.map .spot:hover{ background-position:left bottom;}

.spot1{ left:117px; top:75px;}

.spot2{ left:123px; top:99px;}

.spot3{ left:229px; top:111px;}

.spot4{ left:236px; top:91px;}

.spot5{ left:251px; top:142px;}

.spot6{ left:294px; top:109px;}

.spot7{ left:395px; top:152px;}

.spot8{ left:419px; top:105px;}

.spot9{ left:455px; top:75px;}

.popupSpotName{ display:none; position:absolute; z-index:1001;}

.spotName{ padding:2px 3px; background:#332e2b; color:#fff; text-transform:uppercase;}

.spotArrow{ height:7px; background:url(../img/bg-spot-arrow.png) no-repeat 0 0;}

.networkLanding h6{ margin-bottom:12px; font-weight:bold;}

/*.selectNetwork{ margin-left:35px;}*/

/*.selectNetwork ul{ float:left; width:150px;}*/

.selectNetwork ul li{  margin-bottom:3px; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}

.selectNetwork ul li a{ color:#fff; text-transform:uppercase;}

.selectNetwork ul li a:hover{ color:#cea37d;} 



/* ------------- Commented out by Conway  ------------- */

/*.list li{ margin-bottom:5px; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}

.list li a{ color:#fff;}

.list li a:hover{ color:#cea37d;}

.list li ul{ margin-left:15px;}

.list li ul li{ margin-bottom:3px; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}*/

.list li { margin-bottom: 5px; padding-left:13px; background: url(../img/icon-start-brown.png) no-repeat left 4px; color: #442E21;}

.list li a{ color:#442E21;}

.list li a:hover{ color:#cea37d;}

.list li ul{ margin-left:15px;}

.list li ul li{ margin-bottom:3px; padding-left:13px; background:url(../img/icon-start-brown.png) no-repeat left 4px;}



/* ------------- Commented out by Conway  ------------- */

/*.list-square li{ padding-left:13px; margin-bottom:3px; color:#eae4db; background:url(../img/icon-start.png) no-repeat left 4px;}

.list-square li a{ color:#fff;}

.list-square li a:hover{ color:#cea37d;}*/

.list-square li{ padding-left:13px; margin-bottom:3px; color:#442E21; background:url(../img/icon-start.png) no-repeat left 4px;}

.list-square li a{ color:#442E21;}

.list-square li a:hover{ color:#cea37d;}



/* ------------- Commented out by Conway  ------------- */

/*.breadcrumb{ margin-bottom:20px;}

.breadcrumb li{ float:left; margin-right:5px; font-size:11px; color:#B79C86;}

.breadcrumb li a{ padding-right:15px; background: url(../img/breadcrumb-arrow.png) no-repeat right center; color:#ccc;}

.breadcrumb a:hover{ color:#B79C86; text-decoration:none;}*/

.breadcrumb{ margin-bottom:20px;}

.breadcrumb li{ float:left; margin-right:5px; font-size:11px; color:#442E21;}

.breadcrumb li a{ padding-right:15px; background: url(../img/breadcrumb-arrow-brown.png) no-repeat right center; color:#2b57a7;}

.breadcrumb a:hover{ color:#B79C86; text-decoration:none;}



.sitemap-section {

    margin-bottom: 60px;

	width:90%;

}

/* ------------- Commented out by Conway  ------------- */

/*.sitemap-section .title {

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 20px;

	color:#B79C86;

	font-family: 'Open Sans',sans-serif;

}*/

.sitemap-section .title {

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 20px;

	color:#442E21;

	font-family: 'Open Sans',sans-serif;

}

/* ------------- Commented out by Conway  ------------- */

/*.sitemap-section .title.noSubSection {

    border-bottom: 1px solid #665448;

    padding-bottom: 13px;

}*/

.sitemap-section .title.noSubSection {

    border-bottom: 1px solid #665448;

    padding-bottom: 13px;

}

/* ------------- Commented out by Conway  ------------- */

/*.sitemap-section .title.noSubSection a{ color:#B79C86;}*/

.sitemap-section .title.noSubSection a{ color:#442E21;}

.sitemap-section .rows {

    border-bottom: 1px solid #665448;

    padding: 13px 0 13px 0;

}

.sitemap-section .rows div {

    width: 160px;

}

.sitemap-section .rows div.first {

    margin-right: 50px;

}



/* ------------- Commented out by Conway  ------------- */

/*.sitemap-section .rows a{ display:block; color:#fff; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}*/

.sitemap-section .rows a{ display:block; color:#442E21; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}

.sitemap-section .rows a:hover{ color:#b79c86;}

/* ------------- Commented out by Conway  ------------- */

/*.sitemap-section .title.noSubSection a:hover{ color:#fff;}*/

.sitemap-section .title.noSubSection a:hover{ color:#b79c86;}



.about h5{ margin-bottom:22px;}

.logoContainer .left{ width:300px; margin-right:25px;}

.logoContainer .right{ width:93px; margin-right:56px;}

/* ------------- Commented out by Conway  ------------- */

/*.logoContainer h6{ margin-bottom:18px; font-size:15px; color:#eae4db}*/

.logoContainer h6{ margin-bottom:18px; font-size:13px; color:#442E21}

/*.logoContainer h7{ margin-bottom:18px; font-size:13px; color:#442E21}*/





.aboutList li{ float:left; margin-bottom:4px;}

.aboutList li a{ display:block; width:424px; height:52px; text-indent:-9999px;}

.aboutList li .b1{ background:url(../img/about-people-btn.png) no-repeat 0 0;}

/*.aboutList li .b2{ background:url(../img/about-solutions-btn-new-1.png) no-repeat 0 0;}*/

.aboutList li .b2{ background:url(../img/about-solutions-btn-new.png) no-repeat 0 0;}

.aboutList li .b3{ background:url(../img/about-technology-btn.png) no-repeat 0 0;}

.aboutList li .b4{ background:url(../img/about-network-btn.png) no-repeat 0 0;}

.aboutList li .b99{ background:url(../img/about-network-btn2.png) no-repeat 0 0;}

.aboutList li a:hover{ background-position:left bottom;}



.solutionList li{ float:left; margin:0 5px 4px 0;}

.solutionList li a{ display:block; width:224px; height:42px; text-indent:-9999px;}

.solutionList li .b1{ background:url(../img/btn-retail-fashion.png) no-repeat 0 0;}

.solutionList li .b2{ background:url(../img/btn-automotive.png) no-repeat 0 0;}

.solutionList li .b3{ background:url(../img/btn-chemicals.png) no-repeat 0 0;}

.solutionList li .b4{ background:url(../img/btn-project-cargo.png) no-repeat 0 0;}

.solutionList li a:hover{ background-position:left bottom;}



/* ------------- Commented out by Conway  ------------- */

.CargoMgtList li{ float:right; margin:0 0px 2px 0;}

.CargoMgtList li a{ display:block; width:224px; height:42px; text-indent:-9999px;}

.CargoMgtList li .b1{ background:url(../img/btn-purchase_order.png) no-repeat 0 0;}

.CargoMgtList li .b2{ background:url(../img/btn-vendor.png) no-repeat 0 0;}

.CargoMgtList li .b3{ background:url(../img/btn-production_follow_up.png) no-repeat 0 0;}

.CargoMgtList li .b4{ background:url(../img/btn-SKUP.O.LevelVisibility.png) no-repeat 0 0;}

.CargoMgtList li .b5{ background:url(../img/btn-DischargeDeliveryTracking.png) no-repeat 0 0;}

.CargoMgtList li .b6{ background:url(../img/btn-CustomsEventsTracking.png) no-repeat 0 0;}

.CargoMgtList li .b7{ background:url(../img/btn-DetentionDemurrageMgt.png) no-repeat 0 0;}

.CargoMgtList li .b8{ background:url(../img/btn-ExceptionsVisibilityReporting.png) no-repeat 0 0;}

.CargoMgtList li .b9{ background:url(../img/btn-EmptyReturnsTracking.png) no-repeat 0 0;}

.CargoMgtList li .b10{ background:url(../img/btn-DashboardReporting.png) no-repeat 0 0;}

/*.CargoMgtList li .b11{ background:url(../img/btn-Benchmarking.png) no-repeat 0 0;}*/

.CargoMgtList li .b12{ background:url(../img/btn-CustomizeReporting.png) no-repeat 0 0;}

.CargoMgtList li .b13{ background:url(../img/btn-MilestoneTracking.png) no-repeat 0 0;}

.CargoMgtList li .b14{ background:url(../img/btn-SelfServiceCustomerVisibility.png) no-repeat 0 0;}

/*.CargoMgtList li .b15{ background:url(../img/btn-Blank.png) no-repeat 0 0;}*/

.CargoMgtList li a:hover{ background-position:left bottom;}



/* ------------- Added by Conway  ------------- */

.CargoMgtListLeft li{ float:left; margin:0 0px 0px 28px;}

.CargoMgtListLeft li a{ display:block; width:224px; height:42px; text-indent:-9999px;}

.CargoMgtListLeft li .b11{ background:url(../img/btn-Benchmarking.png) no-repeat 0 0;}

.CargoMgtListLeft li a:hover{ background-position:left bottom;}



.singleItem{ padding-bottom:10px;}

.singleItem .list{ margin-bottom:12px;}



.spots { position:relative; /*height: 244px; width: 546px;*/ width:100%; height:229px; margin-bottom:10px; background:url(../img/map.png) no-repeat 0 0; background-size:496px 1603px;}

.spots a{ position:absolute; height:26px; text-indent:-9999px;}

.spots .spot1{ left:354px; top:57px; width:64px;}

 /*.spots .spot1:hover + .cities > div {

        display: block;

    }*/

.spots .spot2{ left:390px; top:165px; width:75px;}

.spots .spot3{ left:173px; top:46px; width:144px;}

.spots .spot4{ left:239px; top:123px; width:64px;}

.spots .spot5{ left:87px; top:170px; width:107px;}

.spots .spot6{ left:44px; top:58px; width:98px;}

/*.spots a:hover + .cities > div {

        display: block;

    }*/



/*.selectNetwork li{ float:left; width:140px; margin-right:10px;}*/

.cities>div{ display:none;}



.cities>div>ul{  float:left; width:152px; margin-right:10px;}

/* ------------- Commented out by Conway  ------------- */

/*.cities ul li{ line-height:140%;}*/

.cities ul li{ line-height:140%; color:#442E21;}

.contact h6{ font-weight:bold;}



.edienterprise .rightContent-container h3{ text-transform:none;}



.headquarter{ margin-top:5px;}

/* ------------- Added out by Conway  ------------- */

/*.headquarter>a{ color:blue;}*/

.contact .list li{ margin-bottom:10px;}



/* -------------

 * Plugins Styles

 * ------------- */

 

/*** jScrollPane ***/

.jspContainer

{

	overflow: hidden;

	position: relative;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 0;

	width: 16px;

	height: 100%;

	background:none;

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	background: red;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background:url(../img/bg-scroll.png) repeat-y center top;

	position: relative;

}



.jspDrag

{

	background:url(../img/btn-scroll.png) no-repeat center top;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	/*background: #50506d;*/

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



/*.jspVerticalBar .jspArrowDown{ background:url(../img/inner-content_scrollable-box-btmarrow.jpg) no-repeat 0 0;}

.jspVerticalBar .jspArrowUp{ background:url(../img/inner-content_scrollable-box-toparrow.jpg) no-repeat 0 0;}*/



.jspArrow.jspDisabled

{

	cursor: default;

	/*background: #80808d;*/

}



.jspVerticalBar .jspArrow

{

	height: 7px;

}



.jspHorizontalBar .jspArrow

{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

	outline: none;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}

		



/***jcarousel***/

/*.jcarousel-skin-tango1 .jcarousel-container {

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

   border-radius: 10px;

    background: #F0F6F9;

    border: 1px solid #346F97;

}*/



.jcarousel-skin-tango1 .jcarousel-direction-rtl {

	direction: rtl;

}



.jcarousel-skin-tango1 .jcarousel-container-horizontal {

    width: 261px;

    /*padding: 20px 40px;*/

}



.jcarousel-skin-tango1 .jcarousel-container-vertical {

    width: 210px;

    height: 219px;

	padding: 0 0 22px 0;

}



.jcarousel-skin-tango1 .jcarousel-clip {

    overflow: hidden;

}



.jcarousel-skin-tango1 .jcarousel-clip-horizontal {

    width:  261px;

    height: 57px;

}



.jcarousel-skin-tango1 .jcarousel-clip-vertical {

    width: 210px;

    height: 219px;

}



.jcarousel-skin-tango1 .jcarousel-item {

    width: 206px;

    height: 48px;

	position:relative;

	overflow:hidden;

	/*background:url(../img/banner-thumbnail-bg.png) no-repeat;*/

}



.jcarousel-skin-tango1 .jcarousel-item-horizontal {

	margin-left: 0;

    margin-right:0;

}



.jcarousel-skin-tango1 .jcarousel-direction-rtl .jcarousel-item-horizontal {

	margin-left: 10px;

    margin-right: 0;

}



.jcarousel-skin-tango1 .jcarousel-item-vertical {

    margin-bottom: 12px;

}



.jcarousel-skin-tango1 .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



/**

 *  Vertical Buttons

 */

.jcarousel-skin-tango1 .jcarousel-next-vertical {

    position: absolute;

    bottom: 6px;

    left: 104px;

    width: 104px;

    height: 21px;

    cursor: pointer;

}



.jcarousel-skin-tango1 .jcarousel-next-vertical:hover,

.jcarousel-skin-tango1 .jcarousel-next-vertical:focus {

    background-position: right bottom;

}



.jcarousel-skin-tango1 .jcarousel-next-vertical:active {

    background-position: right bottom;

}



.jcarousel-skin-tango1 .jcarousel-next-disabled-vertical,

.jcarousel-skin-tango1 .jcarousel-next-disabled-vertical:hover,

.jcarousel-skin-tango1 .jcarousel-next-disabled-vertical:focus,

.jcarousel-skin-tango1 .jcarousel-next-disabled-vertical:active {

    cursor: default;

    background-position: right 0!important;

}



.jcarousel-skin-tango1 .jcarousel-prev-vertical {

    position: absolute;

    bottom: 6px;

    left: 0px;

    width: 104px;

    height: 21px;

    cursor: pointer;

}



.jcarousel-skin-tango1 .jcarousel-prev-vertical:hover,

.jcarousel-skin-tango1 .jcarousel-prev-vertical:focus {

    background-position: left bottom;

}



.jcarousel-skin-tango1 .jcarousel-prev-vertical:active {

    background-position: left bottom;

}



.jcarousel-skin-tango1 .jcarousel-prev-disabled-vertical,

.jcarousel-skin-tango1 .jcarousel-prev-disabled-vertical:hover,

.jcarousel-skin-tango1 .jcarousel-prev-disabled-vertical:focus,

.jcarousel-skin-tango1 .jcarousel-prev-disabled-vertical:active {

    cursor: default;

    background-position: left 0!important;

}





/*

    Colorbox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}



/* 

    User Style:

    Change the following styles to modify the appearance of Colorbox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:#000;}

#colorbox{outline:0;}

    #cboxContent{margin-top:20px;background:#000;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{border:5px solid #000; background:#fff;}

        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}

        /*#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}*/

        #cboxLoadingGraphic{background:url(images/loading.html) no-repeat center center;}



        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}

        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px; display:none;}

        #cboxPrevious:hover{background-position:bottom left;}

        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px; display:none;}

        #cboxNext:hover{background-position:bottom right;}

        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}

        #cboxClose:hover{background-position:bottom center;}





/*** jquery.selectBox ***/

.selectBox-dropdown {

    min-width:20px;

    position: relative;

    border: solid 1px #c2c2c2;

    line-height: 1.5;

    text-decoration: none;

    text-align: left;

    color: #000;

    outline: none;

    vertical-align: middle;

    background: #fff;

    display: inline-block;

    cursor: pointer;

    margin-right:10px;

	float:left;

}



.selectBox-dropdown:focus,

.selectBox-dropdown:focus .selectBox-arrow {

    /*border-color: #666;*/

}



.selectBox-dropdown.selectBox-menuShowing-bottom {

    -moz-border-radius-bottomleft: 0;

    -moz-border-radius-bottomright: 0;

    -webkit-border-bottom-left-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}



.selectBox-dropdown.selectBox-menuShowing-top {

    -moz-border-radius-topleft: 0;

    -moz-border-radius-topright: 0;

    -webkit-border-top-left-radius: 0;

    -webkit-border-top-right-radius: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.selectBox-dropdown .selectBox-label {

    padding: 0 10px 0 12px;

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

	font-size:11px;

	color:#636363;

}



.selectBox-dropdown .selectBox-arrow {

    position: absolute;

    top: 0;

    right: 0;

    width: 18px;

    height: 100%;

    background: url(../img/arrow-selectbox.html) 0 center no-repeat;

}



/* Dropdown menu */

.selectBox-dropdown-menu {

    position: absolute;

    z-index: 99999;

    max-height: 300px;

    min-height: 1em;

    border: solid 1px #c7c7c7; /* should be the same border width as .selectBox-dropdown */

	border-top:0;

    background: #FFF;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}



/* Inline control */

.selectBox-inline {

    min-width: 150px;

    outline: none;

    border: solid 1px #BBB;

    background: #FFF;

    display: inline-block;

    overflow: auto;

}



.selectBox-inline:focus {

    border-color: #666;

}



/* Options */

.selectBox-options,

.selectBox-options LI,

.selectBox-options LI A {

    list-style: none;

    display: block;

    cursor: pointer;

    padding: 0;

    margin: 0;

}



.selectBox-options.selectBox-options-top{

    border-bottom:none;

	margin-top:1px;

}

.selectBox-options.selectBox-options-bottom{

	border-top:none;

}



.selectBox-options LI A {

    line-height: 1.5;

    padding: 0 12px;

    white-space: nowrap;

    overflow: hidden;

    background: 6px center no-repeat;

	font-size:11px;

}



.selectBox-options LI.selectBox-hover A, .selectBox-options LI.selectBox-hover.selectBox-hover A:hover {

    background-color: #EEE;

}

.selectBox-options LI.selectBox-hover.selectBox-hover A {

	background:none;

}



.selectBox-options LI.selectBox-disabled A {

    color: #888;

    background-color: transparent;

}



.selectBox-options LI.selectBox-selected A {

    /*background-color: #C8DEF4;*/

}



.selectBox-options .selectBox-optgroup {

    color: #666;

    background: #EEE;

    font-weight: bold;

    line-height: 1.5;

    padding: 0 .3em;

    white-space: nowrap;

}



/* Disabled state */

.selectBox.selectBox-disabled {

    color: #888 !important;

}



.selectBox-dropdown.selectBox-disabled .selectBox-arrow {

    opacity: .5;

    filter: alpha(opacity=50);

    border-color: #666;

}



.selectBox-inline.selectBox-disabled {

    color: #888 !important;

}



.selectBox-inline.selectBox-disabled .selectBox-options A {

    background-color: transparent !important;

}



ul.default li{ margin-bottom:3px; padding-left:13px; background:url(../img/icon-start.png) no-repeat left 4px;}





/* The Nivo Slider styles */



.nivoSlider {

	/*position:relative;*/

/*	width:1844px;

	height:918px;*/

	width:100%;

	overflow: hidden;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	max-width: none;

}

.nivo-main-image {

	display: block !important;

	position: relative !important; 

	/*width: 100% !important;*/

	width: auto !important;

}



/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

	background:white; 

	filter:alpha(opacity=0); 

	opacity:0;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

	top:0;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

	overflow:hidden;

}

.nivo-box img { display:block; }



/* Caption styles */

/*.nivo-caption {

	position:absolute;

	left:0px;

	bottom:0px;

	background:#000;

	color:#fff;

	width:100%;

	z-index:8;

	padding: 5px 10px;

	opacity: 0.8;

	overflow: hidden;

	display: none;

	-moz-opacity: 0.8;

	filter:alpha(opacity=8);

}*/

.nivo-caption p {

	padding:5px;

	margin:0;

}

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	position:absolute;

	top:45%;

	z-index:9;

	cursor:pointer;

}

.nivo-prevNav {

	left:0px;

}

.nivo-nextNav {

	right:0px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

	position:absolute;

	left:18px;

	bottom:229px;

	z-index:999;

	text-align:center;

}

.nivo-controlNav a {

	float:left;

	width:20px;

	height:20px;

	background:url(../img/btn-dot.png) no-repeat 0 0;

	margin-right:5px;

	text-indent:-9999px;

	cursor:pointer;

}

.nivo-controlNav a.active, .nivo-controlNav a:hover {

	background-position:left bottom;

}

.nivo-directionNav{ display:none;}

.nivo-html-caption, .nivo-caption{ position:absolute; /*bottom:347px;*/ bottom:221px; left:0; z-index:999; width:614px; height:93px; padding:15px 18px; background:url(../img/bg-left-content.png) no-repeat; font-family: 'Open Sans',sans-serif; font-size:13px; color:#fff; line-height:130%;}

#loader {

    background:#000;

    height: 100%;

    right: 0;

    position:absolute;

    top: 0;

    width: 100%;

    z-index: 1000;

}

#loader img{ position:absolute; left:47%; top:47%;}





.formRow { margin:0 0 16px 0;}

/* ------------- Commented out by Conway  ------------- */

/*.formRow>label{ float:left; width:33%; padding-top:2px; color:#fff; font-size:12px;}*/

.formRow > label { float: left; width: 33%; padding-top: 2px; color: #442E21; font-size: 12px;}

.formRow .formField{ float:left; width:67%; }

/* ------------- Commented out by Conway  ------------- */

/*.formRow input[type="text"], .formRow textarea, .otherField{ height:16px; line-height:16px; width:94%; padding:1px 10px; border:1px solid #ced3d7;}*/

.formRow input[type="text"], .formRow textarea, .otherField{ height:16px; line-height:16px; width:94%; padding:1px 10px; border:1px solid #ced3d7; background-color: #C0C0C0}

.checkBox{ margin-bottom:5px;}

.checkBox input{ margin-right:6px;}

.formRow textarea{ height:110px; font-size:12px;}

.btnSubmit{ float:right; width:80px; height:20px; margin:25px 10px 0 0; border:0; cursor:pointer; background:url(../img/btn-submit.png) no-repeat 0 0;}

.btnSubmit:hover{ background-position:left bottom;}

.warningMsg{ display:none; margin-top:3px; color:#B79C86; line-height:1.2em;}

.showField{ display:none; margin-bottom:12px;}

.showFieldRow{ margin-bottom:7px;}

.formField span{ display:block; margin-top:3px; font-size:10px; line-height:1.3em;}



.slideOutUp {

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@media screen and (max-width: 1000px) {

.desktop, .tablet-landscape, .mobile-landscape, .mobile-portrait{

	display:none;

}

.tablet-portrait{

	display:block;

}



#wrapper{ min-width:inherit; padding:0;}

#container{ overflow:auto; height:auto!important;}

.topBanner{ width:100%; max-width:100%;}



.tabletLayout{ padding:16px 35px 20px; background:#2b57a7;}

.tabletLayout .slogan{ margin-bottom:15px; font-size:42px; color:#eae4db; text-transform:uppercase; font-weight:300; line-height:100%; font-family: 'Open Sans',sans-serif;}

.tabletLayout .text{ margin-bottom:20px; font-size:13px; color:#ffffff; line-height:120%; font-family: 'Open Sans',sans-serif;}

.btnLearn{ position:static;}



.rightContent{ position:static; width:auto;}

.rightContent .newsBox{ height:auto; padding:16px 35px 20px; margin-bottom:0; background:#2e2621;}

.rightContent>div h4{ margin-bottom:15px; font-size:24px; color:#eae4db; line-height:100%; font-family: 'Open Sans',sans-serif;}

.date{ color:#eae4db;}

.btnNews{ right:35px; bottom:20px;}

.rightContent .servicesBox{ height:auto; padding:16px 35px 15px; margin-bottom:0; background:#143879;}

.servicesBox .col{ margin-top:0;}

.mobileMenu{ position:absolute; left:0; top:0; z-index:1001; width:100%;}

.mobileMenu.active{ background:#151313;}

#btnMenuPull{ position:absolute; right:0; top:0; z-index:10; width:41px; height:41px; background:url(../img/btn-menu.png) no-repeat 0 0; text-indent:-9999px;}

#btnMenuPull.active{ background-position:left bottom;}

.mobileMenu .menu{ display:none; position:absolute; left:0; top:0; padding:60px 0 30px; background:#151313; height:auto;}

.menu>li{ float:none; /*padding:0 20px;*/}

.menu>li>a{ width:auto!important; height:auto; padding:7px 15px; margin:0 20px; border-bottom:1px solid #37312f; text-indent:inherit; text-transform:uppercase; font-size:14px; font-family: 'Open Sans',sans-serif;}

.menu>li.hasSubMenu>a{ background:url(../img/arrow-menu.png) no-repeat right center!important; }

.mobileMenu .submenu{ position:static; width:auto; padding:8px 35px; background:#2b57a7;}

.mobileMenu .submenu>li{ float:none; padding:1px 15px; background:url(../img/icon-start.png) no-repeat left 7px; }

.mobileMenu .submenu>li:first-child{ margin-left:0; background:url(../img/icon-start.png) no-repeat left 7px;}

.mobileMenu .menu>li.active{ background:#cdcdcd;}

.mobileMenu .menu>li.active a{ border:0;}

.mobileMenu .submenu>li a{ padding:0; font-size:13px; font-family: 'Open Sans',sans-serif;}

.mobileMenu .menu>li.m4 ul li:first-child{ margin-left:0;}

.mobileMenu .menu>li.last a{ border:0;}



#footer{ position:static; width:auto; padding:12px 35px 15px; background:#2b57a7;}

.footer-copyright, .footer-links, .footer-social{ float:none; margin-left:0;}

.footer-copyright{ margin-bottom:2px;}

.footer-links li:first-child a{ padding-left:0;}

.footer-social a{ margin:10px 0 0 0;}  	



/* ------------- Commented out by Conway  ------------- */

/*.rightContent-container{ position:static; width:auto!important; height:auto!important; margin:0; padding:16px 35px 20px!important; background:#442E21; }*/

.rightContent-container{ position:static; width:auto!important; height:auto!important; margin:0; padding:16px 35px 20px!important; }

.scrollContent{ width:auto; height:auto!important; padding-right:0;}

.rightContent-wrapper { width:auto;}

.spots, .cities{ display:none;}

.cities-mobile{ display:block;}

.cities>div{ display:block!important; margin-top:30px;}

.cities>div:first-child{ margin-top:0;}

.sitemap-section{ width:auto;}

.sitemap-section .rows div{ width:48%;}

.sitemap-section .rows div.first{ margin-right:4%;}



}



@media screen and (max-width: 767px) {

.logo a{  width:170px; height:96px; background:url(../img/m-logo.png) no-repeat 0 0;}	

.logoContainer .left{ width:80%; margin:0;}

.logoContainer .right{ width:auto; margin:0;}

.aboutList li a{ width:250px; height:75px;}

.aboutList li .b1{ background: url(../img/about-people-btn-250.png) no-repeat 0 0;}

.aboutList li .b2{ background: url(../img/about-solutions-btn-250.png) no-repeat 0 0;}

.aboutList li .b3{ background: url(../img/about-technology-btn-250.png) no-repeat 0 0;}

.aboutList li .b4{ background: url(../img/about-network-btn-250.png) no-repeat 0 0;}

.aboutList li .b99{ background: url(../img/about-network-btn-2502.png) no-repeat 0 0;}

.about .scrollContent p img{ width:100%; max-width:100%;}

.jspHorizontalBar{ display:none;}

.formRow>label{ float:none; width:100%;}

.formRow .formField{ float:none; width:100%;}

}

	

	

@media print {

    * {



        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

	

/*** Add sections here to hide various parts of the site when printing ***/



}







