/***************************************/
/**                                   **/
/**          GLOBAL STYLES            **/ 
/**                                   **/
/***************************************/

/* distribution_purple=#660034
   distribution_pink=#FF0083
*/

* { padding: 0; margin: 0; }

html { overflow-y: scroll; }

html, body{ 
 text-align:left; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 background: #7F7F7F url("images/background.jpg") no-repeat 50% 0;
} 

img { behavior: url(src/iepngfix.htc) }

h1{
 font-size: 0.8125em;
 }

h2{
 font-size: 0.75em;
 }
 

a, p{
 font-size: 0.75em;
 text-decoration: none;
 color: black;
 }

a img{
 border: none;
 }

#page_container {
 width:auto;
 min-width:1015px;
 max-width:1400px;
 margin:0 auto;
 }

/* shady ie6 min-width hack */
* html #page_container{
width: expression(document.body.clientWidth <1015 ? "1015px" : "auto" );}

 
/***************************************/
/**                                   **/
/**              HEADER               **/ 
/**                                   **/
/***************************************/

#header_container {
 width: auto;
 min-width: 1015px;
 height: 100px;
 margin: 0px auto 0 auto;
}

#header_content {
 position: relative;
 width: 1015px;
 margin: 0 auto;
 height: 100px;
 margin: 0 auto;
 background: url("images/bg-white-op80.png");
}

.header_logo {
 position: absolute;
 top: 5px;
 left: 10px;
 }
 
.header_slogan {
 position: absolute;
 top: 75px;
 right: 10px;
 }

#header_bottom{
 width: 975px;
 height: 10px;
 margin: 0 auto;
 padding: 0 20px;
 background: url("images/bg-pink-op60.png");
 }
 
/***************************************/
/**                                   **/
/**            NAVIGATION             **/ 
/**                                   **
/***************************************/

#navigation_container {
 width: 1015px;
 height: 536px;
 margin: 0 auto;
 background: url("images/bg-nav.png") repeat-x 1px 1px;
 overflow: hidden;
}

#nc2{position: relative; float:right; left: -50%; text-align: left; z-index: 50;}

#navreset{position: relative; margin-top:-500px;}	/* must be worthy of comment...
													   implemented this float right, left -50 ting to center the nav ul
														which worked, but had to add overflow: hidden to hide the
														scrollbars.
													   Overflow:hidden also hid the dropdown menus, so I simply extended
													   nav height by 500px, and this div puts the remaining page back over
													   the menu */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	position:		relative;
	left:			50%;
}
.sf-menu ul {
	position:		absolute;						/* initially hide submenus */
	top:			-5000px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,						/* big div & suppliers drop down hover fly-out */
.sf-menu li.sfHover ul {
	top:			34px;
	width:			100px;
}
.sf-menu li li:hover li ul,					/* appears to do nothing, can be removed probably */
.sf-menu li li.sfHover li ul,
.sf-menu li:hover li li ul,
.sf-menu li.sfHover li li ul {
	top:			-5000px;
}
.sf-menu li li:hover ul,					/* big div menu items, overrides top:34px on parent, above */
.sf-menu li li.sfHover ul,
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
	top:			0;
}
.sf-menu li li li:hover ul,					/* position of big div submenus on fly-out */
.sf-menu li li li.sfHover ul {
	top:			0;
	position:		relative;
}
/*** PAC ESSENTIAL STYLES ***/
.sf-menu li:hover ul li .big,
.sf-menu li.sfHover ul li .big {
	position:		absolute;
	left:			-323px;
	top:			0;
	width:			782px;
	height:			339px;
	background:		#101010;
	-o-border-radius: 0 0 6px 6px; -icab-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px;  -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 0 0 6px 6px;
}
.sf-menu .big ul li:hover  ul li .small,
.sf-menu .big ul li.sfHover ul li .small {
	position:		relative;
	top:			-5px;
	left:			115px;
	width:			195px;
	opacity:		0.95;
}
.sf-menu .small li {							/* big div sub menus */
	position:		relative;
}
.sf-menu .small li a {
	margin:			0;
	padding:		0;
	height:			30px;
	line-height:	30px;
	border:			none;
	background:		#202020;
}
/*** DEMO SKIN ***/
.sf-menu {
}
.sf-menu li {								/* menu bar */
	margin:			1px 5px 0 5px;
}
.sf-menu li a {
	border-left:	1px solid black;
	border-right:	1px solid black;
	padding:		11px 30px 11px 30px;
	text-align:		center;
}
.sf-menu li li {							/* suppliers drop down */
	background:		#F0F0F0;
	margin: 		0;
	padding:		0;
	width:			113px;
}
.sf-menu li li a {
	text-align:		center;
	padding:		4px 0;
	width:			113px;
}
.sf-menu li li li {							/* big div drop down menu items */
	position:		absolute;
	width:			195px;
	height:			30px;
	background:		none;
}
.sf-menu li li li a {
	width:			195px;
	margin:			0;
	padding:		0;
	height:			30px;
	line-height:	30px;
	border:			none;
	color:			#e0e0e0;
}
.sf-menu li li h3 {							/* big div drop down prod cat headings */
	position:		absolute;
	font-size:		0.75em;
	color:			black;
	background:		url('images/bg-submenu.png');
	width:			185px;
	height:			25px;
	line-height:	25px;
	margin:			4px 5px 0 5px;
	padding:		0;
	text-align:		center;
}
.sf-menu .pc1 {left: 1px;}
.sf-menu .pc2 {left: 196px;}
.sf-menu .pc3 {left: 391px;}
.sf-menu .pc4 {left: 586px;}
.sf-menu .pr1 {top: 0px;}
.sf-menu .pr2 {top: 30px;}
.sf-menu .pr3 {top: 60px;}
.sf-menu .pr4 {top: 90px;}
.sf-menu .pr5 {top: 120px;}
.sf-menu .pr6 {top: 150px;}
.sf-menu .pr7 {top: 180px;}
.sf-menu .pr8 {top: 210px;}
.sf-menu .pr9 {top: 240px;}
.sf-menu .pr10 {top: 270px;}
.sf-menu .pr11 {top: 300px;}
.sf-menu .pr12 {top: 330px;}

.sf-menu a.sf-top:focus, .sf-menu a.sf-top:hover, .sf-menu a.sf-top:active {	/* nav bar hovers */
	background: 	url("images/bg-nav-active.png") repeat-x;
	outline:		0;
}
.sf-menu .suppliers a:hover, .sf-menu .suppliers a.sfHover {					/* suppliers drop down hover style */
	background:		white;
}
.sf-menu .big a:focus, .sf-menu .big a:hover, .sf-menu .big a:active {			/* big div hovers */
	color:			white;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			8px;
	top:			10px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-5000px;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			10px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/***************************************/
/**                                   **/
/**          PAGE CONTAINER           **/ 
/**                                   **/
/***************************************/
#upper_content {
 position: relative;
 width: 995px;
 height: 250px;
 margin: 0 auto;
 padding: 10px 10px 0 10px;
 background: url("images/bg-black-op20.png");
}

#upper_content img{
 position: absolute;
 top: -0px;
 left: 0px;
}

#banner {
 position: relative;
 width: 1015px;
 margin: 0 auto;
 height: 80px;
 background: url("images/bg-black-op20.png");
 }

#banner img {
 position: absolute;
 top: 0;
 left: 0;
}

#banner h1 {
 position: relative;
 height: 60px;
 line-height: 60px;
 padding-top: 20px;
 color: white;
 font-size: 1.25em;
 left: 40px;
 }

#lower_content {
 width: 995px;
 margin: 0 auto;
 padding: 0 10px;
 background: url("images/bg-black-op20.png");
}
 
/******************************************************
 HOME PAGE
 ******************************************************/

#blurb_main {
 width: 995px;
 background: url("images/bg-white-op90.png");
 }
 
#blurb_main p {
 line-height: 17px;
 margin: 24px 0;
 }

#blurb_main p.bigger {
 font-weight: bold;
}

#blurb_main img {
 display:block;
 margin: 20px auto;
 }
 
.blurb_col {
 width: 420px;
 margin: 0 35px;
 float: left;
 text-align: justify;
 }

 
/******************************************************
 PRODUCTS PAGES
 ******************************************************/

#products {
 width: 995px;
 background: white;
 }

.products_layout1{
 width: 921px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout1 #leftcol {
 width: 33%;
 float: left;
 padding-top: 60px;
}

.products_layout1 #leftcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout1 #leftcol p.bigger {
 font-weight: bold;
 }
 
.products_layout1 #midcol {
 position: relative;
 width: 30%;
 float: right;
 background: url("images/product-info-background.gif");
 margin-right: 25px;
 padding-top: 100px;
 padding-bottom: 60px;
 }

.products_layout1 #rightcol {
 position: relative;
 width: 30%;
 float: right;
 background: url("images/product-info-background.gif");
 padding-top: 100px;
 padding-bottom: 60px;
 }

.products_layout1 #midcol img, .products_layout1 #rightcol img {
 display: block;
 margin: 0 auto;
 }

.products_layout1 #midcol img.second, .products_layout1 #rightcol img.second {
 margin-top:30px;
 }

.products_layout1 #midcol img.logo {
 position: absolute;
 margin: 0;
 top: -5px;
 left: -10px;
}

.products_layout1 #rightcol img.logo {
 position: absolute;
 padding: 0;
 top: -5px;
 right: -10px;
}
 
.products_layout1 h2 {
 display: block;
 width: 200px;
 margin: 0 auto;
 padding-top: 30px;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }
 
.products_layout1 h2.second {
 padding: 0;
 }
 
.products_layout2{
 width: 921px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout2 #rightcol {
 width: 33%;
 float: right;
 padding-top: 60px;
}

.products_layout2 #rightcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout2 #rightcol p.bigger {
 font-weight: bold;
 }
 
.products_layout2 #midcol {
 position: relative;
 width: 30%;
 float: right;
 background: url("images/product-info-background.gif");
 margin-right: 25px;
 padding-top: 100px;
 padding-bottom: 60px;
 }

.products_layout2 #leftcol {
 position: relative;
 width: 30%;
 float: left;
 background: url("images/product-info-background.gif");
 padding-top: 100px;
 padding-bottom: 60px;
 }

.products_layout2 #midcol img, .products_layout2 #leftcol img {
 display: block;
 margin: 0 auto;
 }

.products_layout2 #midcol img.second, .products_layout2 #leftcol img.second {
 margin-top:30px;
 }

.products_layout2 #midcol img.logo {
 position: absolute;
 margin: 0;
 top: -5px;
 right: -10px;
}

.products_layout2 #leftcol img.logo {
 position: absolute;
 margin: 0;
 top: -5px;
 left: -10px;
}
 
.products_layout2  h2 {
 display: block;
 width: 200px;
 margin: 0 auto;
 padding-top: 30px;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }
 
.products_layout2 h2.second {
 padding: 0;
 }
 

.products_layout3{
 width: 921px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout3 #pl3_container {
 position: relative;
 width: 60%;
 float:right;
 }
 
.products_layout3 #toprightcol, .products_layout3 #midrightcol, .products_layout3 #bottomrightcol {
 position: relative;
 width: 100%;
 background: url("images/product-info-background.gif");
 padding: 100px 0 1px 0;
 margin-bottom: 30px;
 }

.products_layout3 #midrightcol, .products_layout3 #bottomrightcol {
 padding: 20px 0;
}

.products_layout3 #toprightcol img, .products_layout3 #midrightcol img, .products_layout3 #bottomrightcol img {
 display: block;
 margin: 0 auto;
 }

.products_layout3 #toprightcol img.logo {
 position: absolute;
 margin: 0;
 top: 10px;
 left: 10px;
}

.products_layout3 #toprightcol h2 {
 display: block;
 width: 200px;
 margin: 20px auto 30px auto;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }

.products_layout3 #leftcol {
 width: 33%;
 float: left;
 margin-top: 40px;
}

.products_layout3 #leftcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout3 #leftcol p.bigger {
 font-weight: bold;
 }
 

 
 /**********************************************/

.products_layout4{
 width: 921px;
 height: 450px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout4 #leftcol {
 position: relative;
 width: 47%;
 height: 450px;
 float: left;
 background: url("images/product-info-background.gif");
}

.products_layout4 #rightcol {
 width: 47%;
 height: 450px;
 float: right;
 }

.products_layout4 #rightcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout4 #rightcol p.bigger {
 font-weight: bold;
 }
 
.products_layout4 #leftcol img {
 display: block;
 margin: 30px auto 0 auto;
 }

.products_layout4 #leftcol img.logo {
 position: absolute;
 top: 20px;
 left: 20px;
 margin: 0;
}

.products_layout4 #leftcol h2 {
 display: block;
 width: 200px;
 margin: 0 auto;
 padding-top: 30px;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }
 
.products_layout5{
 width: 921px;
 height: 450px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout5 #leftcol {
 width: 47%;
 height: 450px;
 float: left;
}

.products_layout5 #rightcol {
 position: relative;
 width: 47%;
 height: 450px;
 float: right;
 background: url("images/product-info-background.gif");
 }

.products_layout5 #leftcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout5 #leftcol p.bigger {
 font-weight: bold;
 }
 
.products_layout5 #rightcol img {
 display: block;
 margin: 30px auto 0 auto;
 }

.products_layout5 #rightcol img.logo {
 position: absolute;
 top: 20px;
 left: -10px;
 margin: 0;
}

.products_layout5 #rightcol h2 {
 display: block;
 width: 200px;
 margin: 0 auto;
 padding-top: 30px;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }
 
.products_layout6{
 width: 921px;
 margin: 0 auto;
 padding: 35px;
 }
 
.products_layout6 #pl6_container {
 position: relative;
 width: 60%;
 float:left;
 }
 
.products_layout6 #topleftcol {
 position: relative;
 width: 100%;
 background: url("images/product-info-background.gif");
 padding: 100px 0 1px 0;
 margin-bottom: 30px;
 }

.products_layout6 #leftcol, .products_layout6 #midcol {
 position: relative;
 width: 47%;
 float: left;
 background: url("images/product-info-background.gif");
 padding: 100px 0 1px 0;
}

.products_layout6 #midcol { float: right; }

.products_layout6 #midcol img, .products_layout6 #leftcol img , .products_layout6 #topleftcol img {
 display: block;
 margin: 0 auto;
 }

.products_layout6 #leftcol img.logo, .products_layout6 #midcol img.logo {
 position: absolute;
 margin: 0;
 top: 10px;
 right: 10px;
}

.products_layout6 #topleftcol img.logo  {
 position: absolute;
 margin: 0;
 top: 10px;
 left: 10px;
}

.products_layout6 #midcol h2, .products_layout6 #leftcol h2, .products_layout6 #topleftcol h2 {
 display: block;
 width: 200px;
 margin: 20px auto 30px auto;
 text-align: right;
 font-style: italic;
 color: #6a0034;
 }

.products_layout6 #topleftcol h2 { width: 400px; }

.products_layout6 #rightcol {
 width: 33%;
 float: right;
 margin-top: 40px;
}

.products_layout6 #rightcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: #404040;
 }

.products_layout6 #rightcol p.bigger {
 font-weight: bold;
 }
 
#product_table{
 width:800px;
 text-align:center;
 border-collapse:collapse;
 background:url("images/product-table-logo.gif") 50% 50% no-repeat;
 margin: 0 auto 35px auto;
 }

#product_table th{
 padding: 12px;
 }

#product_table th a {
 display: block;
 line-height: 15px;
 text-align: center;
 color:#6A0034;
 font-size: 0.8125em;
 }

#product_table th a.red {
 color: red;
}
 
#product_table td{
 color:#6A0034;
 border-top:1px solid white;
 padding:0 12px;
 font-size: 0.75em;
 height: 30px;
 }

#product_table tbody td{
 background:url("images/product-table-background.png");
 }

#product_table tbody tr:hover td{color:#DC006F;background:none;}
 
 
#products_foot_notes {
 width: 400px;
 margin-left: 130px;
 margin-bottom: 50px;
}

#products_foot_notes a{
 display: block;
 line-height: 20px;
} 
 
 
 
/******************************************************
 NEWS PAGES
 ******************************************************/

#news {
 width: 995px;
 background: url("images/bg-white-op90.png");
 padding: 20px 0;
 }

#news_container {
 width: 927px;
 margin: 0 auto;
 background: black;
 border: 2px solid black;
 -o-border-radius: 6px; -icab-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius:  6px;
}
 
#news_container #leftcol {
 width: 33%;
 height: 450px;
 float: left;
 padding-left: 20px;
}

#news_container #leftcol h2 {
 color: #c0c0c0;
 font-size: 1.5em;
 line-height: 24px;
 padding-bottom: 12px;
 }
 
#news_container #leftcol h3 {
 color: #e0e0e0;
 font-size: 1.125em;
 line-height: 18px;
 padding-bottom: 12px;
 }
 
#news_container #leftcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: white;
 text-align: justify;
 }

#news_container #rightcol {
 width: 60%;
 height: 450px;
 float: right;
 }

#news_container #rightcol img {
 display: block;
 margin: 0 auto;
 padding: 5px 0;
 }
 

 
 
 
 
 
 
 
/******************************************************
 GROUPE PAGE
 ******************************************************/

#groupe {
 width: 995px;
 background: url("images/bg-white-op90.png");
 padding: 20px 0;
 }

#groupe_container {
 width: 927px;
 margin: 0 auto;
 background-color: #EDFFFF;
 background-color: rgba(0,0,255,0.1);
 border: 2px solid rgba(0,0,255,0.1);
 -o-border-radius: 6px; -icab-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius:  6px;
}

#groupe_container_background {
 position: absolute;
 width: 927px;
 height: 310px;
 margin: 20px auto;
 background: url('images/groupe-background.gif');
 opacity: 0.04; -ms-filter: "alpha (opacity=4)"; filter: alpha (opacity=4);
}
 
#groupe_container #leftcol {
 width: 50%;
 height: 350px;
 float: left;
}

#groupe_container #leftcol img {
 display: block;
 margin: 0 auto;
 padding: 5px 0;
 }
 
#groupe_container #rightcol {
 width: 40%;
 height: 350px;
 float: right;
 padding-right: 40px;
 }

#groupe_container #rightcol h2 {
 color: #303030;
 font-size: 1.5em;
 line-height: 24px;
 padding-bottom: 12px;
 text-align: right;
 }
 
#groupe_container #rightcol p {
 padding-bottom: 20px;
 line-height: 17px;
 color: black;
 text-align: right;
 }

 




/******************************************************
 CONTACT PAGE
 ******************************************************/

#contact_page {
 width: 995px;
 background: url("images/bg-white-op90.png");
 padding: 20px 0;
 font-family: 'Courier New', Courier, monospace;
 }

#contact_container {
 width: 927px;
 margin: 0 auto;
}

#contact_left {
 width: 200px;
 float: left;
}

#contact_right {
 width: 700px;
 float: right;
}

#contact_container .person {
 position: relative;
 background: #f0f0f0;
 border: 2px solid #f0f0f0;
 -o-border-radius: 6px; -icab-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius:  6px;
 margin: 5px 0;
 padding: 5px;
}
 
#contact_container p  {position:relative; line-height: 20px; height: 20px; font-size:1em;
}

#contact_container .person p.bignos {
 font-size: 1.75em;
 text-align: center;
 line-height: 30px;
 height: 30px;
}
#contact_container a.contact_title {
 position: absolute;
 width: 373px;
 text-align: right;
 font-size: 1em;
 }
#contact_container a.contact_subtitle {
 position: absolute;
 width: 358px;
 margin-right: 15px;
 text-align: right;
 font-size: 1em;
 }
 
#contact_container a.contact_value {
 position: absolute;
 left: 380px;
 font-size: 1em;
 }

#contact_container a.contact_email {
 position: absolute;
 left: 380px;
 font-size: 1em;
 text-decoration:underline;
 }

#contact_container a.contact_mob {
 position: absolute;
 left: 380px;
 font-size: 1em;
 }

 
/******************************************************
 MAPS PAGE
 ******************************************************/

#maps_page {
 width: 995px;
 background: url("images/bg-white-op90.png");
 padding: 20px 0;
 font-family: monospace;
 }

#maps_container {
 width: 927px;
 margin: 0 auto;
}

#maps_left {
 width: 200px;
 float: left;
}

#maps_right {
 width: 700px;
 float: right;
}

 

 
/******************************************************
 SUPPLIERS PAGES
 ******************************************************/

#suppliers {
 width: 995px;
 background: url("images/bg-white-op90.png");
 padding: 20px 0;
 }

#suppliers_container {
 width: 927px;
 margin: 0 auto;
 background-color: #EDFFFF;
 background-color: rgba(0,0,255,0.1);
 border: 2px solid rgba(0,0,255,0.1);
 -o-border-radius: 6px; -icab-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius:  6px;
}

#suppliers_container #toplogo {
 width: 927px;
 }
 
#suppliers_container #toplogo img {
 display: block;
 padding: 10px 0 10px 30px;
 }
 
#suppliers_container #leftcol {
 width: 45%;
 float: left;
 padding: 20px 0 30px 30px;
}

#suppliers_container #rightcol {
 width: 45%;
 margin: auto 0;
 float: right;
 padding: 20px 30px 30px 0;
 }

#suppliers_container  h2 {
 color: #303030;
 font-size: 1.5em;
 line-height: 24px;
 padding-bottom: 12px;
 }
 
#suppliers_container  p {
 padding-bottom: 20px;
 line-height: 17px;
 color: black;
 }

 


/******************************************************
 HOME PAGE LOGO SCROLLING THINGY
 ******************************************************/

#distributors_for {
 width: 995px;
 height: 100px;
 margin: 0 auto;
 padding: 10px;
 background: url("images/bg-black-op20.png");
}

 /* js-disabled class - set image sizes so they look alright in the viewer with no js */  
.js-disabled img { display:block; float:left; margin: 0;}  
#imageScroller { width:995px; height:80px; padding: 10px 0; position: relative;
 background: url("images/background-logo-scroller.png");
 }
#viewer { width:995px; height:80px; overflow:hidden; margin:auto; position:relative;}  
#imageScroller img { height: 80px; margin: 0 20px;}




/***************************************/
/**                                   **/
/**              FOOTER               **/ 
/**                                   **/
/***************************************/
#footer_container{
 width: 1015px;
 margin: 0 auto;
 background: url("images/bg-black-op20.png");
 border-top: 1px solid transparent;  /* to workaround stupid extra 10px top-margin in firefox */
}

#sitemap_and_contact{
 position: relative;
 width: 995px;
 margin: 0 auto;
 }

#sitemap{
 width: 595px;
 height: 300px;
 float: right;
}

#contact{
 width: 400px;
 height: 300px;
 float: left;
 }

a.footer_title {
 display: block;
 height: 40px;
 line-height: 40px;
 margin-top: 20px;
 color: white;
 font-size: 1.25em;
}
 
#contact fieldset{
 border: none;
 }
 
#name_label, #contact_label, #enquiry_label{
 font-size: 0.75em;
 height: 25px;
 color:white;
 float: left;
 width: 100px;
 margin-top: 10px;
 padding: 2px;
 }

#name_input, #contact_input, #enquiry_input, #submit_button{
 background: #222222;
 color: white;
 height: 25px;
 border: none;
 display: block;
 width: 200px;
 margin-top: 10px;
 padding: 2px;
}

#enquiry_input{ height: 75px; }
#submit_button{ margin-left: 104px; width: 204px;}

 
#name_input:focus, #contact_input:focus, #enquiry_input:focus, #submit_button:hover{
 background: #505050;
}

#footer_copyright {
 position: relative;
 width: 1015px;
 margin: 0 auto;
 background: url("images/bg-black-op50.png");
 }
#footer_copyright p{
 margin-top:10px;
 font-size: 0.625em;
 padding: 0;
 text-align: center;
 line-height:40px;
 height:40px;
 color:white;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.red {
 color: red;
}