html { height:100%; margin:0; padding:0; }
body { background:#333; height:100%; width:100%; margin:0; padding:0; font:12px Arial,Helvetica,Sans-serif; color:#444; }
form { background:url('/images/stripes-bg.jpg') center top repeat-x #C7C7C7; width:100%; }

/******************************
  BASIC ELEMENTS
******************************/
a { color:#BD6E38; text-decoration:none; }
a:hover { color:#91532B; }
ul, ol, p { line-height:180%; }
ul, ol { margin:10px 0 15px; padding:0 0 0 30px; }
p { margin:5px 0 13px; }
h1, h2 { font-weight:normal; }
h1 { margin:0 0 15px; font-size:32px; color:#222; }
h2 { font-size:20px; margin:20px 0 10px; text-transform:uppercase; color:#00468C; }

/******************************
  BASE LAYOUT
******************************/
#wrapper { background:url('/images/squares-bg.png') center top no-repeat; width:990px; margin:0 auto; }

#header { background:url('/images/top-cd.png') center top no-repeat; height:142px; position:relative; }
#header a.logo { background:url('/images/logo.png') no-repeat; display:block; height:101px; width:331px; position:absolute; left:20px; top:30px; text-indent:-9999em; outline:none; }
#header a.request-quote-large { position:absolute; top:47px; right:14px; }

#content-wrapper { background:url('/images/content-wrapper-top.png') center top no-repeat; padding-top:14px; }
#content-wrapper .content-wrapper-inner { background:url('/images/content-wrapper-inner.png') center top repeat-y; padding:0 14px 61px; position:relative; }
#content-wrapper .content-wrapper-inner .content-padded { padding:14px; }

#content-wrapper .content-wrapper-inner .media-logos { background:url('/images/media-logos.jpg') no-repeat; height:50px; width:962px; position:absolute; left:14px; bottom:11px; }
#content-wrapper .content-wrapper-inner ul.nav li,
#content-wrapper .content-wrapper-inner ul.nav li a { height:44px; }
#content-wrapper .content-wrapper-inner ul.nav { background:url('/images/nav-bg.png') center bottom no-repeat; height:47px; margin:0; padding:0; }
#content-wrapper .content-wrapper-inner ul.nav li { display:block; float:left; }
#content-wrapper .content-wrapper-inner ul.nav li a { background:url('/images/nav-a-bg.png') center top repeat-x; display:block; line-height:44px; font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center; text-shadow:1px 1px 1px #333; color:#FFF; padding:0; }
#content-wrapper .content-wrapper-inner ul.nav li a:hover { background-position:center -44px; }
#content-wrapper .content-wrapper-inner .newsletter-subscription { background:url('/images/newsletter-subscription.png') 45px 12px no-repeat #CCC; height:54px; width:610px; padding:0 0 0 352px; font-size:18px; color:#2E6395; line-height:54px; }
#content-wrapper .content-wrapper-inner .newsletter-subscription a.btn-c { float:right; margin:10px 60px 0 0; }

#content-wrapper .content-wrapper-bottom { background:url('/images/content-wrapper-bottom.png') center bottom no-repeat; padding-top:14px; }

#footer { background:#333; height:180px; width:100%; margin-top:-37px; }
#footer .content { width:962px; margin:0 auto; padding-top:33px; color:#FFF; }
#footer .content .copyright { float:left; }
#footer .content .right { float:right; text-align:right; }
#footer .content .right p,
#footer .content .right ul { line-height:150% !important; }
#footer .content .right h2 { display:none; }
#footer .content .right ul { margin:0; padding:0; list-style-type:none; } 

/******************************
  SIDEBAR LAYOUT
******************************/
.content-wrapper-inner .content-separator { background:url('/images/content-separator.png') 192px top repeat-y; }
.content-wrapper-inner .main,
.content-wrapper-inner .sidebar { padding:20px 0 40px; float:left; }
.content-wrapper-inner .main { width:682px; padding-left:40px; padding-right:50px; }
.content-wrapper-inner .main .breadcrumbs { margin:0 0 10px; }
.content-wrapper-inner .main .breadcrumbs a { font-size:12px; }
.content-wrapper-inner .main .breadcrumbs a:hover { text-decoration:underline; }
.content-wrapper-inner .sidebar { width:156px; padding-left:17px; padding-right:17px; }
.content-wrapper-inner .sidebar h2 { font-size:17px; margin-top:0; }
.content-wrapper-inner .sidebar ul { list-style-type:none; padding-left:0; line-height:normal; }
.content-wrapper-inner .sidebar ul li { margin:7px 0; }
.content-wrapper-inner .sidebar ul li a { color:#E17E39; }
.content-wrapper-inner .sidebar ul li a:hover { color:#91532B; }

/******************************
  MASTHEAD
******************************/
#masthead { margin-bottom:20px; }
#masthead #slides { float:left; height:356px; width:640px; border:1px solid #CCC; }
#masthead #slides .slide { position:absolute; }
#masthead #slides .slide .btns { position:absolute; }
#masthead #slides .slide .btns a { display:block; float:left; }
#masthead #slides .slide .btns .btn-b { margin-left:6px; }
#masthead #slides .slide.one .btns { left:43px; bottom:85px; }
#masthead #highlight-boxes { float:right; }
#masthead #highlight-boxes a.box { background:url('/images/highlight-box-bg.png') center top repeat-x; display:block; height:118px; width:278px; margin:0; border:1px solid #E4E4E4; }
#masthead #highlight-boxes a.box span { display:block; height:94px; width:146px; padding:16px 5px 10px 127px; color:#666; }
#masthead #highlight-boxes a.box span strong { display:block; margin-bottom:5px; font-size:18px; font-weight:normal; color:#00417E; }
#masthead #highlight-boxes a.box.products span { background:url('/images/products-icon.png') 2px 12px no-repeat; }
#masthead #highlight-boxes a.box.packaging span { background:url('/images/packaging-icon.png') 13px 10px no-repeat; }
#masthead #highlight-boxes a.box.services span { background:url('/images/services-icon.png') 20px 15px no-repeat; }
#masthead #highlight-boxes a.box:hover strong { color:#E6640F; }
#masthead #highlight-boxes a.box:hover span { color:#333; }
/*#masthead #highlight-boxes a.box:hover { background-position:center -120px; }*/

/******************************
  UTIILITY
******************************/
.clear { clear:both; }
img.border,
iframe.border { border:1px solid #CCC; padding:1px; }
a.large { display:block; font-size:14px; font-weight:bold; }
.fleft { float:left; }
.fright { float:right; }
img.fright { margin:0 0 20px 20px; }
ul.inline li { margin:0 12px; float:left; }

/******************************
  BUTTONS
******************************/
.request-quote-large,
.btn-a,
.btn-b,
.btn-c { background:url('/images/btns.png') no-repeat; display:block; }
.btn-a,
.btn-b,
.btn-c { font:bold 15px/36px 'PT Sans Narrow', arial, serif; text-align:center; text-transform:uppercase; }
.btn-a.small,
.btn-b.small { font-size:13px; }
.request-quote-large { background-position:left top; height:65px; width:264px; text-indent:-9999em; outline:none; }
.request-quote-large:hover { background-position:left -65px; }
.btn-a { background-position:left -130px; height:39px; width:145px; color:#FFF; }
.btn-a:hover { background-position:-145px -130px; color:#FFF; }
.btn-b { background-position:left -169px; height:37px; width:144px; color:#46537A; }
.btn-b:hover { background-position:-144px -169px; color:#46537A; }
.btn-c { background-position:left -206px; height:34px; width:298px; line-height:34px; color:#666; }
.btn-c:hover { background-position:left -240px; color:#444; }
.pdf-btn { background:url('/images/pdf-btn.png') center top no-repeat; display:block; height:25px; width:179px; padding:17px 0 0 45px; font-size:13px; color:#465279; }
.pdf-btn:hover { background-position:center -42px; }

input.btn-a, 
input.btn-b { border:none; padding-bottom:5px; cursor:pointer; }

/******************************
  SUBPAGES
******************************/
/*PAGE: Home*/
.home .left-content { width:475px; float:left; }
.home h1 { font-size:20px; }
.home ul.inline { margin:0 0 15px; padding:0; }
.home ul.inline li { font-weight:bold; }
.home img.fright { margin-top:80px; }
#content-wrapper .content-wrapper-inner .home .newsletter-subscription { margin:24px 0 0 -14px; }

/*PAGE: Contact Us*/
.contact-page .form.contact { margin:0 0 35px; }
.contact-page .form.contact input.btn-a { margin:10px 0 0 -3px; }

/*PAGE: Custom Packaging*/
.custom-packaging .service { width:301px; float:left; margin:25px 40px 0 0; }
.custom-packaging .service.top { margin-top:10px; }
.custom-packaging .service img { display:block; margin:10px auto; }
.custom-packaging .service .btn-c { margin:12px 0; }
.custom-packaging .service h2 { margin:0; border-bottom:1px solid #CCC; padding-bottom:3px; }
.custom-packaging .service h3 { margin:0; }
.custom-packaging .service ul { margin-bottom:0; line-height:140%; }
.custom-packaging .service ul li { margin:8px 0; }

/*PAGE: Products*/
.products { margin-left:-30px; }
.products a.product { display:inline-block; height:130px; width:200px; margin:12px 0 25px 35px; font-size:13px; font-weight:bold; text-align:center; color:#666; }
.products a.product:hover { color:#333; }
.products a.product:hover img { border-color:#F58E50; }
.products a.product img { display:block; margin-bottom:5px; padding:5px; height:120px; width:190px; border:1px solid #FBD0B5; }

/*PAGE: Product Details*/
.product-details .sidebar { width:265px; padding:0; }
.product-details .sidebar .photos { padding:18px 18px 10px; border:1px solid #FBD0B5; text-align:center; }
.product-details .sidebar .photos #main-photo { max-width:232px; max-height:232px; }
.product-details .sidebar .photos .thumbs img { display:inline-block; height:49px; width:49px; margin:7px 2px 7px 2px; border:1px solid #CCC; cursor:pointer; }
.product-details .sidebar .photos a.view-more { color:#00468C; }
.product-details .sidebar .pdf-btn { margin:30px auto 0; }
.product-details .sidebar .available-in .available-in-title { background:#EEE; border-bottom:1px solid #DDD; font-size:14px; font-weight:bold; color:#333; margin:17px 0 10px; padding:7px; }
.product-details .sidebar .available-in .available-in-row { margin:6px 0; padding-left:17px; }
.product-details .main { width:591px; padding:0 39px 0; }
.product-details .main h2 { margin-bottom:10px; font-size:18px; text-transform:none; }
.product-details .main .btn-a.contact { float:right; margin-top:-2px; }

/*FORMS*/
.form input[type="text"],
.form textarea { margin:5px 0; padding:8px; border:1px solid #CCC; }
.form input[type="text"] { width:100%; }
.form textarea { height:80px; width:565px; }
.form .field { width:260px; float:left; margin:5px 45px 5px 0; }
.form .btn-a { margin:15px 96px 0 auto; }