/* CSS Document */
/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center; 
	color: #0000ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
   letter-spacing:0.05em;
   background-color: #FFFFF6;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
   }
/* The containing box for the gallery. */
#container {
	position:relative;
	width:500px;
	height:550px;
	margin:20px auto 0 auto;
	border:1px solid #FFA07A;
/* Background placeholder for when no images are displayed */
 /*   background:#fffff6 url(parasol_gallery/images/default_gallery.jpg) 10px 200px no-repeat;*/
	} 
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
/* set the size of the unordered list to neatly house the thumbnails */
    width:500px; 
    height:150px;
/* move the thumbnails into the correct position */
    margin:2px; 
    float:left;
	clear:none
    }
#container li {
	padding:2px;
    float:left;
	clear:none;
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fffff6;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
	color: #0000ff;
    text-decoration:none; 
    border:1px solid #FFA07A; 
    margin:2px 2px 2px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(parasol_gallery/thumbnails/easter_parasol_2003.jpg); 
    height:75px; 
    width:44px;
    }
#container a.slideb {
    background:url(parasol_gallery/thumbnails/wedding_parasol.jpg); 
    height:75px; 
    width:53px;
    }
#container a.slidec {
    background:url(parasol_gallery/thumbnails/wedding_parasol_2.jpg); 
    height:56px; 
    width:75px;
    }
* html #container a.slidec {
    width:75px; 
    w\idth:75px;
    }
#container a.slided {
    background:url(parasol_gallery/thumbnails/red_hat_parasol.jpg); 
    height:56px; 
    width:61px;
    }
#container a.slidee {
    background:url(parasol_gallery/thumbnails/wedding_parasol_3.jpg); 
    height:50px; 
    width:75px;
    }
* html #container a.slidee {
    width:75px; 
    w\idth:75px;
    }
#container a.slidef {
    background:url(parasol_gallery/thumbnails/cedar_knoll_wedding_parasol.jpg); 
    height:56px; 
    width:75px;
    }
* html #container a.slidef {
    width:75px; 
    w\idth:75px;
    }
#container a.slideg {
    background:url(parasol_gallery/thumbnails/black_lace_parasol.jpg); 
    height:56px; 
    width:75px;
    }
* html #container a.slideg {
    width:75px; 
    w\idth:75px;
    }
#container a.slideh {
    background:url(parasol_gallery/thumbnails/irridescent_parasol_with_ruffle.jpg); 
    height:75px; 
    width:86px;
    }
* html #container a.slideh {
    width:86px; 
    w\idth:86px;
    }
#container a.slidei {
    background:url(parasol_gallery/thumbnails/ivory_parasol_with_ruffle.jpg); 
    height:75px; 
    width:85px;
    }
* html #container a.slidei {
    width:85px; 
    w\idth:85px;
    }
#container a.slidej {
    background:url(parasol_gallery/thumbnails/white_parasol_with_fancy_ruffles.jpg); 
    height:75px; 
    width:88px;
    }
* html #container a.slidej {
    width:88px; 
    w\idth:88px;
    }
#container a.slidek {
    background:url(parasol_gallery/thumbnails/tapestry_material_parasol.jpg); 
    height:75px; 
    width:91px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:91px;
    }
#container a.slidel {
    background:url(parasol_gallery/thumbnails/amy_xiong_72.jpg); 
    height:56px; 
    width:63px;
    }
* html #container a.slidel {
    width:63px; 
    w\idth:63px;
    }
#container a.slidem {
    background:url(parasol_gallery/thumbnails/mccullagh.jpg); 
    height:50px; 
    width:75px;
    }
* html #container a.slidem {
    width:75px; 
    w\idth:75px;
    }
/*#container a.sliden {
    background:url(art_gallery/thumbnails/renoir-woman-with-parasol.jpg); 
    height:62px; 
    width:75px;
    }
* html #container a.sliden {
    width:75px; 
    w\idth:75px;
    }
#container a.slideo {
    background:url(art_gallery/thumbnails/renoir-young-girl-with-parasol.jpg); 
    height:75px; 
    width:43px;
    }
#container a.slidep {
    background:url(art_gallery/thumbnails/rodelle-parasol-painting.jpg); 
    height:56px; 
    width:75px;
    }
* html #container a.slidep {
    width:75px; 
    w\idth:75px;
    }
#container a.slideq {
    background:url(art_gallery/thumbnails/rose-green-parasol.jpg); 
    height:73px; 
    width:75px;
    }
* html #container a.slideq {
    width:75px; 
    w\idth:75px;
    }
#container a.slider {
    background:url(art_gallery/thumbnails/sargent-lady-with-parasol.jpg); 
    height:75px; 
    width:55px;
    }
#container a.slides {
    background:url(art_gallery/thumbnails/sommers-young-woman-with-parasol.jpg); 
    height:75px; 
    width:46px;
    }
#container a.slidet {
    background:url(art_gallery/thumbnails/unknown-artist-parasol-painting.jpg); 
    height:75px; 
    width:58px;
    } */
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #5955B2; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
	position:absolute; 
    width:400px; 
    height:400px; 
    top:200px; 
    left:5px; 
    color:#000; 
    background:#fff;
    }
#container a.gallery:hover img {
    border:1px solid #EF7F7D; 
    float:left; 
    margin-right:5px;
    }
/* Float image to the right and text on the left
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }*/
	h1 {
	color: #EF7F7D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.big h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
h2 {
	color: #EF7F7D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	border-bottom-width: 0px;
	border-color: #FFA07A #000000 #000000;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: double;
	border-top-width: 4px;
	color: #EF7F7D;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	text-decoration: none;
}
h4 {
	color: #EF7F7D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nav a:visited{
	color: #5955B2;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.nav a:link {
	color: #5955B2;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.nav a:hover	{
	color: #9595C9;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.nav a:active {
	color: #9595C9;
	font-weight: bold;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:visited, a:link {
	color: #5955B2;
	font-weight: bold;
	text-decoration: underline;
}
a:hover	{
	color: #9595C9;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #9595C9;
	font-weight: bold;
}
.btcontent {
	background-color: #FFFFF6;
	border: 1px #FFA07A solid;
}
.btcontent2 {
	background-color: #fffff6;
/*	background-image: url(images/bk2.jpg);
	background-position: right top;
	background-repeat: repeat-y;*/
	border: 1px #FFA07A solid;
}
.btcopyrights {
	color: #0000ff;
	font-size: 11px;
	text-align: left;
}
td, p {
	color: #0000ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
ul.nav {
	list-style-image: url(images/bullet1.gif);
	list-style-position: outside;
	line-height: 140%;
}
li.nav {
	padding: 0px;
	margin: 0px;
}
.footer {
	background-image: url(../../catalog/includes/templates/sarasparasols/images/footer_bg.gif);
}