/****************************************************/
/* Luly's Web - Maria Torroella                    */
/* default.css / lulyswebStyles.css                */
/****************************************************/

/* Reset all default margin’s and paddings to zero.  */
* {padding:0px; margin:0px;}

body { font-family: Arial, Helvetica, sans-serif;
       color: #666;
			 font-weight: normal;
			 font-style : normal;
       font-size: 12px;
			 text-align: center;
			 background-color: #eee;
/*	background-image:url('../images/bg.gif'); */
			  }

h1, h2, h3, h4 {
  margin: 0px;
	margin-top: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #626456;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.035em;
	font-size: 2em;
	font-weight: normal;
	color: #8D8E85;
}

h2#titlepage{
  margin-top: 1.0em;
  padding: 0px 0px 10px 0px;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
}

h4 {
	margin-top: 1.0em;
	font-size: 1.2em;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #3C7BCF;
}

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

h1 a, h2 a {
	border: none;
	text-decoration: none;
	color: #626456;
}

h1 a:hover, h2 a:hover {
	background: none;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	color: #3399ff;
}

h3 a, h4 a {
	border: none;
	text-decoration: none;
	color: #626456;
}

h3 a:hover, h4 a:hover {
	background: none;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	color: #333;
}

.centerpage {
  margin: 1.5em 0;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}

.centerpage a {
	border: none;
	text-decoration: none;
	color: #6699cc;
}

ul {
	margin-top: 1.2em;
	line-height: 1.8em;
	font-size: 1.2em;
}

p {
	margin-top: 1.2em;
	line-height: 1.5em;
	font-size: 1.2em;
}

p span { text-decoration: underline;
       font-weight: bold; }
		 
div { margin: 0px; }

li { list-style-type: none; }

hr { color: #ff9933;
		 margin-top: 20px; }

img { border: 0px; }


fieldset ol { padding: 0.5em 1em 0 1em;   
              list-style: none;  
} 

fieldset li { padding-bottom: 0.5em;
 }
  
				
#container {
  text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 780px;
	background-color: #fff;
/*	border: 1px solid red;      */
	border: 1px solid #708090;
}

#header {
	position: relative;
}

#logoArea {
  float: left;
  width: 200px;
	height: 126px;
  text-align: center;
}

#logoArea img {	padding-top: 10px; }

#toparea {
  margin-left: 201px;
  width: 578x;
	height: 126px;
	background-color: #fb5b05;
	color: #fff;
	position: relative;
}

#tmenu { direction: ltr;
				 font-size: 0.9em;
				 margin: 5px 10px 0px 1px;
				 float: right;
				 color: white;
}

ul#tmenu li {
   margin: 5px 0px 5px 0px;
	 display: inline;
	 letter-spacing: 2px;
}

ul#tmenu a:link { color: #fff;
         text-decoration: none;}

ul#tmenu a:visited { color: #fff;
         text-decoration: none;}

ul#tmenu a:hover { color: #333;
         text-decoration: none;}

#tagline {
  clear: both;
  position: absolute;
	top: 97px;
	left: 25px;
	font-size: 1.5em;
	}

#top_on {
  color: #333;
	font-weight: bold;
}

#cleartop {
  clear: both;
}

#Mcontent {
  position: relative;
	width: 780px;
	height: 520px;
	margin: 0px;
}

#McontentM {
  position: relative;
	width: 780px;
	height: 620px;
	margin: 0px;
}
/* - Long version: Tips, Pricing,  */

#McontentL {
  position: relative;
	width: 780px;
	height: 720px;
	margin: 0px;
}

/* - XLong version: Tips, Pricing,  */

#McontentXL {
  position: relative;
	width: 780px;
	height: 980px;
	margin: 0px;
}

#McontentXL td {
  text-align: left;
	color: #333;
}

#McontentXL td.wht {
  text-align: center;
	color: #fff;
}
  
#mainmenu {
  float: left;
  width: 200px;
	margin: 0px;
	height: 100%;
	background-color: #aaa;
}

#lmenu { direction: ltr;
         font-size: 1.0em;
				 margin: 15px 0px 0px 0px;
				 padding: 0px 0px 25px 0px;
         border: 1px solid #aaa;
				 color: #000;
}

ul#lmenu li {
   margin: 25px 0px 0px 40px;
	 letter-spacing: 2px;
	 font-weight: bold;
}

ul#lmenu a:link { color: #333;
         text-decoration: none;}

ul#lmenu a:visited { color: #333;
         text-decoration: none;}

ul#lmenu a:hover { color: #000;
         text-decoration: none;
	       border-bottom: 1px dotted #333;
				 }

#main_on {
  color: #333;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px dotted #333;	
}

#BHbanner {
  border: 1px solid #aaa;
	margin-top: 60px;
	text-align: center;
}

a.BH { color: #0066ff;
       font-size: 0.9em;
       font-weight: bold; }

#c_info { margin: 0px 0px 15px 25px;
          padding-bottom: 10px;
	       font-size: 1.1em;
				 width: 110px;
	       line-height: 2.0em;
         color: #333;				 
         text-align: center;
         border: 1px dotted #333;					 				 
 }

#content {
  float: right;
	width: 520px;
	height: 100%;
	padding: 0px 20px;
}

p.list { margin-top: 0.1em;
	       line-height: 1.4em;
	       font-size: 1.1em;
 }

p.lquote {
	margin: 50px 30px 0px 30px;
	line-height: 1.5em;
	font-size: 0.9em;
	font-style: italic;
	color: #000;
}

p.redesign { margin: 0.5em 0 2em 0;
	       line-height: 1.4em;
 }

p#redesign2 { margin: 0.5em 0 0 0;
	       line-height: 1.4em;
 }

ul#wdesign { direction: ltr;
				 padding: 0px;
				 margin: 0px;
				 margin-top: 5px;
         border: 0px solid #999;
}

ul#wdesign li {
  background-image:url(../images/arrowO.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:16px;
}

.pitems { direction: ltr;
         border: 0px solid #999;
				 margin: 0px;
				 padding: 0px;
				 padding-left: 20px;
}

ul.pitems li {
   list-style-type: circle;
   line-height: 1.3em;
   margin: 15px 0px 0px 0px;
}


p.intro {
	margin: 1.2em 0px 1.5em 0px;
	line-height: 1.3em;
	font-size: 1.2em;
}

p.intro span {
  text-decoration: underline;
	}
	
.litems { direction: ltr;
         border: 0px solid #999;
				 margin: 0px;
				 padding: 0px;
				 padding-left: 20px;
}

ul.litems li {
   list-style-type: disc;
	 line-height: 1.2em;	 
   margin: 10px 0px 0px 0px;
}

ol.litems li {
	 line-height: 1.2em;	 
   margin: 10px 0px 0px 0px;
}

ul#tips { direction: ltr;
				 padding: 0px;
				 margin: 0px;
				 margin-top: 15px;
         border: 0px solid #999;
}

ul#tips li {	 
	line-height: 1.2em;	 
	font-size: 1.0em;
}

ul#tips li.subli {
  background-image:url(../images/arrowO.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:16px;
	font-size: 1.2em;
	color: #ff9933;
	font-weight: bold;
  margin: 15px 0px;
}

p.impl { text-decoration: underline;
			 	 font-size: 1.3em;
				 margin-top: 2.0em;
			 }

.thankupage {
  margin: 2.5em 0;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}

.thankupage a {
	border: none;
	text-decoration: none;
	color: #6699cc;
}

p.tku { line-height: 1.5em;
			 	font-size: 1.3em;
			}

h4.sign { margin-top: 4em; }

#s1Form label { position: absolute;
               text-align: left;
							 width:150px; }

#s1Form input { margin-left: 160px; }

#s1Form textarea { margin-left: 160px; }
	
ul#site1 { padding: 0px;
				 margin: 0px;
				 margin-top: 20px;
         border: 0px solid #999;
}

ul#site1 > li {
  list-style-type: disc;
  margin: 10px 0px 0px 20px;	 
	line-height: 1.2em;	 
	font-size: 14px;
}

ul#site1 a {
	text-decoration: none;
	color: #333;
}

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

ul.site2 { padding: 0px;
				 margin: 5px 0px 12px 0px;
         border: 0px solid blue;
}

ul.site2 > li {
  list-style-type: circle;
  margin: 4px 0px 0px 30px;	 	 
	line-height: 1.1em;	 
	font-size: 14px;
}

ul.site3 { padding: 0px;
				 margin: 5px 0px 12px 0px;
         border: 0px solid red;
}

ul.site3 > li {
  list-style-type: square;
  margin: 2px 0px 0px 30px;
	line-height: 1.1em;	 
	font-size: 14px;
}

#footer {
  clear: both;
	color: #fff;
	font-size: 0.9em;
	height: 30px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;	
	position: relative;
}

#footer div {
  position: absolute;
	top: 7px;
	left: 30px;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#lwd { font-size: 0.9em;
       margin-top: 0.5em;
			 text-align: center; }


  /* =form */
  form {
	  margin-top: 20px;	}
		
  /* =label / label span */
	label, label span {
	  display: block;
		padding-bottom: 0.25em;	}
	
	label { float: left;
	        width: 100%; }
					
	label span { text-align: right;
	             margin-right: 25px; }

  /* =table */
  tr { margin: 0px;
	     padding: 0px;	}
	
	tr.radioinput input {
	     padding: 0px;
	     margin: 15px 5px 5px 3px;
		   border: 1px solid #eee;
			 border-color: #eee;
	}
	
	tr.checkinput input {
	     margin-right: 10px;
			 margin-top: 3px;
		   border: 1px solid #eee;
			 border-color: #eee;
	}

	tr.checkinputtop input {
			 margin-top: 20px;
	     margin-right: 10px;
		   border: 1px solid #eee;
			 border-color: #eee;
	}

  /* =div */
	form div#final {clear: both;
						margin-bottom: 20px;
						padding: 10px 20px;
						text-align: center; }

  /* =input */
	fieldset input {
		border: 1px solid #ff9933;
	}
		
  fieldset input:hover {
	  border-color: #000;
	}

  fieldset input:active, input:focus {
	  border-color: #900;
	}
	
	form div#final input {
	  display: inline;
		margin: 0 10px;
	  padding: 0 0.25em;
		background-color: #ccc;
		border: 2px double #626456;
		border-top-color: #3c7bcf;
		font: bold 92% Tahona, Verdana, sans-serif;
		color: #fff;
		text-transform: uppercase;
	}

	form div#final input:hover {
		background-color: #fb5b05;
	}
		
  /* =fieldset */
	fieldset {
	  float: left;
		width: 450px;
		margin: 0 20px 10px 0;
		padding: 10px 20px;
		/* background: url(images/fieldset.png) repeat-x; */
		background-color: #eee;		
		border: 1px solid #999;
		overflow: hidden; }

	fieldset:hover { border-color: #333; }

  /* =div */
	div.fieldtitle {
	  float: left;
	  margin: 0px;
		padding: 5px;
		font: bold 102% Verdana, sans-serif;
	}