@CHARSET "US-ASCII";


body, html { 
	background-color: white;
	font:13px "Verdana","Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	text-align:center;
}

a { 
	text-decoration: none;
	color:#46a;
}
a:hover { color:navy; }

tr{
	vertical-align:top;
}

.ordtbl td {	
	vertical-align:middle;
	border: 1px solid gray;
	padding:5px;
}

#bodycenter table {
	border:solid 1px gray;
}

#access {
	position: absolute;
	top:5px;
	left:5px;
	}

.brdr1 { border: solid 1px gray; }
.brdr_top { border-top: solid 1px gray; }

.oldaddresses li { display: block; background-color:#EEE; padding:5px; border: 1px dotted black; }


#heading {
	margin: 0px auto;
	width:870px;
}

#top{
	text-align:center;
	width:860px;
	font-family: "Garamond","Georgia","Times New Roman",serif;
	}

#top li {
	list-style-type:none;
	float:left;
	margin:0 10px 5px 0;
	padding:3px;
	height:85px;
	overflow:hide;
	}
	
#top h3{
	line-height:0.5em;
	font-weight:bold;
	font-family: "Tahoma",Verdana,sans-serif;
}
	
#logo{
	padding-right:20px;
}

#onsale{
	width:250px;
	background-color:#fcc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #aaa;
	font-weight:bold;
}

#specials_list{
	width:250px;
	background-color:#cef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #aaa;
}

#cart {
	margin: auto;
	width:150px;
}
#cart small{
	font-family:"Arial",sans-serif;
	font-weight:bold;
	}

#intr{
	width:310px;
	list-style-type:none;
	display:inline;
	text-align:right;
}

#intr li {
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

#intr #socnet { margin-top:-5px; }
#intr #chat { margin-top:-4px; width:107px;}

img { border:none; }

#bodycenter {
	margin: 0px auto;
	width:798px;
	background-image:url('/images/bgs/dogcat_shadow.jpg');
	min-height:500px;
}

/* Appears to be used only on customize.html */
#rightcol{
	display:inline;
}

#leftcol{
	width:60%;
	padding:10px;
	float:left;
}

/* %%%%%%%%%%    Front-page specific  %%%%%%%%%%   */


#prodgrid{
	width:110%;
	margin-left:-5%;
}

#prodgrid img { width: 230px; display:block; }

.fp3 li { 
	display:inline; 
	border:3px outset #ddf;
	margin:10px;
	padding:0px;
	float:left; 
	width:28%;
	height:200px;
	text-align: center;
}
.fp2 li {
	width:43.5%;
}
.fp3 img { margin:auto;width:50%; }
.fph2 { margin: 0px;padding:0px; line-height:1.2em; }
.fph3 { margin: 0px;padding:0px;  line-height:1.1em;}

#rotational { margin:0;padding:0; }
	

.reg li{
	background-color:#fc3;
	padding:2px 0 4px 0;
	display:block;
	float:none;
	border:none;
	list-style-type:disc;
	height:14px;
	margin:15px 0 0 -20px;
	font-weight:bold;
	width:100%;
	}
/* %%%%%%%%%%    Pure-CSS MENU IMAGES  %%%%%%%%%%   */
#mnu_search{
	display:block;
	background:url(/images/search_off.png);
	width:60px;
	height:87px;
}
#mnu_search:hover{
	background:url(/images/search_on.png);
}
#mnu_mail{
	display:block;
	background:url(/images/promo_icon_1.png);
	width:125px;
	height:90px;
}
#mnu_mail:hover{
	background:url(/images/promo_icon_2.png);
}
#mnu_cart{
	display:block;
	background:url(/images/view_cart_1.png);
	width:100px;
	height:30px;
}
#mnu_cart:hover{
	background:url(/images/view_cart_2.png);
}
#mnu_storeinfo{
	display:block;
	background:url(/images/store_info_1.png);
	width:100px;
	height:30px;
}
#mnu_storeinfo:hover{
	background:url(/images/store_info_2.png);
}

/* %%%%%%%%%%    END Pure-CSS MENU IMAGES  %%%%%%%%%%   */



/* %%%%%%%%%%    Pure-CSS SIMPLE DROP DOWN MENU  %%%%%%%%%%   */
/* Based on ideas from 
	http://www.projectseven.com/tutorials/navigation/auto_hide/ */
#mw {
	clear:both;
	padding:3px 0 0 5px;
	font-weight:bold;
	font-size:1.2em;
	font-family:verdana,sans-serif;
	height:26px;
}

.clr {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#mb { 
	margin: 0px auto;
}
#mb, #mb ul {
	margin:0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#mb a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: .85em;
	color: #ddd;
}

#mb a.trigger {
	padding: 5px 16px 5px 10px;
}

#mb li {
	margin: 0 1px 0 2px;
	float: left;
	width: 9em;
	background-color:#127;
}

#mb li ul, #mb ul li  {
	width: 12em;
}

#mb ul li a  {
	color: #fff;
	border-right: 0;
	padding: 3px 12px 3px 16px;
	text-align:left;
}

#mb li ul {
	position: absolute;
	color: #ccc;
	display: none;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

#mb li {width: auto;}

#mb li:hover a, #mb a:focus,
#mb a:active, #mb li.hvr a {
	background-color: #fa1;
	color:#127;
}

#mb li:hover ul, #mb li.hvr ul {
	display: block;
}

#mb li:hover ul a, #mb li.hvr ul a {
	color: #eee;
	background-color: transparent;
}

#mb ul a:hover {
	background-color: #fa1!important;
	color:#127!important;
}