body{background: #FFFFFF}

P {font-family: AXIS Std Joyo; font-size: 11px; color: #666666}
P.alert {font-family: AXIS Std Joyo; font-size: 11px; color: #E7184D}
P.discount {font-family: century gothic; font-weight: bold; font-size: 14px; color: #E7184D; text-align: center;}
P.old_price {font-family: century gothic; text-decoration: line-through; font-size: 11px; color: #E66F8D; text-align: center;}
P.new_price {font-family: century gothic; font-weight: bold; font-size: 14px; color: #E7184D; text-align: center;}
P.clickable {font-family: AXIS Std Joyo; font-size: 11px; color: #E7184D; text-align: center;}

span.breed_name_english {font-family: century gothic; font-size: 11px; color: #666666; text-align: right;}
span.breed_name_japanese {font-family: AXIS Std Joyo; font-size: 11px; color: #666666; text-align: right;}

span.discount {font-family: century gothic; font-weight: bold; font-size: 14px; color: #E7184D; text-align: center;}
span.old_price {font-family: century gothic; text-decoration: line-through; font-size: 11px; color: #E66F8D; text-align: center;}
span.new_price {font-family: century gothic; font-weight: bold; font-size: 14px; color: #E7184D; text-align: center;}
span.custom_message {font-family: AXIS Std Joyo; font-size: 11px; color: #8C9866}
H1 {font-family: "Century Gothic"; font-size: 18px; color: #000000}
H2 {font-family: "Century Gothic"; font-size: 16px; color: #000000}
H3 {font-family: "Century Gothic"; font-size: 14px; color: #000000}
H4 {font-family: "Century Gothic"; font-size: 14px; color: #666666}

div#tag_index_title {position: absolute; left: 0px; top: 0px; width: 500px; height: 40px}
div#tag_message {text-align: center; position: absolute; left: 10px; top: 30px; height: 170; width: 500px;}
div#tag_selections {z-index:3; position: absolute; left: 10px; top: 160px; width: 500px; height: 100%;}
div#tag_row_new {z-index:4; position: absolute; left: 0px; top: 0px; width: 500px; height: 260px;}
div#tag_row1 {z-index:4; position: absolute; left: 0px; top: 260px; width: 500px; height: 260px;}
div#tag_row2 {z-index:4; position: absolute; left: 0px; top: 520px; width: 500px; height: 260px;}
div#tag_row3 {z-index:4; position: absolute; left: 0px; top: 780px; width: 500px; height: 260px;}
div#tag_row4 {z-index:4; position: absolute; left: 0px; top: 1040px; width: 500px; height: 260px;}
div#tag_row5 {z-index:4; position: absolute; left: 0px; top: 1300px; width: 500px; height: 260px;}
div#tag_row6 {z-index:4; position: absolute; left: 0px; top: 1560px; width: 500px; height: 260px;}
div#tag_row7 {z-index:4; position: absolute; left: 0px; top: 1820px; width: 500px; height: 260px;}
div#tag_row8 {z-index:4; position: absolute; left: 0px; top: 2080px; width: 500px; height: 260px;}
div#tag_row9 {z-index:4; position: absolute; left: 0px; top: 2340px; width: 500px; height: 260px;}
div#tag_row10 {z-index:4; position: absolute; left: 0px; top: 2600px; width: 500px; height: 260px;}
div#tag_row11 {z-index:4; position: absolute; left: 0px; top: 2860px; width: 500px; height: 260px;}
div#tag_row12 {z-index:4; position: absolute; left: 0px; top: 3120px; width: 500px; height: 260px;}
div#tag_row13 {z-index:4; position: absolute; left: 0px; top: 3380px; width: 500px; height: 260px;}
div#tag_row14 {z-index:4; position: absolute; left: 0px; top: 3640px; width: 500px; height: 260px;}
div#tag_row15 {z-index:4; position: absolute; left: 0px; top: 3900px; width: 500px; height: 260px;}
div#tag_row16 {z-index:4; position: absolute; left: 0px; top: 4160px; width: 500px; height: 260px;}
div#tag_row17 {z-index:4; position: absolute; left: 0px; top: 4420px; width: 500px; height: 260px;}
div#tag_row18 {z-index:4; position: absolute; left: 0px; top: 4680px; width: 500px; height: 260px;}
div#tag_row19 {z-index:4; position: absolute; left: 0px; top: 4940px; width: 500px; height: 260px;}
div#tag_row20 {z-index:4; position: absolute; left: 0px; top: 5200px; width: 500px; height: 260px;}
div#tag_row21 {z-index:4; position: absolute; left: 0px; top: 5460px; width: 500px; height: 260px;}
div#tag_pawprints {z-index:5; text-align: center; position: absolute; left: 0px; top: 0px; width: 500px; height: 40px;}
div#tag_column1 {z-index:5; text-align: center; position: absolute; left: 0px; top: 40px; width: 125px; height: 260px;}
div#tag_column2 {z-index:5; text-align: center; position: absolute; left: 125px; top: 40px; width: 125px; height: 260px;}
div#tag_column3 {z-index:5; text-align: center; position: absolute; left: 250px; top: 40px; width: 125px; height: 260px;}
div#tag_column4 {z-index:5; text-align: center; position: absolute; left: 375px; top: 40px; width: 125px; height: 260px;}
div#tag_footer {position: absolute; left: 10px; top: 5620px; width: 500px;}
span.tag_name {font-family: AXIS Std Joyo; font-size: 13px; color: #666666; text-align: center;}
span.tag_size {font-family: AXIS Std Joyo; font-size: 11px; color: #666666; text-align: center;}
span.tag_material {font-family: AXIS Std Joyo; font-size: 11px; color: #666666; text-align: center;}
span.tag_price {font-family: AXIS Std Joyo; font-size: 11px; color: #ff0000; text-align: center;}
span.tag_tax {font-family: AXIS Std Joyo; font-size: 11px; color: #666666; text-align: center;}



div#breed_letters {z-index:-1; position: absolute; left: 0px; top: 0px;}

div#breed_index_title {position: absolute; left: 0px; top: 0px; width: 500px; height: 40px}
div#breed_message {text-align: center; position: absolute; left: 10px; top: 30px; height: 170; width: 500px;}

span.breed_letter_big {font-family: "AXIS Std Joyo"; font-size: 18px; color: #8C9866; font-weight: bold;}
span.breed_letter_small {font-family: "AXIS Std Joyo"; font-size: 10px; color: #666666}

div#breed_flatdogstop {text-align: center; position: absolute; left: 10px; top: 50px; width: 500px;}

div#letter {z-index:3; text-align: center; position: absolute; left: 0px; top: 170px; width: 200px;}

div#breed_pawprints_a {z-index:5; position: absolute; left: 0px; top: 170px; width: 500px; height: 40px;}
div#breed_letter_a {z-index:5; text-align: center; position: absolute; left: 0px; top: 210px; height:200px; width: 250px;}
div#breed_01 {z-index:1; text-align: right; position: absolute; left: 0px; top: 210px; height: 100px; width: 500px;}
div#breed_02 {z-index:1; text-align: right; position: absolute; left: 0px; top: 310px; height: 100px; width: 500px;}
div#breed_03 {z-index:1; text-align: right; position: absolute; left: 0px; top: 410px; height: 100px; width: 500px;}
div#breed_04 {z-index:1; text-align: right; position: absolute; left: 0px; top: 510px; height: 100px; width: 500px;}

div#breed_pawprints_ka {z-index:5; position: absolute; left: 0px; top: 610px; width: 500px; height: 40px;}
div#breed_letter_ka {z-index:5; text-align: center; position: absolute; left: 0px; top: 650px; height:200px; width: 250px;}
div#breed_05 {z-index:1; text-align: right; position: absolute; left: 0px; top: 650px; height: 100px; width: 500px;}
div#breed_06 {z-index:1; text-align: right; position: absolute; left: 0px; top: 750px; height: 100px; width: 500px;}
div#breed_07 {z-index:1; text-align: right; position: absolute; left: 0px; top: 850px; height: 100px; width: 500px;}
div#breed_08 {z-index:1; text-align: right; position: absolute; left: 0px; top: 950px; height: 100px; width: 500px;}

div#breed_pawprints_sa {z-index:5; position: absolute; left: 0px; top: 1050px; width: 500px; height: 40px;}
div#breed_letter_sa {z-index:5; text-align: center; position: absolute; left: 0px; top: 1090px; height:200px; width: 250px;}
div#breed_09 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1090px; height: 100px; width: 500px;}
div#breed_10 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1190px; height: 100px; width: 500px;}
div#breed_11 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1290px; height: 100px; width: 500px;}
div#breed_12 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1390px; height: 100px; width: 500px;}
div#breed_13 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1490px; height: 100px; width: 500px;}

div#breed_pawprints_ta {z-index:5; position: absolute; left: 0px; top: 1590px; width: 500px; height: 40px;}
div#breed_letter_ta {z-index:5; text-align: center; position: absolute; left: 0px; top: 1630px; height:200px; width: 250px;}
div#breed_14 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1630px; height: 100px; width: 500px;}
div#breed_15 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1730px; height: 100px; width: 500px;}
div#breed_16 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1830px; height: 100px; width: 500px;}

div#breed_pawprints_na {z-index:5; position: absolute; left: 0px; top: 1930px; width: 500px; height: 40px;}
div#breed_letter_na {z-index:5; text-align: center; position: absolute; left: 0px; top: 1970px; height:200px; width: 250px;}
div#breed_17 {z-index:1; text-align: right; position: absolute; left: 0px; top: 1970px; height: 100px; width: 500px;}
div#breed_18 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2070px; height: 100px; width: 500px;}

div#breed_pawprints_ha {z-index:5; position: absolute; left: 0px; top: 2170px; width: 500px; height: 40px;}
div#breed_letter_ha {z-index:5; text-align: center; position: absolute; left: 0px; top: 2210px; height:200px; width: 250px;}
div#breed_19 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2210px; height: 100px; width: 500px;}
div#breed_20 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2310px; height: 100px; width: 500px;}
div#breed_21 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2410px; height: 100px; width: 500px;}
div#breed_22 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2510px; height: 100px; width: 500px;}
div#breed_23 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2610px; height: 100px; width: 500px;}
div#breed_24 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2710px; height: 100px; width: 500px;}
div#breed_25 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2810px; height: 100px; width: 500px;}
div#breed_26 {z-index:1; text-align: right; position: absolute; left: 0px; top: 2910px; height: 100px; width: 500px;}

div#breed_pawprints_ma {z-index:5; position: absolute; left: 0px; top: 3010px; width: 500px; height: 40px;}
div#breed_letter_ma {z-index:5; text-align: center; position: absolute; left: 0px; top: 3050px; height:200px; width: 250px;}
div#breed_27 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3050px; height: 100px; width: 500px;}
div#breed_28 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3150px; height: 100px; width: 500px;}

div#breed_pawprints_ya {z-index:5; position: absolute; left: 0px; top: 3250px; width: 500px; height: 40px;}
div#breed_letter_ya {z-index:5; text-align: center; position: absolute; left: 0px; top: 3290px; height:200px; width: 250px;}
div#breed_29 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3290px; height: 100px; width: 500px;}
div#breed_30 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3390px; height: 100px; width: 500px;}

div#breed_pawprints_ra {z-index:5; position: absolute; left: 0px; top: 3490px; width: 500px; height: 40px;}
div#breed_letter_ra {z-index:5; text-align: center; position: absolute; left: 0px; top: 3530px; height:200px; width: 250px;}
div#breed_31 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3530px; height: 100px; width: 500px;}
div#breed_32 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3630px; height: 100px; width: 500px;}

div#breed_pawprints_wa {z-index:5; position: absolute; left: 0px; top: 3730px; width: 500px; height: 40px;}
div#breed_letter_wa {z-index:5; text-align: center; position: absolute; left: 0px; top: 3770px; height:200px; width: 250px;}
div#breed_33 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3770px; height: 100px; width: 500px;}
div#breed_34 {z-index:1; text-align: right; position: absolute; left: 0px; top: 3870px; height: 100px; width: 500px;}

div#breed_left {z-index:0; text-align: right; position: absolute; left: 0px; top: 0px; height: 100px; width: 250px;}
div#breed_right {z-index:0; text-align: right; position: absolute; left: 250px; top: 0px; height: 100px; width: 250px;}
div#breed_name {z-index:2; text-align: right; position: absolute; left: 0px; bottom: 0px; height: 30px; width: 160px;}
div#breed_box {z-index:2; text-align: left; position: absolute; right: 0px; bottom: 0px; height: 80px; width: 80px;}
div#breed_letter {text-align: center; position: absolute; left: 0px; top: 0px; width: 250px;}

div#breed_name_english {z-index:2; text-align: right; position: absolute; left: 0px; top: 40px; height: 30px; width: 150px; background-color:#ffffff;}
div#breed_name_japanese {z-index:2; text-align: right; position: absolute; left: 0px; top: 65px; height: 30px; width: 150px; background-color:#000000;}




div#breed_flatdogsbottom {text-align: center; position: absolute; left: 10px; top: 3550px; width: 500px;}
div#breed_big_left {text-align: center; position: absolute; left: 10px; top: 50px; width: 250px;}
div#breed_text {text-align: center; vertical-align: text-middle; position: absolute; left: 260px; top: 50px; width: 250px;}
p.breed_text {font-family: AXIS Std Joyo; font-size: 11px; color: #666666}
div#breed_paws {text-align: center; position: absolute; left: 260px; top: 240px; width: 250px;}
div#breed_80_1_1 {text-align: center; position: absolute; left: 10px; top: 310px; width: 100px;}
div#breed_80_1_2 {text-align: center; position: absolute; left: 110px; top: 310px; width: 100px;}
div#breed_80_1_3 {text-align: center; position: absolute; left: 210px; top: 310px; width: 100px;}
div#breed_80_1_4 {text-align: center; position: absolute; left: 310px; top: 310px; width: 100px;}
div#breed_80_1_5 {text-align: center; position: absolute; left: 410px; top: 310px; width: 100px;}
div#breed_80_2_1 {text-align: center; position: absolute; left: 10px; top: 410px; width: 100px;}
div#breed_80_2_2 {text-align: center; position: absolute; left: 110px; top: 410px; width: 100px;}
div#breed_80_2_3 {text-align: center; position: absolute; left: 210px; top: 410px; width: 100px;}
div#breed_80_2_4 {text-align: center; position: absolute; left: 310px; top: 410px; width: 100px;}
div#breed_80_2_5 {text-align: center; position: absolute; left: 410px; top: 410px; width: 100px;}
div#breed_dog_1_1 {text-align: center; position: absolute; left: 10px; top: 550px; width: 100px;}
div#breed_dog_1_2 {text-align: center; position: absolute; left: 110px; top: 550px; width: 100px;}
div#breed_dog_1_3 {text-align: center; position: absolute; left: 210px; top: 550px; width: 100px;}
div#breed_dog_1_4 {text-align: center; position: absolute; left: 310px; top: 550px; width: 100px;}
div#breed_dog_1_5 {text-align: center; position: absolute; left: 410px; top: 550px; width: 100px;}
div#breed_dog_2_1 {text-align: center; position: absolute; left: 10px; top: 650px; width: 100px;}
div#breed_dog_2_2 {text-align: center; position: absolute; left: 110px; top: 650px; width: 100px;}
div#breed_dog_2_3 {text-align: center; position: absolute; left: 210px; top: 650px; width: 100px;}
div#breed_dog_2_4 {text-align: center; position: absolute; left: 310px; top: 650px; width: 100px;}
div#breed_dog_2_5 {text-align: center; position: absolute; left: 410px; top: 650px; width: 100px;}
div#breed_more {position: absolute; left: 20px; top: 760px; width: 500px;}
div#breed_cat {position: absolute; left: 384px; top: 785px; width: 111px;}
div#breed_footer {position: absolute; left: 10px; top: 840px; width: 500px;}
div#breeds_more {position: absolute; left: 20px; top: 920px; width: 500px;}
div#breeds_cat {position: absolute; left: 384px; top: 965px; width: 111px;}
div#breeds_footer {position: absolute; left: 10px; top: 4000px; width: 500px;}

tr.sale_white { }
tr.sale_gray {background-color: rgb(204, 204, 204);}

td.sale_photo {width: 100px; text-align: center;}
td.sale_description {width: 300px; text-align: center; vert-align: middle;}
td.sale_price {width: 100px; text-align: center;}

span#hotel {font-family: "Century Gothic"; font-size: 14px; color: #8C9866; font-weight: bold;}

A:link img {text-decoration: none; color: #6D94C4; border:0; border:none;}
A:visited img {text-decoration: none; color: #6D94C4; border:0; border:none;}
A:active img {text-decoration: none; color: #6D94C4; border:0; border:none;}
A:hover img {text-decoration: underline; color: #E7184D; border:0; border:none;}

A:link {text-decoration: none; color: #6D94C4;}
A:visited {text-decoration: none; color: #6D94C4;}
A:active {text-decoration: none; color: #6D94C4;}
A:hover {text-decoration: underline; color: #E7184D;}

div#page {position: absolute; left: 50px; top: 5px; width: 850px;}

div#titlebar {position: absolute; left: 0px; top: 0px; width: 700px;}

div#sidebar {position: absolute; left: 0px; top: 115px; width: 200px;}

div#sidebar_long {position: absolute; left: 0px; top: 115px; width: 200px;}

div#club_right {position: absolute; left: 500px; top: 10px; width: 100px;}

div#main {z-index:0; position: absolute; left: 200px; top: 120px;}

div#qTip {
 padding: 3px;
 border: 1px solid #8C9866;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #ffffff;
 color: #584314;
 font: bold 10px AXIS Std Joyo;
 text-align: left;
 max-width: 300px;
 position: absolute;
 z-index: 1000;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 14px century gothic, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

.glossymenu{
margin: 0px 0;
padding: 0px;
width: 200px; /*width of menu*/
border: none;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #ffffff url(glossyback.gif) repeat-x bottom left;
font: bold 14px "century gothic", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #584314;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 0px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #584314;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback3.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "century gothic", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #584314;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #EDEEE8;
colorz: black;
}