.drag
{
  position:relative;
  z-index: 100;
  cursor:move;
}

*{
  margin: 0;
  padding:0;
}

body
{
  background: #ffffff;
  color: #555;
  font: 76% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  word-wrap: break-word;  /* IE */
}

#global {
        margin-left: auto;
        margin-right: auto;
}

#topborder
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.0em;
  background-color: rgb(70,136,164);
}

#topborde
{
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 70px;
  background-image:url('http://ladys-calendar.com/im/1px.jpg'); 
}

#ladyscalendar
{
  position: absolute;
  top: 12px;
  left: 5px;
  width: 246px;
  height: 70px;
  background-image:url('http://ladys-calendar.com/im/ladys_calendar.jpg'); 

}



#sidebar
{
  position:absolute; 
  top: 105px; 
  left:20px; 
  width: 250px; 
  background-color: transparent;
}

#content
{ 
  margin: 23px 10% 5em 315px; 
}


/* typography
----------------------------------------------- */

p 
{     
  line-height: 1.5em;     
  margin-bottom: 1.0em; 
  font-size: 0.9em;
}

p.lead 
{ 
  font-size: 1.0em; 
}

ol, ul
{ 
  margin: 0.5em 0 1.2em 2em; 
}

ol, ul, dl 
{ 
  line-height: 1.5em; 
}

ol li
{ 
  margin-bottom: 0.2em; 
}

li
{ 
  font-size: 0.9em; 
}

li strong 
{
  color: #999;
}

dl
{ 
  margin: 0.5em 0 1.2em 0; 
}

dt
{
  font-size: 0.9em;
  font-weight: bold; color: #999;
  padding-top: 0.4em;
}

dd
{     
  font-size: 0.9em;
  margin-bottom: 1.0em;
  padding-bottom: 0.9em;
  border-bottom: 1px dashed #3d3d33;
}


h1, h2, h3
{ 
  font-family: "Trebuchet MS",Verdana,Sans-Serif;
}

h1 
{
/* 
  font-size: 1.8em;
  color : rgb(70,136,164) */

  font-size: 1.4em;
  letter-spacing: 0.4pt;
  color: rgb(70,136,164);
  text-transform: uppercase;
  padding-top: 0.5em;
}

/*
h1 a 
{ 
  border: none; 
}

h1 em
{ 
  color: #80B9E3; 
  font-style: normal; 
}
*/

h2 
{
  font-size: 1.0em;
  letter-spacing: 0.2pt;
  color: rgb(70,136,164);
  text-transform: uppercase;
  padding-top: 0.5em;
}

h3 
{
  font-size: 1.0em;
  letter-spacing: 0.2pt;
  color: rgb(70,136,164);
  text-transform: uppercase;
  padding-top: 0.5em;
}

a
{
  xfont-weight: bold;
  color: rgb(70,136,164);
  text-decoration: none;
}

a:hover { border-bottom: 1px dotted #8ad459; }

p a:hover { border-bottom: 1px dotted #8ad459; }
a img{  border: none;}

small{ font-size: 0.8em; }

pre{
        display: block;
        margin: 1.0em 0;
        padding-left: 0.8em;
        border-left: 1px solid #222;
        background-color: #FFFFFF;
        overflow: auto;
        }

code{
        font-size: 11px;
        font-family: Verdana,Sans-Serif;
        background-color: #FFFFFF;
        color: #aaa;
        }
pre code{ line-height: 1.1em;}
kbd{
        color: #555;
        background-color: #ddd;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: inherit;
        font-family: inherit;
        padding: 0 3px 2px 4px;
        }

fieldset{ border: none; }

/* sidebar
----------------------------------------------- */
#sidebar a
{
        color: #000000;
}

#sidebar p a:hover{ border-bottom: 1px dotted #fff; }   

#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{ color: inherit; }

#nav{ list-style: none; margin: 0em 0; width: 18em; }
#nav li{ padding: 0; margin: 0;}
#nav a{
        display: block;
        height: 1.8em;
        font-weight : 700;
        font-size: 1.15em;
        padding: 0.3em 0.2em 0.2em 0.8em;
        border-bottom: 1px solid #FFFFFF;
        color: #555;
        text-align:center;
        background-color: rgb(154,191,207);
        }

#nav a:hover{
        color: #555;
   	     text-align:center;
        background-color: #C0E4F4;
        }       
        
        
        
        
        
        
        


/* content
----------------------------------------------- */
#content ul
{ 
  margin-left: 4px;
}

#content ul li
{
  list-style: none;
  padding: 0 0 0 12px;
  background: url(http://ladys-calendar.com/im/bullet.gif) no-repeat 0 6px;
}

.download{
        background-color: #70A9C3;
        border: 1px solid #444; 
        padding: 0.7em 1.5em; }
.download:hover{
        background-color: #70A9C3;
        border: 1px solid #777;
        }
#content download {
        padding: 0.3em 0;
        background-image:none;
        }
.download img{ padding-right: 0.3em; }
.download strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.1em; color: #fff;}
.download em{ font-style: normal; color: #D0EB6A; }

/* misc
----------------------------------------------- */

.section{ /*border-top: 1px solid #3d3d33; */ padding: 1.5em 0; }
.first{ border-top: none; }

.thumbnail{
        padding: 3px 3px 8px 3px;
        background-color: #222;
        border: 1px solid #2a2a2a;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        }       

.caption{ font-size: 0.9em; padding-top: 0.2em ;        }



/* clearing
----------------------------------------------- */

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

html, body {
	height: 100%;
	}

* html>body .clearfix {
        display: inline-block; 
        width: 100%;
        }

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

#key 
{
  /*filter: alpha(opacity=70);-moz-opacity:.70;opacity:.70;*/
  filter: -moz-opacity:.70;opacity:.70;
  position: absolute;
  top: 260px;
  left: 80px;
  z-index:2;
}


.order_table
{
  font-size: 10pt;
  font-weight: normal;
  font-family: Verdana;
  color: black;
  margin: 0;
  padding: 0;
}

#footer 
{ 
  background: rgb(70,136,164);
  position: absolute;
  bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  width:100%;
 /* position:absolute;
  bottom:0;*/
}

#footer a
{
  color: #000000;
}

#footer a:hover
{
  border-bottom: 1px dotted #fff;
}

#Featurelist
{ 
  margin: 23px 10% 2em 315px; 
}

#FeaturelistScreenShot
{ 
  margin-top: 23px;
  margin-bottom: 2em;
  margin-left: 270px;
}

#Featurelist li 
{
        vertical-align : baseline;
        list-style: square outside;
        color:rgb(70,136,164);
}

#Featurelist li p{
        width: 100%;
        font-weight : 500;
        font-size: 1.0em;
        color: #555;
        }
        
#Screen1
{
  position: absolute;
  top: 190px;
  left: 270px;
  width: 700px;
  height: 461px;
  background-image:url('../im/cl.gif'); 
}

#Screen2
{
  position: absolute;
  top: 700px;
  left: 270px;
  width: 700px;
  height: 461px;
  background-image:url('../im/rem.gif'); 
}

#Screen3
{
  position: absolute;
  top: 1210px;
  left: 270px;
  width: 700px;
  height: 461px;
  background-image:url('../im/stat.gif'); 
}


#Screen4
{
  position: absolute;
  top: 1720px;
  left: 270px;
  width: 700px;
  height: 461px;
  background-image:url('../im/opt.gif'); 
}

#AwardText
{
  font-size: 1.2em;
  color: #555;
}

#tutorial b
{
  font-size: 1.1em;
  color: rgb(28,5b,99);
}


#discount
{
   color: rgb(255,0,0);
}

#contair {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto;
	}

#cont {
	padding-bottom: 78px;
	}
#OrderDownload
{
}

#UnderlineLink  a
{
 color: #000000;
}

#headerButtons
{
  position: absolute;
  text-align :right;
  top: 60px;
  left: 0%;
  width: 100%;
}
#headerButtons a:hover
{
  border: 0;
}

#Flags
{
  position: absolute;
  text-align :right;
  top: 25px;
  left: 0%;
  width: 100%;
}

#SpainFlag
{
    margin-right: 20px;
    margin-left: 10px;
}