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

@import "square-double-borders.css";


sup{font-size:9px; }
body {
	margin-top: 0px;
	background-image: url(../images/top-gradient-repeat.png);
	background-repeat: repeat-x;
	font-family: Arial;
}

a:link{color:#0054A6;text-decoration:none;}
a:visited{color:#0054A6;text-decoration:none;}
a:hover{color:#0054A6;text-decoration:underline;}
a:active{color:#0054A6;text-decoration:none;}
.sup{font-size:64%;}

/*Image no borders*/
a img { border: 0; }
a:hover img {border: 0; }
a:visited img {border: 0; }
/*Image no borders*/

.form{padding:0; margin:0;}
.shortpanelmid{background-image: url(../images/short-panel-mid.gif);background-repeat: repeat-y;}

#LastUpdated{font-size: 0.72em; font-weight:normal; width:220px; height:25px; color:#000066; margin-left:5px;}/*Dark blue Last Updated text*/
h1,h2,h3,h4,h5,h6 {font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif; margin-bottom:0em;margin-top:0.6em;line-height:1em;color:#000066;}/*0054A6*/
#content{width:600px; height:100%}

p{margin-bottom:0.6em;font-size:0.8em;line-height:1.6em;margin-top: 0.2em;color:#000000;font-family: Arial, Helvetica, Tahoma, sans-serif;}/*000F68*/
#bodyscroll-home{
	width: 615px;
	height:285px;
	overflow:none;
}
#bodycontent-home{
	width: 595px;
	height:270px;
	overflow:auto;
	padding-right:15px;
	font-family: Arial;
	margin: 0px;
}/*Padding determines the space between end of copy, to the scroll bars*/
/*homepage and products, markets use bodyscroll*/
#bodyscroll{
	width: 615px;
	min-height:255px;
	height:100%;/*was 255px*/
	overflow:none;
}
#bodycontent{
	width: 595px;
	min-height:200px;
	height:100%;/*was 200px*/
	overflow:none;
	padding-right:15px;
	font-family: Arial;
	margin: 0px;
}/*Padding determines the space between end of copy, to the scroll bars*/

/*Promo uses bodyscroll2*/
#bodyscroll2{
	width: 615px;
	min-height:367px;
	height:100%;
	overflow:none;
}
#bodycontent2{
	width: 595px;
	min-height:360px;
	height:100%;
	overflow:none;
	padding-right:15px;
	font-family: Arial;
}/*Padding determines the space between end of copy, to the scroll bars*/




#products{height:15px; width:600px; margin:3px 0 0 25px; font-size:1em; font-weight:bold; color:#FFFFFF;}

/*For Products under Markets*/

.products ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
/*list-style-image:url(../images/arrow.gif);*/
/*list-style-position: outside;*/
/*list-style-type: none;*/
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
text-transform: capitalize;

}


/*The below line fixes the IE gaps in IE6*/
/*Bug IE fix gaps*/
/*.bodycontent ul, li {display: block;}*//*display: block;*/
.categoryitems ul, li {display: inline;}/*This delete the extra spacing on the left hand side main menus in IE browser*/
/*Bug IE fix gaps*/



.products li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(../images/arrow.gif) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:0.76em;line-height:1.3em;margin-top:3px;color:#000F68;} /*display:inline-block;*/

.products li a:link{text-decoration:none;}/*Taken off display: block;*/
#products-spacer{width:17px; height:108px; float:left;}

/*below are bullet point style for homepage*/
.bodycontent ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
}
.bodycontent li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(http://www.labelandpackaging.co.uk/images/bullet.png) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:0.8em;line-height:1.5em;margin-top:12px;margin-left:15px; color:#000F68;font-family: Arial;} /*display:inline-block;*/

/*below are bullet point styling for about us and other top nav pages*/
#bodycontent2 ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
font-family: Arial;}
#bodycontent2 li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(http://www.labelandpackaging.co.uk/images/bullet.png) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:0.8em;line-height:1.5em;margin-top:3px;margin-left:15px; color:#000F68;font-family: Arial;} /*display:inline-block;*/


/* below are bullet point styling for products, markets, and promo*/
#bodyscroll #bodycontent #content ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
font-family: Arial;}
#bodyscroll #bodycontent #content li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(http://www.labelandpackaging.co.uk/images/bullet.png) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:0.8em;line-height:1.2em;margin-top:3px;margin-left:15px; color:#000F68;font-family: Arial;} /*display:inline-block;*/


#bodyscroll #bodycontent #content ul ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
font-family: Arial;}
#bodyscroll #bodycontent #content li li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(http://www.labelandpackaging.co.uk/images/bullet.png) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:1em;line-height:1em;margin-top:3px;margin-left:0; color:#000F68;font-family: Arial;} /*display:inline-block;*/




/* below are bullet point styling for products, markets, and promo*/
#bodyscroll #bodycontent ul{
border:0;
margin:0;
list-style:none;/* basically, don't use list style, because you cannot control the position of the list image */
padding:0; /* Make padding 0 so it won't display the extra gap to the left in Firefox*/
font-family: Arial;}
#bodyscroll #bodycontent li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;  /*The third setting will only apply to IE browsers 6.0 and older*/

border:0; background:url(http://www.labelandpackaging.co.uk/images/bullet.png) no-repeat top left; /*adjusts the bullet 3px from top.*/padding:0 0 0 20px;/* space for your GIF image */font-size:0.8em;line-height:1.2em;margin-top:3px;margin-left:15px; color:#000F68;font-family: Arial;} /*display:inline-block;*/



.breadcrumb {font-size:0.78em; line-height:1em;color:#000000; margin-bottom:3px;font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;}
.breadcrumb a:link{color:#000000;text-decoration:none;font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;}
.breadcrumb a:visited{color:#000000;text-decoration:none;font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;}
.breadcrumb a:hover{color:#000099;text-decoration:underline;font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;}
.breadcrumb a:active{color:#000000;text-decoration:none;font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;}
.darkblue {color:#000099;}
.underline-darkblue {color:#000099;text-decoration:underline;}
.underline {text-decoration:underline;}
.bold{font-weight:bold;}
.grey{color:#666666;}

.footer {font-size:0.7em; line-height:1.2em;color:#000000;}/*0054A6*/
/*.footer.current {text-decoration:underline;}*/
.footer a:link{text-decoration:none;color:#000000;}
.footer a:visited{text-decoration:none;color:#000000;}
.footer a:hover{text-decoration:underline;color:#0054A6;}
.footer a:active{text-decoration:none;color:#000000;}
.footer .current{text-decoration:underline;color:#0054A6;}



#container{margin-left:auto; margin-right:auto; width:950px; border-collapse:collapse; } /*border:1px solid #1650AF;*/
#copyright{margin-top:5px; height:13px;color:#333333;}/*Grey copyright line*/

#copyright a:link{text-decoration:none;color:#333333;}
#copyright a:visited{text-decoration:none;color:#333333;}
#copyright a:hover{text-decoration:underline;color:#333333;}
#copyright a:active{text-decoration:none;color:#333333;}