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

body{
background-color:#570023;/*Change Colour*/
background-image:url(../images/background_tile.jpg);/*Added Image*/
background-repeat:repeat-y;
margin:0;
padding:0;
}

img, img a { 
border: 0px;
}

.imgnews  { 
float: left;
}

.ico, .ico a, .ico a:hover { 
vertical-align: middle;
text-decoration: none;
padding: 1px;
}

hr {
border: 0;
width: 100%;
color: #999;
background-color: #999;
height: 1px;
}

sup {
font-size: x-small;
line-height: 0.9;
}

#maincontainer {
width: 895px; /*Width of main container*/
padding-top: 0px;
margin: 0 auto; /*Center container on page*/
font-family: Arial, Verdana, sans-serif;
}

#maincontainer_1 {
width: 895px; /*Width of main container*/
padding-top: 0px;
margin: 0 auto; /*Center container on page*/
font-family: Arial, Verdana, sans-serif;
}

#header{
height: 108px;
width: 895px;
background-image:url(../images/bg_top.png);
margin: 0px;
}

#contentwrapper{
margin: 0px;
padding: 0px;
float: left;
width: 895px;
background-image:url(../images/bg_wrapper.gif);
}

#contentwrapper_1{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
width: 895px;
background-image:url(../images/bg_wrapper.gif);
}

#blackwrapper{
margin: 0px;
padding: 0px;
float: left;
width: 905px;
background-image:url(../images/bg_blackwrapper.gif);
}

#contentcolumn{
margin-right: 10px; /*Set right margin to RightColumnWidth*/
width: 895px;
height: 420px;
}

#contentimgallery{
margin-right: 10px; /*Set right margin to RightColumnWidth*/
height: 350px;
width: 895px;
line-height: 0px;
}

#contenuti {
margin-right: 10px; /*Set right margin to RightColumnWidth*/
width: 100%;
}

#contenuti_1 {
	margin-right: 0px; /*Set right margin to RightColumnWidth*/
	margin-top: 0px;
	margin-left: 0px;
	width: 895px;
	background: Black;
}

.text {
padding: 20px;
width: 472px;
color: #999999;
font-size: 0.85em;
float:left;
line-height: 1.2em;
font-weight: normal;
font-style: normal;
}

.textlonger {
padding: 20px;
width: 855px;
color: #999999;
font-size: 0.85em;
line-height: 1.2em;
float:left;
font-weight: normal;
font-style: normal;
}

.textshort {
padding: 20px;
width: 323px;
color: #999999;
font-size: 0.85em;
float:left;
line-height: 1.2em;
font-weight: normal;
font-style: normal;
}

.text a, .textlonger a, .textshort a { 
color: #999999; 
padding: 0px;
font-weight: normal;
font-style: normal;
}	

.borderdx_img, .borderdx_img a, .borderdx_img a:hover, .borderdx_img a:active  {
float:left;
margin: 0px 1px 0 0;
border: 0px;
}

.noborder_img, .noborder_img a, .noborder_img a:hover, .noborder_img a:active {
float:left;
margin-top: 0px;
margin-bottom:0px;
margin-left: 0px;
margin-right:0px;
border: 0px;
}

h1 {
font-size: 1.8em;
color: #000000;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
}

sup.h1 {
font-size: small;
line-height: 1.3;
}

h2 {
font-size: 0.95em;
color: #000000;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
}

.white { 
color:  #FFFFFF;
}

.banner {
width: 172px;
float:none;
background-image: url(../images/bg_banner.gif);
margin-top: 20px;
margin-right: 0px;
margin-bottom: 9px;
margin-left: 10px;
}

.bannerbig {
width: 343px;
float:none;
margin-top: 0px;
margin-right: 9px;
margin-bottom: 9px;
margin-left: 10px;
padding: 20px 0 0 20px;
}

.bannerhome {
width: 343px;
float:none;
background-image: url(../images/bg_bannerbig.gif);
margin-top: 25px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding: 20px 0 0 20px;
}


.testo_banner {
width: 130px;
float: right;
padding: 10px;
font-size: 0.8em;
color: #999999;
line-height: 1.1em;
}

.testo_banner a {
color: #999999;
}

.titolo_banner {
text-transform: uppercase;
color: #000000;
margin-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
text-decoration: none;
font-size: 0.95em;
}

.titolo_banner a {
color: #000000;
text-decoration: none;
}

.bottombanner {
height:12px;
margin: 0px;
}

.bannernews {
width: 875px;
height: 211px;
margin-top: 10px;
margin-right: 9px;
margin-bottom: 9px;
margin-left: 10px;
/*background: url(../images/news_bg.gif) no-repeat;*/
}

.testonews {
padding: 5px;
font-size: 0.85em;
color: #999999;
line-height: 1.2em;
}

.testonews a {
color: #999999;
}

.data {
font-size: 0.7em;
color: #999999;
padding-top: 20px;
}

#footer {
clear: left;
width: 855px;
height: 39px;
color: #8f8f8f;
font-size:0.9em; 
line-height: 30px;
text-align: left;
padding: 0 20px 0 20px;
margin: 0px;
text-decoration: none;
background-image:url(../images/bg_bottom_menu.gif);
}

#footer a { font-size:0.9em; color: #8f8f8f; text-decoration: none;}
#footer a:hover { color: #FFFFFF; }

#footer_base p { color: #8f8f8f;}
#footer_base a { color: #8f8f8f; text-decoration: none;}
#footer_base a:hover { color: #FFFFFF; }


/* My Comment */



#copy {
width: 100%;
color: #8f8f8f;
font-size:0.9em; 
vertical-align: middle;
text-align: center;
margin-bottom: 10px;
}

#copy a { color: #8f8f8f; text-decoration: none;}
#copy a:hover { color: #FFFFFF; }



#menu {
	position: relative;
	height: 88px;
	width:767px;
	overflow: hidden;
	background: url(../images/menu_okite_en.png);
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu ul,#menu li { margin: 0px; padding: 0px; list-style: none; }
#menu a { position: absolute; top: 20px; width: 192px; height: 68px; background-image: url(../images/menu_okite_en.png); text-indent: -9999px; }

#applications a { left: 192px; background-position: -192px 0; }
#specifications a { left: 384px; background-position: -384px 0; }
#samples a { left: 576px; background-position: -576px 0; }
 
#colors a.active { background-position: 0 -68px; }
#applications a.active { background-position: -192px -68px; }
#specifications a.active { background-position: -384px -68px; }
#samples a.active { background-position: -576px -68px; }

/*parte per JQuery*/

#menu span { display: none; position: absolute; top: 0px; left: 0; width: 192px; height: 68px; background-image: url(../images/menu_okite_en.png); cursor: pointer; }
#colors span { background-position: 0 -68px; }
#applications span { background-position: -192px -68px; }
#specifications span { background-position: -384px -68px; }
#samples span { background-position: -576px -68px; }


.bottone {
width: 163px;
height: 19px;
display: inline-block;
}

.bottone a {
width: 154px;
height: 13px;
line-height: 13px;
color: #FFFFFF;
text-decoration: none;
font-size: 0.95em;
display: inline-block;
/*background: url(../images/bott_off.gif);*/
padding: 3px 3px 3px 6px;
}

.bottone a:hover {
/*background: url(../images/bott_on.gif);*/
display: inline-block;
}

.dealer {
width: 108px;
margin: 0 20px 0 0;
float: left;
}

.formsmall ...{
width: 231px;
background-color: #FFFFFF;
border: 1px solid #666666;
padding: 0px;
margin: 0px;
}

.formbig ...{
width: 482px;
background-color: #FFFFFF;
border: 1px solid #666666;
padding: 0px;
margin: 0px;
}

.testoform {
font-size: 0.75em;
color: #999999;
line-height: 1.5em;
}

.msgform {
font-size: 0.1em;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}