@import url(nav.css);
@import url(popup.css);
@import url(products.css);
@import url(faq.css);
@import url(touch.css);
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	line-height: 1.2em;
	text-align: center;
	background: #ae92ba url(img/bg.jpg) repeat-x center top;
}
/* IE6 hack (horizontal scrollbar)
----------------------------------*/
html {overflow-x:hidden;}
/*body {margin-right:28px;}*/

/* global
----------------------------------*/
td {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.2em;
}
input, select, textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.2em;
}
form, input, select, textarea {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	border: 1px solid #ffffff;
	padding: 1px 0px 1px 0px;
	background-color: #cccccc;
	width: 250px;
}
input.fclear {border: none; background: none;}

.formVote {
	border: 1px solid #C83B78;
	padding: 3px;
	background-color: #C83B78;
	width: 180px;
	font-size:110%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.right {float: right;}
.left {float: left;}
.spacer {clear: both; font-size: 2px; line-height: 2px;}
/*.cleaner {clear:both;height:1px;font-size:1px;border:0px none;marin:0; padding:0;background:transparent;}*/
.clear {clear: both;}

a, a:link, a:hover, a:active, a:visited {color: #FFFFFF;}
h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 1.2em;
	font-size: 14px;
	color: #AC526E;
	font-weight: bold;
	line-height: 1.2em;
}
h2, h3 {font-size: 12px;}
h3 {color: #333333;}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #AC526E;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 12px;
}

p {
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 1.1em;
	line-height: 1.3em;
}
.purple {color: #AC526E;}

/* png support
----------------------------------*/
img {
   /*behavior: url(pngbehavior.htc);*/
}

/* page, top, main, content
----------------------------------*/
#page, #top, #main, #bottom {
	position: relative;
	width: 894px;
	clear: both;
	overflow: hidden;
	/*overflow-y: hidden;*/
	overflow-x: hidden;
}
#logo {
	position: absolute;
}
#logo img {border: none;}

#page {
	margin: auto;
	width: 894px;
	text-align: left;
}
#top {
	height: 111px;
	background: url(img/bg_top-trans.png);
}
#logo {
	top: 14px;
	left: 35px;
}
#main {
	padding-top: 7px;
	background: url(img/bg_content_top-trans.png);
}
#content {
	background: #b9b2d4 url(img/bg_content.jpg) no-repeat center top;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
}
#contentInner {
	float: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 45px 19px 20px 30px;
}
/*#contentInner div {width: 100%;}*/
#colLeft, #colCenter, #colRight, #colsLeft, #colsRight {float: left;}
#colsLeft {width: 630px;}
#colsRight {width: 550px;}
#colLeft {width: 210px;}
#colCenter {width: 410px;}
#colRight {width: 212px;}
#colCenterInner, #colInner {padding-right: 20px;}

/* content
----------------------------------*/


.girlHead {
background-color:#ffffff;color:#C83B78;width:80px;padding:1px;margin-bottom:3px;
}


.girlValue {
font-size:120%;color:#FFFFFF;margin-bottom:7px;line-height:1.1em;
}


.h1 p {width: 400px;}
.shortDesc p {font-size: 1.0em;}

#userHeadline {
	width: 260px;
}

.bBack, .bPopup, .bPopup2 {
	width: 193px;
	height: 23px;
	background: url(img/b_back.png) no-repeat 0px 0px;
}
.bPopup {background: url(img/b_popup.png) no-repeat 0px 0px; text-align: right;}
.bPopup2 {background: url(img/b_popup2.png) no-repeat 0px 0px; text-align: right;}
.bBack a, .bBack a:link, .bBack a:hover, .bBack a:active, .bBack a:visited, .bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited, bPopup2 a, .bPopup2 a:link, .bPopup2 a:hover, .bPopup2 a:active, .bPopup2 a:visited  {
	position: relative;
	display: block;
	padding-left: 32px;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;
	text-decoration: none;
}
.bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited {padding-right: 32px;}
.bPopup2 a, .bPopup2 a:link, .bPopup2 a:hover, .bPopup2 a:active, .bPopup2 a:visited {padding-right: 32px;}

/* bottom
----------------------------------*/
#bottom {
	height: 111px;
	margin-top: -6px;
	padding-top: 0px;
	background: url(img/bg_content_bottom-trans.png) no-repeat;
	
}
#contactBox {
	width: 213px;
}
#contactBox div {
	padding-left: 20px;
	padding-bottom: 12px;
	background: url(img/contact_box_bottom.gif) no-repeat 20px bottom;
}
#contactBox h2, #contactBox h3, #contactBox p {
	margin-bottom: 0px;
	padding: 0px 10px 0px 20px;
	font-size: 10px;
	line-height: 1.0em;
	color: #ffffff;
}
#contactBox h2 {
	background: url(img/contact_box_head.png) no-repeat left top;
	padding: 10px;
	font-size: 12px;
	line-height: 1.2em;
}
#contactBox h3 {
	padding-top: 10px;
	background: url(img/contact_box_hline.gif) no-repeat left top;
}
#contactBox h3.first {
	background: url(img/contact_box_head_line.gif) no-repeat left top;
}
#contactBox p {
	padding-bottom: 10px;
	background: url(img/contact_box_bg.gif) repeat-y left top;
}
#contact_form input, #contact_form select, #contact_form textarea {
	border: 1px solid #ffffff;
	padding: 1px 0px 1px 0px;
	background-color: #ffffff;
	width: 250px;
}
#contact_form td{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.3em;

}


.productBox {
	width: 210px;
	height: 140px;
	color: #FFFFFF;
	background: url(img/button_debut_small.png) no-repeat 0px 0px;
}
.productBox div {padding: 12px 0px 0px 20px;}
.productBox p {
	padding: 0px;
	width: 180px;
	float: left;
}
.productBox h1 {
	margin-bottom: 0.2em;
}
.productBox a, .productBox a:link, .productBox a:hover, .productBox a:active, .productBox a:visited  {color: #FFFFFF; text-decoration: none;}


.productBoxStart {
	width: 210px;
	height: 108px;
	color: #FFFFFF;
	background: url(img/button_debut_start.png) no-repeat 0px 0px;
}
.productBoxStart div {padding: 10px 0px 0px 15px;}
.productBoxStart p {
	padding: 0px;
	width: 195px;
	float: left;
	font-size:11px;
}
.productBoxStart h1 {
	margin-bottom: 0em;
}
.productBoxStart a, .productBoxStart a:link, .productBoxStart a:hover, .productBoxStart a:active, .productBoxStart a:visited  {color: #FFFFFF; text-decoration: none;}
.bBack, .bPopup, .bPopup2, .bPopupBack2  {
	width: 193px;
	height: 23px;
	background: url(img/b_back.png) no-repeat 0px 0px;
}
.bPopup {background: url(img/b_popup.png) no-repeat 0px 0px; text-align: right;}
.bPopup2 {background: url(img/b_popup2.png) no-repeat 0px 0px; text-align: right;}
.bPopupBack2 {background: url(img/b_back2.png) no-repeat 0px 0px; }
.bBack a, .bBack a:link, .bBack a:hover, .bBack a:active, .bBack a:visited, .bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited, .bPopup2 a, .bPopup2 a:link, .bPopup2 a:hover, .bPopup2 a:active, .bPopup2 a:visited, .bPopupBack2 a, .bPopupBack2 a:link, .bPopupBack2 a:hover, .bPopupBack2 a:active, .bPopupBack2 a:visited   {
	position: relative;
	display: block;
	padding-left: 32px;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;
	text-decoration: none;
}
.bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited {padding-left:0px; padding-right: 32px;}
.bPopup2 a, .bPopup2 a:link, .bPopup2 a:hover, .bPopup2 a:active, .bPopup2 a:visited {padding-left:0px; padding-right: 32px;}
.bPopupBack2 a, .bPopupBack2 a:link, .bPopupBack2 a:hover, .bPopupBack2 a:active, .bPopupBack2 a:visited {padding-right: 32px;}