@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
}

font, span, input, select, textarea {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
}

ul, ol {
list-style:none;
}

h1, h2, h3, h4, h5, h6, a, img {
margin:0;
padding:0;
}

body {
background:url(../images/bg-body.jpg) repeat-x;
}

#wrapper {
width:850px;
margin:0 auto;
min-height:100%;
height:auto !important;
height:100%;
text-align:left;
}

#header {
height:189px;
background: url(../images/logo.gif) 7px 0 no-repeat;
position:relative;
z-index:20;
}

#main {
padding-bottom:120px;
}

#flashArea {
margin-top:25px;
}

#content {
margin-top:24px;
margin-left:9px;
width:540px;
text-align:left;
line-height:150%;
}

#callToAct {
float:right;
width:281px;
margin:24px 0 0 0;
padding: 0 9px 0 0;
clear:both;
}

#footer {
margin-top:-80px;
height:75px;
background:#2a5598;
border-top:#153a75 5px solid;
}

#footInfo {
font-size:10px;
width:850px;
height:75px;
margin:0 auto;
text-align:left;
color:#FFFFFF;
}

.clear {
clear:both;
}

/* Call To Action */
.cta {
width:281px;
list-style-type:none;
margin:0 auto;
padding:0;
}

.cta li {
display:block;
position:relative;
padding:0;
margin:0;
}

.cta li a {
width:256px;
height: 86px;
display:block;
margin:0;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
text-decoration:none;
text-align:left;
padding:40px 25px 0 0;
text-align: right;
}

.cta li a strong {
color: #C61F1F;
padding-right: 17px;
}

.cta li a span {
color:#5D5D5D;
display: block;
font-size:12px;
font-style: italic;
}

.career {
background: url(../images/cta-careers.png) left center no-repeat;
}

.about {
background: url(../images/cta-about.png) left center no-repeat;
}

.order {
background: url(../images/cta-order.png) left center no-repeat;
}

.contact {
background: url(../images/cta-contact.png) left center no-repeat;
}

/*contact*/

table {
text-align:left;
}

.sidebar {
float:right;
width:281px;
margin-top:24px;
clear:both;
}

.contactInfo {
text-align:left;
padding:5px;
display:block;
position:relative;
border:1px #BCBBBB solid;
padding:10px;
margin: 0 1px 10px 8px;
margin-bottom:20px;
background:#ffffff;
}

.contactInner {
display:block;
font-size:14px;
text-decoration:none;
text-align:left;
padding:10px;
background: #CDD5DF;
}

.copyPadding {
font-size:14px;
padding:5px;
}

input {
font-size:14px;
}

/* Navigation */
.sf-menu {
list-style:none;
float:right;
margin:0;
padding:0;
margin-top:90px;
}

.sf-menu li a {
color:#FFFFFF;
text-align:center;
font-size:12px;
text-decoration:none;
margin:14px 12px;
}

.sf-menu li a:hover {
text-decoration:underline;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	margin:10px 0 0;
	padding:0;
	border:1px solid #153A75;
	border-top: none;
}
.sf-menu ul li {
	width:			100%;
	background: #2A5598;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.right {
float:right;
margin:10px;
}

/* Typography */
.phone {
margin:15px 0 0;
padding:0;
text-align:right;
float:right;
color:#FFFFFF;
}

.phone strong {
font-size:16px;
}

#content h2 {
color:#9c0b10;
font-size:18px;
padding-left:5px;
padding-bottom:4px;
font-weight:bold;
border-bottom:#9c0b10 dotted 1px;
}

#content h3 {
color:#9c0b10;
font-size:12px;
margin:0;
padding-left:8px;
padding-top:10px;
padding-bottom:4px;
font-weight:bold;
}

#content h4 {
color:#0066CC;
font-size:12px;
margin:0;
padding-left:10px;
padding-top:10px;
padding-bottom:4px;
font-weight:bold;
}

.bulk {
background:#fae0e0;
color:#d41111;
font-size:12px;
margin:0;
margin-top:15px;
font-weight:bold;
border:#d41111 dotted 1px;
padding-left:10px;
}

.bag {
background:#e7f5f9;
color:#2596b7;
font-size:12px;
margin:0;
margin-top:15px;
font-weight:bold;
padding-left:10px;
border:#2596b7 dotted 1px;
}

.bulk a{
color:#d41111;
}

.bag a{
color:#2596b7;
}

#content p {
line-height:150%;
padding-left:12px;
padding-right:15px;
}

#content img {
margin:5px;
}

.right {
float:right;
}

.left {
float:left;
}


.siteImg {
border:1px #e9e9e9 solid;
padding:5px;
margin:5px;
background:#ffffff;
}

.sitemapList {
list-style:none;
}

.sitemapList ul {
list-style:none;
}

#footInfo p {
margin:0;
padding:0;
float:left;
padding-top:8px;
}

.sitemap {
float:right;
padding-right:20px;
color:#FFFFFF;
padding-top:8px;
}

.nsourceInfo {
float:right;
color:#FFFFFF;
padding-top:8px;
}