html {height:100%;}
body {
	font:11px Arial, Helvetica, sans-serif;
	height:100%;
	margin:0px;
}
img {
	display:block;
}
#container {
	width:1080px;
	min-height:100%;
	margin:5px auto 5px auto;
	height:auto !important;
	height:100%;
}
#entete {
	float:left;
	width:1080px;
	margin:0px auto 0px auto;
	z-index:1;
}
#logo {
	position:absolute;
	margin:20px 0px 0px 20px;
	height:107px;
	z-index:2;
}
img.logo {border:0px;}
#searchnav {
	position:absolute;
	margin:1px 0px 0px 845px;
	width:230px;
}
input.rechtext {
	font-weight:bold;
	width:220px;
	height:33px;
	border:0px;
	padding:4px 0px 5px 12px;
	margin:-1px 0px 0px 0px;
}
span.valrech {
	margin:0px auto auto 90px;
}
input.valrech {
	font-weight:bold;
	border:0px;
}
#search {
	position:absolute;
	margin:190px 0px 0px 780px;
	padding:0px;
	height:auto;
	background-color:transparent;
	font:normal 10px Arial,"Trebuchet MS", sans-serif;
	z-index:3;
}
table.searchresult {
	width:296px;
}
td.srtitle {
	font:bold 1.2em Arial,"Trebuchet MS", sans-serif;
}
a.search {
	font-weight:bold;
}
img.srthumb {
	margin:auto;
	padding:1px;
}
#loading {
	display:none;
	position:absolute;
	margin:100px 0px 0px 1050px;
	width:20px;
	height:20px;
}
#panier {
	position:relative;
	float:right;
	height:150px;
	overflow:hidden;
	margin:0px 60px 0px 0px;
	z-index:5;
}
#tdbdpanier.paniervide    {background:transparent;}
#tdbdpanier.panierplein_1 {width:96px;}
#tdbdpanier.panierplein_2 {width:160px;}
#tdbdpanier.panierplein_3 {width:223px;}
#tdbdpanier.panierplein_4 {width:285px;}
#tdbdpanier.panierplein_5 {width:350px;}
#tdbdpanier.panierplein_6 {width:412px;}
#tdbdpanier.panierplein {width:430px;}
#tdbdpanier, #divbdpanier {height:110px;}
#divbdpanier.panierplein {overflow:auto;}
#divbdpanier, table.detailpanier {margin:auto;}
td.listepanier {
	height:105px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
}
td.tdimgpanier {height:120px; width:100px;}
p.menupanier {height:15px; margin:0px;}
#panier img {display:inline;}
img.couvpanier {padding:1px; margin:auto;}
img.imgpanier {height:85px; cursor:move;}
span.totalpanier {
	padding:3px;
	font-size:0.95em;
	font-weight:bold;
}
img.imgviderpanier, img.imgvalidpanier, img.imgdrag, .sup_cart_fr, .sup_cart_en, .add_cart_fr, .add_cart_en {
	cursor:pointer;
	border:none;
}
.sup_cart_fr, .sup_cart_en {width:60px; height:15px; color:#c40000;}
.add_cart_fr, .add_cart_en {width:120px; height:45px; margin-top:3px;}
#corps {
	clear:both;
	float:left;
	width:100%;
	min-height:900px;
	margin:0px auto 20px auto;
}
#leftbox {
	float:left;
	margin:8px 5px 0px 0px;
	height:auto;
	width:225px;
}
#switchlang {margin:0px 0px 10px 10px; height:22px;}
#switchlang img {border:none; margin:5px 2px auto 2px; display:inline;}
#menu {
	float:left;
	height:auto;
	width:225px;
}
div.menutitboxl, div.menutitboxc, div.menutitboxr {
	z-index:4;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #c40000;
}
div.menutitboxl {width:210px;}
div.menutitboxc {width:570px; margin:0px 0px 0px 15px}
div.menutitboxr {width:220px;}
span.gpmenu {
	margin:0px 0px 0px 20px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
ul.gpmenu {
	width:190px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
ul.menul, ul.menuc, ul.menur {
	margin:5px 0px 5px 0px;
	padding:0px;
}
ul.menul {width:210px;}
ul.menuc {width:570px;}
ul.menur {width:220px;}
span.flechemenu {
	font-weight:bold;
	text-align:left;
}
span.menul, span.menuc, span.menur {
	margin:10px 0px 10px 10px;
}
li.menutitre, li.menudetail {
	width:180px;
	list-style-type:none;
}
li.menutitre  {margin:0px 0px 0px 0px;}
li.menudetail {margin:0px 0px 0px 20px;}
li.menul {width:190px; margin:0px 0px 1px 10px;}
li.menuc {width:550px; margin:0px 0px 1px 10px;}
li.menur {width:200px; margin:0px 0px 1px 10px;}
a.menu1detail, a.menu1detailselected, a.menu2detail, a.menu2detailselected {width:190px;}
a.menu, a.menuselected {
	width:180px;
	text-decoration:none;
	font-size:1.0em;
	display:block;
	outline:0;
}
a.menul, a.menuc, a.menur {line-height:35px; height:35px;}
a.menul {width:190px;}
a.menuc {width:550px;}
a.menur {width:200px;}
#epuise {margin:0px 0px 15px 0px;}
a.affepuise {
	font-size:1.2em;
	font-weight:bold;
	line-height:40px;
	margin-left:5px;
	text-decoration:none;
}
.leftinside {
	float:left;
	width:210px;
	padding:3px;
	margin:8px 8px 7px 0px;
}
.titleleftinside {
	margin:5px auto 10px auto;
	text-align:center;
}
span.leftinsidetitle {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
.leftinsidelien {
	padding:3px;
	margin:5px 0px 5px 0px;
}
a.leftbox {
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
#main {
	height:auto;
	width:600px;
	float:left;
	padding:3px;
}
#rightbox {
	float:left;
	height:auto;
	width:230px;
	margin:45px 4px 0px 4px;
}
.rightinside {
	padding:3px;
	margin:0px 0px 15px 0px;
}
.titlerightinside {
	margin:5px auto 10px auto;
	text-align:center;
}
span.rightinsidetitle {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
.rightinsidelien {
	padding:3px;
	margin:5px 0px 5px 0px;
}
a.rightbox {
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
.box {
	margin:auto;
}
.boxc {
	text-align:center;
}
.boxl {
	text-align:left;
}
.boxr {
	text-align:right;
}
#bodyfooter {
	clear:both;
	width:100%;
}
#footer {
	clear:both;
	width:1080px;
	margin:10px auto 0px auto;
	position:relative;
}
#footerleft {
	float:left;
	width:225px;
	height:100px;
	margin-right:5px;
}
#footerinside {
	float:left;
	padding:50px 3px 0px 3px;
	width:600px;
	text-align:center;
	font:bold 1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
}
#footerright {
	float:left;
	width:230px;
	height:100px;
	margin-left:8px;
}
div.listesv {
	visibility:hidden;
	position:absolute;
	margin:-50px 0px 0px 150px;
}
div.listeav {visibility:visible;}
td.liste1sv, td.liste1av, td.liste2sv, td.liste2av, td.liste3sv, td.liste3av,
td.liste4sv, td.liste4av, td.liste5sv, td.liste5av, td.listenew {vertical-align:middle;}
tr.liste2 {text-align:center;}
td.liste1img, td.liste1nom, td.liste2img, td.liste2nom {vertical-align:top;}
td.liste1nom, td.liste2img, td.liste1av, td.liste2av, td.liste3av, td.liste4av, td.liste5av, td.listenew {text-align:center;}
td.liste1img, td.liste2nom, td.liste1sv, td.liste2sv, td.liste3sv, td.liste4sv, td.liste5sv {text-align:left;}
td.liste1img, td.liste1nom {height:150px;}
td.liste1img {width:250px;}
td.liste1nom {width:350px;}
tr.liste2    {width:300px;}
td.liste2img, td.liste2nom {height:115px;}
td.liste2img {width:100px;}
td.liste2nom {width:180px;}
td.liste1av, td.liste1sv {width:600px;}
td.liste2av, td.liste2sv {width:300px;}
td.liste3av, td.liste3sv {width:200px;}
td.liste4av, td.liste4sv {width:150px;}
td.liste5av, td.liste5sv {width:120px;}
td.liste1av, td.liste2av, td.liste3av, td.liste4av, td.liste5av, td.listenew {height:120px;}
td.liste1sv, td.liste2sv, td.liste3sv, td.liste4sv, td.liste5sv {height:10px;}
td.liste1av, td.liste3av {font-size:1.1em;}
td.listenew {width:85px; margin:auto;}
td.listededicaceimg, td.listededicacenom, td.detaildedicaceimg, td.detaildedicacenom {height:250px;}
td.listededicaceimg, td.detaildedicaceimg {width:250px;}
td.listededicaceimg img, td.detaildedicaceimg img {margin:auto; padding:1px;}
td.listededicacenom, td.detaildedicacenom {width:350px; vertical-align:top;}
td.listededicacenom {text-align:center;}
td.detaildedicacenom {text-align:left;}
span.dedicace{font:bold 1.1em Arial, "Trebuchet MS", Verdana, sans-serif;}
div.detaildedicacecom {margin:auto 20px; text-align:justify;}
td.listeoperationimg, td.listeoperationnom, td.detailoperationimg, td.detailoperationnom {height:250px;}
td.listeoperationimg, td.detailoperationimg {width:250px;}
td.listeoperationimg img, td.detailoperationimg img {margin:auto; padding:1px;}
td.listeoperationnom, td.detailoperationnom {width:350px; vertical-align:top;}
td.listeoperationnom {text-align:center;}
td.detailoperationnom {text-align:left;}
span.operation{font:bold 1.1em Arial, "Trebuchet MS", Verdana, sans-serif;}
div.detailoperationcom {margin:auto 20px; text-align:justify;}
td.choixcatleft, td.choixcatcenter, td.choixcatright {vertical-align:top;}
td.choixcatleft {text-align:left;}
td.choixcatcenter {text-align:center;}
td.choixcatright {text-align:right;}

td.detailimg {padding:20px; width:200px; font-size:1.2em; vertical-align:top;}
td.detailnom {padding:15px; width:380px; font-size:1.2em; vertical-align:top;}
td.detailcomment {padding:10px; width:580px; font-size:1.2em;}

div.detailbg, div.panierdetailbg {width:150px;}
div.dispodetailbg {width:auto; margin:10px auto auto 0px;}
div.detailbg {text-align:center; padding:10px;}
div.listebg, div.panierlistebg, div.dispolistebg {text-align:center; margin:auto; padding:2px;}
div.listebg, div.panierlistebg {width:132px;}
div.dispolistebg {width:auto;}

td.commandeavec {padding:2px 10px 2px 10px; width:580px; font-size:1.2em;}

ul.catlistelib {padding:0px 10px 0px 30px;}
li.catlistelib {padding:5px 0px 5px 10px;}

div.cptour {width:150px; height:200px; margin:20px auto auto auto;}
div.cltour {width:75px; height:100px; margin:20px auto auto auto;}
div.vltour {width:60px; height:80px; margin:auto;}
div.vptour {width:36px; height:48px; margin:2px auto 2px auto;}
div.cpint, div.clint, div.vlint, div.vpint {margin:1px; text-align:center;}
div.cpint {width:148px; height:198px;}
div.clint {width:73px; height:98px;}
div.vlint {width:58px; height:78px;}
div.vpint {width:34px; height:46px;}
span.cpindisp {font:italic 1.3em Arial, "Trebuchet MS", Verdana, sans-serif; font-weight:bold; line-height:2;}
span.clindisp {font:italic 1.0em Arial, "Trebuchet MS", Verdana, sans-serif; font-weight:bold; line-height:2;}
span.vlindisp {font:italic 0.8em Arial, "Trebuchet MS", Verdana, sans-serif; font-weight:bold; line-height:2;}
span.vpindisp {font:italic 0.5em Arial, "Trebuchet MS", Verdana, sans-serif; font-weight:bold;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.justify {text-align:justify;}
.red {color:#c40000;}
p.commentbdauteur {
	margin:5px 10px 10px 5px;
}
p.detailcomment {
	margin:5px 10px 10px 5px;
	font-size:1.2em;
}
div.commentlib, div.critique, div.prixlibre, div.alertcat {
	padding:3px;
	width:300px;
	position:absolute;
	visibility:hidden;
	font:normal 1.0em Arial, "Trebuchet MS", Verdana, sans-serif;
	text-align:left;
	z-index:200;
}
div.commentlib {margin:0px 0px -30px 200px;}
div.critique {margin:-18px 0px 0px 280px;}
div.prixlibre, div.alertcat {width:200px; margin:0px 0px -30px 50px;}
span.serie, span.critique, span.pascritique {
	margin-left:10px;
}
span.copyright {
	font:italic 0.8em Arial, "Trebuchet MS", Verdana, sans-serif;
}
span.plus, span.pagecourante, span.serie, span.comrech {
	font:italic 1.0em Arial, "Trebuchet MS", Verdana, sans-serif;
}
.inactive-bookstore {
	font-size: 1.2em !important;
	color: #c40000 !important;
}
span.plus12, span.critique, span.pascritique {
	font:italic 1.2em Arial, "Trebuchet MS", Verdana, sans-serif;
}
span.copyright, span.plus, span.pagecourante, span.plus12, span.comrech {
	font-weight:bold;
}
span.comrech {
	text-decoration:underline;
}
div.page {
	margin:15px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}
div.centerinside {
	margin:10px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}
span.prixdetail {
	font:bold 1.1em Arial, Helvetica, sans-serif;
}
span.prixtxt {font-weight:bold;}
span.bold {font-weight:bold;}
span.souligne {text-decoration: underline;}
span.capitale {font-variant: small-caps;}
a, a.infoliste, a.liste, a.listeh3, a.listeh3dedicace {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
}
a.couv {
	text-decoration:none; cursor: pointer;
}
a.listeh3dedicace {
	font:bold 1.2em Arial, Helvetica, sans-serif;
}
p.arrow, p.arrow2 {
	font:1.0em Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:20px;
	padding-left:20px;
	line-height:16px;
}
div.chemin {
	font-size:1.0em;
	height:16px;
	width:98%;
	text-align:right;
}
a.chemin {
	font-weight:bold;
}
div.onglethaut {
	text-align:right;
	height:16px;
	margin:16px 0px 16px 0px;
	width:100%;
}
div.ongletbas {
	text-align:center;
	width:100%;
}
a.onglethaut, a.ongletbas {
	text-decoration:none;
	font-size:0.9em;
}
h3.panier {
	margin:10px 5px 10px 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:1px;
	text-align:center;
}
table.frais {
	width:400px;
	padding:5px;
	margin:auto;
	text-align:center;
	border-collapse:collapse;
	border-spacing:5px;
}
#fraiport p.center {
	text-align:center;
	padding-left:5px;
}
#frais h3 {
	padding-left:5px;
}
table.panier1, table.commande1 {
	text-align:left;
	margin:auto;
	padding:5px;
	width:580px;
}
table.voscommandes, table.vossuivis {
	margin:auto;
	padding:5px;
	width:100%;
}
th {
	text-align:left;
	font-weight:bold;
}
#client th, #adresse th {
	padding-right:10px;
	text-align:right;
}
th.panierth, th.commandeth, th.voscommandes, th.vossuivis, th.lettres {
	text-align:center;
}
th.destpanierth {
	font-size:1.2em;
	height:20px;
}
span.destcap {
	font-variant: small-caps;
	font-size: 1.3em;
}
td.commandetd {
	padding:5px 5px 5px 5px;
	text-align:left;
	vertical-align:top;
	width:50%;
}
a.compte, a.voscommandes, a.vossuivis, a.tri {
	text-decoration:none;
}
a.compte, a.voscommandes, a.vossuivis {
	font:1.0em Arial, Helvetica, sans-serif;
}
a.tri {
	font:bold 1.2em  Arial, Helvetica, sans-serif;
}
a.compte:hover, a.voscommandes:hover, a.vossuivis:hover,a.tri:hover {
	text-decoration:underline;
}
img.genrethumb, img.seriethumb, img.catalthumbtop, img.vl {
	padding:1px;
}
img.genrethumb {
	margin:auto;
}
img.seriethumb {
	margin:20px auto auto auto;
}
img.catalthumbtop {
	margin:0px auto 0px auto;
}
img.vl {
	margin:auto;
}
img.linkedimg {
	display:inline;
}
h1 {
	line-height:1.5em;
	width:599px;
	font-size:16px;
	font-variant:small-caps;
	margin:-40px 0px 2px -25px;
}
h2, #auteur h2.auteurcomment {
	line-height:1.2em;
	width:590px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin:auto auto 10px auto;
}
h2.h2likeh1 {
	font-variant:small-caps;
}
#commentdedicace h2 {
	width:550px;
}
#pagecontact h2 {
	width:570px;
}
#ident h2, #adresse h2, #abolettre h2 {
	margin-left:-21px;
}
h2.adresse {width:260px;}
#paiecommande h2, #client h2, h2.kado {
	padding:7px 0px 2px 0px;
	text-align:center;
	margin:auto;
}
#auteur h2, #auteur h2.h2likeh1 {
	line-height:1.0em;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:auto auto 2px auto;
	padding:8px 0px 0px 15px;
}
#auteur h2.h2likeh1 {font-variant:normal;}
h3 {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:auto auto 10px auto;
	padding:2px;
}
h3 a.liste {
	font:1.0em Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.lettrine {
	font-weight:bold;
	margin-right:2px;
	text-align:center;
}
.noligne {
	font-size:1.3em;
}
input, select, textarea {
	margin:1px;
	font:normal 1em "Trebuchet MS", Verdana, Arial, sans-serif;
	vertical-align:middle;
}
input.submit {
	text-align:center;
}
input.submitchoisi {
	text-align:center;
	color:#00bb00;
}
input.submitchoisi:hover {
	color:#000000;
}
input.radio {
	background:none;
	border:none;
}
div.completion {
	position:absolute;
	text-align:left;
	margin:0px;
	padding:0px;
	font:normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
	z-index:300;
}
div.completion a {
	text-decoration:none;
	font:normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
}
div.completion ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.completion li {
	padding:0px 0px 0px 4px;
	width:300px;
	font:normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
}
span.informal {
	display:none;
}
.cgv, .infoleg, .recrute {
	display:block;
	padding:10px;
}
.recrute {line-height:30px;}
.infoleg {font:normal 1.1em "Trebuchet MS", Verdana, Arial, sans-serif;}
span.numerous {
	font-weight:bold;
}
span.alleragauche, span.alleradroite, span.alleraauteurbd {
	font-size:1.2em;
	font-weight:bold;
	margin:5px;
}
span.alleragauche {
	float:left;
	text-align:left;
}
span.alleradroite, span.alleraauteurbd {
	float:right;
	text-align:right;
}
span.alleraauteurbd {
	font-size:12px;
}
a.allera, a.alleracommande, a.alleracompte {
	text-decoration:none;
}
a.allera:hover, a.alleracommande:hover, a.alleracompte:hover {
	text-decoration:underline;
}
#passercommande {
	width:250px;
	margin:5px 15px 5px 15px;
	float:right;
	text-align:right;
}
#pagecontact {
	width:580px;
	margin:0px auto 0px auto;
}
#ident, #client, #adresse, #commandeerr, #confirm, #confirmresa,
div.cptecli, #votrecomptesuivi, #vossuivis, #listesuivi, #abolettre, #lettres {
	padding:0px 10px 0px 10px;
	margin:auto;
	width:560px;
	font-size:1.1em;
	min-height:500px;
}
div.cptecli, #votrecomptesuivi, #vossuivis {
	min-height:auto;
	font-size:1.0em;
}
#client td, #adresse td {
	font-size:0.9em;
}
#adresse img {
	margin:auto;
	border:1px solid #c40000;
}
td.imageadresse {
	width:130px;
	height:150px;
}
div.confirmimg {
	width:520px;
	height:30px;
	vertical-align:top;
}
div.confirmtext {
	margin:0px auto 0px auto;
	width:480px;
	vertical-align:top;
	font-size:1.1em;
}
div.imageident {
	float:left;
	width:160px;
	height:250px;
	vertical-align:top;
}
div.insidelogin {
	float:left;
	width:380px;
	height:auto;
	vertical-align:top;
	margin-left:20px;
}
#identcrecpte {
	clear:both;
}
p.errident, span.libeldon {
	font-weight:bold;
}
span.noteclient, span.italic {
	font-style:italic;
}
a.adresse {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div.detailadresse {
	padding:3px;
	width:280px;
	position:absolute;
	visibility:hidden;
	font:normal 1.0em Arial, "Trebuchet MS", Verdana, sans-serif;
	text-align:left;
	margin:-150px 0px 0px 50px;
}
span.destpanier, span.recapcom {
	font:bold 1.1em Arial, Helvetica, sans-serif;
}
p.recapcom {
	margin:0px 30px 0px 30px;
}
p.comfin {
	margin:10px 30px 10px 30px;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:1px;
	text-align:center;
}
#ident img, #paiecommande img, #commandefin img {
	display:inline;
}
span.paiecom {
	font:bold 1.1em Arial, Helvetica, sans-serif;
}
span.paiecomlib {
	width:100px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
}
p.paiecom, div.paiecom {
	margin-left:50px;
}

.addthis_default_style {
	margin-top: 10px;
}

.addthis_default_style .at300m {
	text-decoration:none;
}

h3.no-style-hover:hover {
	color: #fff;
}

div.rgpd-cookie-banner {
	font-size: 1.1em;
	max-height: 600px;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
}

div.rgpd-cookie-banner-main {
	background-color: #dce0de !important;
	font-size: 1.1em;
	max-height: 600px;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}

p.rgpd-cookie-text {
	color: #000;
	margin: 10px 15em 0;
}

p.rgpd-cookie-text a {
	color: #000;
}

p.rgpd-cookie-text a:hover {
	color: #848483;
}

div.absolute-cross {
	position: absolute;
	right: 10px;
	top: 10px;
}

button.accept-cookie-button {
	background-color: #e7e7e7;
	border-radius: 12px;
	color: #555555;
	font-size: 1.1em;
	margin-left: 5px;
}

button.accept-cookie-button:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	cursor: pointer;
}

a.detail-price-link {
	font-weight: normal;
}

b.list-price {
	color: #62726a;
	font-size: 1.1em;
}

div.password-rules {
	padding-left: 8em;
}

div.password-rules div {
	position: relative;
	left: -2em;
	top: 2px;
	margin-bottom: -30px;
}

div.password-rules ul {
	list-style-type: none;
}

div.password-rules li {
	margin-bottom: -0.5em;
}

img.wrong-rule {
	visibility: hidden;
	display: block !important;
}

img.good-rule {
	visibility: hidden;
	position: relative;
	left: 0.1em;
	top: -17px;
	display: block !important;
}

div.password-help a {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	margin-left: 50%;
}

span.share a {
	font: italic 1.2em Arial, "Trebuchet MS", Verdana, sans-serif;;
	font-weight: bold;
}

span.red-spam {
	color: red;
}

#gift-textarea {
	background-color: #f1f1f1;
}

#charNumContainer {
	margin-left: 40em;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -75px 0 0 -75px;
	border: 16px solid #3498db;
	border-radius: 50%;
	border-top: 16px solid #f3f3f3;
	width: 90px;
	height: 90px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.display-none {
	display: none;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}