body,html {font-family:'ABeeZee', sans-serif;height:99%;margin:0px; padding:0px;font-size:14px;}

html {height:100%;}
body { min-height:100%; }

.deviPhone { color:#ccc; display:none;  }

* { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {color:#333;font-weight:bold;text-decoration:none;}
a:hover {color:#c00;}

.picshad {box-shadow: 22px 0px 20px -20px rgba(100, 100, 100, 1), -22px 0px 20px -20px rgba(100, 100, 100, 1), 
	inset 0px 30px 20px -20px rgba(180, 180, 180, 1), inset 0px -30px 20px -20px rgba(180, 180, 180, 1);}

	 .W_20 {width:20%}
	 .W_25 {width:25%}
	 .W_30 {width:30%}
	 .W_40 {width:40%}
	 .W_50 {width:50%}
	 .W_90 {width:90%}
	.W_FL {float:left;}
	.W_FR {float:right;}
	 .W_Center {display:block;margin-left:auto;margin-right:auto;}

.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	.w-10 {width:10%;}
	.w-15 {width:15%;}
	.w-20 {width:20%;}
	.w-25 {width:25%;}
	.w-30 {width:30%;}
	.w-33 {width:33.33%;}
	.w-40 {width:40%;}
	.w-49 {width:49%;}
	.w-50 {width:50%;}
	.w-60 {width:60%;}
	.w-70 {width:70%;}
	.w-80 {width:80%;}
	.w-90 {width:90%;}
	.w-95 {width:95%;}
	.w-100 {width:100%;}

	.w-ib {display:inline-block;}
	.w-b {display:block;}
	.w-hide {display:none;}
	.w-tal {text-align:left;}
	.w-tar {text-align:right;}
	.w-tac {text-align:center;}
	.w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;}
	.w-fr {float:right;}
	.w-fl {float:left;}
	.w-fn {float:none;}

	.w1-mr5 {margin-right: 5%;}

	.w-text08 {font-size:0.8em}
	.w-text11 {font-size:1.1em}
	.w-text12 {font-size:1.2em}
	.w-text20 {font-size:2em}

	.w-cen {margin-left:auto;margin-right:auto;}


h1 {text-align:left;font-size:1.5em;color:#fff;font-weight:bold;margin:15px 0px;font-family:Bad Script, 'ABeeZee', sans-serif;background-color:#999;
	margin-left:-50px;padding:5px 30px 2px 30px;border-radius:30px;
	box-shadow: inset 0px 40px 25px -30px rgba(0, 0, 0, 0.3), inset 0px -40px 25px -30px rgba(0, 0, 0, 0.4);}
h2 {margin-bottom:0px;font-family:'ABeeZee', sans-serif;text-align:left;}
h3 {font-family:'Calligraffitti', sans-serif;text-align:right;padding-right:100px;font-size:1.5em;}
h3 font {font-size:2em;}
h4 {text-align:left;font-size:2em;font-weight:bold;margin:15px 0px;font-family:Bad Script, 'ABeeZee', sans-serif;}
h5 {text-align:left; font-size:1em; color:#d48; font-family:'ABeeZee', sans-serif; margin:10px 0px 0px 5%; padding:none; }

body {padding-top:19%;}

#header {text-align:center;margin:0px;position:fixed; top:0px; left:0px; width:100%; cursor:pointer; z-index:999; background-color:#fff;}

	#smallmenu {display:inline-block;width:80%;height:40px;margin:4%;border-radius:20px;text-align:center;background-color:#000;font-size:0.8em;}
	#smallmenu img {height:30px;width:30px;vertical-align:middle;margin-left:30px;margin-top:0px;}
	#smallmenucap {display:inline-block;font-size:2.5em;vertical-align:middle;color:#fff;margin-top:3px;}

#reviews {width:100%;text-align:center;margin:0px 0px 10px 0px; min-height:30px;}
#reviews div {width:90%;font-style:italic;color:#c49;display:none;}
#reviews .active {display:inline-block !IMPORTANT;}
#reviews font {color:#c33;font-weight:bold;}

.bar {width:95%;height:5px;margin:0px auto;background-color:#aaa;
	background: -ms-linear-gradient(left, transparent 0%, #999 10%, #999 90%, transparent 100%);
	background-image: -moz-linear-gradient(left, transparent 0%, #999 10%, #999 90%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, #999 10%, #999 90%, transparent 100%);
	background: -webkit-linear-gradient(left, transparent 0%, #999 10%, #999 90%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #999 10%, #999 90%, transparent 100%);
}

	#MainMenu {position:relative;text-align:center;margin:0px auto;max-width:1400px;}
	#MainMenu .padding {height:1%; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
	#MainMenu .padding.hidden {height:0%;}
	#MainMenu ul {margin:7px 0px;padding:0px;}
	#MainMenu ul li {display:block;position:relative;margin: 0px 1%;vertical-align:middle;}
	#MainMenu ul li img {max-width:350px;margin:20px 0;vertical-align:middle;}
	#MainMenu ul li br.active { display:none !IMPORTANT; }
	#MainMenu ul li span {vertical-align:middle;padding:0px 10%;}

	#MainMenu ul li a {text-decoration:none;display:block;border: 1px solid transparent;border-radius:30px;padding:0px;
			color:#666;font-weight:bold;font-family:Bad Script, 'ABeeZee', sans-serif;}
	#MainMenu ul li:last-child span {padding:0px 0px 0px 2%;}
	#MainMenu ul li a:active, #MainMenu a:hover {text-decoration:none;border: 1px solid #666;color:#c00;cursor:pointer;}
	
	#MainMenu ul li .activemenu {border: 1px solid #666;color:#c00;cursor:pointer;}


	#header .logo img { width:90%; max-width:300px; display:block; padding:0px; border:none;margin:0px auto 0px auto;
	    -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

#mainmenu2 {margin:0px; padding:0px;}

#menushow {cursor:pointer;margin:0px;text-align:center;}

 .mshow {display:block; margin:10px auto 10px 0px; width:40px; height:40px;border-radius:8px;position:relative;cursor:pointer;border:3px solid #d48;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow div { width:24px; height:3px;background-color:#d48; border-radius:5px;position:absolute;left:5px;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow .bar1 {top:6px;}
 .mshow.active .bar1 {top:15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
 .mshow .bar2 {top:15px;}
 .mshow.active .bar2 {left:18px;width:0px;}
 .mshow .bar3 {top:24px;}
 .mshow.active .bar3 {top:15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}


		#mainmenu2 .menushow {margin:0px; padding:0px;display:none; border-bottom:5px solid #aaa;
			box-shadow: 0px 10px 10px #666; -moz-box-shadow:
 0px 10px 10px #666; -webkit-box-shadow: 0px 10px 10px #666;}
		#mainmenu2 .menushow li {margin:0px; padding:0px;list-style-type:none;border-top:1px solid #ccc;border-bottom:1px solid #999;vertical-align:middle;}
		#mainmenu2 .menushow li:first-child {border-top:none;}
		#mainmenu2 .menushow li:last-child {border-bottom:none;}
		#mainmenu2 .menushow li a {text-decoration:none;color:#666;font-weight:bold;padding:10px;display:block;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
		#mainmenu2 .menushow li:not(.active) a:hover {color:#000;background-color:#4ad;}
		#mainmenu2 .menushow li.active a {color:#d48;}
		#mainmenu2 .menushow li a img {opacity:1;}


#MainPage {display:none;position:relative;margin:0px; padding:0px; background-position: center top;background-image:url(../images/Background.jpg);}

.page {display:none;width:80%;max-width:900px;margin:0px auto;min-height:500px;border-top: 1px solid #bbb;padding:20px;text-align:center;position:relative;background-color:#fff;
	box-shadow: 22px 0px 20px -20px rgba(100, 100, 100, 1), -22px 0px 20px -20px rgba(100, 100, 100, 1), 
	inset 0px 30px 20px -20px rgba(180, 180, 180, 1), inset 0px -30px 20px -20px rgba(180, 180, 180, 1);}

.page p {padding:0px 0px;font-size:1em;margin:0px;text-align:left;font-style:italic;line-height:1.4em;}



#about h1 {background-color:#e92;}
#about h2 {margin-top:40px;}
#about div img {float:right;margin:-10px 20px 2px 5px;width:160px;}




#purchase h1 {background-color:#d48;}

	.BookSelect div img { width:90%; display:block; margin:10px auto; border:3px solid #ddd; border-radius:5px; cursor:pointer;
		 -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
	.BookSelect div:hover img { border:3px solid #4ad; }
	.BookSelect div.active img { border:3px solid #e92; }

.buyitem {border-width:0px;border-style:solid;border-color:#d48;border-radius:40px 5px;padding:0px;margin:10% 0%;display:inline-block;position:relative;background-color:#fff;width:100%;text-align:center;vertical-align:top;}
.buyitem .buyitem-header {width:60%;max-width:130px; float:right;}
.buyitem .info {min-height:140px; border-radius:15px;padding:0px;text-align:left;margin:0px;}
.buyitem .info p {padding:0px; margin:0px;}
.buyitem .price {font-size:1.1em;  padding:0px 0px 0px 20%; display:block;}
.buyitem .pricepp { margin:0px 0px 0px 30% !IMPORTANT; font-size:0.65em !IMPORTANT;}
.buyitem h2 {font-size:1.4em;margin:0px 0px 0px 20px;}
.buyitem input {margin:5px 0px;}

.buyitem .dec {display:none;width:0px; height:0px;border-color:#d48 #d48 transparent #d48;border-width:30px;border-style:solid;border-radius:50%;position:absolute;}
.buyitem .dec:first-child {top:-31px;right:-31px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);}
.buyitem .dec:last-child {bottom:-31px;left:-31px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);}

#BuyNow img {width:160px;cursor:pointer;}

#payment {text-align:center;display:none;}
#payment div {vertical-align:top;  margin:1px; padding:1px;}

	#payment {font-size:1em;}
	#payment input, #payment select {font-size:1em;width:70%; max-width:400px; text-align:left; }
	#payment input {max-width:160px;}
	#payment .costing th, #payment .costing td {font-size:0.9em;padding:1px;}

.costing {width:100%;max-width:400px; display:block; border-spacing: 6px 2px;background-color:#ddd;border-radius:5px;padding:5px 2px;margin:0px auto; border-collapse: separate;}
.costing th {border:1px solid #bbb;margin:0px;border-radius:3px;}
.costing td {padding:0px 6px;}
.costing tr td:last-child {text-align:right;border-bottom:1px solid #bbb;}
.costing input {width:50px;border:none;background-color:#ddd;margin:0px;text-align:right;}

.quote {width:90%;padding:0px;margin:0%;margin-top:4%;display:inline-block;position:relative;text-align:center;font-family:Bad Script, 'ABeeZee', sans-serif;font-size:1.1em;font-weight:bold;color:#00c;}
.quote a {vertical-align:top;}
.quote div {margin-right:5%;text-align:right;font-family:'Calligraffitti', Bad Script, 'ABeeZee', sans-serif;font-size:1.4em;color:#e92;}
.quote div:last-child {margin-right:5%;font-family:Bad Script, 'ABeeZee', sans-serif;font-size:1em;color:#00c;} 
.purchasenote {margin-top:-5px; font-size:0.8em;}

.quotes {width:100%;text-align:center;}
.quotes div {position:relative;vertical-align:top;}
.quotes div font {font-family:'Calligraffitti', Bad Script,'ABeeZee', sans-serif;font-size:1em;color:#e92;font-weight:bold;}
.quotes img {width:100%; margin:5px auto;display:block;}







#author h1 {background-color:#4ad;}
	#author h4 {margin-top:40px;}
	#amylink {margin:0px;text-align:center;}



#sitemap h1 {background-color:#238;}
	#sitemap img {width:35%;max-width:220px;position: absolute;right:5%;top:50%; margin-top:-100px;z-index:1;}
	#sitemap h4 {font-size:2em;}
	#sitemap ul {margin:40px 0px 0px 5px;width:100%;z-index:2;position:relative;}
	#sitemap li a {font-size:1em;margin:1em 0em;}

	#sitemap ul li {text-align:left;font-style:italic;font-size:1.2em;line-height:1.4em;}

#contact h1 {background-color:#c33;}
	#contact h4 {font-size:1.2em;}

	#contact input[type='text'], #contact input[type='email'] {width:90%;border-style:solid;border-color:#666;border-width:0px 0px 1px 0px;margin:5px 0px;}
	#contact input[type='submit'] {display:inline-block;margin:5px;color:#fff;font-size:1.2em;font-family:'ABeeZee', sans-serif;background-color:#c00;
		border-radius:20px;box-shadow: inset 0px 15px 10px -10px rgba(0, 0, 0, 0.3), inset 0px -15px 15px -10px rgba(0, 0, 0, 0.4);padding:2px 15px;}
	#contact input[type='submit']:hover {background-color:#f00;cursor:pointer;}
	#contact textarea {width:90%;border-style:solid;border-color:#666;border-width:0px 0px 1px 0px;height:200px;overflow: auto;margin:5px 0px;}
	#contact div {display:block; width:100%;vertical-align:top;}

	#SecQ {display:inline-block;margin:5px;font-style:italic;}
	#SecQ input {width:50px;border-radius:30%;text-align:center;}


	


.footer {text-align:center;font-size:1em;color:#333;width:95%;max-width:860px;position:relative;padding:0px;margin:20px auto;}
.footer a {line-height:25px;}
.footer span {display:block;line-height:0px;visibility:hidden;}
.footer div {margin:9px auto;}
.footer div img {margin-bottom:-2;}
#footerpp {position:absolute;left:0px;top:1px;width:50px;z-index:-1;opacity:0.7;}
#footerpub {position:absolute;right:0px;top:1px;width:80px;z-index:-1;}