body {
  background: #fff url(/_img/bgds-b/brl-bgd.png) 50% top repeat-y;
  /*background: #ececec;*/
  margin: 0; 
  padding: 0; 
  font: normal 0.9em Helvetica, Helvetica Neue, Arial, sans-serif;
  }
  
/* original red #ed2124 */


a { color: #03c;}

a img { border: none; float: left; margin-top: 15px;}
#headercontacts p.skypeme { margin-top: -13px;}
p.skypeme a img { margin-top: 0; float: none;}

h1 { margin: 0 0 10px; padding: 6px 0 6px 0; font-size: 1.4em; color: #f00; border-bottom: 1px solid #ff0000; }
.left h1 { border-bottom: 1px solid #47aebf; color: #47aebf;}
.right h1 { border-bottom: 1px solid #ff339a; color: #ff339a;}

h2 { margin: 0 0 10px; padding: 10px 0 7px 0; font-size: 1em; color: #f00; border-bottom: 1px solid #ccc;}
h2 a { color: #f00; text-decoration: none;}
h2 a:hover { color: #f00; text-decoration: underline;}
h3 { margin: 15px 0 0; padding: 0; font-size: 1em; color: #47aebf; /*text-transform: uppercase;*/}

ol {line-height: 1.4;}

div.error { background: #fcc; border: 1px dotted #f00; color: #f00; margin: 5px; padding: 5px;  }
div.info { background: #ffc; border: 1px dotted #fc0; color: #fc0; margin: 5px; padding: 5px;  }

#wrapper { 
  /*background: transparent url(/_img/bgds-b/brl-body-trans.jpg) repeat-y 50% top;*/
  width: 950px; 
  padding: 0 10px; 
  text-align: left;
  margin: 0 auto; 
  }

#footer {
  border-top: 1px dotted #999;
  color: #999;
  font-size: 0.7em;
  width: 930px; 
  padding: 10px 0; 
  text-align: left;
  margin: 0 auto;
 }
 
#footer p {
  line-height: 5px;
}
 
#footer a { color: #03c;}

#footer img { float: none; margin: 0 5px;}

#topbar { 
  margin: 0 10px 0 0;
  padding: 54px 0 0;
  }

#flags { 
  float: right;
  }
  
#flags a img { margin: 0 0 0 4px;}

#logo { 
  float: left; 
  padding: 0; 
  margin: 20px 0 0 ;
  }

#logo a { 
  display: block;
  float: left;
  background: url(/_img/bgds-b/brl-logo-trans.png) top left no-repeat;  
  width: 282px;
  height: 160px;
  text-indent: -2000em;
}

#brblog #logo a {
  background: url(/_img/bgds-b/brl-blog-logo-trans.png) top left no-repeat;  
  }
  
.column1 { float: left; width: 48%;}
.column2 { float: right; width: 48%;}
  
  /*
------------------------------------------------------------------------------------------------------------------
REDEFINED HTML TAGS
------------------------------------------------------------------------------------------------------------------
*/


fieldset { margin-bottom: 15px; }

form { margin: 0; padding: 7px;  }
form p { padding: 0; margin: 0; }

label { display: block; padding: 5px 0 3px 2px;}
label.inline { display: inline; padding: 0; }

legend { font-size: 1.2em; color: #666; }

p { margin-top: 0; font-size: 0.9em; line-height: 18px;}
.solecontent li { font-size: 0.9em; line-height: 18px;}
  
  /*
------------------------------------------------------------------------------------------------------------------
STYLES USED IN NAVIGATION
------------------------------------------------------------------------------------------------------------------
*/

#nav { margin: 0 0 0 110px; }
#nav p { margin: 0; padding: 4px 0 0 0; }

ul#primarynav { margin: 0; padding: 20px 0 15px 190px; border-bottom: 1px dotted #666; border-top: 1px dotted #666; background: url(../_img/backgrounds/bg_primarynav.jpg) top left repeat-y; text-transform: uppercase; }
ul#secondarynav { margin: 0 0 0 30px; padding: 5px 0 5px 161px; border-bottom: 1px solid #ccc; line-height: 20px;}
ul#primarynav li, ul#secondarynav li { margin: 0; padding: 0 ; display: inline; list-style-type: none; }


#primarynav a { color: #000; padding: 0 8px; /*border-right: 1px dotted #666;*/ text-decoration: none; font-size: 1.1em; font-weight: bold; }

#secondarynav a  { color: #999; padding: 0 8px; /*border-right: 1px dotted #666; font-weight: bold;*/ text-decoration: none; }  
#primarynav a:hover, #secondarynav a:hover { text-decoration: underline;  }
#primarynav a.first { padding-left: 5px; }

#headercontacts { color: #999; margin: 0 10px 0 0; padding: 13px 0 0 0; float: right;}
#headercontacts p { float: left; margin: 0 15px 0 0;}
#headercontacts a { color: #f00; text-decoration: none;}

.intro { color: #999; margin: 17px 0 0 310px;}

/*
------------------------------------------------------------------------------------------------------------------
BASIC PAGE LAYOUT BLOCKS
------------------------------------------------------------------------------------------------------------------
*/

#outercontent, #page { clear: both; width: 930px; padding: 0 10px 10px; margin: 0; /*background: #ececec;*/}

/* used for two column and three column layout - used to nest .left and .middle in three col layout - as is for two column */

.outerleft { margin: 10px 0 0 0; padding: 0; float: left; width: 720px; /*background: #ccc;*/ }
.left { float: left; width: 200px; padding: 0px; margin: 0; background: #fff;  border-top: 3px solid #47aebf;  }
.leftwide { float: left; width: 925px; padding: 0px; margin: 0; background: #fff; border-top: 3px solid #ccc;  }
.middle { float: left; width: 508px; margin: 0 0 0 10px; padding: 0; background: #fff; color: #666; border-top: 3px solid #f00;}
.right {  float: left; width: 200px; padding: 0 0 0 3px; margin: 10px 0 0 7px; background: #fff; border-top: 3px solid #ff339a; }
.right p { padding: 2px 0; margin: 0; width: 195px; }
.solecontent { border-top: 3px solid #f00; }
#search { margin: 0; /*padding: 2px 10px 0 8px;*/ background: #ececec;background:  url(/_img/bgds-b/search.jpg) top left no-repeat; height: 160px; font: bold 0.9em Arial, Helvetica, sans-serif; color: #333; }
#searchnotes { margin: 0 0 10px; height: 20px; font: normal 1.0em Arial, Helvetica, sans-serif; color: #000; }
#searchnotes p { font-size: 0.8em; color: #999; background: url(/_img/bgds-b/lock.jpg) top right no-repeat; padding: 2px 18px 0 0; text-align: right;}
#search input[type="submit"] { background: url(/_img/bgds-b/btn-bgd-red.jpg) bottom left repeat-x; border: 1px solid #402; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 1.1em; text-shadow: 0 -1px 0 #402; }
#search input[type="submit"]:hover { background: #880045;}

/*
------------------------------------------------------------------------------------------------------------------
LEFT HAND COLUMN - TWO AND THREE COLUMN LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

/* colors and backgrounds for the various types of accommodation making up the sections on left hand column */

#apartments { color: #000;  /*font-weight: bold;*/ /*background: url(/_img/backgrounds/bg_lhs_apts.jpg) top left no-repeat;*/ padding: 0 0 1px; margin: 0; text-decoration: none; }
#apartments a:link, #apartments a:visited { color: #2b6c82; text-decoration: none; }
#apartments p { background:none repeat scroll 0 0 #DEF1F4; font-size:0.9em; padding:5px;}


#hotels { color: #c92c87; font-weight: bold; /*background: url(/_img/backgrounds/bg_lhs_hotels.jpg) top left no-repeat;*/ padding: 0 3px 1px; margin: 5px 0 0; text-decoration: none; }
#hotels a:link, #hotels a:visited { color: #c92c87; font-weight: bold; text-decoration: none; }

#villas { color: #2b6c82; font-weight: bold; /*background: url(/_img/backgrounds/bg_lhs_apts.jpg) top left no-repeat;*/ padding: 0 3px 1px; margin: 5px 0; text-decoration: none; }
#villas a:link, #villas a:visited { color: #2b6c82; font-weight: bold; text-decoration: none; }

#deals { color: #eb7a42; font-weight: bold; /*background: url(/_img/backgrounds/bg_lhs_deals.jpg) top left no-repeat;*/ padding: 0 3px 1px; margin: 5px 0 0; text-decoration: none; }
#deals a { color: #eb7a42; font-weight: bold; text-decoration: none; }

#events { color: #eb7a42; font-weight: bold; /*background: url(/_img/backgrounds/bg_lhs_deals.jpg) top left no-repeat;*/ padding: 0 3px 1px; margin: 5px 0 0; text-decoration: none; }
#events a { color: #eb7a42; font-weight: bold; text-decoration: none; }

#guides { color: #6c8e00; font-weight: bold; /*background: url(/_img/backgrounds/bg_lhs_guides.jpg) top left no-repeat;*/ padding: 0 3px 1px; margin: 5px 0 20px; text-decoration: none; }
#guides a:link, #guides a:visited { color: #6c8e00; font-weight: bold; text-decoration: none; }


/*
------------------------------------------------------------------------------------------------------------------
RIGHT COLUMN - TWO AND THREE COLUMN LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

#destinations .floatleft { float: left; padding-right: 5px;}
#destinations img { float: left; /*margin: 0 7px 0 0;*/  }
#destinations a:link, #destinations a:visited { color: #FF339A; text-decoration: none; font-size: 0.9em; font-weight: bold; padding: 5px 0;}
#destinations a:hover { text-decoration: underline; color: #000; }
#destinations p { color:#000000; font-size:0.9em; height:105px;}
  
/* set text color for each destination */ 

#destinations h2 { background: #990000; padding-left: 10px; color: #fff;}
.sitges, #destinations a.sitges , #destinations a.sitges:hover  { font-size: 0.95em; color: #47AEBF;}


/*.barcelona, #destinations a.barcelona, #destinations a.barcelona:hover  { font-size: 0.9em;  color: #000; text-decoration: none; }
.granada, #destinations  a.granada, #destinations a.granada:hover { font-size: 0.9em; color: #000; text-decoration: none; }
.ibiza, #destinations a.ibiza, #destinations a.ibiza:hover { font-size: 0.9em;  color: #000 }
.madrid, #destinations a.madrid, #destinations a.madrid:hover { font-size: 0.9em;  color: #000 }
.grancanaria, #destinations a.grancanaria, #destinations a.grancanaria:hover { font-size: 0.9em;  color: #000 }
.seville, #destinations a.seville, #destinations a.seville:hover { font-size: 0.9em;  color: #000 }
.andorra, #destinations a.andorra, #destinations a.andorra:hover  { font-size: 0.9em;  color: #000 }*?


/*

------------------------------------------------------------------------------------------------------------------
MISCELLANEOUS
------------------------------------------------------------------------------------------------------------------
*/

.clear { font: 1px Arial, Helvetica, sans-serif; color: #fff; clear: both; }

.formleft { width: 30%; float: left; }
.formleft select { width: 180px; margin: 0 0 3px;}
.formright { width: 58%; float: right; }
.floatleft { float: left; }
.floatright { float: right; }
.lighter { font-weight: normal; }
.smaller { font-size: 0.8em;} 
.field90p { width: 90%; }

/*
------------------------------------------------------------------------------------------------------------------
Stylesheet for HOMEPAGE
------------------------------------------------------------------------------------------------------------------
*/

/* home page weekly deals */

#weeklydeals { margin: 10px 0 10px 0; padding: 3px 3px 0 3px; border: 1px dotted #ff0000; /*border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ }
.middle #weeklydeals h2 { background: #fee; border: none; height: 21px; color: #ff0000; padding: 10px 0 5px 10px; /*text-indent: -1000px;*/ }
#weeklydeals { padding: 3px; font-weight: bold; }
.alldeals {background: none;float: right; padding: 12px 5px 0 0;}
.alldeals a { background: none; font-size: 0.9em; text-decoration: none; font-weight: lighter;} 
p.deal {background: url(/_img/backgrounds/star.png) left 8px no-repeat; display: block; float: left; width: 220px; padding: 8px 5px 5px 22px; }
#interactivemap { background: #fff; margin: 0; padding: 0; border: 1px dotted #999; text-align: center;}
.locationwrapper { margin: 0 0 1em;}
.locationwrapper p { border-bottom: 1px solid #fff; border-right: 1px solid #fff; float: left; margin: 0; }
.locationwrapper p a { background: #fff; color: #f00; display: block; padding: 5px; font-weight: bold; text-decoration: none; width: 242px;}
.locationwrapper p a:hover { background: #ffeeee;}
/*
------------------------------------------------------------------------------------------------------------------
 EVENTS
------------------------------------------------------------------------------------------------------------------
*/

#events h1 { color: #6c8e00;}
#events h3 { font-size: 1.4em; font-weight: normal; margin: 0;}
#eventslist .event { float: left; width: 720px; border-top: 1px dotted #999; margin: 0; padding: 15px 0 5px;}
#eventslist .prop { float: right; padding: 8px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/*#eventslist .event p, #eventslist .event h3 { padding-left: 80px;}*/
#eventslist img { float: left; margin: 0 15px 0 0; border: 1px solid #000;}
.event p.startdate { color: #999; margin: 0 0 5px;}

.event p.place { color: #000; margin: 0 0 3px; font-weight:bold; }  
/*.events { color: #339999; margin:0px; border: none; }*/
.event h3 { margin:0px; }

#cities {
   background-color:#D9F2F2;
   color:#333333;
   margin:0 0 10px;
   padding: 15px 0 15px 15px;    
}


/*
------------------------------------------------------------------------------------------------------------------
 CATEGORIES
------------------------------------------------------------------------------------------------------------------
*/

#category h1 { color: #6c8e00;}
#category h3 { font-weight: normal; margin: 0;}
#categorieslist .category { float: left; width: 922px; border-top: 1px solid #000; margin: 0; padding: 8px 0 5px;}

.category { margin:0px; border: none; }

.area { border-top: 1px dotted #666;}
.subarea { float: left; width: 22%; margin: 0 3% 0 0;} 
.subarea.last { margin: 0;}

#loginpanel { background: #fff; border: 4px solid #f00; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 8px 8px 10px #ccc; -webkit-box-shadow: 8px 8px 10px #ccc; margin: 100px auto 0; padding: 0; width: 400px;}
#loginfooter { font-size: 0.7em; border-top: 1px dotted #f00; padding: 5px;}
#loginheader { border-bottom: 1px dotted #f00;  padding: 5px; }
#loginbody { padding: 5px; }
#frmlogin label { float: left; margin: 0 15px 0 0; padding: 0; width: 150px;}
#frmlogin p { clear: both; padding: 5px 0;}
#frmlogin input[type=text], #frmlogin input[type=password] { border: 1px solid #000; width: 198px;}
#frmlogin input[type="submit"] { background: url(/_img/bgds-b/btn-bgd-red.jpg) top left repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px;border: 1px solid #000; color: #fff; margin: 0 0 0 165px; padding: 5px;}
#genericordion h2.acc_head { background: url(/_img/backgrounds/h2_area_guides.png) right 50% no-repeat; cursor: pointer; text-transform: uppercase;}

/*
------------------------------------------------------------------------------------------------------------------
 CATEGORIES
------------------------------------------------------------------------------------------------------------------
*/

#twitter_div ul, #twitter_div li { list-style: none; margin: 0; padding: 0;}
#twitter_div ul { margin: 0 0 15px;}
#twitter_div li { background: url(/_img/backgrounds/twit.png) left top no-repeat; border-bottom: 1px dotted #ccc; padding: 0 0 5px 20px;}

/*
------------------------------------------------------------------------------------------------------------------
 BLOGROLL
------------------------------------------------------------------------------------------------------------------
*/

p.blogentry { border-bottom: 1px dotted #47aebf; margin: 0 0 5px; padding: 0 0 5px;}