/* ***project:petshopnavi   author: terry mckenna   *** */

body { padding: 0 0 0 0; margin: 0; font: .74em Arial, sans-serif; line-height: 1.7em; background: #fff; color: #454545; }a { color: #295487; background: inherit; }a:hover { color: #808080; background: inherit; }p {margin: 5px 0; }
h1 {font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }h3 { padding: 4px 0; margin:  0; }
ul { margin:0; padding:0; list-style:none; }img { border: 0; }hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
/* layout */
#content { margin: 10px 60px; width: 880px; }
#logo { margin: 20px 0 15px 5px; float: left; font-size: .9em; color: #808080; background: #fff; line-height: 1.3em; }
#top p { float: right; color: #808080; background: #fff; margin: 20px 5px 1px 0; text-align: right; font-size: .9em; }
#content h3 {font-size:12px; color:#b50; margin:10px 0 0 0; font-weight:bold;}
#header { width:620px; height:110px; color:#fff; padding:0px; margin-top:0; margin-bottom:3px; color:#666;background:#fff; background-image: url("images/frontp_thm.png"); background-repeat:no-repeat;  background-position: right;}#headerNo_img { width:620px; height:110px; color: #fff; padding:5px ; margin: 0; color:#666; background:#fff; }#header p {font-size:1em;}#navigation{ padding: 80px 0 3px 0; margin: 1px; border-bottom: 1px solid #ccc; text-align: right; }
#navigation li { list-style: none; display: inline; margin: 0; }
#navigation li a{ text-decoration: none; padding: 5px 10px; margin-right: 3px; border: 1px solid #ccc; }
#navigation li a:hover{ color: #808080; background: #FFFFCC; }
#navigation li a.current{ border-bottom: 1px solid #fff; }
#intro { background: #5180B6 url("images/introbg.gif") repeat-x bottom left; color: #fff; padding: 10px 15px; margin: 0 0 10px 0; }
#intro a { color: #FFF; background: inherit; }#intro p {font-size:1em;}#left { clear: left; float: left; width: 621px; margin: 0 0 10px 0; }
#center a { background: #fff; color: #295487; }#center { padding: 1px 0 15px 13px; background: #fff url("images/bgshade.gif") repeat-x; color: #444; }
#centerNoBG { padding: 3px 13px 15px 13px; background: #fff; }
#center li { list-style: square; margin: 0 0 0 15px; }
 h4.subnavi {  font-size: 1em;  position:relative; right:8px; top:8px; text-align:center; height:auto; background-color:transparent;} 
 h4.subnavi a:hover {text-decoration:none;}
 .spacer {	width:100%;	height:1em; }
.strapline {  clear: left; float: left; background: transparent; color: #666; margin-left: 3px; padding: 3px 1px 1px 0}
.left_box { clear: both; background: #f4f4f4; color: #808080; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 5px 14px; margin: 0 0 15px 0; }
table {font-size:11px; padding:2px;}table th {background:#949e7c; padding:5px;}
table td {background:#d4d8bd; padding:5px;}
#commercial_box { float: right; width: 180px; text-align: center; margin: 0 0 0 25px; padding: 15px 10px; border: 1px solid #ccc; }
.half { float: left; width: 280px; padding: 0 10px 10px 10px; }
.half li { padding: 2px 0 3px 13px; border-bottom: 1px dotted #ccc; background: #fff url("images/bullet.gif") no-repeat center left; color: #295487; }
.half li a{ background: #fff; color: #295487; }.half li a:hover{ background: #fff; color: #808080; } 

/*table.plans tr td, table{border: solid 1px #C5CFE1; border-collapse:collapse; padding:2px;  text-align:center; background-color:#EFEFED;}table.plans{margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}table.plans th {background-color:#C5CFE1; color:#000000;}*/
.third  { float: left; width:  220px; padding: 0 8px 10px 13px; border: 1px solid #ccc;}
.third  li { padding: 2px 0 3px 13px; border-bottom: 1px dotted #ccc; background: #fff url("images/bullet.gif") no-repeat center left; color: #295487; }
.third  li a{ background: #fff; color: #295487; }.third  li a:hover{ background: #fff; color: #808080; }

/* footer */
#footer { clear: both; color: #808080;background: transparent;padding: 10px 15px; border-top: 1px solid #ccc;  }
#footer .right { float: right; }
/* SNEWS */
form { padding: 0; margin: 0;}
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0;}input { margin: 0; }input.text { width: 140px; border: 1px solid #ccc; padding: 3px; }
textarea {width: 97%; height: 20em; padding: 3px; border: 1px solid #ccc;}.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 0 0;}
.comment { background-color: #ececec; padding: 10px; color: #000; }
.user { background: #fff url("images/arrow.gif") 20px 0 no-repeat; padding: 20px 0 0 12px; margin-bottom: 2em; color: #4A4A4A; }
.user p { display: inline; background: #FFF8C0; padding: 3px 4px; color: #000; border-bottom: 1px solid #ccc; }
.commentsbox { padding: 12px; margin: 0 10px 10px 0;}.commentsbox h2 { color: #D32411; background: inherit; }
.link_button { background: #eee; border: 1px solid #ccc; padding: 2px 6px; margin: 0 2px 0 0; color: #808080; text-decoration: none; }
.template { float: left; height: 250px; width: 260px; margin: 0 30px 30px 0; }
.thumb { clear: both; margin: 0 0 1px 0; border: 3px solid #eee; } /* List */ .marginL {margin-left: 20px; }  
h4.listnavi { margin-left:15px; margin-top:9px; text-align:center;   margin-right:200px;  height:22px;  padding:0.2em;  background-color:transparent;}  
.rArrow { width:16px; height:16px; float:right; padding: 0; margin:3em 0 0 0}      
.favicon { border:1px solid #ccc; width:48px; height:48px; float:right; padding:0;}      
.navicon { border:1px solid #000; width:120px; height:90px; float:right; padding:0;}  
.favAd img { padding:0.3em; }   
/* shadowbox */
#box2, #box3 {display:block; position:absolute; top:2px; left:2px;}
#box1 {display:block; width:468px; height:70px; position:relative; top:20px; right:0px; background:#ccc; border:2px solid #eee; margin:0 auto;}
#box2 {width:460px; height:62px; background:#999; border:2px solid #aaa;}
#box3 {width:452px; height:54px; background:#777; border:2px solid #888;}
#box4 {display:block; width:458px; height:60px; position:absolute; bottom:0; right:0; color:#fff; background:#c9ba65; border-bottom:1px solid #444; border-right:1px solid #444; border-top:1px solid #ff8; border-left:1px solid #ff8; padding:5px;}
/* right side */ 
 #right { float:right;  width: 242px; }#rightTall { float:right;  width: 242px; height:690px; overflow:auto;}
.box {list-style-type:none; margin:0 0 8px 0; padding:8px 10px; border: 1px solid #ccc;}
.box ul { padding: 0; overflow: hidden; margin: 0; list-style: none; width: 100%; border: 0px; border-spacing: 0px; background-color: #FFFFFF; }
.box li a:visited { float: left; clear: none; padding: 0; margin: 0; display: inline; color: #295487; text-decoration:underline;}
.box li a:hover {text-decoration:none;}.box span {display: block; color: #000; margin: 0; font-size: 1em; padding: 0px;}
.scr { height:190px; overflow:scroll; list-style-type:none; margin:0 0 10px 0; padding:8px 12px; border: 1px solid #ccc}
.code { background: #FAF5CF; color: #393409; border: 1px solid #AFA238; padding: 4px 13px; }
.advertisement {list-style-type:none; margin:11px 1px 20px 1px; padding:0;}
.advertisement li a, .advertisement li a:visited {color:#448; font-size:1em; text-decoration:none;}
.advertisement li a:hover {text-decoration:underline;}
.advertisement li span.text {font-size:1em; color:#111}#ad220 {margin:10px 0 10px 0;}.spacer {margin-top:5px;}
/* magnifier */    
#enlarge { position:relative; top: 0px; left:32px; padding:0;  list-style-type:none; width:155px;  height:33px;}
#enlarge li {display:block; float:right; width:27px; height:27px; position:relative;  border: 1px solid #aaa; padding:1px;}           
#enlarge li a {display:block; width:27px; height:27px;  background:transparent; overflow:hidden; position:relative;}           
#enlarge li a img {width:100%; height:100%; border:0;}  
#enlarge li a:hover {position:absolute; left:-1px; top:-2px; width:29px; height:30px; z-index:100;}  

 /* NaviLink PopUp */ 
  a.screen, a.screen:visited {color:#345;text-decoration:underline; z-index:1;}a.screen b {visibility:hidden; /* hide the image */position:absolute; width:0; /* make the image zero size */ height:0; /* for Opera bug */left:742px; /* position:the image */top:240px; border:0; /* with no border */}             
  a.screen:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000;}             
  a.screen:hover b {visibility:visible; /* make the image visible */ width:150px; /* give it the actual size */height:103px;  border:1px solid #808080;/*  add a border */cursor:pointer; /* for IE */z-index:500;}             
  a.screen:hover b img {border:0;} a.thumbs, a.thumbs:visited {color:#c00; position:relative; z-index:1;}a.thumbs b {visibility:hidden; /* hide the image */position:absolute; width:0; /* make the image zero size */ height:0; /* for Opera bug */left:390px; /* position:the image */top:-25px;border:0; /* with no border */}a.thumbs:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000;}
  a.thumbs:hover b {visibility:visible; /* make the image visible */ width:150px; /* give it the actual size */height:103px; border:1px solid #808080; /* add a border */cursor:pointer; /* for IE */z-index:500;}a.thumbs:hover b img {border:0;}            
  /* Fieldsets */
  fieldset {  padding:0;   background: white;   border:none;   margin-left: .0px;   margin-right: 0px;   margin-top: 
  .5em;}input { vertical-align: middle;}input.reset { text-align: center;}input.default { text-align: center; font-weight: bold;}     
  /* Snazzy Corners */ 
  #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px ; letter-spacing:1px;  }
  #xsnazzy h1 {font-size:1.5em; color:#fff;}
  #xsnazzy h2 {font-size:1em;color:#06a; border:0;}#xsnazzy p {padding-bottom:0.5em;}
  #xsnazzy h2 {padding-top:0;}
  #xsnazzy {background: transparent;width:480px; float:left; margin: 10px 0 0 35px;}.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
  .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}.xb1, .xb2, .xb3 {height:1px;}.xb2, .xb3, .xb4 {background:#e2dfa8; border-left:1px solid #aaa; border-right:1px solid #aaa;}
  .xb1 {margin:0 5px; background:#aaa;}.xb2 {margin:0 3px; border-width:0 2px;}.xb3 {margin:0 2px;}.xb4 {height:2px; margin:0 1px;}
  .xboxcontent {display:block; background:#e2dfa8; border:0 solid #aaa; border-width:0 1px; padding: 0.5em 1em;} 
  
  /* MENU*/
  div.menuBar, div.menuBar a.menuButton {    width:617px;  margin:0px;  font-family: sans-serif;  font-size: 1em;  font-style: normal;  font-weight: normal;  color: #FFFFFF;}
  div.menuBar {  border-bottom:1px solid #666;  border-right:1px solid #808080;  padding: 4px 2px 4px 2px;  background-color:  #949e7c;  text-align: right;}
  div.menuBar a.menuButton {  background-color: transparent;  border: 1px solid #949e7c;  color: #FFFFFF;  right: 5px;  margin: 1px;  padding: 2px 10px 2px 10px;  position: relative;  text-decoration: none;  top: 0px;  z-index: 100;}
  div.menuBar a.menuButton:hover {  background-color: transparent;  border-color: #c9c9a7 #758279 #758279 #c9c9a7;  color: #FFFF99;}
  div.menuBar a.menuButtonActive,div.menuBar a.menuButtonActive:hover {  background-color: #949e7c;  border-color: #758279 #c9c9a7 #e9e9c7 #c9c9a7;  color: #ffffcc;  left: 1px;  top: 1px;} 
   /* Favicon Ad Index */                 
   #info {text-align:center;} #info h2 {clear:both;} #info p {text-align:center;} #info form {width:62px; margin:0 auto;}ol.rules li {margin:1em 0;}   #holderFav {position:relative; margin:11px 0 0 66px; width:482px; height:18em;}                         #enlargeFav {padding:0; margin:0; list-style-type:none;}              #enlargeFav li {float:left;  margin:2px 2px 0 0; padding: 0; width:22px; height:22px;}               * html #enlargeFav li {margin:0; ma\rgin:2px 2px 0 0;}  #enlargeFav li a {float:left; border:none;}              #enlargeFav li a em {display:none;}               #enlargeFav li a img {border: 1px solid #ccc; background-color: transparent; padding: 2px; float: left;}               #enlargeFav li a span img {visibility:hidden; position:absolute; width:64px; height:64px; left:205px; top:84px; z-index:100;}              * html #enlargeFav li a span img {top:76px; t\op:84px;}               #enlargeFav li a:hover {background:#dfc184;}  #enlargeFav li a:hover img  {border: 1px solid #bd8d5e;}              #enlargFav li a:hover span {background:#eee;}              #enlargeFav li a:hover span img {visibility:visible; border:1px solid #808080;}  input img {border:0;}fieldset {border:0; padding:0; margin:0;}                   /* show more */                    a.hid {color:#000; text-decoration:none; outline-style:none;}               a.hid em {display:none;}  a.hid:hover {text-decoration:none;  }               a.hid:active, a.hid:focus {background:#fff;}  a.hid:active span,              a.hid:focus span {display:none;}              a.hid:active em, a.hid:focus em {display:block; color:#000; width:100%; font-style:normal; cursor:default;}                 .clear {clear:both;} .clrb {clear:both; }
 #introduction{ position:relative;  left:10px; width:606px; height:22.5em; padding: 0;background-image:none;  background-repeat:no-repeat; background:transparent; margin-top:0px; margin-bottom:15px;    overflow:auto;font-size:1em; }   
 #introduction li a span img {visibility:hidden; position:absolute; width:150px; height:100px; left:205px; top:84px; z-index:100;}          
   
 /* adv indexpage*/     
 #advindex
 {  position:absolute; left:60px; top:680px; width:630px; height:70px; margin:0; text-align:left; color:#808080; padding: 0px; background:transparent;}
 .main_adsense {position:relative; float:left; padding: 0 0 0 70px; height:60px; width:620px; }              
 .leftindex {position:relative; float:left; padding: 0 9px 0 24px; height:80px; width:175px;  border-right:dotted #C5CFE1 1px;}            
.centerindex1{position:relative; float:left; padding:0 9px 0 9px; height:80px; width:175px;  margin-left: 0px;border-right:dotted #C5CFE1 1px; }      
.centerindex2{position:relative; float:left; padding:0 0 0 9px; height:80px; width:175px;  margin-left: 0px; }        
 h5.naviAd { text-align:left;  margin-right:200px; color:#333399; text-decoration:none;   }