@font-face {
  font-family: 'Share-TechMonoRegular';
  src: url('/css/font/share-techmono-webfont.eot');
  src: url('/css/font/share-techmono-webfont.eot?#iefix') format('embedded-opentype'),
    url('/css/font/share-techmono-webfont.woff') format('woff'),
    url('/css/font/share-techmono-webfont.ttf') format('truetype'),
    url('/css/font/share-techmono-webfont.svg#Share-TechMonoRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Share-Regular';
  src: url('/css/font/share-regular-webfont.eot');
  src: url('/css/font/share-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/css/font/share-regular-webfont.woff') format('woff'),
    url('/css/font/share-regular-webfont.ttf') format('truetype'),
    url('/css/font/share-regular-webfont.svg#Share-Regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'AkzidenzGroteskBQLightCondeRg';
  src: url('/css/font/akzidenzgrotesk-lightcond-webfont.eot');
  src: url('/css/font/akzidenzgrotesk-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
    url('/css/font/akzidenzgrotesk-lightcond-webfont.woff') format('woff'),
    url('/css/font/akzidenzgrotesk-lightcond-webfont.ttf') format('truetype'),
    url('/css/font/akzidenzgrotesk-lightcond-webfont.svg#AkzidenzGroteskBQLightCondeRg') format('svg');
  font-weight: normal;
  font-style: normal;

}



body{font-family: 'Lucida Grande','Helvetica Neue', Arial,'Liberation Sans',FreeSans,sans-serif; margin:0px; padding:0px; background:url(/images/bg-wall-ver-01.jpg); background-repeat:no-repeat;
background-position:top center; background-color:#3d1d5e}

/*
.body-background
{
  background:url(/images/rep-color.jpg) repeat;
}
*/

/*.body-background {font-family: 'Share-Regular AkzidenzGroteskBQLightCondeRg Lucida Grande','Helvetica Neue', Arial,'Liberation Sans',FreeSans,sans-serif; background:#45055F url(/images/bg-wall-ver-01.jpg) repeat-x top center; background-color:#40145e} */

/* added by rommel m. zamora */
.round-border-10 {-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; behavior: url(/PIE/PIE.htc);}
.round-border-15 {-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; behavior: url(/PIE/PIE.htc);}
.round-border-20 {-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; behavior: url(/PIE/PIE.htc);}

#mainwrap{ width: 100%; height:auto; padding:0px 0px 80px 0px}

#mainwrap .contWrap{ width:960px; height:auto; background-color:none; margin:0px auto;}

#mainwrap .contWrap .banner{ display:inline; width:234px; height:94px; background:url(/images/tattoo-title.png); background-repeat:no-repeat; background-color:none; float:left}

#mainwrap .contWrap .banner a {
  height: 94px;
  width: 234px;
  display: block;
}
#mainwrap .contWrap .search {
  background-repeat:no-repeat; clear:right; width:268px; height:25px;  float:right; display:inline; padding-right: 2px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  behavior: url(/PIE/PIE.htc);
}

.search .inputS input{float:left;width:220px; margin:2px 0px 0px 20px; border:0; display:inline;}
a.buttonS{ background:url(/images/glass.jpg); width:21px; height:18px; float:right; margin:3px 8px 0px 0px ; display:inline;}


.content{
         margin:0 auto;
		 overflow: hidden;
		 height: auto !important;
		 width: 958px;
         background: #090010;
         -webkit-box-shadow: #000 1px 1px 8px;
         -moz-box-shadow: #000 1px 1px 8px;
         box-shadow: #000 1px 1px 8px;
         behavior: url(/PIE/PIE.htc);
}

.w332
{
	width:332px;
}

#box2
{
	width:332px;
}

.header {width:958px; padding:25px 0px 15px 0px;margin: 0 auto;}
#mainwrap .contWrap .content .main-cont{ height:auto !important; width:auto; padding:10px; min-height: 440px;}

.inner-cont{width:940px; overflow: hidden; height:auto !important; min-height:500px; background-color:#090010; margin:0px auto;/*0 0 0 -15px*/}
.inner-cont-product{width:940px; overflow: hidden; height:auto !important; min-height:500px; background-color:#090010; margin:0 0 0 -25px;/*0px auto*/}

/*main-nav*/
#mainwrap .contWrap .mainnav{
  display: inline;
  float: right;
  height: auto;
  margin-right: -22px;
  overflow: hidden;
  padding: 0 0 15px;
  width: 338px;
  clear: right;
}
.mainnav a{background:url(/images/nav-top.png);background-repeat:repeat-y;  text-indent:-9999px; float:left; padding-left:20px; }

.navigation{height:60px; width:338px; float:right; display:inline;}

.navigation li {
  style:none;
  float:left;
  display: inline;
}
.navigation a{
  background:url(/images/nav-top.png);
  background-repeat:repeat-y;
  text-indent:-9999px;
  padding-left:20px;
   /*dispaly:block;*/
  display:block;
}

.searchBackground {
  margin: 0; padding: 0;
  height: 26px; width: 268px; }

.searchInput, .searchButton { margin: 0; padding: 0; border: 0; }

.searchInput {
  background: none;
  width: 220px;
  padding: 5px 10px;
  float: left; }
.searchButton {
  background: url(/images/iconSearch.png) left top no-repeat;
  cursor: pointer;
  float: left;
  height: 26px;
  width: 28px;
  text-indent: -9999px;
  }



a.shop{background-position:0px 0px; height:30px; width:39px; display:block;}
a.shop:hover{background-position:0px 30px;height:30px; width:39px; display:block;}
.navigation li.active a.shop{background-position:0px 30px;height:30px; width:39px; display:block;}

a.prod{background-position:-60px 0px; height:30px; width:68px; display:block;}
a.prod:hover{background-position:-60px 30px;height:30px; width:68px; display:block;}
.navigation li.active a.prod{background-position:-60px 30px;height:30px; width:68px; display:block;}

a.promos{background-position:-149px 0px; height:30px; width:56px; display:block;}
a.promos:hover{background-position:-149px 30px;height:30px; width:56px; display:block;}
.navigation li.active a.promos{background-position:-149px 30px;height:30px; width:56px; display:block;}


a.tools{background-position:-225px 0px; height:30px; width:95px; display:block;}
a.tools:hover{background-position:-225px 30px;height:30px; width:95px; display:block;}
.navigation li.active a.tools{background-position:-225px 30px;height:30px; width:95px; display:block;}

/*footer*/
.footer
{ margin:25px auto; width:570px; height:15px; position: relative; }

.footer .nav-footer{width:240px; float:left; margin:6px 0px 0px 0px}

.footer a{ background:url(/images/footer-nav.png); background-repeat:repeat-y; text-indent:-9999px; float:right; display:block; padding-left:15px;}

a.notActive{
  cursor:auto;
}

a.support{background-position:0px 0px; height:12px; width:46px;}
a.support:hover{background-position:0px 12px; height:12px; width:46px;}

a.store-loc{background-position:-234px 0px; height:12px; width:80px;}
a.store-loc:hover{background-position:-234px 12px; height:12px; width:80px;}


a.blog{ background-position:-61px 0px; height:12px; width:24px;}
/*a.blog:hover{background-position:-61px 12px; height:12px; width:24px;}*/


a.rewards{background-position:-100px 0px; height:12px; width:46px;}
/*a.rewards:hover{background-position:-100px 12px; height:12px; width:46px;}*/

a.cont{background-position:-161px 0px; height:12px; width:58px;}
a.cont:hover{background-position:-161px 12px; height:12px; width:58px;}


.beon{ background:url(/images/be-on.png); background-repeat:no-repeat; width:124px; height:20px; float:left;  margin:6px 0px 0px 0px; padding-left:14px;}
a.fb{ background:url(/images/facebook.png); background-repeat:no-repeat; width:80px; height:18px; float:left}
a.twitter{ background:url(/images/twitter.png); background-repeat:no-repeat; width:79px; height:18px; float:left}

a.globelogo{ background:url(/images/globe-logo.png) no-repeat; display:block; width:173px; height:51px; margin:0px auto}

.item{ font-family: "Share-Regular", helvetica; font-size:15px;}
.item a{color:#f48221; text-decoration:none;}
.item a:hover{color:#FFF; text-decoration:underline;}

/*end of footer*/

/*upgrade buton*/
a.upgrade2{ background:url(/images/upgrade2.png); width:139px; height:30px; display:block}
/*upgrade buton*/

/*extras*/
.clear{ clear:both}
.clr{ overflow: hidden; height: auto; clear: both;}

.mainnav li { list-style: none; display: inline; float: left; }
.mainnav li a { display: block;}

/*appraise dialog*/
.appriseOuter {
  display: none;
  max-width: 75%;
  min-height: 75px;
  min-width: 300px;
  position: fixed;
  z-index: 99999999;
  text-align:center;
  background:#fff;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/PIE/PIE.htc);
}

.appriseInner {
  color: #45055F;
  padding: 40px 40px 20px 40px;
  text-shadow: 0 1px 0 #FFFFFF;
  font-family: "Share-Regular";
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform:uppercase;text-align:center;
}

.appriseInner button {
  font-family:"Share-Regular";text-transform:uppercase;text-align:center; font-size: 16px; font-weight: normal;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  padding: 2px 18px;
  border: 1px solid #693f9d;
  border: 1px solid rgba(105, 63, 157, 0.8);
  background: #9B7BB7;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9B7BB7), to(#4B2371));
  background: -moz-linear-gradient(#9B7BB7, #4B2371);
  background: linear-gradient(#9B7BB7, #4B2371);
  -pie-background: linear-gradient(#9B7BB7, #4B2371);
  behavior: url(/PIE/PIE.htc);

}
.appriseInner button:hover {
  color: #FFF;
  text-shadow: 0 -1px 0px rgba(245,135,0,0.20);
  text-decoration: none;
  text-shadow: 0 -1px 0px rgba(0,0,0,0.80);
  border: 1px solid #FF7812;
  border: 1px solid rgba(69, 5, 95, 0.6);
  background: #FAC591;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAC591), to(#FF7812));
  background: -moz-linear-gradient(#FAC591, #FF7812);
  background: linear-gradient(#FAC591, #FF7812);
  -pie-background: linear-gradient(#FAC591, #FF7812);
  behavior: url(/PIE/PIE.htc);
}

/*
#mainwrap .contWrap .mainnav-new{margin:0 0 30px 0;height:30px; width:355px; float:right; display:inline;}
.mainnav-new ul{padding:0; color:#fff;font-size:20px;text-transform: uppercase; overflow: hidden; height: auto; margin-left: auto; margin-right: auto;font-family: Share-Regular;float: right;}
.mainnav-new ul li{float:left;margin:0 8px;padding:0;height:30px;}

.mainnav-new ul li a{color:#fff;text-decoration:none; width:auto;}
.mainnav-new ul li a:hover{color:#ff9900;text-decoration:none;}

.mainnav-new ul li a.selected{color:#ff9900;text-decoration:none;}

.mainnav-new ul li a div{height:13px; width:36px;}
.mainnav-new ul li a:hover div{height:13px;background:url(/images/hover.png) no-repeat top center;}
#mainwrap .contWrap .mainnav-new{margin:0 0 30px 0;height:30px; width:355px; float:right; display:inline; }

.mainnav-new ul li.last {
  margin-right: 0px;
}

.mainnav-new .menu-active a{color:#ff9900;text-decoration:none;}
.mainnav-new .menu-active a:hover{color:#ff9900;text-decoration:none;}

.mainnav-new .menu-active a div{height:13px;background:url(/images/hover.png) no-repeat top center;}
.mainnav-new .menu-active a:hover div{height:13px;background:url(/images/hover.png) no-repeat top center;}

*/


#mainwrap .contWrap .mainnav-new{margin:0 0 30px 0;height:30px; width:355px; float:right; display:inline;}
.mainnav-new ul{padding:0; color:#fff;font-size:20px;text-transform: uppercase; overflow: hidden; height: auto; margin-left: auto; margin-right: auto;font-family: Share-Regular;float: right;}
.mainnav-new ul li{float:left;margin:0 8px;padding:0;height:30px;}


.mainnav-new ul li a:hover{color:#ff9900;text-decoration:none;}
.mainnav-new ul li a.selected{color:#ff9900;text-decoration:none;}

.mainnav-new ul li a{display:inline-block; padding-top:13px; color:#fff;text-decoration:none; width:auto; }

.mainnav-new ul li a div{height:13px; width:36px; display:none;}

.mainnav-new ul li a:hover {background:url(/images/hover.png) no-repeat top center;}
#mainwrap .contWrap .mainnav-new{margin:0 0 30px 0;height:30px; width:355px; float:right; display:inline; }

.mainnav-new ul li.last {
  margin-right: 0px;
}

.mainnav-new .menu-active a{color:#ff9900;text-decoration:none;}
.mainnav-new .menu-active a:hover{color:#ff9900;text-decoration:none;}

.mainnav-new .menu-active a{height:13px; background:url(/images/hover.png) no-repeat top center;}
.mainnav-new .menu-active a:hover{height:13px;background:url(/images/hover.png) no-repeat top center;}



/*for ie7s fix */
/*
.mainnav-new ul li#menu-shop:hover {width:41px;}
.mainnav-new ul li#menu-products:hover{width:79px;}
.mainnav-new ul li#menu-promos:hover{width:64px;}
.mainnav-new ul li#menu-tools:hover{width:107px}
*/
/**/