* {
    margin: 0;
}
html, body {
   font-family: Helvetica, Verdana, Arial;
   font-size: 1.0em;
   background-color: #000000;
   margin: 0;
   height: 100%;
}
#horizon {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block
}

#wrap {
    margin-left: -220px;
    position: absolute;
    top: -83px;
    left: 50%;
    width: 440px;
    height: 166px;
    visibility: visible
}

blockquote, p { margin: 0; padding: 0; }

#header {
   background: url(../img/new_header.png) no-repeat center -100px;
   height: 265px;
   margin: 0;
   padding: 0;
   margin: 0 auto;
}

#header2-holder {
    width: 100%;
    text-align: center;
}

#header2 {
    height: 100px;
    width: 940px;
    margin: 15px auto 15px auto;
    position: relative;
}

#header2 img {
    left: 0;
    top: 0;
    border: 0;
    z-index: 100;
    position: absolute;
    margin: 25px 0 0 30px;
}

#header2 .menu {
    margin-left: 280px;
}

#header2 .menu a {
    float: left;
    text-decoration: none;
    font-size: 16px;
    padding: 0;
    margin: 74px 8px 0 8px;
    color: #f3f2f1;
    text-shadow: #c3c2c1 0px 0px 15px;
    font-weight: bold;
}

#header2 .menu a:hover {
    text-shadow: #f89a06 0px 0px 15px;
    color: #ffffff;
    border-bottom: 1px dotted #9F6507;
}

#menu {
   background: url(../img/nav-bg.png) repeat-x;
   height: 30px;
   margin: 0;
   padding: 0;
   text-align: center;
}

#menu-wrap {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 940px;
   height: 30px;
}

#logo {
   float: left;
   color: #ffffff;
}

#nav {
   float: right;
   padding: 0;
   list-style-type: none;
   margin: 0;
   font-family: Verdana;
}

#nav li {
   display: inline;
}

#nav li a {
   text-decoration: none;
   float: left;
   margin: 0;
   height: 24px;
   font-size: 12px;
   color: #78777c;
   text-align: center;
   padding: 6px 12px 0 12px;
   text-transform: uppercase;
}

#nav li a:hover {
   background: url(../img/nav-hover-bg.png) repeat-x;
   color: #f7f7f7;
}

#divider {
   height: 1px;
   width: 940px;
   background: url(../img/divider.png) no-repeat;
   margin: 0 auto 0 auto;
   padding: 0;
}

#footer {
   width: 940px;
   margin: 0 auto 0 auto;
   padding-top: 12px;
   color: #c3c2c1;
   text-align: center;
}

#content {
   text-align: center;
}

#content-wrap {
   width: 940px;
   margin: 0 auto 0 auto;
   padding: 0;
   text-align: left;
   color: #e3e3e3; /* was c3c2c1 */
   font-size: 15px;
}

#feature-top {
   width: 940px;
   background: url(../img/feature-top-bg.png) no-repeat center top;
   margin: 25px auto 0 auto;
   padding: 0;
   height: 10px;
}

#feature-content {
   width: 940px;
   background: url(../img/feature-content-bg.png) repeat-y;
}

#feature-bottom {
   width: 940px;
   background: url(../img/feature-bottom-bg.png) no-repeat center bottom;
   margin: 0 auto 10px auto;
   padding: 0;
   height: 10px;
}

#content-wrap .description {
   width: 638px;
   float: left;
   padding: 5px 15px 5px 15px;
   font-size: 1.1em;
   line-height: 1.5em;
}

#content-wrap .description a.button {
   background: url(../img/bs.png) repeat-x;
   padding: 9px 0 9px 0;
   font-size: 14px;
   color: #0b0c0d;
   text-decoration: none;
   font-weight: bold;
}

#content-wrap .description a.button span.left {
    background: url(../img/bl.png) no-repeat top left;
    height: 32px;
    width: 10px;
    font-size: 14px;
    padding: 9px 10px 9px 0;
}

#content-wrap .description a.button span.right {
    background: url(../img/br.png) no-repeat top right;
    height: 32px;
    width: 10px;
    font-size: 14px;
    padding: 9px 0 9px 10px;
}

#content-wrap .description a.one {
   margin-right: 12px;
}

#content-wrap .description-side {
   width: 240px;
   float: left;
   padding: 5px 15px 5px 15px;
   font-size: 1.1em;
   line-height: 1.5em;
}

#content-wrap .description-side p {
   float: left;
   display: block;
   width: 240px;
   height: 40px;
   background: url(../img/side-button-bg.png) no-repeat;
   border: 0;
   line-height: 40px;
   margin-bottom: 6px;
}

#content-wrap .side-text {
   color: #e3e3e3; /* was c3c2c1 */
   font-size: 16px;
   padding-left: 12px;
   font-weight: bold;
   float: left;
   height: 40px;
}

#content-wrap .description-side img {
   margin: 8px 0 0 12px;
   float: left;
}

#content-wrap h2 {
   border-bottom: 1px dotted #838281;
   font-size: 16px;
   font-weight: bold;
   padding-bottom: 4px;
   color: #f3f2f1;
   margin-top: 0;
}

#content-wrap .howto {
    width: 440px;
    margin-top: 25px;
    float: left;
}

#content-wrap .howto p.bottom {
   background: url(../img/box-bottom-bg.png) no-repeat top;
   height: 14px;
   width: 100%;
}

#content-wrap .howto ul {
    list-style: none;
    margin: 0;
    padding: 15px 15px 0 15px;
}

#content-wrap .howto ul li {
    float: left;
    padding: 0px;
    display: block;
    margin-right: 4px;
}

#content-wrap .howto ul li.last {
    margin-right: 0 !important;
}

#content-wrap .howto ul li a {
    display: block;
    overflow: hidden;
    height: 263px;/*changed*/
    width: 29px;
}

#content-wrap .howto ul li a#a1 {
    width: 274px;/*changed*/
    border-top: 1px solid #f3f2f1;
    border-right: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
}

#content-wrap .howto ul li a#a1 div.handle {
    background-color: #f3f2f1 !important;
    color: #2e2e2e !important;
}

#content-wrap .howto ul li a div.handle {
    width: 30px;
    height: 263px;/*changed*/
    float: left;
    display: block;
    background-color: #2e2e2e;
    color: #f3f2f1;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
}

#content-wrap .howto ul li a div.handle:hover {
    background-color: #4e4e4e;
    color: #ffffff;
}

#content-wrap .howto ul li a div.handle span.number {
    position: absolute;
    left: 11px;
    bottom: 4px;
    font-size: 18px;
    font-weight: bold;
}

#content-wrap .howto ul li a div.content {
    width: 243px;/*changed*/
    height: 263px;/*changed*/
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/howto-content-bg.png) no-repeat;
}

#content-wrap .howto ul li a div.content h6 {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    padding: 16px 0 10px 20px;
    line-height: normal;
    margin: 0;
    border: 0;
}

#content-wrap .howto ul li a div.content img {
    border: 1px solid #f3f2f1;
    margin: 0 auto 0 auto;
}

#content-wrap .howto ul li a div.content p {
    margin: 0;
    display: block;
    width: 205px;/*changed*/
    padding: 10px 18px 12px 20px;
    text-align: center;
    line-height: 1.4em;
    font-size: 14px;
}

#content-wrap .how {
   width: 440px;
   float: left;
   padding: 15px;
   margin-top: 10px;
}

#content-wrap .testimonials {
   width: 440px;
   float: right;
   padding: 15px;
   margin-top: 10px;
}

.chart {
   margin: 8px auto 1px auto;
   width: 440px;
}

.chart a.button {
   background: url(../img/bs.png) repeat-x;
   padding: 9px 0 9px 0;
   font-size: 14px;
   color: #0b0c0d;
   text-decoration: none;
   font-weight: bold;
   margin: 0 auto 0 auto;
}

.chart a.button span.left {
    background: url(../img/bl.png) no-repeat top left;
    height: 32px;
    width: 10px;
    font-size: 14px;
    padding: 9px 20px 9px 0;
}

.chart a.button span.right {
    background: url(../img/br.png) no-repeat top right;
    height: 32px;
    width: 10px;
    font-size: 14px;
    padding: 9px 0 9px 20px;
}

.chart p {
   background: url(../img/box-bottom-bg.png) no-repeat top;
   padding-top: 32px;
   width: 100%;
   font-size: 1.2em;
   line-height: 1.5em;
   font-weight: bold;
   text-align: center;
}

.chart table {
   width: 440px;
   background: url(../img/box-top-bg.png) no-repeat top;
   padding: 0 16px 0 16px !important;
   color: #c3c2c1;
   font-size: 12px;
}

.chart table th {
   padding: 12px 4px 2px 4px;
   text-align: center;
   font-weight: bold;
   text-decoration: underline;
}

.chart table td {
   padding: 2px 12px 2px 0;
   text-align: right;
}

.chart table td.num {
   padding: 2px 0 2px 24px;
   text-align: left;
}

.quote {
   margin: 0 auto 1px auto;
   width: 440px;
   font-size: 0.8em;
}

.quote p {
   background: url(../img/box-bottom-quote-bg.png) no-repeat top;
   color: #b7b7b7;
   font-size: 1.2em;
   padding-top: 42px;
   text-align: right;
   width: 100%;
   /*margin-bottom: 20px;*/
}

.quote p strong {
   color: #dddddd;
   display: block;
}

.quote blockquote {
   background: url(../img/box-top-bg.png) no-repeat top;
   /*padding: 12px 18px 0 18px;*/
   padding: 10px 16px 0 16px;
}

.quote blockquote p {
   background: none;
   color: #dddddd;
   line-height: 1.5em;
   margin-bottom: 0;
   padding: 0;
   text-align: left;
}

#order-form {
    width: 400px;
    float: left;
    padding: 8px 18px 8px 18px;
    font-size: 13px;
}

#order-form h2 {
    margin-top: 18px !important;
    margin-bottom: 4px !important;
}

#order-form .item {
    margin-bottom: 5px;
}

#order-form .item input {
    margin-top: 3px;
}

/** THUMBNAILS
************************************************/
div.thumb {
   /*margin-bottom: 0.7em;*/
   width: auto;
   overflow: hidden;
}
div.thumb div {
   /*border: 3px solid #1b1b1b;
   background-color: #0b0b0b;*/
   font-size: 94%;
   text-align: center;
   /*padding: 6px !important;*/
}
div.thumb div a img {
   border: 0px solid #1b1b1b;
}
div.thumb div div.thumbcaption {
   border: none;
   padding: 0.3em 0 0.1em 0;
   color: #666666;
}
div.magnify { 
   display: none; 
}
div.tright {
   float: right;
   margin-left: 0.7em;
}
div.tleft {
   float: left;
   margin-right: 0.7em;
}




#footerleft {
	float: left;
	width: 400px;
	margin-top: 12px;
}

#footerleft #footernav {
	list-style: none;
	padding: 0;
	margin: 0;	
}

#footerleft #footernav li {
	float: left;
   padding: 1px 12px 1px 12px;
   border-right: 1px solid #c3c2c1;
}

#footerleft #footernav li a {
	display: block;
   color: #c3c2c1;
   text-decoration: none;
   font-size: 12px;
   border-bottom: 1px solid #000000;
   font-weight: bold;
   font-family: Tahoma, Helvetica, sans-serif;
}

#footerleft #footernav li a:hover {
   color: #ffffff;
   border-bottom: 1px dotted #f89a06;
}

#footerleft #footernav li.last {
   display: block;
   border-right: 0 !important;
   padding: 1px 8px 1px 8px;
}

#footerleft #copyright {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3c2c1;
	margin-left: 12px;
	margin-top: 4px;
}

#footerright {
	float: right;
	margin-top: 12px;
}

#footerright #contactleft {
	float: right;
	width: 150px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}

#footerright #contactright {
	float: right;
	width: 240px;
	border-left: 1px dashed #242424;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 24px;
	margin-bottom: 30px;
	margin-right: 20px;
}

#footerright #contactright #contactform { color: #f89a06; font-weight: bold; } 
#footerright #contactright #email { margin-top: 14px; color: #fff; } 
#footerright #contactright #email a { color: #fff; text-decoration: none; border-bottom: 1px dotted #f89a06; } 
#footerright #contactright #phone { margin-top: 8px; color: #fff; } 
#footerright #contactleft { color: #c3c2c1; }



/**********************************************************
 * ORDER FORM
 **********************************************************/
#order-form {
    
}

#order-form fieldset {
    margin-top: 12px;
    width: 880px;
}

#order-form fieldset legend {
    font-size: 16px;
    font-weight: bold;
}
 
label.error {
	display: block;
	color: #ff0000;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}

form table td {
	padding: 5px;
}

form table input {
	width: 200px;
	padding: 3px;
	margin: 0px;
}

textarea {
	width: 400px
}

td.label {
	width: 150px;
    font-size: 14px;
}

tr.required td.label {
	font-weight: bold;
	background: url(/images/forms/backRequiredGray.gif) no-repeat right
		center;
}

div.subTableDiv {
	width: 500px;
}

div.subTableDiv td.label {
	width: 135px;
}

td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 2px solid #aa0000;
	background-color: #ffffd5; /*#ffffd5;*/
	margin: 0px;
	color: #aa0000;
}

tr td.field div.formError {
	display: none;
	color: #aa0000;
}

tr.errorRow td.field div.formError {
	display: block;
	font-weight: normal;
}

div.error {
    width: 880px;
    margin-top: 4px;
    padding: 10px;
	color: #aa0000;
    font-size: 14px;
    background-color: #ffffd5; /*#a86f6f;*/
    border: 1px solid #aa0000;
}

div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}






.login {
    /*margin: 300px auto;*/
    width: 440px;
}

.login p {
    background: url(../img/box-bottom-bg.png) no-repeat top;
    padding-top: 32px;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
}

.login table {
    width: 440px;
    background: url(../img/box-top-bg.png) no-repeat top;
    padding: 24px 16px 16px 16px !important;
    color: #c3c2c1;
}

.login table td.label {
    width: 100px !important;
    padding: 6px 12px 6px 0 !important;
    text-align: right !important;
    font-size: 16px !important;
    font-weight: bold;
}