/* ############  CSS Document ############ */ 

/* ############  General Styles ############ */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }

/* ############  Page Elements ############ */ 
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #f8c7dc url(images/templateImages/BGbody.gif) top left repeat-x; padding: 0 0 60px 0; margin:0; text-align: center; color:#53301a;}
h1 { background:url(images/templateImages/SVlogo.gif) top left no-repeat; }
h1 span { display:none }
p { margin:0; padding: 0 0 1em 0; text-align:justify; }
div, form, img { padding: 0; margin: 0; }
a { text-decoration: none; outline: none; color:#53301a; }
a:hover { text-decoration: underline;  }
a:visited { color: #cd96bd }
a:active { outline: none; color:#fff }
a img { border: none; }

/* ############  Temp Page Styles ############ */ 
#links { list-style-type: none; margin:0; padding:0; }
#links li a { color:#53301a; }

/* ############  Template Styles ############ */ 
.pageWidth {margin: 0 auto; text-align: left; position: relative; width: 960px;}
#logo { height: 109px; width: 139px; margin:10px 0 20px 0; display: block; }
#logo a { display: block; height: 109px; width: 139px;}

/* main navigation */
#navbar { height: 50px; width: 100%; position: fixed; bottom: 0; left:0; z-index:100; background: #845454 url(images/templateImages/BGnav.gif) top left repeat-x; }
#navbar ul { position: relative; font: bold 16px Arial, sans-serif; color:#f8c7dc; padding:0; margin: 0 0 0 20px; text-align:left; text-transform:lowercase; list-style-type:none; }
#navbar ul li { position: relative; float: left; margin: 0 30px 0 0; }
#navbar ul li a { display: block; padding: 15px 5px; }
#navbar ul li .menu { display:none; }
#navbar ul li:hover .menu { display: block; }
.menu { position: absolute; bottom:49px; left:-65px; display: block; width: 180px; padding: 10px; background-color:#fff; }
#navbar ul ul {  float: left; list-style-type:none; padding:0; margin:0; width: 50%; font-size: 12px;  color:#53301a;}
#navbar ul ul li { float:none; margin:0; }
#navbar ul ul li a { padding: 2px 15px; color:#53301a; }
#navbar ul ul li a:hover { text-decoration: underline; color: #f8c7dc; }

#navbar a, a:visited { color:#f8c7dc; }
#navbar a:hover { text-decoration: none; color: #fff; }

/* text content area */
#textContent h2 { font: bold 2em Arial, sans-serif; color:#55311b; padding:0; margin: 0 auto; text-align:center; }
#textContent h3 { font: bold 1.2em Arial, sans-serif; color:#a8a9ad; padding:0; margin: 0; text-align:left; width: 70%; }
#textContent { position: relative; width: 560px; margin: 0 auto; margin-top: 0px; text-align: justified; background-color: #f9e2ec; padding: 30px 70px; }

/* product detail content area */
#detailContent div { display: block; width: 450px; }
#detailContent h2 { font: bold 5em Arial, sans-serif; color:#ebd3e0; padding:0; margin: 0 0 -20px 0; text-align:center; }
#detailContent h3 { font: bold 2em Arial, sans-serif; color:#eecfde; padding:0; margin:0 -20px 0 0; text-align:right;  }
#detailContent p { font-style:italic; font-size:24px; width: 350px; text-align:left; position: absolute; bottom: 90px; right: 0; }
#detailContent p:before { content:open-quote; }
#detailContent p:after { content:close-quote; }
#detailContent img { position: absolute; top: 60px; left:0; }
#detailContent { position: relative; width: 750px; height: 410px; padding:0; margin: 0 auto; margin-top: 80px; }

/* product list content area */
.productThumb { display: block; width: 120px; height: 125px; float: left; position: relative; margin: 5px 15px; }
.productThumb h2 { font: bold 18px Arial, sans-serif; color:#ebd3e0; margin: 0 0 -18px 0; text-align:left; }
.productThumb h3 { font: bold 11px Arial, sans-serif; color:#eecfde; text-align:right;  }
.productThumb img { position: absolute; top: 15px; left:0; }
#listContent { position: relative; width: 760px; padding:0; margin: 0 auto; margin-top: 80px; }
#listContent a:hover { text-decoration: none; }

/* footer */
#websiteCredit { position: fixed; bottom: 37px; right:0; z-index:101; font-size: 9px; }
#websiteCredit p { text-align: right; margin:0; padding:0; color: #53301a; }
#websiteCredit a { color:#845454; }