/*
   style.css
   sfMagasins
   
   Created by Pierre Marichez on 2009-08-19.
   Copyright 2009 D'Oh. All rights reserved.
*/

/* ========== */
/* = GLOBAL = */
/* ========== */

/* HTML TAGS */
input, select, textarea, button {
  border: 1px solid #bdc7d8;
  float: left;
  font-size: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 3px;
}

label {
  font-weight: bold;
  float: left;
  width: 125px;
}

ol {
  margin-left: 25px;
  padding: 0;
}

form ul li { clear: left; }
form ul li a { margin-left: 125px; }

h1 {
  color: #3bbcef;
  font-size: 20px;
  margin: 5px 0 0 0;
  padding: 3px;
}

h1 a {
  color: #3bbcef;
  text-decoration: none;
}

h2 {
  background: #e6ecff;
  color: #666;
  margin-bottom: 0;
  padding: 2px;
}

h2 a {
  color: #666;
  text-decoration: none;
}

h2 a:hover { text-decoration: underline; }

a { color: #3bbcef; }

/* OVERALL IDS & CLASSES */
a#single_image {
  height: 120px;
  overflow: hidden;
  width: 120px;
}

a.tiny_pictures,
a#single_image,
a.group {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin: 0;
  margin-bottom: 3px;
  margin-right: 10px;
  padding: 5px;
}

a.tiny_pictures,
a.group {
  margin-right: 5px;
  padding: 3px;
}

a#single_image img,
a.group img,
a.tiny_pictures img { display: block; }

a#single_image.tiny_header_image {
  height: 50px;
  overflow: hidden;
  width: 50px;
}

.tiny_pictures.empty {
  height: 120px;
  width: 120px;
}

.false-link {
  cursor: pointer;
  text-decoration: underline;
}

/* Images */
.picto {
  display: block;
  float: left;
  margin: 2px 2px 0 0;
}

.icon img {
  height: 16px;
  display: block;
  width: 16px;
}

.small img {
  height: 50px;
  display: block;
  width: 50px;
}

.medium img {
  height: 120px;
  display: block;
  width: 120px;
}

.big img {
  height: 250px;
  display: block;
  width: 250px;
}

.full img {
  height: 800px;
  display: block;
  width: 800px;
}

.blank {
  display: inline-block;
  line-height: 16px; /* check your icon height */
  background: url(../images/icons/icons/applications.png) center right no-repeat;
  padding-right: 18px;
}

.border-left-0 { border-left: 0; }

.bottom-5 { margin-bottom: 5px; }

.clear-left { clear: left; }
.left { float: left; }
.left-5 { margin-left: 5px; }
.left-10 { margin-left: 10px; }

.hide { display: none}
.inline { display: inline}

.margin-bottom-0 { margin-bottom: 0; }
.margin-top-0 { margin-top: 0; }

.right { float: right; }
.right-5 { margin-right: 5px; }

.top-5 { margin-top: 5px; }

.red { color:#ff0000; font-weight: bold; }

.width-400 { width: 400px; }
.width-540 { width: 540px; }
#width-655 { width: 655px; }

.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.fluid { width: auto; }
.hidden { display: none; }

.required {
  background: transparent url(../images/icons/tag_blue.gif) no-repeat 0 0;
  padding-left: 20px;
}

label.required { width: 105px; }

.ajax_content {
  display: block;
  float: none;
}

.center { text-align: center; }

div.list-item.ad-items {
  height: 280px;
  margin-right: 54px;
  width: 336px;
}

.sortable { cursor: move; }

.placeholder {
  background: #fff6bf;
  border: 2px solid #ffd324;
  display: block;
  height: 55px;
  margin-bottom: 3px;
}

.elapsed {
  color: #666;
  font-size: 10px;
}

.help {
  background: url(../images/icons/icons/question-balloon.png) 0 50% no-repeat;
  border-top: 1px dashed #666;
  color: #666;
  display: block;
  font-size: 11px;
  margin-top: 10px;
  padding-left: 23px;
  padding-top: 2px;
}

.error, .notice, .success, .error_list {border:2px solid #ddd;display:block;}
.error, .error_list {background:#fbe3e4;color:#d12f19;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#817134;border-color:#ffd324;}
.success {background:#e6efc2;color:#529214;border-color:#c6d880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label.error {border: 0; background: none; color: red;}
label.error.required {background: transparent url(../images/icons/tag_blue.gif) no-repeat 0 0;}

.odd { background-color: #eaeaea; }
.even { background-color: whitesmoke; }

.tiny-pictures {
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
}

.tiny-pictures:hover { background: whitesmoke; }

.tiny-pictures .tiny-name {
  display: block;
  float: left;
  font-weight: bold;
  text-decoration: underline;
  width: 250px;
}

.tiny-pictures .distance {
  color: #3bbcef;
  display: block;
  float: left;
  font-size: .95em;
  font-style: italic;
  width: 250px;
}

.tiny-pictures img {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 3px;
}

.title { font-weight: bold; }

.print { display: none; }

.radio_list li { display: inline; }
.radio_list li label { width: 170px; }

/********/
/* Page	*/
/********/
#page {
  margin: 0 auto;
  padding: 3px;
  padding-bottom: 10px;
  width: 999px;
}
#page-content {
  background: #fff;
  padding: 0;
}

/**********/
/* Header */
/**********/
header {
  background-color: #fff;
  margin: 0 auto;
  width: 999px;
}

#logo {
  float: left;
  margin: 0;
}

#sap {
  float: right;
}

#action_menu {
  float: right;
  margin: 15px 10px 0 0;
}

#action_menu li {
  display: inline;
  margin: 0 0 0 20px;
}

#action_menu li li {
  display: block;
  margin: 0;
}

#action_menu li#facebook_connect {
  margin: 0;
}

#action_menu li#facebook_connect img {
  display: block;
  float: left;
}

.addshop {
  color: #ff52c1;
  font-weight: bold;
}

#ad {
  height: 90px;
  margin: 5px auto;
  width: 728px;
}

/**
** NAV
**/
nav {
  background-color: #eee;
  border: 1px solid #b5b5b5;
  font-size: 1.2em;
  padding: 4px;
}

nav .selected a {
  color: #ff61d3;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  list-style-type: none;
  margin: 0;
  margin-right: 19px;
  margin-top: 3px;
  position: relative;
}

nav ul li,
nav ul li a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

li.sub-menu { padding-left: 10px; }
li.sub-menu a:hover { text-decoration: underline; }

nav ul li a:hover { text-decoration: underline; }

nav ul li a:hover,
ul li span.span-hover { color: #666; }

nav ul li.formsearch {
  margin-top: 0;
  padding-left: 140px;
}

#cse-search-box {
  float: right;
}

#cse-search-box input {
  font-size: 14px;
  margin: 0;
  padding: 2px;
}

nav ul ul {
  display: none;
  left: 0;
  padding: 0;
  padding-top: 5px;
  position: absolute;
  top: 20px;
  z-index: 9999;
}

nav ul ul li {
  display: block;
  float: none;
  height: 21px;
  margin: 0;
  padding: 0;
}

nav ul ul li a {
  background: #eee;
  border-left: 1px solid #e6ecff;
  border-right: 1px solid #e6ecff;
  border-bottom: 1px solid #e6ecff;
  color: #666;
  display: block;
  font-size: 13px;
  height: 21px;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  width: 145px;
}

nav ul li.border-left-0 a { border-left: 0; }

/**
** BREADCRUMB
**/
#breadcrumb {
  font-size: .9em;
  font-weight: bold;
  margin-top: 5px;
  text-transform: uppercase;
}

#breadcrumb a {
  color: #41a0ff;
}

/* Private Menu */
#private-menu {
  float: left;
  margin-right: 5px;
}

#private-menu a { text-decoration: none; }
#private-menu a.grey { color: #666; }

.menu-links { text-align: right; }

#profile-menu {
  background: none;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#profile-menu a {
  color: #666;
  display: block;
  float: left;
  margin-left: 10px;
  padding: 6px 0 6px 10px;
  text-decoration: none;
}
#profile-menu #facebook_button a { padding: 3px 0 3px 10px; }
#profile-menu a:hover { text-decoration: underline; }

#profile-menu ul { top: 9px; }

#profile-menu li {
  background-color: #fff;
  height: auto;
}
#profile-menu li li { height: auto; }
#profile-menu li li a {
  background-color: #fff;
  border: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: normal;
  height: auto;
}

#profile-menu li li a.separator {
  background-color: #ccc;
  height: 1px;
  padding: 0 3px 0 3px;
}

.menu {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.menu li {
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0;
  margin-right: 19px;
  margin-top: 4px;
  position: relative;
}

li.sub-menu { padding-left: 10px; }
li.sub-menu a:hover { text-decoration: underline; }

.menu li,
.menu li a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

.menu li a:hover { text-decoration: underline; }
.menu li a:hover,
ul li span.span-hover { color: #666; }

.menu ul {
  display: none;
  left: 0;
  padding: 0;
  position: absolute;
  top: 3px;
  z-index: 9999;
}

.menu ul li {
  display: block;
  float: none;
  height: 21px;
  margin: 0;
  padding: 0;
  width: 175px;
}

.menu ul li a {
  background: #c2e4ff;
  border-left: 1px solid #e6ecff;
  border-right: 1px solid #e6ecff;
  border-bottom: 1px solid #e6ecff;
  color: #666;
  display: block;
  font-size: 13px;
  height: 21px;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  width: 145px;
}

.menu li.border-left-0 a { border-left: 0; }

a.list-img span { margin-left: 10px; }

#profile-menu li li.last-item-menu a { border-bottom: 1px solid #ccc; }

/***********/
/* Content */
/***********/
#content {
  float: left;
  margin-right: 5px;
  width: 674px;
}

/***********/
/* Sidebar */
/***********/
aside {
  float: right;
  width: 311px;
}

aside h2 {
  border-bottom: 1px dotted #ccc;
  color: #666;
  margin-bottom: 3px;
  margin-top: 0;
}

aside a { color: #666; }

/************/
/* Messages */
/************/
#feedback { display:block; margin-top: 3px; padding: 2px; }
#message span { padding: 2px; }

/********/
/* Page */
/********/
.div-facebox { display: none; }
#map {
  height: 480px;
  width: 669px;
}

/**********/
/* SEARCH */
/**********/
span.highlight { background-color: #ccc; font-weight: bold; }

input.search { padding: 2px; }

#copyright {
  display: block;
  font-size: 11px;
  text-align: center;
}

/********/
/* PUBS */
/********/
#descr div {
  float: right;
  margin: 0 0 5px 5px;
}

/* Global */
.pictures-ads div {
  float: left;
}

/* #infos */
#infos {
  float: left;
  margin-right: 5px;
  width: 132px;
}
#actions { margin-bottom: 10px; }
#actions a {
  display: block;
  float: left;
  height: 20px;
  margin-right: 5px;
  width: 20px;	
}

#infos a#single_image { float: none; }

address { 
  line-height: 18px;
  margin-top :0;
}

#shop-contact {
  background-color: #e6ecff;
  border: 1px dotted #ccc;
  margin-bottom: 5px;
  padding: 3px;
}

#categories {
  clear: left;
  margin: 5px 0;
  width: 132px;
}

/* #item-content */
#header-content {
  margin-bottom: 3px;
  margin-top: 5px;
}

#item-content {
  float: left;
  width: 535px;
}

#product-content {
  float: left;
  width: 405px;
}

#product-content p {
  height: 18px;
  margin: 0;
}

#header-content h2 {
  background: none;
  margin: 0;
  padding: 3px;
}

#header-content h2 a { color: #7fdbff; }

#item-content h1,
.hreview-aggregate h1 {
  margin-top: 0;
  padding-top: 0;
}
#header-content h1,
#header-content h2 {
  float: left;
  margin-top: 0;
  padding-top: 0;
}

#item-content h2 { margin-top: 3px; }

#description {
  float: left;
  width: 530px;
}

#ad_description { float: right; }
#ad_bottom_description { clear: both; margin-top: 10px; }

#register {
  float: left;
  width: 450px	
}

#facebook-register {
  border-left: 1px solid #ccc;
  float: left;
  padding-left: 5px;
  margin-top: 10px;
  width: 200px;
}

/* VIDEO */
#player-video { margin-bottom: 5px; }

#nbcars { font-weight: bold; }

.comment-content {
  border: 1px solid #bdc7d8;
  font-size: 15px;	
  margin-bottom: 5px;
  padding: 3px;
  width: 650px;
}

.description-content {
  border: 1px solid #bdc7d8;
  font-size: 15px;	
  margin-bottom: 5px;
  padding: 3px;
  width: 510px;
}

#comment-add,
#description-add {
  font-size: 15px;
  padding: 3px;
}

#infos ul {
  border-bottom: 1px dashed #ccc;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 3px;
}

#infos .group {	margin-right: 2px; }

#infos .group.odd { margin-right: 0; }

/* BRANDS */
.brandname {
  clear: left;
}
.brandname span {
  float: left;
  width: 200px;
}
.brandname a span {
  width: 16px;
}
.brandname:hover { background-color: whitesmoke; }

/* STREETVIEW */
#properties { clear: left; }

#informations,
#types {
  float: left;
  width: 330px;
}

#informations {
  line-height: 18px;
  margin-right: 5px;
}

.sub-content {
  background: whitesmoke;
  margin-bottom: 10px;
  padding: 3px;
}

h3.rate-title {
  background-color: #f5f5f5;
  float: left;
  margin-bottom: 0;
  margin-top: 3px;
  padding: 5px 10px;
}

#mini_map { float: left; }

/*****************/
/* END PAGE SHOP */
/*****************/

.img-shop {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  float: left;
  height: 120px;
  margin-right: 3px;
  padding: 2px;
  width: 120px;
}

.img-shop img { display: block; }

/**********/
/* rating */
/**********/
.advice {
  background-color: whitesmoke;
  margin-bottom: 3px;
  padding: 5px;
}

.rates { clear: left; }

.avatar {
  float: left;
  margin-right: 5px;
}

.tiny-avatar {
  float: left;
  margin-right: 5px;
}

.advice .date-comment { color: #858585; }

.visible-rating {
  float: left;
  margin: 0;
  margin-top: 4px;
  width: 150px;
}

.star {
  cursor: pointer;
  float: left;
  height: 15px;
  overflow: hidden;
  text-indent: -999em;
  width: 17px;
}

span.star { cursor: default; }
.star-left,
.star-right { width: 8px; }
.star,
.star a { background: url(../images/icons/rating/star.gif) no-repeat 0 0px; }
.star-left,
.star-left a { background: url(../images/icons/rating/star-left.gif) no-repeat 0 0px; }
.star-right,
.star-right a {background: url(../images/icons/rating/star-right.gif) no-repeat 0 0px;}

.star a {
  background-position: 0 0;
  display: block;
  height: 100%;
  width: 100%;
}

.star.on { background-position: 0 -32px; }

#criterias {
  float: left;
  margin-right: 5px
}
#criterias ul li { display: inline; }
#criterias ul li input { margin: 0; }
ul.criteria {
  clear: left;
  display: block;
}
ul.criteria li {
  border-right: 1px dashed #ccc;
  display: inline;
  float: left;
  list-style-type: none;
  margin-right: 10px;
  padding-right: 10px;
}
ul.criteria li.last {
  border: none;
  margin-right: 0;
  padding-right: 0;
}

/****************/
/* PAGE MAGASIN */
/****************/
.avis {
  background-color: whitesmoke;
  margin-bottom: 3px;
  padding: 5px;
}

.rating-inline { float: left; }

a.products {
  background: #f0f0f0;
  float: left;
  height: 185px;
  margin-right: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  width: 120px;
}

.products.ads-prod {
  background: #3bbcef;
  float: left;
  height: 185px;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: left;
  text-decoration: none;
  width: 125px;
}

.false-336 {
  display: block;
  padding-top: 35px;
  text-align: center;
  width: 336px;
}

a.products .product-name {
  display: block;
  height: 35px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

a.products:hover { background: #3bbcef; color: white; }
a.products img {
  background-color: #fff;
  height: 120px;
  display: block;
  width: 120px;
}

a.products .price {
  color: #ff6ac8;
  display: block;
  font-weight: bold;
  text-align: center;
}

a.products:hover .price { color: white; }

p .price {
  font-weight: bold;
  font-size: 1.2em;
  color: #ff6ac8;
}

.news {
  border-bottom: 1px dotted #ccc;
  clear: both;
  padding: 3px;
  position: relative;
}

.news a {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin: 0;
  margin-bottom: 3px;
  margin-right: 10px;
  padding: 5px;
}

.news .idl_audiotel a {
  background: none;
  border: 0;
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
}

.news a.blank {
  background: none;
  border: 0;
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
}

.news a img { display: block; }

.news span a {
  background: none;
  border: 0;
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
}

.news strong {
  color: #ff6ac8;
  width: 380px;
}

.news .date {
  color: #999;
  font-style: italic;
  float: right;
  text-align: right;
  width: 165px;
}
.news a.title {
  background: none;
  border: none;
  display: block;
  float: none;
  padding: 0;
}
.news a.item {
  border: none;
  float: right;
  margin: 0;
  padding: 0;
}

.news.odd { background: #f9f9fa; }

/***********/
/* ACCUEIL */
/***********/
div.focus_on h3 { margin-top: 0; }
div.focus_on object,
div.focus_on img {
  float: left;
  margin-right: 5px;
}

div.focus_on object { width: 300px; }

footer {
  border-top: 1px dotted #666;
  color: #4c4c4c;
  font-size: 11px;
  margin: 0 auto;
  padding: 10px 0;
  width: 1000px;
}

#city_letter {
  color: #4c4c4c;
  font-size: 11px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 1000px;
}
#city_letter h4 { margin: 0; }
#city_letter ul { margin: 0 auto; }

footer .top-bottom { clear: left; }
footer .top-bottom img { display: block; }
footer a { color: #4c4c4c; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer ul {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 135px;
}
ul#first-list { margin-left: 5px; }
#first-list,
#second-list,
#third-list,
#fourth-list,
#fifth-list {
  margin-right: 30px;
}
ul#last-list { margin: 0; }
footer ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
footer ul li a { display: block; }
footer ul li.title {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}

/****************************************/
/* PAGE LISTANT DES MAGASINS 		*/
/****************************************/
div.list-item {
  display: block;
  float: left;
  height: 126px;
  margin: 0 7px 7px 0;
  width: 126px;
}

.list-item-admin {
  float: left;
  position: relative;
}

a.list-item {
  border: 1px solid #ccc;
  color: #fff;
  display: block;
  float: left;
  height: 120px;
  margin: 0 7px 7px 0;
  padding: 2px;
  position: relative;
  text-decoration: none;
  width: 120px;
}

.sub-content a.list-item,
.sub-content .list-item-admin a {
  background: #fff;
}

a.list-item:hover,
.sub-content a.list-item:hover,
.sub-content .list-item-admin a:hover { background: #ccc; }

.list-item-admin a {
  border: 1px solid #ccc;
  color: #fff;
  display: block;
  height: 120px;
  margin: 0 7px 7px 0;
  padding: 2px;
  width: 120px;
}

a.list-item img,
.list-item-admin a img {
  border: 0;
  display: block;
  padding: 0;
}

a.list-item span,
.list-item-admin span {
  background-color: #000;
  color: #fff;
  filter: alpha(opacity=70);
  font-size: 13px;
  font-weight: bold;
  left: 0;
  margin: 0 0 12px 2px;
  -moz-opacity: .70;
  opacity: .70;
  padding: 3px;
  position: absolute;
  top: 2px;
  width: 114px;
}

.list-item-admin span { width: 116px; }

a.list-item:hover span { text-decoration: underline; }

.list-item-admin a.delete-item {
  background: none;
  border: 0;
  color: #fff;
  display: block;
  float: none;
  height: auto;
  position: absolute;
  right: 3px;
  top: 3px;
  width: auto;
  z-index: 999;
}

#manager {
  border-top: 1px dotted #ccc;
  clear: both;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-top: 5px;
}

#no-manager {
  background-color: #ebebeb;
  border-top: 1px dotted #ccc;
  clear: both;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 10px;
  padding: 5px 5px 5px 0;
}

#no-manager label {
  clear: left;
  display: block;
  float: left;
  width: 125px;
}

#no-manager input {
  display: block;
  float: left;
  font-size: 14px;
  padding: 2px;
}

input#envoi_gestion {
  clear: left;
  display: inline;
  float: none;
}

/* ============== */
/* = NEWS ADMIN = */
/* ============== */
table.list {
  border: 0;
  width: 100%;
}
table.list td {
  border: 0;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  vertical-align: middle;
}
table.list .text { width: 380px; }
table.list img { display: block; }
table.list td.noon {
  border-right: 2px dotted #ccc;
  margin-right: 3px;
  padding-right: 0;
}
/* ================== */
/* = END NEWS ADMIN = */
/* ================== */

/* ================== */
/* = OPENINGS ADMIN = */
/* ================== */
table.openings { width: 100%; }
table.openings select { float: none; }
/* ====================== */
/* = END OPENINGS ADMIN = */
/* ====================== */


/* ========= */
/* = PAGER = */
/* ========= */
.pager {
  clear: both;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 675px;
}

.pager li {
  border: 1px solid #ccc;
  color: #666;
  display: block;
  float: left;
  font-size: 13px;
  height: 22px;
  margin-right: 1px;
  padding: 0;
  text-align: center;
  width: 22px;
}

.pager li span {
  background: #3bbcef;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 20px;
  margin-right: 3px;
  padding: 1px;
  text-align: center;
  width: 20px;
}

.pager a {
  color: #666;
  display: block;
  font-size: 13px;
  height: 20px;
  margin-right: 0;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  width: 20px;
}

.pager a:hover {
  background: #3bbcef;
  color: #fff;
  text-decoration: underline;
}

.pager .prev,
.pager .next,
.pager .prev a, 
.pager .next a {
  padding: 0 2px;
  width: auto;
}

.pager .current {
  background: #3bbcef;
  color: #fff;
}

/* ============= */
/* = END PAGER = */
/* ============= */

.latest { padding: 2px; }
.latest a.tiny-pictures { margin-top: 3px; }

label.price { clear: left; float: none; margin: 0; }
ul.checkbox_list { display: block; margin: 0; }
li.price_radio { display: inline; }
li label.price_radio { width: 80px; }

/* ========== */
/* = Casing = */
/* ========== */
#casing, #casing tr, #casing td {
  border: 0;
  border-collapse: collapse;
  padding: 0;
}
#header-casing {
  display: block;
  height: 200px;
  width: 100%;
}
#left-casing, #right-casing {
  display: block;
  height: 820px;
  width: 100%;
}
.casing-management td { width: 100px; }
.casing-management td .success,
.casing-management td .error {
  border-left-width: 0;
  border-right-width: 0;
}
.casing-management td.first .success, 
.casing-management td.first .error {
  border-left-width: 2px;
}
.casing-management td.last .success, 
.casing-management td.last .error {
  border-right-width: 2px;
}
li.clear select { float: none; }
.alignleft {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

/* Item Menu */
#item-menu {
  clear: left;
  float: left;
  margin: 2px 0 0 0;
}

#item-menu li {
  background-color: #3bbcef;
  border: 1px solid #3bbcef;
  border-bottom: 0;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 3px;
  padding: 5px 10px;
}

#item-menu li a {
  color: #fff;
  text-decoration: none;
}

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

li#active {
  background-color: #6fd6ff;
  border: 1px solid #3bbcef;
  border-bottom: 0;
  font-weight: bold;
  padding: 5px 10px;
}

/* Shop lists */
.shops a { color: #0094cf; }

.shops .shop {
  border-bottom: 1px dotted #c0c0c0;
  float: left;
  margin: 3px 5px 0 0;
  padding-bottom: 10px;
  width: 330px;
}

.shops .shop h2 {
  font-size: 15px;
  height: 21px;
  margin-top: 0;
  overflow: hidden;
  padding-left: 3px;
}

.shops .shop h2 a {
  color: #666;
  text-decoration: none;
}

.shops .shop .infos {
  border-left: 3px solid #3bbcef;
  float: left;
  font-size: 12px;
  height: 126px;
  margin: 0;
  overflow: hidden;
  padding-left: 5px;
  width: 192px;
}

.shops .shop .infos li { padding: 2px 0 2px 0; }
.shops .shop .infos li a { text-decoration: none; }
.shops .shop .infos li a:hover { text-decoration: underline; }
/* End shop lists */

/* openings */
table#openings {
  overflow: hidden;
  width: 670px;
}

table#mini-openings { width: 310px; }

.closed {
  background-color: #eee;
  color: #999;
  font-weight: bold;
  padding-top: 3px;
  text-align: center;
}

.day { width: 62px; }

.opening-day {
  background-color: #eee;
  padding: 0;
  vertical-align: middle;
}

#mini-openings { margin-bottom: 5px; }

#mini-openings .opening-day {
  background-color: #eee;
  text-align: center;
}

#mini-openings .opening-day.current {
  background-color: #f641b4;
  color: #fff;
}

#mini-openings .opening-day.current .closed {
  background-color: #f641b4;
  color: #fff;
}

.opening {
  background-color: #f641b4;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  height: 21px;
  padding-top: 3px;
  text-align: center;
}

#openings .current { background-color: #e6ecff; }

#openings .current .closed { background-color: #e6ecff; }

.day.current {
  color: #0094cf;
  font-weight: bold;
}

/* map */
#mini_map {
  background-color: #ccc;
  height: 300px;
  margin-right: 5px;
  width: 310px;
}
#city_map {
  background-color: #e6ecff;
  height: 300px;
}
#assistant_map {
  background-color: #e6ecff;
  height: 500px;
  width: 670px;
}

.idl_audiotel_number {
  margin: 0 0 3px 8px;
  position: relative;
  text-align: left;
}

#item-content .idl_audiotel_text {
  background-color: #3bbcef;
  border-radius: 6px 6px 6px 6px;
  display: inline-block;
  height: 29px;
  line-height: 29px;
  margin: 0;
  overflow: visible;
  padding: 0 8px 0 52px;
  vertical-align: middle;
}

.idl_audiotel_pic {
  background: url("http://static.idlead.com/?controller=image_builder&action=BuildAudiotelPicture&color=000000") no-repeat scroll left center transparent;
  display: inline-block;
  height: 29px;
  left: -8px;
  position: absolute;
  vertical-align: middle;
  width: 52px;
}

#item-content .idl_audiotel_number a {
  color: #fff;
}

#description.descr-quote {
  width: 670px;
}

.quote {
  background-color: #fff;
  border: 5px solid #dfdfdf;
  color: #666;
  padding: 5px;
  padding-left: 50px;
  border-radius: 5px;
  width: 615px;
}

.quote:before, .quote:after {
  color: #dfdfdf;
  display: block;
  font-family: cursive;
  font-size: 700%;
  width: 50px;
}

.quote:before {
  content: '\201C';
  height: 25px;
  margin-left: -0.55em;
  margin-top: -25px;
}

.quote:after {
  content: '\201D';
  height: 55px;
  margin-top: -55px;
  margin-left: 575px;
}

/* Mobile */
#mobile {
  font-size: .8125em;
}
#mobile #page {
  margin: 0;
  padding: 3px 0;
  width: 100%;
}
#mobile #content {
  float: none;
  margin-right: 0;
  width: 100%;
}

#mobile header { border-bottom: 1px dashed #ccc; width: auto; }
#mobile #logo { float: none; margin: 0; }
#mobile .formsearch { float: none; }

#mobile #description {
  float: none;
  width: auto;
}

#mobile a.tiny_pictures,
#mobile a.group {
  margin-right: 2px;
  padding: 3px;
}

#mobile .shops .shop { width: auto; }
#mobile .shops .shop .infos { width: 175px; }

#mobile #mini_map { float: none; }
#mobile .pager { width: auto; }
#mobile #copyright { width: 100%; }