/*--------------------------------------------------------------------------------







CSS for MW Packaging







Version: 1.0



Author: By The Scruff







--------------------------------------------------------------------------------*/







/* Reset



--------------------------------------------------------------------------------*/







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	font-weight: inherit;



	font-style: inherit;



	line-height: 1.4;



	font-family: inherit;



	text-align: left;



	vertical-align: baseline;



}







body {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 62.5%;



	color: #666;



	margin: 0;



	background: #e0e0e0 url(../images/bg.jpg) repeat-y;



}







a img, :link img, :visited img {



	border: 0;



	margin: 0;



}







table {



	border-collapse: collapse;



	border-spacing: 0;



}







ol, ul {



	list-style: none;



}







em {



	font-style: italic;



}







strong {



	font-weight: bold;



}







p {



	font-size: 1.2em;



}







q:before, q:after, blockquote:before, blockquote:after {



	content: "";



}







input, select {



	vertical-align: middle;



	color: #666;



	font-size: 1.2em;



}











/* Global



--------------------------------------------------------------------------------*/







#wrapper {



	width: 963px;



	margin: 50px 0 0 40px;



}







h2 {



	font-size: 2em;



	padding: 0 0 10px 0;



	margin: 0 0 10px 0;



	font-weight: normal;



	border-bottom: solid 1px #dbdbdb;



	font-family: Helvetica, Arial, sans-serif;



}







h3  {



	font-size: 1.6em;



	margin: 0 0 5px 0;



	font-family: Helvetica, Arial, sans-serif;



}







h4 {



	font-size: 1.4em;



	font-family: Helvetica, Arial, sans-serif;



}







h5  {



	font-size: 1.4em;



	font-family: Helvetica, Arial, sans-serif;



}







h6  {



	font-size: 1.2em;



	font-family: Helvetica, Arial, sans-serif;



}







.img_right {



	float: right;



	margin: 0 0 0 10px;



}











/* Header



--------------------------------------------------------------------------------*/







#header {



	width: 963px;



	margin: 0 0 15px 0;



	float: left;



}







#header:after {



	content:"."; 



	display:block; 



	height:0; 



	clear:both; 



	visibility:hidden;



}







#header h1 a {



	background: url(../images/logo.gif) no-repeat;



	width: 336px;



	height: 78px;



	padding: 0;



	margin: 0;



	display: block;



	text-indent: -9999px;



	float: left;



}







#header #meta {



	float: left;



	width: 627px;



}







#header #meta p {



	font-family: Helvetica, Arial, sans-serif;



	font-size:1.4em;



	text-align: right;



}







#header #meta p {



	font-family: Helvetica, Arial, sans-serif;



	font-size:1.4em;



	text-align: right;



}







#header #meta p a {



	color: #666;



	text-decoration: none;



}







#header #meta p a:hover {



	text-decoration: underline;



}







#header #meta ul {



	color: #999;



	font-size:1.2em;



	text-align: right;



	margin:5px 0 0 0;



}







#header #meta ul li {



	display: inline;



	margin: 0 0 0 3px;



}







#header #meta ul li a {



	color: #999;



	text-decoration: none;



}







#header #meta ul li a:hover, #header #meta ul li a.selected {



	color: #666;



	text-decoration: underline;



}











/* Navigation top



--------------------------------------------------------------------------------*/







#nav_top {
	width: 963px;
	margin: 0 0 15px 0;
	float: left;
}

#nav_top:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

#nav_top ul li {
	display: inline;
}

#nav_top ul li a {
	float: left;
	padding: 13px 0 0 0;
	margin: 0 20px 0 0;
	overflow: hidden;
	height: 0px;
}

#nav_top ul li a:hover, #nav_top ul li .selected {
	background-position: 0 -13px;
}

#but_home a  {
    width: 36px;
    background: url(../images/but_home.gif) top left no-repeat;
}

#but_packaging a  {
    width: 119px;
    background: url(../images/but_packaging.gif) top left no-repeat;
}

#but_company a  {
    width: 83px;
    background: url(../images/but_company.gif) top left no-repeat;
}

#but_gallery a  {
    width: 66px;
    background: url(../images/but_gallery.gif) top left no-repeat;
}


#but_news a  {
    width: 72px;
    background: url(../images/but_news.gif) top left no-repeat;
}

#but_clients a  {
    width: 39px;
    background: url(../images/but_clients.gif) top left no-repeat;
}

#but_contact a  {
    width: 66px;
    background: url(../images/but_contact.gif) top left no-repeat;
}


/*French*/
#but_homefr a  {
    width: 42px;
    background: url(../images/but_homefr.gif) top left no-repeat;
}

#but_packagingfr a  {
    width: 121px;
    background: url(../images/but_packagingfr.gif) top left no-repeat;
}

#but_companyfr a  {
    width: 61px;
    background: url(../images/but_companyfr.gif) top left no-repeat;
}

#but_galleryfr a  {
    width: 58px;
    background: url(../images/but_galleryfr.gif) top left no-repeat;
}


#but_newsfr a  {
    width: 55px;
    background: url(../images/but_newsfr.gif) top left no-repeat;
}

#but_clientsfr a  {
    width: 39px;
    background: url(../images/but_clients.gif) top left no-repeat;
}

#but_contactfr a  {
    width: 91px;
    background: url(../images/but_contactfr.gif) top left no-repeat;
}



/* Content



--------------------------------------------------------------------------------*/







#content {



	width: 975px;



	margin: 0 0 40px 0;



	float: left;



}







#content:after {



	content:"."; 



	display:block; 



	height:0; 



	clear:both; 



	visibility:hidden;



}







/* Homepage */







#hp_flash {



	margin: 0 0 11px 0;



}







#hp_col_left {



	width: 515px;



	float: left;



}







.box_material {



	border: 6px solid #dbdbdb;



	padding: 15px;



	margin: 0 0 11px 0;



}







.box_material p {



	font-size:1.4em;



}







.box_material form {



	margin: 10px 0 0 0;



}







.box_material form label {



	font-size: 1.2em;



	padding: 0 10px 0 0;



}







.box_contact {



	color: #fff;



	border: 6px solid #dbdbdb; 



	background: url(../images/bg_hp_contact-grey.jpg) no-repeat 0 0;



	padding: 15px;



	width: 473px;

	

	position: absolute;



}







.box_contact:after



{



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.box_contact .call {



	font-size: 1.4em;



	font-weight: bold;



}







.box_contact .table_row{
margin: 0 auto 7px auto;
padding: 0;
width: 470px;
clear: both;
}


.box_contact .table_row:after{
content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.box_contact .equal_container



{



	float: left;



	width: 235px;



	padding: 0;



	margin: 0;



}







.box_contact .table_row_bottom



{



	width: 350px;



	float: left;



}







.box_contact .table_row_button



{



	width: 120px;



	float: left;



	text-align: right;



}







.box_contact form {



	margin: 10px 0 0 0;



}







.box_contact form label.left {



	font-size: 1.2em;



	float: left;



	width: 70px;



}







.box_contact form label.right {



	font-size: 1.2em;



	margin: 0 0 0 3px;



}







.box_contact form .textbox { 



	width: 140px;



	border: 1px solid #8a8788;



	background-color: #d9d5d7;



}







.box_contact form .checkbox { 



	vertical-align: top;



}







.box_contact form p.question {



	padding: 0 5px 0 0;



	float: left;



}



.box_contact form #error_name {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 230px;
	top: 49px;
}


.box_contact form #error_email {	
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 465px;	
	top: 49px;
}


.box_contact form #error_phone {
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 230px;	
	top: 76px;	
}

.box_contact form #error_interested {	
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 465px;	
	top: 76px;	
}






.box_contact form .error_img {

	

	vertical-align: middle;

	

}





.contactleft {



	font-size: 1.2em;



	vertical-align: top;



	}



	



.left-name1 { width: 140px; margin: 0 0 10px 35px; background-color: #d9d5d7; border: 1px solid #8a8788;}



.left-name2 { width: 140px; margin: 0 0 10px 10px; background-color: #d9d5d7; border: 1px solid #8a8788;}



.left-name3 { width: 210px; margin: 0 0 10px 28px; background-color: #d9d5d7;  border: 1px solid #8a8788;}







.formbutton { margin: 0 0 0 175px;}







#hp_col_middle {



	width: 220px;



	float: left;



}







#hp_col_right {



	width: 228px;



	float: left;



}







/* Left column */







#column_left {



	width: 162px;



	float: left;



	color: #494949;



	margin-right: 22px;



}



	



#column_left #nav_left {



	background-color: #ffffff;



	width: 142px;



	padding: 15px 10px;



	border: 6px solid #dbdbdb;



}







#column_left #nav_left p {



	margin: 15px 0 0 0;



}







#column_left #nav_left ul li {



	font-size: 1.2em;



	font-style: italic;



	padding: 0 0 0 10px;



	background: url(../images/bullet_left_nav.gif) no-repeat 0 5px;



}







#column_left #nav_left ul li a {



	color: #494949;



	text-decoration:none;



}







#column_left #nav_left ul li a:hover {



	text-decoration:underline;



}







#column_left #icons_left {
	margin: 20px 0 0 0;
	width: 162px;
}







#column_left #icons_left .icon {
	text-align: center;
	margin: 5px 0 0 0;
}
.icon { clear: both;}

#icons_left h1 { font-size: 12px; font-weight:bold; color:#333;}

.iconh1 { padding-top: 5px; font-size: 12px; font-weight: bold; color:#333333;}

.icon-left { width: 81px; float:left;}
.icon-left p { font-size: 10px; padding-bottom: 10px;}

.icon-right { width: 81px; float:left; text-align:center;}
.icon-right p { font-size: 10px; padding-bottom: 10px;}

.icon-imgs { margin-left: auto; width: 40px; margin-right: auto;}
.icon-imgs1 { margin-left: 20px; width: 40px; }


#column_left #icons_left .icon p {
	text-align: center;
	margin: 2px 0 0 0;
}







/* Middle column */







#column_middle {

	width: 553px;

	float: left;

}



.exhibitionflashtwo { background-image:url('../images/exhibition_flash.jpg'); background-repeat:no-repeat;width: 554px; height: 246px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; }



.exhibitionflashtwo p.exbit_header { font-family: Helvetica; font-size:31px; font-weight:lighter; padding-top: 105px;}

.exhibitionflashtwo p { padding-right:37px; padding-left:37px; line-height: 15px; padding-top:25px;}



#column_middle_border {

	width: 501px;

	float: left;

	padding: 20px 25px;

	border: 1px solid #dbdbdb;

}



.map { width: 501px; height: 384px; background-color: #0C6;}





#column_middle_border:after

{

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}







#column_middle_border .call {

	font-size: 1.4em;

	font-weight: bold;

}



#column_middle_border .table_row1

{

	margin: 0 auto 7px 0;

	padding: 0;

	width: 470px;

	clear: both;

	height: 21px;

}



#column_middle_border .table_row1:after

{

	height:21px;

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



#column_middle_border .equal_container

{

	float: left;

	width: 235px;

	padding: 0;

	margin: 0;

	float: left;
}



#column_middle_border .table_row_bottom1
{
	width: 120px;

	float: right;

	margin-top: -5px;
}


#column_middle_border form {

	margin: 10px 0 0 0;

}



#column_middle_border form label.left {

	font-size: 1.2em;

	float: left;

	width: 70px;

}



#column_middle_border form label.right {

	font-size: 1.2em;

	margin: 0 0 0 3px;

}



#column_middle_border form .textbox { 

	width: 140px;

	border: 1px solid #8a8788;

	background-color: #d9d5d7;

}



#column_middle_border form .checkbox { 

	vertical-align: top;

}



#column_middle_border form p.question {

	padding: 0 5px 0 0;

	float: left;

}

#column_middle_border form #error_name {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 466px;
	top: 296px;
}


#column_middle_border form #error_email {	
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 466px;	
	top: 324px;
}


#column_middle_border form #error_phone {
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 466px;	
	top: 353px;
}

#column_middle_border form #error_interested {	
	position: absolute;	
	width: 16px;	
	height: 16px;	
	left: 466px;	
	top: 380px;	
}


.interest-contact { margin-top: 500px;}



#column_middle_border form .error_img {

	

	vertical-align: middle;

	

}


.contactleft {



	font-size: 1.2em;



	vertical-align: top;



	}



	



.left-name1 { width: 140px; margin: 0 0 10px 35px; background-color: #d9d5d7; border: 1px solid #8a8788;}



.left-name2 { width: 140px; margin: 0 0 10px 10px; background-color: #d9d5d7; border: 1px solid #8a8788;}



.left-name3 { width: 210px; margin: 0 0 10px 28px; background-color: #d9d5d7;  border: 1px solid #8a8788;}







.formbutton { margin: 0 0 0 175px;}





#column_middle_border-gallery {



	width: 943px;



	float: left;



	padding: 20px 25px;



	border: 1px solid #dbdbdb;



	background-color:#FFF;



}







#column_middle_border hr {



	color: #dbdbdb;



	background: #dbdbdb;



	height: 1px;



	border: none;



	margin: 0 0 20px 0;



	clear: both;



}







#column_middle_border p {



	padding: 0 0 10px 0;



}







#column_middle_border p.section {



	margin: 0 0 10px 0;



}







#column_middle_border p.section a {



	color: #990066;



	text-decoration: none;



}







#column_middle_border p.section a:hover {



	text-decoration: underline;



}







#column_middle_border .news_entry {



	margin: 0 0 25px 0;



}







#column_middle_border .news_entry img {



	float: right;



	margin: 0 0 10px 10px;



}



#column_middle_border .news_entry ul {

	padding-left: 14px;

	padding-bottom: 4px;

}

#column_middle_border .news_entry ul li {

	font-size: 12px;

	list-style:disc;

	color: #333;

}



#column_middle_border .news_entry p {	



	margin: 5px 0 0 0;



	color: #333;



}







#column_middle_border .news_entry p a {



	color: #333;



}







#column_middle_border .news_entry p a:hover {



	text-decoration: none;



}







#column_middle_border .news_entry p.title {



	font-size: 1.5em;



	font-weight: bold;



	margin: 0;



}







#column_middle_border .news_entry p.title a {



	color: #333;



	text-decoration: none;



}







#column_middle_border .news_entry p.title a:hover {



	text-decoration: underline;



}







#column_middle_border .news_entry p.date {



	margin: 0;



}







#column_middle #products {



	color: #fff;



	background: #000;



	padding: 0 20px 10px 20px;



	float: left;



}







#column_middle #products #sort_by {



	background: #000;



	padding: 5px 0;



	width: 513px;



	float: left;



}







#column_middle #products #sort_by p {



	color: #fff;



	width: 320px;



	padding: 0 10px 0 0;



	float: left;



	text-align: right;



}







#column_middle #products #sort_by form {



	width: 80px;



	float: left;



}







#column_middle #products .product {



	width: 513px;



	float: left; 



	border-top: 1px solid #202020;



	padding: 5px 0;



	margin: 10px 0 0 0;



}







#column_middle #products .product .image {



	width: 143px;



	float: left;



}







#column_middle #products .product .information {



	width: 370px;



	float: left;



	padding: 5px 0 0 0;



}







#column_middle #products .product .information h4 a  {



	color: #fff;



	text-decoration: none;



}







#column_middle #products .product .information h4 a:hover {



	color: #fff;



	text-decoration: underline;



}







#column_middle #products .product .information .features {



	margin: 10px 0;



}







#column_middle #products .product .information .features img {



	margin: 0 10px 0 0;



}







#column_middle #products .product .information ul li {



	display: inline;



	background: url(../images/bullet_prod_call.gif) no-repeat 0 5px;



	padding: 0 0 0 10px;



	margin: 0 10px 0 0;



	font-size: 1.1em;



}







#column_middle #products .product .information ul li a {



	color: #fff;



	text-decoration: none;



}







#column_middle #products .product .information ul li a:hover {



	text-decoration: underline;



}







#column_middle #product_information {



	width: 553px;



	float: left;



	color: #fff;



	background: #000;



}







#column_middle #product_download {



	width: 170px;



	float: left;



	padding: 57px 0 20px 30px;



}







#column_middle #product_download .link {



	margin: 0 0 20px 0;



}







#column_middle #product_download .link a {



	font-size: 1.2em;



	color: #fff;



	text-decoration: none;



}







#column_middle #product_download .link a:hover {



	text-decoration: underline;



}







#column_middle #product_description {



	width: 313px;



	float: left;



	padding: 0 20px 20px 20px;



}







#column_middle #product_description #features {



	width: 83px;



	float: left;



	text-align: right;



	margin: 0 0 20px 0;



}







#column_middle #product_description #features img {



	margin: 0 0 0 10px;



}







#column_middle #product_description h3 {



	color: #fff;



	width: 230px;



	float: left;



	margin: 0 0 20px 0;



	



}







#column_middle #product_description p {



	margin: 0 0 10px 0;



	clear: both;



}







#column_middle #product_description #related {



	border-top: 1px solid #202020;



	border-bottom: 1px solid #202020;



	margin: 20px 0 0 0;



	padding: 15px 0;



}







#column_middle #product_description #related ul li {



	font-size: 1.2em;



	padding: 0 0 0 12px;



	background: url(../images/bullet_related_prod.gif) no-repeat 0 5px;



}







#column_middle #product_description #related ul li a {



	color: #fff;



	font-weight: bold;



	text-decoration: none;



}







#column_middle #product_description #related ul li a:hover {



	text-decoration: underline;



}











/* Right column */







#column_right {



	width: 228px;



	float: left;



	margin: 0 0 0 10px;



}







.box_search {



	width: 228px;



	margin: 0 0 11px 0;



	padding: 0 0 10px 0;



	float: left;



	border-bottom: 1px solid #dbdbdb;



}







.box_case_study {



	width: 196px; 



	border: 6px solid #dbdbdb;



	background-color:#fff;



	padding: 10px;



	float: left;



}







.box_case_study h6 {



	margin: 0 0 4px 0;



}







.box_case_study p a {



	color: #666;



	text-decoration: none;



	line-height: 1.2em;



}







.box_case_study p a:hover {



	text-decoration: underline;



}







.box_case_study p {



	font-size: 1.1em;



	margin: 10px 0 0 0;



}







.box_standard {
	width: 228px; 
	border-top: 1px solid #dbdbdb;
	margin: 11px 0 0 0;
	padding: 10px 0 0 0;
	float: left;
}

.box_standard .news_entry { padding-top: 10px; margin: 0;}

.box_standard .news_entry p.title {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	color: #333;
}


.box_standard .news_entry p.title a {
	color: #333;
	text-decoration: none;
}


.box_standard .news_entry p.title a:hover {
	text-decoration: underline;
}


.box_standard .news_entry p.date {
	margin: 0;
}







ul.list_blog li {
	font-size: 1.2em;
	margin: 5px 0 5px 0;
}







ul.list_blog li a {



	color: #666;



	text-decoration: none;



}







ul.list_blog li a:hover {



	text-decoration: underline;



}











/* Footer



--------------------------------------------------------------------------------*/







#footer {
	width: 973px;
	border-top: 1px solid #d8d8d8;
	padding: 10px 0 50px 0;
	float: left;
}

#footer ul {
	margin: 0 0 7px 0;
}

#footer ul li {
	display: inline;
	padding: 0 12px 0 0;
	font-size: 1.2em;
}

#footer ul li a {
	color:#666;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

.BTSlogo {
	top: 0;
	right: 0;
	margin-top: -43px;
	float: right;
}