h1 {
	font-size: 2.2em;
	margin-bottom: 10px;
	color: #00579D;
	line-height: 30px;
}

h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
	color: #00579D;
}

h3 {
	font-size: 1.2em;
	line-height: 15px; 
	margin-bottom: 3px;  
}
p {
	margin-bottom: 10px;
}

a {
	color: #00579D;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

a img {
      border: none;
}

body {
	font-size:12px;
	line-height: 14px;    
	color: #444444;
	font-family: Helvetica, Verdana, sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
}

div#page-wrap {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 914px;
}

div#page-top {
    margin-top: 25px;
    margin-bottom: 35px;
    position: relative;
		height: 100px;
}

#tlLogo {
	width: 185px;
	height: 100px;
	background-image: url("../images/TL-HEX_logo.png");
	position: absolute;
	bottom: 0px;
	left:0px;
  cursor: pointer;  
}

#ofixLogo {
	width: 238px;
	height: 50px;
	background-image: url("../images/Logo Orthofix.png");
	position: absolute;
	bottom: 0px;
	right:0px;
  cursor: pointer;  
}

#header {
	height: 259px;
	width: 914px;
	background-image: url("../images/header.jpg");
}

#memberArea {
	color: #A78940;
	float:right; 
	margin-right: 00px;
	margin-top: 2px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	line-height: 24px;
	cursor:pointer;
}

#headerInternal {
	height: 135px;
	width: 914px;
	background-image: url("../images/Banner_image_TLHEX.png");
}

div#section-area {
	width: 914px;
	height: 24px;
}


.menuGrey {
	width: 172px;
	height: 24px;
	float: left;
	background-image: url("../images/menugrey.jpg");	
	text-align: center;
	line-height: 24px;
	color: white;
	text-transform: uppercase;	
	text-decoration: none;
  cursor: pointer;  
}

.menuBlue {
	width: 172px;
	height: 24px;
	float: left;
	background-image: url("../images/menublue.jpg");	
	text-align: center;
	line-height: 24px;
	color: white;
	text-transform: uppercase;	
	text-decoration: none;
  cursor: pointer;  
}

#mainBody {
	min-height: 320px;
	position: relative;	
	padding-top: 50px;
}

#payOff {
	position: absolute;
	margin-top: 20px;
	margin-left: 50px;
	background-image: url("../images/slogan.png");
	width: 519px;
	height: 129px;	
}

div#rightBox {
	position: absolute;
	top: 24px;
	right: 0px;
	width: 280px;
}

div#existingUsers {
	margin-top: 40px;
}

div#newUser {
	
}

.boxHome {
	margin-bottom: 20px;
	border: 1px solid #B9B9B9;
	/*height: 60px;*/
	height: 68px;
}

.boxTitle {
	width: 100%;
	background-color: #B9B9B9;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
}

.boxTitle span {
	margin-left: 15px; 
}

.button{
	background-image: url("../images/Buttom_SIGN.jpg"); 	
	width: 139px;
	height: 20px;
	margin-left: 6px;
	margin-top: 6px;
	line-height: 20px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

.newbutton{
	/*background-image: url("../images/Buttom_SIGN.jpg"); */	
	width: 139px;
	height: 20px;
	margin-top: 6px;
	line-height: 20px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	background-color: #C7D7EF !important;
	background-image:url("https://validation13.tlhex.com/App_Themes/Images/highlight.png");
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0px, rgba(255, 255, 255, 0) 100%);
	background-position-x: 50%;
	background-position-y: 50%;
	border-bottom-color: #cdcdcd;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: solid;
	border 1px;
	border-left-color: #cdcdcd;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #cdcdcd;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color:#cdcdcd;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style:solid;
	border-top-width: 1px;color:#2f2f2f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 28px;
	line-height: 28px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	position: relative;
	text-decoration:none;
	vertical-align:bottom;
	margin-left: auto;
	margin-right: auto;
}

div#footer {
    background-color: #00579D;
    color: white;
    font-size: 8px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 914px;
}

#footer a {
	color:white;
	text-decoration: none;
	text-transform: uppercase;
}

.clear { clear: both; }

#content {
	margin-left: 00px;	
	width: 550px;
}

/**********************************
 * PRODUCT INFO PAGE 
***********************************/


#payOffSmall {
	width: 333px;
	height: 58px;
	background-image: url("../images/Pay Off_small.jpg");	 
}

#disegnoProdInfo {
	/*background-image: url("../images/TL-HEX_pict.png");*/
	width: 280px;
	height: 342px;	 
}

#knowmore {
	list-style-type: disc;
	margin-left: 13px;
}

#knowmore li {
	margin-top: 5px;
	
}

/**********************************
 * TRAINING PAGE 
***********************************/

#disegnoTraining {
	background-image: url("../images/scottish.png");
	width: 280px;
	height: 326px;	 
}

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

#disegnoContact {
	background-image: url("../images/OF bug.jpg");
	width: 280px;
	height: 285px;	 
}

#tableContact td{
	width: 33%;
	/*padding: 10px;*/
}

#tableContact td div{
	position: relative;
	width: 100%;
	height: 100%;	
	/*border: 1px dotted #444444;*/
	/*margin: 5px;*/
}

#tableContact td div img{
	position:relative;
	vertical-align: middle;
}

#tableContact .imageTitle{
	color: #00579D;
  font-weight: bold;
  margin-bottom: 5px;
}

#tableContact p{
	margin-left:10px;
}




/**********************************
 * FAQ PAGE
***********************************/

.answer {
	padding: 15px;
	margin: 10px;
	background-color: #eeeeee;
	display: none;
} 



/**********************************
 * DOWNLOAD FILES PAGE
***********************************/

td {
	vertical-align:middle;
}

/***********************************
* UPDATED DOWNLOAD FOR 1.3
***********************************/


#element_to_pop_up, #element_to_pop_up2{ 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
    max-width:1100px;
}
			
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

.docstyle{
	font-weight:bold;
	color:#00579d;
}


/********************** LOCAL DISTRIBUTOR ******************************/

div#countryTableContainer{
  background: url(../images/map.jpg) no-repeat;
  padding-top:10px;
  width:700px;
  margin-top: 0px;
  min-height:450px;
 float:left; /*DANIELA*/
 margin-right:20px;
}

table#countryTable{
  margin-top: 0px;
  width:100%;
  vertical-align: middle;
}

table#countryTable th {
  background: url(../images/Box_grey_middle.jpg) repeat-x;
  height: 23px;
  /*width:109px;*/
  line-height:23px;
  margin: 0px;
  padding: 0px;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  
}

table#countryTable .doubleHeader{
  background: url(../images/doubleworld_area.png) center center no-repeat;
  width:218px;
}


table#countryTable td{
  /*padding-left: 2px;*/
  padding-top: 3px;
  text-align:left;
  vertical-align:top; /*DANIELA*/
  /*min-width: 130px;*/
}


table#countryTable td p{ /*DANIELA*/
	text-align: center;	
}	

table#countryTable td a {
  color: #444444;
  text-decoration: none;
}

table#countryTable td a:hover {
	text-decoration: underline;	
}

/*BLOCCO DX LANDING*/
.right-col{
	float: right;
    width: 192px;
    height: 192px;
	background: url(../images/Box_Products.jpg) center center no-repeat;
	line-height:16px; 
}


.right-col p.contactlanding{
		margin: 25px 13px 11px 23px;
	
}

.right-col p.contactlanding a{
		font-weight:normal;
	
}

.right-col p.email_landing{
    color: #00579D;
    font-weight: bold;
    margin-top:25px;
    float:left;
}

/*OVERLAY*/
.overlay{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.box{
    position:fixed;
    top:-200px;
    left:35%;
    right:35%;
    background-color:#fff;
    color:#000000;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
     border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
	
.box2{
    position:fixed;
    top:-200px;
    left:35%;
    right:35%;
    /*background-image:url("../images/popupco.jpg");*/
    background:white;
    width:560px;
    /*height:260px;*/
    color:#000000;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
     border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}


    .box2 p {
        font-size: 14px;
    }


a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(../images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:yellow;
    color:#005583;
    text-align:center;
    -moz-border-radius:20px 20px 0px 0px;
     border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.box p{
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;	
}