/* Chrome only */
/*body*/
body {
  background:#AC1A2E url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') repeat;
  color:#999999;
}

.mainouter {background: #eeeeee;margin-left: auto; margin-right:auto; width: 1105px;
  -moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
}


   
/*headings,links,titles*/
.componentheading {
  color:#5C5C5C;
}
a {
  color:#666666;
}
a:visited{
  color:#666666;
}
a:hover{
  color:#45a0cf;
}
a:active {
  color:#666666;
}
h1 {
  color:#45a0cf;
}
h2 {
  color:#45a0cf;
}
h3 {
  color:#45a0cf;
}
h4 {
  color:#666666;
}
h5 {
  color:#45a0cf;
}
h6 {
  color:#45a0cf;
}
p{
    color:#999999;
}
.basecolor_1 {
  color:#666666;
}
.basecolor_2 {
  color:#666666;
}
.basecolor_2 a {
  color:#666666;
}
.basecolor_3 {
  color:#b1ba52;
}
.basecolor_4 {
  color:;
}
textarea {
  -moz-border-radius:2px 2px 2px 2px;
  border-radius:2px 2px 2px 2px;
  -webkit-border-radius:2px 2px 2px 2px;}

/*form and buttons*/
select, input, button, button {
  -moz-border-radius:2px 2px 2px 2px;
  border-radius:2px 2px 2px 2px;
  -webkit-border-radius:2px 2px 2px 2px;
}


    
/*Header, Logo and Menu*/
#logowrap {
}
a#logo {
    background:url(https://pipanimation.com/w5/templates/designwerks/images/logos/pip_logo.png) no-repeat 0 0;
  width:215px; 
  height:104px;
}
/*main menu*/
#menu {
  background: #f3f3f3 url('https://pipanimation.com/w5/templates/designwerks/images/menus/menu-grad.png') top repeat-x;

  padding:10px;
  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
   border-radius:6px;
}
ul.suckerfish > li > a, ul.dualfish > li > a, ul.dropline > li > a {  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
   border-radius:3px;
  }

/* XTC MENUS  */
/* Top Level */
#menu ul.menu > li.parent:hover {}
#menu ul.menu > li > a {
  color:#666666; 
  }
#menu ul.menu > li.active {
  background: transparent url('https://pipanimation.com/w5/templates/designwerks/images/menus/-1') no-repeat bottom center;
}
#menu ul.menu > li.active > a {
  color:#ffffff; 
  background: #b1ba52 url('https://pipanimation.com/w5/templates/designwerks/images/menus/-1') no-repeat top center;
}
#menu ul.menu > li > a:hover {
  color:#ffffff; 
  background: #61adbf url('https://pipanimation.com/w5/templates/designwerks/images/menus/-1') ;}
/* Drop Levels */
#menu ul.menu li.parent > ul {
  background:#222222;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
#menu ul.menu li.parent > ul > li {
  background:url(https://pipanimation.com/w5/templates/designwerks/images/menus/menuline-style1.gif) repeat-x left bottom;  
}
#menu ul.menu li.parent > ul > li > a {
  color:#757575; 
  padding-left:0px; background:url(https://pipanimation.com/w5/templates/designwerks/images/menuarrow-style1.png) 0 50% no-repeat; 
}
#menu ul.menu li.parent > ul > li.active > a {
  color:#dddddd;
}
#menu ul.menu li.parent > ul > li > a:hover {
  color:#dddddd; display:block; 
}
#menu ul.menu > li.parent > ul > li.parent ul {}
/*Regions*/
/*icon*/
#iconwrap{
    background:#AC1A2E url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') no-repeat top center;
  -moz-box-shadow:0 13px 13px -13px rgba(0, 0, 0, 0.85);
  -webkit-box-shadow:0 13px 13px -13px rgba(0, 0, 0, 0.85);
    box-shadow:0 13px 13px -13px rgba(0, 0, 0, 0.85);
  position:relative; z-index:99;
}
#icon{
    background: url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') no-repeat top center;
}
/*region1*/
#region1wrap{
    background:#f3f3f3 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region1-grad.png') bottom repeat-x;
  border-bottom:1px solid #c2c2c2;
  margin-left: auto; margin-right:auto; width: 1105;
}
#region1{
    background:transparent url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') ;
  
}
/*region2*/
#region2wrap{
  background:#f2f2f2 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region2bg.png') repeat-x top left;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  border-top:1px solid #fff; border-bottom:1px solid #bababa;
  padding-left: 0px!important;padding-right: 0px!important;
  margin-left: auto; margin-right:auto; width: 1105px;}

#region2{
  
    /*background: url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') ;*/
}


/*region3*/
#region3wrap{
    background:#eeeeee url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') repeat-x top left;
  border-top:1px solid #fff;
    margin-left: auto; margin-right:auto;width:1105px;}
#region3{
    background:#f7f7f7 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
 border:1px solid #dcdcdc;
}

/*region4*/
#region4wrap{
    background:#eeeeee url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') ;
  margin-left: auto; margin-right:auto; width:1069px;}


#region4{
    background:#f7f7f7 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
  border:1px solid #dcdcdc;
}

/*region5*/
#region5wrap{
    background:#eeeeee url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') repeat-x top left;
  margin-left: auto; margin-right:auto;width:1069px;}


#center{
    background:#f7f7f7 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
 margin-left: -2px;
 margin-right: -2px;
border:1px solid #dcdcdc;
}


#col-left{
 background:#f7f7f7 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
    
}
#left {border:1px solid #dcdcdc;}

#col-right{
  background:#f7f7f7 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
   
}
#right {border:1px solid #dcdcdc;}
/*region6*/
#region6wrap{
    background:#eeeeee url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') ;
  margin-left: auto; margin-right:auto; width:450;}


#region6{
    background:#eeeeee url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/region3-grad.png') repeat-x top left;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 box-shadow:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
 border-radius:0px;
   border:1px solid #dcdcdc;

}
#userModsbread-search{
    background:#737373;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
  padding:10px 0 10px 30px;
}
#userModsbread-search .module h3 span {
    color:#fff;
  text-shadow: 1px -1px 1px #333333;
  padding-top:0 !important; padding-left:0 !important;
}
/*footer*/
#footerwrap{
    background:#AC1A2E url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') repeat;
}
#footer{
    background: url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/-1') repeat;
}

/*Content & Component specific styles*/
.componentheading,.article h1.title{
    background:  url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/45line.png') repeat;
}
.headingstripe{
    background:#b1ba52 url('https://pipanimation.com/w5/templates/designwerks/images/backgrounds/headingstripe.png') no-repeat 0 0;
}

div.joomla div.articleinfo {
border-bottom: 2px solid #b1ba52 ;}
    
.articlebadgeWrap, .splashtop{
background:#b1ba52;  border: 1px solid #dcdcdc;   
}

span.articlebadgeDay,span.articlebadgeMonth{
  color:#fff;
}
.cat h3.title, .cat_rest h3.title {
    background: transparent  url(https://pipanimation.com/w5/templates/designwerks/images/backgrounds/45line.png) repeat;
  color: #5C5C5C;
  border: 1px solid #dcdcdc;
}
.cat h3.title a, .cat_rest h3.title a {color: #5C5C5C!important;}


/*Module Suffixes and module overrides*/
.module h3{line-height:26px;padding:0 0 10px 30px; border-bottom-color: #D8D8D8!important;letter-spacing:-1px;margin:0 0 25px 0; background: transparent  url(https://pipanimation.com/w5/templates/designwerks/images/icons/dotsblue.png) no-repeat 0 5px;}

.module h3 span.first_word{color:#808080;}
.module h3 span.rest{color:#b1ba52;}
/*XTC Module Suffix*/

.ico-xtc h3{  line-height:26px;padding:0 0 10px 40px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d8d8d8; letter-spacing:-1px;margin:0 0 25px 0; background: url(https://pipanimation.com/w5/templates/designwerks/images/icons/dotsblue.png) no-repeat 0 0;}
.sfx-xtc h3{border-color:#D8D8D8!important;}
.sfx-xtc h3 span.first_word{color:#808080!important;}
.sfx-xtc h3 span.rest{color:#b1ba52!important;}

/* Menu Classes */

ul.featured li {
  border-bottom:1px solid #ebebeb !important;
  font-size:12px !important;
  font-weight:bold;
}
ul.featured li p {
  font-size:11px !important;
  font-weight:normal; line-height:120%;
  color:#999999;
}
ul.featured-right li {
  border-bottom:1px solid #ebebeb !important;
  font-size:12px !important;
  font-weight:bold;
}
ul.featured-right li a {}
ul.featured-right li p {
  font-size:11px !important;
  font-weight:normal; line-height:120%;
  color:#999999;
}

.breadtext p {font-size:18px; color:#fff; font-weight:bold; letter-spacing:-1px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.35); margin-top:8px; }

.schedulebutton {
  background:url(https://pipanimation.com/w5/templates/designwerks/images/schedule-s1.png) no-repeat;
  float:right;
  width:281px;
  height:60px;
  margin:-5px 0 -15px 18px;
}



/* Jxtc Wall and Power Tabs styling */

#tabwrap{
  overflow:hidden !important; margin-top:30px; 
    background:#f7f7f7 url(https://pipanimation.com/w5/templates/designwerks/images/backgrounds/tabfade.png) top repeat-x;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  border:1px solid #dcdcdc;
}

.tabactive {
  border-left:1px solid #bbbbbb;
  border-right:1px solid #f7f7f7;
  background:#b1ba52 url(https://pipanimation.com/w5/templates/designwerks/images/backgrounds/tabactivefade.png) bottom repeat-x;
}

.tabactive_left {
  height:100%; border-right:1px solid #f7f7f7;
  background:#b1ba52 url(https://pipanimation.com/w5/templates/designwerks/images/backgrounds/tabactivefade.png) bottom repeat-x;
  /*-moz-border-radius:6px 0 0 6px;
  border-radius:6px 0 0 6px;
  -webkit-border-radius:6px 0 0 6px;*/
}

.tabactive_right {
  border-left:1px solid #bbbbbb;
  background:#b1ba52 url(https://pipanimation.com/w5/templates/designwerks/images/backgrounds/tabactivefade.png) bottom repeat-x;
  /*-moz-border-radius:0 6px 6px 0;
  border-radius:0 6px 6px 0;
  -webkit-border-radius:0 6px 6px 0;*/
}

.tabtitle_off {
  font-size:20px;
  font-weight:bold;
  letter-spacing:-1px;
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  color:#b1ba52 !important;
  text-shadow: 1px 1px 0px #fff;
}

.tabtitle_on {
  font-size:20px;
  font-weight:bold;
  letter-spacing:-1px;
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  color:#ffffff;
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  
}

.tabtext1_off {
  margin-top:12px !important;
  color:#999999;
}

.tabtext1_on {
  margin-top:12px !important;
  color:#ffffff;
}

.tabicon {
  float:left;
  margin:27px 0 0 15px !important;
}

.tab1_mainimage {
  width:467px; height:370px; float:left;
  background: url(https://pipanimation.com/w5/templates/designwerks/images/couch-s1.jpg) no-repeat;  
}
.tab1_titleimage {
  width:378px; height:126px; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #cccccc; 
  background: url(https://pipanimation.com/w5/templates/designwerks/images/retro-modern-s3.jpg) no-repeat;
}

.tab2_mainimage {
  width:467px; height:370px; float:left;
  background: url(https://pipanimation.com/w5/templates/designwerks/images/ottoman-s1.jpg) no-repeat;  
}
.tab2_titleimage {
  width:378px; height:126px; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #cccccc; 
  background: url(https://pipanimation.com/w5/templates/designwerks/images/classics-s2.jpg) no-repeat;
}

.tab3_mainimage {
  width:467px; height:370px; float:left;
  background: url(https://pipanimation.com/w5/templates/designwerks/images/bowl-s1.jpg) no-repeat;  
}
.tab3_titleimage {
  width:378px; height:126px; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #cccccc; 
  background: url(https://pipanimation.com/w5/templates/designwerks/images/eurostyle-s2.jpg) no-repeat;
}

.tab4_mainimage {
  width:467px; height:370px; float:left;
  background: url(https://pipanimation.com/w5/templates/designwerks/images/chair-s1.jpg) no-repeat;  
}
.tab4_titleimage {
  width:378px; height:126px; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #cccccc; 
  background: url(https://pipanimation.com/w5/templates/designwerks/images/technoir-s2.jpg) no-repeat;
}

.tabtext2 {
  font-size:18px;
  letter-spacing:-1px;
  color:#7d7d7d;
  margin:0;
}

.tabtext3 {
  font-size:18px;
  font-weight:bold;
  letter-spacing:-1px;
  color:#3f3f3f;
  margin:0;
}
.rbox_m  {padding: 14px;  border:1px solid #dcdcdc;}

.xtc-pushtop {margin: 0px 0 0;}