/****
 * Importing Floatz CSS framework
 */

@import url(floatz.0.2.1.7/floatz.reset.css);
@import url(floatz.0.2.1.7/floatz.layout.css);
@import url(floatz.0.2.1.7/floatz.form.css);
@import url(floatz.0.2.1.7/floatz.nav.css);
/* @import url(floatz.0.2.1.7/floatz.layout.liquid.css); */

/****
 * Global layout changes
 */

* {
   font-family: Arial;
}
body {
   background: #eaeaea url(../images/background.gif) repeat-x right bottom;
}
h1, h2, th {
   color: #e2017b;
   font-family: Georgia;
   font-weight: normal;
}
h1 {
   font-size: 1.8em;
}
h2 {
   font-size: 1.5em;
}
noscript {
   color: red;
   font-weight: bold;
}
p, ul, li {
   padding-bottom: 1em;
}
table {
   border-color: #fff;
   margin-bottom: 1em;
   width: 100%;
}
td {
   background-color: #eaeaea;
   border-bottom: 1px dotted #000;
   padding: 0.25em;
}
th {
   background-color: #eaeaea;
   font-size: 1.5em;
   text-align: left;
   padding: 0 0.1em;
}

/****
 * Changing page styles
 */

#page {
   background-color: #e2017b;
   width: 1005px;
}

/**** 
 * Special project specific classes
 */

.content {
   background-color: #fff;
   padding-left: 1.2em;
   width: 96.8%;
}
.content a {
   color: #e2017b;
}
.content ul li {
   list-style-image:url(../images/bullet.gif);
   padding-left: 0.20em;
}
.content ul li ul {
   padding-top: 1em;
   padding-bottom: 0;
}

.copyright {
   color: #fff;
   font-size: 0.80em;
}

.copyright a, 
.copyright a:visited {
   color: #fff;
   text-decoration: none;
}
.copyright a:hover {
   text-decoration: underline;
}
.footer .listnav, 
.footer .listnav a {
   color: #fff;
}

img.payment {
   margin-bottom: 1em;
}

.footer .listnav {
   background-color: #e2017b;
   font-size: 0.85em;
   height: 5em;
}
.gallery .subspacer {
   margin: 0;
   padding: 0;
   text-align: center;
}

.gallery .photo {
   background-color: #fff;
   float: none;
   margin-bottom: 2em;
}
.header {
   background: #e2017b url(../images/logo.jpg) no-repeat left top;
   height: 11em;
   width: 98%;
}
.info, .info_high {
   padding-bottom: 1em;
}
.info .spacer {
   background-color: #eaeaea;
}
.info_high .spacer {
   background-color: #f180bd;
}
.info_high, .info_high h2 {
   color: #fff;
}


.photo {
   border: 1px solid #eee;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid #aaa;
   float: left;   
   padding: 10px;
   margin-right: 20px;
   margin-bottom: 5px;
}
.photosimple {
   float: left;   
   padding: 0.5em 1em 1em 0;
}
.phototitle {
   float: left;   
   padding: 0.5em 0 2em 0;
}
td.eur {
   text-align: right;
   width: 6em;
}

/****
 * Special classes that have potential to get into Floatz
 */

.flyright {
   position: absolute;
   bottom: 0em;
   right: 0.5em;
   text-align: right;
}
.noclear {
   clear: none;
}
.nopadding {
   padding: 0;
}
.right {
   float: right;
}

/**
 * ---------------------------------------------------------------------------------------
 * @section          Customization of tabbed menu navigation
 * @lastmodified     2009-01-30
 *
 */

.tabmenu ul {
   float: right;
}

.tabmenu li {
   background:url(../images/tab_right.jpg) no-repeat right top;
   margin: 0;
}

.tabmenu a {
   background:url(../images/tab_left.jpg) no-repeat left top;
   height: 1.8em;
   padding: 0.6em 1.2em 0 0.7em;   
   text-align: center;
   width: 6em;
}

.tabmenu a:hover {
   background:url(../images/tab_left.jpg) no-repeat left top;
   color: #fff;
}

* html .tabmenu a:hover {
   background:url(../images/tab_left.jpg) no-repeat left top;
   text-decoration: none;
}

.tabmenu li.selected {
   background: transparent url(../images/tab_right_selected.jpg) no-repeat right top;
}

.tabmenu li.selected a {
   background: transparent url(../images/tab_left_selected.jpg) no-repeat left top;
   color: white;
   font-weight: normal;
}

.tabmenu li:hover {
   background:url(../images/tab_right.jpg) no-repeat right top;
}

.tabmenu li.selected a:hover {
   background: transparent url(../images/tab_left_selected.jpg) no-repeat left top;
   color: #000;
}

* html .tabmenu li.selected a:hover {
   background: transparent url(../images/tab_left_selected.jpg) no-repeat left top;
   text-decoration: none;
}

.tabmenu li:hover.selected {
   background: transparent url(../images/tab_right_selected.jpg) no-repeat right top;
}

