object
{
	outline:none;
}

/* top button bar navigation, for when JavaScript is turned off and Flash is unavailable */
#navigation h1
{
	margin-top: 1px;
	float: left;
	background: none;
}

#navigation h1 a
{
	display: block;
	background: url(images/GeniiLogo_RGB_Rev3.png) no-repeat;
	width: 261px;
	height: 99px;
}

#navigation a span
{
	display: none;
}

#navigation #header
{
	width: 941px;
	margin: 0 auto;
}

#navigation #textSize
{
	float: right;
	color: #fff;
	font-weight: bold;
}

#navigation #textSize p
{
	float: left;
	margin-top: 4px;
	margin-right: 12px;
}

#navigation ul
{
	list-style: none;
	width: 941px;
	display: block;
	float: left;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}

#navigation li
{
	width: 117px;
	float: left;
}

#navigation li a
{
	width: 110px;
	height: 29px;
	margin-right: 1px;
	display: block;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
	display: inline;
}

#navigation a:hover
{
	background-position: bottom;
}

#innernavigation ul
{
	list-style: none;
	width: 500px;
	display: block;
	float: left;
	margin-top: 0;
	margin-left: 60px;
	padding-left: 0;
}

#innernavigation li
{
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

#innernavigation li a
{
	width: 60px;
	height: 29px;
	margin-right: 4px;
	display: block;
	float: left;
	display: inline;
	
}

#innernavigation a:hover
{
	background-position: bottom;
}

#innernavigation a span
{
	display: none;
}

.textMinus, .textPlus
{
	width: 23px;
	height: 23px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}

.textMinus
{
	background-image: url('/showcase.nsf/images/nav/textMinus.jpg');
	margin-right: 5px;
}

.textPlus
{
	background-image: url('/showcase.nsf/images/nav/textPlus.jpg');
	margin-right: 4px;
}

#navigation .aboutgeniiBtn a
{
	background-image: url('/showcase.nsf/images/nav/aboutgeniiBtn.png');
}

#navigation .bookstoreBtn a
{
	background-image: url('/showcase.nsf/images/nav/bookstoreBtn.png');
}

#navigation .downloadsBtn a
{
	background-image: url('/showcase.nsf/images/nav/downloadsBtn.png');
}

#navigation .newsBtn a
{
	background-image: url('/showcase.nsf/images/nav/newsBtn.png');
}

#navigation .productsBtn a
{
	background-image: url('/showcase.nsf/images/nav/productsBtn.png');
}

#navigation .supportBtn a
{
	background-image: url('/showcase.nsf/images/nav/supportBtn.png');
}

#navigation .tutorialsBtn a
{
	background-image: url('/showcase.nsf/images/nav/tutorialsBtn.png');
}

#navigation .weblogBtn a
{
	background-image: url('/showcase.nsf/images/nav/weblogBtn.png');
}

#innernavigation .tryBtn a
{
	background-image: url('/showcase.nsf/images/nav/tryBtn.png');
}

#innernavigation .buyBtn a
{
	background-image: url('/showcase.nsf/images/nav/buyBtn.png');
}


/* styles for basic elements */
body
{
	background: #27245b url('/showcase.nsf/images/genii.png') top repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
}

a
{
	color: #0389a6;
	text-decoration: underline;
}

a:hover
{
	color: #0389a6;
	text-decoration: none;
}

h1
{
	color: #272458;
	margin: 20px 0px 10px;
	padding: 3px 0px 3px 8px;
	font-size: 22px;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2.title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}

h2.subtitle
{
	font-size: 14px;
	color: #000;
	padding: 0;
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2.form-title
{
	font-size: 13px;
	color: #0389a6;
	padding: 0;
	margin: 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2
{
	color: #000000;
	margin: 0;
	padding: 3px 0 3px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
}

input[type=radio]
{
	border: 0;
	margin: 5px 5px 0 0
}

div#container
{
	/* width: 943px; */
	width: 95%;
	margin: 0 auto 0;
}

div#content
{
	overflow-x: hidden;
	float: left;
	/* width: 943px; */
	width: 95%;
	position: relative;
	padding-left: 4px;
}

div#content main#main-content, aside#left-content, main#full-main-content
{
	border: 1px solid #27245b;
}

div#header
{
	position: absolute;
	top: 100px;
	left: 0;
	height: 319px;
	/* width: 943px; */
	width: 95%;
}

div#header-menu
{
	/* height: 123px; */
	margin-left: 1px;
}

div#header-flash
{
	margin: 6px 0;
}

div#header-flash div
{
	font-size: 0px;
}

main#main-content
{
	/* width: 710px; */
	width: 75%;
	min-width: 710px;
	padding-left:2px;	
	float: right;
	background: #fff;
	min-height: 200px;
}

main#full-main-content
{
	width: 95%;
	min-width: 710px;
	float: left;
	background: #fff;
	min-height: 200px;
}

div.main-content-title
{
	background: #ffffff;
	color: #000000;
	height: 22px;
	margin: 0;
	padding-top: 3px;
	border-bottom: 1px solid #27245b;
}

div#home-content div.main-content-title-nobackground
{
	background: none;
	height: 22px;
	margin: 0;
	padding-top: 3px;
}

aside#left-content
{
	/* width: 218px; */
	width: 218px;
	padding-right:2px;
	float: left;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
}

header.left-content1, div.left-box2-content1, div.left-box1-content1
{
	background: #fff;
	margin: 0;
	padding-top: 3px;
	height: 22px;
	font-size: 12px;
	border-bottom: 1px solid #27245b;
}

div.twocolumns-left
{
	width: 50%;
	float: left;
}

div.twocolumns-right
{
	width: 50%;
	float: left;
}

div#footer
{
	clear: both;
	padding: 0px 15px 0;
	color: #0389a6;
}

div.footer-copy
{
	font-size: 11px !important;
	padding: 2px 0 20px 0;
	float: left;
}

div.footer-copy a
{
	color: #0389a6;
	text-decoration: none;
}

div.footer-copy a:hover
{
	color: #0389a6;
}

div.footer-icons
{
	float: right;
}

div#border-btm
{
	background: transparent url('/showcase.nsf/images/btm-line-new.gif') no-repeat left bottom;
	padding-bottom: 3px;
}

div.clearer
{
	clear: both;
	line-height: 1px;
}

section.left-content2
{
	padding: 0px 4px 20px 10px;
}

div.left-img, img.left-img
{
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

div.right-img, img.right-img
{
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

div.right-img p
{
	text-align: center;
}

img.novel-border
{
	border: 1px solid #000;
}


/*-----------home style ---------------------------------------*/
div#quotebox
{
	width: 777px;
	height: 100px;
	clear: both;
	background: #fff;
	border: solid 3px #fff;
	position: relative;
	overflow: auto;
	margin-top: 10px;
}

div.quotebox-title
{
	background: #2198a8;
	height: 22px;
	margin: 0;
}

div.quotebox-content
{
	padding: 20px;
}

div#home-main-content
{
	width: 381px;
	height: 480px;
	float: right;
	padding: 0;
	background: #ffffff;
	border: solid 3px #fff;
	position: relative;
	overflow: auto;
	margin-bottom: 8px;
}

div#main-content2
{
	padding: 3px 0px 3px 12px;
}

div#home-main-content .narrow
{
	width: 180px;
}

#home-left-content p, div.main-content2 p
{
	margin-bottom: 10px;
}

div#home-left-content
{
	width: 381px;
	height: 480px;
	float: left;
	background: #fff;
	border: solid 3px #fff;
	position: relative;
	overflow: auto;
	margin-bottom: 8px;
}

div#home-header
{
	top: 0;
	left: 0;
	width: 782px;
	height:159px;
}

div#home-header-menu
{
	height: 123px;
}

div#popupmovie
{
	width: 240px;
	height: 196px;
	margin: 51px auto;
}
/*------------------------3boxes layout---------------------------*/
div#left-content-3box
{
	width: 158px;
	float: left;
}

div#main-content-3box
{
	width: 605px;
	min-height: 559px;
	float: right;
	padding: 0;
	background: #fff;
	border: solid 3px #fff;
}

div.left-box1
{
	width: 158px;
	min-height: 273px;
	border: solid 3px #fff;
	margin: 0 0 7px 0;
	background: #fff;
	font-size: 12px;
	color: #000;
}

div.left-box1
{
	height: 273px;
}

div.left-box1 header.left-content1, div.left-box2 header.left-content1
{
	text-align: center;
}

div.left-box2
{
	width: 158px;
	min-height: 273px;
	border: solid 3px #fff;
	background: #fff;
}

div.left-box2
{
	height: 273px;
}

div.left-box2-content2
{
	text-align: center;
}

div.left-box2-content2 a
{
	color: #fff;
	text-decoration: none;
}

div.left-box1-content2
{
	padding: 20px 4px 0 4px;
	text-align: center;
}

div.left-box1-content2 img
{
	padding: 15px 0 0 0;
	max-height: 150px;
}
/*---- sIFR ---*/
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-unloading .sIFR-flash
{
	visibility: hidden !important;
}

div .sIFR-replaced, div .sIFR-ignore
{
	visibility: visible !important;
}

div .sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

div .sIFR-replaced div.sIFR-fixfocus
{
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}

div .sIFR-dummy
{
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}

.sIFR-active h1
{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 26px;
}

.sIFR-active h2.title
{
	padding: 0 0 0 12px;
	margin: 0;
	height: 22px;
	overflow: hidden;
}

.sIFR-active h2.form-title
{
	padding: 0;
	visibility: hidden;
	line-height: 1em;
}

.sIFR-active h2.title, .sIFR-active h2.subtitle
{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}
/*-----------------------------leftmenu---------------------------*/
div.leftmenu-normal
{
	color: #0389a6;
	cursor: pointer;
	padding: 0 2px 10px 0;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

div.leftmenu-normal .selected
{
	color: #000;
}

div.leftmenu-normal a
{
	color: #0389a6;
	text-decoration: none;
}

div.leftmenu-normal a:hover, div.leftmenu-normal span:hover
{
	color: #000;
}

div.leftmenu-hover
{
	color: #fff;
	text-transform: uppercase;
	width: 125px;
	cursor: pointer;
	padding: 10px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

div.leftsubmenu-normal
{
	color: #000;
	cursor: pointer;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	padding: 1px 0 1px 13px;
}

div.leftsubmenu-normal a
{
	color: #000;
}

div.leftsubmenu-normal:hover, div.leftsubmenu-selected
{
	background: transparent url('/showcase.nsf/images/left-menu-arrow.gif') no-repeat center left;
}
/*----------------News-----------------------------------*/
div.news-item
{
	margin-bottom: 20px;
}

div.news-item .date
{
	font-weight: bold;
	margin-bottom: 20px;
}

div.news-item .title
{
	font-weight: bold;
}

div.news-detail img
{
	float: right;
	margin: 0 0 20px 20px;
}

div.news-detail .date
{
	font-weight: bold;
	margin-bottom: 20px;
}

img.news-thumbnail
{
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}
/*---------------------------------bio--------------------------------*/
div.bio-div
{
	min-height: 494px;
	width: 330px;
	float: right;
}

div.bio-img
{
	float: left;
	clear: left;
	margin: 6px 10px 0;
}

div.pagenumbers
{
	margin-top: 10px;
	float: right;
}

div.centered-pagenumbers
{
	margin-top: 10px;
	text-align: center;
}
/*------------------------------faq----------------------------------*/
div.faq-div
{
	background: transparent url('/showcase.nsf/images/faq-img.jpg') no-repeat 75px top;
	padding: 0 28px 0 232px;
	height: 537px;
}
/*--------------------------Contact form------------------------------*/
div.contactform-box
{
	min-height: 499px;
}

div.contactform-body
{
	color: #0389a6;
	font-weight: bold;
	width: 500px;
	margin: 0 0 0 40px;
}

div.contactform-body textarea
{
	width: 485px;
	height: 155px;
	color: #7F5382;
}

div.contactform-email
{
	width: 251px;
	float: left;
}

div.contactform-subj
{
	width: 245px;
	float: left;
}

div.contactform-mess
{
	clear: both;
}

div.contactform-footer
{
	padding: 20px 0 0 0;
}

div.contactform-footer strong, div.newsletter-footer strong
{
	color: #0389a6;
}

div.contactform-buttons
{
	float: right;
	padding: 20px 11px 0 0;
}

div.contactform-buttons input.send
{
	background: transparent url('/showcase.nsf/images/buttons/sendBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 53px;
}

div.contactform-buttons input.clear
{
	background: transparent url('/showcase.nsf/images/buttons/clearBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 59px;
}

div.contactform-buttons input:hover
{
	background-position: 0px -24px;
}
/*-----------------ask a question form------------------------------------*/
div.newsletter-buttons .btn
{
	cursor: pointer;
	color: black;
	width: 40px;
	margin-right: 10px;
}
/*---------------------------newsletter--------------------------*/
div img.newsletter-note
{
	position: absolute;
	top: 6px;
	right: 3px;
}

div.plumnewsletter-intro
{
	width: 400px;
}

div.newsletter-form-us
{
	width: 262px;
	background: transparent url('/showcase.nsf/images/separator-vertical.gif') no-repeat right top;
	margin: 20px 0 0 15px;
}

form label
{
	color: #0389a6;
	font-weight: bold;
}

form.poll
{
	margin-top: 15px;
}

form.poll label
{
	color: #000;
	font-weight: bold;
}

form.poll .poll-buttons
{
	margin: 10px 0 20px 15px;
}

input.submit
{
	background: transparent url('/showcase.nsf/images/buttons/submitBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 70px;
	margin-right: 4px;
}

form.poll .poll-buttons input.viewvoting
{
	background: transparent url('/showcase.nsf/images/buttons/votingBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 110px;
}

form.poll .poll-buttons input:hover
{
	background-position: 0px -24px;
}

form.poll .result
{
	margin: 10px 0 20px 20px;
}

div.newsletter-form-us, div.newsletter-form-us select, div.newsletter-form-canada, div.newsletter-form-canada select
{
	width: 230px;
	color: #0389a6;
	margin-bottom: 5px;
}

#form-newsletter-forms .newsletter-buttons
{
	margin-top: 10px;
}

#form-newsletter-forms .newsletter-buttons input.clear
{
	background: transparent url('/showcase.nsf/images/buttons/clearBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 59px;
}

#form-newsletter-forms .newsletter-buttons input.send
{
	background: transparent url('/showcase.nsf/images/buttons/sendBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 53px;
}

#form-newsletter-forms .newsletter-buttons input:hover
{
	background-position: 0px -24px;
}

div.newsletter-footer
{
	clear: both;
	padding: 10px;
}

div.newsletter-footer p
{
	font-weight: normal;
}

div.newsletter-form-canada
{
	margin: 20px 0 0 15px;
	width: 250px;
}

div.newsletter-form-city
{
	width: 63%;
	float: left;
}

div.newsletter-form-city
{
	width: 145px;
}

div.newsletter-form-city
{
	margin-right: 10px;
}

div.newsletter-form-state select
{
	width: 67px;
}

div.newsletter-canada-city, div.newsletter-canada-province select, div.newsletter-canada-province
{
	width: 145px;
	clear: both;
}

div.newsletter-canada-city, div.newsletter-canada-province, .newsletter-canada-province
{
	width: 150px;
}

div.newsletter-form-code
{
	width: 85px;
}

div.newsletter-form-code
{
	width: 80px;
}
/*---------------------voting---------------------------------------*/
.votingresults-title
{
	font-weight: bold;
	text-decoration: underline;
}
/*--------------------- Have a Question? ---------------------------------------*/
div.weeklynewsform
{
	color: #0389a6;
	font-weight: bold;
}

div.weeklynewsform .field
{
	margin-bottom: 5px;
}

div.weeklynewsform .field
{
	padding: 1px;
	width: 233px;
	font-size: 11px;
}

div.weeklynewsform-buttons
{
	margin-top: 10px;
}

div.weeklynewsform-buttons input.send
{
	background: transparent url('/showcase.nsf/images/buttons/sendBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 53px;
}

div.weeklynewsform-buttons input.clear
{
	background: transparent url('/showcase.nsf/images/buttons/clearBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 59px;
}

div.weeklynewsform-buttons input:hover
{
	background-position: 0px -24px;
}

.textarea
{
	padding: 1px;
	margin: 0;
	width: 184px;
	border: 1px solid #905f96;
	font-size: 11px;
}

.narrow
{
	width: 320px;
}

div img.faq-note
{
	float: right;
	margin-bottom: 20px;
}

div.faq-body
{
	clear: both;
}

img.steps-novel-cover
{
	float: right;
	margin: 0 0 20px 20px;
}
/*----------------fun stuff------------------------*/
div.left-video
{
	width: 50%;
	float: left;
}

div.right-txt
{
	float: left;
	width: 50%;
}

img.batster-image
{
	display: block;
	margin: 0 auto;
}

div.batster-pages
{
	margin-top: 20px;
	text-align: center;
}
/*---------------------------image gallery---------------------------*/
div.gallery-item
{
	width: 238px;
	height: 102px;
	float: left;
	background: #f4f4f4;
	padding: 20px;
	margin: 2px;
	color: #000;
}

div.gallery-item img
{
	float: left;
	max-width: 150px;
	max-height: 102px;
	border: 1px solid #f1f9b2;
	margin-right: 10px;
}

div.gallery-image
{
	margin: 20px;
}

div.gallery-image img
{
	display: block;
	margin: 0 auto;
	max-width: 500px;
}

div.gallery-image p
{
	text-align: center;
	font-size: 12pt;
	margin-top: 10px;
}

div.backlink
{
	margin-top: 20px;
	text-align: center;
}

div.bookcover
{
	width: 238px;
	height: 290px;
	float: left;
	background: #fff;
	padding: 20px;
	margin: 2px;
	text-align: center;
}

div.bookcover img
{
	margin-right: 10px;
}

div.bookcover p
{
	margin-top: 10px;
	color: #000;
}
/*--------------------------Book profile title/Novels-----------------------------*/
img.novel-cover
{
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #000;
}

div.novel-links
{
	margin: 20px 0 10px;
}

a.pdf-link
{
	background: transparent url('/showcase.nsf/images/pdf-icon.gif') no-repeat center right;
	padding: 5px 19px 5px 0;
	line-height: 22px;
}

div.audiobook-reader
{
	float: right;
	clear: right;
	width: 178px;
}

div.audiobook-reader
{
	text-align: center;
}

div.publisherlogo
{
	margin-top: 20px;
}
/*--------------------------Store-----------------------------*/

div#shoppingcart
{
	height: 248px;
	margin-top: -20px;
	text-align: center;
}

div.emptyCart
{
	margin-top: 20px;
}

div.storeItem
{
	float: left;
	width: 166px;
	height: 230px;
	padding: 10px;
}

div.featuredItem div.storeItem
{
	width: 138px;
}

img.store-thumbnail
{
	display: block;
	margin: 0 auto;
	max-height: 150px;
}

div.storeItem div.store-title
{
	margin: 5px auto 0;
	text-align: center;
}

div.storeItem div.store-title a
{
	text-decoration: none;
	color: #000;
}

div.storeItem select
{
	display: block;
	margin: 2px auto 0;
	color: #0389a6;
	font-size: 9pt;
}

div.storeItem .price
{
	margin: 8px auto;
	font-size: 8pt;
	text-align: center;
}

div.storeItem div.add
{
	margin: 5px auto 0;
	text-align: center;
}

div.itemDetail
{
	float: left;
}

div.itemDetail div.quantity
{
	float: right;
	width: 50px;
	text-align: left;
}

div.itemDetail form input, div.itemDetail form select
{
	color: #0389a6;
	margin-bottom: 5px;
}

.addToCart
{
	display: block;
	background: transparent url('/showcase.nsf/images/store/add_to_cart.png') left top;
	border: 0;
	height: 19px;
	width: 95px;
	margin: 10px auto;
	text-decoration: none;
}

.addToCart:hover
{
	background-position: 0px -19px;
}

div.returnToStore
{
	float: right;
	margin: 20px;
}

div.cartItems
{
	height: 170px;
	margin-top: 10px;
	overflow: auto;
}

div.cartItem
{
	margin-bottom: 10px;
}

div.cartItem .removeButton
{
	width: 20px;
	float: left;
}

div.cartItem .removeButton img
{
	padding-top: 2px;
}

div.cartItem .name
{
	width: 90px;
	float: left;
	text-align: left;
	font-weight: bold;
}

div.cartItem .quantity
{
	width: 15px;
	margin-right: 5px;
	text-align: right;
	float: right;
}

div.total
{
	margin-top: 12px;
}

#checkoutBtn
{
	display: block;
	background: transparent url('/showcase.nsf/images/store/check_out.png') left top;
	border: 0;
	height: 19px;
	width: 95px;
	margin: 10px auto;
}

#checkoutBtn:hover
{
	background-position: 0px -19px;
}

table#checkout
{
	width: 100%;
}

table#checkout tr.altRow
{
	background: #f4f4f4;
}

table#checkout .name
{
	text-align: left;
}

table#checkout .quantity
{
	width: 100px;
	text-align: left;
}

table#checkout .quantity input
{
	width: 50px;
}

table#checkout .price
{
	width: 56px;
	text-align: left;
}

table#checkout .remove
{
	width: 22px;
	padding-left: 5px;
}

table#checkout #update
{
	background: transparent url('/showcase.nsf/images/store/update_cart.png') left top;
	border: 0;
	height: 19px;
	width: 95px;
	margin: 10px 4px 10px 0;
	display: block;
}

table#checkout #update:hover
{
	background-position: 0px -19px;
}

form#checkoutForm
{
	margin-top: 20px;
}

form#checkoutForm input, form#checkoutForm select
{
	color: #0389a6;
	margin-bottom: 5px;
}

form#checkoutForm #submit
{
	background: transparent url('/showcase.nsf/images/buttons/submitBtn.jpg') left top;
	border: 0;
	height: 24px;
	width: 70px;
	margin-top: 10px;
	margin-right: 4px;
}

form#checkoutForm #submit:hover
{
	background-position: 0px -24px;
}

div.formitem
{
	float: left;
	margin: 0 10px 10px 0;
}

div.formitem input
{
	width: 200px;
}

div.formitem input.short
{
	width: 50px;
}

div.formitem input.long
{
	width: 414px;
}

ul#navigation-list {
	width: 80%;
	display: flex;
	justify-content: flex-start;
	padding-left: 4px;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

#site_by_lm {
            background: url('/showcase.nsf/images/site-by-lightmaker_on_white_bg.png') no-repeat right;
            padding-right: 24px;
            text-decoration: none;
}

@media screen and (max-width: 1100px) {
  aside#left-content { display: none; }
  main#main-content { float: none; width: 100%; min-width: 200px; }
}