
/* Undo some resets */

ul {
	list-style:disc;
}

ol {
	list-style:decimal;
}

ol li {
	margin-left:2em;
}

strong {
	font-weight:bold;
}

u {
	font-style:underline;
}

em {
	font-style:italic;
}


/* CSS Document */
body {
	padding:0;
	margin:0;
	background:url(../images/main-bg.gif) 0 0 repeat-x #FCFAE6;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#3D3C2C;
	font-weight:normal;
}

div, p, h1, h2, h3, ul, img {
	padding:0px;
	margin:0px;
}

ul {
	list-style-type:none;
}

#page-sticker {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

/* TOP PANEL */
#top {
	width:778px;
	height:96px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#top img {
	width:204px;
	height:57px;
	display:block;
	padding:23px 0 0 6px;
}

/* Menu Panel */
#top ul {
	width:520px;
	height:96px;
	display:block;
	position:absolute;
	top:0px;
	right:9px;
	margin:0;
	padding:0;
}

#top ul li {
	float:left;
	display:block;
	text-align:center;
}

#top ul li a {
    width:75px;
	height:35px;
	display:block;
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E4E00;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #F4F1DD;
	text-decoration:none;
	margin:0;
	padding:61px 0 0 0;
	
}

#top ul li a:hover {
	background:#FCFAE6;
}

#top ul li a.active {
	background:url(../images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6;
}

#page-banner-container {
	margin-bottom:40px;
}

#page-banner {
	margin:-10px;
}

#side-nav {
	width:237px;
	margin-bottom:6em;
}

#side-nav .side-nav-item {
	display:block;
	border: 1px solid #dcdac2;
	height:66px;
	background:white;
	margin-bottom:15px;
	position:relative;
	text-decoration:none;
}

#side-nav .side-nav-item:hover {
	border: 1px solid #bcbaa2;
}

#side-nav .side-nav-item-active {
	border: 1px solid green;
	background:#f7f5e6;
}

#side-nav .side-nav-item img.icon {
	display:block;
	float:left;
	margin:7px 0px 0px 7px;
	width:50px;
	height:50px;
	border:1px solid #dcdac2;
}

#side-nav .side-nav-item img.arrow {
	position:absolute;
	right:12px;
	top:50%;
	width:10px;
	height:15px;
	margin-top:-8px;
}

#side-nav .side-nav-item p.title {
	display:block;
	margin:14px 25px 5px 66px;
	font:16px/14px Georgia, "Times New Roman", Times, serif;
	color:#4c7c0a;
	text-decoration:none;
	line-height:1.1em;
}

#side-nav .side-nav-item p.description {
	display:block;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E5000;
	margin:0px 0px 0px 66px;
}

/* BODY PANEL */
#main-body {
	width:778px;
	height:887px;
	position:relative;
	margin:0 auto;
	padding:0;
}

/*Left Panel */
#left-pan {
	width:239px;
	float:left;
	padding-top:50px;
}

#member-login-panel {
	width:237px;
	height:196px;
	position:relative;
	border:1px solid #DCDAC2;
	background:#fff;
	font-size:10pt;
}

#member-login-panel h2 {
	height:48px;
	background:url(../images/symbol4.gif) 0 0 no-repeat #fff;
	display:block;
	padding:0 0 0 57px;
	margin:12px 0 20px 13px;
	font:16px/48px  Georgia,"Times New Roman", Times, serif;
	color:#5EA000;
}

#member-login-panel h2 span {
	background:#fff;
	color:#3D3C2C;
}

#member-login-panel .button-row {
	background:#B0AD93;
	overflow:hidden;
	padding-left:1em;
}

#member-login-panel .button-row a {
	float:left;
	margin:.2em;
	font-size:80%;
	font-weight: bold;
	color:white;
	text-decoration:none;
}

#member-login-panel .button-row input[type="submit"] {
	float:right;
	background:url(../images/arrow4b.gif) no-repeat 30px 0 #63614F;
	background-position:right;
	border:none;
	width:auto;
	height:21px;
	display:block;
	margin:2px;
	padding:0 15px 0 5px;
	text-decoration:none;
	color:#fff;
	font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:left;
}

#member-login-panel p {
	margin:.5em 0em;
}

#member-login-panel-pad {
	padding-left:1em;
}

#left-pan form {
	background:#EBE9D7;
	margin:8px;
	color:#333227;
	overflow:hidden;
}

#left-pan form .form-row {
	overflow:hidden;
}

#left-pan form label {
	width:75px;
	text-align:right;
	display:block;
	float:left;
	margin:.5em;
	
}

#left-pan form input {
	float:left;
	display:block;
	width:110px;
	margin:.5em;
}

#left-pan form input.fieldpadding {
	margin:2px 0 9px 0
}

#left-pan h3 {
	height:48px;
	background:#FCFAE6;
	display:block;
	float:right;
	padding:0 0 0 57px;
	margin:12px 0 22px 13px;
	font:28px/48px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;
}

/*
#left-pan ul {
	display:block;
	float:right;
	width:150px;
	height:327px;
}

#left-pan ul li {
	background:url(../images/arrow3.gif) 140px 10px no-repeat;
	padding:0px 20px 0 0;
	text-align:right;
}
 
#left-pan ul li a {
	text-decoration:underline;
	color:#3D3C2C;
	background:#FCFAE6;
}

#left-pan ul li a:hover {
	text-decoration:none;
}
*/

/*
#leftPango {
	border-top:1px solid #fff;
	background:#B0AD93;
	display:block;
	padding:0;
	margin:0;
	font-size:12px;
	color:#FFFFFA;
	line-height:23px;
	font-weight:bold;
}

#leftPango p.textposition a {
	float:left;
	padding:0 0 0 20px;
	margin:0;
	text-decoration:none;
	color:#FFFFFA;
	background:#B0AD93;
}

#leftPango p.textposition a:hover {
	text-decoration:underline;
	background:none;
}

#left-pan form input.gobutton {
	float:right;
	background:url(../images/arrow4.gif) no-repeat 30px 0 #63614F;
	border:none;
	width:45px;
	height:21px;
	display:block;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	color:#fff;
	font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
}

#leftPango a:hover {
	background:url(../images/arrow4.gif) no-repeat 30px 1px #333229;
	text-decoration:none;
	color:#fff;
}
*/

/*Right Panel */
#right-pan {
	width:504px;
	float:left;
	margin-left:15px;
	padding-top:50px;
}

#rightbodyPanOuter {
	border:1px solid #DCDAC2;
	background:#fff;
	color:#3D3C2C;
}

#rightbodyPanInner {
	margin:10px;
	background:#FCFAE6;
	color:#3D3C2C;
	/* NOTE: This is necessary to break the margin collapsing with .rightbodyPanOuter */
	border:1px solid white;
}

.rightbodyPanInner-pad {
	margin:2em;
}

#rightbodyPanOuter h1 {
	margin:1em 0;
}

#rightbodyPanOuter h2 {
	/*width:266px;*/
	/*height:31px;*/
	display:block;
	position: relative;
	/*background:url(../images/symbol5.gif) 100% 0 no-repeat #FCFAE6;*/
	/*ppadding:24px 0 0 0;*/
	font:28px/28px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;
	margin:0em 0em .5em 0em;
}

#rightbodyPanOuter p {
	margin:0 0 1em;
}

#rightbodyPanOuter p.redtext {
	background:#FCFAE6;
	color:#4c7c0a;
	font-size:18px;
	line-height:20px;
	/*padding:0 0 26px;*/
	margin:1em 0 1.5em;
}

#rightbodyPanOuter p span {
	background:#FFFFFA;
	color:#3D3C2C;
}

#rightbodymore {
	height:25px;
	border:1px solid #fff;
	background:#B0AD93;
	display:block;
	padding:2px;
	margin:0 0 0 0;
	font-size:12px;
	color:#FFFFFA;
	line-height:25px;
	font-weight:bold;
}

#rightbodymore p.textposition {
	float:left;
	padding:0 0 0 20px;
	margin:0;
}

#rightbodymore a {
	float:right;
	background:url(../images/arrow4.gif) no-repeat 58px 1px #63614F;
	width:66px;
	display:block;
	position:relative;
	margin:1px 0 0 0;
	padding:0 0 0 10px;
	height:23px;
	text-decoration:none;
	color:#fff;
	font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#rightbodymore a:hover {
	background:url(../images/arrow4.gif) no-repeat 58px 1px #333229;
	text-decoration:none;
	color:#fff;
}

#rightbodyPanOuter h3 {
	padding:0 0 0 0;
	font:28px/28px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;
	margin:1em 0 .5em 0 ;
}

#rightbodyPanOuter h4 {
	font:20px/20px Georgia, "Times New Roman", Times, serif;
	margin-top:1.5em;
	margin-bottom:1em;
}

#rightbodyPanOuter ul {
	
/*
	width:328px;
	height:92px;
	position:relative;
	top:5px;
	left:80px;
*/
	margin:0 0 .5em 0;
}

#rightbodyPanOuter ul li {
	background:url(../images/arrow2.gif) 0 7px no-repeat;
	padding:0 0 0 20px;
	/*
	width:340px;
	font:14px/24px Arial, Helvetica, sans-serif;
	*/
}

.plain-lists li {
	background:none !important;
}

/*
#rightbodyPanOuter ol li {
	margin:.5em 0;
}
*/

/*
#rightbodyPanOuter li a {
	width:235px;
	height:60px;
	background:#FCFAE6;
	color:#4c7c0a;
	text-decoration:underline;
	line-height:24px;
}

#rightbodyPanOuter ul li a:hover {
	width:235px;
	height:60px;
	 text-decoration:none;
	line-height:24px;
}
*/

#rightbodymorenext {
	width:306px;
	height:25px;
	border:1px solid #fff;
	background:#B0AD93;
	display:block;
	padding:2px;
	margin:0 60px 0 80px;
	font-size:12px;
	color:#FFFFFA;
	line-height:25px;
	font-weight:bold;
}

#rightbodymorenext p.textposition {
	float:left;
	padding:0 0 0 20px;
	margin:0;
}

#rightbodymorenext a {
	float:right;
	background:url(../images/arrow4.gif) no-repeat 58px 1px #63614F;
	width:66px;
	display:block;
	position:relative;
	margin:1px 0 0 0;
	padding:0 0 0 10px;
	height:23px;
	text-decoration:none;
	color:#fff;
	font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#rightbodymorenext a:hover {
	background:url(../images/arrow4.gif) no-repeat 58px 1px #333229;
	text-decoration:none;
	color:#fff;
}


/* /BODY PANEL */

/* FOOTER PANEL */
#footerPan {
	position:relative;
	margin:1em auto 4em auto;
	padding:0;
}

#footernextPan {
	height:150px;
	background:#B0AD93;
	color:#fff;
	padding:1px;
}

.footernextPan-pad {
	text-align:right;
	margin:3em;
	overflow:hidden;
}

#footerPan ul {
	float:right;
	overflow:hidden;
	margin-bottom:.5em;
	margin-right:-10px;
}

#footerPan li {
	float:left;
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#footerPan ul li a {
	padding:0 10px;
	color:#FFFFFA;
	background:#B0AD93;
	text-decoration:none;
}

#footerPan ul li a:hover {
	text-decoration:underline;
}

#footerPan ul li a.padl {
	padding:0 0 0 14px;
}


#footerPan ul.templateworld {
	margin-top:1em;
	background:#B0AD93;
	color:#fff;
	display:block;
}

#footerPan ul.templateworld li a {
	background:#B0AD93;
	display:block;
	color:#fff;
	text-decoration:none;
}

#footerPan ul.templateworld li a:hover {
	text-decoration:underline;
}

#footerPan p {
	background:#B0AD93;
	display:block;
	color:#FCFAE6;
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#footerPan p a {
	color:#FCFAE6;
	text-decoration:none;
}

#footerPanhtml {
	width:64px;
	height:19px;
	display:block;
	position:absolute;
	top:78px;
	right:170px;
}

#footerPanhtml a {
	width:59px;
	height:19px;
	background:url(../images/arrow5.gif) no-repeat 45px 0px #D0CEB8;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #FFFFFA;
	color:#353427;
	text-transform:uppercase;
	text-decoration:none;
}

#footerPanhtml a:hover {
	background:url(../images/arrow5.gif) no-repeat 45px 0px #B0AD93;
	color:#353427;
	text-decoration:none;
}


#footerPancss {
	width:64px;
	height:19px;
	display:block;
	position:absolute;
	top:78px;
	right:89px;
}

#footerPancss a {
	width:59px;
	height:19px;
	background:url(../images/arrow5.gif) no-repeat 45px 0px #D0CEB8;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #FFFFFA;
	color:#353427;
	text-transform:uppercase;
	text-decoration:none;
}

#footerPancss a:hover {
	background:url(../images/arrow5.gif) no-repeat 45px 0px #B0AD93;
	color:#353427;
	text-decoration:none;
}

/* */

form.lines label {
	display:block;
	font-weight:bold;
}

input,
select,
textarea
{
	border:1px inset gray;
	width:95%;
	margin:.2em 0em;
}

input[type="submit"],
input[type="button"],
button
{
	border:1px outset gray;
	width:auto;
	padding:.2em 1.5em;
	background:silver;
	color:#333;
}

input[type="checkbox"],
input[type="radio"]
{
	width:auto;
}

tr.buttons td {
	text-align:center;
}

th, td {
	vertical-align:top;
}

th {
	text-align:left;
}

.google-checkout {
	/*
	display:inline;
	vertical-align:middle;
	text-align:center;
	*/
}

.google-checkout input {
	margin:0 auto;
	width:auto;
	border:none;
	vertical-align:middle;
	
}

.price {
	font-size:200%;
}

strike {
	color:gray;
}

table.grid {
	border-collapse:collapse;
}

table.grid th, table.grid td {
	border:1px solid #ccc;
	padding:.2em .7em;
}

table.grid th {
	background:#B0AD93;
	color:white;
}

table.grid th.section {
	background:#a09D83;
	font-weight:bold;
	border-top:2px solid white;
	border-bottom:2px solid white;
}

ol.instructions {
	margin:0;
	padding:0;
}

ol.instructions li {
	margin:1em 0 1em 1em;
}

ol.instructions li img {
	margin:1em 0;
	border:1px solid gray;
	display:block;
}

a.question {
	font-size:120%;
	font-weight:bold;
	margin:1em 0;
	display:block;
}

.troubleshooting-page hr {
	margin:2em 0;
}

div.answer img {
	display:block;
	margin:.5em auto;
}

#rightbodyPanOuter .testimonial {
	margin:2em auto;
	width:70%;
}

#rightbodyPanOuter .testimonial .quotes {
	position:relative;
}

#rightbodyPanOuter .testimonial .quotes p {
	font-style:italic;
	margin-bottom:2em;
}

#rightbodyPanOuter .testimonial .quotes .quote-start {
	position:absolute;
	left:-50px;
	top:0;
}

#rightbodyPanOuter .testimonial .quotes .quote-end {
	position:absolute;
	right:-20px;
	bottom:-15px;
}

#rightbodyPanOuter .testimonial p.name {
	margin:0;
	text-align:right;
}

#rightbodyPanOuter .testimonial p.location {
	margin:0;
	text-align:right;
}

#rightbodyPanOuter .testimonial p.date {
	margin-top:0;
	text-align:right;
}

#rightbodyPanOuter .news-page {
}

#rightbodyPanOuter .news-page .post {
	margin:0 0 4em 0;
}

#rightbodyPanOuter .news-page .unpublished-post {
	color:gray;
	border:1px solid #faa;
	padding:1em;
	background:#fdd;
}

#rightbodyPanOuter .news-page .post .title {
	margin:.2em 0;
	font:150% Georgia, "Times New Roman", Times, serif;
}

#rightbodyPanOuter .news-page .post .date {
	margin:0;
	font-weight:bold;
	font-size:80%;
	color:gray;
}

#rightbodyPanOuter .news-page .post .content {
	margin:1em;
}

/* */

#admin-page {
	font-size:9pt;
}

.main-pan {
	margin:2em;
}

.main-pan-outer {
	border:1px solid #DCDAC2;
	background:#fff;
	color:#3D3C2C;
}

.main-pan-inner {
	margin:10px;
	/*background:#FCFAE6;*/
	color:#3D3C2C;
	/* NOTE: This is necessary to break the margin collapsing with .main-pan-outer */
	border:1px solid white;
}

.main-pan-inner-pad {
	margin:1em;
}

.main-pan h2 {
	font-weight:bold;
	font-size:150%;
	margin:.5em 0;
}

.order-is-fulfilled-no {
	background:red;
	color:white;
}

.admin-link {
	position:absolute;
	display:block;
	right:1em;
	top:0em;
	z-index:1;
	background:maroon;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border:1px solid maroon;
	padding:.2em 1em;
}

.admin-link:hover {
	background:red;
}

/* Gallery */

#galleries-list {
}

#galleries-list li {
	background:none !important;
	padding:0 !important;
	margin:1em 0;
}

#galleries-list li a {
	text-decoration:none;
	font-size:150%;
	display:block;
	padding:4px;
}

#galleries-list li a:hover {
	border:1px solid silver;
	padding:3px;
}

#galleries-list li a img {
	vertical-align:middle;
}

/* ----- */

ul.errors {
	color:maroon;
	font-weight:bold;
}

.license-key-download {
	display:block;
	border:1px solid silver;
	background:#eee;
	text-align:center;
	padding:.5em;
	font-size:130%;
	width:60%;
	margin:0 auto 2em auto;
	
}

#license-copy-and-paste {
    height:15em;
    font-size:9pt;
	line-height:1.2em;
}

form.contact ul li {
    background:none !important;
}

form.contact ul li label {
    font-weight:normal;
}

form.contact input.is_commercial {
    width:auto;
}

ul.errorlist {
	color:maroon;
	font-weight:bold;
	border:1px solid silver;
	background:white;
	padding:.3em 0;
}

#main-buttons {
	text-align:center;
	bborder:1px solid black;
	margin-top:-20px;
	margin-bottom:15px;
}

#main-buttons a {
	font-weight:bold;
	text-decoration:none;
	padding:.4em 3em;
	border:1px solid #ccc;
	background:white;
	color:blue;
}
#main-buttons a:hover {
	bbackground:#e5e9ef;
	border:1px solid green;
}

.buttons {
	text-align:center;
}

.compatible {
	color:green;
}

.incompatible {
	color:maroon;
}

#mailing-list-preview-body p {
	margin:.5em 0;
}

#mailing-list-preview-body ul {
	list-style:disc;
}

#mailing-list-preview-body ul li {
	margin-left:1.5em;
}

form.download-demo input[type="checkbox"] {
	display:block;
}

.view-gallery-page .ajax-order {
	width:2em;
}

.view-gallery-page .ajax-caption {
	width:20em;
}

.page-notice {
	border:1px solid silver;
	background:white;
	padding:.3em 1em;
	color:maroon;
	font-size:9pt;
	font-weight:bold;
}

.disabled {
	color:silver;
	text-decoration:line-through;
}

p.notice {
	font-style:italic;
	font-size:90%;
}

#demo-download-form {
	text-align: center;
	font-size:150%;
	font-weight: bold;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin-bottom:1em;
}

#demo-download-form a {
	color:blue;
}

p.error {
	color:maroon;
	font-weight:bold;
	border:1px dashed gray;
	background:white;
	padding:.5em 1em;
}

p.code {
	border:1px solid silver;
	background:white;
	margin:.5em;
	padding:.5em;
	color:gray;
}

.admin-pages input[type="text"] {
	width:auto;
}

.purchase-code-input {
	font-family:Courier New;
}


.signup-sheet-page {
	font-size:150%;
}

.signup-sheet-page .main-pan-outer {
	width:35em;
	margin:3em auto 0 auto;
}

.signup-sheet-page h2 {
	margin-bottom:1em;
}

.signup-sheet-page p {
	margin-bottom:1em;
}

#signup-sheet-form label {
	padding-right:2em;
}

#signup-sheet-form input[type="text"] {
	width:20em;
}

.warning {
	font-weight:bold;
	color:maroon;
	border:1px solid gray;
	background:white;
	padding:.5em;
}

.biglink {
	text-align: center;
	font-size:180%;
	font-weight: bold;
	font-family: Georgia,"Times New Roman",Times,serif;
	color:blue;
	display:block;
	background:white;
	padding:.5em;
	border:2px outset silver;
	width:50%;
	margin:0 auto;
	text-decoration:none;
}

.biglink:hover {
	border:2px outset blue;
}

#price-table {
	width:100%;
	font-size:110%;
}

#price-table td.price-cell {
	text-align:right;
}

#price-table .checkout-cell {
	text-align:right;
}
