body {
    background: url(index.files/books_background_02.jpg);
	
	  font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

table {
    margin: 10px;
	border-radius: 10px;
}

html{font-size:110%;}

@media(min-width:60em){html{font-size: 100%}}

ul{line-height:200%;}

p{font-size:120%;line-height:1.2;}

td {
    border-radius: 10px;
    color: blue;
    border:3px solid #330099;background: url(index.files/books_background_01.jpg);
<style>
	/* The following styles are used only for this page - the actual plugin styles are in slidernav.css */
	* { margin: 0; padding: 0; }
	#content { padding: 40px 20px; font-family: "Helvetica Neue", Helvetica, Arial; font-size: 12px; line-height: 18px; color: #ffffff; }
	a { text-decoration: none; }
	h2, h3 { margin: 0 0 20px; color: #fff; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
	pre { background: #fff; width: 460px; padding: 10px 20px; border-left: 5px solid #ccc; margin: 0 0 20px; }
	p { font-size: 18px; line-height: 24px; margin: 0 0 30px; }
	input { margin: 0; padding: 0; }
	
	/* Dark Button CSS */
	.button {
		outline: 0;
		padding: 5px 12px;
		display: block;
		color: #9999ff;
		font-weight: bold;
		text-shadow: 1px 1px #000000;
		border: 3px solid #0000ff;
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		background: #232B30; /* old browsers */
		background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
	}
	.button:hover {
		color: #fff;
		background: #4C5A64; /* old browsers */
		background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */
	}
	.button:active {
		background-position: 0 top;
		position: relative;
		top: 1px;
		color: #fff;
		padding: 6px 12px 4px;
		background: #110033; /* old browsers */
		background: -moz-linear-gradient(top, #110033 3%, #110099 51%, #110055 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#110033), color-stop(51%,#110099), color-stop(100%,#110055)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110033', endColorstr='#110055',GradientType=0 ); /* ie */
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	}
	
	/* Other stuff: */
	.button-list { list-style: none; padding: 0; margin: 0; width: 100%; float: left; display: block; margin: 0 0 30px; }
	.button-list li { float: left; margin: 0 10px 0 0; }
	.button-list li.search { border-left: 1px solid #273137; padding-left: 18px; margin-left: 10px; position: relative; }
	
	/* Search CSS: */
	.search-input {
		padding: 0 5px 0 22px;
		border: 3px solid #0000ff;
		height: 30px;
		color: #9fa8b0;
		font-size: 12px;
		line-height: 30px;
		font-weight: bold;
		text-shadow: 1px 1px #1f272b;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		background: #110033; /* old browsers */
		background: -moz-linear-gradient(top, #110033 3%, #110099 51%, #110055 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#110033), color-stop(51%,#110099), color-stop(100%,#110055)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110033', endColorstr='#110055',GradientType=0 ); /* ie */
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	}
	.search-input:focus {outline: none;}
	.search-submit {
		width: 13px;
		height: 13px;
		border: blue;
		display: block;
		position: absolute;
		left: 26px;
		top: 10px;
		text-indent: -9999em;
	}
	
	/* Vertical List: */
	.vertical-list {
		list-style: none;
		padding: 10px;
		width: 500px;
		border: 3px solid #330099;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		background: #110033; /* old browsers */
		background: -moz-linear-gradient(top, #000011 3%, #110099 51%, #000011 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#000011), color-stop(51%,#110099), color-stop(100%,#000011)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000011', endColorstr='#000011',GradientType=0 ); /* ie */
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	}
	.vertical-list .button {
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		background: #000055; /* old browsers */
		background: -moz-linear-gradient(top, #000055 3%, #000055 5%, #000011 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#000055), color-stop(5%,#000055), color-stop(100%,#000011)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000055', endColorstr='#000011',GradientType=0 ); /* ie */
	}
	.vertical-list .button:hover {
		background: #330099; /* old browsers */
		background: -moz-linear-gradient(top, #330099 3%, #330099 25%, #110033 80%, #110033 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#330099), color-stop(25%,#330099), color-stop(80%,#110033), color-stop(100%,#110033)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330099', endColorstr='#110033',GradientType=0 ); /* ie */
	}
	.vertical-list .button:active {
		padding: 5px 12px;
		top: 0;
		background: #000055; /* old browsers */
		background: -moz-linear-gradient(top, #000055 3%, #000055 5%, #000011 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#000055), color-stop(5%,#000055), color-stop(100%,#000011)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000055', endColorstr='#000011',GradientType=0 ); /* ie */		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */

	}
	.vertical-list li { margin: 0 0 5px; }
	.vertical-list li:last-child { margin: 0; }

#cssmenu {
  padding: 0;
  margin: 0;
  border: 50;
}
#cssmenu ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 700;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 10px;
  line-height: 1em;
  vertical-align: center;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 700;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 700;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 0;
  left: 100%;
}
#cssmenu ul li {
  float: none;
}
/* Custom Stuff */
#cssmenu span,
#cssmenu a {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-decoration: none;
}
#cssmenu {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
  font-weight: 600;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu > ul > li:first-child {
  -moz-border-radius: 50px 50px 0 0;
  -webkit-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu > ul > li:last-child {
  -moz-border-radius: 50 50 50px 50px;
  -webkit-border-radius: 50 50 50px 50px;
  border-radius: 50 50 50px 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu > ul > li ul ul li:first-child {
  -moz-border-radius: 50 50px 50 50;
  -webkit-border-radius: 50 50px 50 50;
  border-radius: 50 50px 50 50;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu > ul > li ul ul li:last-child {
  -moz-border-radius: 50 50 50px 50;
  -webkit-border-radius: 50 50 50px 50;
  border-radius: 50 50 50px 50;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul,
#cssmenu li {
  width: 100%;
}
#cssmenu li {
  background: #000011 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000055), color-stop(1, #000011));
  background-image: -webkit-linear-gradient(top, #000055, #000011);
  background-image: -moz-linear-gradient(top, #000055, #000011);
  background-image: -ms-linear-gradient(top, #000055, #000011);
  background-image: -o-linear-gradient(top, #000055, #000011);
  background-image: linear-gradient(#000055, #000011);
}
#cssmenu li:hover,
#cssmenu li.active {
  background: #3333aa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
  -moz-box-shadow: inset 50 -2px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 50 -2px 30px rgba(0, 0, 0, 0.15);
  box-shadow: inset 50 -2px 30px rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9900ff), color-stop(1, #3333aa));
  background-image: -webkit-linear-gradient(top, #9900ff, #3333aa);
  background-image: -moz-linear-gradient(top, #9900ff, #3333aa);
  background-image: -ms-linear-gradient(top, #9900ff, #3333aa);
  background-image: -o-linear-gradient(top, #9900ff, #3333aa);
  background-image: linear-gradient(#9900ff, #3333aa);
}
#cssmenu li:hover > a,
#cssmenu li.active > a {
  color: #ffff00;
}
#cssmenu a {
  color: #ffffff;
  line-height: 100%;
  padding: 30px 30px 30px 30px;
}
#cssmenu ul ul {
  -moz-box-shadow: 50 10px 20px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 50 10px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 50 10px 20px rgba(0, 0, 0, 0.15);
  width: 100px;
}
#cssmenu ul ul li {
  background: #3333aa;
  border-bottom: 50px solid #59636F;
  -moz-box-shadow: inset 10 10px 50 #66707c;
  -webkit-box-shadow: inset 10 10px 50 #66707c;
  box-shadow: inset 10 10px 50 #66707c;
}
#cssmenu ul ul li:hover {
  background: #9900ff;
}
#cssmenu ul ul li a {
  color: #ffffff;
}
#cssmenu ul ul a,
#cssmenu ul ul a span {
  font-size: 12px;
}
/* Starter CSS for Flyout Menu */
/* Custom Stuff */
#cssmenu span,
#cssmenu a {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
text-decoration: none;
}
#cssmenu {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: 10 10 20px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 10 10 20px 10px rgba(0, 0, 0, 0.15);
box-shadow: 10 10 20px 10px rgba(0, 0, 0, 0.15);
font-weight: 700;
width: 700px;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu > ul > li:first-child {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 25px 25px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#cssmenu > ul > li:last-child {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 25px 25px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#cssmenu > ul > li ul ul li:first-child {
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 25px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#cssmenu > ul > li ul ul li:last-child {
-moz-border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
border-radius: 0 0 25px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#cssmenu ul,
#cssmenu li {
width: 100%;
}
#cssmenu li {
background: #0000ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #9933ff), color-stop(1, #0000ff));
background-image: -webkit-linear-gradient(top, #9933ff, #0000ff);
background-image: -moz-linear-gradient(top, #9933ff, #0000ff);
background-image: -ms-linear-gradient(top, #9933ff, #0000ff);
background-image: -o-linear-gradient(top, #9933ff, #0000ff);
background-image: linear-gradient(#9933ff, #0000ff);
}
#cssmenu li:hover,
#cssmenu li.active {
background: #0000bb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
-moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #ccccff), color-stop(1, #0000bb));
background-image: -webkit-linear-gradient(top, #ccccff, #0000bb);
background-image: -moz-linear-gradient(top, #ccccff, #0000bb);
background-image: -ms-linear-gradient(top, #ccccff, #0000bb);
background-image: -o-linear-gradient(top, #ccccff, #0000bb);
background-image: linear-gradient(#ccccff, #0000bb);
}
#cssmenu li:hover > a,
#cssmenu li.active > a {
color: #FFF;
}
#cssmenu a {
color: #cc2efa;
line-height: 170%;
padding: 16px 8px 16px 28px;
width: 650px;
}
#cssmenu ul ul {
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
width: 100px;
}
#cssmenu ul ul li {
background: #0000bb;
border-bottom: 1px solid #59636F;
-moz-box-shadow: inset 0 1px 0 #66707c;
-webkit-box-shadow: inset 0 1px 0 #66707c;
box-shadow: inset 0 1px 0 #66707c;
}
#cssmenu ul ul li:hover {
background: #ccccff;
}
#cssmenu ul ul li a {
color: #FFF;
}
#cssmenu ul ul a,
#cssmenu ul ul a span {
font-size: 12px;
}
a:link {color:#aaaaff; text-decoration:none;text-shadow: 2px 2px #000099;}
a:visited {color:#d0a9f5; text-decoration:none}
a:hover {color:#ffffff; text-decoration:none}

}
body {
scrollbar-3dlight-color: 0066ff; scrollbar-arrow-color: 5577ff; scrollbar-darkshadow-color: black; scrollbar-face-color: 000000; scrollbar-highlight-color: white; scrollbar-shadow-color: 00aaff; scrollbar-track-color: #666699 ; text-shadow: 1px 2px #000099 ; font-weight: bold ; font-size: 22px ;
}
textarea {
background-color: #000011; border-bottom-color: #9999ff; border-bottom-width: 2px; border-left-color: #9999ff; border-left-width: 2px; border-right-color: 9999ff; border-right-width: 2px; border-top-color: #9999ff; border-top-width: 2px; color: #ddaaff ; text-shadow: 1px 2px #000099 ; font-weight: bold ; font-size: 22px ;
}
input {
background-color: #000011; border-bottom-color: #9999ff; border-bottom-width: 2px; border-left-color: #9999ff; border-left-width: 2px; border-right-color: 9999ff; border-right-width: 2px; border-top-color: #9999ff; border-top-width: 2px; color: #ddaaff ; text-shadow: 1px 2px #000099 ; font-weight: bold ; font-size: 22px ;
}

html,html a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	font-family: 'Verdana', sans-serif;
}

#plans,#plans ul,#plans ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pricePlans:after {
	content: '';
	display: table;
	clear: both;
}

#pricePlans {
	zoom: 1;
}

#pricePlans {
	max-width: 69em;
	margin: 10 auto;
}

#pricePlans #plans .plan {
	background: #0000ff;
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin: 1 1 20px 1;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.planContainer .title h2 {
	font-size: 2.125em;
	font-weight: 300;
	color: #0000ff;
	margin: 10;
	padding: .6em 0;
}

.planContainer .title h2.bestPlanTitle {
	background: #0000ff;
	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #0000ff;
	border-radius: 5px 5px 10 10;
}


.planContainer .price p {
	background: #0000ff;

	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #0000ff;
	font-size: 3em;
	font-weight: 900;
	height: 3em;
	line-height: 3em;
	margin: 10 10 11em;
}

.planContainer .price p.bestPlanPrice {
	background: #f7814d;
}

.planContainer .price p span {
	color: #0000ff;
}

.planContainer .options {
	margin-top: 10em;
}

.planContainer .options li {
	font-weight: 900;
	color: #0000ff;
	line-height: 3;
}

.planContainer .options li span {
	font-weight: 900;
	color: #0000ff;
}

.planContainer .button a {
	text-transform: none;
	text-decoration: none;
	color: #ccaaff;
	font-weight: 900;
	letter-spacing: 0px;
	border: 3px solid #0000ff;
	display: inline-block;
	width: 90%;
	border-radius:30px;
	margin: 1.5em 0 1.8em;
}

.planContainer .button a.bestPlanButton {
	color: #fff;
	background: #ffffff;
	border: 3px solid #0000ff;
}

#credits {
	text-align: center;
	font-size: .8em;
	font-style: italic;
	color: #0000ff;
}

#credits a {
	color: #ffffff;
}

#credits a:hover {
	text-decoration: none;
}

@media screen and (min-width: 481px) and (max-width: 768px) {

#pricePlans #plans .plan {
	width: 100%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

#pricePlans #plans .plan {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 1025px) {

#pricePlans {
	margin: 2em auto;
}

#pricePlans #plans .plan {
	width: 100%;
	margin: 0 1.33% 20px 0;
}

#pricePlans #plans > li:last-child {
	margin-right: 0;
}

#pricePlans #plans .plan:hover {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);

}

.planContainer .button a:hover {
	background: #4B0082;
	color: #ffff99;
}

.planContainer .button a.bestPlanButton:hover {
	background: #ff9c70;
	border: 2px solid #0000ff;
}
/* For the "inset" look only */
html {
    overflow: auto;
}
body {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    padding: 1px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 15px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
::-webkit-scrollbar-track-piece
	-webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(50,0,155,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(120,0,255,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(150,0,155,0.5); 
}