/* The Luberon Experience - www.luberonexperience.com - August 2006 - updated June 2007 */
/* Page background: yellow ffeb97 */
/* Page borders, headings: blue 3366ff */
/* Headings: med blue 0033cc */
/* Text, links: dark blue 003366 */
/* Text background: fffff0 */
/* Buttons: brighter yellow f8de70 */

/* -------------------------
STANDARD HTML */

body 
 { 
 margin: 10px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #003366;
 background-color: #ffeb97;
 text-align: center;
 }

p, li, table, td
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #003366;
 line-height: 150%;
 }

ul
 {
 margin-top: 0;
 margin-bottom: 6px;
 }
 
li
 { 
 list-style-image: url('../images/bullet.gif'); 
 margin: 0 0 6px 0; 
 text-align: left; 
 }
 
p
 {
 margin: 0 0 6px 0;
 }

table
 { 
 margin: 0; 
 border: none;
 }
   
table td
 { 
 border-width: 0;
 vertical-align: top; 
 }
   
h1, h2, h3, h4 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #0033cc;
 line-height: 150%;
 }
  
h1 
 { 
 font-size: 16px; 
 text-align: left; 
 margin: 0 0 6px 0; 
 }
 
h2 
 { 
 font-size: 14px; 
 margin: 12px 0 12px 0; 
 border-bottom: 1px solid #3366ff;
 }
 
h3 
 { 
 font-size: 14px; 
 margin: 12px 0 6px 0;
 }
 
h4 
 { 
 font-size: 13px; 
 margin: 0;
 }

hr
 { 
 color: #3366ff; 
 height: 1px; 
 margin: 5px 0 10px 0;
 padding: 0;
 }
 
blockquote
 {
 border: 1px solid #3366ff;
 padding: 5px;
 margin: 10px 30px;
 text-align: center;
 }
 
a:link    { color: #003366; }
a:visited { color: #003366; }
a:hover   { color: #CC0000; }
a:active  { color: #003366; }

/* -------------------------
PAGE LAYOUT */

/* Page container */

div#wrapper 
 {
 width: 770px;
 margin: 0 auto;
 background-color: #fffff0; 
 border: 1px solid #3366ff; 
 }

/* For Amazon store page */
div#wrapper1000
 {
 width: 1000px;
 margin: 0 auto;
 }

/* Header */

table#header
 { 
 width: 100%;
 border-collapse: collapse;
 border-bottom: 1px solid #3366ff;
 padding: 0;
 margin: 0;
 text-align: left;
 }

table#header td
 {
 border-width: 0;
 vertical-align: top; 
 padding: 0;
 margin: 0;
 }

table#header img
 {
 padding: 0;
 margin: 0;
 }

table#header p
 {
 color: #0033cc;
 margin: 5px 10px;
 padding: 0;
 line-height: 100%;
 }

/* Body of page */

table#content
 {
 width: 100%;
 text-align: left;
 }
 
table#content td#nav
 { 
 width: 160px; 
 padding: 10px; 
 }
  
table#content td#body 
 { 
 width: 570px; 
 padding: 10px; 
 }
 
table#content td#bodyfull 
 { 
 width: 100%; 
 padding: 10px; 
 }

table#content td#bodyfullnopad 
 { 
 width: 100%; 
 padding: 0; 
 margin: 0;
 }

/* FOOTER */

table#footer 
 { 
 width: 100%;
 border-top: 1px solid #3366ff; 
 text-align: left;
 }

table#footer td
 {
 border-width: 0;
 vertical-align: top; 
 padding: 10px;
 text-align: center; 
 }
 
table#footer a:link,           
table#footer a:visited 
 { 
 text-decoration: none; 
 }
 
table#footer a:hover  
 { 
 text-decoration: underline;
 }
 
table#footer a:active  
 { 
 text-decoration: none; 
 }

table#footer .footernav 
 { 
 font-size: 11px; 
 text-transform:uppercase;
 margin: 0;
 padding: 0; 
 }
 
/* Navigation buttons */

div#buttons p
 {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 line-height: 125%;
 text-align: center;
 }
  
div#buttons a:link,
div#buttons a:visited
 {
 display: block;
 margin: 0 0 10px 0;
 padding: 2px 5px;
 text-decoration: none;
 color: #3366ff;
 background-color: #f8de70;
 border: 1px solid #3366ff;
 }

div#buttons a:hover
 {
 text-decoration: none;
 color: #f8de70;
 background-color: #3366ff;
 border: 1px solid #f8de70;
 }

p.navnote {
 padding: 5px 0;
 font-style: italic;
}

div#subbuttons
 {
 margin: 10px 5px 20px 5px;
 }
 
div#subbuttons a:link,
div#subbuttons a:visited
 {
 text-decoration: none;
 display: block;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 line-height: 125%;
 color: #3366ff;
 text-align: center;
 background-color: #fffff0;
 border-bottom: 2px solid #f8de70;  
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0;
 padding: 2px 5px;
 }

div#subbuttons a:hover
 {
 color: #3366ff;
 background-color: #fffff0;
 text-decoration: none;
 border-bottom: 2px solid #3366ff;  
 border-top: none;
 border-left: none;
 border-right: none;
}
  
/* IMAGES styling for positioning images */

img 
 {
 border: 0px none;
 }

img.border 
 {
 border: 1px solid #3366ff;
 } 

div.photoright
 {
 float: right;
 margin: 0 0 10px 10px;
 padding: 0;
 }

div.photoright p
 {
 font-size: 11px; 
 text-align: center; 
 color: #0033cc; 
 margin: 10px 0 10px 0;
 }
   
.floatimgleft
 { 
 display: block;
 float: left; 
 margin: 10px 10px 10px 0; 
 }
  
.floatimgright
 { 
 display: block;
 float: right; 
 margin: 10px 0 10px 10px; 
 }

.floatimgcenter
 { 
 display: block; 
 text-align: center; 
 padding: 10px; 
 }

.captioncenter 
 { 
 font-size: 11px; 
 text-align: center; 
 color: #0033cc; 
 margin: 0 0 10px 0;
 }

/* Breadcrumbs - list of links at top of page */
.bc 
 { 
 color: #000066; 
 font-size: 11px; 
 margin-bottom: 5px; 
 line-height: 150%; 
 }
 
.bc a:link,        
.bc a:visited 
 { 
 color: #000066; 
 text-decoration: none; 
 }
 
.bc a:hover
 {
 color: #CC0000;
 text-decoration: underline;
 }
 
 /* Other */
.backtotop
 { 
 font-size: 11px; 
 font-variant: small-caps; 
 margin-bottom: 0; 
 }

/* Centered box with information */
.notice
 {
 border: 1px solid #3366ff;
 padding: 10px;
 margin: 10px 30px;
 text-align: left;
 }
 
.notice p
 {
 margin: 0;
 }

.photonav
 { 
 color: #000066; 
 margin-bottom: 5px; 
 line-height: 150%; 
 text-align: center;
 }

.small
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 }

/* table formatting with dotted lines, set up for one column or multiple with no width setting */

table.simple
 { 
 margin: 10px 0;
 width: 100%;
 }
  
table.simple td
 {
 padding: 5px; 
 vertical-align: top; 
 }
 
/* Feedback page styling*/

div#feedback hr
 { 
 color: #3366ff; 
 height: 1px; 
 margin: 5px 0;
 padding: 0;
 width: 80%;
 text-align:: center;
 }
 
div#feedback p
 {
 margin: 0;
 }
 
/* formatting for photo galleries - thumbnails and captions */
table.thumbs
 { 
 border-collapse: collapse;
 empty-cells: show;
 text-align: center;
 }

table.thumbs p
 { 
 font-size: 11px;
 margin: 0; 
 }

table.thumbs td
 { 
 width: 33%;
 padding: 10px; 
 vertical-align: top; 
 text-align: center;
 }
 
table.thumbs img
 { 
 margin: 5px; 
 border: none;
 }
 
#pullout
 {
 border: 1px dashed #f8de70;
 float: right;
 margin: 10px;
 padding: 10px;
 width: 130px;
 text-align: center;
 line-height: 130%;
 }