/*========================================================*/
/*    Cascading Style Sheet for MASSAGE DAILY             */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL THINGS                                   */
/*  2. HEADER/LOGO                                        */
/*  3. NAVBAR                                             */
/*  4. MAIN                                               */
/*  5. LEFT COL                                           */
/*  6. SIDEBAR                                            */ 
/*  7. NUMERATION                                         */
/*  8. FORM                                               */
/*  10. DESCIPTION                                        */
/*  11. REVIEW                                            */
/*  12. BOX                                               */
/*  13. FOOTER                                            */
/*  14. EXTRA                                             */
/*  15. HACKS                                             */
/*========================================================*/


/* =============================================== */
/*            1. UNIVERSAL THINGS                  */
/* =============================================== */

@import url("reset.css"); /* resets all browser */

body{
margin:0 auto;
width:960px;
text-align:left;
background:#eff6ff;
font:normal 62.5%  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#444;
}

#main_wrap{
background:#eff6ff url(images/structure/bg.gif) repeat-y top center;
}

body#frame{
width:auto;
margin:0;
background:#eff6ff}


a{color:#419200;}

a:hover{color:#1f4500;}

p{
font-size:1.2em;
margin:10px 0;
font-style:normal;
}

h3{font-size:1.8em;
color:#000;
margin-bottom:10px;
clear:both;}

/* =============================================== */
/*                   2. HEADER                     */
/* =============================================== */

#header{
background:#eff6ff url(images/structure/bg_box_top.gif) no-repeat bottom right;
padding-bottom:10px;
}

/* =============================================== */
/*                   2. LOGO                       */
/* =============================================== */

h1{
float:left;
width:174px;
height:50px;
margin:28px 0 0 30px;
background:url(images/logo/logo.gif) no-repeat 0 0;
text-indent:-9999px;
}

h2{display:none;}

body#frame h1{
margin:0 0 0 10px}

body#frame h3, body#frame h4{
padding:8px 0 0 0 ;
margin:10px 0 10px 230px;
clear:none;
font-size:1.4em;
color:#a5abb2}

body#frame h4{padding:0;}

/* =============================================== */
/*                 3. NAVBAR                       */
/* =============================================== */

#NavBar{
float:right;
margin:60px 10px 0 0;}

#NavBar li{
float:left;
margin-left:3px;
}

#NavBar li a{
display:block;
margin:5px 0 0 0px;
padding:10px;
background-image: url(images/navbar/bg_btn.gif);
background-repeat:no-repeat;
background-position: left bottom;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#606060;}


#NavBar li:hover{
background: url(images/navbar/bg_btn.gif) no-repeat 0 -200px;
}

#NavBar li a:hover{
padding-top:15px;
margin-top:0;
background-position: right -300px;
color:#404040}


#NavBar li#active{ background: url(images/navbar/bg_btn.gif) no-repeat 0 0;}

#NavBar li#active a{
background-position: right -100px;
margin-top:0;
padding-top:15px;
color:#001aa3;}



/* =============================================== */
/*                   2. WRAP                       */
/* =============================================== */

#warp{
clear:both;
background:url(images/structure/col_wide.gif) repeat-y 0 0;
margin:0 10px;}

#wide #warp{ background: none; }

body#alt #warp{background: url(images/structure/col_alt.gif) repeat-y 0 0;}

/* =============================================== */
/*                   4. MAIN                       */
/* =============================================== */

#main{
float:left;
width:560px;
padding:10px 20px 0 20px;}

#wide #main {
float:left;
width:900px;
padding:10px 20px 0 20px;}

body#alt #main{width:630px;}

#main h3{border-bottom:1px solid #ccc;}

#main h2{display:block;
font-size:1.8em;
margin:10px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#main h3.NoBorder{border-bottom:none}

p.add a{
padding:5px 20px;
background:url(images/icon/add.gif) no-repeat left center;
font-weight:bold;}

/* list row  - homepage */
.ListRow, .ListRowSearch{
clear:both;
margin-left:-10px;
font-size:1.2em;}

.ListRow dl, .ListRowSearch dl{
width:132px;
margin:0 0 10px 10px;
float:left;
text-align:center;}

.ListRowSearch dl{
width:180px;}

.ListRow dt{
padding:2px 0;
border-top:1px solid #ccc;}

.ListRow dt a{
color:#555;
text-decoration:none;}

.ListRow dt a:hover{ color:#000;}

.ListRow a img, .ListRowSearch a img{
padding:1px;
border:1px solid #ccc;}

.ListRow a:hover img, .ListRowSearch a:hover img{
padding:1px;
border:1px solid #000;}

.ListRow dd.title a, .ListRowSearch dd.title a{
font-weight:bold;
color:#444;}

.ListRow dd.title a:hover, .ListRowSearch dd.title a:hover{color:#000;}

/* serach tab menu */

#SearchTab {
width:560px;
float:left;
background: url(images/serachtab/bg_ul.gif) repeat-x bottom left;
font-size:1.2em;
margin:0px 0 0 0;}

#SearchTab li{ float:left}

#SearchTab li a{
display:block;
padding:5px 7px;
margin:1px 3px 0 0;
background:#f1f5fc url(images/serachtab/bg_li.gif) repeat-x  left bottom ;
text-decoration:none;
font-weight:bold;
color:#545454}

#SearchTab li a:hover{
color:#000;}

#SearchTab li#active a{
background: url(images/serachtab/bg_lihover.gif) repeat-x left bottom;
border:1px solid #ebe9de;
border-bottom:none;
margin-top:0;
color:#000;}

#SearchResult, #FAQ{
background: url(images/structure/bg_searchresult.gif) no-repeat top center;
padding:15px;
font-size:1.2em;
clear:both;
}


/* FAQ */

#FAQ{padding:5px 15px 15px 15px; border-bottom:1px dotted #999; margin-bottom:10px;}

#FAQ dl{
}

#FAQ dt{
font-weight:bold;
color:#000;
margin:10px 0 5px 0;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;}

#answers h3{ margin-top:20px; }

#answers dl{  font-size:1.2em;}

#answers dt{font-weight:bold; background:#ebe9de; padding:2px;}
#answers dd{margin:5px 0;}


#SubMenu{float:left; margin:0 0 0 -10px;}

#SubMenu li{float:left;}

#SubMenu li a{
display:block;
color:#545454;
padding:1px 10px;
border-right:1px solid #545454;
font-weight:bold;
}

#SubMenu li#on a{
text-decoration:none;
color:#000;}

#SubMenu li:last-child a{border:none;}

#SubMenu li a:hover{color:#000;}

#ResultList{
float:left;
margin:10px 0 0 -10px;
clear:both;
}

#ResultList li{
float:left;
position:relative;
}

#ResultList li a{
width:163px;
display:block;
margin:0 0px 0 10px;
border-bottom:1px solid #ccc;
padding:3px;
color:#545454;
font-weight:bold;
text-decoration:none;
}

#ResultList li a:hover{
background:#ccc;}


#ResultList li ul{
width:495px;
padding:10px 15px;
margin:0 10px;
border:1px solid #000;
background:#fcfcf1 url(images/structure/bgpopupbox.gif) repeat-x bottom left;
position:absolute;
z-index:99;
}

#ResultList li ul li {
float:left;
width:155px;
position:static;
}

#ResultList li ul li {
margin-right:10px;
width:155px;
float:left;
padding: 3px 0;
}

#ResultList li ul li a{
width:auto;
margin:0;
border-bottom:none;
padding:0;
}

#ResultList li ul li.ListTitle{
width:450px;
font-weight:bold;
color:#000;
}

#ResultList li ul li.close{
margin-right:0;
width:auto;
padding: 0;
float:right;
}

#ResultList li ul li.close a{color:#FF0000;}


/* news items */

.NewsItem{
}

.NewsItem h3{
margin:0;
padding:2px 0;
border-top:1px solid #ccc !important;
}

.NewsItem h6{
paddingm:2px 0;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
background:#fcfcf1;

color:#999;
}

.NewsItem ul{
padding-left:10px;
margin:10px 0;}

.NewsItem ul li{
font-size:1.2em;
list-style:disc inside;
padding:2px 0;
}

/* =============================================== */
/*                  5. PLACE AD                    */
/* =============================================== */

#messagebox p {
  padding:3px; font-size:11px; background-color:#f9f3c7;
}

#main h5{
font-size:3.5em;
color:#008215;}

#SpecialAd, #ML{
background: url(images/structure/bg_searchresult.gif) no-repeat top center;
padding:20px;}

#wide #SpecialAd { background-image: url(images/structure/bg_searchresult_wide.gif) ; }

/* ML */

#ML h4{
font-size:1.4em;}

#ML h6{
clear:both;
font-size:1.2em;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 5px 0;
color:#000;}

#ML ul {
clear:both;
margin-bottom:10px;
float:left;}

#ML ul li{
float:left;
width:168px;
margin-right:5px;
}

#ML ul li a{
border-bottom:1px solid #ccc;
padding:2px 0;
display:block;
text-decoration:none;
font-size:1.2em;
}

#ML form fieldset{border:none;clear:both;}

#ML form ol{padding:10px 0;}

#ML form li{padding:2px 0; font-size:12px;}

#ML form li.legend{
font-size:1.2em;
font-weight:bold;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 5px 0;
color:#000;
}

#ML form li.desc{padding:3px; font-size:11px; background-color:#f9f3c7;}

#ML form li.submit{padding:3px; text-align:right; border-top: 1px solid #666666;}

#ML form label{
display:block;
padding:0 0 5px 0;
color:#444;}

#ML form li label{
display:inline-block;
font-weight:bold;
width:140px;
padding:0;
}



#PriceList{margin:10px 0;}

#PriceList caption{
border-top:4px solid #999;
text-align:left;
padding:5px 0 1px 0;
font-size:1.4em;
font-weight:bold;
}

#PriceList, #PriceList th, #PriceList td, #PriceList tr{
border-collapse:collapse;
}

#PriceList{
border-top:2px solid #999;
}

#PriceList td{
border:1px solid #999;
}

#PriceList th{
font-size:1.4em;
padding:10px 5px;
border-left:1px solid #999;
text-align:center;
}

#PriceList th a{
display:block;
height:22px;
line-height:22px;
font-size:.8em;
color:#fff;
text-align:center;
text-decoration:none;
background:url(images/btns/btn_buy.gif) no-repeat top center;
}

#PriceList th a:hover{background:url(images/btns/btn_buy.gif) no-repeat bottom center;}

#PriceList td{
padding:5px;
text-align:center;
font-size:1.2em;}

#PriceList td.feature{text-align:left;}

#PriceList td.feature a{
padding-right:20px;
background: url(images/icon/bullet_info.gif) no-repeat right center;
font-weight:bold;
text-decoration:none;
color:#333333;}

table#PriceList th.feature{
text-align:left;
font-size:1.2em;
border-left:none;}


#PriceList th span.rate{
font-size:.7em;
color:#050;
line-height:20px}


#Steps{
float:right;
font-size:1.2em;
font-weight:bold;
}

#Steps li{
float:left;}

#Steps li a{
display:block;
line-height:40px;
background-image: url(images/steps/btn.gif);
background-repeat:no-repeat;
background-position:center right;
padding:0px 27px 0 10px;
color:#fff;
text-decoration:none;}


#Steps li#black a{background-image: url(images/steps/btn_black.gif); color:#67a9ff;}

#Steps li.grey a{background-image: url(images/steps/btn_grey.gif); color:#000}
#Steps li.grey-grey a{background-image: url(images/steps/btn_grey-grey.gif); color:#000}


#Steps li.last a{background-position:center left;padding: 0 10px;}

#Steps li a:hover{text-decoration:underline;}


form.member{
clear:both;
font-size:1.2em;}

form.member h4{
font-size:1.2em;
}

form.member legend{
font-weight:bold;
font-size:1.1em;}

form.member fieldset{
border-top-color:#ebe9de;
border-left:none;
border-right:none;
border-bottom:none;
padding:10px 10px 15px 10px;
margin-bottom:10px;
background:#fcfcf1 url(images/structure/box_bgform.gif) no-repeat bottom center;
}

#wide form.member fieldset{
background:#fcfcf1 url(images/structure/box_bgform_wide.gif) repeat-x bottom center;
}

form.member li{padding:2px 0;}

form.member label{
display:inline-block;
width:120px;
}

#wide form.member label {
width: 240px;
margin-left: 20px;}

#wide li.check label {
    width: auto;}

form.member li.textarea label{
vertical-align:top;}

form.member textarea, form.member input, form.member select{
border:1px solid #888;
}

form.member li textarea, form.member li input{
padding:2px;
width:250px;}

form.member li.ShortFields input{width:auto;}

form.member li.check label{width:540px;}

form.member li.check input, form.member li.checkboxes input, form.member li.checkcol input, form.member input.btn{
width:auto;}

form.member label.radio, form.member label.radio input{
width:auto;}


form.member li.checkcol label{ width:178px;}

form.member li.checkboxes label{width:100px; margin:0 0 5px 0;}

form.member p{
font-size:1em;
margin:5px 0 5px 130px;}

#wide form.member p{
margin:5px 0 5px 260px;}

#wide form.member p.check{
margin:5px 0 5px 20px;}

#wide form.member p input{
margin-left: 10px;}

form.member p label{
width:auto;}

#wide form.member p{
margin:5px 0 5px 260px;}

#wide form.member p.check{
margin:5px 0 5px 20px;}

#wide form.member p input{
margin-left: 10px;}

form.member p label{
width:auto;}

li.CityList{
border-bottom:1px solid #555;
}

form.member  li.CityList input, li.CityList label{
width:auto;}

li.CityList label{
margin: 0 0 0 20px;
vertical-align:middle;}

li.CityList .move{
margin-left:20px;
border-left:1px solid #555;}

li.CityList a{
padding:0 2px;}

.autowidth{
width:auto!important;
vertical-align:top;}

/* =============================================== */
/*                  5. POPUP BOX                   */
/* =============================================== */

.popup, .PopupList{
width:200px;
border:1px solid #ebe9de;
background:#fcfcf1 url(images/structure/bgpopupbox.gif) repeat-x bottom left;
padding:10px;

/* remove this! */
margin:50px;
}

.popup h6, .PopupList h6, .PopupList ul{font-size:1.2em;}

.PopupList{
width:530px;
padding:15px;}

.PopupList ul{
margin-right:-10px;
margin-top:10px;}

.PopupList li{
margin-right:10px;
width:170px;
float:left;
padding: 3px 0;
}


/* =============================================== */
/*            5. DETAIL PAGE ELEMENTS              */
/* =============================================== */

#MasseurToolBar{
float:left;
width:630px;
text-align:center;
background:#f9f3c7 url(images/structure/toolbar.gif) no-repeat bottom center;
border-top:1px solid #ebe9de;
padding-bottom:5px;
margin-bottom:10px;
}

#MasseurToolBar li{
float:left;
width:105px;}

#MasseurToolBar li a{
display:block;
border-left:1px solid #ebe9de;
text-transform: uppercase;
padding:2px 0;
text-decoration:none;
color:#565656}

#MasseurToolBar li a:hover{background:#ccc;}

h3#MasseurName{
border:none;
padding:0;
margin:0;}

h3#MasseurName span{
font-weight:normal;
font-size:.7em;
color:#ccc;}


p#address{
float:left;
font-weight:bold;
margin:0 0 5px 0;
padding:5px 0;
}

p#medal{float:right;
padding:5px 20px 5px 0;
background:url(images/massuer/medal.gif) no-repeat right center;
margin:0 0 5px 0;
}

#LeftCol{
float:left;
width:305px;
margin-bottom:10px;
}

#RightCol{
float:right;
width:305px;
margin-bottom:10px;
}

.gallarynext {
float:left;
border:1px solid #ccc;
border-bottom:none;
width:303px;
padding-bottom:1px

}
.gallarynext  li{
float:left;
width:151px
}

.gallarynext li a{
display:block;
padding:1px;
background:#ccc;
padding:5px;
font-size:1em;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.gallarynext li#next a{
text-align:right;
border-left:1px solid #fff;
}

.gallarynext  li a:hover{background:#000;}

#Photo #PhotoNav{
float:left;
border:1px solid #ccc;
border-bottom:none;
width:303px;
padding-bottom:1px

}
#Photo #PhotoNav li{
float:left;
width:151px
}

#Photo #PhotoNav li a{
display:block;
padding:1px;
background:#ccc;
padding:5px;
font-size:1em;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#Photo #PhotoNav li#next a{
text-align:right;
border-left:1px solid #fff;
}

#Photo #PhotoNav li a:hover{background:#000;}

#Photo h5 a{
display:block;
border:1px solid #ccc;
border-top:none;
padding:1px;
}

#Photo h5 a:hover{border:1px solid #000;border-top:none;}

#Photo #ThumbList{float:left; margin-bottom:10px;}

#Photo #ThumbList li{
margin-top:5px;
float:left;}

#Photo #ThumbList li a{
display:block;
margin:0 5px 0 0;
padding:1px;
border:1px solid #ccc;}

#Photo #ThumbList li#NoMargin a{margin:0;}

#Photo #ThumbList li a:hover{border:1px solid #000;}

dl.blueBox{
background:#fff url(images/structure/bg_desciption.gif) no-repeat top center;
padding:5px 15px 15px 15px;
clear:both;}

dl.blueBox a{color:#545454;}

dl.blueBox a:hover{ color:#000;}

dl.blueBox dt{
color:#8db1ff;
background: url(images/structure/bg_fadingline.gif) no-repeat bottom left;
font-weight:bold;
padding:1px 0px 3px 0px;
margin-top:5px;
clear:both;
float:left;
width:275px;
font-size:1.1em;
}
dl.blueBox dd{font-size:1.2em;}

dl.blueBox dd.col{
float:left;
width:130px;
padding-right:5px;
}

dd#directions a{
padding:0 0  0 20px;
line-height:20px;
display:block;
background: url(images/icon/map.gif) no-repeat left center;} 


#desciption{
clear:both;
background:url(images/structure/bg_desciption_wide.gif) no-repeat top center;
padding:15px;}


#Review{
clear:both;
background: url(images/structure/bg_reviewbox.gif) no-repeat top center;
padding:15px;}

#Review h3, #desciption h3{border:none;}

#Review h4{
font-size:1.4em;
border-bottom:1px solid #ccc;
margin:0px 0 0px 90px;
}

#Review p{
margin:0px 0 0px 90px;
}

#Review h4 span{
font-size:0.9em;
font-weight:normal;}

#Review h6{
margin:10px 0 10px 90px;
font-size:1.1em;}

#Review blockquote{border-top:1px solid #ccc;}

#Review dl{
color:#888;
float:left;
width:80px;
}

#Review dd a img{
margin:2px 0;
border:1px solid #888;
background:#fff;
padding:1px;}
#Review dd a:hover img{
border:1px solid #000;}

#Review dt{
font-weight:bold;
margin-top:5px;
}

/* form */

#DetailForm{
clear:both;
background:url(images/structure/bg_desciption_wide.gif) no-repeat top center;
padding:10px 0 0 0;
margin-bottom:10px;
}

#DetailForm h5{
float:left;
padding:1px;
border:1px solid #555;
margin-left:10px;
}

#DetailForm form{
float:right;
width:385px;
font-size:1.2em;
padding:10px;}


#desciption form{ font-size:1.2em;}

#DetailForm form fieldset, #desciption form fieldset{border:none;}

#DetailForm form legend, #desciption form legend{
font-size:1.2em;
font-weight:bold;
}

#DetailForm form ol, #desciption form ol{padding:10px 0;}

#DetailForm form li{padding:2px 0;}

#desciption form li{padding:5px 0;}

#desciption form li{color:#999;}

#DetailForm form label,  #desciption form label{
display:block;
padding:0 0 5px 0;
color:#444;}

#DetailForm form li label,  #desciption form li label{
display:inline-block;
width:120px;
padding:0;
}

#desciption form li label{width:190px;}

#DetailForm form p{font-size:1em;}

#DetailForm form li.area label,  #desciption form li.area label{
display:block;
width:auto;
padding-bottom:2px;
width:99%;}

#desciption form li.radio label{ width:auto; padding-right:20px;}

#DetailForm form li input,  #desciption form li input{
width:240px;
color:#444;}

#desciption form li input{ width:200px;}

#desciption form li.radio input { width:auto;}

#DetailForm form textarea{width:360px;}

#desciption form textarea{width:500px;}

#DetailRightCol{float:right;
width:385px;
}
#DetailRightCol h4{font-size:1.8em;}

/* =============================================== */
/*                  5. SIDEBAR                     */
/* =============================================== */

#SideBar{
float:right;
width:300px;
padding:10px 20px 0 20px;}

body#alt #SideBar{width:230px;}

/* box */

.box{
background-color:#fcfcf1;
background-image:url(images/structure/box_left_wide.gif);
background-repeat:no-repeat;
background-position:bottom center;
border-top:1px solid #ebe9de;
margin:0 0 15px 0;
padding:10px 20px 15px 20px;
}

body#alt .box{background-image:url(images/structure/box_left_alt.gif);}

.box  ul li{font-size:1.2em;}

ul#login li{float:left;}

ul#login li a{
display:block;
padding:2px 20px 2px 0;
font-weight:bold;
}


#SpecialBox{
margin:0 -20px 0 0;
padding-bottom:120px;
background: url(images/structure/bg_box_picture.gif) no-repeat bottom center;
border:none;
}

body#alt #SpecialBox{ background: url(images/structure/bg_box_picture_alt.gif) no-repeat bottom center;padding-bottom:140px;}




#MasseurNav{
margin:-10px -20px 20px -20px;
font-size:1em;
border-top:1px solid #ccc;
background:url(images/navbar/bg_massnav.gif) repeat-y left center;
}

#MasseurNav li a{
display:block;
padding:3px 20px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}

#MasseurNav li#on a{
background:#fff;
}

/* =============================================== */
/*              5. SERACH FORMS                    */
/* =============================================== */

/* sidebar search*/

#SideBar form ol{font-size:1.2em}

#SideBar fieldset{
border:none;
padding:5px 0;}

#SideBar legend{
font-size:1.8em;
font-weight:bold;}

#SideBar legend span{
font-size:0.8em;
font-weight:normal}

#SideBar label{
width:100px;
display:inline-block;}

#SideBar ol input, #SearchBox input{
border:1px solid #ccc;
padding:2px;
}

#SideBar ol input:focus{border:1px solid #000;}

#SideBar form p{margin:0 0 0 100px;}

#SideBar form ul{margin:10px 0 0 100px;}
 
#SideBar p input, #SearchBox input.btn{
background:#4fb100;
color:#fff;
font-weight:bold;
border:1px dotted #306c00;}
 
#SideBar p input:hover, #SearchBox input.btn:hover{
background:#306c00;
border:1px dotted #4fb100;}
 
#or{
line-height:5px;
color:#ccc;}

/* main search*/

#SearchTabs{
float:left;

margin-bottom:-1px;
font-size:1.2em;}

#SearchTabs li{
float:left;
margin-right:5px;
line-height:20px;}

#SearchTabs li a{
display:block;
padding:0 10px;
color:#999;
background:#f5f5f5;
border:1px solid #ccc;
border-bottom:1px solid #8db1ff;
text-decoration:none;
}

#SearchTabs li a:hover{
background:#000;
color:#fff;}

#SearchTabs li#current a{
background:#f6f8fc;
border:1px solid #8db1ff;
border-bottom:1px solid #f6f8fc;
color:#8db1ff
}

#SearchBox{
background:#f5f9fc url(images/structure/bg_searchbox.gif) no-repeat bottom center;
border-top:1px solid #8db1ff;
clear:both;
margin-bottom:10px;
padding:15px 15px 20px 15px;
}

#SearchBox form{float:left;font-size:1.2em; display:block;}

#SearchBox legend{display:none;}

#SearchBox fieldset{ border: none;}

#SearchBox input{ margin:0 15px 0 0;}

#SearchBox input.btn{ margin:0 0 0 15px;}

#SearchBox label{ font-weight:bold;}

/* numeration*/

ol#numeration{float:right;  padding:2px 0 0 0;font-size:1.2em;}

ol#numeration li{float:left;padding: 0 5px ;border-left:1px solid #ccc;}


ol#numeration li:first-child{ border:none;}

ol#numeration li a{display:block; color:#545454;}

ol#numeration li a:hover{color:#000;}

#mlistbox{
margin-bottom:20px;
padding-left:15px;
padding-bottom:15px;
font-size:1.2em;
border: 1px solid #F3F3F3;
background-color:#FBFBFB; 
}

#mlistbox p{
font-size:12px;
color: #333333; 
}

#mlistbox li{
float:left;
margin-right:5px;
line-height:20px;
width:170px;
font-size:11px;
}

#mlistbox li a{
color:#999;
text-decoration:underline;
}

#mlistbox li a:hover{
background:#000;
color:#fff;}

/* =============================================== */
/*                  5. FOOTER                      */
/* =============================================== */

#footer{
clear:both;
background:#eff6ff url(images/structure/bg_footer.gif) no-repeat top center;
padding:40px 0;}

#footer ul{
float:left;}

#footer li{
float:left;}

#footer li a{
font-size:1.2em;
display:block;
padding:0 10px;
margin:10px 0;
border-right:1px solid #ccc;
color:#666;
}

#footer li:last-child a{
border:none;}

#footer li a:hover{
background:#666;
color:#fff;}

#footer p{
float:right;
padding-right:10px;

}

/* =============================================== */
/*                 7. CLEARFIX                     */
/* =============================================== */

.clearfix:after, .box:after, .PopupList:after, dl.blueBox:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .box, .PopupList, dl.blueBox {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix, .box, .PopupList , dl.blueBox{height: 1%;}
.clearfix, .box, .PopupList, dl.blueBox {display: block;}
/* End hide from IE-mac */


/* =============================================== */
/*                 7. HACKS                        */
/* =============================================== */

* html h1, * html #NavBar, * html #NavBar li, * html .ListRow dl, * html .ListRowSearch dl, * html #SubMenu, * html #ResultList, * html p#medal{
display:inline;}

* html dl.blueBox dd{font-size:1.2em; float:left; clear:both;width:265px;}


* html #NavBar li a{ display:inline-block; height:1%;}

* html #ResultList{width:550px;}

* html #SearchBox fieldset{ float:left;}

* html #DetailForm form{width:375px;}


#CVV2-popup { position:absolute; width:204px; padding:10px; background-color:#FFF; border:1px solid #CECECE; text-align:center; z-index:1; visibility:hidden;}
#private-popup {float:inherit; position:absolute; margin:-80px 0 0 -300px;  padding:10px; background-color:#eae8e9; border:1px solid #CECECE; z-index:0; visibility:hidden;}
#private-popup2 {float:inherit; position:absolute; margin:-200px 0 0 200px;  padding:10px; background-color:#fff1de;; border:1px solid #CECECE; z-index:0; visibility:hidden;}
#private-popup3 {float:inherit; position:absolute; margin:-200px 0 0 200px;  padding:10px; background-color:#fff1de;; border:1px solid #CECECE; z-index:0; visibility:hidden;}