/* ******************************************************************** */ 
/*                  Design by Phil rev. 14-11-2012                      */
/* ******************************************************************** */
html, body{
	margin:0;
	padding:0;
	font:.79em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif;
	letter-spacing: -0.1px;
	line-height: 1em;
	text-shadow: 0px 0px 0px #e1e1e8;
	background: url("images/bg-main.gif") ;
	background-attachment:fixed;
	opacity: 1.1;	
} 
ul, ol {
 margin-left:1.5em;
 padding-left:5px; 
 line-height: 1.0em;
}
li {
 margin-bottom:0.0em;
 margin-top:0.9em;
}

a, a:link a:active {
	text-decoration: none;
	background-color: inherit;
	color: #031594;
	font-weight:bold;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #031594;
}
a:hover {
	background-color: #CCCCCC;
	color: #CC0033;
}
/* HEADINGS */
div#leftcol h2 {
	color: #606060;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0.0em;
	padding-bottom: 1px;
	border-bottom: 0.2px solid #DCDCDC;
	line-height: 1.5em;
    text-shadow: 0px 1px 0px #ebebeb;
}
/* HEADER PRODUCT COLOR*/
div#leftcol h3 {
	color: #606060;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 0.1px solid #DCDCDC;
	border-left: 0.3em solid #031594;
	line-height: 1.5em;
    text-shadow: 0px 1px 0px #ebebeb;
}
/* HEADER MEEFIL LINKS*/
div#leftcol h4 {
	color: #606060;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 0.1px solid #DCDCDC;
	border-left: 0.3em solid #606060;
	line-height: 1.5em;
    text-shadow: 0px 1px 0px #ebebeb;
}
/* HEADER MAIN*/
div#maincol h2 {
	color: #031594;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 0.1px solid #DCDCDC;
	border-left: 0.5em solid #DCDCDC;
	line-height: 1.5em;
	text-shadow: 0px 1px 1px #606060;
}
/* HEADER SUB*/
div#maincol h3 {
	color: #606060;
	font-size: 0.9em;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
	background-color: inherit;
	padding-left: 0.0em;
	padding-bottom: 1px;
	line-height: 1.5em;
    text-shadow: 2px 2px 0px #cccccc;
}
div#maincol h4 {
	color: #CCCCCC;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	font-weight:normal;
	background-color: inherit;
	line-height: 0.3em;
    text-shadow: 2px 2px 0px #000000;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
div#maincol h5 {
	color: #606060;
	font-size: 0.8em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.2px;
	font-weight:normal;
	background-color: inherit;
	line-height: 1.3em;
	padding-top:0px;
	padding-left:15px;
	padding-right:0px;
	padding-bottom:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
}
#maincolhead {
 color: #606060;
 font-size: 1.0em;
 text-align: left;
 padding-left: 0.3em; 
 padding-bottom: 1px;
 border-left: 0.5em solid #18507C;
 border-bottom: 0.1px solid #18507C;
 line-height: 1.5em;
 text-shadow: 0px 1px 0px #ebebeb;
}
#pagewidth{ 
 width:1010px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{  
 margin-left:3px;
 margin-right:5px;
 padding-top: 4px;
 position:relative;
 height:60px;
 background-color:#FFFFFF;
 width:99%;
 display:block;
 background: transparent url("images/bg-top1.gif") no-repeat 98%;
 font:1.2em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif;
 letter-spacing: 1px;
 border-bottom: #DCDCDC solid 0.9px;
 border-left: #DCDCDC solid 0.9px;
 border-right: #DCDCDC solid 0.9px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 opacity: 0.8;	
}

#messages{
 padding-top:22px;
 padding-left:68px;
 padding-right:0px;
 padding-bottom:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 width:300px;
 height:166px;
 position:relative;
 background: transparent url("images/messages.gif") no-repeat left top;
 font:0.7em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif;
 letter-spacing: 0.1px;
 float: left;
 text-transform: uppercase;

}

#leftcol{
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 margin-top:5px;
 margin-left:3px;
 margin-right:1px;
 margin-bottom:0px;
 width:20%;
 position:relative;
 border-right: #CCCCCC solid 1px;
 border-bottom: #CCCCCC solid 1px;
 background-color: #F3F3F3;  

	background: -moz-linear-gradient(left,  rgba(225,235,244,0.58) 0%, rgba(225,235,244,0) 99%, rgba(225,235,244,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,235,244,0.58)), color-stop(99%,rgba(225,235,244,0)), color-stop(100%,rgba(225,235,244,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e1ebf4', endColorstr='#00e1ebf4',GradientType=1 ); /* IE6-9 */

 -moz-border-radius: 5px;
 border-radius: 5px;
 display:block;
 line-height: 2em;
 float: left;
 font:1.0em/1.73em Lucida Sans Unicode;
 font:0.97em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif;
 letter-spacing: -0.0px;
 opacity: 0.9;	
 text-shadow: 0px 0px 1px #ccccc;
}

#leftcolC{
 padding: 5px 5px 5px 5px;
 background: transparent url("images/bg-windows.jpg") no-repeat center right;
}

#maincol{
	padding-top:1px;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:15px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	background: -moz-linear-gradient(left,  rgba(225,235,244,0.58) 0%, rgba(225,235,244,0) 99%, rgba(225,235,244,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,235,244,0.58)), color-stop(99%,rgba(225,235,244,0)), color-stop(100%,rgba(225,235,244,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(225,235,244,0.58) 0%,rgba(225,235,244,0) 99%,rgba(225,235,244,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e1ebf4', endColorstr='#00e1ebf4',GradientType=1 ); /* IE6-9 */
	position: relative;
	width:77%;
	float:right;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font:1.3em/1.73em Lucida Sans Unicode;
	letter-spacing: -0.3px;
	line-height: 1.4em;
	opacity: 1.0;
	color: #000;
}
 
#footer{
	margin-top:15px;
	margin-left:5px;
	margin-right:3px;
	margin-bottom:0px;
	position: relative;
	height:15px;
	background-color:#FFFFFF;
	clear:both;
	display:block;
	border-right: #CCCCCC solid 1px;
 	border-bottom: #CCCCCC solid 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
} 
 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/* ******************************************************************** */ 
/*                      MENU vertical                                   */ 
/* ******************************************************************** */ 


.cssmenu {
	width: 780px;
	height: 27px;
	margin: 0;
	margin-left: 10px;	
	margin-top: 16px;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
	text-shadow: -1px -1px 0px #555;
}
.cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cssmenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.cssmenu ul li a {
	display: block;
	height: 27px;
	padding-left: 25px;
	float: left;
	text-transform: uppercase;
	font-family: 'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.cssmenu ul li a span {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 25px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}


.cssmenu ul li a:hover,
.cssmenu ul li.active a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.cssmenu ul li a:hover span,
.cssmenu ul li.active a span {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}
#pagewidth #wrapper #maincol table tr td {
	text-align: center;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	position: relative;
	background-color:inherit;
	background-color:#FFFFFF;
	clear:both;
	border-right: #CCCCCC solid 1px;
 	border-bottom: #CCCCCC solid 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#pagewidth #wrapper #maincol table tr td a, a:link a:active {
	text-decoration: none;
	background-color: inherit;
	color: #inherit;
	font-weight:normal;
}
#pagewidth #wrapper #maincol table tr td a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #inherit;
}
#pagewidth #wrapper #maincol table tr td a:hover {
	background-color: #inherit;
	color: #CC0033;
}
#pagewidth #wrapper #maincol table td:hover {
	
}
input, select, textarea {
	background-color: #ECF1FF;
	font:1.0em/1.0em Verdana,Arial,Geneva,Helvetica,sans-serif;
	letter-spacing: 0.4px;
	line-height: 1em;
	opacity: 1.1;	
}
.submitLarge {
	font:0.75em Verdana,Arial,Geneva,Helvetica,sans-serif;
	letter-spacing: -0.1px;
	line-height: 1em;
	opacity: 1.0;	
	font-weight:bold;
	color: #CC0033;
	border-bottom: 0.1px solid #031594;
	border-right: 0.3em solid #031594;
    text-shadow: 0px 1px 0px #ebebeb;
	background-color: #FFFFFF;
	border-right: #CCCCCC solid 1px;
 	border-bottom: #CCCCCC solid 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}