/* CSS Document */

#body {
   
}

#wrapper {
   background:url(../images/background.png) 50% 0 repeat-y;
   _text-align:center;
}

#wrapper2 {
   width:960px;
   margin:0 auto;
   _text-align:left;
   background:url(../images/content-bg.jpg) repeat-y;
}

/* Header */

#header {
   background:url(../images/header-bg.png);
   height:120px;
}

#header h1 {
   float:left;
}

#header h2 {
   text-align:center;
   font:normal 24px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   color:#4a0000;
   line-height:24px;
   padding-top:34px;
   width:500px;
   float:left;
}

#header h3 {
   float:right;
   font:normal 24px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   color:#f00000;
   padding:0px 10px 0 0;
   text-align:right;
   line-height:28px;
}

#header h3 span {
   font-size:12px;
   color:#4a0000;
}

#header h3 .shop {
   float:right;
   display:block;
   width:82px;
   height:21px;
   background:url(../images/shop-online-button.png) 0 0 no-repeat;
   text-indent:-9999px;
   text-align:left;
   overflow:hidden;
   margin:5px 0 0;
   padding:0;
   line-height:21px;
}

#header h3 .shop:hover {
   background-position:0 -21px;
}

#header h3 .email {
   float:right;
   font-size:12px;
   margin:8px 0 0;
   padding-right:2px;
   line-height:12px;
   color:#f00;
   width:128px;
   text-align:right;
 }


 /* Header End */
/* Top Navigation */

#top-nav {
   height:41px;
   background:url(../images/top-nav-bg.png);
}

#top-nav ul, #top-nav ul li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#top-nav ul {
   float:right;
   padding-right:65px;
}

#top-nav ul li {
   float:left;
   font:bold 14px Arial, Helvetica, sans-serif;
}

#top-nav ul li a {
   display:block;
   float:left;
   height:41px;
   line-height:41px;
   color:#fff;
   text-decoration:none;
   background:url(../images/top-nav-spacer.png) 0 50% no-repeat;
   padding:0 10px;
}

#top-nav ul li a:hover {
   color:#600303;
   background-color:#999;
}

#top-nav ul li.first a {
   background:none;
}

#top-nav div {
   position:absolute;
   visibility:hidden;
   z-index:1000000;
   margin:-1px 0 0;
   width:auto;
   height:auto;
   background:none;
}

#top-nav div ul {
   float:none;
   height:auto;
   width:170px;
   background:#870909;
   filter:alpha(opacity=90);   
   -moz-opacity: 0.9;   
   opacity: 0.9;
   padding:5px 0 0;
   border-top:1px solid #dedede;
   border-left:2px solid #e5e5e5;
   border-bottom:2px solid #e5e5e5;
   border-right:2px solid #e5e5e5;
}

#top-nav div.wide ul {
   width:225px;
}

#top-nav div ul li {
   float:none;
}

#top-nav div ul li a {
   display:block;
   float:none;
   width:90%;
   _width:100%;
   height:auto;
   font:bold 12px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   color:#fff;
   line-height:14px;
   padding:8px 5%;
   background:#870909;
   border-bottom:1px dotted #CCC;
   background:none;
}

#top-nav div ul li.last a {
   border-bottom:none;
}

/* Top Navigation End */
/* Left Navigation */

#left-nav {
   width:180px;
   float:left;
   background:#eaeaea;
   margin-top:10px;
}

#left-nav h3 {
   background:url(../images/left-nav-bg1.png);
   height:25px;
   font:bold 11px Arial, Helvetica, sans-serif;
   line-height:25px;
   padding-left:5px;
}

#left-nav h3 img {
   margin:2px 4px 0 0;
   float:left;
}

#left-nav .search-area {
   background:#ffffcc;
   padding:5px;
}

#left-nav input, #left-nav select {
   margin-bottom:3px;
}

#left-nav .gobutton {
   display:block;
   width:28px;
   height:18px;
   background:url(../images/go-button.png) 0 0 no-repeat;
   border:0;
   padding:0;
   line-height:0;
   text-indent:-9999px;
   overflow:hidden;
   cursor:pointer;
}

#left-nav .gobutton:hover {
   background-position:0 -18px;
}

#left-nav h2 {
   background:url(../images/left-nav-bg2.png);
   height:39px;
   font:bold 16px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   line-height:39px;
   color:#fff;
   padding:0 5px;
}

#left-nav h2 span {
   font-size:24px;
}

#left-nav ul, #left-nav ul li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#left-nav ul {
   padding:0 0 14px;
}

#left-nav ul li {
   font:normal 14px Arial, Helvetica, sans-serif;
   margin:0 13px;
   width:154px;
   _width:150px;
   float:left;
}

#left-nav ul li a {
   display:block;
   color:#333;
   text-decoration:none;
   padding:8px 6px 2px;
   border-bottom:1px dashed #333;
}

#left-nav ul li a:hover {
   color:#F00;
}

#left-nav ul li ul {
   margin-left:10px;
}

#left-nav ul li ul li {
   margin-left:10px;
   width:144px;
   _width:120px;
}

#left-nav ul li ul li a {
   background:#CCC;
}

#left-nav h6 {
   text-align:center;
   padding:0 0 16px;
}

/* Left Navigation End */

#wrapper3 {
   float:right;
   padding:10px 7px 0 0;
}

#content {
   width:759px;
}

/* Footer */

#footer {
   background:url(../images/footer-bg.png) repeat-x #a3a3a3;
   text-align:right;
   font:normal 10px Verdana, Geneva, sans-serif;
   min-height:118px;
   _height:118px;
   padding:0 10px;
}

#footer .left {
   float:left;
}

#footer h3 {
   font:bold 12px Verdana, Geneva, sans-serif;
   padding:15px 0;
}

#footer a {
   color:#000;
   text-decoration:none;
}

#footer a:hover {
   text-decoration:underline;
}

/* Footer End */