/*
Mirus Futures | Zen-Fire
*/


/* ---[ GENERAL ]------------------------------- */
/* ---[ Reset All -- Alternative to Universal Selector -- removed "form" from the list]------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none;}

body {margin: 0; padding:0; border:0;}
body {font: 100.01% Arial, Helvetica, sans-serif ; color: #000; background: #fff url("../images/background/backStripe.gif") 0 0 repeat-x;}

a:focus, a:active {outline: 0; -moz-outline: none;}

img {margin: 0; border:0;}
table {border: 0; border-collapse: collapse;}

ul {list-style-type: none;}

#wrapper {position: relative; margin: 0 auto; padding: 0; border: 0; width: 800px;}


/* ---[ HEAD ]------------------------------- */
#head {margin: 0; padding: 0; width: 800px; background-color: #000;}

/* ---[ Logo ]------------------------- */
#logo {margin: 0 auto; padding: 0; width: 800px; height: 50px; text-align: center; background-color: #000;}
#logo img {margin: 6px 0 0 7px; padding: 0;}

/* ---[ Navigation ]----------- */
#navWrap {float: left; padding: 0; width: 800px; height: 25px; background-color: #000;}
/*Credits: CSSpplay */
.nav {padding:0; margin:0; list-style:none; height:25px; font-size: 0.625em;}
.nav li {float:left; }
.nav li a {display:block; float:left; padding:7px 0 0 0; width: 200px; height:18px; text-decoration:none; text-transform: uppercase; text-align:center; letter-spacing:0.045em; background:url(../images/nav/nav.gif) 0 0 no-repeat; color:#fff; cursor:pointer;}
.nav li.last a {display:block; float:left; padding:7px 0 0 0; width: 200px; height:18px; background:url(../images/nav/navLast.gif) 0 0 no-repeat; color:#fff; text-decoration:none; text-transform: uppercase; text-align:center; letter-spacing:0.045em; cursor:pointer;}

.nav li a:hover {color:#fff; background:url(../images/nav/nav.gif) -200px 0;text-decoration:none; }
.nav li.last a:hover {color:#fff; background:url(../images/nav/navLast.gif) -200px 0;}
.nav li.current a {color:#fff; background:url(../images/nav/nav.gif) -200px 0;text-decoration:none; }
.nav li.currentL a {color:#fff; background:url(../images/nav/navLast.gif) -200px 0;}

/* ---[ Neck ]------------------------- */
#neck {float: left; margin: 0; padding: 0; width: 800px; height: 20px; background-color: #000;}
#crumb {float: left; margin: 10px 0 0 0; padding: 0; color:#000; width: 800px; height: 35px;}
#crumb a {color:#999; text-decoration: none;}
#crumb a:hover {color:#df6000; text-decoration: none;}
#bump {float: left; margin: 0; padding: 0; width: 800px; height: 50px;}

/* ---[ Title ]------------------------- */
#title {float: left; margin: 0; padding: 0; width: 800px; height: 35px; background-color: #000;}


/* ---[ HOME ]------------------------- */
#homeWrap {float: left; margin: 0; padding: 0; width: 800px; }

#pic {float: left; margin: 0; padding: 0; width: 800px; height: 265px; background-color: #000;}
#icons {float: left; margin: 0; padding: 0; width: 800px; background-color: #000;}

.icon {margin: 0; padding: 0; list-style: none;}
.icon li {float: left; display: block; margin: 12px 0 9px 0; padding: 0; width: 200px; cursor: default;}
.iconPic {float: left; margin: 0; padding: 0; width: 80px; }
.iconText {float: left; margin: 0; padding: 0 0 0 10px; width: 110px; font: normal 0.6225em Arial, Helvetica, sans-serif; text-align: left; line-height:1.425em; text-transform: uppercase; }

.icon li a {display: block; color: #fff; text-decoration: none; cursor: default;}
.icon li a:hover {color: #df6000; text-decoration: none;}

.pics {height: 265px; width: 800px; padding:0; margin:0; overflow: hidden }
.pics img {height: 265px; width: 800px; padding: 0; top:0; left:0 }


/* ---[ CONTENT ]------------------------- */
#contentWrap {float: left; margin: 0; padding: 0; width: 800px; }
#contentWrap ul {margin: 0;}

.spread {float: left; margin: 0; padding: 0 24px 24px 0; width: 576px;}
.column4 {float: left; margin: 0 0 16px 0; padding: 0 18px 0 0; width: 182px;}
.column {float: left; margin: 0; padding: 0 18px 0 0; width: 200px;}
.columnForm {float: left; margin: 0; padding: 0 40px 0 0; width: 200px;}

/* ---[ Entire Block Click ]------------------------- */
#side {float:left; padding: 0; width: 200px;}

.boxClick {margin: 0; padding: 0; width: 200px; list-style: none;}
.boxClick li {margin: 0 0 5px 0; padding: 6px 10px 4px 10px; background: #949293 url("../images/background/blockBack.gif") 0 0 no-repeat; cursor: pointer;}
.boxClick li:hover, .boxClick li.current {background: #913f00 url("../images/background/blockBack.gif") -200px 0 no-repeat;}

.boxClick li.screen {margin: 0 0 5px 0; padding: 6px 10px 4px 10px; background: #949293 url("../images/background/blockBackScreen.gif") 0 0 no-repeat; cursor: pointer;}
.boxClick li.auto {margin: 0 0 5px 0; padding: 6px 10px 4px 10px; background: #949293 url("../images/background/blockBackAuto.gif") 0 0 no-repeat; cursor: pointer;}
.boxClick li.direct {margin: 0 0 5px 0; padding: 6px 10px 4px 10px; background: #949293 url("../images/background/blockBackDirect.gif") 0 0 no-repeat; cursor: pointer;}

.boxClick li.screen:hover, .boxClick li.screenCurrent {background: #913f00 url("../images/background/blockBackScreen.gif") -200px 0 no-repeat;}
.boxClick li.auto:hover, .boxClick li.autoCurrent {background: #913f00 url("../images/background/blockBackAuto.gif") -200px 0 no-repeat;}
.boxClick li.direct:hover, .boxClick li.directCurrent {background: #913f00 url("../images/background/blockBackDirect.gif") -200px 0 no-repeat;}

.boxClick li p {margin:0 0 6px 0; font-size: 0.6875em; line-height:1.625em;}
.boxClick li a {color: #fff; text-decoration: none;}
.boxClick li a:hover {color: #ccc; text-decoration: none;}


table {margin: 0 16px 0 0; width: 176px; border-collapse: collapse; float: left; border-bottom: 2px solid #999;}

th, td {text-align: left; vertical-align: top; padding: 0;}
th {padding:1.251em 0 0.425em 0; font-weight: normal; font-style: normal; color: #df6000; font-size: 0.6875em; text-transform: uppercase; border-bottom: 1px solid #999;}

td {padding:0.525em 0 0.525em 0; font-size: 0.625em; line-height: 1.5225em; text-transform: uppercase; border-bottom: 1px solid #999;}

td.prodType {padding:0.625em 0.2875em 0.2875em 0; font-size: 0.60em; text-transform: uppercase; color: #df6000; border-bottom: 2px solid #999;}
td.prodTypeCentered {padding:0.625em 0.2875em 0.2875em 0; font-size: 0.60em; text-align:center; text-transform: uppercase; color: #df6000; border-bottom: 2px solid #999;}
td.dott {padding:0.333em 0 0.225em 0; font-size: 0.745em; font-weight: bold; text-align:center; line-height: 1em; color: #df6000;}

th a {color: #df6000; text-decoration: none;}
th a:hover {color: #999; text-decoration: none;}



/* ---[ FORMS ]------------------------- */
input {color: #000; background-color: #fff; }
input:focus {color: #fff; background-color: #777;}
.submit {color: #fff; background-color: #000000; cursor: pointer;}

input,
textarea,
select {margin: 0; font: 11px Arial; border: 1px solid #999; width: 100%;}
/*select {color: #fff; background-color: #666;}*/


/* ---[ FOOT ]------------------------- */
#foot {float: left; margin: 0; padding: 4px 0 0 0; color:#999; text-align: center; width: 800px; height: 35px; border-top: 1px solid #999;}
#foot a {color:#999; text-decoration: none;}
#foot a:hover {color:#df6000; text-decoration: none;}
#foot a.current {color:#df6000; text-decoration: none;}


/* ---[ TYPOGRAPHIC ]------------------------------- */
p {margin:0 0 1.286em 0; /* 14x1.286=18px */ font-size: 0.6875em; /* 16x0.6875=11px */ line-height:1.625em;}

h1, h2, h3, h4 {font-weight:normal;}
h1 {margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 1.425em; color: #fff;  text-transform: uppercase; letter-spacing: .055em;}
h2 {margin:0 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: .945em; color: #999; line-height:1.425em;}
h3 {margin:0 0 0.225em 0; padding:0; font: 0.725em Arial, Helvetica, sans-serif; text-transform: uppercase; color:#df6000;}
h4 {margin: 0; padding:0; font: 0.625em Arial, Helvetica, sans-serif; text-transform: uppercase; color:#df6000; line-height:1.425em;}
h5  {margin: 0 0 12px 0; padding: 10px 0 0 36px; font-size: 0.6875em; font-weight: normal; text-transform: uppercase; color:#fff; line-height:1.225em;}
h6  {margin: 0 0 8px 0; padding: 4px 0 0 0; font-size: 0.6875em; font-weight: normal; text-transform: uppercase; color:#fff; line-height:1.225em;}

a {color: #df6000; text-decoration: none;}
a:hover {color: #999; text-decoration: underline;}

.bold {font-weight: bold;}
.ital {font-style:italic;}
.caps {text-transform: uppercase;}
.orange {color:#df6000;}
.gray {color:#999;}

ul.list {list-style-type: none; padding: 0 0 1.286em 0; margin: 0;}
li.list {font-size: 0.6875em; margin: 0; line-height: 1.425em;}

.capsorange {font-weight: normal; color:#df6000; text-transform: uppercase;}
.smallGray {font-size: 0.6525em; color:#999;}
.italorange {font-style:italic; color:#df6000;}

.boldorange { font-weight: bold; color:#df6000; }
.boldcaps {font-weight: bold; text-transform: uppercase;}
.boldcapsorange {font-weight: bold; text-transform: uppercase; color:#df6000;}
/* ---[ BUTTON ]----*/
#links {width:9em; margin:2px 0px 20px 30px; float:right} 
#button {background-color:#efefdf; margin-right:1px; 
  border-top:1px solid #880; border-right:1px solid #880; 
  border-left:1px solid #880}
#button ul {list-style:none; border:none; margin:0px; padding:0px}
#button li {border-bottom:1px solid #880; margin:0px}
#button li.top { border-top:3px solid #aa9; border-right:3px solid #887; 
  border-bottom:3px solid #887; border-left:3px solid #aa9; 
  background-color:#998; font-family:Arial, Lucida, Helvetica, sans-serif; 
  color:#ffe; font-size:7.5pt; font-weight:bold; display:block; 
  padding:3px 0.2em; width:100%; text-align:center}
#button li a {border-top:3px solid #DFDFCF; border-right:3px solid #BFBFAF; 
  border-bottom:3px solid #BFBFAF; border-left:3px solid #DFDFCF; 
  font-family:Arial, Lucida, Helvetica, sans-serif; font-size:8pt; 
  font-weight:bold; display:block; padding:3px 0.2em; width:100%; 
  text-align:center; text-decoration:none}
html>body #button li a, html>body #button li.top {width:auto}  
#button li a:hover {background-color:#ffe}