/* globals */
body { background-color: rgb(255,255,255); color: rgb(75, 75, 75); font: 16px "Century Gothic", sans-serif; margin: 10px; padding:0px;}
form { color: rgb(75, 75, 75); font: 14px "Century Gothic", sans-serif; margin: 0px; padding:0px;}
hr { border: 0; margin: 2px 0px 2px 0px; height: 1px; background-color: rgb(200, 200, 200);}

.fine_print { font: 8pt "Century Gothic", sans-serif; margin: 10px; padding:0px;}

a { text-decoration: none;}
a:link   { color: #03f; }
a:active { color: #03f; }
a:visited  { color: #4682b4; }
a:hover     { color: #0057cb; text-decoration: underline;}

img {border: none;}

.hidden {
  display: none;
}

/* text styles */

.name {font-family: Verdana, "Century Gothic", Verdana, sans-serif; letter-spacing: 1px; font-size: 14px; }
.center {text-align: center;}
.vertical_spaced {margin: 30px 0px 30px 0px;}
.spacious {margin: 30px 30px 30px 30px;}
.top_buffer {margin: 30px 0px 0px 0px;}
.right {text-align: right;}
.section_title  { font-size: 17px; margin-top: 10px; color: black; font-family: "Century Gothic", Helvetica, sans-serif; }
.subsection_title  { font-size: 14px; margin-top: 10px; color: black; font-family: "Century Gothic", Helvetica, sans-serif;}
.small { font-size: 10px;}
.medium { font-size: 13px;}
.large { font-size: 16px;}
.xtra_large {font-size: 26px;}
.important { color: red; font-weight: bold; }
/*strong, b {color: black;}*/
a strong {color: #03e;}
li {margin: 2px auto; list-style: circle;}

.store_items {
	margin: 0px auto 0px auto;
	padding: 5px 20px 10px 20px;
	background-color: rgb(248,248,255);
	color: black; 
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
}

.store_item h2 {
font-size: 12pt;
color: rgb(60,60,200);
}

.store_item ul {
margin: 0px 1em 0px 2.5em;
padding: 0px;
}

.store_item li {
list-style: none;
margin: 0px 1ex 7px 0ex;
}

.price_chart th {
font-weight: bold;
padding: 0px 50px 0px 0px;
}
.price_chart td {
padding: 0px 0px 0px 5px;
}

.box {margin: 0 auto 5px auto; border-spacing: 0; padding: 8px; }
.border {border: 1px solid rgb(190, 190, 190);}
.bottomless_border {border-top: 1px solid rgb(190, 190, 190); border-left: 1px solid rgb(190, 190, 190); border-right: 1px solid rgb(190, 190, 190);}
.bottom_border {border-bottom: 1px solid rgb(190, 190, 190);}
.top_border {border-top: 1px solid rgb(190, 190, 190);}
.faint { background-color: rgb(250, 250, 250); }

.store_button {text-align: right;}

/* Page Header */
#header {text-align: center; margin-bottom: 25px; }
#header .title     { letter-spacing: 2px; font-size: 46px; font-family: "Cochin", "Century Gothic", Helvetica, sans-serif; color:rgb(30,30,120); margin: 10px auto;}
#header #screenshot {}
.menu {margin: 15px auto; color: black; background-color: rgb(240, 240, 240); white-space: nowrap; overflow: hidden; width: 21em; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.menu ul { list-style: none; margin: 0; padding: 0px; background-color: rgb(240, 240, 240);}
.menu a {color: black; text-decoration: none;}
.menu a:hover {color: blue; text-decoration: none;}
.menu li {display:inline; padding: 8px 4px; margin: auto 4px; border-left: 1px solid rgb(240, 240, 240); border-right: 1px solid rgb(240, 240, 240);}
.menu form {display:inline; padding: 8px 4px; margin: auto 4px auto 4px; border-left: 1px solid transparent; border-right: 1px solid transparent}
.menu li:hover { background-color: #e6edff; border-left: 1px solid #B6C4E5; border-right: 1px solid #B6C4E5;}
.menu li#selected { font-weight: bold; }
.menu li#selected:hover { background-color: rgb(240, 240, 240); border-left: 1px solid transparent; border-right: 1px solid transparent; }
.menu li:img {vertical-align: middle; margin: 0px 0px 0px 0px;}
/* Page element styles */
.tagline {font-size: 18px; font-weight: bold; text-align:center; color:rgb(60,60,200); margin: 0px 0px 0px 0px;}/* top left bottom right */

.languageBar { color: black; font-size: 11px; text-align:center; clear: both; margin: 10px 100px 10px 100px;}

.copyright { color: #a0a0a0; font-size: 10px; text-align:center; clear: both; margin: 40px 200px 20px 200px;}
.copyright a {color: #a0a0a0; }

.rightImg { float: right; margin: 5px 0px 5px 20px; cursor: pointer; padding 3px;}
.leftImg { float: left; margin: 5px 20px 2px 0px; cursor: pointer; padding 3px;}
.topPad { padding-top:15px; }

.featPreviewImg { float: left; margin: 0 10px 0 0; cursor: pointer; padding: 3px;}
.featPreviewText { margin: 5px; padding-top:15px; padding-left: 20px;}
.featControls {text-align:right; vertical-align: middle;}
.featControls img {vertical-align: middle;}
.feature {margin-top: 5px; min-height: 130px;}
.feature_list { margin: 20px auto;}

/* content contains the mainBody and the sidebar */
#content {text-align: justify; margin-left: 10px; margin-bottom: 0; margin-right: 10px; margin-top: 20px;}

#mainBody {margin-left: 15%; margin-top: 40px; margin-right: 15%;}