body { font-family: arial, helvetica, sans-serif; color: #fff;
	 margin: 0px; padding: 0px; background-color: #a319ff; font-size: 11px; }

div.bgtl { position: fixed; top: 0px; left: 0px; width: 308px; height: 281px;
	     background-image: url(images/bg_topleft.jpg); background-repeat: no-repeat; }
div.bgtr { position: fixed; top: 0px; right: 0px; width: 206px; height: 234px;
	     background-image: url(images/bg_topright.jpg); background-repeat: no-repeat; }
div.bgbl { position: fixed; bottom: 0px; left: 0px; width: 235px; height: 288px;
	     background-image: url(images/bg_bottomleft.jpg); background-repeat: no-repeat; }
div.bgbr { position: fixed; bottom: 0px; right: 0px; width: 357px; height: 305px;
	     background-image: url(images/bg_bottomright.jpg); background-repeat: no-repeat; }
table { border-collapse: collapse; margin: 0px; }
a { color: #fff; font-weight: bold; text-decoration: none; }
a:hover { color: #d8d2da; }

form {margin: 0px 0px 0px 0px; }
p {margin: 10px 0px 0px 0px; }
img { border: none; }
ul {margin: 6px 0 12px 0; padding-left: 14px;}

td { font-family: arial, helvetica, sans-serif; font-size: 11px; }
h1 { font-family: arial, helvetica, sans-serif; text-align: left; color: #fff;
     font-weight: normal; font-size: 24px; text-transform: uppercase;
     margin: -6px 0px 14px 0px; padding-bottom: 6px; border-bottom: 3px solid #c091de; }
h2 { font-family: arial, helvetica, sans-serif; font-weight: normal; text-align: left; color: #fff;
     font-size: 21px; text-transform: uppercase; margin: 6px 0; }
h3 { font-family: arial, helvetica, sans-serif; color: #fff;
     font-size: 13px; margin: 12px 0 6px 0; }
h4 { font-family: arial, helvetica, sans-serif; font-weight: normal;
     font-size: 11px; margin: 0 0 7px 9px; display: block; line-height: 14px; } 

#wrapper { width: 790px; background-color: transparent;
	     position: relative; margin: 20px auto; }
div.logo { height: 120px; padding: 6px 10px 10px 10px; margin: 0px;
	     background-image: url(images/logo_bg.jpg); background-repeat: no-repeat; }
.logo td { text-align: center; vertical-align: middle; font-weight: bold; letter-spacing: 1px; }

.intsrch { font-family: arial, helvetica, sans-serif; font-size: 11px; letter-spacing: 1px;
	  padding: 3px 6px; color: #8fe174; border: 0px; background-color: #12043a; width: 130px; }
.lnkrev { padding: 3px 6px; color: #fff; font-weight: bold; text-transform: uppercase;
	    letter-spacing: 1px; background-color: #12043a; }
.lnkrev a { color: #8fe174; }
a.butt { font-family: lucida sans, lucida grande, arial, helvetica, sans-serif; font-size: 13px;
	   text-transform: uppercase; letter-spacing: 1px; }

div.main { padding: 20px; margin: 0px; color: #fff; background-color: #5c109b;
	     letter-spacing: 1px; }
.main a { color: #8fe174; }

div.imain { padding: 10px; margin: 0px; background-color: #5c109b; line-height:12px;
	      color: #312a36; letter-spacing: normal; position: relative; }
 .imain h1 { color: #8fe174; margin: 0px 0px 0px 0px; text-align: center; border-bottom: 0;
		 font-weight: bold; font-size: 17px; }
 .imain h3 { color: #ccc; font-size: 13px; margin: 6px 0; text-align: center; }
 .imain td { vertical-align: top; }
 .imain a { color: #ccc; }
 .imain a:hover { color: #fff; }
 .imain p {margin: 2px 0px 0px 0px; }
div.nmain { padding: 10px; margin: 0px; background-color: #e2d1ee; line-height:12px;
	      color: #312a36; letter-spacing: normal; position: relative; }
 .nmain h1 { color: #8fe174; margin: 0px 0px 0px 0px; text-align: center; border-bottom: 0;
		 font-weight: bold; font-size: 17px; }
 .nmain h3 { color: #ccc; font-size: 13px; margin: 6px 0; text-align: center; }
 .nmain td { vertical-align: top; }
 .nmain a { color: #58168c; }
 .nmain a:hover { color: #58168c; }
 .nmain p {margin: 2px 0px 0px 0px; }
 .purp { color: #58168c; }

.ruler { padding-bottom: 10px; border-bottom: 3px solid #c091de; margin-bottom: 10px;}
div.present { margin: 320px 0 0 0; border-top: 3px solid #ccc; padding: 10px 0 0 0; }
.present h2 { text-align: center; font-size: 11px; text-transform: none; margin: 0 0 0 0; }

div.news { background-color: #e2d1ee; background-image: url(images/index_NewsBg.gif); background-repeat: no-repeat;
	padding: 30px 10px 10px 10px; width: 728px; margin: 0px auto 10px auto; }
.news table { width: 100%; margin-bottom: 10px; }
.news td { vertical-align: top; padding: 4px; }
.news a { color: #58168c; }
.news a:hover { color: #58168c; }
.newsrul { border-bottom: 2px dotted #312a36; }

div.foot { padding: 0 20px; margin: 0px; color: #fff; background-color: #5c109b;
	     letter-spacing: 1px; }
.foot a { color: #8fe174; }
  .foot table {margin: 0 auto 10px auto;}
  .foot td { font-family: arial, helvetica, sans-serif;
	     padding-top: 6px; font-size: 10px; line-height: 14px; letter-spacing: 1px; vertical-align: top;}
  .foot p { margin-top: 6px; }
div.foot2 { text-align: center; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif;
	     margin-top: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.colrule { width: 20px; border-right: 2px solid #c091de; }
.colnorule { width: 20px; }

#shopMenu1 { position: absolute; top: 126px; left: 72px; z-index: 255; width: 138px; }
#shopMenu2 { position: absolute; top: 126px; left: 420px; z-index: 256; width: 108px; }
.subMenu { display: none; }
 .subMenu table { width: 100%; border-collapse: collapse; margin: 0px; }
 .subMenu td { width: 50%; text-align: left; font-family: arial, helvetica, sans-serif;
                font-weight: normal; color: #666; font-size: 10px; letter-spacing: 0px;
                line-height: 18px; border: 1px solid #666; text-indent: 10px; background-color: #f2f2f2; }
 .subMenu td.bg { font-size: 12px; line-height: 24px; }
 .subMenu a { color: #003366; background-color: #fff; display: block; }
 .subMenu a:hover { color: #fff; background-color: #003366; }

#tipMenu { position: absolute; top: 100px; left: 100px; padding: 3px 6px; display: none;
		border: 1px solid #8fe174; color: #333; font-size: 10px; letter-spacing: normal; background-color: #f2f2f2; z-index: 256; }
 #tipMenu a { color: #003366; font-weight: bold; }

.imgrun { float: left; margin: 0 10px 10px 0; }
.imgrunw { float: left; margin: 0 18px 10px 10px; }
.left-col { float: left;}
.right-col { width: 320px; float: right;}
.off-col { padding: 0 180px 0 36px; }
.navlks { padding-left: 8px; font-size: 11px; color: #8fe174; text-transform: none; }
.bold { font-weight: bold; }
.bol2 { color: #fff; font-weight: bold; font-size: 14px; vertical-align: middle; }
.center { text-align: center; }
.middle { text-align: center; vertical-align: middle; }
.middlel { text-align: left; vertical-align: middle; }
.middler { text-align: right; vertical-align: middle; }
.middleb { text-align: center; vertical-align: middle; border: 1px solid #000; }
.bottom { text-align: center; vertical-align: bottom; }
.bottoml { text-align: left; vertical-align: bottom; }
.bottomr { text-align: right; vertical-align: bottom; }
.right { text-align: right; }
.rightm { text-align: right; vertical-align: middle; }
.rightb { text-align: right; vertical-align: middle; border: 1px solid transparent; }
.leftm { text-align: left; vertical-align: middle; }
.gray { color: #666; }
.btr {border: 1px solid transparent;}

div.detail { margin-top: 30px; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif; }
  .detail td { padding: 2px; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif;
		   vertical-align: middle; font-size: 11px; letter-spacing: normal; }
  .detail a { color: #d8d2da; }
  .detail h3 { margin: 0; color: #d8d2da; text-transform: none; text-align: left;
		   font-family: lucida sans, lucida grande, arial, helvetica, sans-serif; font-size: 14px; }
div.detailp { margin: 0px; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif; background-color: #131145; color: #fff; }
  .detailp td { padding: 4px 2px; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif;
		   vertical-align: middle; font-size: 11px; letter-spacing: normal; }
  .detailp a { color: #d8d2da; }
  .detailp h3 { margin: 0; color: #d8d2da; text-transform: none; text-align: left;
		   font-family: lucida sans, lucida grande, arial, helvetica, sans-serif; font-size: 14px; }

div.sizeweight {color: #131145; font-size: 10px; letter-spacing: normal; text-align:left;}
.sizeweight p {margin: 2px 0px 0px 0px;}
.sizeweight ul {margin: 0px 0px 0px 0px; padding-left:12px;}
.sizeweight li {margin: 2px 0px 0px 0px; padding:0px;}
.sizeweight table {height:auto;}
.sizeweight td {text-align:left; height:auto;}
.swrev {color: #f2f2f2; background-color: #131145; line-height: 24px; padding-left: 12px; border-bottom: 6px solid #f2f2f2; text-align:left;}
.swbold {font-size: 12px; font-weight: bold;}
.swchart td {padding: 2px 0; border-top: 1px solid #131145; text-align:left;}
.swrev2 {color: #f2f2f2; background-color: #131145; height: 24px;}

#apop { border: 9px groove #036; color: #131145; background-color: #f2f2f2; }
  #apop table { margin: 0px auto; height: auto; }
  #apop td { height: auto; }
  #apop a { color: #036; }
  #apop p { margin-top: 18px; }
  #apop h1 { margin: 0px 0 12px 0; }
  #apop h2 { margin: 0px 0 18px 0; text-transform: none; text-align: center; }
  #apop h3 { color: #131145; margin: 0px 0 18px 0; text-transform: none; text-align: center; }
  #apop h4 { margin: 0px; text-transform: none; font-family: lucida sans, lucida grande, arial, helvetica, sans-serif;
             font-size: 13px; font-weight: bold; text-align: left; }


#bkg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: transparent; z-index: 999; }
#bkg table { width: auto; margin: 0 auto; height: 100%; }
#bkg td { height: 100%; vertical-align: middle; }
#padapop { padding: 10px 20px 20px 20px; text-align: center;}
.point { cursor:pointer;}
.add2cart { margin-bottom: 12px; }
.add2cart td { padding: 4px 9px; border-bottom: 1px solid #ccc; }

.lbl { letter-spacing: normal; font-size: 9px; line-height: 11px; text-align: left; vertical-align: middle; height: 24px; font-weight: bold; }
.lbr { letter-spacing: normal; font-size: 9px; line-height: 11px; text-align: right; vertical-align: middle; height: 24px;  font-weight: bold; }
.lbc { letter-spacing: normal; font-size: 9px; text-align: center; vertical-align: middle; height: 24px;  font-weight: bold; }
.inp { font-family: arial, helvetica, sans-serif; letter-spacing: normal; font-size: 10px; text-align: left; width: 100%; border: 1px solid #ccc; }
.int { font-family: arial, helvetica, sans-serif; letter-spacing: normal; font-size: 10px; text-align: left; width: 100%; border: 1px solid #ccc; }
.inq { font-family: arial, helvetica, sans-serif; letter-spacing: normal; font-size: 10px; text-align: left; width: 22px; border: 1px solid #ccc; }
.qtl { font-family: arial, helvetica, sans-serif; letter-spacing: normal; font-size: 11px; text-align: right; vertical-align: middle; width: 24px; padding-right: 2px; }
.qty { font-family: arial, helvetica, sans-serif; letter-spacing: normal; width: 16px; vertical-align: middle; }
.ins { font-family: arial, helvetica, sans-serif; letter-spacing: normal; font-size: 10px; text-align: left; border: 1px solid #ccc; }
.req { color: #f22; font-weight: bold; }
.reg { color: #8fe174; font-weight: bold; }