/* Layout (global rules for all sizes) */

/* Layout Large Screens (default for older browsers) */

@media screen and (max-width:980px) {
.topContent { width:780px; }
#pageHeader { width:780px; }
.nav { max-width:280px; height:auto; margin:20px 0px 0px; }
div#topMenu { height:auto; }
.menu, .top-nav { display:none; }
.tinynav { display:block !important; }
#tinynav1 { width:280px; color:#fff; padding:8px 5px; text-align:center; text-transform:uppercase; background:#0c8e86; border:none; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc); }
#tinynav1 option { text-indent:10px; margin:3px 0px; text-align:left; font-size:12px; }

.fullwidth{width:780px;}
.onethird{width:246px; margin-right:20px;}
.onethirdlast{width:246px;}
.twothirds{width:512px; margin-right:20px;}
.twothirdslast{width:512px;}
.onefourth{width:180px; margin-right:20px;}
.onefourthlast{width:180px;}
.twofourths{width:380px; margin-right:20px;}
.twofourthslast{width:380px;}
.threefourths{width:580px; margin-right:20px;}
.threefourthslast{width:580px;}

.container { width:780px; }
.fluid_dg_caption { top:10% !important; left:50%; width:780px; margin-left:-390px; }

.bannerCaption { top:25%; width:780px; margin-left:-390px; }
.bannerCaption .bannerImg { max-height:160px; max-width:280px; top:0%; }
.bannerCaption .bannerImg img { max-height:160px !important; width:auto !important; }

.welcome-wrapper { width:780px; padding:20px 0px 0px; }
.difference-block { margin-bottom:15px; }
.difference-desc-box { width:165px; }
.feature-details { width:155px; }
.benefits-desc-box { width:210px; }
.feature-details ul { height:auto; }
ul.services-listing { width:27%; }
.highlighted-box { padding:5%; width:60%; }
.solutionCol, .solutionCollast { margin-bottom:20px; }

.customer-service, .customer-service a, .customer-service figure { width:246px; height:103px; }
.customer-service .mask2 { bottom:-103px; width:105px; height:103px; }

.footer { width:780px; }
.fcol1 { width:60%; }

.warehouse-map { width:780px; height:314px; margin:20px auto 0px; }
.warehouse figure, .warehouse-location-box { width:780px; height:314px; }
.location-area, .location-area a { width:14px; height:20px; }	
.location1 { top:50px; left:106px; }
.location2 { top:165px; left:106px; }
.location3 { top:196px; left:142px; }
.location4 { top:114px; left:367px; }
.location5 { top:20px; left:440px; }
.location6 { top:50px; left:485px; }
.location7 { top:65px; left:558px; }
.location8 { top:98px; left:539px; }
.location9 { top:131px; left:553px; }
.location10 { top:195px; left:645px; }
.location11 { top:92px; left:480px; }
}