/* CSS Document */

/* BACKGROUND IMAGES */

html {background: #554C98 url(../../images/background_body.jpg) repeat-x top left;}
#nav {background: #003f67 url(../../images/background_nav.jpg) repeat-x top left;}
#nav ul li {background: transparent url(../../images/nav_divider.gif) no-repeat top right;}
#content #leftColumn #lastestNews {background: transparent url(../../images/background_shadow_bottom.jpg) no-repeat bottom right;}
#topFooter {background: transparent url(../../images/background_top_footer.jpg) no-repeat bottom left;}
#bottomFooter {background: transparent url(../../images/background_bottom_footer.jpg) no-repeat top left;}
#content {background: #fff url(../../images/background_rightColumn.gif) repeat-y top right;}


/* MASTHEADS */ 

#masthead {background: #08355E url(../../images/masthead_homepage.jpg) no-repeat top left;}
#giftBags #masthead {background: #08355E url(../../images/masthead_giftbags.jpg) no-repeat top left;}

/* LIST ITEMS */

#content #leftColumn #lastestNews li.first a {
	background: transparent url(../../images/list_item_news_1.gif) no-repeat top left;}
#content #leftColumn #lastestNews li.second a {
	background: transparent url(../../images/list_item_news_2.gif) no-repeat top left;}
#content #leftColumn #lastestNews li.third a {
	background: transparent url(../../images/list_item_news_3.gif) no-repeat top left;}


#rightColumn li.productRange.one a {
	background-image: url(../../images/productRange_integrated_labels_thumb.jpg)
}
#rightColumn li.productRange.one a:hover {
	background-image: url(../../images/productRange_integrated_labels_thumb_2.jpg)
}

#rightColumn li.productRange.two a {
	background-image: url(../../images/productRange_gift_tags_thumb.jpg)
}
#rightColumn li.productRange.two a:hover {
	background-image: url(../../images/productRange_gift_tags_thumb_2.jpg)
}	

#rightColumn li.productRange.three a {
	background-image: url(../../images/productRange_pressure_seal_thumb.jpg)
}
#rightColumn li.productRange.three a:hover {
	background-image: url(../../images/productRange_pressure_seal_thumb_2.jpg)
}

#rightColumn li.productRange.four a {
	background-image: url(../../images/productRange_barcodes_thumb.jpg)
}
#rightColumn li.productRange.four a:hover {
	background-image: url(../../images/productRange_barcodes_thumb_2.jpg)
}

#rightColumn li.productRange.five a {
	background-image: url(../../images/productRange_healthcare_thumb.jpg)
}
#rightColumn li.productRange.five a:hover {
	background-image: url(../../images/productRange_healthcare_thumb_2.jpg)
}

#rightColumn li.productRange.six a {
	background-image: url(../../images/productRange_security_thumb.jpg)
}
#rightColumn li.productRange.six a:hover {
	background-image: url(../../images/productRange_security_thumb_2.jpg)
}

#rightColumn li.productRange.seven a {
	background-image: url(../../images/productRange_mailer_thumb.jpg)
}
#rightColumn li.productRange.seven a:hover {
	background-image: url(../../images/productRange_mailer_thumb_2.jpg)
}	

#rightColumn li.productRange.eight a {
	background-image: url(../../images/productRange_plain_labels_thumb.jpg)
}
#rightColumn li.productRange.eight a:hover {
	background-image: url(../../images/productRange_plain_labels_thumb_2.jpg)
}	



/* IMAGE REPLACE */

#homepage #middleColumn h1 {background: url(../../images/h2_integratedtags.gif) no-repeat top left;}
#healthcare #middleColumn h1 {background: url(../../images/h2_healthcare.gif) no-repeat top left;}
#homepage #middleColumn #copySection h1 {background: url(../../images/h2_tagBenefits.gif) no-repeat top left;}
#whyUse #middleColumn h1 {background: url(../../images/h2_why_use.gif) no-repeat top left;}
#wrapService #middleColumn h1 {background: url(../../images/h2_wrap_service.gif) no-repeat top left;}
#demo #middleColumn h1, #flashDemo #middleColumn h1 {background: url(../../images/h2_demo.gif) no-repeat top left;}
#giftBags #middleColumn h1 {background: url(../../images/h2_gift_bags.gif) no-repeat top left;}

#contactUs h4 {
	background: transparent url(../../images/h4_contact_us.png) no-repeat top left;
	text-indent: -9999px;
	height: 20px;
}

#environment h4 {
	background: transparent url(../../images/h4_environment.png) no-repeat top left;
	text-indent: -9999px;
	height: 20px;
}

#otherBrands h4 {
	background: transparent url(../../images/h4_other_brands.png) no-repeat top left;
	text-indent: -9999px;
	height: 20px;
}