body    { color: #403B2F; font-family: "Trebuchet MS", arial, serif; background-color: #FFEFDA; margin: 0; padding: 0; height: 100% }
#wrap    { background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: right top; margin: auto; position: relative; min-height: 100% }
* html #wrap {height:100%}


/* --// HEADER -- */
#header     {
	background: #56400a url("icon.gif") no-repeat right 50%;
	margin: 0;
	height: 120px;
}
#header h1        { color: #ffdd96; font-size: 40px; font-family: Georgia, "Times New Roman"; font-variant: small-caps; font-weight: normal; margin: 0; padding-top: 10px; padding-left: 20px; position: relative }
#header i         { font-size: 18px; font-variant: normal }
#header h2     { color: #ffdd96; font-size: 22px; font-family: Georgia, "Times New Roman"; font-style: italic; font-weight: normal; line-height: 130%; margin: 0; padding-top: 3px; padding-left: 20px; position: relative }
#right { float:right; width:200px; text-align:center }


/* -- // MAIN SECTION CODE -- */
#inner-wrap { padding-bottom:80px }
#inner-wrap:after { content:" "; display:block; clear:both }
#main    { margin-right: 210px; position: relative }
#main .leftimg  { margin-top: 2px; margin-right: 15px; margin-left: -30px; left: 5px; float: left; border: solid 1px #600 }
#main .leftimgnoborder { margin-top: 2px; margin-right: 15px; margin-left: -30px; left: 5px; float: left; border-style: none }
#main h1   { color: #3B2027; font-size: 2em; font-style: normal; font-weight: normal; margin: 20px 0 0 20px }
#main h2    { color: #3B2027; font-size: 1.3em; font-weight: normal; margin: 3px 0 10px 20px }
#main h3   { color: #403B2F; font-size: 1em; font-weight: normal; margin: 20px 0 0 20px }
#main h4    { color: #403B2F; font-size: 1em; margin-left: 20px }
#main h5      { color: #403b2f; font-size: 0.7em; font-style: italic; font-weight: bold; margin-left: 20px }
#main p       { font-size: 0.8em; line-height: 130%; margin-top: 0; margin-right: 10px; margin-left: 50px; padding: 0 }
.floatimgleft     { color: #3B2027; font-size: 0.7em; font-family: Arial; font-style: italic; text-align: center; margin: 2px 10px 2px 20px; padding: 10px; float: left; border: solid 1px #3B2027; background-color:#FFF }
.floatimgleft img   { display: block; padding-bottom: 3px }
.floatimgright   { color: #3b2027; font-size: 0.7em; font-family: Arial; font-style: italic; background-color: #fff; text-align: center; margin: 2px 0 3px 10px; padding: 10px; float: right; border: solid 1px }
.floatimgright img    { padding-bottom: 3px; border: 0 }
.floatimgcenter     { color: #3B2027; font-size: 0.7em; font-family: Arial; font-style: italic; text-align: center; padding: 10px; border: solid 1px #3B2027; background-color:#FFF }
.floatimgcenter img    { display: block; padding-bottom: 3px; border: 0 }

#main li.dictionary  { font-size: 0.8em; line-height: 130%; margin-bottom: 7px; margin-left: 50px }

#main ol.olleft { margin-left:70px; }
#main ol.olleft li {padding-bottom:10px; font-size:14px; }


/* -- // HELP CENTER -- */
.modifydate { color: #757575; font-style: italic }
#helpcenterhead  { background-color: #f7f7f7; background-image: url("../images/helpheaderback.gif"); background-repeat: no-repeat; background-position: right top; margin-top: 20px; margin-bottom: 20px; margin-left: -280px; padding: 5px 0 5px 10px; position: relative; left: 50%; width: 560px; height: 75px; border: solid 2px #900 }
#helpcenterhead h2  { color: #040; font-size: 28px; font-family: "Times New Roman"; font-weight: bold; text-align: center; margin: 0 0 }
#helpcenterhead h3  { color: #040; font-size: 16px; font-family: "Times New Roman"; font-weight: normal; text-align: center; margin: 0 0 }
#helpcenterhead a.archives    { color: #fecd06; font-size: 0.8em; font-family: "Trebuchet MS"; font-weight: bold; background-color: #040; text-align: center; text-transform: uppercase; margin: 0 0; padding: 3px; position: absolute; top: 0; left: 0; width: 125px; float: left }
#helpcenterhead a.archives:hover     { color: #fff; background-color: #090 }
#helpcenterhead a.request   { color: #fecd06; font-size: 0.8em; font-family: "Trebuchet MS"; font-weight: bold; background-color: #040; text-align: center; text-transform: uppercase; margin: 0 0; padding: 3px; position: absolute; top: 0; right: 0; width: 125px; float: right }
#helpcenterhead a.request:hover     { color: #fff; background-color: #090 }
a.helpbutton1 { display:block; width:100px; height:100px; padding-left:10px; float:right; background-image:url(../images/help/help-button1a.gif); background-repeat:no-repeat; text-decoration:none; }
a.helpbutton1:hover { background-image:url(../images/help/help-button1b.gif); }
a.helpbutton2 { display:block; width:165px; height:100px; padding-top:5px; padding-bottom-10px; background-image:url(../images/help/help-button2a.gif); background-repeat:no-repeat; background-position:bottom center; margin-bottom:-10px; text-decoration:none; }
a.helpbutton2:hover { background-image:url(../images/help/help-button2b.gif); }

/* NOTIFY ME FORMS*/
form.notifybox {
	width:310px;
	display:block;
	border: solid 1px #3b2027;
	padding:10px;
	background-color: #FFDD96;
	font-size:12px
}

.quickblock {padding:5px; background-color:#F9DE9A; border:#352127 solid 1px; text-align:center; font-size:12px; }

/* -- // PRODUCT BOX MAIN -- */
#nofloatbox             { background-color: #fff; margin-right: 40px; position: relative; top: 10px; left: 20px; max-width: 680px; border: solid 1px #3b2027 }
#nofloatbox h4    { color: #ffefda; font-size: 1.2em; font-weight: bold; background-color: #56400a; text-align: center; margin: 0; padding: 0 0 3px; position: relative; top: 0; left: 0; width: 100% }
#nofloatbox h6     { color: #ffdd96; font-size: 0.8em; background-color: #56400a; text-align: center; margin: 0; padding: 0 0 4px; position: relative; top: 0; left: 0; width: 100% }
#nofloatbox p    { color: #3b2027; font-size: 0.8em; font-family: Arial; text-align: left; margin: 8px }
#nofloatbox p.productintro    { color: #900; font-size: 0.9em; text-align: center; font-style:italic; font-weight:bold }
#nofloatbox img.left       { display: block; padding: 3px 10px 3px 0px; float: left }
#nofloatbox object.right       { display: block; padding: 3px 0px 3px 10px; float: right }
#nofloatbox form.colorband { width:99%; background-color:#FFC; font-size:14px; text-align:center; padding:5px 3px;}


.donatebutn { display:inline; width:130px; height:21px; vertical-align: middle; *vertical-align: text-bottom;}
.buynowbutn { display:inline; width:98px; height:21px; vertical-align: middle; *vertical-align: text-bottom;}


/* -- // CURVED BOXES RIGHT COLUMN -- */
dl.curved  { background: #3B2027 url("c_tl.gif") no-repeat left top; margin: 5px 0; padding: 0; width: 90% }
dl.curved dt  { color: #ffdd96; background: url("c_tr.gif") no-repeat right top; text-align: center; padding: 5px }
dl.curved dd  { background: #fff url("c_bl.gif") no-repeat left bottom; margin: 0; padding: 0 }
dl.curved dd p.subtitle   { color: #3b2027; font-size: 0.9em; margin-bottom: 0; padding-top: 10px; padding-bottom: 0 }
dl.curved dd p   { font-size: 0.7em; line-height: 130%; margin: 0; padding: 6px }
dl.curved dd p.last {background:transparent url(c_br.gif) bottom right no-repeat; }
dl.curved dd p img   { text-decoration: none; padding-bottom: 5px; border: 0 }
dl.curved dd p img a  { text-decoration: none; border: 0 }

dl.curvedhot  { background: #AF0909 url("c_tlhot.gif") no-repeat left top; margin: 5px 0; padding: 0; width: 90% }
dl.curvedhot dt  { color: #fff; background: url("c_trhot.gif") no-repeat right top; text-align: center; padding: 5px }
dl.curvedhot dd  { background: #ffef96 url("c_blhot.gif") no-repeat left bottom; margin: 0; padding: 0 }
dl.curvedhot dd p   { font-size: 0.7em; line-height: 130%; margin: 0; padding: 6px }
dl.curvedhot dd p.last {background:transparent url(c_brhot.gif) bottom right no-repeat; }

/* -- // HIGHLIGHT BOXES RIGHT COLUMN -- */
.whitehighlight  { font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; padding: 5pt; width: 88%; border: solid 2pt maroon }
.yellowhighlight     { font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #FFDD96; padding: 4pt; position: relative; top: 6px; width: 163px; clear: left; border: solid 2pt #3B2027 }
.highlightblack     { background-color: #000; padding: 5pt; position: relative; top: 6px; width: 166px; clear: left }
.highlightblacklink  { color: #ff0; font-size: 10pt; font-family: Arial, Helvetica, Geneva }

.sponsoredby   { color: #666; font-size: 8pt; font-family: Arial, Helvetica, Geneva; float: left }
.imgadrightcol { margin-top: 6px; margin-right: 20px }
.highlight-attitude { background-color:#bed8c8; border:solid 1px #009; padding: 5pt; position: relative; top: 6px; width: 166px; clear: left }

/* -- // QUOTES -- */
.pullquoteleft   { color: #333; font-size: 1.2em; font-family: Arial, sans-serif; font-weight: bold; line-height: 130%; text-align: center; margin: 10px 20px; padding: 10px; width: 200px; float: left; border-top: 3px solid #960; border-bottom: 3px solid #960 }
.pullquotecenter { color: #333; font-size: 1.2em; font-family: Arial, sans-serif; font-weight: bold; line-height: 130%; text-align: center; margin: 10px 20px 10px 50px; padding: 10px; position: inherit; width: 300px; border-top: 3px solid #960; border-bottom: 3px solid #960 }
.pullquoteright { color: #333; font-size: 1.5em; font-family: Arial, sans-serif; font-weight: bold; line-height: 130%; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding: 10px; width: 200px; float: right; border-top: 3px solid #960; border-bottom: 3px solid #960 }
blockquote     { color: #000; font-size: 0.9em; font-weight: bold; line-height: 130%; background: url("open-quote.gif") no-repeat left top }
blockquote div   { font-weight: bold; background: url("close-quote.gif") no-repeat right bottom; padding: 0 55px }
cite   { font-size: smaller; font-style: italic; font-weight: normal; text-transform: capitalize; margin-right: -45px; float: right }


/* -- // TESTIMONIALS -- */

.testimonial { margin-bottom:50px; margin-left:80px; margin-right:50px; padding-left:0px; padding-top:20px; padding-right:10px; padding-bottom:0px; border:#900 solid 2px;}

.testimonial p { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:15px; padding-left:0px; padding-top:0px; font-size:14px; line-height:20px; font-weight:normal;}

.testimonial cite { font-size: 11px; font-style: italic; font-weight: normal; text-transform:none; margin-right: 5px; padding-bottom: 10px;}

/* -- // FOOTER CODE -- */
#footer  { color: #b8b09a; background-color: #403B2F; position: absolute; bottom: 0; width: 100%; height: 40px; clear: both;}
#footer h6
  { font-size: 0.75em; font-weight: normal; display: inline; margin: 13px 0 0 40px; float: left }
#footer a  { color: #ff6; margin-right: 10px; margin-left: 10px; padding: 4px }
#footer a:hover { color: #000; background-color: #ffdd96; padding: 3px; border: solid 1px #000 }
#footer p
  { font-size: 0.75em; display: inline; margin: 13px 30px 0 0; float: right }