@charset "utf-8";
/* CSS Document */


/* =Typography 
-------------------------------------------------------------------------*/

body, p, td {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
color:#a8594c;
margin-bottom:20px;
}


h1.print {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
color:#000000;
margin-bottom:20px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#543e29;
display: inline;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#543e29;
font-weight: bold;
display: inline;
}


#Details p {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:normal;
}

.bold { 
font-weight:bold;
}

.cost {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bolder;
color:#a8594c;
margin-bottom:20px;
}

/* =Navigations 
-----------------------------------------------------------------------------*/

a.teaser {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#a8594c;
}


a.teaser:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#a8594c;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#a8594c;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#a8594c;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#543e29;
}

#footer a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#a8594c;
}

a.product {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#a8594c;
margin-top:3px;
display:block;
width:200px;
text-align:center;
}

#mainNav ul {
list-style-type:none;
margin:0;
}

#mainNav li {
float:left;
list-style-type:none;
padding-right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#cea29a;
font-weight:bold;
text-decoration:none;
}

#mainNav a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

#mainNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ecd9d6;
font-weight:bold;
text-decoration:none;
}

#story #mainNav .story a, 
#about #mainNav .about a, 
#events #mainNav .events a, 
#use #mainNav .use a, 
#contact #mainNav .contact a,
#service #mainNav .service a  {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ecd9d6;
font-weight:bold;
text-decoration:none;
}

#shopNav, #leftNav {
padding:0px 0px 0px 0px;
margin:7px 0px 0px -7px;}

#shopNav li, #leftNav li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#eaf6f5;
text-decoration:none;
padding:0px;
margin:0px 0px 4px 0px;
}

#shopNav a, #leftNav a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#eaf6f5;
font-weight:bold;
text-decoration:none;
padding:0px 0px 0px 25px;
background:url(/images/global/nav_circle_blue.gif) no-repeat;
}

#shopNav a:hover, #leftNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:underline;
padding:0px 0px 0px 25px;
background:url(/images/global/nav_circle_red.gif) no-repeat;
}

#shop.sale #shopNav .s a, 
#shop.wedding #shopNav .w a, 
#shop.baby #shopNav .b a, 
#shop.holiday #shopNav .h a, 
#shop.vacation #shopNav .v a, 
#shop.her #shopNav .hr a, 
#shop.him #shopNav .hm a, 
#shop.pets #shopNav .p a, 
#shop.custom #shopNav .c a, 
#events.parties #leftNav .p a, 
#events.tips #leftNav .t a, 
#events.calendar #leftNav .c a,
#events.request #leftNav .r a, 
#contact.info #leftNav .i a, 
#contact.mailing #leftNav .m a, 
#contact.email #leftNav .e a, 
#cart.summary #leftNav .s a, 
#cart.purchasing #leftNav .p a, 
#cart.security #leftNav .s2 a, 
#use.overview #leftNav .o a, 
#use.albums #leftNav .a a, 
#use.guest #leftNav .g a, 
#use.brag #leftNav .b a,
#use.instructions #leftNav .i a,
#use.b_instructions #leftNav .bi a,
#service.info #leftNav .i a, 
#service.shipping #leftNav .s a, 
#about.quality #leftNav .q a  {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:underline;
padding:0px 0px 0px 25px;
background:url(/images/global/nav_circle_red.gif) no-repeat;
}



/* =Layout
---------------------------------------------------------------------------------*/

html,body {height: 100%; padding:0; margin:0;}
body {min-width: 770px;} /*** Content Minmum Width, not used by IE5/6, or early versions of Safari ***/

#home, #about, #story, #contact, #events, #use, #faq, #shop, #service {
background: url(/images/global/blue-stripes.gif);
background-repeat:repeat;
}

#maincontainer {
display:table;
position: relative;
width:800px;
left:50%;
height:100%;
height:auto;
min-height:100%;
margin-left: -400px;
/*background:#CCFF00; /*yellow*/
}

#top {
display:block;
position: relative;
width:800px;
height:144px;
padding:0px;
background-color:#6f563d;
margin:25px 0px 0px 0px;
}

#mainNav {
display:block;
position:relative;
width:800px;
height:32px;
padding:25px 0px 20px 0px;
margin:0px;
}


#outer-wapper {
position:relative;
/*background:#000066; /*blue*/
width:200px;
margin:0px;
padding:0px;
}

#float-wrapper {
display:table;
position:relative;
width:800px;
background:url(/images/global/bg_brown200.gif) repeat-y left top;
height:100%;

}

#leftNavBlock {
display:table-cell;
position:relative;
float:left;
width:200px;
background:url(/images/global/bg_brown200.gif) repeat-y;
height:100%;
height:auto;
margin:0px;
padding:0px;
}

#right {
display:table-cell;
position:relative;
float:right;
width:576px;
height:100%;
}


#content { 
text-align: left; 
margin: 0 auto; 
width: 556px;
/*background:#FF9933; /* orange*/
}

#about.overview #right #content td { 
text-align: left; 
margin: 0 auto; 
width: 556px;
height:2080px;
/*background:#FF9933; /* orange*/
}


#footer {
text-align:center;
color:#543e29;
}

.flash_border {
display:block;
width:426px;
height:319px;
border:solid 2px #a8594c;
vertical-align:middle;
margin:25px 65px 10px 65px;
padding-top:3px;
}

.teasers {
display:block;
padding:10px 25px 10px 25px;
}

.teaser1 {
display:block;
position:relative;
width:45%;
float:left;
text-align:left;
}

.teaser2 {
display:block;
position:relative;
width:45%;
float:right;
text-align:left;
}

.headline {
width:524; 
height:43;
margin:10px 0px 10px 0px;
padding:0px;
align:center;
}

img { border:0;}
#top img.scrapbook {padding:3px 1px 3px 0px; }
#top img.logo {padding:0px 22px 0px 22px; }
form.cart { width:38; height:40; position:relative; margin:0px 0px 0px 140px; bottom:50px; }
img.featured{padding-bottom:10px;}
#leftNav.section {margin:0px;padding:0px;}
p.indent {text-indent:20px;}
.b_top {
background:url(/images/global/scallop_border_t.gif);
background-repeat:repeat-x;}

.b_right {
background:url(/images/global/scallop_border_r.gif);
background-repeat:repeat-y;}

.b_bottom {
background:url(/images/global/scallop_border_b.gif);
background-repeat:repeat-x;}

.b_left {
background:url(/images/global/scallop_border_l.gif);
background-repeat:repeat-y;}

#about td.content, #story td.content, #contact td.content, #events td.content, #use td.content, #faq td.content, #shop td.content, #service td.content  {
padding:18px;
vertical-align:top;
}


.leftCol {float:left;  margin-bottom:18px; width:200px; height:180px;}
.rightCol {float:right; margin-bottom:18px; width:200px; height:180px;}
.topspace {margin-top:40px}
.no_space {margin-top:0px; padding-top:0px;}
#instructions li {margin-bottom:10px}
.photo-right {float:right; padding:10px 0px 10px 10px;}
/*#top .scrapbook { float:right;}
/*#top .logo {float:left; width:200px;}


/* =Misc
---------------------------------------------------------------------------------*/


/* =Forms 
-----------------------------------------------------------------------------*/

#emailForm input {
width:200px; }


input.sm {
width:50px; }

textarea {
width: 450px;
height:150px;
}

label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#543e29;
display:block;
}

fieldset {
border:solid 1px #543e29;
background:#f8f4d2;
}