@charset "utf-8";

/* CSS Document */

body,
html {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFF;
	font-family: 'Droid Serif', Georgia;
	font-size: 15px;
	cursor: default;
	font-smooth: always;
}

input[type="text"],
input[type="password"],
textarea,
select {
	outline: none;
}

a:link,
a:visited {
	color: #00da80;
	text-decoration: none;
}

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

.link {
	color: #00da80;
	border-bottom: 1px dotted #00da80;
	cursor: pointer;
}

.link:hover {
	color: #abfff2;
	border-bottom: 1px dotted #abfff2;
}

a img {
	border: 4px double #00da80;
	margin: 0px auto 0px auto;
}

a img:hover {
	border: 4px solid #00da80;
}

img {
	display: block;
	margin: 0px auto 0px auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-shadow: 1px 1px #000;
}

h1 {
	display: inline-block;
	width: auto;
	margin: 16px 0px 10px 0px;
	padding: 0px 20px 4px 20px;
	font-size: 30px;
	border-bottom: 2px solid #1b443d;
	box-shadow: 0px 3px 0px -2px #0d221f;
}

h2 {
	text-align: center;
}

h3 {
	text-align: center;
}

h4 {
	text-align: center;
}

h5 {
	text-align: center;
}

h6 {
	text-align: center;
}

.invisible_line {
	height: 0px;
	margin: 0px;
	padding: 0px;
}

hr {
	height: 0px;
	border: 0px;
	border-top: 1px solid #1b443d;
	border-bottom: 1px solid #0d221f;
}

hr.hr1 {
	height: 0px;
	border: 0px;
	border-top: 1px solid #1b443d;
	border-bottom: 1px solid #0d221f;
	margin: 30px auto 30px auto;
	width: 80%;
}

hr.hr2 {
	border-top: 1px solid #1b443d;
	border-bottom: 1px solid #0e2421;
	box-shadow: 0px -1px 3px #1b443d;
	margin: 45px 0px 45px 0px;
}

p {
	text-align: justify;
	text-indent: 25px;
	line-height: 180%;
	clear: left;
}

p.center {
	text-align: center;
	text-indent: 0px;
}

.right {
	float: right;
}

.left {
	float: left;
}

img.album {
	margin: 10px;
}

li.album {
	text-align: left;
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

.edit {
	background: #21524b;
	color: #FFF;
	border: 4px solid #112a26;
	box-shadow: 0px 0px 6px 1px #000;
	border-radius: 0px 0px 20px 20px;
	margin: -14px auto 0px auto;
	padding: 5px 20px 5px 20px;
	display: block;
	width: 100px;
	font-family: trebuchet ms;
}

.edit:hover {
	background: #2c6159;
	border: 4px solid #112a26;
	text-decoration: none;
}

.clearme {
	border: 0px;
	border-bottom: 3px solid #000;
	clear: both;
	margin: 30px -15px 30px 0px;
}

.error {
	margin: 50px 100px 0px 100px;
	padding: 30px 0px 30px 0px;
	border: 8px solid #21524b;
	box-shadow: 0px 0px 7px 0px #091817, inset 0px 0px 6px #091817;
	border-radius: 20px;
	background: #13302e;
	font-size: 17px;
}

#head {
	background: url(../img/dev/bgw_min.png) repeat-x;
	height: 300px;
}

.noborder {
	border: 0px;
}

.noborder:hover {
	border: 0px;
}

#body_m {
	width: 902px;
	border: 0px solid #21524b;
	box-shadow: inset 0px 0px 0px 0px #091817;
	margin: 0 auto 30px auto;
	background: #143530;
	background-image: url(../img/dev/rs.png);
	border-radius: 15px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#menu {
	float: left;
	width: 170px;
	border-radius: 14px 0px 0px 00px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 10px 00px;
	position: relative;
}

#menu a {
	color: #fff;
}

#menu a:hover {
	text-decoration: none;
	color: #00da80;
}

.option {
	display: block;
	padding: 6px 0px 5px 10px;
	padding-left: 16px;
	margin: 0px -1px 0px 0px;
	font-size: 18px;
	text-shadow: 1px 1px 2px #000;
	border-radius: 0px;
	transition: padding-left .15s linear, color .15s linear;
}

.option:hover {
	padding-left: 24px;
	background-color: #0d221f;
	box-shadow: inset 1px 0px 3px 0px #091917;
}

.hroption {
	display: block;
	text-align: center;
	margin: 6px 15px 6px 10px;
	height: 0px;
	border: 0px;
	border-top: 1px solid #1b443d;
	border-bottom: 1px solid #0e2421;
}

#content_text {
	float: right;
	width: 700px;
	border-left: 1px solid #0d221f;
	box-shadow: -1px 2px 2px #112b29;
	margin: 10px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	min-height: 500px;
	position: relative;
}

.icon {
	float: right;
	border-radius: 5px;
	border: 3px solid #091917;
	margin: 10px 3px 0px 0px;
}

.parents {
	background-color: #205249;
	box-shadow: 0 5px 5px #091917;
	height: 450px;
	border-radius: 25px 25px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.parents_arch {
	background-color: #205249;
	box-shadow: 0 2px 3px 0px #091917;
	border-radius: 25px;
	padding: 10px 0px 20px 0px;
	margin: 13px 0px 20px 0px;
}

.litter_name {
	background-color: #0f2723;
	border-radius: 20px;
	margin: 0px 10px 20px 10px;
	padding: 2px 20px 2px 20px;
	font-size: 30px;
	box-shadow: inset 0 0 10px 0px #091917;
}

.litter_father {
	background-color: #153530;
	border-radius: 20px 20px 16px 12px;
	margin: 0px 0px 0px 7px;
	height: 382px;
	box-shadow: inset 0 0 6px 0px #0f2722;
	float: left;
}

.litter_mother {
	background-color: #153530;
	border-radius: 20px 20px 16px 12px;
	margin: 0px 7px 0px 0px;
	height: 382px;
	box-shadow: inset 0 0 6px 0px #0a1a17;
	float: right;
}

.litter_heart {
	width: 52px;
	height: 50px;
	float: left;
	margin: 140px 0px 0px 7px;
}

.parent_name {
	border-radius: 20px 20px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 16px;
}

.parent_name strong {
	font-size: 19px;
}

.parent_info {
	border-radius: 00px 00px 20px 20px;
	padding: 3px 0px 7px 15px;
	font-size: 13px;
	text-align: left;
}

.litter-description-box {
	text-align: left;
	line-height: 150%;
	margin: auto;
	display: block;
	width: 85%;
	padding: 10px 0px 10px 20px;
	border-radius: 20px;
}

.litter-description {
	font-weight: bold;
	width: 80px;
	display: inline-block;
	background-color: #205249
}

.litter_archive {
	padding: 5px 0px 10px 0px;
	margin: 15px auto 15px auto;
	border: 1px solid #fff;
	border-radius: 4px;
	width: 556px;
	height: ;
	display: inline-block;
}

.litter_archive_link {
	background-color: #205249;
	padding: 8px 0px 8px 0px;
	margin: 5px 0px 5px 15px;
	width: 120px;
	border-radius: 6px;
	box-shadow: 0px 1px 3px 0px #091917;
	display: inline-block;
	float: left;
}

.litter_archive_link:hover {
	background-color: #00da80;
	color: #000;
	text-decoration: none;
}

.litter_archive a {
	color: #00da80;
}

.litter_archive a:hover {}


/* Litter Tables */

.litter-table {
	background-color: #205249;
	display: table;
	font-size: 15px;
	text-align: center;
	margin: auto;
	border-radius: 20px;
	border: 8px solid #143530;
	box-shadow: 0px 3px 1px -1px #0b1c19, 0px -2px 1px -1px #0b1c19;
	;
}

.litter-table-caption {
	display: table-caption;
	height: 30px;
	font-size: 18px;
}

.litter-table-row {
	display: table-row;
}

.litter-table-video {
	display: table-cell;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	border-bottom: 3px solid #143530;
	border-right: 0px solid #143530;
}

.litter-table-col {
	display: table-cell;
	padding: 4px 0px 4px 0px;
	vertical-align: middle;
	border-bottom: 3px solid #143530;
	border-right: 0px solid #143530;
}

.litter-table-col-bot {
	display: table-cell;
	padding: 4px 0px 4px 0px;
	vertical-align: middle;
	border: 0px;
}

.kitten-name {
	display: block;
	font-size: 18px;
	margin: auto;
	padding: 5px 10px 5px 10px;
	width: 70%;
	border-radius: 20px;
	background-color: #143530;
}

.kitten-name-male {
	display: block;
	font-size: 18px;
	margin: auto;
	padding: 6px 10px 5px 10px;
	width: 70%;
	border-radius: 20px;
	background-color: #6dcdff;
	color: #000000;
	box-shadow: inset 0px 0px 4px 0px #004c73;
}

.kitten-name-female {
	display: block;
	font-size: 18px;
	margin: auto;
	padding: 6px 10px 5px 10px;
	width: 70%;
	border-radius: 20px;
	background-color: #143530;
	color: #ff88d9;
}

.kitten-video {
	display: block;
	float: left;
	margin: 5px 0px 20px 5px;
}

.kitten-video img {
	border: 0px;
}

.kitten-video img:hover {
	border: 0px;
}

.kitten-color-code {
	font-size: 13px;
}

.kitten-image1 {
	width: 150px;
	height: 150px;
}

.kitten-image2 {
	width: 68px;
	height: 68px;
	margin: 0px 0px 6px 6px;
}

.kitten-image3 {
	width: 68px;
	height: 68px;
	margin: 0px 0px 0px 6px;
}

.lkstatus {
	display: block;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: auto;
	width: 80%;
	border-radius: 15px;
	line-height: 150%;
	font-weight: bold;
	background-color: #143530;
	color: #FFF;
}

.lkstatus-available {
	display: block;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: auto;
	width: 65%;
	border-radius: 15px;
	line-height: 150%;
	font-weight: bold;
	background-color: #143530;
	color: #0C3;
}

.lkstatus-option {
	display: block;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: auto;
	width: 65%;
	border-radius: 15px;
	line-height: 150%;
	font-weight: bold;
	background-color: #143530;
	color: #0CF;
}

.lkstatus-reserved {
	display: block;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: auto;
	width: 80%;
	border-radius: 15px;
	line-height: 150%;
	font-weight: bold;
	background-color: #143530;
	color: #F33;
}

.lkstatus-onhold {
	display: block;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: auto;
	width: 65%;
	border-radius: 15px;
	line-height: 150%;
	font-weight: bold;
	background-color: #143530;
	color: #FC0;
}


/*FOR SALE DROP DIV*/

#EXPAND_1,
#EXPAND_2,
#EXPAND_3,
#EXPAND_4,
#EXPAND_5,
#EXPAND_6 {
	display: none;
	margin: 0px;
}

.forsalebox .show_hide {
	display: block;
	padding: 8px;
	margin: 0px;
	border-radius: 12px 12px 17px 17px;
	background-color: #091917;
	color: #ff3;
}

.forsalebox {
	border-radius: 0px 0px 15px 15px;
	padding: 0px 0px 7px 0px;
	clear: both;
	background-color: #205249;
	box-shadow: 0 4px 2px -2px #091917;
}

.forsalebox_s {
	border-radius: 0px 0px 15px 15px;
	padding: 0px 0px 7px 0px;
	clear: both;
	background-color: #0f2723;
}

.show_hide:hover {
	color: #abfff2;
	text-decoration: none;
	background-color: #0c1f1c;
}


/*Terms of Sale*/

.terms {
	border: 1px solid #fff;
	border-radius: 9px;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 25px 0px;
	text-align: left;
}

.before {
	display: block;
	font-size: 25px;
	padding: 0px 0px 5px 0px;
}

.before1 {
	background-color: #fe8875;
	color: #091917;
	border-radius: 7px;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 10px 0px;
}

.before2 {
	background-color: #fef975;
	color: #091917;
	border-radius: 7px;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 10px 0px;
}

.before3 {
	background-color: #75fe7b;
	color: #091917;
	border-radius: 7px;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 10px 0px;
}

.before4 {
	background-color: #75f6fe;
	color: #091917;
	border-radius: 7px;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 10px 0px;
}

.before_title {
	display: block;
	font-weight: bold;
	font-size: 25px;
	padding: 0px 0px 9px 0px;
	text-shadow: 0px 1px 1px #fff;
}

.terms li {
	padding: 0px;
	margin: 0px 0px 0px 45px;
	line-height: 150%;
	font-size: 14px;
	text-align: justify;
}

.after {
	text-align: left;
	text-indent: 40px;
	font-size: 16px;
	line-height: 170%;
}

.after li {}


/* Box Links for Litters and Alumni */

.ll_wrapper {
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
}

a.ll_block {
	width: 30%;
	text-align: left;
	border-radius: 3px;
	background: #1a433d;
	border: 1px solid #245b53;
	box-shadow: inset 1px 1px #122f2b, 0px 1px #0b1d1c;
	margin: 10px 1% 0px;
	display: inline-block;
	/* padding:5px; */
	font-size: 18px;
	height: 90px;
}

a.ll_block:hover {
	border: 1px solid #276259;
	background: #1e4f48;
	color: #fff;
}

a.ll_block img {
	display: block;
	border: 0px;
	width: 100% !important;
	height: 90px !important;
	z-index: 100;
}

a.ll_block span {
	display: block;
	text-align: center;
	background: rgba(0, 0, 0, 0.63);
	color: #fff;
	position: relative;
	z-index: 1;
	bottom: 31px;
	padding: 5px 0px;
}

a.ll_block:hover span {
	border-bottom: 1px dotted #8bf9cb;
	color: #8bf9cb;
}


/*ALUMNI DROP DIV*/

#alumni_A,
#alumni_Aa,
#alumni_B,
#alumni_C,
#alumni_D,
#alumni_E,
#alumni_F,
#alumni_G,
#alumni_H,
#alumni_I,
#alumni_J,
#alumni_K,
#alumni_L,
#alumni_M,
#alumni_N,
#alumni_O {
	display: none;
	margin: 15px 15px 15px 15px;
}

.slidingDiv {
	display: block;
	padding: 20px;
	margin: 10px 0px 0px 0px;
	border-radius: 25px;
	background-color: #0f2723;
}

.show_hide {
	display: block;
	padding: 8px;
	margin: 5px 0px 0px 0px;
	border-radius: 17px;
	background-color: #091917;
	color: #fff;
}

.alumnibox {
	background-color: #22564d;
	border-radius: 18px;
	padding: 0px 0px 7px 0px;
	box-shadow: 0px 3px 4px 0px #091917;
	-webkit-transition: background-color .1s ease-in;
}

.alumnibox a {
	color: #fff;
}

.alumnibox a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0b201d;
}

.by_letter {}

.by_letter a {
	text-decoration: underline;
	margin: 0px 5px 0px 5px;
}


/*Females and Males pages*/

.fenmales-table {
	display: table;
	border: 0px solid #aef4e6;
	background-color: #22564d;
	font-size: 14px;
	border-radius: 0px 0px 20px 20px;
}

.fenmales-table p {
	display: block;
	text-align: left;
	text-indent: 0px;
	line-height: 130%;
	background-color: #143530;
	border-radius: 20px;
	margin: 10px 20px 10px 20px;
	padding: 5px 5px 5px 20px;
}

.fenmales-table img {
	border: 0px solid #143530;
	border-bottom: 0px;
}

.fenmales-table img:hover {
	border: 0px solid #FF3;
	background-color: #FF3;
	border-bottom: 0px;
}

.fenmales-table-caption {
	display: table-caption;
	text-align: left;
	padding: 15px 0px 15px 50px;
	font-size: 16px;
	color: #fff;
	border-radius: 30px 30px 0px 0px;
	background-color: #091917;
	border-bottom: 6px solid #143530;
}

.fenmales-table-row {
	display: table-row;
}

.fenmales-table-col {
	display: table-cell;
	padding-left: 0px;
	padding-bottom: 0px;
	border-bottom: 6px solid #143530;
	vertical-align: middle;
}

.fenmales-table-col-bot {
	display: table-cell;
	padding-left: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	vertical-align: middle;
}

.ffakeborder {
	width: 287px;
	height: 281px;
	background-color: #143530;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	margin: 0px 0px 0px 15px;
}

.ffakeborder:hover {
	background-color: #00da80;
}

.fnmheadpic {
	width: 275px;
	height: 275px;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	margin: 6px 6px 0px 6px;
}

#footer {
	clear: both;
	padding: 4px 0px 16px 0px;
	border-top: 1px solid #091917;
	background-color: #0d2320;
	border-radius: 0px 0px 15px 15px;
	position: relative;
	box-shadow: inset 0 4px 4px -3px #091917;
}

nav {
	padding: 25px 0px 15px 0px;
	font-size: 12px;
}

nav a.footer_link {
	padding: 3px 0px 3px 0px;
	border: 0px solid black;
	display: inline-block;
	color: #00da80;
}

nav a.footer_linl:hover {
	color: #abfff2;
	border-bottom: 1px dotted #abfff2;
	text-decoration: none;
}

#album {
	margin: 0px 0px 0px 0px;
	min-height: 650px;
}

.album img:hover {
	background-color: #102b27;
	border-radius: 20px;
}

.album_header {
	text-align: left;
	margin: 0px 20px 15px 20px;
	padding: 8px 20px 8px 20px;
	border-radius: 25px;
	font-size: 17px;
	box-shadow: inset 0px 0px 10px 0px #060f0e;
	background: #091817;
}

.album_error {
	text-align: center;
}

.link_block {
	display: inline-block;
	padding: 10px;
	border: 0px solid #FFF;
	width: 180px;
	height: 180px;
	margin: 0px;
}

.photo_block {
	border: 0px;
	display: block;
	width: 180px;
	height: 180px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 1px #000;
	-webkit-transition: all .2s ease-in-out;
}

.photo_block:hover {
	border: 0px;
	-webkit-transform: scale(1.15);
}

.album_category {
	margin: 15px;
	border: 0px;
}

.album_category:hover {
	margin: 15px;
	border: 0px;
}

.album_females {
	margin: 0px 0px 0px 140px;
	clear: both;
}

.album_males {
	margin: 0px 0px 0px 240px;
	clear: both;
}

.album_gallery {
	margin: 0px 0px 0px 240px;
	clear: both;
}

.album_a {
	margin: 0px 0px 0px 20px;
	clear: both;
}

.album_b {
	margin: 0px 0px 0px 0px;
}

.album_c {
	margin: 0px 0px 0px 20px;
	clear: both;
}

.album_d {
	margin: 0px 0px 0px 140px;
	clear: both;
}

.album_img {
	margin: 15px;
	float: left;
	width: 180px;
	height: 200px;
	border: 0px
}

.album_img:hover {
	border: 3px;
}

.spoiler .inner_spoiler {
	padding: 20px;
	margin: 3px 3px 3px 3px;
	border-radius: 25px;
	border: 1px solid #CCC;
}

div#mainpage:before {
	content: "Welcome!";
	position: absolute;
	top: 320px;
	left: 50px;
	z-index: 10;
	font: 700 50px/50px 'Droid Serif', Georgia;
	color: #E5FF2B;
	text-shadow: 1px 1px 0 #111, 2px 2px 0 #222, 3px 3px 0 #222, 4px 4px 0 #222, 5px 5px 0 #222, 6px 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .3), 3px 3px 5px rgba(0, 0, 0, .2), 5px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 20px 20px 20px rgba(0, 0, 0, .15);
}

div#mainpage:after {
	content: "britishsilvercats.com";
	position: absolute;
	top: 370px;
	right: 23px;
	z-index: 10;
	font: 700 20px/20px 'Droid Serif', Georgia;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000;
	opacity: 0.5;
}