/* www.gitomer.com
 * site's main colors
 * Maroon: #800000;
 * Gray: #808080;
 * Red: #FF0000;
 */

html, body{ 
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
}

body {
	background-color: #CCCCCC;
	color: #000000;
	background-repeat: repeat-x; 
	background-image: url("/images/background.jpg");boxc
	margin-bottom: 20px;
        background-attachment: fixed; 
        /*-- When the background scrolls with the rest of the page it looks silly and like someone
         forgot the attachment attribute */

        /*--Will wants the background to scroll along with the faded image behind the content boxes */
}

td {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* baseline styles */

img {
	border: 0;
	vertical-align : top;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

em {
	font-style : italic;
	color: #000;
}

p {
	font-size: 12px;
	padding: 3px 0 6px 0;
	margin: 0;
}

blockquote {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	color: #990000;
        padding: 3px 20px 8px 20px;
}

li {
	margin-bottom: 4px;
	line-height: 15px;
}
ul li {
	list-style-type: square;
}
ol li {
	list-style-type: decimal;
}

div.centered 
{
	text-align: center;
}
div.centered table 
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.clr{clear:both;}

/* default anchors */

a {
	font-weight: normal;
}

a:link {
	text-decoration: underline;
	color: #CC0000;
}
a:visited {
	text-decoration: underline;
	color: #990000;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #FF6666;
}

/* headers */

h1 {
	letter-spacing: 0.2px;
	font-size : 22px;
	font-weight: bold;
	line-height: 24px;
	color : #800000;
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}

h2 {
	letter-spacing: 0.2px;
	font-size : 18px;
	font-weight: bold;
	line-height: 20px;
	color : #333333;
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}

h3 {
	letter-spacing: 0.15px;
	font-size : 16px;
	font-weight: bold;
	line-height: 18px;
	color : #333333;
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}

h4 {
	letter-spacing: 0.15px;
	font-size : 14px;
	font-weight: bold;
	line-height: 16px;
	color : #333333;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
}

h5 {
	letter-spacing: 0.15px;
	font-size : 12px;
	font-weight: bold;
	line-height: 14px;
	color: #333333;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
}

h6 {
	font-size : 11px;
	font-weight: bold;
	line-height: 13px;
	color : #333333;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
}

/* \*/
* html .gainlayout { height: 1%; }
/* */

/* back to top */

#backToTop {
        margin: 3px;
}

#backToTop img {
        margin-left: 5px; 
        margin-right: 10px;
}
#backToTop a {
        font-size: 11px;
        font-weight: normal;
}

/* error messages  */

.errorMessage {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}

/* contact us */

.contactusForm th {
        text-align: right;
        width: 20%;
}

input.kESEmail {
	font-size: 10px;
	color: #000000;
}

#breadCrumb {
	padding: 4px 0 4px 8px;
        text-align: left;
}
.breadCrumbDivider {
	font-size: 12px;
}
.lastCrumb {
	color: #333333;
	font-size: 12px;
}
#breadCrumb a {
	font-weight: normal;
   font-size: 12px;
}
#breadCrumb a:link {
	color: #FF0000;
}
#breadCrumb a:visited {
	color: #CC0000;
}
#breadCrumb a:hover, #breadCrumb a:active {
	color: #FF6666;
}
.lastCrumb span {
	display: none;
}
.lastCrumb span.kNavSelected {
	display: inline;
}

/* layout */
 
#pagewidth { 
	width:774px; 
	text-align:left;
	margin-left:auto; 
	margin-right:auto;
	padding-top: 0px;
	background-color: #CCCCCC;
}

#pagewrapper {
	width: 774px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #CCCCCC;
}

#header {
	background-color: #090909;
	color: #ffffff;
	width: 100%;
	background-repeat: repeat-x; 
	background-image: url("/images/header-bg.jpg");
}

#maincol{ 
	width: 774px; 
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-image: url("/images/main-bg.jpg");
}
#maincol .content {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#leftcol {
	width: 555px;
	padding-right: 8px;
}
#rightcol {
	border-left: 1px solid #999999;
	width: 180px;
}
.adBox {
	/* border-bottom: 1px solid #CCCCCC; */
	padding-bottom: 6px;
	margin-bottom: 6px;
	text-align: center;
}

.boxTop {
	color: #FFFFFF;
	background-color: #800000;
}
.boxTop h1 {
	color: #FFFFFF;
	background-color: #800000;
	font-size: 20px;
	margin: 0;
	padding: 0 8px 8px 8px
}
.boxContent {
	color: #000000;
	background-color: #DDDDDD;
	padding: 8px 8px 8px 8px;
	font-size: 12px;
	border-top: 1px solid #FFFFFF;
}
.boxContentNoPadding {
	color: #000000;
	background-color: #DDDDDD;
	padding: 0 0 0 0;
	font-size: 12px;
	border-top: 1px solid #FFFFFF;
}
.boxContent h2 {
	color: #333333;
	font-size: 18px;
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}
.boxContent h3 {
	color: #333333;
	font-size: 16px;
	margin: 0;
}
.boxBottom {
	color: #999999;
	background-color: #F2F2F2;
	text-align: right;
	font-size: 11px;
}
.boxBottom a {
	font-size: 11px;
}
.boxBottom a:link {
	color: #FF0000;
	text-decoration: underline;
}
.boxBottom a:visited {
	color: #CC0000;
	text-decoration: underline;
}
.boxBottom a:hover, .boxBottom a:active, .boxBottom a:focus {
	color: #333333;
	text-decoration: underline;
}

#mainBox {
	width: 760px;
	margin: 0 7px 0 7px;
	background-color: transparent;
}
#mainBox .boxTop {
	width: 760px;
	background:  #800000 url("/images/main-top.gif") no-repeat top center;
	padding-top: 5px;
}
#mainBox .boxBottom {
	width: 744px;
	padding: 8px;
}
#mainBox .boxBottomCorners {
	width: 760px;
	height: 5px;
}

#utilityNav {
	text-align: right;
	text-transform: capitalize;
}
#utilityNav a:link {
	color: #FF0000;
}
#utilityNav a:visited {
	color: #CC0000;
}
#utilityNav a:hover, #utilityNav a:active {
	color: #FF6666;
}
#utilityNav span {
	margin: 0px 4px;
}

#userNav {
	padding-right: 12px;
}
#userNav a {
	text-transform: capitalize;
}
#userNav a:link {
	color: #FF0000;
}
#userNav a:visited {
	color: #CC0000;
}
#userNav a:hover, #userNav a:active {
	color: #FF6666;
}
#userNav span {
	margin: 0px 4px;
}

#customerServiceHeader {
	color: #999999;
	font-size: 11px;
	white-space: nowrap;
}

#productSearch {
	text-align: right;
	font-size: 11px;
	white-space: nowrap;
}
#searchinput {
	width: 120px;
	font-size: 11px;
}
#searchbutton {
	font-size: 11px;
}

#subNav {
	padding: 9px;
	color: #ffffff;
}
#subNav a:link {
	color: #FF0000;
}
#subNav a:visited {
	color: #CC0000;
}
#subNav a:hover, #subNav a:active {
	color: #FFF692;
}
#subNav a.kNavSelected {
	text-decoration: none;
	color: #FFF692;
}
#subNav span {
	padding: 0px 5px;
}

#topNav {
	width: 762px;
	margin: 0 0 0 5px;
   border-bottom: 1px solid #666666;
}
#topNav td {
   background-color: #090909;
	padding: 0;
	height: 24px;
	position: relative;
}

#topNav a {
	background-color: #090909;
	display: block;
	height: 24px;
	margin:0 auto;
	line-height:24px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 1px;
	border-bottom: solid #666666 1px;
}

#topNav .nav a:link, #topNav .nav a:visited {
	background: url("/images/topnav/topnav.gif") no-repeat;
	width: 125px;
}
#topNav a:link {
	text-decoration: none;
	color: #FF0000;
}
#topNav a:visited {
	text-decoration: none;
	color: #CC0000;
}
#topNav .nav a:hover, #topNav .nav a:active, #topNav .nav a:focus {
	background: url("/images/topnav/topnav-sel.gif") no-repeat;
	width: 125px;
}

#topNav .nav a.kNavSelected {
	background: url("/images/topnav/topnav-sel.gif") no-repeat;
	width: 125px;
	top: 1px;
	left: 1px;
   border-bottom: 1px solid #090909;
	color: #FFFFFF;
}

#topNav a:hover, #topNav a:active, #topNav a:focus {
	text-decoration: none;
	color: #FFFFFF;
}

div.popupMenu table {
    background-color: #090909;
    color:white;
    border: 1px solid #666666;
    border-collapse: collapse;
}

div.popupMenu a {
	background-color: #090909;
	font-size: 12px;
	text-align: center;
	font-family: sans-serif;
        display: block;
        border-bottom:1px solid #666666;
        padding: 3px;
}
.popupMenu a:link, .popupMenu a:visited {
	color: #FF0000;
	text-decoration: none;
}
.popupMenu a:hover, .popupMenu a:active {
	color: #FF6666;
	text-decoration: underline;
}

.advertisement {
	background-color: #800000;
	color: #ffffff;
	margin: 4px auto 10px auto;
	padding: 4px;
        width: 154px;
}
.advertisement h3 {
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	text-align: center;
}
.advertisement a {
	font-size: 16px;
}
.advertisement a:link, .advertisement a:visited {
	color: #ffffff;
	text-decoration: none;
}
.advertisement a:hover, .advertisement a:active {
	color: #CCCCCC;
	text-decoration: underline;
}

INPUT.button {
	text-align : center;
	color:#FFFFFF;
	font-size : 12px;
	font-weight : normal;
	background-color:#800000;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	margin: 0;
	padding: 4px 6px 4px 6px;
}

INPUT.buttonHover
{
	text-align : center;
	color:#000000;
	font-size : 12px;
	font-weight : normal;
	background-color:#DDDDDD;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	margin: 0;
	padding: 4px 6px 4px 6px;
}

a.button {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 4px 6px 4px 6px;
	margin: 7px 0 7px 0;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	text-decoration: none;
	display: inline-block;
}

a.button:link, a.button:visited {
	background-color : #800000;
	color : #ffffff;
	text-decoration: none;
}

a.button:hover, a.button:active {
	background-color : #dddddd;
	color: #000000;
	text-decoration: none;
}

#forwardToFriend input {
    width: 120px;
    font-size: 12px;
}

#forwardToFriend div {
    padding:2px 0;
}

#forwardToFriend label {
  display: inline;
}

#forwardToFriend div.submitDiv {
    padding-top:5px;
    text-align:center;
}

.quote {
	font-weight: bold;
}

.quoteAuthor {
	font-style: italic;
}

.dataInput {
    font-size: 12px;
}

.kFormErrorDisplay {
  margin: 0 0 5px 0;
  color: red;
  border: 1px solid #000;
  padding-top: 0;
  background-color: #fff;
}

.kFormErrorDisplay p.formMessage {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.25em;
  background-color: #800000;
  color: #fff;
  padding: 0.25em 0.2em !important;
  border-bottom: 1px solid #000;
}

.kFormErrorDisplay p.formMessage a:link { color: #fff; }
.kFormErrorDisplay p.formMessage a:visited { color: #fff; }
.kFormErrorDisplay p.formMessage a:hover { color: #ddd; }

#contactUs {
	width: 500px;
	margin-left: 20px;
}

#freeTrial {
				width: 500px;
				margin-left: 20px;
}

#askJeffery {
				width: 500px;
				margin-left: 20px;
}

#shareYourIdeas {
				width: 500px;
				margin-left: 20px;
}

#privateSeminarRequest {
				margin-left: 20px;
				margin-right: 20px;
}

#publicSeminarRequest {
				margin-left: 20px;
				margin-right: 20px;
}

form.cmxform fieldset {
  border: none;
	border-top: 1px solid #000;
}

form.cmxform legend {
			 padding-left: 0;
			 text-align: left;
             		 color: #000;
}

form.cmxform label {
				width: 140px;			/* Width of labels */
				text-align: right;
				font-weight: bold;
				padding-right: 2px;
}

form.cmxform fieldset fieldset label {
				margin-left: 123px;		/* Width plus 3 (html space) */
}

form.cmxform input.dataInput {
				font-size: 12px;
				width: 200px;
}

form.cmxform select.dataInput {
				font-size: 12px;
				width: 200px;
}

form.cmxform textarea.dataInput {
				font-size: 12px;
				width: 200px;
				height: 100px;
}

#contactUs form.cmxform label {
				width: 130px;
}

#freeTrial form.cmxform label {
				width: 130px;
}

#columnArchive form.cmxform label {
				width: 70px;
}

#askJeffery form.cmxform label {
				width: 80px;
}

#shareYourIdeas form.cmxform label {
				width: 80px;
}

#shareYourIdeas form.cmxform span.indent {
				margin-left: 85px;
}

#privateSeminarRequest form.cmxform label {
				width: 130px;
}

#privateSeminarRequest form.cmxform label.seminar {
				width: 330px;
}

#CertifiedForm form.cmxform label.seminar { width:330px;}

#publicSeminarRequest form.cmxform label {
				width: 130px;
}

#userProfile form.cmxform label {
				width: 170px;
}

#userProfile form.cmxform label.extra {
				width: 385px;
}

#purchaseArticleViews th {
				background-color: #800000;
				color: #fff;
				text-align: center;
				font-weight: bold;
}

#reprintRequest form.cmxform label {
			 width: 110px;
}

#reprintRequest form.cmxform fieldset fieldset legend {
				font-weight: bold;
}

#reprintRequest form.cmxform fieldset fieldset label {
				margin-left: 113px;		/* Width plus 3 (html space) */
				text-align: left;
				width: auto;
}

#ezineSignup {
	text-align: right;
	width: 265px;
}
#ezineSignup label {
	padding-right: 4px;
}
#ezineSignup div {
	padding-bottom: 5px;
}
.callOutBox {
	background-color: #800000;
	color: #ffffff;
	margin: 4px auto 10px auto;
	padding: 4px;
        width: 456px;
}
.callOutBox h3 {
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	text-align: center;
}
.callOutBox a {
	font-size: 16px;
}
.callOutBox a:link, .callOutBox a:visited {
	color: #ffffff;
	text-decoration: none;
}
.callOutBox a:hover, .callOutBox a:active {
	color: #CCCCCC;
	text-decoration: underline;
}

/* Gills test styles */

.smh1{
	font-family: verdana, arial, helvetica, sans-serif;
        letter-spacing: 0.2px;
	font-size : 26px;
	font-style: italic;
	font-weight: Bold;
	line-height: 113%;
	color : #800000;
	margin: 6px 6px 6px 0;
	padding: 6px 0 0 0;
}

.smbody{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 126%;
        margin: 6px 6px 6px 0;
}

.smroh1{
	font-family: Times New Roman, Times, serif;
        letter-spacing: 0.2px;
	font-size : 260%;
	font-style: italic;
	font-weight: Bold;
	line-height: 113%;
	color : #800000;
	margin: 6px 6px 6px 0;
	padding: 6px 0 0 0;
}

.smrobody{
	font-family: Times New Roman, Times, serif;
	font-size: 126%;
        margin: 6px 6px 6px 0;
}