@import url('fonts/fonts.css');
BODY
{margin:0px; padding:0px; font-family:calibri; font-size:14px;}
.container
{width:960px; margin:0 auto;}
.top-strip
{height:30px; line-height:30px; background-color:#00b2c7; font-size:13px; color:#ffffff;}
.top-strip a
{color:#ffffff; text-decoration:underline;}
.top-strip a:hover
{color:#ffffff; text-decoration:none;}
.left
{float:left;}
.right
{float:right;}
.clear
{clear:both;}
#header
{height:120px; width:960px; margin:0 auto;}
#navigation
{width:361px; float:right; text-transform:uppercase;}
#navigation ul
{margin:0px; padding:0px;}
#navigation li
{float:left; list-style:none; margin-right:5px;}
#navigation li a
{color:#666666; text-decoration:none; height:87px; line-height:87px; display:block; padding:0px 15px 0px 15px;}
#navigation li a:hover
{color:#333333; text-decoration:none; background-color:#ededed; border-bottom:3px solid #00b2c7; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:top center;}
#navigation li.current
{color:#333333; text-decoration:none; background-color:#ededed; border-bottom:3px solid #00b2c7; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:top center; height:87px; line-height:87px; display:block; padding:0px 15px 0px 15px;}
.home-banner
{height:351px; background-image:url(../images/home-banner.jpg); background-repeat:no-repeat; background-position:center; background-color:#1f0f0a;}
.about-banner
{height:351px; background-image:url(../images/about-banner.jpg); background-repeat:no-repeat; background-position:center; background-color:#dfc396;}
.warehousing-banner
{height:351px; background-image:url(../images/warehousing-banner.jpg); background-repeat:no-repeat; background-position:center; background-color:#d7b35d;}
.fulfilment-banner
{height:351px; background-image:url(../images/fulfilment-banner.jpg); background-repeat:no-repeat; background-position:center; background-color:#969c9b;}
.mailing-banner
{height:351px; background-image:url(../images/mailing-banner.jpg); background-repeat:no-repeat; background-position:center; background-color:#126a98;}
.contact-banner
{height:351px; background-image:url(../images/contact-banner.jpg); background-repeat:no-repeat; background-position:center;}
.heading
 {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; height:50px; line-height:50px; margin-top:20px; border-left:5px solid #00b2c7; padding-left:15px; font-family:'Helvetica-LT-35-Thin', calibri; font-weight:normal; font-size:22px; font-weight:bold;
}
.light-heading
{color:#626262;}
p{line-height:22px;}
.bg
{height:433px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; padding-top:40px;}
.tabs
{width:277px; float:left; margin-right:64px; background-color:#ececec; text-align:center;}
.tabs-heading
{font-family: 'helvetica_neueregular'; font-size:22px; text-transform:uppercase; padding:5px 0px 5px 0px;}
.tabs p
{font-family: 'helvetica_neueregular'; font-size:16px; padding:0px 10px 0px 10px;}
img
{border:0px;}
#footer
{background-color:#504f4f; height:55px; line-height:55px; color:#c9c7c7;}
#footer-navigation
{line-height:55px; float:left; width:275px;}
#footer-navigation ul
{margin:0px; padding:0px;}
#footer-navigation li
{list-style:none; float:left; padding:0px 10px 0px 10px;}
#footer-navigation li a
{color:#c9c7c7; text-decoration:none;}
#footer-navigation li a:hover
{color:#ffffff; text-decoration:none;}
.content
{float:right; width:360px;}
ul#nav {
    color: #232223;
    display:block;
    float:right; font-family:calibri; font-size:14px; margin-top:0px;
}
ul#nav,ul#nav ul {
    list-style:none;
}
ul#nav .subs {
    background-color: rgba(0,0,0,0.8);
    display:none;
    float:left;
    left:0;
    padding:5px;
    position:absolute;
    top:100%;
}
ul#nav li:hover>* {
    display:block;
}
ul#nav li:hover {
    position:relative;
}
ul#nav ul .subs {
    left:100%;
    position:absolute;
    top:0;
}
ul#nav ul {
    padding:0 5px 5px;
}
ul#nav li {
    display:inline;
    float:left;
}
ul#nav a {
    color: #666666;
    float: left;
    font-size: 14px;
    line-height: 14px;
    min-width:60px;
    padding: 30px 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; display:block;
}
ul#nav > li:hover > a {
    border-bottom: 3px solid #00b2c7; 
    color: #1e1e1e;
background: url("../images/arrow.png") no-repeat scroll center top transparent;background-color:#ededed; color:#333333;
}
ul#nav li a.current, ul#nav li a.current:hover {
    background: url("../images/arrow.png") no-repeat scroll center top transparent;
    border: medium none;
    color: #333333;
    padding-top: 30px;
    text-shadow: none;border-bottom: 3px solid #00b2c7; background-color:#ededed;
}
ul#nav ul a {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;text-align:left; text-transform:capitalize;
}
ul#nav ul a:hover {background-color:#00b2c7;
}
a{color:#00b2c7;}
a:hover{color:#00b2c7; text-decoration:none;}
.breadcrumb
{background-color:#ebebeb; height:28px; line-height:28px; color:#3d3d3d;}
.breadcrumb a
{text-decoration:none; color:#019eb1;}
.breadcrumb a:hover
{text-decoration:underline; color:#019eb1;}