/* COLORS */
/* dark blue: #36626d;
   blue: #579bac; 
   light blue #a1c7d1;*/
/* common text */
html, #search textarea, input[type="text"], input[type="password"], select { color:#777; }
strong {  color:#777; }
.container em { color:#a00; }
/* dark blue: links */
.container a:link, .container a:visited { color:#a00; }
/* light blue: links hover */
.container a:hover, active { color:#d33; }
/* unimportant text */
#bottom { color:#777; }

.container .pair td:first-child { color:#444; }
/*#map .area { color:#800; }*/
/*#map .base { color:#800; }*/
#minilinks a:link, #minilinks a:visited { color:#aaa; }
#minilinks a:hover, #minilinks a:active { color:#d33; }

#index #left a:link, #index #left a:visited { color:#777; }
#index #left a:hover, #index #left a:active { color:#d33; }
#index #left strong { color:#a00; }

#bases #search a:link, #bases #search a:visited { color:#777; }
#bases #search a:hover, #bases #search a:active { color:#d33; }
#bases #search #selected { color:#a00; }
/*#bases #search #selected:first-child a { color:#a00; }*/

#results th:hover { color:#d33; }


/* BACKGROUND COLORS and IMAGES */
.even { background-color:#eee; }
#main, #index #right { background: url(../img/r.png) repeat-y left; }
#top { background: url(../img/b.png) repeat-x bottom; }
#bottom { background: url(../img/t.png) repeat-x top; }
#results, #offers { background: url(../img/l.png) repeat-y left; }
#middle { background: url(../img/l.png) repeat-y right; }


#map .area { background-color:transparent; }
#search { background-color:#f5f5f5; }
/*#search { background-color:transparent; }*/

/* BORDERS */
#middle table, #middle table td, #middle table tr { border:0px; }
#bigmap .area { border:1px solid #ddd; }
/*#bases #results  img { border:1px solid #ddd; }*/
#bases .smallmap { border:1px solid #ddd; } /*light grey */

/* horizontal lines */
.offerboat, #offerbottom { border-top: 1px solid #ddd; }
/*#bases .countries a {  border-bottom:1px solid #ddd; }
#bases .areas a {  border-bottom:0px; } */

/* table boundaries */
.container .pair, .pair td, .pair tr { border:0px; }
#results th, #results td, #results table { border:0px; }
#results th { border-bottom:1px solid #ddd; border-top:1px solid #ddd; } /*light grey */
#results table td { border-bottom:1px solid #ddd; } /*light grey */

#feedback th { border-width: 0px; }

/* FLOATING, DIMENSIONS */

.container { width:1104px; margin: 0; }
.container div { float:left; } /* default is float left */
#yacht #middle img, #bases #middle img { float:left; }
#yacht .col1, #bases .col1 {  clear:both; }


#top, #bottom, #main { width:949px; }
#search { width:180px; }
#request #middle { min-height: 450px;  min-width:760px;}
#contacts #middle { min-height: 450px;  min-width:760px;}
#yacht .col1, #yacht .col2 { width:360px; }
#bases  #results { width:650px; } /*IE 6 */
#bases .col1 { clear:both; margin-right:10px; } /*IE 6 */
#bases .col2 { margin-left:10px; } /*IE 6 */
#bases .col1, #bases .col2 { width: 100px; }

#feedback td  { text-align: center; }
#feedback td.left { text-align: left; }
/* MARGINS AND PADDINGS */

#top { position:relative; height:40px; }
#top h1 { position:absolute; bottom:0px; left:0px; padding:0em 0em 0em 1em; margin:0.2em 0em; }
#language { position:absolute; bottom:0px; right:0px; padding-right:1em; }
#menu { position: relative; }
#menu h1 { margin: 50px 10px 50px 10px; }
#menu ul { position: absolute; right:0px; margin:0em; width:100px; }
#menu ul li { margin:0em 10px 0em 0em; }
#index #left { width: 400px; }
#index #left ul { margin:220px 140px 0px 140px; }
#index #middle img { margin-left:2px; }
#index #middle .first { margin-left:0px; }
#search ul { margin:0px; padding:0px; }
#search li { margin:0px 0px 0px 20px;}
#bases #search ul { margin:0px; padding:0px; list-style-position:inside; }
#bases #search li { margin:0px 0px 0px 20px;}

#main { margin-top:4px; }
#main, #index #right { padding-left: 4px; }
#middle { padding-right:4px; }
#bottom { padding:8px 0em 1em 0em; }
#minilinks { margin: 5px 10px; }
#search { padding:11px 10px 20px 10px; vertical-align:top;}
#search table { margin:20px 0px 10px 0px; }
#search input {  padding: 0.1em 0.2em 0.1em 0.2em; }
#search textarea, input[type="text"], input[type="password"], select { padding: 0.1em 0.2em 0pt 0.2em; }
.container button[type] { padding:0px; margin:0px; } /* EHm... */
#bases #search { padding:6px 0px 10px 0px; }
#middle table { margin:0px; }

#map { position:relative; }
#map .icon { z-index:2; position:absolute; cursor:pointer;}
#map .label { z-index:2; position:absolute; cursor:pointer;}
#map .area { z-index:1; position:absolute; cursor:pointer;
             /*opacity:0.5;filter:alpha(opacity=50); */ }

#results { padding:20px; vertical-align:top;}
#results table { width:640px; }
#results .model { min-width:170px; }
#results input { margin:0.1em 0.2em 0.1em 0.1em; }
#results #boatlist img { vertical-align:bottom; margin:0.1em 1em 0.1em 0.1em; width:40px; height:40px; }
#results td { padding:2px 0px; margin:0px; }
#results td:first-child { padding-top:10px; }
#results h4, #offers h4 { margin:5px 0px 5px 0px; padding:0px; }
#results p { margin-bottom:5px; }
#offers { padding:20px; vertical-align:top; width:590px;}

#offerbottom, #offertop, .offerboat {  width:550px; }
.offerboat table, .offerboat p { width:500px; }
#offerbottom, #offertop { padding:0px 20px; margin:0px; }

.offerboat, .offerboat table { clear:both; }
.offerboat table { margin:20px 0px 0px 0px; padding:0px; }
.offerboat { padding: 20px; }
.offerboat img, .offerboat input { float:left; }
.offerboat img { width:50px; height:50px; margin-right:20px; }
.offerboat input { margin:20px 0.5em 0px 0px; }
#offers .offerboat h4 { margin:0px 0px 5px 0px; }
.offerboat .section { padding-top:8px; }
.offerboat p { margin-top:10px; }

.container th { padding:2px 4px 2px 4px; }
.container td { padding:2px 4px 2px 4px; }
.container .pair td:first-child { padding:2px 4px 2px 0px; }
.container .pair td:last-child  { padding:2px 0px 2px 4px; }
.container a { margin:0px; padding: 0px; }
.container form { margin:0px; }

#yacht #middle { padding-left:20px; }
#yacht #middle div, #yacht #layout { margin:0px 20px; }
#yacht #middle img { margin:5px; }
#yacht #middle td { padding:1px 2px; }
#bases #results > div, #bases #results > img { margin:5px; }

#request #middle { padding:0px 40px; }

#request .linkbody { margin-left:10px; }
#request .linkhead { margin-bottom:0.5em; margin-left:20px;}
#contacts #middle { padding:30px; }

/* FONT SIZE, WEIGHT and LINE HEIGHT */
.container { font-size:1.2em; line-height:1.3em; }
#menu h1 { font-size:1.2em; }
.container h3 { font-size:1.4em; }
.container h4 { font-size:1.1em; }
.container p { font-size:1em; }
#bottom { font-size:0.95em; }
.container th { font-size:110%; }
#index #left { line-height:1.5em; font-weight:600; }
#index #minilinks { font-size:0.8em; }
#language { font-size:0.9em; font-weight:400; }
#menu ul { font-size:1.1em; line-height:1.6em; font-weight:600; }
#search { line-height:1.6em; }
#search textarea, input[type="text"], input[type="password"], select { font-size:0.9em; }
#results td { line-height:1.2em; }
#results th { font-size:1em; line-height:1.6em; }
.offerboat table { line-height:1em; }
#offers .disclaimer { font-style:italic; }

#map .label { font-size:0.85em; }

#yacht #middle div { font-size:0.9em; line-height:1.2em; }
#request .linkbody { font-size:0.85em; }
#bases #search { line-height:1.6em; }
#bases .countries { line-height:1.6em; }
#bases .regions { line-height:1.7em; }
#bases .areas { line-height:1.4em; }

/* TEXT ALIGN */
.right { text-align:right; }
.container .pair td:first-child { text-align:right; }
.container .pair td:last-child  { text-align:left; }
.container .outpair td:first-child { text-align:left; }
.container .outpair td:last-child  { text-align:right; }

.container input { vertical-align:middle; }

#menu ul {  text-align:right; }
#language { text-align:right; }
#bottom { text-align:center; }
#minilinks { text-align:left; }
#index #left ul { text-align:right; }
#results .model { text-align:left; }
#map .area { text-align:center; }
.offerboat .price { text-align:right; }

#bases .col1 { text-align:right; }


/* TEXT TRANSFORM and DECORATIONS*/
.container a:link, .container a:visited { text-decoration: none;}
.container a:hover, .container a:active { text-decoration: none; }
.container th { font-weight:bold; }
.container ul { list-style: none; }
#search ul { list-style: none; }
#middle { text-transform:lowercase; }
#results th { cursor:pointer; }
em { font-style:normal; }
#bases #search ul { list-style-type:disc; color:#aaa;}

/* FONTS */
html { font-family: Trebuchet MS; }


/* icons */