html, body {width: 100%; height: 100%; background: #ffffff; color: #000000; font-family: 'Arial', sans-serif; font-size: 12px; margin: 0; padding: 0; text-align: center;}
main {text-align: left; margin: 10px;}
div, span, iframe, h1, h2, h3, a {font-family: 'Arial', sans-serif; padding: 0; border: 0; margin: 0; text-decoration: none; font-weight: normal;}
img, a img {padding: 0; border: 0; margin: 0; font-family: 'Arial', sans-serif;}
textarea, input, select {font-family: 'Arial', sans-serif; resize: none; overflow: auto; font-size: 16px}
p {margin: 10px 0; text-align: justify;}
h1 {font-size: 14px; font-weight: bold; color: #dd9425; margin: 10px 0;}
h2 {text-align: left; font-size: 12px; font-weight: bold; color: #58ac58; margin: 10px 0;}
/* Positioning */
div#container {z-index: 1; width: 100%;}
div#container div#center {z-index: 2; width: 805px; margin: 0 auto;}
div#container div#center div#content {z-index: 3; float: left; margin-top: 20px; width: 803px; border: 1px solid #828f9f}
/* Header */
div#container div#center div#content div#logo {z-index: 4; float: left; width: 208px;}
div#container div#center div#content div#logo a img {width: auto;}
div#container div#center div#content div#header {z-index: 4; float: right; width: 595px; height: 121px;}
div#container div#center div#content div#header_2 {z-index: 4; float: right; right: 0; width: 595px; height: 78px;}
/* Navigation */
div#container div#center div#content div#navigation {z-index: 4; float: left; width: 208px;}
div#container div#center div#content div#navigation ul {list-style: none; margin: 0; padding: 0; width: 205px;}
div#container div#center div#content div#navigation ul li {background: #ffffff url(../media/templok_button_bg_2.jpg); width: 100%; height: 31px; padding: 0; margin: 1px 0;}
div#container div#center div#content div#navigation ul li a {display: inline-block; font-size: 12px; font-weight: bold; color: #828f9f; padding: 6px 0 0 0;}
div#container div#center div#content div#navigation ul li a:hover {color: #3c5164;}
/* Home Page */
div#container div#center div#content div#index {z-index: 4; float: right; width: 595px;}
div#container div#center div#content div#index div#video_preview {z-index: 5; float: left; display: inline-block; width: 277px;}
div#container div#center div#content div#index div#video_preview img {width: auto;}
div#container div#center div#content div#index div#features {z-index: 5; float: right; display: inline-block; width: 318px;}
div#container div#center div#content div#index div#features ul {list-style: none; margin: 0; padding: 0; width: 100%; margin-top: 20px;}
div#container div#center div#content div#index div#features ul li {background: #ffffff url(../media/templok_bullet.jpg) no-repeat 0 50%; width: auto; padding: 0 0 0 17px; margin: 1px 0; text-align: left;}
div#container div#center div#content div#tabs {z-index: 5; clear: both; float: left; width: 100%;}
div#container div#center div#content div#tabs div#bar {z-index: 6; float: left; background: #ffffff url(../media/templok_bar_bg.gif) repeat; width: 100%; height: 34px;}
div#container div#center div#content div#tabs div.tab {z-index: 6; float: left; display: inline-block; width: auto;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_1 {background: #ffffff url(../media/templok_tab_1on.jpg) no-repeat; display: block; width: auto; cursor: pointer;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_1:hover img {visibility: hidden;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_2 {background: #ffffff url(../media/templok_tab_2on.jpg) no-repeat; display: block; width: auto; cursor: pointer;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_2:hover img {visibility: hidden;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_3 {background: #ffffff url(../media/templok_tab_3on.jpg) no-repeat; display: block; width: auto; cursor: pointer;}
div#container div#center div#content div#tabs div.tab span#image_mouseover_3:hover img {visibility: hidden;}
/* Product Photos Page */
div#container div#center div#content div#product {z-index: 4; float: right; margin: 0 40px; width: 515px;}
/* Video Page */
div#container div#center div#content div#video {z-index: 4; float: right; margin: 0 60px; width: 475px;}
/* Contact Page */
div#container div#center div#content div#contact {z-index: 4; float: right; margin: 0 120px; width: 355px;}
/* About Page */
div#container div#center div#content div#about {z-index: 4; float: right; margin: 0 15px; width: 565px;}
div#container div#center div#content div#about ul {text-align: justify;}
div#container div#center div#content div#about ul li {margin: 10px 0;}
div#container div#center div#content div#about div#submenu {width: 90%; padding: 10px; text-align: center;}
div#container div#center div#content div#about div#submenu a {display: inline-block; font-size: 12px; font-weight: bold; color: #828f9f; padding: 6px 0 0 0;}
div#container div#center div#content div#about div#submenu a:hover {color: #3c5164;}
div#container div#center div#content div#about div.table {z-index: 4; position: relative; float: left; display: table; width: 100%; height: auto; border: 1px solid #94afdc;}
div#container div#center div#content div#about div.table div.tr {display: table-row;}
div#container div#center div#content div#about div.table div.tc {display: table-caption; text-align: center; width: auto; height: auto; padding: 5px; background: #eff3f4; font-size: 14px; font-weight: bold; border-top: 2px solid #94afdc; border-left: 2px solid #94afdc; border-right: 2px solid #94afdc;}
div#container div#center div#content div#about div.table div.tr div.th {display: table-cell; text-align: left; width: 25%; height: auto; padding: 2px; font-weight: bold; border: 1px solid #94afdc;}
div#container div#center div#content div#about div.table div.tr div.td {display: table-cell; text-align: left; width: 75%; height: auto; padding: 2px; border: 1px solid #94afdc;}
/* FAQ */
div#container div#center div#content div#faq {z-index: 4; float: right; margin: 0 10px; width: 575px;}
div#container div#center div#content div#faq p {text-align: justify;}
/* Order Form */
div#container div#center div#content div#thanks {z-index: 4; float: right; margin: 0 20px; width: 555px; text-align: left;}
div#container div#center div#content div#thanks h1 {color: #00a000; font-size: 32px; font-weight: bold; text-align: center; margin: 10px 0;}
div#container div#center div#content div#thanks h2 {font-size: 14px; font-weight: bold; color: #dd9425; margin: 10px 0;}
div#container div#center div#content div#order {z-index: 4; float: right; margin: 0 20px; width: 555px;}
div#container div#center div#content div#order div.table {z-index: 4; position: relative; float: left; display: table; width: 100%; height: auto;}
div#container div#center div#content div#order div.table div.tr {display: table-row;}
div#container div#center div#content div#order div.table div.tr div.td {display: table-cell; text-align: left; width: auto; height: auto; padding: 2px 0; font-weight: bold;}
div#container div#center div#content div#order div.table div.tr div.td span {display: block; width: 100%; padding: 0; text-align: left; color: #58ac58; font-size: 24px;}
div#container div#center div#content div#order div.table div.tr div.td span#verify_configuration {color: #000000; font-size: 12px;}
div#container div#center div#content div#order div.table div.tr div.td span.no_js {display: none;}
div#container div#center div#content div#order div.table div.tr div.td img {width: 220px; height: auto; padding: 3px 0;}
div#container div#center div#content div#order div.table div.tr div.td input {background: #ffffff; border: 2px solid #94afdc; width: 250px; height: 24px; color: #3a4571; padding: 0 2px 0 2px;}
div#container div#center div#content div#order div.table div.tr div.td input:hover {background: #ceffce;}
div#container div#center div#content div#order div.table div.tr div.td input.blank {border: 2px solid #ed1c24; background: #ffd3d3 url(../media/blank.gif) no-repeat 2px; text-indent: 18px;}
div#container div#center div#content div#order div.table div.tr div.td input#f_name {display: none;}
div#container div#center div#content div#order div.table div.tr div.td input.city {width: 120px;}
div#container div#center div#content div#order div.table div.tr div.td select {background: #ffffff; border: 2px solid #94afdc; width: 258px; height: 28px; color: #3a4571; padding: 0 0 0 2px; vertical-align: bottom; margin: 0 0 3px 0;}
div#container div#center div#content div#order div.table div.tr div.td select:hover {background: #ceffce;}
div#container div#center div#content div#order div.table div.tr div.td select.state {width: 55px;}
div#container div#center div#content div#order div.table div.tr div.td select.blank {border: 2px solid #ed1c24; background: #ffd3d3 url(../media/blank.gif) no-repeat 2px; text-indent: 18px;}
div#container div#center div#content div#order div.table div.tr div.td input.zip {width: 55px;}
div#container div#center div#content div#order div.table div.tr div.td input.quantity {width: 50px;}
div#container div#center div#content div#order div.table div.tr div.td input[type="checkbox"] {width: auto; height: auto; padding: 0 2px 0 0;; margin: 10px 5px 10px 0;}
div#container div#center div#content div#order div.table div.tr div.td input[type="submit"] {background: #3a4571; border: none; color: #ffffff; width: 220px; height: auto; margin: 20px 0 0 5px; padding: 5px; font-weight: bold; font-size: 24px; border-radius: 10px;}
div#container div#center div#content div#order div.table div.tr div.td input[type="submit"]:hover {background: #58ac58; border: none; color: #ffffff;}
/* Footer */
div#container div#center div#content div#footer {z-index: 4; clear: both; float: left; border-top: 1px solid #828f9f; width: 100%; margin-top: 20px;}
div#container div#center div#content div#footer ul {list-style: none; margin: 0; display: table; width: 100%; padding: 5px;}
div#container div#center div#content div#footer ul li {display: table-cell; width: auto; padding: 1px;}
div#container div#center div#content div#footer ul li a {font-size: 12px; font-weight: bold; color: #828f9f;}
div#container div#center div#content div#footer ul li a:hover {color: #3c5164;}
div#container div#center div#content div#footer p {text-align: center; width: 100%;}
div#container div#center div#content div#footer p a {font-size: 12px; font-weight: bold; color: #828f9f;}
div#container div#center div#content div#footer p a:hover {color: #3c5164;}