/* Top Dog Art

lt grey background color: #ebebdf;

menu bar and med gray color: #ceceb6;

super lt grey color: #f3f2e6;

dk gray, borders and such: #9a989b;

 */



body {

  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

  margin: 0;

  background-color: #ebebdf;

  color: #666666;

  font-size: 13px;

  line-spacing: 120%

}





/* TEMPLATE */



.header { background-image: url(../images/topgrad.jpg); }

div.shop_tip { display: none; visible: none; }

.menubar { background-color: #ceceb6; padding: 5px 15px 5px 15px; text-align: center;  }



.mainbody { background-color: #ebebdf; padding: 15px; }



.footer { background-image: url(../images/btmgrad.jpg);  padding: 15px; text-align: center; }

table.contentpaneopen { width: 800px; border: 0px solid; text-align: left; }

td.cart	 { padding: 5px; text-align: center; line-height: 80%; }
td.cart	> a.mainlevel:link { color: #CC0000; }


td.cart-bg	 { padding: 5px; text-align: center; background-image: url("../images/cart-watermark.gif"); background-position: center; background-repeat: no-repeat;}

.homemenu {  }
.selectbreed { padding-right: 7px; }

/* img { padding: 5px; border: 1px solid #9a989b; margin: 5px; background-color: #FFFFFF; }*/

/* WEBLINKS */
tr.sectiontableentry1>td { padding-bottom: 8px; }
tr.sectiontableentry2>td { padding-bottom: 8px; }

a.category:link { color: #CC0000; font-weight: bold; text-decoration: none; }
a.category:visited { color: #CC0000; font-weight: bold; text-decoration: none; }
a.category:hover { color: #CC0000; font-weight: bold; text-decoration: underline; }
a.category:active { color: #CC0000; font-weight: bold; text-decoration: none; }
/* WEBLINKS */

img.noborder { border: 0px; margin: clear; padding: clear; background-color: transparent; }

hr { color: #ceceb6;  background-color:  #ceceb6; border: 0; height: 2px;   }

input {

   color:#000000;

   font-size:13px;

   font-weight:normal;

   background-color:#ceceb6;

   border:1px solid;

   border-top-color:#666666;

   border-left-color:#666666;

   border-right-color:#666666;

   border-bottom-color:#666666;

   }



/* JOOMLA */



/* HEADER STYLES */



h1, .componentheading, .contentheading, div.componentheadingdoglinks { 

	font-size: 17px; 

	font-weight: bold; 

	text-transform: uppercase; 

	margin-bottom: 0px; 

	padding-bottom: 0px; }



h2 { text-transform: uppercase; font-size: 15px; margin-bottom: 0px; padding-bottom: 0px; }

h2>a:link { color: #666666; text-decoration: none; }

h2>a:visited { color: #666666; text-decoration: none; }

h2>a:hover { color: #666666; text-decoration: underline; }

h2>a:active { color: #666666; text-decoration: none; }





h3 { font-size: 13px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }



h4 { font-size: 12px; background-color: #f3f2e6; padding: 5px; border: 1px solid #9a989b; margin: 5px; width: 400px; font-weight: normal; }



h5 { text-transform: uppercase; font-size: 11px;  }



h6 { text-transform: uppercase; font-size: 9px; }



/* LINKS */

a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #CC0000; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }
a:active { color: #CC0000; text-decoration: none; }



.mainlevel { margin: 0px 10px 0px 10px; text-transform: uppercase; font-size: 11px; } 
a.mainlevel:link { color: #CC0000; text-decoration: none; text-transform: uppercase;  }
a.mainlevel:visited { color: #CC0000; text-decoration: none; text-transform: uppercase;  }
a.mainlevel:hover { color: #CC0000; text-decoration: underline; text-transform: uppercase; }
a.mainlevel:active { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }



.mainlevel-grey { margin: 0px 20px 0px 20px; color: #666666; text-transform: uppercase;  } 
a.mainlevel-grey:link { color: #666666; text-decoration: none; text-transform: uppercase; }
a.mainlevel-grey:visited { color: #666666; text-decoration: none; text-transform: uppercase; }
a.mainlevel-grey:hover { color: #CC0000; text-decoration: none; text-transform: uppercase; }
a.mainlevel-grey:active { color: #666666; text-decoration: none; text-transform: uppercase; }



.mainlevel-grey2 { margin: 0px 10px 0px 10px; color: #666666; text-transform: uppercase; font-size: 10px; font-weight: bold; } 
a.mainlevel-grey2:link { color: #666666; text-decoration: none; text-transform: uppercase;  font-size: 10px; }
a.mainlevel-grey2:visited { color: #666666; text-decoration: none; text-transform: uppercase;  font-size: 10px; }
a.mainlevel-grey2:hover { color: #CC0000; text-decoration: none; text-transform: uppercase; font-size: 10px;  }
a.mainlevel-grey2:active { color: #666666; text-decoration: none; text-transform: uppercase; font-size: 10px;  }



.lowlande { font-size: 10px; color: #FFFFFF; }
a.lowlande:link { color: #FFFFFF; text-decoration: none; }
a.lowlande:visited { color: #FFFFFF; text-decoration: none; }
a.lowlande:hover { color: #FFFFFF; text-decoration: underline; }
a.lowlande:active { color: #FFFFFF; text-decoration: none; }



#pathway { font-size: 10px; }