Sample CSS

MVC Enhancement

/*
* This is a sample styling file - for complete reference to the makeup
* of the gadgets, please use a developer tool like Firebug for Firefox
* ---------------------------------------------------------------------
* Note: you may need to use !important to override the gadget's default
* styling, as the rules used by the gadget are quite specific.
*/
/* ===== Search gadget ========================================================================= */
div.BE.search-gadget {  }
/* Each of the items in the search gadget */
div.BE.search-gadget div.product  {  }
div.BE.search-gadget div.date     {  }
div.BE.search-gadget div.period   {  }
div.BE.search-gadget div.adults   {  }
div.BE.search-gadget div.children {  }
div.BE.search-gadget div.infants  {  }
div.BE.search-gadget div.button   {  }
div.BE.search-gadget div.button a {  }
/* Each item is structured with a label and input */
div.BE.search-gadget span.label   {  }
div.BE.search-gadget span.input   {  }

/* ===== Region gadget ========================================================================= */
div.BE.region-gadget {  }
/* The view tabs */
div.BE.region-gadget div.tabs-group {  }
div.BE.region-gadget div.tabs-group div.view-choice a {  }
div.BE.region-gadget div.tabs-group div.view-choice a.current {  }
/* The legend, if shown */
div.BE.region-gadget div.tabs-group div.legend {  }
div.BE.region-gadget div.tabs-group div.legend div.instant {  }
div.BE.region-gadget div.tabs-group div.legend div.request {  }
div.BE.region-gadget div.tabs-group div.legend span.blob {  }
div.BE.region-gadget div.tabs-group div.legend span.text {  }
/* Embedded search gadget - as per the search gadget above - plus refineTools */
div.BE.region-gadget div.embedded-search {  }
div.BE.region-gadget div.embedded-search div.refineTools {  }
div.BE.region-gadget div.embedded-search div.refineTools div.locationFilter {  }
div.BE.region-gadget div.embedded-search div.refineTools div.accommTypes {  }
div.BE.region-gadget div.embedded-search div.refineTools div.facilities {  }
div.BE.region-gadget div.embedded-search div.refineTools div.maxPrice {  }
div.BE.region-gadget div.embedded-search div.refineTools div.nameFilter {  }
div.BE.region-gadget div.embedded-search div.refineTools div.sortBy {  }
/* Price view container */
div.BE.region-gadget div.prices-grid {  }
div.BE.region-gadget div.prices-grid table {  }
div.BE.region-gadget div.prices-grid table thead {  }
div.BE.region-gadget div.prices-grid table thead td.label {  }
div.BE.region-gadget div.prices-grid table thead td.total {  }
div.BE.region-gadget div.prices-grid table thead td.date  {  }
div.BE.region-gadget div.prices-grid table tbody {  }
div.BE.region-gadget div.prices-grid table tbody td.property {  }
div.BE.region-gadget div.prices-grid table tbody td.total {  }
div.BE.region-gadget div.prices-grid table tbody td.total span.price {  }
div.BE.region-gadget div.prices-grid table tbody td.price {  }
div.BE.region-gadget div.prices-grid table tbody tr.odd {  }
div.BE.region-gadget div.prices-grid table tbody tr.even {  }
div.BE.region-gadget div.prices-grid table tbody tr.instant-confirmation {  }
div.BE.region-gadget div.prices-grid table tbody tr.has-specials {  }
div.BE.region-gadget div.prices-grid table tbody tr.has-last-minute {  }
/* Details view container */
div.BE.region-gadget div.list-view {  }
div.BE.region-gadget div.list-view div.list-item {  }
div.BE.region-gadget div.list-view div.list-item h3 {  }
div.BE.region-gadget div.list-view div.list-item p.location {  }
div.BE.region-gadget div.list-view div.list-item p.rating {  }
div.BE.region-gadget div.list-view div.list-item div.thumb {  }
div.BE.region-gadget div.list-view div.list-item div.description {  }
div.BE.region-gadget div.list-view div.list-item div.fromPrice {  }
div.BE.region-gadget div.list-view div.list-item div.fromPrice a {  }
div.BE.region-gadget div.list-view div.list-item.odd {  }
div.BE.region-gadget div.list-view div.list-item.even {  }
div.BE.region-gadget div.list-view div.list-item.instant-confirmation {  }
div.BE.region-gadget div.list-view div.list-item.has-specials {  }
div.BE.region-gadget div.list-view div.list-item.has-last-minute {  }
/* Map view container */
div.BE.region-gadget div.map-container {  }
div.BE.region-gadget div.map-container div.product-list {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item div.name {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item div.location {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item div.from-price {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item div.rating {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item.odd {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item.even {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item.instant-confirmation {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item.has-specials {  }
div.BE.region-gadget div.map-container div.product-list div.map-sidebar-item.has-last-minute {  }
div.BE.region-gadget div.map-container div.mapInfoWindow {  }
div.BE.region-gadget div.map-container div.mapInfoWindow h3.name {  }
div.BE.region-gadget div.map-container div.mapInfoWindow div.address {  }
div.BE.region-gadget div.map-container div.mapInfoWindow div.thumb {  }
div.BE.region-gadget div.map-container div.mapInfoWindow div.details {  }
div.BE.region-gadget div.map-container div.mapInfoWindow div.button {  }
div.BE.region-gadget div.map-container div.mapInfoWindow div.button a {  }
/* ===== Item details gadget =================================================================== */
div.BE.details-gadget {  }
/* Embedded search gadget - as per the search gadget up top */
div.BE.details-gadget div.embedded-search {  } 
/* The price grid */
div.BE.details-gadget div.priceGrid {  }
div.BE.details-gadget div.priceGrid table {  }
div.BE.details-gadget div.priceGrid table thead {  }
div.BE.details-gadget div.priceGrid table thead td.title {  }
div.BE.details-gadget div.priceGrid table thead td.quantity {  }
div.BE.details-gadget div.priceGrid table thead td.total {  }
div.BE.details-gadget div.priceGrid table thead td.total a {  }
div.BE.details-gadget div.priceGrid table thead td.date {  }
div.BE.details-gadget div.priceGrid table tbody {  }
div.BE.details-gadget div.priceGrid table tbody tr {  }
div.BE.details-gadget div.priceGrid table tbody tr td.name {  }
div.BE.details-gadget div.priceGrid table tbody tr td.quantity {  }
div.BE.details-gadget div.priceGrid table tbody tr td.total {  }
div.BE.details-gadget div.priceGrid table tbody tr td.price {  }
div.BE.details-gadget div.priceGrid table tbody tr.odd {  }
div.BE.details-gadget div.priceGrid table tbody tr.even {  }
div.BE.details-gadget div.priceGrid table tbody tr.instant-confirmation {  }
div.BE.details-gadget div.priceGrid table tbody tr.has-specials {  }
div.BE.details-gadget div.priceGrid table tbody tr.has-last-minute {  }

/* ===== Cart gadget =========================================================================== */
div.BE.shopping-cart {  }
div.BE.shopping-cart div.item {  }
div.BE.shopping-cart div.item div.name {  }
div.BE.shopping-cart div.item div.price {  }
div.BE.shopping-cart div.item div.remove {  }
div.BE.shopping-cart div.item div.operator {  }
div.BE.shopping-cart div.item div.date-nights {  }
div.BE.shopping-cart div.checkout {  }
div.BE.shopping-cart div.checkout a {  }
div.BE.shopping-cart div.total {  }
div.add-to-cart-form {  }
div.add-to-cart-form div.addButton {  }
div.add-to-cart-form div.addButton a.checkOutNow {  }
div.add-to-cart-form div.addButton a.addToCart {  }
/* ===== Booking gadget ======================================================================== */
div.BE.booking-gadget {  }
/* These are the three panels of the booking gadget */
div.BE.booking-gadget div.shopping-cart {  }
div.BE.booking-gadget div.personalDetails {  }
div.BE.booking-gadget div.ccDetails {  }
div.BE.booking-gadget div.button a {  }

/* ===== Confirmation gadget =================================================================== */
div.bookingComplete {  }
div.bookingComplete label {  }
div.bookingComplete a {  }