/* cinetactics style */

body { margin: 0; padding: 0; border: none; 
	background-color: #000000; color: #4b5159;
	font-size: 10pt; font-family: Arial, sans-serif; }

img { margin: 0; padding: 0; border: none; }

table { font-size: 10pt; margin: 0; padding: 0; border: none; }
td { margin: 0; padding: 0; border: none; vertical-align: top; }

p { clear: both; }

div.headline { margin: 0; padding: 0pt; padding-right: 10pt; padding-bottom: 3pt; text-align: center; color: #4b5159; font-size: 15pt; background-color: #000000; }

div.banner { margin: 0; margin-bottom: 1pt; text-align: center; background-color: #000000; color: #7d848a; }

div.menu { font-size: 9pt; margin: 0; padding: 10pt; padding-top: 2pt; padding-bottom: 2pt; text-align: center; background-color: #1f2226; color: #d17c21; border-top: solid 1pt #d17c21; }
.menu a { margin: 0; text-decoration: none; color: #ff9e36; padding-right: 3pt; padding-left: 3pt; }
.menu a:hover { text-decoration: none; background-color: #3b4149; }

div.submenu { font-size: 9pt; margin: 0; margin-bottom: 10pt; padding: 10pt; padding-top: 2pt; padding-bottom: 2pt; text-align: center; background-color: #000000; color: #4b5159; }
.submenu a { margin: 0; text-decoration: none; color: #7d848a; padding-right: 3pt; padding-left: 3pt; }
.submenu a:hover { text-decoration: none; background-color: #1f2226; }

div.content { color: #4b5159; background-color: #ffffff; font-size: 9pt; padding: 0; border: none; margin: 0; margin-top: 10pt; }
.content b { font-weight: bold; color: #ff9e36; }
.content em { text-decoration: none; font-style: normal; font-weight: bold; color: #000000; }
.content a { text-decoration: none; color: #a3611a; }
.content a:hover { text-decoration: none; background-color: #e3e3e3; }

.detail { font-size: 9pt; padding-top: 5pt; padding-bottom: 5pt; padding-right: 10pt; padding-left: 10pt; }
.detail p { margin-bottom: 5pt; }
.detail table { font-size: 9pt; }
.detail td { border-top: solid #bfccd9 1pt; }
.detail th { font-weight: bold; color: #ff9e36; text-align: left; vertical-align: bottom; padding-top: 5pt; }
.detail ul { padding-right: 5pt; padding-left: 5pt; list-style-type: none; }
.detail ol { padding: 0; margin: 0; padding-left: 15pt; list-style-type: decimal; }
ul.complist { padding-right: 0pt; padding-left: 10pt; list-style-type: disc; }
ul.complist ul.complist { padding-left: 25pt; padding-right: 0pt; }
ul.complist li { padding-bottom: 3pt; }
ul.complist ul.complist  li { padding-bottom: 0pt; }

.formtable td { border: none; }
.formtable th { border-bottom: solid #bfccd9 1pt; }

.searchlist { font-size: 9pt; padding-top: 5pt; padding-bottom: 5pt; padding-right: 10pt; padding-left: 10pt; }
.searchlist table { font-size: 9pt; }
.searchlist td { border-top: solid #bfccd9 1pt; }
.searchlist th { font-weight: bold; color: #ff9e36; text-align: left; vertical-align: bottom; padding-top: 5pt; }
.searchlist ul { font-size: 8pt; margin-top: 0pt; margin-bottom: 0pt; padding-top: 0pt; padding-bottom: 0pt; padding-right: 5pt; padding-left: 5pt; list-style-type: none; }

.onright { border-left: solid #000000 1pt; }
.onleft { border-right: solid #000000 1pt; }

.price { font-weight: bold; color: #229922; text-align: right; margin-right: 2pt; }
th.price { text-align: right; }
.price2 { font-weight: bold; color: #229922; margin-right: 2pt; }
.msrp { font-weight: bold; color: #992222; margin-right: 2pt; }
.availability { font-weight: bold; color: #ff9e36; margin-right: 2pt; }

.nogo { color: #7d848a; }

.boxed { border: solid #ff9e36 1pt; padding: 10pt; padding-top: 3pt; padding-bottom: 3pt; }

.newsbox { background-color: #ff9e36; color: #512a00; font-size: 12pt; border: none; padding: 10pt; padding-top: 3pt; padding-bottom: 3pt; border-bottom: solid 1pt #000000; }
.newsbox b { font-weight: bold; color: #ffffff; }
.newsbox a:hover { text-decoration: none; background-color: #d17c21; }

.hotnewsbox { background-color: #ff3636; color: #511010; font-size: 12pt; border: none; padding: 10pt; padding-top: 3pt; padding-bottom: 3pt; border-bottom: solid 1pt #000000; }
.hotnewsbox b { font-weight: bold; color: #ffffff; }
.hotnewsbox a:hover { text-decoration: none; background-color: #dd3030; }

a.addtocart, .addtocart a { padding: 0; margin: 0; padding-left: 5pt; padding-right: 5pt; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #229922; color: #ffffff; }
a:hover.addtocart, .addtocart a:hover { border: none; background-color: #882020; color: #ffffff; }

.review { border-top: solid 1pt #1f2226; }
.review td { border: none; }
table.review { margin-bottom: 10pt; }
.caption { font-size: 8pt; border: none; }
.caption { margin-right: 3pt; }
.note { font-size: 8pt; text-decoration: none; color: #7d848a; }

table.contact { font-size: 9pt; padding-left: 5pt; margin-left: 5pt; border-left: solid #bfccd9 1pt; }
.contact td { border-top: none; padding-left: 5pt; }
.contact input, .contact textarea { font-size: 9pt; }

table.sidecontact { font-size: 8pt; padding-left: 2pt; margin-left: 2pt; border: none; }
.sidecontact td { border-top: none; padding-left: 2pt; }
.sidecontact input, .contact textarea { font-size: 8pt; }

.resource { clear: both; }
.resource a img { margin-right: 5pt; vertical-align: middle; }
.keyimage { margin-right: 0pt; float: right; margin-left: 10pt; margin-bottom: 10pt; clear: both; }

.fullwide { width: 100%; }

p.compblock { padding-top: 10pt; }
div.compitem { float: left; clear: both; font-weight: bold; margin-bottom: 5pt; width: 100%; border: solid 1pt #e3e3e3; }
.compitem a { float: left; margin: 1pt; }
.compitem span.price { float: right; text-align: right; }
.compitem img { float: left; padding: 1pt; }
.compadd { clear: both; }
.compadd span.compaddnote { float: left; }
.compadd a.addtocart { float: right; text-align: right; }
.compadd span.availability { text-align: right; }
.compadd p { padding-bottom: 5pt; }

.icons { border-top: solid 1pt #bfccd9; margin-bottom: 10pt; }
.icons a { float: left; display: block; font-weight: bold; text-align: center; vertical-align: middle; border: solid 1pt #ffffff; }
.icons a:hover { border: solid 1pt #e3e3e3; font-weight: bold; }
.spacer { font-size: 1pt; clear: both; } /* stupid fix for keeping the floats in the div */

.preloadzone { margin: 0; padding: 0; display: none; }

div.tail { font-size: 9pt; margin: 0; margin-top: 1pt; padding: 10pt; padding-top: 2pt; padding-bottom: 2pt; text-align: center; text-decoration: none; background-color: #1f2226; color: #4b5159; border-top: solid 1pt #4b5159; }
.tail a { margin: 0; text-decoration: none; color: #7d848a; padding-right: 3pt; padding-left: 3pt; }
.tail a:hover { text-decoration: none; background-color: #3b4149; }

div.tailend { font-size: 8pt; margin: 0; padding: 10pt; padding-top: 0; text-align: center; text-decoration: none; color: #4b5159; }