html{
background:#5b5a5a;
}
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
line-height: 1.3;
color: #333;
margin: 0;
padding: 0;
background:#5b5a5a url(../img/bg.gif) repeat-x top;
}
/* TOP HEADER
--------------------------------------------------------- */
div#top_header_wrap {}
div.top_header {
background: url(../img/top_header.png) top left no-repeat;
height: 109px;
}
/* ---- logo --- */
div#logo_wrap {
position: relative;
width: 970px;
}
div#logo {
/* background: url(../img/logo.png) no-repeat; */
width: 348px;
height: 70px;
position: absolute;
left: 46px;
top: 33px;
}
div#mad_logo {
background: url(../img/mademoiselle_fitness_logo.png) no-repeat;
width: 254px;
height: 85px;
}
div#drw_logo {
background: url(../img/drw_logo.png) no-repeat;
width: 200px;
height: 100px;
}
div#playzone_logo {
background: url(../img/playzone_logo.png) no-repeat;
width: 250px;
height: 100px;
}
/* ---- beta stripe --- */
div#beta_wrap {
position: relative;
width: 970px;
z-index: 1000;
}
div#beta {
/*background: url(../img/join-online-ribbon.png) no-repeat;*/
width: 104px;
height: 91px;
position: absolute;
left: 25px;
top: 138px;
}
#new_clubs{
font-size:20px;
font-weight:bold;
color:#333;
margin:0;
padding:0;
}
.divider {background:#ccc; display:block; height:1px; width:100%; margin-bottom:20px; margin-top:20px; clear:both; line-height:1px; overflow:none;}
.clr {
clear: both;
margin:0;
padding:0;
}
h1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 28px;
color: #003;
font-weight: normal;
margin: 5px 0px;
border-bottom:1px #333 solid;
width:100%;
}
h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.05em;
font-size: 22px;
color: #003;
font-weight: normal;
margin: 10px 0px;
}
h3 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.05em;
font-size: 20px;
color: #003;
font-weight: normal;
margin: 10px 0px;
}
h4 {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 18px;
color: #003;
font-weight: normal;
margin: 15px 0px;
}
h5 {
margin: 15px 0;
color: #003;
border-bottom: 3px double #EEEEEE;
}
h6 {
margin: 15px 0;
color: #003;
border-bottom: 1px solid #EEEEEE;
}
img{
border: 1px solid #CCC;
padding:3px;
}
a:link, a:visited {
color: #00469b;
text-decoration: none;
position: relative; /*Internet Explorer: a cancer on the web that must be stopped!!! */
}
a:hover{
color: #FF0000;
text-decoration: underline;
}
a:focus {
outline: none;
}
ol {
margin: 0px;
padding: 0px;
}
ol li {
color:#666;
margin-left: 20px;
list-style:decimal;
}
ul {
margin: 0px;
margin-left: 15px;
padding: 0px;
}
ul a:link, ul a:visited{
color: #00469B;
text-decoration: none;
}
ul a:hover{
color: #FF0000;
text-decoration: underline;
}
form {
margin: 0;
padding: 0;
position: relative;
}
hr {
border: none 0;
border-top: 1px solid #d5d5d5;
height: 1px;
}
/* ACCORDION EFFECT
--------------------------------------------------------- */
div#accordion {
padding-left: 5px;
}
.toggler {
cursor: pointer;
font-size: 14px;
margin: 0;
color: #00469b;
}
/* TOP MENU SELECTED BUTTONS
--------------------------------------------------------- */
.home div#nav li.home {
background: url(../img/menu_active.gif) top left repeat-x;
}
.home div#nav li li.home {
background: #013F5F;
}
.prem div#nav li.prem {
background: url(../img/menu_active.gif) top left repeat-x;
}
.prem div#nav li li.prem {
background: #013F5F;
}
.mad div#nav li.mad {
background: url(../img/menu_active.gif) top left repeat-x;
}
.mad div#nav li li.mad {
background: #013F5F;
}
.services div#nav li.services {
background: url(../img/menu_active.gif) top left repeat-x;
}
.services div#nav li li.services{
background: #013F5F;
}
.activities div#nav li.activities {
background: url(../img/menu_active.gif) top left repeat-x;
}
.activities div#nav li li.activities{
background: #013F5F;
}
.about div#nav li.about {
background: url(../img/menu_active.gif) top left repeat-x;
}
.about div#nav li li.about{
background: #013F5F;
}
.memberships div#nav li.memberships {
background: url(../img/menu_active.gif) top left repeat-x;
}
.memberships div#nav li li.memberships{
background: #013F5F;
}
.memberships div#nav li.memberships {
background: url(../img/menu_active.gif) top left repeat-x;
}
.memberships div#nav li li.memberships{
background: #013F5F;
}
.health_info div#nav li.health_info {
background: url(../img/menu_active.gif) top left repeat-x;
}
.health_info div#nav li li.health_info{
background: #013F5F;
}
/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper {
width: 970px;
margin: 0px;
}
.small{
font-size: 10px;
color: #aaa;
}
.highlight{
background-color: #ffff99;
}
div.blog_author {
font-size: 10px;
color: #aaa;
margin-bottom: 5px;
}
span.alert{
display: block;
background: #fff6bf url(../img/exclamation.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
span.info{
display: block;
background: #f8fafc url(../img/information.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;
}
span.download{
display: block;
background: #e2f3de url(../img/download.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #3C6;
border-bottom: 2px solid #3C6;
}
pre{
display: block;
line-height: 100%;
border-left: 2px solid #ccc;
padding: 10px;
font-family: Monaco, "Courier New", monospace;
font-size: 11px;
color: #336600;
}
/*pre{
display: block;
line-height: 100%;
border-left: 5px solid #ccc;
background: #f2f2f2;
padding: 10px;
font-family: Monaco, "Courier New", monospace;
font-size: 11px;
overflow: auto !important;
overflow: scroll;
width: 95%;
}*/
/* ---- list styling --- */
ul#style {
margin: 0;
padding: 0 10px;
list-style: none;
}
li.ok {
padding: 2px 20px 2px 25px;
background: url(../img/ok_list.png) no-repeat left top;
}
/* ---- login style --- */
div#login_form {
}
div#nome_utente {
float: left;
}
div#password, div#button_field {
float: left;
padding-left: 20px;
}
div.login_text {
font-size: 11px;
}
/* CONTENT LAYOUT
--------------------------------------------------------- */
div#content_layout_wrap {}
div.content_layout {
background: url(../img/content_layout.png) top left repeat-y;
height: 1%;
}
div.content_layout_sidebar {
background: url(../img/content_layout_sidebar.png) top left repeat-y;
height: 1%;
}
/* TOP MENU
--------------------------------------------------------- */
div#top_menu_wrap {
padding: 0px 25px;
}
div.top_menu {
background: url(../img/topmenu.png) top left repeat-x;
height: 33px;
}
div.top_menu_empty {
background: url(../img/topmenu.png) top left repeat-x;
height: 5px;
}
/* DROP DOWN MENU
--------------------------------------------------------- */
div#ddmenuwrap {
background: url(../img/topmenu.png) repeat-x;
height: 33px;
position: relative;
z-index: 100;
}
div#ddmenu {}
div#nav {
margin: 0;
padding: 0;
height: 33px;
/* background-color: #1a1a1a; */
}
div#nav a {
font-size: 14px;
color: #fff;
float: left;
text-decoration: none;
display: block;
cursor: pointer;
line-height: 33px;
padding: 0 15px;
}
div#nav ul ul a.daddy {
background: url(../img/sublink.png) 100% 50% no-repeat;
}
div#nav ul ul a.daddy:hover {
background: url(../img/sublink_hover.png) 100% 50% no-repeat;
}
div#nav li a {
background: url(../img/menu_div.gif) 100% 0 no-repeat;
}
div#nav li a:hover{}
div#nav li li a{
background: none;
font-weight: normal;
padding: 0;
text-indent: 15px;
color: #fff;
line-height: 25px;
}
div#nav ul li ul li a:hover{
background: none;
}
div#nav ul li a:hover,
div#nav ul li ul li ul li a:hover {
color: #fefefe;
}
div#nav, div#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
div#nav li li {
padding: 0;
background: none;
border-bottom: 1px solid #333;
/* border-top: 1px solid #333; */
}
div#nav a {}
div#nav ul ul a {
display: block;
color: #ffffff;
text-decoration: none;
width: 167px;
font-size: 12px;
text-align: left;
}
div#nav li {
float: left;
padding: 0;
background: none;
height: 33px;
}
div#nav ul li {
position: relative;
}
div#nav li ul {
top: 33px;
position: absolute;
left: -999em;
height: auto;
width: 230px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #333;
}
div#nav ul {
padding: 0;
margin: 0;
}
div#nav li li {
float: left;
padding: 0;
width: 230px;
height: 25px;
}
div#nav li ul ul {
margin: -30px 0 0 230px;
}
div#nav li:hover ul ul,
div#nav li:hover ul ul ul,
div#nav li:hover ul ul ul ul,
div#nav li.sfhover ul ul,
div#nav li.sfhover ul ul ul,
div#nav li.sfhover ul ul ul ul {
left: -999em;
}
div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul,
div#nav li.sfhover ul,
div#nav li li.sfhover ul,
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
z-index: 100;
left: 0;
}
div#nav li:hover, div#nav li.sfhover {
left: 0;
background: url(../img/menu_active.gif) top left repeat-x;
height: 33px;
}
div#nav li li:hover, div#nav li li.sfhover {
left: 0;
background: #232987;
height: 25px;
}
div#nav li:hover a, div#nav li.sfhover a {
color: #fff;
}
div#nav li li:hover a, div#nav li li.sfhover a {
color: #fff;
}
div#nav li li:hover a:hover, div#nav li li.sfhover a:hover {
color: #fff;
}
div#nav a {}
div#nav ul ul a {
background: none;
}
div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul,
div#nav li.sfhover ul,
div#nav li li.sfhover ul,
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
background: #070740;
}
/* HEADER
--------------------------------------------------------- */
div#header_wrap {
padding: 0px 25px;
}
div#header {
height: 385px;
background: #0c110d;
border-bottom: 5px solid #c1c1c1;
}
/* ---- header content --- */
div#header_content_wrap {}
div#header_content {
height: 305px;
}
/* ---- scrolling header --- */
#demo-bar {
margin: 0px auto;
padding: 0;
width: 920px;
text-align: center;
}
#demo-wrapper {
margin: 0px auto;
overflow: hidden;
height: 305px;
width: 920px;
position: relative;
}
#demo-inner {
width: 4600px;
height: 305px;
position: relative;
}
.scrolling-content {
width: 139px;
height: 73px;
text-align: left;
position: absolute;
}
.scrolling-content h1 {
color: #fff;
padding: 0;
font-size: 11px;
}
#content1 {
top: 0px;
width: 920px;
height: 305px;
background: url(../img/building.jpg) top right no-repeat;
}
div#user1, div#user2, div#user3, div#user4, div#user5, div#user6 {
font-size: 12px;
color: #ffffff;
}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited,
div#content4 a:link, div#content4 a:visited,
div#content5 a:link, div#content4 a:visited,
div#content6 a:link, div#content5 a:visited {
color: #9a9a9a;
text-decoration: underline;
}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover,
div#content4 a:hover,
div#content5 a:hover,
div#content6 a:hover {
color: #fff;
}
#content2 {
top: 0px;
width: 920px;
height: 305px;
background: url(../img/user3_bg.jpg) top right no-repeat;
}
#content3 {
top: 0px;
width: 920px;
height: 305px;
background: url(../img/user4_bg.jpg) top right no-repeat;
}
#content4 {
top: 0px;
width: 920px;
height: 305px;
background: url(../img/user5_bg.jpg) top right no-repeat;
}
#content5 {
top: 0px;
width: 920px;
height: 305px;
background: url(../img/user6_bg.jpg) top right no-repeat;
}
#content6 {
left: 4600px;
top: 0px;
width: 920px;
height: 305px;
background: url(../img/user6_bg.jpg) top right no-repeat;
}
/* ---- header buttons --- */
div#header_buttons_wrap {}
div#header_buttons {
height: 80px;
background: url(../img/header_buttons_bg.png) top left repeat-x;
}
/* a#link1, a#link2, a#link3, a#link4, a#link5 {
width: 184px;
height: 80px;
display: block;
}*/
ul#buttons {
margin: 0;
padding: 0;
}
ul#buttons li {
list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
width: 184px;
height: 80px;
display: block;
}
li#btn_premier {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) 0px 0% no-repeat;
}
li#btn_premier a:hover {
background: url(../img/btns.png) 0px 50% no-repeat;
}
li#btn_premier a.active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) 0px 100% no-repeat;
}
li#but_intro a:active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) 0px 100% no-repeat;
}
li#btn_madspa {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -184px 0% no-repeat;
}
li#btn_madspa a:hover {
background: url(../img/btns.png) -184px 50% no-repeat;
}
li#btn_madspa a.active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -184px 100% no-repeat;
}
li#btn_drw {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -368px 0% no-repeat;
}
li#btn_drw a:hover {
background: url(../img/btns.png) -368px 50% no-repeat;
}
li#btn_drw a.active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -368px 100% no-repeat;
}
li#btn_ipf {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -552px 0% no-repeat;
}
li#btn_ipf a:hover {
background: url(../img/btns.png) -552px 50% no-repeat;
}
li#btn_ipf a.active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -552px 100% no-repeat;
}
li#btn_playzone {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -736px 0% no-repeat;
}
li#btn_playzone a:hover {
background: url(../img/btns.png) -736px 50% no-repeat;
}
li#btn_playzone a.active {
width: 184px;
height: 80px;
float: left;
background: url(../img/btns.png) -736px 100% no-repeat;
}
/* ---- user6 --- */
div#user6_wrap {
padding: 0 25px;
}
div#user6 {
background: #0C110D;
border-bottom: 5px solid #c1c1c1;
color: #9a9a9a;
text-align: left;
padding: 10px 25px;
font-size: 11px;
}
div#user6 a:link, div#user6 a:visited {
color: #9a9a9a;
text-decoration: underline;
font-size: 11px;
}
div#user6 a:hover {
color: #ffffff;
text-decoration: underline;
}
/* CONTENT
--------------------------------------------------------- */
div#content_wrap { /* 1 column layout */
padding: 0px 25px 0 25px;
}
div#content_wrap_sidebar { /* 2 columns layout */
width: 570px;
float: left;
margin-left:30px;
}
div#content {}
/* ---- newsflash --- */
div#newsflash_wrap {
padding: 0 20px;
padding-top: 20px;
}
div#newsflash {}
div#newsflash .module {
text-align: left;
color: #808080;
}
div#newsflash .module h3 {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 18px;
color: #000;
font-weight: normal;
margin: 0px 0px;
}
/* ---- mainbody --- */
div#mainbody_wrap {}
div#mainbody {
padding: 20px 20px 0px 20px;
text-align: left;
}
div#mainbody p{
color:#666;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
margin-top:10px;
margin-bottom:5px;
}
div#mainbody ul {
margin: 0px;
margin-left: 15px;
padding: 0px;
}
div#mainbody ul li {
color:#666;
list-style:disc;
margin-left:10px;
}
div#mainbody ul a:link, ul a:visited{
color: #00469B;
text-decoration: none;
}
div#mainbody ul a:hover{
color: #FF0000;
text-decoration: underline;
}
/* SIDEBAR
--------------------------------------------------------- */
div#sidebar_wrap {
float: left;
text-align: left;
width: 300px;
margin-top: 20px;
border-left: 1px solid #CCC;
padding-left:40px;
}
div#sidebar {}
div#sidebar h3 {
font-family: font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.05em;
font-size: 16px;
color: #003;
font-weight: bold;
margin: 0px 0px;
margin-bottom: 3px;
}
div#sidebar {
font-size: 11px;
color: #595959;
margin-bottom: 30px;
}
div#sidebar a:link, div#sidebar a:visited {
color: #9F0004;
text-decoration: none;
}
div#sidebar a:hover {
color: #00469b;
text-decoration: underline;
}
div.entry_sidebar {
margin-bottom: 20px;
}
span.stats{
padding-top: 10px;
color: #bbb;
font-size: 10px;
}
/* BOTTOM LAYOUT
--------------------------------------------------------- */
div#bottom_layout {}
div.bottom_layout {
background: url(../img/bottom_layout.png) top left repeat-y;
height: 41px;
}
div.bottom_layout_sidebar {
background: url(../img/bottom_layout_sidebar.png) top left repeat-y;
height: 286px;
}
/* FOOTER
--------------------------------------------------------- */
div#footer_wrap {
padding-top: 10px;
}
div#footer {
color: #c1c1c1;
font-size: 11px;
}
div#footer a:link, div#footer a:visited {
color: #fff;
text-decoration: none;
}
div#footer a:hover {
color: #fff;
text-decoration: underline;
}
/* BODY IMAGES
--------------------------------------------------------- */
img.photoright {
float: right;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
margin-top: .5em;
border: 1px #ccc solid;
background: #fffffff;
position:relative;
}
img.photoleft {
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
margin-top: .5em;
padding: 0px;
background: #fffffff;
position:relative;
border: 1px #ccc solid;
}
#error_notification { border: 1px #F00 solid; height: auto; padding: 4px; background: #fff6bf; text-align: center; -moz-border-radius: 3px; color: #333; font-size:16px; font-weight:bold; text-align:left; margin-bottom:10px; }
#error_notification ul.note li{text-align:left; color:#ff0000;}
#login_response { overflow: auto; color:#000; }
#ajax_loading { display: none; font-size: 12px; font-family: Tahoma; color:#000;}
#finished { padding: 5px; width: 500px; color:#000; font-size:16px; font-weight:bold;}
.sendbtn {
display:block;
width:120px;
height:42px;
background:url(../img/send.jpg) no-repeat;
margin-top:10px;
border:none;
}
.sendbtn:hover, .sendbtn:focus, #acloginpod .getpassbttn:focus {
background-position:right top;
}
#latest_news{
margin-left:0;
margin-right:10px;
}
#latest_news a{
font-size:12px;
}
#latest_news img{
border:none; margin:0; padding:0;
}
hr.dotted {color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; }
/* TESTIMONIALS */
h4.testimonials{
font-size:16px;
color:#000;
text-align:left;
margin:0;
padding:0;
padding-top:15px;
background:url(../img/testimonials_title.png) repeat-y right;
letter-spacing:1px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h5.testimonials {
font-size:14px;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
border:none;
}
.section{
background:url(../img/testimonials_bg.png) repeat-x top #f6f6f6;
border: 1px #ccc solid;
display:block;
width:620px;
margin-bottom:20px;
padding-bottom:20px;
overflow:hidden;
}
.section_left{
width:210px;
float:left;
display:block;
margin:3px;
margin-right:10px;
}
.section:hover{
background:url(../img/testimonials2_bg.png) repeat-x bottom #d2d2d2;
border: 1px #ff0000 solid;
}
p.testimonials{
color:#333;
margin-right:10px;
}
.section a{
color: #666;
font-size:14px;
}
.section a:hover{
color: #FF0000;
}
.section_right{
margin-left:10px;
}