/*-----
TRI-PACK PLASTICS: Main Style Sheet 
-------------------------------------------------------------------------------
Version:1.0
Author: Richard Stephenson
Email: richard@donkeymagic.co.uk
Website: http://www.donkeymagic.co.uk
Date: 22 March 2007
-------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height:1.3em;
list-style:none;
}
body {
font-size:62.5%;
background:#005EB0 url(/stat/body-bg.png) repeat-x;
text-align:center;
}
#header {
text-align:left;
width:804px;
margin:0 auto;
background:url(/stat/container-top.png) no-repeat;
padding-top:22px;
height:125px;
overflow:hidden;
}
#slideshow {
background-color:#000;
position:relative;
}
.imgfade {
position:absolute;
top:0px;
left:0px;
border:0;
}
#container {
text-align:left;
width:804px;
margin:0 auto;
overflow:hidden;
}
#holder {
width:748px;
background:#FFF url(/stat/holder-top.png) no-repeat;
padding:17px 22px 20px 25px;
overflow:hidden;
}
#content { 
width:490px;
float:left;
padding-right:20px;
border-right:1px solid #9E9E9E;
min-height:680px;
padding-bottom:4em;
}
#secondary-content { 
width:216px;
float:right;
padding-bottom:4em;
}
#header h1 {
display:block;
width:241px;
height:125px;
float:left;
}
/*--- HEADER  ---------------------------------------------------------*/
#header h1 img {
border:0;
}
#header div {
width:563px;
height:125px;
float:left;
}
/*--- NAVIGATION  ---------------------------------------------------------*/
#navigation {
width:100%;
background-color:#005EB0;
overflow:hidden;
}
#navigation div {
text-align:left;
width:804px;
margin:0 auto;
background-color:#005EB0;
overflow:hidden;
}
#navigation ul {
float:left;
padding-top:11px;
padding-bottom:12px;
}
#navigation ul li {
float:left;
padding-left:10px;
margin-left:10px;
border-left:2px solid #FFF;
}
#navigation ul li.home {
border-left:none;
padding-left:20px;
margin-left:0;
}
#navigation ul li a {
float:left;
display:block;
color:#FFF;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
}
body.home #navigation ul li.home a,
body.about #navigation ul li.about a,
body.products #navigation ul li.products a,
body.industries #navigation ul li.industries a,
body.news #navigation ul li.news a,
body.faqs #navigation ul li.faqs a,
body.location #navigation ul li.location a,
body.contact #navigation ul li.contact a
{color:#000;}
#navigation ul li a:hover {
text-decoration:underline;
}
/*--- FOOTER  ---------------------------------------------------------*/
#footer {
background-color:#000;
color:#FFF;
padding:12px 0 20px;
}
#footer div#footer-container {
text-align:left;
width:804px;
margin:0 auto;
overflow:hidden;
}
#footer div#company-contact {
float:left;
width:522px;
padding-left:35px;
background:url(/stat/box-footer.gif) no-repeat;
}
#footer div#company-contact h4 {
font-size:1.1em;
line-height:1.4em;
}
#footer div#company-contact p {
font-size:1.1em;
line-height:1.4em;
}
#footer div#company-contact p span {
padding:0 3px;
}
#footer div#company-contact ul {
width:100%;
overflow:hidden;
padding-top:8px;
}
#footer div#company-contact li {
float:left;
}
#footer div#company-contact li a {
float:left;
display:block;
border-left:1px solid #C3D1FA;
padding-left:6px;
margin-left:6px;
font-size:1.1em;
}
#footer div#company-contact li.site-map a {
border-left:none;
padding-left:0;
margin-left:0;
}
#footer a {
font-weight:bold;
text-decoration:none;
color:#C3D1FA;
}
#footer a:hover {
text-decoration:underline;
}
#footer div#company-info {
float:left;
width:220px;
padding-top:7px;
}
#footer div#company-info p {
line-height:1.4em;
font-size:1.1em;
color:#D5DAEA;
}

/*--- CONTENT  ---------------------------------------------------------*/
#content ul.breadcrumb {
width:100%;
overflow:hidden;
margin-bottom:20px;
}
#content ul.breadcrumb li {
float:left;
padding-left:14px;
display:block;
background:url(/stat/hex-bc.gif) left center no-repeat;
font-size:1.1em;
color:#1B1B1B;
padding-right:10px;
line-height:1.3em;
}
#content ul.breadcrumb li.home {
padding-left:0;
background:none;
}
#content ul.breadcrumb li a {
float:left;
display:block;
color:#005EB0;
text-decoration:none;
line-height:1.3em;
}
#content ul.breadcrumb li a:hover {
text-decoration:underline;
}
#content h2 {
font-size:2.5em;
color:#005EB0;
padding-left:40px;
background:url(/stat/new_box_h1.gif) center left no-repeat;
font-weight:normal;
}
#content h3 {
font-size:1.5em;
color:#1B1B1B;
padding-left:13px;
background:url(/stat/hex-h3.gif) center left no-repeat;
line-height:1.8em;
margin:0.5em 0;
}
#content h4 {
font-size:1.3em;
margin:0.5em 0;
}
#content h3 a {
color:#005EB0;
text-decoration:none;
}
#content h3 a:hover {
text-decoration:underline;
}
#content div.news-item  {
margin:1.5em 0;
position:relative;
border-bottom:1px solid #9E9E9E;
}
#content div.news-item h3 {
margin-bottom:0;
padding-right:150px;
}
#content div.news-item h4 {
font-size:1.1em;
font-weight:normal;
position:absolute;
top:3px;
left:340px;
display:block;
width:150px;
text-align:right;
margin:0;
}
#content div.news-item div,
#content div.news-item p {
margin-bottom:0;
}
#content div.news-item p.more {
margin-bottom:1em;
}
#content img {
border:2px solid #005EB0;
padding:3px;
background-color:#FFF;
margin:5px 0;
}
#content img.left {
float:left;
margin-right:15px;
}
#content img.right {
float:right;
margin-left:15px;
}
#content p {
font-size:1.3em;
color:#1B1B1B;
line-height:1.5em;
margin-bottom:1em;
}
#content p strong {
color:#005EB0;
}
#content p a {
color:#005EB0;
text-decoration:none;
}
#content p a:hover {
text-decoration:underline;
}

#content li {
font-size:1.3em;
color:#1B1B1B;
line-height:1.5em;
margin-bottom:1em;
padding-left:20px;
background:url(/stat/hex-li.gif) top left no-repeat;
}
#content p.message {
width:479px;
font-size:1.3em;
color:#005EB0;
line-height:1em;
margin-bottom:0;
text-align:center;
font-weight:bold;
padding:10px 0;
border:2px solid #005EB0;
background-color:#D5E3F0;
margin-top:2em;
}
#content div.introduction {
padding-top:1em;
}
#content div.introduction p {
font-size:1.5em;
color:#005EB0;
}
#content div.link {
margin:1.5em 0;
overflow:hidden;
width:100%;
clear:both;
}
#content div.link p {
margin:0;
}
#content div.link h4 {
margin-bottom:0.2em;
}
/*#introduction {
background:url(/stat/intro-bg.jpg) no-repeat;
width:485px;
height:142px;
}
*/
#introduction {
background:url(/stat/intro-bg2.jpg) top right no-repeat #6A6A68;
width:485px;
border-bottom: 3px solid #005EB0;
padding-bottom: 0.4em;
font-weight: bold;
}

#introduction p {
padding:33px 0 0 15px;
color:#FFF;
width:325px;
font-size:1.1em;
}
#content div.product-category {
width:496px;
display: block;
/*height:93px;*/
background:url(/stat/prod-cat2.jpg) no-repeat;
background-color: #696A6F;
margin:0 0 5px;
padding-bottom: 1.2em;
border-bottom: 3px solid #005EB0;
}
#content div#Chilled_Food_Packaging.product-category {
width:496px;
/*height:93px;*/
background:url(/stat/prod-cat_chilled2.jpg) no-repeat #696A6F;
margin:0 0 5px;
overflow:hidden;
}
#content div#Polypropylene_Packaging.product-category {
width:496px;
/*height:93px;*/
background:url(/stat/prod-cat_polyprop2.jpg) no-repeat #696A6F;
margin:0 0 5px;
overflow:hidden;
}
#content div#stick_and_go.product-category {
width:496px;
/*height:93px;*/
background:url(/stat/prod-cat_stickandgo2.jpg) no-repeat #696A6F;
margin:0 0 5px;
overflow:hidden;
}
#content div#promo_stationary.product-category {
width:496px;
/*height:93px;*/
background:url(/stat/prod-cat_promotional2.jpg) no-repeat #696A6F;
margin:0 0 5px;
overflow:hidden;
}
#content div#bespoke_design.product-category {
width:496px;
/*height:93px;*/
background:url(/stat/prod-cat_bespoke2.jpg) no-repeat #696A6F;
margin:0 0 5px;
overflow:hidden;
}
#content #fish_boxes {
background:url(/stat/prod-cat2.png) no-repeat;
}
#content div.product-category h3 {
background:none;
padding:0 150px 0 0;
margin:23px 0 0 55px;
color:#4AA0EB;
font-size:1.8em;
font-weight:normal;
line-height:1em;
}
#content div.product-category h3 a {
color:#4AA0EB;
padding:0;
line-height:1em;
}
#content div.product-category h3 a:hover {
color:#4AA0EB;
text-decoration:underline;
}
#content div.product-category div {
padding:4px 150px 0 0;
margin:0 0 0 56px;
}
#content div.product-category p  {
color:#FFF;
font-size:1.2em;
line-height:1.4em;
display:inline;
}
#content div.product-category p a {
color:#96CEFF;
text-decoration:none;
}
#content div.product-category p a:hover {
text-decoration:underline;
}

#content div.holder {
border-bottom:1px solid #9E9E9E;
margin-bottom:2em;
}

#content div.news-image {
float:left;
margin-right:10px;
margin-bottom:10px;
}


#content div.product,
#content div.industry {
overflow:hidden;
width:100%;
margin:0;
}
#content div.product div.prod-img,
#content div.industry div.ind-img {
float:left;
padding-right:10px;
}
#content div.product div.prod-info,
#content div.industry div.ind-info {
padding-top:8px;
}
#content div.product div.prod-info h3,
#content div.industry div.ind-info h3 {
background:none;
padding:0;
margin:0;
font-size:1.5em;
font-weight:normal;
}
#content div.product div.prod-info p,
#content div.industry div.ind-info p {
margin:0;
}
/*--- FORMS  ---------------------------------------------------------*/
#content form fieldset {
border:1px solid #9E9E9E;
padding:10px 20px;
margin-top:2em;
}
#content form legend {
padding:0 0.5em;
background:#FFF;
color:#000;
font-size:1.4em;
font-weight:bold;
margin-bottom:1em;
}
#content form label {
float:left;
width:336px;
font-size:1.1em;
margin-bottom:0.2em;
position:relative;
color:#005EB0;
font-weight:bold;
}
#content form label span {
color:#E60;
padding-left:0.2em;
}
#content form label em {
font-weight:bold;
font-style:normal;
color:#E60;
position:absolute;
right:-1em;
}
#content form input,
#content form textarea  {
display:block;
width:340px;
float:left;
font-size:1.2em;
margin-bottom:0.8em;
border:0;
background-color:#FFF;
border:1px solid #9E9E9E;
padding:2px;
}
#content form input.mid,
#content form textarea.mid  {
width:190px;
margin-right:110px;
display:inline;
}
#content form input.short,
#content form textarea.short  {
width:100px;
margin-right:200px;
display:inline;
}
#content select {
display:block;
width:180px;
float:left;
font-size:1.2em;
margin-bottom:0.8em;
}
#content input[type="hidden"] {
position:absolute;
top:-100px;
left:-4000px;
width:1;
height:1;
overflow:hidden;
}
#content label.check {
margin:0.8em 0;
width:310px;
clear:left;
}
#content input.check {
margin:0;
float:right;
width:30px;
display:inline;
clear:none;
margin-top:-1.3em;
border:none;
background:transparent;
}
#content p.disclaimer {
font-size:1em;
margin-bottom:1em;
clear:left;
color:#999;
}
#content form p,
#content form div {
clear:both;
}
#content div {
margin-bottom:1.5em;
}


#content div#c_buttons input {
padding:0 0 0.2em 0;
width:100px;
height:26px;
color:#FFF;
background-color:#005EB0;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:top;
cursor:pointer; /* hand-shaped cursor */
}
#content div#c_buttons input:hover   {
text-decoration:underline;
}


/*--- SECTION-NAVIGATION  --------------------------------------------------------*/

#section-navigation {
margin-top:1.8em;
}
#section-navigation ul li {
margin-bottom:1em;
}
#section-navigation ul li a {
display:block;
width:200px;
font-size:1.3em;
font-weight:bold;
color:#005EB0;
text-decoration:none;
background:url(/stat//hex-bc.gif) center left no-repeat;
padding-left:17px;
}
#section-navigation ul li.selected a {
color:#000;
}
.product-category #section-navigation ul li.selected a {
color:#000;
}
#section-navigation ul li a:hover,
#section-navigation ul li.selected a:hover {
text-decoration:underline;
}
/*--- SECONDARY-CONTENT  ---------------------------------------------------------*/
#call-us {
height:69px;
background:url(/stat/call-us-now.png) no-repeat;
}
#news-headlines h3,
#sign-up h3,
#our-planet h3 {
margin:1em 0 0.1em;
font-size:1.4em;
color:#005EB0;
padding-left:15px;
background:url(/stat/file.gif) center left no-repeat;
}
#sign-up h3 {
background:url(/stat/envelope.gif) center left no-repeat;
}
#our-planet h3 {
background:url(/stat/hex-h3.gif) center left no-repeat;
}
#news-headlines p,
#sign-up p {
font-size:1.1em;
margin-bottom:0.2em;
}
#news-headlines p.more {
margin-bottom:0
}
#news-headlines p.more a {
font-weight:bold;
}
#news-headlines a {
text-decoration:none;
color:#005EB0;
}
#news-headlines a:hover {
text-decoration:underline;
}
/*
#cool-seal {
margin-top:20px;
width:216px;
height:150px;
background:url(/stat/cool_banner_new.jpg) no-repeat;
}
*/
#cool-seal {
margin-top:20px;
width:216px;
background:url(/stat/cool_banner_new2.jpg) no-repeat #FBFBFB;
border-bottom: 3px solid #005EB0;
padding-bottom: 1em;
}


#cool-seal p {
padding:76px 75px 0 13px;
font-size:1.1em;
}
#cool-seal p a {
display:block;
padding-top:7px;
font-weight:bold;
text-decoration:none;
color:#005EB0;
font-size: 1.2em;
}
#cool-seal p a:hover {
text-decoration:underline;
}

#sign-up {
margin:25px 0 15px;
border-bottom:1px solid #999;
}
#sign-up fieldset {
border:none;
padding:9px 0 6px;
}
#sign-up fieldset div {
width:216px;
overflow:hidden;
padding-bottom:8px;
}
#sign-up fieldset div label {
float:left;
width:45px;
font-weight:bold;
font-size:1.1em;
color:#005EB0;
padding-top:4px;
}
#sign-up fieldset div input {
float:left;
width:163px;
font-size:1.1em;
color:#005EB0;
border:2px solid #005EB0;
background-color:#CCE5FB;
padding:2px;
}
#sign-up fieldset input.btn {
margin-left:120px;
}
#our-planet p {
margin-top:10px;
background:url(/stat/recycle-l.gif) no-repeat;
font-size:1.1em;
padding:0 10px 10px 85px;
}
#our-planet p a {
display:block;
padding-top:3px;
font-weight:bold;
color:#005EB0;
text-decoration:none;
}
#our-planet p a:hover {
text-decoration:underline;
}

#site-map {
margin-top:26px;
padding-left:20px;
}
#site-map li {
padding:0;
margin:0;
background:none;
margin-bottom:5px;
}
#site-map li a {
background:url(/stat/hex-bc.gif) left center no-repeat;
padding-left:16px;
font-size:1em;
}
#site-map li li {
padding:0;
margin:0;
background:none;
padding-left:25px;
font-size:1em;
margin-bottom:3px;
}
#site-map li li a {
background:url(/stat/hex-bc.gif) left center no-repeat;
padding-left:16px;
font-size:1em;
}
#site-map li ul {
padding-top:5px;
margin-bottom:10px;
}
#content a {
color:#005EB0;
}
/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
#sign-up legend {
height:0;
font-size:0;
}
#sign-up legend,
#navigation h2,
#call-us h3,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
height:0;
width:0;
}
/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h2
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}
/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}