/* 1. RESET VALUES */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }

/* 2. STRUCTURE */

body { background:url(../images/global/main-bg.jpg) center top no-repeat; }

#main-menu { width:auto; margin:170px auto 0 auto; height:38px; background:url(../images/global/blue-menu-repeat-lge.gif) repeat-x; border-top:1px #fff solid; border-bottom:1px #fff solid; }
#menu-container { width:970px; margin:0 auto; }
#menu {height:38px; }

#header-bottom { margin:0 auto; height:75px; width:970px;}

#login-container { height:65px; padding:5px 0; float:right; text-align:right; }

#quick-links { margin:0 auto; height: auto; border-bottom: 2px solid #aec066; border-top: 2px solid #aec066; background:#f5f9e4; }
#quick-links-l2 { margin:15px auto; height: auto; border-bottom: 2px solid #aec066; border-top: 2px solid #aec066; background:#f5f9e4; clear:both; }
#quick-links-container { margin:0 auto; width:970px; }
.quick-link { padding:5px; float:left; margin:10px 10px 10px 0; height:70px;}
.quick-link img { float:left; margin-right:10px;}

#contact-banner { width: auto; border-top: 2px solid #aec066; }
#contact-banner-wrapper { width: 970px; margin: 0 auto; padding: 10px 0; font-size: 120%; text-align:center; }

#breadcrumb-banner { width: auto; border-top: 2px solid #aec066; height:40px;}
#breadcrumb-banner-wrapper { width: 970px; margin: 0 auto; padding: 5px 0; font-size: 80%; background:url(../images/global/breadcrumb-bg.jpg) no-repeat;  height:30px; border-right:1px #b0c56c dotted; border-left:1px #b0c56c dotted;}
#breadcrumb-banner-txt { margin-left: 100px; margin-top:5px; }

#content-container { margin: 0 auto; width:970px; }
#content-l {float:left; width:702px; padding:0 15px 15px 0; border-right:1px #b0c56c dotted; margin-top:15px;}
#content-r {float:left; width:225px; padding:0 0 15px 15px; margin-top:15px}

#left-menu { float:left; width:150px; border-right:1px #b0c56c dotted; pading-right:10px; }

#l2-content { width:auto; margin-left:160px; }

#services-container { margin: 0 auto; width:630px; text-align:center; height:40px;}

#footer-container { margin: 15px 0 0 0; width:auto; background: repeat-x #cbd69d top url(../images/global/footer-repeat.gif);}
#footer-wrapper { margin: 0 auto; width:970px; }
.footer-item-div { float:left; padding:10px 10px 20px 10px; margin:10px 10px 10px 0; color:#292d1a; line-height:140%;}
#footer-div1 { width: 283px; border-right:1px #fff dotted;}
#footer-div2 { width: 283px; border-right:1px #fff dotted; }
#footer-div3 {  width: 300px; }

.right-align { float:right; }
.left-align { float:left; }

/* 3. TYPOGRAPHIC STYLES */

body { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000; line-height: 180%;}

p {margin-top:10px; margin-bottom:10px;}

h1 { width:auto; height:auto; background:url(../images/global/blue-menu-repeat-lge.gif) repeat-x; border:1px #3693c1 solid; color:#fff; font-size:14px; font-weight:bold; padding: 5px 10px 5px 10px; text-transform:uppercase;}
h2 { width:auto; height:auto; background:url(../images/global/green-menu-repeat.gif) repeat-x; border:1px #acc366 solid; color:#fff; font-size:14px; font-weight:bold; padding: 5px 10px 5px 10px; text-transform:uppercase}
h3 { font-weight: bold; font-size:120%; color:#3693c1; }
h4 { font-weight: bold; font-size:120%; color:#aec066; }

#l2-content ul {margin-left:15px; text-indent:20px; }

.txt-highlight { font-weight:bold; color: #3693c1; }
.txt-highlightw { font-weight:bold; color: #acc366; }
.txt-highlightav { font-weight:bold; color: #a1766f; }
.txt-highlightc { font-weight:bold; color: #8c123f; }

a { color:#3693c1; text-decoration:underline; }
a:hover { text-decoration:none; }

h1 a {color:#fff; text-decoration:none; }
h1 a:hover {text-decoration:underline; color:#fff;}

hr { border-top:1px #b0c56c dotted; margin-top:15px; width:100%; margin-bottom:15px; clear:both; }

/* 3A. MENU STYLES */

#menu ul li{ display:inline; float:left;}

#menu a { display:block; background:url(../images/global/menu.jpg); overflow:hidden; text-indent:-5000px; height:38px;}

#menu-home a {background-position:0 0; width:102px;}
#menu-home a:active {background-position:0 -38px;}
#menu-home a:hover {background-position:0 -38px;}

#menu-about a {background-position:-102px 0; width:135px;}
#menu-about a:active {background-position:-102px -38px;}
#menu-about a:hover {background-position:-102px -38px;}

#menu-customers a {background-position:-237px 0; width:151px;}
#menu-customers a:active {background-position:-237px -38px;}
#menu-customers a:hover {background-position:-237px -38px;}

#menu-services a {background-position:-388px 0; width:126px;}
#menu-services a:active {background-position:-388px -38px;}
#menu-services a:hover {background-position:-388px -38px;}

#menu-news a {background-position:-514px 0; width:175px;}
#menu-news a:active {background-position:-514px -38px;}
#menu-news a:hover {background-position:-514px -38px;}

#menu-contact a {background-position:-689px 0; width:132px;}
#menu-contact a:active {background-position:-689px -38px;}
#menu-contact a:hover {background-position:-689px -38px;}

#menu-interact a {background-position:-821px 0; width:149px;}
#menu-interact a:active {background-position:-821px -38px;}
#menu-interact a:hover {background-position:-821px -38px;}

#page-home #menu-home a {background-position:0 -38px;}
#page-about #menu-about a {background-position:-102px -38px;}
#page-customers #menu-customers a {background-position:-237px -38px;}
#page-services #menu-services a {background-position:-388px -38px;}
#page-news #menu-news a {background-position:-514px -38px;}
#page-contact #menu-contact a {background-position:-689px -38px;}
#page-interact #menu-interact a {background-position:-821px -38px;}

/* 3B. QUICK LINK STYLES */

#equick-link {background:url(../images/global/events-icon.jpg) no-repeat 0 0; padding-left:120px; width:173px; border-right:1px #b0c56c dotted ;}
#lquick-link {background:url(../images/global/locations-icon.jpg) no-repeat 0 0; padding-left:120px; width:173px; border-right:1px #b0c56c dotted;}
#cquick-link {background:url(../images/global/contacts-icon.jpg) no-repeat 0 0; padding-left:100px; width:213px;}
.quick-link p { float:left; clear:none; margin-top:0; font-size:80%; line-height:150%; display:inline; }

/* 3C. LEFT MENU STYLES */

#left-menu h1 {margin-bottom:20px; width:120px; background:url(../images/global/green-menu-repeat.gif) repeat-x;   border: 1px solid #acc366; }

#left-menu ul { margin-bottom:20px; border-bottom:1px #b0c56c dotted; width:140px; border-top:1px #b0c56c dotted; padding-top:5px;}
#left-menu ul li { display:block; list-style:none; font-size:14px; font-weight:bold; background:url(../images/global/blue-menu-repeat-lge.gif) repeat-x; border:1px #3693c1 solid; margin-bottom:5px; width:140px; }

#left-menu a { display:block; height:auto; width:auto; color:#fff; text-decoration:none; padding:5px 5px 5px 5px; }
#left-menu a:active { background:url(../images/.gif) repeat-x; background:url(../images/global/right-arrow.png) no-repeat 95% 50%;}
#left-menu a:hover { background:url(../images/.gif) repeat-x; background:url(../images/global/right-arrow.png) no-repeat 95% 50%;}

#left-menu .distributionl { background:url(../images/global/d-l-1.gif) repeat-x; border: 1px #3693c1 solid; }
#left-menu .distributionl a:active { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }
#left-menu .distributionl a:hover { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }

#left-menu .warehousingl { background:url(../images/global/w-l-1.gif) repeat-x; border: 1px #acc366 solid; }
#left-menu .warehousingl a:active { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }
#left-menu .warehousingl a:hover { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }

#left-menu .added-valuel { background:url(../images/global/av-l-1.gif) repeat-x; border: 1px #a1766f solid; }
#left-menu .added-valuel a:active { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }
#left-menu .added-valuel a:hover { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }

#left-menu .consultancyl { background:url(../images/global/c-l-1.gif) repeat-x; border: 1px #8c123f solid; }
#left-menu .consultancyl a:active { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }
#left-menu .consultancyl a:hover { background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }

#left-menu ul ul { margin:0; padding:0; border:0; width:auto; background:#fff ; clear:both; display:none; }
#left-menu ul li ul li { background:none; border:0; width:auto; padding:0;  margin:0;}

#left-menu ul ul a { color:#2c92c0; padding-left:5px; margin:0;}
#left-menu ul ul ul a { padding-left: 25px; margin:0;}
#left-menu ul ul a:active {  text-decoration:underline; background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }
#left-menu ul ul a:hover {  text-decoration:underline; background:url(../images/global/right-arrow.png) no-repeat 95% 50%; }

/* 3D. FOOTER STYLES */

.footer-item-div p { float:left; clear:none; margin-top:0; font-size:90%; line-height:140%; display:inline; }

#services-container ul { margin-bottom:20px; border-bottom:1px #b0c56c dotted; border-top:1px #b0c56c dotted; padding-top:5px; display:inline; width:600px;}
#services-container li { display:block; float:left; list-style:none; font-size:14px; font-weight:bold; margin-bottom:5px; width:140px; margin-right:15px;}

#services-container a { display:block; height:auto; width:auto; color:#fff; text-decoration:none; padding:5px 5px 5px 5px; }

#services-container .distributionb { background:url(../images/global/d-l-1.gif) repeat-x; border: 1px #3693c1 solid; }
#services-container .distributionb a:active { text-decoration:underline; }
#services-container .distributionb a:hover { text-decoration:underline; }

#services-container .warehousingb { background:url(../images/global/w-l-1.gif) repeat-x; border: 1px #acc366 solid; }
#services-container .warehousingb a:active { text-decoration:underline; }
#services-container .warehousingb a:hover { text-decoration:underline; }

#services-container .added-valueb { background:url(../images/global/av-l-1.gif) repeat-x; border: 1px #a1766f solid; }
#services-container .added-valueb a:active { text-decoration:underline; }
#services-container .added-valueb a:hover { text-decoration:underline; }

#services-container .consultancyb { background:url(../images/global/c-l-1.gif) repeat-x; border: 1px #8c123f solid; }
#services-container .consultancyb a:active { text-decoration:underline; }
#services-container .consultancyb a:hover { text-decoration:underline; }

/* 4. GENERAL STYLES */

#header-bottom h1, #header-bottom h2 {display:none;}

.pic-box { width:150px; margin:5px; display:inline-block; float:left; height:125px; text-align:center; }

#latest-news-content {width:225px; background:#f5f9e4; margin-top:15px; height: 225px; }

#content-r img { border: 1px solid #acc366; }

#l2-content ul {height:auto; margin:0 10px; list-style-type:none; padding:0;}
#l2-content ul li { padding:0px 10px 0 15px; margin:0; background:url(../images/global/li-bullet.jpg) 0 5px no-repeat; text-indent:0;}

.thumb-img { border:1px solid #acc366; padding:5px; background:#f5f9e4; margin-right:10px; margin-bottom:10px; width:232px; float:left;}
.thumb-img img { border:1px solid #acc366; }

.thumb-img-auto { border:1px solid #acc366; padding:5px; background:#f5f9e4; margin-right:10px; margin-bottom:10px; float:left;}
.thumb-img-auto img { border:1px solid #acc366; }

.thumb-img-fluid { border:1px solid #acc366; padding:5px; background:#f5f9e4; margin:10px; margin-left:0; float:left;}
.thumb-img-fluid  img { border:1px solid #acc366; }

.thumb-imgd { border:1px solid #3693c1; padding:5px; background:#cee1ea; margin-right:10px; margin-bottom:10px; width:232px; float:left;}
.thumb-imgd img { border:1px solid #3693c1; }

.thumb-imgw { border:1px solid #acc366; padding:5px; background:#f5f9e4; margin-right:10px; margin-bottom:10px; width:232px; float:left;}
.thumb-imgw img { border:1px solid #acc366; }

.thumb-imgav { border:1px solid #a1766f; padding:5px; background:#e2cac7; margin-right:10px; margin-bottom:10px; width:232px; float:left;}
.thumb-imgav img { border:1px solid #a1766f; }

.thumb-imgc { border:1px solid #8c123f; padding:5px; background:#ddbdc9; margin-right:10px; margin-bottom:10px; width:232px; float:left;}
.thumb-imgc img { border:1px solid #8c123f; }

.thumb-imgr { border:1px solid #acc366; padding:5px; background:#f5f9e4; margin-bottom:10px; width:213px; float:left;}
.thumb-imgr img { border:1px solid #acc366; }

#google-calendar a {color:#fff;}

#left-menu .active { background:url(../images/global/green-menu-repeat.gif) repeat-x; }

.textfield-effect {border:1px solid #3693c1; background:#fff; margin:0 0 5px 0; color:#CCC; padding:3px; width:100px; line-height:16px;}
.submit-effect { margin:0 0 5px 10px;}
.submit-effect a { border:1px solid #fff; cursor:pointer;  padding:3px; display:block;  line-height:16px;  background:url(../images/global/blue-menu-repeat.gif) repeat-x #3693c1; color:#fff; text-decoration:none;}
.submit-effect a:hover {background:url(../images/global/green-menu-repeat.gif) repeat-x; }

.accessibility-list {padding-left:15px;}

.blueheader { background:url(../images/global/blue-menu-repeat-lge.gif) repeat-x; border:1px #3693c1 solid;}

.blue-hr { border-top:1px #3693c1 dotted; margin-top:15px; width:100%; margin-bottom:15px; clear:both; }

.extra-margin-top {margin-top:15px;}
.no-margin-bottom {margin-bottom:0;}

iframe {width:530px; height:500px; border:0;}