/* Infinitoy Site Style Sheet */

/* GENERAL STYLES */

body { margin: 0; font-family:  Helvetica, Arial, sans-serif; }
table {font-size:medium;}
tr {font-size:medium;}
td {font-size:medium;}
li {font-size:medium;}
italic { font-style: italic; }
center { text-align: center; }
h1 { text-align: center; }

/* Hack classes for right/left element alignment */
.floatLeft { float: left; }
.floatRight { float: right; }
.textRight { text-align: right; }


/* RIGHT-SIDE STYLES */
#mainContainer { margin: 0; padding: 0; font-size: small; }

/* TOP NAVIGATION BAR */
#menuBar { margin-left:210px; padding-top:5px; }


/* Primary Content */
/*
#mainContentArea { margin-left: 210px; margin-right: 10px; margin-top: 20px; }
*/
#quizmoPage { width: 1070px; }
#mainContentArea { margin-left: 210px; margin-top: 20px; margin-right: 20px; }
#mainContentArea h1 {  font-family:  Helvetica, Arial, sans-serif; font-size: 1.3em; margin-top: 1.5em; margin-bottom: .3em; }
#mainContentArea h2 {  font-family:  Helvetica, Arial, sans-serif; font-size: 1.1em; margin-top: 1.5em; margin-bottom: .3em; }
#mainContentArea p { line-height: 1.3em; font-family: Verdana,  Helvetica, Arial, sans-serif; font-size: .9em; margin-top: 0; padding-top: 0; }
#mainContentArea li { line-height: 1.3em; font-family: Verdana,  Helvetica, Arial, sans-serif; font-size: .9em; }

/*mainpage - this is a fixed width div so that the quizmo unit will not collaspe down the page in IE 6 and 7 */

/* LEFT SIDE CONTENT */

/* Container for left-side content */
#sidebarContainer { width:200px; margin:0; padding:0; float: left; }

#logoDot img { border: none; }
#xmarket { text-align: center; font-size: .70em; font: verdana, Helvetica, Arial, sans-serif; border: 3px dotted #eee;}
#xmarket img { border: none; margin-bottom: 5px; }


#contactLink { color: #b2b2b2; text-align:left; font-family:  Helvetica, Arial, sans-serif; font-weight:bold; font-size:x-small; text-transform:uppercase; margin-left:10px; }
#contactLink a:link { color: #b2b2b2; text-decoration: underline; }
#contactLink a:visited { color: #b2b2b2; text-decoration: underline; }
#contactLink a:hover { color: #f00; text-decoration: underline overline; }

.sidebar_text { font-family: Verdana,  Helvetica, Arial, sans-serif; font-size: .7em; color: #444; padding: 5px; }

.sideLinks { padding:5px; font-family: Verdana,  Helvetica, Arial, sans-serif; }
.sideLinks h4 { font-size:.85em; font-weight: bold; border-top: 1px solid #999; padding-bottom: 3px; margin-bottom: 0px; }
.sideLinks ul { list-style: none; margin: 0; padding: 0; }
.sideLinks li { padding: 0.3em 0 0.3em 0.5em; font-size: .85em; font-weight: bold; }
.sideLinks a:link { color: #00f; text-decoration: underline; font-size: .8em; }
.sideLinks a:visited { color: #00f; text-decoration: underline; font-size: .8em; }
.sideLinks a:hover { background-color:#ffd100; color: #00f; text-decoration: none; font-size: .8em; }
.sideLinks p { font-size: .80em;}


/* ONLINE RETAILER PAGE STYLES */

.onlineStoreListing {float: left; width: 220px; height: 175px; margin: 3px; padding: 3px; text-align: center; }
.onlineStoreListing img {border: none; }
.onlineStoreListingPhone {font-size: .9em; font-weight: bold; margin-top: 4px; margin-bottom: 2px; }
.onlineStoreListingState {font-size: .8em; margin-bottom: 5px; }


/* Other general styles */
th.retail { background-color: #91268f; color: #fff; font-weight: bold; font-family:  Helvetica, Arial, sans-serif; }
td { vertical-align: top; font-size: .85em; font-family: Verdana,  Helvetica, Arial, sans-serif; }

.awardImage { height:160px; width:160px; float:left; }

.framedPicBlue {border: 5px solid #6eb5dd; margin-right: 10px; }
.framedPicGreen {border: 5px solid #8dc63f; margin-right: 10px; }
.framedPicRed {border: 5px solid #ed0b00; margin-right: 10px; }
.framedPicYellow {border: 5px solid #ffd100; margin-right: 10px; }
.framedPicGrey {border: 5px solid #b2b2b2; margin-right: 10px; }
.framedPicPurple {border: 5px solid #91268f; margin-right: 10px; }
.framedPicOrange {border: 5px solid #f7941c; margin-right: 10px; }

.itemNumber { font-weight:bold; font-size: .85em; }
.reverse { color:#fff; }