/* CSS Document */
* { border: none; padding: 0; margin: 0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 1%; }
fieldset { padding: 0.5em; }
img { border: 0; }


body {padding: 6px; font: normal 12px Geneva, Arial, Helvetica, sans-serif; }

#menu {width: 180px; position: fixed; top: 6px; left:6px; }
* html #menu {float: left; width: 180px; top: 6px; left: 6px; }


div#cont { width: 800px; float: left; margin-left: 194px; }
* html div#cont { position: absolute; top: 6px; left: 4px; width: 800px;}

#cart { width: 180px; float: left; margin-top: 10px; color: #777; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; background: #fff; }

div.logo { background: #C9C url(logo.gif) left no-repeat; height: 72px; }
div.infocont { width: 650px; height: 505px; background: #FFF url(images/shopfront2.gif) top left no-repeat; font-weight: bold;}
div.infoquote { width: 800px; margin: 24px auto; }

div.infocont_2 { width: 800px; height: 505px; background: #FFF url(images/shopfront4.gif) top left no-repeat; }


div.plugin { float: left; width: 189px; padding: 156px 0 4px 50px; color: #FFF;
			 font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: 20px; }
* html div.plugin {padding: 156px 0 0 48px;}
* + html div.plugin {padding: 156px 0 0 48px;}
div.plugin a { color: #F9F; text-decoration: underline; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
div.plugin a img {border: 0;}
div.plugin a:hover { background: #FCF; color: #000; text-decoration: none; }
div.infotext { float: right; width: 346px; height: 456px; padding: 12px; text-align: justify; background: url(images/infotext_2_bg.gif); margin: 4px 4px 0 0; overflow: auto; }
div.infotext_2 { float: right; width: 500px; height: 450px; margin: 12px 12px 12px 0; padding: 6px; text-align: justify; background: url(images/infotext_2_bg.gif); overflow: auto; }
div.infosize { width: 650px; height: 505px; background: #FFF url(images/shopfront3.gif) top left no-repeat; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

h1 {font: bold 16px 'Courier New', Courier, monospace; text-align: center;}
.left { float: left; margin: 8px; width: 65%; }
.right { float: right; margin: 8px; width: 65%; }

.text { font: normal 1em Arial, Helvetica, sans-serif; margin: 4px; text-align: justify; }
.sig { font: italic 1em Arial, Helvetica, sans-serif; float: right; padding: 8px 20px 4px 0; }


input.btn { color: #000;
   font: bold 84% Arial, Helvetica, sans-serif;
   background-color: #fff; border:1px solid;
   border-top-color: #666;
   border-left-color: #666;
   border-right-color: #000;
   border-bottom-color: #000;
   filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcc99cc'); }
input.btnhov { color: #666;
   border-top-color: #f69;
   border-left-color: #f69;
   border-right-color: #f36;
   border-bottom-color:#f36; }
   
div.cl { clear:both; }
div.infomenu { width: 650px; height: 28px; }
/* small button divs */
div.b7 { float: left; width: 78px; height: 28px; background: url('txt_index_over.gif') 0 0 no-repeat; }
div.b7 a { display: block; width: 100%; height: 100%; background: url('txt_index.gif') top left no-repeat; }
div.b7 span { display: block; }
div.b7 a:hover { background-image: none; }
div.b8 { float: left; width: 128px; height: 28px; background: url('txt_inspirations_over.gif') 0 0 no-repeat; }
div.b8 a { display: block; width: 100%; height: 100%; background: url('txt_inspirations.gif') top left no-repeat; }
div.b8 span { display: block; }
div.b8 a:hover { background-image: none; }
div.b9 { float: left; width: 144px; height: 28px; background: url('txt_inspirations2_over.gif') 0 0 no-repeat; }
div.b9 a { display: block; width: 100%; height: 100%; background: url('txt_inspirations2.gif') top left no-repeat; }
div.b9 span { display: block; }
div.b9 a:hover { background-image: none; }
div.b10 { float: left; width: 169px; height: 28px; background: url('txt_hostess_over.gif') 0 0 no-repeat; }
div.b10 a { display: block; width: 100%; height: 100%; background: url('txt_hostess.gif') top left no-repeat; }
div.b10 span { display: block; }
div.b10 a:hover { background-image: none; }
div.b11 { float: left; width: 129px; height: 28px; background: url('txt_seeshop_over.gif') 0 0 no-repeat; }
div.b11 a { display: block; width: 100%; height: 100%; background: url('txt_seeshop.gif') top left no-repeat; }
div.b11 span { display: block; }
div.b11 a:hover { background-image: none; }
div.b12 { float: left; width: 82px; height: 28px; background: url('txt_info_over.gif') 0 0 no-repeat; }
div.b12 a { display: block; width: 100%; height: 100%; background: url('txt_info.gif') top left no-repeat; }
div.b12 span { display: block; }
div.b12 a:hover { background-image: none; }

div.moz { float: left; width: 100px; height: 80px; background: url('images/morins/basil.jpg') 0 0 no-repeat; }
div.moz a { display: block; width: 100%; height: 100%; background: url('images/morins/moz2.jpg') top left no-repeat; }
div.moz span { display: block; }
div.moz a:hover { background-image: none; }
div.bas { float: left; width: 100px; height: 80px; background: url('images/morins/moz2.jpg') 0 0 no-repeat; }
div.bas a { display: block; width: 100%; height: 100%; background: url('images/morins/basil.jpg') top left no-repeat; }
div.bas span { display: block; }
div.bas a:hover { background-image: none; }