@charset "utf-8";

/* Main body */
body {
/*	background: #BBBBBB url(../img/page_bg.jpg) center top no-repeat; */
/*	background: #bbbbbb url(../img/background-riscas.gif) left top repeat; */
	background-color: #555555; 
/*	background-color: #E4E4E4; */
	color: #444444;
	font-weight:100;
	font-family: 'tahoma', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', medium arial, helvetica, sans-serif;
	font-size:1.1em;
	margin:2px auto;
}

/* Wrap containers */
#wrap-header, #wrap-footer {margin:0 auto;width:860px}
#wrap-header h1 {margin:0;color:#ffffff;font-size:0.7em;padding:3px 0px 3px 0px;font-weight:100}
#wrap-footer h1 {margin:0;color:#ffffff;font-size:0.7em;padding:3px 0px 0px 0px;text-align:right}
#wrap {margin:0 auto;padding: 15px 25px;width:820px;background-color: #ffffff;border: #a5a5a5 0px double;}
#wrap-header ul.hmenulang {display:block; float:right; padding:0 0 0 0; margin:0px 0px 0 0; list-style:none}
#wrap-header ul.hmenulang li {display:inline}
#wrap-header ul.hmenulang li a {float:left; width:auto; text-decoration:none;margin:0 5px;padding:0}

/* Header */
#header {height:60px; margin:0 auto 15px auto; padding:0; width:820px}
#header img {float:left; margin:0 0 0; width:253px;clear:right}
#header p {float:right; font-weight:700; line-height:1em; margin:0 0 0; text-align:center; width:480px;}
#header a.logo {display:block;padding-top:47px;padding-right:8px;text-align:right;color:#333;font-size: 0.5em;font-family:arial;text-align:right}
#header div.logo {background-image:url(../img/artesanato-em-meia-de-seda-logo-site-box-x.jpg);width:288px;height:60px;float:left}

/* Horizontal Menu Bar */
#horizontalbar {display: block; clear:both; float:left; width:820px; margin:0 auto 0 auto; padding:0; font-size:0.7em; background-color:#ffffff;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf}
#horizontalbar ul.hmenu {display:block; float:left; padding:0; margin:0 auto; list-style:none;}
#horizontalbar ul.hmenu li {display:inline}
#horizontalbar ul.hmenu li a {float:left; width:auto; text-decoration:none; color:#737373; background-color:#ffffff; padding:7px 15px 7px 15px; border-right:1px solid #cfcfcf; text-align:center; font-weight:500}
#horizontalbar ul.hmenu li a:hover {color:#333; background-color:#a4ba44; font-weight:500}
/*#horizontalbar ul.hmenulang {display:block; float:right; padding:4px 0 0 0; margin:0px 0px 0 0; list-style:none}
*/

/* Status Bar */
#statusbar {display:block;clear:both;float:left;background-color: #f0f0f0;border-top: 4px solid #a4ba44;border-bottom: 1px solid #e0e0e0;padding:5px;margin:0 auto 12px auto;width:810px;color:#575757;font-size:0.7em}
#statusbar a.navbar {font-weight:400; line-height:1em;display:inline}
#statusbar h2.navbar {font-weight:400; line-height:1em; font-size:1em;display:inline}


/*Left and right sidebar */
#leftside {float:left; margin:0 0 10px; padding:0; width:180px}

/* Main content */
#contentwide {
	font-size: 0.75em;
	border-left:0px solid #e0e0e0;
	line-height:1.6em;
	margin:0 0 25px 205px;
	padding:0;
	border-bottom: #000;
}
#contentwide h1 {font-size:1.4em; margin:0 0 25px;font-weight:100;color: #47761e;}
#contentwide h2 {font-size:1.1em; margin:0 0 10px 0;font-weight:100;color: #222222;}
#contentwide h1 strong, #contentwide h2 strong {color:#47761e}
#contentwide a.navbar {font-weight:400; font-size:1em; line-height:1em}
#contentwide h2.navbar {float:left;margin:0 0 15px; border-bottom:1px solid #e0e0e0; padding-bottom:4px; font-weight:400; font-size:0.9em; line-height:1em; width:100%;display:block; color:#333}
#contentwide h1.ruler, #contentwide h2.ruler {float:left;margin:0px 0 15px; padding-bottom:4px; font-weight:400; font-size:1.3em; line-height:1.5em; width:100%;display:block; color: #222222;background:transparent url('../img/bg_sephor.gif') repeat-x scroll left bottom}
#contentwide h2.reviews {float:left;margin:0 0 10px; padding:10px 0 10px 0; line-height:1em; width:100%;display:block; height:20px;margin:0 0 10px 0; background-color:white;background:transparent url('../img/bg_sephor.gif') repeat-x scroll left bottom}
#contentwide span.reviews {margin:5px 0; background-color:white}
#contentwide a.center {text-align:center; font-weight:400}
#contentwide p.reviewslines {margin:0; background-color:#f5f5f5;padding:10px 10px 10px 10px; display:block; font-size:0.95em;border:none}
#contentwide img.reviews {float:left; background:white; border:0; width:20px; height:20px; margin:0 10px 0 0;padding:0;}
#contentwide h3 {font-size:1em; margin:0 0 8px;}
#contentwide img.border {border:1px solid #cccccc; color:#303030; display:inline; padding:4px; background-color: #f0f0f0;}
#contentwide img.navbarbox {float:left; background-color:#ffffff; border:0; width:20px; height:20px; margin:0 5px 0 0;padding:0;}
#contentwide img.navbaricons {background-color:#ffffff; padding:0; margin:0 5px 0 0; border:0; width:16px; height:16px;}
#contentwide img.fleft {float:left;margin:3px 10px 3px 0;border:none;padding:0}
#contentwide img.fleftborder {float:left;margin:3px 10px 3px 0;border:none;padding:0;border:1px solid #e0e0e0;}
#contentwide img.fright {float:right;margin:3px 0 3px 10px;border:none;padding:0}
#contentwide img.frightborder {float:right;margin:3px 0 3px 10px;border:none;padding:0;border:1px solid #e0e0e0;}
#contentwide img.clean {margin:0px;border:none;padding:0;vertical-align:middle;display:inline;background:none}
#contentwide img.right {margin:3px 0 3px 10px;border:none;padding:0}
#contentwide img.vcleft {margin:3px 10px 3px 0;vertical-align:middle;border:0; display:inline; background-color: #ffffff; padding:0}
#contentwide img.vcright {margin:3px 0px 3px 5px;vertical-align:middle;border:0; display:inline; background-color: #ffffff; padding:0}
#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#contentwide ul li {list-style-image: url('../img/bb.gif');margin:0; padding:0 0 0 5px;margin-left:10px}
#contentwide ol li {margin:0; padding:0 0 10px 5px}
#contentwide ol ul li {margin:0; padding:0 0 0 5px}
#contentwide ul ul,#contentwide ol ol {margin:0 0 0 16px; padding:0;}
#contentwide div.slideshow {float:left;display:inline;width:410px;margin:0 0 15px 0}
#contentwide div.slideshow img {display:block;border:0;padding:0}
#contentwide p.itens {text-align:center; font-size:0.85em; margin:5px 0 15px 0}
#contentwide p.faqG {color:#47761e;margin:40px 0 10px 0;padding:2px 0 2px 0;font-weight:400;background:transparent url('../img/bg_sephor.gif') repeat-x scroll left bottom;font-size:1.2em;}
#contentwide p.faqP {margin-top:15px;font-weight:400;font-size:1.1em;color:#333333}
#contentwide p.faqR {padding-left: 20px}

/* Divs for general boxes (solve PHP WYSIWYG) */
.boxtext {float:left;width:100%;margin:0 0 15px 0}
.boxcontainer {float:left;width:100%}

/* Footer */
#footer {border-top:1px solid #e0e0e0; clear:both; color:#333; margin:0 auto; padding:10px 0 10px 0; text-align:center; width:820px; line-height:1.5em; font-size:0.75em;background-color:#f0f0f0}
#footer p {margin:0; padding:0;font-size:0.9em}
#footer a {color:#286ea0; font-weight:400; text-decoration:none; padding:0}
#footer a:hover {color:#286ea0; text-decoration:underline;}
#footer h2 {color:#505050; font-size:1em; margin:5px 0 5px; padding:0;font-style:italic}
#footer img.imgicons {border:0; width:88px; height:31px; margin:10px 10px 10px 10px}

/* Barra de opções de pagamento e envio*/
#optionsBar {clear:both; color:#666666; margin:0 auto 5px; padding:0; width:820px; line-height:1.5em; font-size:0.75em;background-color:#ffffff}

/* Comentários, testemunhos, links */
.commentlist {margin:0; background-color:#f5f5f5;padding:10px 10px 10px 10px; display:block; font-size:0.89em;border: none}
.commentliston {margin:10px 0; background-color:#e5eecc;padding:10px 10px 10px 10px; display:block; font-size:0.89em;border: #e0e0e0 1px solid}
.commentliston a {text-decoration:none}

/* Lista de artesãos da galeria */
.artlist {margin:10px 0; background-color:#f5f5f5;padding:10px 10px 10px 10px; display:block; font-size:0.89em;border: #f5f5f5 1px solid}
.artliston {margin:10px 0; background-color:#e5eecc;padding:10px 10px 10px 10px; display:block; font-size:0.89em;border: #e0e0e0 1px solid}
.artliston a {text-decoration:none}

/* Folhas de produtos */
.folhasprod {float:left; width:100%; margin:10px 0 0 0; padding:8px 0 8px 0; font-size:1em; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:normal;height:20px}
.folhasprod a.left {margin:2px;padding:0; font-weight:400;}
.folhasprod img {float:left; background:white; border:0; width:16px; height:16px; margin:0 5px 0 0;padding:0;}
.folhasprod ul.navbar { display:block; float:right; padding:0; margin:2px; list-style:none;}
.folhasprod ul.navbar li {display:block; float:left;padding:0;margin:0}
.folhasprod ul.navbar li a {text-decoration:none; padding:0; border:0; font-weight:400;}
.folhasprod ul.navbar li a:hover {text-decoration:underline;}

/* Lista de produtos */
#prodlist {float:left; width:100%; margin:0; padding:0; font-size:1em; border:0;} 
#prodlist ul.prodbar {clear:left; display:block; padding:0; margin:0; list-style:none}
#prodlist ul.prodbar li {width:188px; float:left; display:block; margin:0; padding:0;text-align:center; height:230px;line-height:1em;}
#prodlist ul.prodbar li.lastcol {width:188px; float: left; display:block; margin:0 24px 0 0;padding:0;text-align:center; height:230px;line-height:1em;}
#prodlist ul.prodbar li a {text-align:center; text-decoration:none; padding:0px 4px 0px 4px; border:0; font-weight:400; font-size:0.87em; margin:0} 
#prodlist ul.prodbar li img.prodpic {background:#ffffff; border:1px solid #e0e0e0; color:#303030; display:inline; margin:4px 0px 4px 0px; width:180px; height:150px;}
#prodlist ul.prodbar li a:hover {text-decoration:underline}

/* Divs para a imagem na pagina do produto e suas caracteristicas */
#prodphoto {float:left; width:315px; margin:0 12px 0 0; padding:0; font-size:0.9em; border:0; line-height:normal;}
#prodphoto a.left {margin:2px 0;padding:0; font-weight:400;}
#prodphoto img.icons {float:left; background:white; border:0; width:24px; height:24px; margin:0 3px 0 15px;padding:0;vertical-align:middle;display:inline;}
#prodphoto img.lightbox {display:none}
#prodfeat {float:right; width:287px; margin:0; padding:0; font-size:1em; border:0; line-height:1.5em;background-color:#f9f9f9}
#prodfeat ul.feat { display:block; padding:10px 10px 5px 10px; margin:0; list-style:none;}
#prodfeat ul.feat li {display:block; padding:5px 5px 5px 0px;border-top:1px solid #e0e0e0;margin:0}
#prodfeat ul.feat li a {text-decoration:none; padding:0; border:0; font-weight:400;}
#prodfeat ul.feat li img {padding:0; margin:0 5px 0 0; border:0; width:20px; height:16px;}
#prodfeat ul.feat li a:hover {text-decoration:underline;}
#prodfeat p.tit {color:#333;font-weight:500;padding:0 0 5px 0;margin:0}
#prodfeat p.desc {padding:0 0 0 10px;margin:0}
#prodfeat p.descref {padding:0 0 0 10px;margin:0;color:#990011}
#prodfeat span.descprice {padding:0;margin:0;color:#990011;font-size:1.1em}
#prodfeat span.descpriceAdd {padding:0;margin:0;color:#990011;font-weight:bold}
#proddesc p.obstit {font-weight:700;color:#990011;padding-bottom:5px;margin-top:0;margin-bottom:5px;background:transparent url('../img/bg_sephor.gif') repeat-x scroll left bottom}
#proddesc p.obsdesc {margin-left:25px}
#proddesc ul {margin-bottom:0}

/* Página de artesão */
#artesao {float:left;width:100%;font-size: 0.8em;line-height:1.6em;}
#artesao h1 {font-size:1.6em; margin:0 0 25px;font-weight:400;color: #47761e}
#artesao p.message {background:#f1f1ed;border:#e0e0e0 0px solid;padding:10px;margin:10px 0 10px 0}

/* Formulario contacto */
.contactform {
	border:#e0e0e0 1px solid; padding:5px 20px 0px 20px; margin:0 auto; width:572px; background-color:#f1f1ed
}
.contactform fieldset {
	border:#e0e0e0 1px solid; padding:0; margin:0px 0px 20px;
}
.contactform fieldset legend {
	padding:10px 2px 15px 2px; font-weight:500; font-size:1.1em; margin:0px 0px 10px 5px; color:#47761e;
}
.contactform label.left {
	padding:2px 2px 2px 2px; font-size:0.9em; float:left; margin:0px 0px 0px 10px; width:150px;
}
.contactform select.combo {
	border:#e0e0e0 1px solid; padding:2px 2px 2px 2px; font-size:0.9em; width:185px;
}
.contactform input.field {
	border:#e0e0e0 1px solid; padding:2px 2px 2px 2px; font-size:0.9em; width:385px;
}
.contactform textarea {
	border:#e0e0e0 1px solid; padding:2px 2px 2px 2px; font-size:1.2em; width:385px;
}
.contactform input.button {
	border:rgb(150,150,150) 1px solid; padding:2px 2px 2px 2px; font-size:0.9em; background:rgb(230,230,230); float:right; width:60px; color:rgb(150,150,150); margin:10px 24px 10px; text-align:center;
}
.contactform input.button:hover {
	border:rgb(80,80,80) 1px solid; background:rgb(220,220,220); cursor:pointer; color:rgb(80,80,80);
}


/* Rounded Boxes - content boxes */
.roundedboxC {
	background: url(../img/rounded_tl-r.gif) no-repeat top left;
	width: 100px; /* Tamanho por defeito: 100px */
	clear:both;
	margin-bottom: 10px;
}

.roundedtopC {
	background: url(../img/rounded_tr.gif) no-repeat top right;
}

.roundedbottomC {
	background: url(../img/rounded_bl.gif) no-repeat bottom left;
	clear:both;
	margin-top:-2px;
}

.roundedbottomC div {
	background: url(../img/rounded_br.gif) no-repeat bottom right;
	clear:both;
}

.roundedcontentC {
	background: url(../img/rounded_r.gif) top right repeat-y;
	padding: 0px;
}

.roundedcontentC span.text {display:block;font-family:arial;font-size:0.68em;padding:5px 5px 5px 10px}
.roundedcontentC span.tit {display:block;font-family:arial;font-size:0.8em;padding:0px 10px 0px 10px;color:#990011}
.roundedcontentC img.right {margin:0 0px 0px 5px}
.roundedcontentC img.left {margin:0 5px 0px 0px}
.roundedcontentC hr.division {margin:10px 10px;border:#e0e0e0 1px solid}
.roundedcontentC ul.more {margin:0;padding:0;list-style-type: none}

div.roundedcontentC a.more {
/*	background: url(../img/more.gif) no-repeat right 100%;
*/
	background:none;
	text-align: right;
	font-size: 0.7em;
	font-weight:400;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-right:0px;
	margin-bottom: -2px; /* Equal to the margin-top of content div (problem of collapse of margins) */
}

.roundedtopC div,.roundedtopC,
.roundedbottomC div, .roundedbottomC {
	width: 100%; height: 10px; font-size: 1px;
}


/* Rounded Boxes */
.roundedbox {
	background: url(../img/rounded_tl.gif) no-repeat top left;
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

.roundedtop {
	background: url(../img/rounded_tr.gif) no-repeat top right;
}

.roundedbottom {
	background: url(../img/rounded_bl.gif) no-repeat bottom left;
	clear:both;
	margin-top:-2px;
}

.roundedbottom div {
	background: url(../img/rounded_br.gif) no-repeat bottom right;
	clear:both;
}

.roundedcontent {
	margin-bottom:15px
}

.roundedtop div,.roundedtop,
.roundedbottom div, .roundedbottom {
	width: 100%; height: 10px; font-size: 1px;
}

div.roundedcontent h2 {
	font-size: 0.85em; margin: 0; padding: 0px 0px 2px 0px; border-bottom: #cecece 2px solid; color:#222222;font-weight:500; background: #ffffff none repeat scroll 0 0
}
div.roundedcontent h2.tit {font-size: 0.85em; margin: 0; padding: 3px 0px 2px 0px; border-bottom: none; color:#222222;font-weight:500; background: none
}
div.roundedcontent h2.tit strong {color:#47761e}
div.roundedcontent span.text {display:block;font-family:arial;font-size:0.68em;padding:0}
div.roundedcontent p.testemunho  {
	margin:0;font-weight:400;display:block;padding:5px 10px 10px 10px;color:#444444;font-size: 0.6em;font-family:arial
}
div.roundedcontent p.nome  {
	margin:0;font-weight:500;display:block;padding:0 10px 10px 10px;color:#444444;font-size: 0.6em;font-family:arial
}

ul.sidepaneltree {
	padding: 0; margin: 0; list-style-type: none; border-top: 0px solid #ededed;
}

/* Para resolver bug de white space no IE antigas versões */
div.roundedcontent ul li a {
	display:inline-block;
}

div.roundedcontent ul li a {
	padding: 4px 0px 4px 5px; display: block; margin: 0px; text-decoration: none; color:#999999; font-weight:400; font-size:0.75em; border-bottom: 1px solid #ededed
}

div.roundedcontent p.news {
	padding: 0 10px 5px 10px; display: block; margin: 0px; text-decoration: none; color:#505050; font-weight:400; font-size:0.7em; clear:both;
}
div.roundedcontent a.more {
	clear:both;
	font-weight:400;
	float: right;
	margin:0;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 0.75em;
}
div.roundedcontent img.guest {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.roundedcontent ul li a:hover {
	text-decoration: underline; color:#286ea0
}

.roundedboxTestemunhos {
/*	background-color: #FFFFBF; */
	background-color: #f1f1ed;
	font-size: 0.85em;
	width: 188px;
	height: 193px;
	float: right;
	display:inline;
	margin: 0 0px 10px 0px;
	padding: 5px 5px 0px 10px;
	line-height:1.5em;
	border: #e0e0e0 1px solid;
}
.roundedboxTestemunhos p.title  {
	font-size: 1.1em; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: #e0e0e0 1px solid; color:#47761e; font-weight:700
}
.roundedboxTestemunhos p.testemunho  {
	overflow:auto;
	height:108px;
	font-weight:400;
}
.roundedboxTestemunhos p.nome  {
	margin:0;
	font-weight:700;
}
.roundedboxTestemunhos a.more {
	background: url(../img/more.gif) no-repeat right 50%;
	clear:both;
	font-weight:400;
	float: right;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#Testemunhos {background-image:url(../img/testimonials.jpg);width:180px;height:245px;float:left}

#Testemunhos p.title {
	font-weight:400;display:block;font-family:arial;font-size:0.75em;padding:40px 15px 5px 12px;color:#990011
}
#Testemunhos p.testemunho  {
	overflow:auto;height:110px;margin:0;font-weight:400;display:block;padding:0 20px 20px 15px;color:#333;font-size: 0.6em;font-family:arial
}
#Testemunhos p.nome  {
	height:38px;margin:0;font-weight:700;display:block;padding:0 25px 5px 20px;color:#333;font-size: 0.6em;font-family:arial
}
#Testemunhos a.more {
	clear:both;
	font-weight:400;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 0.75em;
}


.roundedboxPub {
	background: url(../img/artesanato-prendas-completas.jpg) no-repeat;
	font-size: 0.85em;
	width: 193px;
	height: 100px;
	float: right;
	display:inline;
	clear:right;
	margin: 0 0px 15px 0px;
	padding: 0px 5px 0px 5px;
	line-height:1.5em;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #a0a0a0;
}

/* Happy Resyndicator ----------------------------------------------- */	
	div.feedburnerFeedBlock p.date {
		font-size: .88em;
		display: inline;
		margin-left: 0px;
	}
	div.feedburnerBlock {
		display: block;
	}
	div.feedburnerFeedBlock ul li div {
		display: block;
	}
	div.feedburnerFeedBlock img {
		margin: 0px 10px 15px 0px;
		clear:right
	}
	div.feedburnerFeedBlock a {
		color: #286ea0;
		text-decoration: none;
	}
	div.feedburnerFeedBlock a:hover {
		color: #286ea0;
		text-decoration: underline;
	}
	div.feedburnerFeedBlock span.headline {
		font-weight: bold;
		display: block;
		text-indent: 0;
		text-decoration: none;
		list-style-type: none;
		text-align: left;
		margin-bottom: 10px
	}
	div.feedburnerFeedBlock ul li {
		margin-bottom: 15px;
		padding-left: 0 !important;
		text-indent: 0 !important;
		color: #696969;
		font-size:0.85em;
		text-decoration: none;
		list-style-type: none;
		text-align: left;
	}
/* end of resyndicator ------------------------------------------------*/


/* Tables styles */
table {border:0;text-align:center; line-height:1.6em}
table tr.head {font-weight:normal;background-color:#f5f5f5;border: 1px solid #e0e0e0;}
table td.tableleft {text-align:left;padding-left:5px}
table td.tableleftpad {text-align:left;padding:5px 5px 5px 10px;line-height:1.5em;font-size:0.93em;font-weight:lighter}
table p.tablecenterpad, span.tablecenterpad {text-align:center;padding:3px;line-height:1.5em;font-size:0.95em;font-weight:lighter}
table tr.even {background-color:#f1f1ed; border-top: 1px solid #e0e0e0;}
table tr.odd {background-color:#fff; border-top: 1px solid #e0e0e0;}
table td.noBorder, table th.noBorder {background-color:#fff; border: none;}
table td.lrDottedBorder {border-top:none;border-bottom:none;border-left: 2px dotted #e0e0e0;border-right: 2px dotted #e0e0e0}
table td, table th {border: 1px solid #e0e0e0;padding: 0em;}
table tr.vaTop {vertical-align:top}
table td.c5 {width:20%}
table td.c4 {width:25%}
table img.left {float:left;margin:0 5px 0 0;padding:0;border:0;background:0;}
table td.imgtext {width:50%;padding:3px;text-align:left;line-height:1.4em;font-size:0.8em;font-weight:lighter}

/* Basic tags */
a {background-color:inherit;color:#286ea0;font-weight:400;text-decoration:none}
a:hover {background-color:inherit;color:#286ea0;text-decoration:underline}
a img {border:0}
a.more {
	font-weight:400;
	margin-top: 10px;
}
a.top {
	font-weight:400;
	padding-top: 3px;
	padding-right: 24px;
	padding-bottom: 3px;
	padding-left: 15px;
}
p {margin:0 0 0.5em}
strong {font-weight:100}
strong.link {font-weight:400;color:#286ea0}
strong.bold {font-weight:400;color:#222222}

/* Additional Global classes */
.italic {font-style: italic}
.underline {text-decoration: underline;}
.left {float:left;margin:3px 10px 3px 0}
.right {float:right;margin:3px 0 3px 10px}
.valignMiddle {vertical-align:middle}
.center {text-align:center}
.centerbox {
	margin-left: auto;
	margin-right: auto;
}
.textright {text-align:right;margin:5px 0}
.small {font-size:0.9em}
.clear {clear:both}
.fleft {float:left}
.fright {float:right}
/* Text align */
.tright {text-align:right}
.tleft {text-align:left}
/* Paddings */
.lpadding {padding-left: 5px}
.lpadding10 {padding-left: 10px}
#lpadding {padding-left: 5px}
.rpadding {padding-right: 5px}
.bpadding {padding-bottom: 10px}
.tpadding {padding-top: 10px}
.padding10 {padding: 10px}
/* Margins */
#nomargin {margin:0}
.bmargin {margin-bottom: 2.4em}
.bmarginsmall {margin-bottom: 1em}
.tmargin {margin-top: 1em}
.tmarginThree {margin-top: 3em}
/* Borders */
.noborder {border:none}
.border {border:1px solid #e0e0e0}
.dotBar {background:transparent url('../img/bg_sephor.gif') repeat-x scroll left bottom; display:block;width:auto;font-size:1px;margin:5px 0 5px 0;padding:0;height:2px}
.leftBarGoogle {border-left:1px dotted #e0e0e0;padding-left:10px}
/* Backgrounds */
#nobackground {background:none;border-style:}
/* Color */
.colorGreen {font-weight:bold;padding:2px;background-color:#8ec841;color:#ffffff}
.colorRed {font-weight:bold;padding:2px;background-color:#990011;color:#ffffff}
/* Tooltips style */
.hotspot {color:#333; cursor:help;}
#hotspotp {line-height:1.4em;padding:0px 0px 5px 0px;font-size:0.8em;margin:0}
#hotspotli {list-style-image: url('../img/bb.gif');line-height:1.4em;padding:0px 0px 5px 0px;font-size:0.8em;margin:0}
#hotspoth3 {color:#47761e;padding:0px 0px 15px 0px;font-size:0.9em;margin:0}

#tt {position:absolute; display:block;z-index:10;;border: #e0e0e0 2px groove;margin:15px 15px 15px 15px;background-color:#f5fec8;}
#tttop {display:block; height:0px; margin:0px 0px 0px 0px; overflow:hidden;z-index:10;}
#ttcont {display:block; padding:0px 0px 0px 0px; margin:15px 15px 10px 15px; background-color:#f5fec8; color:#333;z-index:10;}
#ttbot {display:block; height:0px; margin:0px 0px 0px 0px; overflow:hidden;z-index:10;}