@charset "utf-8";
body {
         margin: 0 auto;
  padding: 0;
  background-color: #FFFFFF;
  background-image: url('images/Page-BgTexture.jpg');
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: top left;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
.clearfixer {
        clear: both;
        font-size: 1px;
}
.maintainer {
        width: 900px;
        margin-right: auto;
        margin-left: auto;
        font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
.logoblock {
        height: 139px;
        width: 900px;

}
.logoblock img {
border: 0px;
display: block;
height: 137px;
width: 300px;
}

.midtainer {
        background-image: url(images/mainbkg.png);
        background-repeat: repeat-y;
        width: 900px;
        margin-top: 3px;
        border-bottom: 2px solid #99CC66;
        font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;

}
.lefttainer {
        float: left;
        width: 175px;
        margin-left: 2px;
}
.righttainer {
        float: right;
        width: 685px;
        background-image: url(images/ribbot.png);
        background-repeat: no-repeat;
        background-position: right top;
}
div .count {
text-align: left;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 13px;
}



.Clouds
{
  position: absolute;

        width: 100%;

        left: 0;

        top: 0;

        background-image: url('images/Header.jpg');

        background-repeat: no-repeat;

        background-position: center top;

}
.searchiebox {margin-left: 15px;}
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 30px 30px 30px 30px;
  margin: -30px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
        margin: 0px  auto;
        width: 900px;
        height: 28px;
        background-color: transparent;
        background-image: url(images/ribmid.png);
        background-repeat: no-repeat;
        background-position: 675px -5px;
}

.artmenu
{
  padding: 0px 2px 0px 2px;
}
/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 28px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 4px;
  margin-left: 4px;

}
.artmenu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #1A1A1A;
  padding: 0 12px;
  margin: 0 4px;
  line-height: 28px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}


.artmenu a:hover
{
  background-position: left -28px;
}

.artmenu li:hover>a
{
  background-position: left -28px;
}
.artmenu li:hover a span
{
  background-position: right -28px;
}

.artmenu a:hover span
{
  background-position: right -28px;
}


.artmenu a:hover span span
{
  color: #FFFFFF;
  background-position: left -28px;
}

.artmenu li:hover a span span
{
  color: #FFFFFF;
  background-position: left -28px;
}
.sidePod h3 {
        color:#ffffff;
        font-size: 12pt;
        line-height: 25px;
        text-decoration: none;
        background-image: url(images/BlockHeader1.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent: 27px;
        padding: 0px;
        height: 30px;
        width: 179px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 0px;
        }
.sidePod h4 {
        color:#ffffff;
        font-size: 12pt;
        line-height: 25px;
        text-decoration: none;
        background-image: url(images/BlockHeader2.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent: 27px;
        padding: 0px;
        height: 30px;
        width: 179px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 0px;
        }
#page_module3 .listBox ul li a:link, #page_module3 .listBox ul li a:active, #page_module3 .listBox ul li a:visited {}
.listBox ul {
        margin: 0px;
        font-size: 13px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
}
.listBox ul li{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        padding-bottom: 6px;
}
.listBox a:link, .listBox a:active, .listBox a:visited {text-decoration: none; font-weight: bold; color: #c02626; font-size: 12px;}
.listBox a:hover {color: #CC0000; text-decoration: underline;}
#storefronttable {margin-right: 8px; width: 100%;}
#storefronttable td { text-align: center; width: 228px;}
#storefronttable a.storefrontlink:link, #storefronttable a.storefrontlink:active, #storefronttable a.storefrontlink:visited
{font-size: 12px;
color: #0E7A0D;
text-decoration: none;
font-weight: bold;
display: block;
text-align: left;
width: 160px;
height: 33px;
}
#storefronttable a img {padding: 4px; border: 1px #66ccff solid; margin-bottom: 4px; background-color: #fff; height: 150px; display: block;}

/* begin Footer */
.Footer
{
        position:relative;
        overflow:hidden;
        width: 904px;
        margin: 0px auto 0px auto;
        background-repeat:no-repeat;
        background-image: url(images/Footer.png);
        background-position: left bottom;
        height: 30px;
        text-align: center;
        color: #fff;
}

.Footer-inner
{
  text-align: center;
}
.Footer-inner p {
margin: 0px;
padding: 0px;
font-size: 11px;
font-style: italic;
line-height: 30px;
}

p.Footer-text
{
  margin: 0;
  font-size: 11px;
  text-align: center;
  color: #666666;

}

/* end Footer */


.mainsfimg{
        background-image: url(images/storefront.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        display: block;
        height: 360px;
        width: 633px;
        margin-top: 10px;
}
.girllink{float: left; width: 254px; height: 360px; display: block text-align: left; font-size: 1px; }
.girllink a:link, .girllink a:active, .girllink a:visited { display: block; position: relative; top: 300px; left: 15px; width: 150px; font-size: 1px; color: #f9b6b8; padding-top: 55px; text-indent: -5000px;}
#colorballs {
padding-left: 20px;
margin-top: 39px;
font-size: 12px;
font-weight: bold;
}
#colorballs td {
height: 26px;
width: 112px;
padding-left: 8px;
}
