/* Css Goldladder */


/* reset whitespace */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,input value,textarea,blockquote,th,td { 
 margin:0;
 padding:0;
}

a img {
 border:0px;
}

h1, h2, h3, h4, h5 {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-weight: bold;
 letter-spacing: -.05em;
 margin: 0;
 padding: 0;
 line-height: 1em;
}

/* basic layout */

#extradiv {
 /*width: 254px;*/
 /*height: 252px;*/
 position: absolute;
 margin-top: -125px;
 margin-left: 700px;	
}

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 15px;
}

/* sliding part in the homepage */

#slide {
 position: absolute;
 right: 0px;
 top: 66px;
 margin-right: 10px;
 width: 960px;
 height: 90px;
 padding: 0px 0px 0px 0px;
 z-index: 1000;
 background: transparent url(../images/bg_nav.jpg) top center no-repeat; 
}

#slide a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#FFF;
 text-decoration: none;
}

#slide a:hover {
 color:#FF6600;
 text-decoration: none;
}

/* end FORM HOMEPAGE */

/*FORM HOMEPAGE*/

.layout {
 margin:0px;
}

#hiddenarea {
 height: 152px;
 position: relative;
 margin: 0px auto 0px;
 width: 950px;
}

#form_hiddenarea {
 color: #000;
 height: 152px;
 background: #001E31 url(../images/bg_slidein.jpg) top center no-repeat;
 overflow:hidden;
}

#form_hiddenarea fieldset {
 border:none;
 float: left;
 padding-left: 10px;
} 

/*FORM for contacts*/

#contactfield {
 float: left;
 width: 940px;
 height: 152px;
}


#img_contactus {
 position: absolute;
 height: 20px;
 width: 150px;
 top: 20px;
 left: 130px;
}

#telephonenumber {
 position: absolute;
 height: 20px;
 width: 170px;
 top: 92px;
 left: 130px;
}

#telephonenumber span {
 font-size: 18px;
 padding: 10px 0px 10px 0px;
 color:#FFFFFF;
}

#img_info {
 position: absolute;
 top: 65px;
 left: 10px;
 height: 20px;
 width: 150px;
 z-index: 1000;
 left: 130px;
}

#img_howcanwehelp {
 display: block;
 margin-bottom: 0px;
 position: absolute;
 top: 24px;
 left: 320px;
}

label#img_email{
 display: block;
 margin-bottom: 2px;
}

label#img_name{
 display: block;
 margin-bottom: 2px;
}

label#img_websiteurl{
 display: block;
 margin-bottom: 2px;
}


#contactfield fieldset label {
 text-align: left;
 color: #FFF;
 font-size: 10px;
}

#contactfield #textarea {
 position: absolute;
 top: 36px;
 left: 320px;
 width:310px;
 height: 56px;
 border: 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 background: #C7D4DC;
 overflow: auto;
}

#img_telephonenumber {

}

#yourtelephonenumber {
 position:absolute;
 top: 102px;
 left: 320px;
 width: 310px;
 height: 40px;
}

#yourtelephonenumber input {
 width: 307px;
}


/*FORM for contacts fields on the right hand side of the textarea */

#contactfields {
 position: absolute;
 width: 250px;
 margin-left: 650px;
 margin-top:24px;
}

input {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;  
}

#contactfields input {
 display: block;
 width: 200px;
 background: #C7D4DC;
}

.close {
 position: absolute;
 top: 132px;
 margin: 0px;
 padding-left: 16px;
 padding-top:2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight: bold;
 background: #FF6600;
 left: 130px;
 height: 18px;
 width: 45px;
}

.close a { color: #FFFFFF; text-decoration:none;}
.close a:hover { color: #FFFFFF; text-decoration:none;}

#form_hiddenarea input.send { /*this is the submit button, in absolute position */
 width: 52px;
 display: inline;
 border: 0px;
 position: absolute;
 top: 89px;
 left:205px;
 height: 18px;
}

#loading, #success, #fail{
 background:#819F70;
 padding: 3px;
 width: 150px;
 position:absolute;
 top: 0;
 right: 0;
 visibility:hidden;
}
#success{
 background:green;
}
#fail{
 background: red;
 color:white
}

#requiredfields {
 display: inline;
 position: absolute;
 height: 18px;
 top: 50px;
 left:210px;
}

#form_hiddenarea form#login {
 border:none;
 margin: 0px auto 0px;
 width: 940px;
 padding: 10px;
}

#form_hiddenarea input {
 border: 1px solid #CDD7ED;
 background: #CDD7ED;
 margin-bottom: 7px;
 height: 17px; /*non cambiare l'altezza, è la stessa del pulsante invia*/
}

/* loginfield */

#loginfield {
 float: left;
 width: 260px;
 margin-top: 14px;
 color: #FFF;
 margin-left: 50px;
 font-size: 10px;
}

#loginfield label {
 display: block;
}

#loginfield #loginpassword {
 display: block;
 margin-top: -20px;
}

#loginfield label span{
 width: 60px;
 position: absolute;
 left: 800px;
 height: 18px;
 top: 19px;
}

#loginfield label span a { color: #FFFFFF; text-decoration:underline;}
#loginfield label span a:hover { color: #FFFFFF; text-decoration:underline;}

#loginfield  input.send1 {
 width: 52px;
 display: inline;
 border: 0px;
 position: absolute;
 top: 104px;
 left:839px;
 margin-bottom: 0px;
 height: 18px;
}

/*end login*/

/* titles */

.pagename {
 display: block;
 margin: 10px 0px 0px 0px;
}

#claim { /*looks fine*/
 display: block;
 width: 800px;
 margin: 160px 0px 0px 120px;
}

#claim2 { /*this control the only homepage*/
 display: block;
 margin: 10px 0px 0px 122px;
}

#maincontent #claim2 { /*this control only the claim2 in the innepages */
 display: block;
 margin: 0px 0px 0px 0px;
}

#claim3 {
 display: block;
 width: 800px;
 height: 30px;
 width:190px;
}

#claim4 {
 display: block;
 margin-top: 0px;
 height: 18px;
 margin-top: -10px;
 padding: 0px 0px 40px 0px;
}

#maintext span {
}

#maintext ul {
 list-style-position:inside;
 list-style-type:square;
 color: #002B48;
 font-size: 13px; 
 line-height: 22px;
 padding-left: 12px;
 margin-left: 0px;
}

#maintext h2 {
 font-size: 20px;
 color: #FF6600;
 padding: 4px 0 4px 12px;
}

.explanation span {
 text-align: left;
 background: transparent;
 font-size: 12px;
 color:#002B48;
 padding: 4px 0 4px 20px;
 margin: 0px 20px 0px 0px;
}

.explanation p {
 font-size:11px;
 color:#002B48;
 padding: 0px 0 0px 20px;
}

.highlighted p {
 background: transparent url(../images/bg_highlighted_p.jpg) top left repeat-y;
}

#claim h1 {
 text-align: left;
 background: transparent;
 font-size: 18px;
 color: #FF6600;
 padding: 6px 0 6px 0;
 margin: 0px 20px 0px 20px;
}

/* claim h1 sifr replacement */

/* claim h2 sifr replacement */
#claim h2 {
 text-align: left;
 background: transparent;
 font-size: 12px;
 color:#FFFFFF;
 padding: 4px 0 4px 0;
 margin: -4px 20px 0px 20px;
}


#claim2 h1 { /* this is the little titlo above the proper h1 in the page*/
 text-align: left;
 font-size: 10px;
 color:#002B48;
 padding: 2px 0px 2px 0px;
 margin: 0px 20px 0px 15px;
}


#claim2  { 
 text-align: left;
 background: transparent;
 font-size: 12px;
 color: #002B48;
 padding: 0px 0 10px 0;
 margin: 10px 20px 0px 120px;
}


/* claim h2 span sifr replacement */
#claim2 span {
 text-align: left;
 font-size: 14px;
 color:#002B48;
 padding: 2px 0px 2px 0px;
 margin: 0px 20px 0px 10px;
}

#claim2 h5 { /* this is the little titlo above the proper h1 in the page*/
 text-align: left;
 font-size: 12px;
 color:#002B48;
 padding: 2px 0px 2px 3px;
 margin: 0px 20px 0px 10px;
}

/* claim3 soan sifr replacement */
#claim3 span {
 text-align: left;
 background: transparent;
 font-size: 50px;
 color:#002B48;
 padding: 2px 0 2px 0;
 margin: 0px 20px 0px 10px;
}

/* claim4 span sifr replacement */
#claim4 span {
 text-align: left;
 background: transparent;
 font-size: 14px;
 color:#002B48;
 padding: 2px 0px 2px 0;
 margin: 0px 20px 0px 12px;
}

span.contactus {
 text-align: left;
 background: transparent;
 font-size: 14px;
 color:#002B48;
 float: left;
 padding: 1px 0 1px 0;
 margin: 20px 20px -20px 0px;
}

.pagename h1 {
 text-align: left;
 background: transparent;
 font-size: 22px;
 color: #FF6600;
 padding: 1px 0px 1px 13px;
 margin: 0px 0px 0px 0px;
}

/* phrases */

#phrases {
 width: 800px;
 margin:20px 40px 20px 130px;
 float: left;
}


#phrases_innerpage {
 width: 530px;
 margin:0px 0px 0px 12px;
 float: left;
}

/*
#phrases_innerpage h5 {
 font-size: 20px;
 letter-spacing: -0.01em;
 font-weight: bold;
 color:#8095A4;
 font-family:Arial, Helvetica, sans-serif;
 margin-top: -5px;
}
*/
#phrases h3, #phrases_innerpage h3 {
 font-size: 30px;
 letter-spacing: -0.01em;
 font-weight: bold;
 color:#8095A4;
 font-family:Arial, Helvetica, sans-serif;
 display: block;
}

#phrases_innerpage h3 a,
#phrases h3 a {
 color:#8095A4;
 text-decoration: none;
 outline: 0px;
}

#phrases_innerpage h3 a:hover,
#phrases h3 a:hover {
 color:#FF6600;
 text-decoration: none;
}

#bottom_products {
 float: left;
 width: 570px;
 margin:10px 40px 20px 130px;
}

#bottom_products span {
 padding: 2px 0 2px 0;
 font-size: 18px;
}

/* phrases */
/*
#buttonnav {
 width: 210px;
 margin-top:118px;
 position: absolute;
 margin-left: 700px;
}
*/

#buttonnav {
 width: 210px;
 margin-top:100px;
 float: right;
 position: relative;
 z-index: 1500;
}

#buttonnav h6 {
 text-align: left;
 background: transparent;
 font-size: 8px;
 color:#002B48;
 padding: 1px 0 1px 0;
 margin: 0px 20px 0px 0px;
 float: left;
 width: 210px;
}



/* productimages */

.homeproductimages {
 width: 800px;
 float: left;
 margin:0px 0px 0px 128px;
}

.productimages {
 width: 530px;
 float: left;
 margin:0px 0px 0px 6px;
}

.box {
 	margin-top:5px;
 	float: left;
 	width: 150px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.border{ margin-top:-5px;}

.img_product {
	height: 250px;
	padding: 2px 0px 2px 0px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	position:relative;
	cursor:hand; cursor:pointer;
}

.img_product a:link, .img_product a:viseted, .img_product a:hover{
	text-decoration:none
}



.pagedefinition{
 color:#002B48;
 margin-bottom:15px;
 background-color: transparent;
}

a:focus, a:hover, a:active { outline:none } /*FIXING THE STUPID BUG ON FIREFOX 3 - OUTLINE:NONE */

.pagedefinition {
 border: 0px;
 outline: none;
}


.img_product h2 a{
 color:#002B48;
 font-size:46px;
 font-weight:bold;
 margin-bottom:15px;
 cursor:hand; 
 cursor:pointer;	
 text-decoration:none
}

.img_product h2:hover {
 cursor: pointer;
}

.img_product:hover {
 height: 250px;
 cursor: pointer;
 border-top:2px solid #FF6600;
 border-bottom:2px solid #FF6600;
}

/* innerpage */

#innerpage {
}

#innerpage .productimages {
 width: 530px;
 float: left;
 margin:10px 0px 0px 12px;
}



/* innerpage */

.under_img_product {
 font-size: 10px;
 width: 130px;
 margin: 10px 0px 0px 0px;
}

.under_img_product p {
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 line-height: 12px;
}

.under_img_product strong,
.under_img_product b {
 color: #FF6600;
}

.under_img_product .centered  {
 margin-top: 30px;
}

/**/

/* maincontent - related to the seo page */

#maincontent {
 width: 540px;
 float: left;
 margin:20px 40px 0px 118px;
/*border: 2px solid cyan;*/
}

#maintext p {
 color: #002B48;
 font-size: 13px;
 line-height: 22px;
 padding-left: 12px;
 margin-left: 0px;
 
}

#maintext  {
 color: #002B48;
 font-size: 12px;
 line-height: 22px;
}


#maintext h3 {
 color:#FF6600;
 font-size: 13px;
 line-height: 22px;
 padding-left: 12px;
 margin-left: 0px;
}



#maintext {
 margin-top: -10px;
}
/* structure */

.center {
 margin: 0 auto 0;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
 border: 0px;
}

.header {
 height: 265px;
 background: transparent url(../images/bg_header_repeat.jpg) top left repeat-x;
}

#logo{
 width: 255px;
 height: 118px;
 position: absolute;
 z-index: 1000;
 top: 45px;
 left:50px;
}

.header p {
}

.header .center {
 position: relative;
 padding-top: 12px;
 width: 970px;
 background: #003B62 url(../images/bg_header.jpg) top center no-repeat;
 margin-top: 0px;
 height: 252px;
}

#content {
 width: 960px;
 margin: 0px auto 0px auto;
}

#content div.center {
 position: relative;
 padding: 0px 0px 0px 0px;
 width:960px;
}

* html #content {
 position: relative;
 top: -3px;
}

#nomargin{
 margin:0px 0px 10px 0px;
}

.aligncenter {
 text-align: center;
} 

.alignright {
 text-align: right;
 float:right;
} 

#footer {
 height: 125px;
 font-size: 10px;
 color: #000;
 padding-top: 25px;
}

#footer .centered {
 width: 900px;
}

.bottomlogos img {
 margin-left: 5px;
 margin-right: 5px;
}

#footer .centered .linksleft {
 margin-top: 20px;
 width: 700px;
 color:#CCCCCC;
 float: left;
}

#footer .centered .createdwith {
 margin-top: 20px;
 float: right;
 color:#CCCCCC;
 width: 120px;
}

.linksleft a,
.createdwith a {text-decoration: none; color:#CCCCCC;}

.linksleft a:hover,
.createdwith a:hover {text-decoration: underline; color:#999;}

/* links */

a {
 color:#000;
 text-decoration: none;
}

a:hover {
 color: #000 ;
 text-decoration: underline;
}


/*######## MENU #########*/

div.centered {
 height: 58px;
 margin: 0px auto 0px;
 padding-top: 0px;
 text-align: center;
 /*background: transparent url(../images/m_home.jpg) top left no-repeat;*/
}

div.centered:hover {
 /*background: transparent url(../images/m_home_on.jpg) top left no-repeat;*/
}
.hiddenpic {display:none;}

#home {
 background: transparent url(../images/m_home.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#home:hover {  
 background: transparent url(../images/m_home_on.jpg) top left no-repeat;
}

#clients {
 background: transparent url(../images/m_clients.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#clients:hover {  
 background: transparent url(../images/m_clients_on.jpg) top left no-repeat;
}

#contactus {
 background: transparent url(../images/m_contact.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#contactus:hover {  
 background: transparent url(../images/m_contact_on.jpg) top left no-repeat;
}

#login1 {
 background: transparent url(../images/m_login.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#login1:hover {  
 background: transparent url(../images/m_login_on.jpg) top left no-repeat;
}

#sitemap {
 background: transparent url(../images/m_sitemap.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#sitemap:hover {  
 background: transparent url(../images/m_sitemap_on.jpg) top left no-repeat;
}


#aboutus {
 background: transparent url(../images/m_about.jpg) top left no-repeat;
 height: 58px;
 width: 80px;
}

#aboutus:hover {  
 background: transparent url(../images/m_about_on.jpg) top left no-repeat;
}


#nav ul {
 list-style: none;
 padding: 0;
 margin: 0px;
 background: transparent;
}

#nav ul li { 
 margin: 0px;
}

#nav ul li:hover { /* ### no hover effect on main button ### */
 background: transparent;
 cursor:pointer;

}

#nav {
 list-style: none;
 width: 480px;
 margin: 10px auto 0px;
 position: relative; /* this 2 lines have been added to fix the menu problem on ie6, the menu went under the div content*/
 z-index: 3000;/* this 2 lines have been added to fix the menu problem on ie6, the menu went under the div content*/
 float: right;
 height: 58px;
}

span.menuTitle{

}

#nav a {
	display:block;
	width:80px; 
	height:58px;
	
	
}

#nav a:hover {

 text-decoration: none;
}


#nav li {
 list-style: none;
 float: left;
 position: relative;
 text-align: left;
 cursor: default;

}

#nav li.small {
 list-style: none;
 float: left; /*mettere none per cambiare layout*/
 margin: 0px;
 text-align: left;
 cursor: default;
 width: 80px;/*determina la spaziatura tra un bottone e l'altro, l'immagineè di 89px di larghezza*/
}

/*FOOTER*/

.footer {
 height: 90px;
 background: transparent url(../images/bg_undercontent.gif) top center repeat-x;
 width: 100%;
 float: left;
}

#linksfooter {
 font-family:Verdana, Arial;
 font-size:10px;
 margin: 0 auto;
 padding-top: 10px;
 color:#990000;
 width: 960px;
}

#linksfooter a{
 text-decoration: none;
 color:#990000;
}

#linksfooter a:hover {
 text-decoration: underline;
 color:#990000;
}

/**/

/* ######################################### Sidemenu in buttonnav ############################## */











.forcelittlehand{
	width:185px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer; cursor:hand;	
	z-index:-1
}

/*under sidemenu*/

#undersidemenu {
 width: 200px;
 margin-top: 20px;
 border-top: 1px solid #002B48;
 float: left;
}

#undersidemenu p {
 width: 200px;
 height: 48px;
 background: transparent url(../images/ico_letter.jpg) top left no-repeat;
 float: left;
 color:#002B48;
}

#undersidemenu p#telephone {
 background: transparent url(../images/ico_telephone.jpg) top left no-repeat;
 padding-left:50px;
 padding-top: 15px;
}



#undersidemenu p#telephone a,
#undersidemenu p a{
 margin: 0px 0px 0px 50px;
 padding-top:15px;
 float: left;
 color:#002B48;
 text-decoration: none;
}

#undersidemenu p#telephone a:hover,
#undersidemenu p a:hover{
 text-decoration: underline;
}

/* wills debug class, so it stands out, makes it easy to see and hard to leave in by accident*/
.debug{
	background-color:green;
	color:yellow;
	padding:3px;
	
}
/* wills temp class, so it stands out,not worth   work out the claim stuff.*/
#whateverhappenedtohtags{
	font-weight:bold;
	font-size:18px;
	margin-bottom:2px;
}

/*will app classes*/
#appsitemap{
// border: 1px dashed grey;
}
#appsitemap ul{
margin-left:10px;
	
}

/* ######################################################### Hack fo Safari on mac ################################################## */

/*
html[xmlns*=""] .searchbox input {
 margin-bottom: -6px;
}

html[xmlns*=""] .searchbox label img {
 margin-bottom: -7px;	
}

html[xmlns*=""] #home_loginarea input {
 margin-bottom: -6px;
}

html[xmlns*=""] .close a {
 position: relative;
 top: 15px;
}
*/


table#logintable td{padding-right:15px;}
table#logintable {margin-left:10px}

/**/
/*
ul.sidemenu li {
 width: 200px;
 height: 80px;
 position:relative;	
 font-size: 11px;
 padding: 0px 2px 0px 2px;
}

ul.sidemenu h4 {
 border: 1px solid blue;	
 font-size: 12px;
 padding: 1px 0px 1px 0px;
}


/* SIDEMENU */



ul.sidemenu {
 padding: 0;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 200px;
 border-top: 1px solid #CCC;
 float: left;
}

ul.sidemenu li {
 border-bottom: 1px solid #CCC;
 border-top: 1px solid #FFF;
 float: left;
 text-decoration: none;
 display: block;
 outline: 0px;
}


ul.sidemenu li:hover {
  border-bottom: 1px solid #FF6600;
  border-top: 1px solid #FF6600;
  display: block;
  cursor: pointer;
}

#heading {
 float: left;
 text-decoration: none;
 display: block;
 outline: 0px;
 height:20px;
}

#heading:hover {
  
}

ul.sidemenu li a {
 font-size: 14px;
 font-weight: normal;
 color:#002B48;
 text-decoration: none;
 display:block;
 padding: 5px 0px 5px 0px;
 outline: 0px;
 background: top left no-repeat;
}

ul.sidemenu li.withpic {
 height: 74px;
 width: 200px; 
}


.sidemenu h4{
 top: 0px;
 left: 20px;
 width: 150px;
 z-index: 10000;
 font-size: 14px;
 padding: 4px 0px 4px 0px;
 margin: 6px 0px 0px 68px;
}


.sidemenuh2 {
 border: 1px solid green;
 position: relative;
 font-size: 11px; color:#002B48; margin-top: 10px; margin-left: 80px;
 z-index: 1500;
}

.sidemenu h6 {
 color:#002B48;
 font-size:12px;
 padding:2px 0px 2px 0px;
 margin: 0px;
}

/*
ul.sidemenu li a .sidemenuh2{
 color:#002B48;
 font-weight:normal;
 font-size:10px;
 padding-top:3px;
 padding-left:70px;
}
*/
/*
ul.sidemenu li a.withpic {
 color:#002B48;
 font-weight:normal;
 font-size:10px;
 margin-left: 0px;
 padding-left: 0px 2px 0px 2px;
}
*/

ul.sidemenu li {
 width: 200px;
 height: 80px;
 position:relative;	
 font-size: 14px;
}



#maintext .keyproductsforthispage h2 {
 font-size: 16px;
 color: #FF6600;
 padding: 1px 0 1px 12px;
 }

.keyproductsforthispage p {padding: 0px; margin:5px;}

#maintext p a {
 text-decoration: none;
 color:#FF6600;
}

#maintext p a:hover {
 text-decoration: underline;
 color:#FF6600;
}

.bgw_base{
	border-top:2px solid white;
	border-bottom:2px solid white;
}

#extra{
	display:none;
}