/* stylesheet for generic plastex trademark sites */

body {
	margin: 0;
	padding: 0;
   text-align: center;
	background-image: url(bg.gif);
	background-repeat: repeat;
	background-color: #009CE1;

	
}


/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */
html{
	height: 100%;
	margin-bottom: 1px;
}

#wrapper {
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	text-align: left;
	margin-bottom: 10px;
	border: 1px;
	border-color: Black;
	border-style:  solid;
	}
	
	#header {
		padding: 0;
		margin: 0;
	}
	
	#leftcol {
	 font-size: 70%;
	 float: left;
	 width: 170px;		
	}
	
	#maincontent {
	position: relative;
	font-size: 70%;
		width: 540px;
		float: right;
		padding-left: 10px;
		padding-right: 10px;
			border-left: 1px;
		border-left-color: Gray;
		border-left-style: dashed;
		line-height: 160%;
	}
	
	h1 {
		font-size: 160%;
		line-height: 120%;
	}
	
	h2 {
		font-size: 120%;
	}
	
	h5 {
		font-size: 100%;
	}
	
	h6 {
		font-size: 90%;
		padding: 0px 0px 0px 0px;
	}
	.copy {
		font-size: 70%;
	}
	
	#addressbloc {
   float: left;
	margin: 1em 0;
	width: 140px;
   padding-left: 22px;
	display: block;	
}

#copyright {
	  float: left;
	  font-style: italic;
	margin: 1em 0;
	width: 140px;
   padding-left: 22px;
	display: block;	
}

#footer {
	clear: both;
}

.contact {
	margin-left: 90px;
}
	
hi, h2, h3, h4, h5, h6 {
	margin-bottom: 2px;
}

p {
	margin: 0 0 1em;

}
	/* controls placing and handling of images and captions */
img {		
	border: 0px;
	
	}
	
	.imgleft{
		float: left;
		padding-right: 10px;
	}
	
	.imgright {
		float: right;
		padding-left: 10px;
	}
	
		.imgleft p{
		text-align: center;
		font-weight: bold;
	}
	
	.imgright p{
		text-align: center;
		font-weight: bold;
	}
	
	
	.flags{
		padding: 5px 0px 0px 0px;
		margin: 0px;
		float: left;
	}
	/******************************************************************************/
/*******************************************************************************
*  vnav.css : 2004-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	border: solid 1px #000066;
}
.vnav ul li
{
	border: solid 1px #fff;
	border-bottom-width: 0;
	border-bottom: solid 1px #000066;
}

.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

.vnav ul li a
{
	color: #000066;
	background-color:  #CACACA;
	}
	
.vnav
{
	margin: 1em 0;
	width: 165px;
	padding: 10px;
}

.vnav ul li a
{
	color: #000066;
	background-color:  #CACACA;
}

.vnav ul li a:hover
{
	background-color: #000066;
	color: #fff;
}
	

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


/* the following styles control the specification tables */
#spec {
 background-color: #000066; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 90%;
}

#spec td{
 padding-right: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 background-color: #FFCC00;
 }
 
 
 /* button style */
 .Button {
width: 155px;
height: 23px;
}

.Button a {
display: block;
width: 155px;
height: 23px;
background: url(plastex_button.gif) no-repeat top left;
}

.Button a:hover {
background-position: bottom left;
}