body { background:#fff; font-family:Verdana,Courier,Arial,sans-serif; }
#header { position:absolute; top:10px; left:15px; width:730px; height:300px; text-align:center; }
#main { position:absolute; top:320px; left:15px; width:590px; height:auto; }
#main-image { position:absolute; top:320px; left:620px; width:125px; height:auto; }
#header-left { position:absolute; top:10px; left:15px; width:485px; height:130px; }
#header-right { position:absolute; top:10px; left:510px; width:235px; height:130px; text-align:right; }
#contact { position:absolute; top:145px; left:5px; }
#main-left { position:absolute; top:310px; left:15px; width:160px; height:auto; background-image:url("images/include-files/menu-background.gif"); }
#main-middle { position:absolute; top:180px; left:185px; width:445px; }
#main-middle-two { position:absolute; top:180px; left:185px; width:560px; }
#main-right { position:absolute; top:320px; left:640px; width:125px; }
#main-picture { position:absolute; top:180px; left:185px; width:345px; }
#main-picture-text { position:absolute; top:180px; left:540px; width:205px; }
#footer { text-align:center; }
#designed-by { text-align:center; }
#order-now {text-align:center; margin:20px 0px 10px 0px; }
#main-menu { width:150px; text-align:left; margin:5px 5px 10px 5px; } /* menu include file */
#main-logo { text-align:center; margin:0px 0px -15px 0px } /* used on padlock protection index, diagram position */
ul { font-size:13px; line-height:19px; text-align:justify; margin:5px 10px 10px 23px; }
ul.tick { font-size:13px; line-height:19px; text-align:justify; list-style-image: url('images/misc/tick.gif'); margin:5px 10px 10px 23px; }
ul.tick-two { font-size:13px; line-height:19px; text-align:justify; list-style-image: url('images/misc/tick.gif'); margin:5px 10px 10px 43px; }
ul.bullet { font-size:13px; line-height:19px; text-align:justify; list-style-image: url('images/misc/bullet.gif'); margin:5px 10px 10px 23px; }
ul.bullet-two { font-size:13px; line-height:19px; text-align:justify; list-style-image: url('images/misc/bullet.gif'); margin:5px 10px 10px 43px; }
ol { font-size:13px; line-height:19px; text-align:justify; margin:5px 10px 10px 23px; }
.reseller-link { float:right; margin:-3px 0px 0px 0px; }
.red { font-weight:bold; color:red; }
.silver { font-weight:bold; color:silver; }
.designed { font-size:9px; font-weight:bold; color:silver; }
.designed-two { font-size:9px; font-weight:bold; color:red; }
.validators { font-size:9px; color:#000; }
.picture { text-align:center; }
.small { font-size:9px; }
.ten { font-size:13px; line-height:19px; } /* make p.eight text to p.ten */
h1 { font-size:15px; text-align:left; color:#000; margin:0px 0px -10px 0px; }
h2 { font-size:15px; text-align:left; color:#808080; }
h3 { font-size:14px; border:1px #C0C0C0 solid; text-align:center; padding:5px 5px 5px 5px; margin:0px 30px 0px 30px; }
h4 { font-size:14px; text-align:left; color:#000; }
h5 { font-size:14px; text-align:center; color:#000; }
h6 { font-size:13px; text-align:left; color:#000; }
a:link { font-size:10px; color:#000099; font-weight:bold; text-decoration:none; }
a:visited { font-size:10px; color:#000099; font-weight:bold; text-decoration:none; }
a:active { font-size:10px; color:#000099; font-weight:bold; text-decoration:none; }
a:hover { font-size:10px; color:red; font-weight:bold; text-decoration:underline; }
p { color:#000; }
p.enlarge { font-size:9px; color:#C0C0C0; text-align:center; margin:10px 0px 0px 0px; }
p.ten { font-size:13px; line-height:19px; text-align:left; }
p.ten-right { font-size:13px; line-height:19px; text-align:right; }
p.tenc { font-size:13px; line-height:19px; text-align:center; }
p.tenj { font-size:13px; line-height:19px; text-align:justify; }
p.tenb { font-size:13px; line-height:19px; font-weight:bold; text-align:left; }
p.tenbc { font-size:13px; line-height:19px; font-weight:bold; text-align:center; }
p.tenbj { font-size:13px; line-height:19px; font-weight:bold; text-align:justify; }
p.eight { font-size:11px; line-height:17px; text-align:left; }
p.eightc { font-size:11px; line-height:17px; text-align:center; }
p.eightj { font-size:11px; line-height:17px; text-align:justify; }
p.eightb { font-size:11px; line-height:17px; font-weight:bold; text-align:left; }
p.eightbc { font-size:11px; line-height:17px; font-weight:bold; text-align:center; }
p.eightbj { font-size:11px; line-height:17px; font-weight:bold; text-align:justify; }
p.small { font-size:9px; line-height:14px; text-align:justify; }
p.respect { font-size:11px; line-height:18px; font-weight:bold; text-align:center; color:silver; }
p.win { text-align:center; margin:20px 0px 10px 0px; }
p.win-text { font-size:9px; text-align:justify; margin:10px 10px 20px 10px; }
p.menu { font-size:11px; text-align:center; font-weight:bold; margin:5px 0px 5px 0px; }
p.menu-two { font-size:9px; text-align:center; margin:5px 0px 5px 0px; }
p.img-center { font-size:9px; text-align:center; margin:10px 0px 10px 0px; }
/* table no background, with border, text size set - eg. forms */
table.no-bg-border { border-width:0 0 1px 1px; background-color:#FFF; border-spacing:0; border-color:#C0C0C0; border-style:solid; border-collapse:collapse; }
td.no-bg-border-left { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:right; font-size:11px; }
td.no-bg-border-left-b { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:right; font-size:11px; font-weight:bold; }
td.no-bg-border-right { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:left; font-size:11px; }
td.no-bg-border-right-b { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:left; font-size:11px; font-weight:bold; }
td.no-bg-border-justify { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:justify; font-size:11px; }
td.no-bg-border-justify-b { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:justify; font-size:11px; font-weight:bold; }
td.no-bg-border-center-1 { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:center; font-size:15px; color:#008080; font-weight:bold; }
td.no-bg-border-center-2 { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:center; font-size:11px; }
td.no-bg-border-center-3 { border-width:1px 1px 0 0; background-color:#FFF; border-color:#C0C0C0; border-style:solid; margin:0; padding:3px; text-align:center; font-size:11px; font-weight:bold; }
/* end */
/* table no border, no background - eg. Padlock Protection Components */
table.no-bg-or-border { border-width:0px; background-color:#FFF; border-spacing:0; border-collapse:collapse; }
td.no-bg-or-border-center { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:center; }
td.no-bg-or-border-left { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:left; }
td.no-bg-or-border-right { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:right; }
td.no-bg-or-border-justify { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:justify; }
/* end */
/* table no border, no background, text size set */
table.no-bg-border-text { border-width:0px; background-color:#FFF; border-spacing:0; border-collapse:collapse; }
td.no-bg-border-text-left { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:left; font-size:11px; }
td.no-bg-border-text-left-b { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:left; font-size:11px; font-weight:bold; }
td.no-bg-border-text-right { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:right; font-size:11px; }
td.no-bg-border-text-right-b { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:right; font-size:11px; font-weight:bold; }
td.no-bg-border-text-justify { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:justify; font-size:11px; }
td.no-bg-border-text-justify-b { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:justify; font-size:11px; font-weight:bold; }
td.no-bg-border-text-center-1 { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:center; font-size:15px; color:#008080; font-weight:bold; }
td.no-bg-border-text-center-2 { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:center; font-size:11px; }
td.no-bg-border-text-center-3 { border-width:0px; background-color:#FFF; margin:0; padding:3px; text-align:center; font-size:11px; font-weight:bold; }
/* end */
/* used only on order confirmation form */
#order-confir-left { position:absolute; top:10px; left:15px; width:280px; border:0px; padding:5px 5px 5px 5px; }
#order-confir-right { position:absolute; top:10px; left:315px; width:335px; border:0px; padding:5px 5px 5px 5px; }
#order-main { position:absolute; top:135px; left:15px; width:635px; }
#order-footer { text-align:center; }
p.order-footer { font-size:11px; line-height:15px; margin:20px 10px 20px 10px; }
p.order-header { font-size:16px; font-weight:bold; text-align:center; color:#000; padding:0px 0px 0px 0px; margin:5px 0px 10px 0px; }
p.url-order { font-size:14px; font-weight:bold; text-align:right; margin:-10px 0px 0px 0px; }
/* end */
/* table for padlock-protection-available-in-2-options */
table.two-options { border-width:0 0 1px 1px; border-spacing:0; border-color:#000; border-style:solid; border-collapse:collapse; }
td.two-options-right { border-width:0 1px 1px 0; background-color:#fff; border-color:#000; border-style:solid; font-size:11px; text-align:center; margin:0; padding:3px; }
td.two-options-left { border-width:0 1px 1px 0; background-color:#fff; border-color:#000; border-style:solid; font-size:11px; text-align:right; margin:0; padding:3px; }
/* end */
.class1 a:link { color:white; text-decoration: none; } /* used only in x-out-index */
.class1 a:visited { color:white; text-decoration: none; } /* used only in x-out-index */
.class1 a:active { color:white; text-decoration: none; } /* used only in x-out-index */
/* Security Page. - Table width, Cell width and Cellspacing are set on the page. Rest of table is using the below code.*/
td.security { border-width:1px; background-color:#FFF; border-color:#C0C0C0; border-style:solid; }
p.bookmark { width:100%; font-size:1px; line-height:1px; color:#DFDFDF; background:#DFDFDF; text-align:center; margin:0px; }
p.web-address{ width:100%; font-size:13px; line-height:20px; background:#DFDFDF; text-align:center; margin:0px 0px 5px 0px; }
p.security { font-size:11px; line-height:17px; text-align:justify; margin:5px 5px 5px 5px; }
ul.web { font-size:11px; line-height:17px; text-align:justify; margin:5px 10px 10px 23px; }
ol.web { font-size:11px; line-height:17px; text-align:justify; margin:10px 10px 10px 23px; }
.security a:link { font-size:10px; line-height:17px; color:#000099; font-weight:bold; text-decoration:none; }
.security a:visited { font-size:10px; line-height:17px; color:#000099; font-weight:bold; text-decoration:none; }
.security a:active { font-size:10px; line-height:17px;color:#000099; font-weight:bold; text-decoration:none; }
.security a:hover { font-size:10px; line-height:17px; color:red; font-weight:bold; text-decoration:underline; }
/* end */