/*
WORDSMART CORP.
HYBRID DESIGN

this CSS controls only the hybrid TV/ws.com frontpage!

REV VER.TV KIRK MACKAY as of 10/08
*/

/* ENABLE PNG TRANSPARENCY IN IE6 
   requires that iepngfix.htc and blank.gif be saved in the same directory as this CSS file.
*/
img { behavior: url(iepngfix.htc); }

/* GLOBALS */

body {
	text-align: left;
	background-color: #ffffff;
	margin-left: 5px;
	margin-top: 0px;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p {margin:10px;}
a {color: #369;}

/* HEADER */
#header {
	width: 975px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
}
#header {
	/* margin-right: 10px; */
	margin-top: 3px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#header a {
	/* margin-right: 10px; */
	margin-top: 3px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0067b1;
	font-weight: bold;
}
#header a:hover, a:hover {
	color: #D88801;
}

h1 {
	float: left;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 5px;
	margin-top: 3px;
}
/*TOP MENU BAR STYLES */

#topmenu {
	z-index: 5;
	float: left;
	width: 975px;
	height: 30px;
	background-color: #0067b1;
	overflow: hidden;
	clear: both;
	position: absolute;
	left: 5px;
	top: 23px;
}
.cssmenuwhite ul {
	padding-top: 7px;
	font: 12px arial;
	margin: 0px;
	height: 30px;
	width: 975px;
}
.cssmenuwhite ul li {
	display: inline;
	list-style: none;
	width: 30px;
	padding-right: 20px;
	padding-left: 16px;
}
.cssmenuwhite ul li a {
	text-decoration: none;
	color: white;
}
.cssmenuwhite ul li a:hover {
	color: white;
	text-decoration: underline;
}

/*TOP AREA */
#top {
	height: 330px;
	width: 975px;
	position: absolute;
	top: 0px;
	left: 5px;
}
#logo {
	z-index: 2;
	position: absolute;
	top: 63px;
	left: 20px;
}
#logo a img {
	border: none;
}


#splash {
	z-index: 9000;
	/*position: absolute;
	top: 53px;
	left: 5px;*/
	/*text-align: center;*/
		
	/*height: 173px;
	border: solid 3px #0067b1; /* double looks okay */
	/*border-top: none;*/
}


#splash-flash {
	width: 979px;
	height: 300px;
}

#callnowtop {
	z-index: 2;
	position: absolute;
	left: 574px;
	top: 53px;
}
#hammer {
	width: 659px;
	/* height: 283px; */
	height: 199px;
	z-index: 1;
	clear: both;
	position: absolute;
	background: url(/images/hammer2.jpg);
	background-attachment: inherit;
	background-repeat: no-repeat;
	top: 53px;
	left: 5px;
	padding-left: 10px;
	padding-top: 84px;
}
#topoffer {
	width: 300px;
	height: 151px;
	z-index: 2;
	position: absolute;
	top: 135px;
	left: 664px;
	background: url(/images/topoffer-bg.gif);
	background-attachment: inherit;
	background-repeat: no-repeat;
	padding: 15px;
}	
#silverchat {
	width: 274px;
	height: 44px;
	z-index: 2;
	clear: both;
	position: absolute;
	left: 516px;
	top: 291px;
}
#buyorange {
	width: 199px;
	height: 44px;
	z-index: 2;
	clear: both;
	position: absolute;
	left: 780px;
	top: 291px;
}

/* BLUE DIVIDER */
#bluedivide {
	width: 975px;
	float: left;
	clear: both;
	background: url(/images/bluedivide.gif);
	margin-top: 280px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

/* fpBLUE DIVIDER */
#fpbluedivide {
	/*width: 975px;*/
	/*text-align: center;*/
   
	/*float: left;*/
	/*clear: both;*/
	/*background: url(/images/bluedivide.gif);*/
	margin-top: 0px;
	/*padding-bottom:5px;*/
	/*border-bottom:1px solid #ccc;*/
}


#wotd_box {
	width:376px;
	float:left;
	padding:5px;
}

#wotd_box_gadget {
	width:259px;
	/*float:left;*/
	padding:0px;
}

#sms_box {
	width:285px;
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	padding:15px 5px 0 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#test_box {
	width:265px;
	float:left;
	padding:5px 0 0 0;
}


/* BOTTOM LEFT AREA */

#bottomLeft {
	float: left;
	width: 683px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#blTop {
	padding: 0 10px 0 10px;
	margin:10px 20px 0px 0px;
	overflow: hidden;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#006699;
	border:1px solid #2E7FB0;
}

#blMiddle {
display: none;
	width: 604px;
	height: 28px;
	margin: 0px;
	margin-left: 2px;
	padding: 0px;
	overflow: hidden;
	background: url(/images/lowerheader.gif);
	background-attachment: inherit;
	background-repeat: no-repeat;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin-left: 10px;
	margin-top: 5px;
	/* float: left; */
}
#blmRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin-left: 140px;
	margin-top: 5px;
	float: left;
}
#blBottom {
	padding-left: 10px;
	width: 604px;
	overflow: hidden;
}
#blBottom #blbLeft {
	padding-left: 8px;
	float: left;
	padding: 5px;
	width: 261px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	text-align:justify;
}


#lori-banner {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border: 2px solid #fff;
	font-size: 14px;
	text-align: center;
}
#blbDivide {
	margin-top: 4px;
	margin-left: 15px;
	float: left;
	width: 2px;
	height: 275px;
	overflow: hidden;
	background: url(/images/blbdivide.gif);
	background-repeat: repeat-y;
}
#blbRight {
	width:276px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
/* BOTTOM RIGHT */
#bottomRight {
	text-align:justify;
	float: left;
	width: 292px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#brText {
	height: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#brTop, #brTopVideo {
	/* background: url(/images/brtopbg.gif); */
	background: url(/images/tvoffer.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 276px; 
	margin-left: 14px;
}
/* when showing fox6 video instead of mumm testimonial */
#brTopVideo {
	margin-left: 0px;
	background-image: none;
	text-align: center;
}
#brTopVideo #WordSmartVideo {
	width: 200px;
	height: 171px;
}
#brTopVideo #WordSmartVideo img {
	width: 200px;
	height: 171px;
}
#brMiddle {
	background: url(/images/brmiddlebg.gif);
	background-repeat: no-repeat;
	height: 132px;
	width: 268px;
	padding-left: 5px;
	margin-top: 8px;
}
#brBottom {
	text-align: center;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #868584;
	font-size: 11px;
	width: 292px;
	margin-top: 0px;
}
#medal {
	padding: 10px;
	height: 132px;
	width: 110px;
	float: left;
}
#medaltext {
	text-align: left;
	float: left;
	margin-top: 9px;
	padding-right: 8px;
	width: 125px;
}
#medaltext h2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	margin-left: 0px;
	margin-bottom: 4px;
}
#medaltext h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin-top: 2px;
}
/* FONT STYLES */
.whiteheader1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	padding-top: 10px;
}
/*
.whiteheader2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 28px;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
}
.whiteheader3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 15px;
	margin: 0px;
	margin-left: 2px;
	padding: 10px;
}
.whiteheader4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #fff;
	margin: 0px;
	margin-left: 8px;
	padding-top: 8px;
 	margin-top: 30px;
}
*/
#whiteheader4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #fff;
	margin: 0px;
	margin-left: 8px;
	/* padding-top: 8px; */
 	/* margin-top: 30px; */
	position: absolute;
	top: 230px;
}

/* PRODUCT PAGE */
#productchat {
	position: absolute;
	top: 102px;
	left: 731px;
	height: 32px;
	width: 237px;
}
#toptest {
	height: 197px;
	width: 269px;
	position: absolute;
	top: 134px;
	left: 715px;
	background: url(/images/brtopbg.gif) no-repeat;
}

/* trebek head shot position */
#toptest img {
	position: absolute;
	top: 37px;
}

#toptest h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 15px;
	color: #0067b1;
}
#toptest h3, #toptest p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin:15px;
}
#toptest h3 {
	padding: 0px;
	font-size: 11px;
}
#parentsmedal {
	position: absolute;
	top: 165px;
	left: 855px;
	height: 95px;
	width: 95px;
}
#chatpic {
	position: absolute;
	top: 165px;
	left: 816px;
	height: 160px;
	width: 166px;
}
/* side bottom testimonial and word of the day */
#bottomtest, #wotd {
	padding: 20px;
	position: absolute;
	left: 715px;
	top: 350px;;
	height: 404px;
	width: 266px;
	background: url(/images/testimonial-bg.gif);
	background-repeat: no-repeat;
}
#bottomtest h2, #wotd h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: black;
}
#bottomtest h3, #wotd div.word {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 45px;
	font-weight: normal;
	margin: 0px;
	/*color: #0067b1;*/
	color: #0067b1;
}
#bottomtest h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 45px;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	color: #000;
}
#wotd .word {
	padding-right: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* text-transform: uppercase; let's just do first letter*/
}
#wotd .word:first-letter {
	text-transform: uppercase;
}
#wotd .type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-transform: lowercase;
}
#wotd .def, #wotd a {
	padding-right: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#tabnav {
	height: 35px;
	width: 500px;
	position: absolute;
	top: 101px;
	left: 197px;
}
.tab-buttons {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.tab-buttons:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#bluefooter {
	padding-top: 8px;
	/* padding-left: 35px; */
	font-family: Verdana, arial;
	font-size: 11px;
	color: #D5EEFF;
	width: 975px;
	/* these settings clashed with subfooter and made images disappear in IE: prod tabs, gold award */
	/*
	float: left;
	*/
	clear: both;
	height: 33px;
	background: url(/images/bluedivide.gif);
	background-repeat: no-repeat;
	margin-top: 12px;
	text-align: center;
	clear: both;
}
#bluefooter a {
	color: #D5EEFF;
	text-decoration: none;
	margin: 0 30px 0 30px;
}
#bluefooter a:hover {
	color: white;
	text-decoration: underline;
}
/* contains all footer sections */
#footers {
	/* width: 680px; same as product-bottom is too wide for some reason */
	width: 620px;
	padding-left: 36px;
	padding-right: 36px;
}
#subfooter {
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868584;
	/* these settings clashed with bluefooter and made images disappear in IE: prod tabs, gold award */
	/*
	float: left;
	*/
/*
	width: 975px;
*/
float: left;
}
#forlori {
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868584;
	text-align: left;
	/*
	width: 266px;
	height: 40px;
	position: absolute;
	left: 715px;
	top: 735px;
	*/
	float: right;
}
#etymologicarea {
	float: left;
	width: 980px;
	background: #FCFCFB;
	margin-top: 135px;
	overflow: hidden;
}
#etymologictopround {
	height: 17px;
	background: url(/images/etymologictopround.gif);
	vertical-align: top;
	background-repeat: no-repeat;
	clear: both;
	background-color: #FCFCFB;
}
#etymologicbottomround {
	height: 17px;
	background: url(/images/etymologicbottomround.gif);
	vertical-align: top;
	background-repeat: no-repeat;
	clear: both;
	background-color: #FCFCFB;
}
#productarea {
	float: left;
	width: 700px;
	background: #FCFCFB;
	margin-top: 135px;
	overflow: hidden;
}
#producttopround {
	height: 17px;
	background: url(/images/bigroundtop.gif);
	vertical-align: top;
	background-repeat: no-repeat;
	clear: both;
	background-color: #FCFCFB;
}
#etymologicmiddle {
	padding-left: 20px;
	width: 960px;
	background-color: #FCFCFB;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#productmiddle {
	padding-left: 20px;
	width: 680px;
	background-color: #FCFCFB;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#productbottomround {
	height: 16px;
	background: url(/images/bigroundbottom.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	background-color: #FCFCFB;
}
#product-right {
	/* width: 225px; */
	/* height: 306px; */
	padding-right: 10px;
	/* overflow: hidden; */
	float: right;
}
#product-left {
	/* width: 450px; */
	/* height: 306px; */
	/* overflow: auto; */
	/* overflow: visible; */
	/* float: left; */
}
#product-left h2 {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 24px;
	font-weight: normal;
	/* color: #8F8F8F; was too light */
	color: #000000;
	/* clear: both; */
}
/* This houses the grade level to the right of the product name */
#product-left h2 span {
	font-size: 16px;
}
#product-left h3 {
	/* float: left; */
	/* see #product-left */
	/* width: 450px; */
	/* text-align: left; */
	font-family: sans-serif;
	/* color: #0067b1; too light */
	color: #D88801;
	/* color: #FF5501; */
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	/* clear: both; */
	font-weight: bold;
}
#product-left hr {
	color: #D4D4D4;
	width: 350px;
	/* width: 75%; */
	margin-top: 5px;
	/* margin-bottom: 0px; */
	padding: 0px;
	/* float: left; */
}
#product-listings {
	/* width: 400px; */
	/* width: 75%; */
	/* height: 120px; messed up bottom text */
	/* float: left; */
}
#product-listings ul {
	position: relative;
	list-style-image: url(/images/blue-bullet.gif);
}
#product-listings h4 {
	/* workaround: Text not in ul is bold for some reason */
	font-weight: normal;
}
#product-listings ul li {
	margin: 0px;
	padding-bottom: 12px;
}
#product-listings ul li h4 {
	font-family: verdana;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#buy-buttons {
	width: 360px;
}
.buy-button {
	border: none;
	/* margin: 10px; */
	padding: 8px 0px 0px 0px;
	display: block;
	/* color: #EFEDEB; */
	color: #FFffff;
	text-decoration: none;
	text-align: center; 
	width: 165px;
	height: 37px;
	background-image: url(/images/buy_button.png);
	/*background-repeat: no-repeat;
	background-color: #D88801; */
	font-weight: bold;
	letter-spacing: 0.10em;
	line-height: 90%;
	cursor: pointer;
	font-size: 16px;
	float:left;
}
a.buy-button:hover {
	color: #000;
}
.buy-button .price { }
.buy-button .add-to-cart {
	/* font-size: 0.8em; */
	text-transform: uppercase;
	font-size: 12px;
}

/* MODIFIED EZ PAY BUTTON TO SHOW SAVE BANNER ON TV PRODUCTS ONLY */
.ez-button {
	width: 185px;
	height: 60px;
	background-image: url(/images/products/save40.gif);
	float: right;
}

#top10award{
	width: 55px;
}
.goldaward{
	position: absolute;
	top: 237px;
	left: 330px;
	width: 53px;
	height: 95px;
	background-image: url(/images/products/goldaward2.gif);
	/*float: right;*/
}

#product-bottom {
	width: 680px;
	background-color: #FCFCFB;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 20px;
	margin: 0px;
	line-height: 1.4;
	clear: both;
}
#product-bottom ul {
	list-style-image: url(/images/blue-bullet.gif);
}
#product-bottom ul ul {
	list-style-image: url(/images/lightblue-bullet.gif);
}
#product-bottom #requirements-pc {
	width: 45%;
	float: left;
	background-color: #FCFCFB;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}
#product-bottom #requirements-mac {
	width: 45%;
	float: right;
	background-color: #FCFCFB;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}
#product-bottom h2 {
	font-family:sans-serif;
	/* color: #0067b1; too light */
	color: #0067b1;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
/* product description headings */
#product-bottom h3 {
	font-family: verdana;
	color: #D88801;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#product-bottom h3 strong {
	color: red;
}
/* product description paragraph content */
/* #product-bottom h4 { */
#product-bottom div, #product-bottom p {
	font-family: verdana;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	/* this was messing up the screenshot floats.  if necessary, try max-width */
	/* width: 650px; */
}
#product-bottom .screenshot {
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}

#chat-button-gif {
	border: none;
}
#chat-button-gif:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.no-border {
	border: none;
}



/* -------------------------------	begin wod styles ----------------------------*/
#WOD-main {
	width: 560px;
	font-family: verdana;
	font-size: 16px;
}
#WOD-main h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#WOD-main h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: black;
}

/* ------------------------------BEGIN NEW MENU ----------------------------------*/
#menu {
	width: 766px;
	height: 25px;
	background-color: #0067b1;
	/*text-align: center;
	position: static;
	left: 5px;
	padding-top: 5px;
	padding-left: 10px;
	top: 23px;*/
	/*z-index: 10000;*/
	overflow: visible;
}



#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 127px;
	float: left;
}

#menu a, #menu h2, #menu div.column {
	font: 11px arial;
	display: block;
	margin: 0px;
	padding: 2px 4px;
	font-weight: normal;
	color: white;
	/*z-index: 500;*/
}

#menu h2, #menu div.column {
	font-weight: normal;
	font: 11px arial;
	margin: 0px;
	color: #fff;
	background: #0067b1;
	cursor: pointer;
}
#menu h2 a, #menu div.column a {
	font-weight: normal;
	font: 11px arial;
	color: #fff;
	background: #0067b1;
	padding: 0px;
	margin: 0px;
}
#menu ul li h2, #menu ul li div.column {
	height: 20px;
}

#menu a {
	color: #fff;
	background: #0067b1;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: thin;
	border-bottom-color: #0067b1;
	border-bottom-style:solid;

	/*filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
}

#menu a:hover {
	color: #000;
	/*font-weight: 700;*/ 
	background-color: #eeedeb;
	border-right: medium solid #0067b1;
	border-left: medium solid #0067b1;
	border-width: 1px;
    /*filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;*/
}

#menu li {
	position: relative;
	/*z-index: 500;*/
}

#menu ul ul {
	position: absolute;
	top: 23px;
	left: 0px;
	/*z-index: 500;*/
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}


/*-------------------------------- END NEW MENU -----------------------------------*/

/*
coming soon...
.mouseover {
	position: absolute;
	top: 23px;
	left: 0px;
	z-index: 500;
}
*/
/* div#links a:hover span { */

/* EZ-PAY todo: change to generic popup class */
a#about-ezpay-link {
	/* width: 100px; */
	padding: 5px;
	font-size: 10px;
	float: right;
	/* clear: both; */
}
div#about-ezpay {
	display: none;
	border: 2px solid #0067b1;
	background-color: #EFEDEB;
	width: 400px;
	font-family: verdana;
	font-size: 12px;
	color: black;
	padding: 10px;

	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
div#about-ezpay * {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
div#about-ezpay img {
	float: left;
}
div#about-ezpay .title {
	background: #0067b1;
	color: white;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/* INFO PAGE */
#info-content h1, #info-content h2, #info-content h3, #info-content h4, #info-content h5, #info-content h6 {
	display: block;
	float: none;
}
#info-content h2 {
	margin-top: 20px;
}
#info-content p {
	/* line-height: 1.4; */
}
#info-content .info {
	color: #666;
}
#info-content p.info {
	white-space: pre;
}
#info-content a img {
	border: none;
}
#info-content hr {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 66%;
}
/* use for image to make more crawler safe */
#guarantee-30day {
	width: 100px;
	height: 100px;
	background: no-repeat url(/images/guarantee-30day.png);
	float: right;
}
#guarantee-grade {
	width: 110px;
	height: 110px;
	background: no-repeat url(/images/guarantee-grade.png);
	float: right;
}
#guarantee-iq {
	width: 110px;
	height: 110px;
	background: no-repeat url(/images/guarantee-iq.png);
	float: right;
}
#guarantee-sat {
	width: 100px;
	height: 100px;
	background: no-repeat url(/images/guarantee-sat.png);
	float: right;
}

.footnote-marker {
	font-size: smaller;
	/*
	line-height: 0px;
	vertical-align: text-top;
	*/
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
	color: #666;
}
.footnote:first-letter {
	color: #666;
}
/* we never want image links with borders */
a img {
	border: none;
}

/* make like top menu */
a.button {
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px solid #DDD;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	color: #FFF;
	background-color: #AAA;
	text-decoration: none;
	font-weight: bold;
}
a.button:hover {
	color: #AAA;
	background-color: #FFF;
}
a.play {}
a.stop { background-color: red; }
a.stop:hover { color: red; }
object#pronounce, object#details {
	height: 0px;
	width: 0px;
}

.qfrow {
	clear: left;
}
.qflabel {
	padding-right: 1em;
	text-align: right;
	display: block;
	width: 125px;
	float: left;
}
.qfelement {
	display: block;
}
.error input {
	border: 1px dashed red;
}
.qfelement .error {
	color: red;
	float: right;
	display: block;
}
.qfelement .error:before {
	/* less than + em-dash for left arrow */
	content: "<\2014  ";
}
.warning {
	font-style: italic;
	color: #AAA;
	border: 1px #AAA dashed;
}

.mkSmall {
	font-size:10px;
}