/* Custom CSS Document for Hiper-Technology
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

body {background: #222325 url(images/design/bkgd-body.jpg) fixed no-repeat 0 50%; font-family: Verdana, Arial, Helvetica, sans-serif}

#PageSubTable {background: #333738}
#ContentCell {background: #333738; border-right: 1px solid #000}
#Instruction1_InstructCell {background: #F0F3F4; border: 1px solid #AFB9BB;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {font-size: 12px; color: #000}
.Messages,
.ErrorMessages {font-size: 11px; font-weight: bold; color: #fff}
.Headings {font: bold 20px Arial, Helvetica, sans-serif; color: #D8CD3E; font-style: italic}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #000; background: #AFB9BB}
.Content {font-size: 12px; color: #fff}
.Content a {color: #D9CF3B; text-decoration: underline}
.Content a:hover {color: #D9CF3B; text-decoration: none}
.txtbox {background: #fff; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; border: 1px solid #747474}

/* TopBanner Styles
--------------------------------------------------------*/

#TopBannerCell {background: url(images/design/bn-top-tile.gif) repeat-x top; border-right: 1px solid #000}
table#bn-top {width: 100%}
table#bn-top td.r {text-align: right}

/* TopSubBanner Styles
--------------------------------------------------------*/

#TopSubBannerCell {border-right: 1px solid #000; background: url(images/design/bn-nav-tile.gif) repeat-x top}
table#bn-nav {font-size: 10px; width: 100%}
table#bn-nav td.m {width: 100%}
table#bn-nav td.r {background: url(images/design/bn-nav-bkgd.gif) no-repeat top right }
table#bn-nav ul {margin: 0; padding: 0; list-style: none; float: left}
table#bn-nav li {float: left; text-align: center}
table#bn-nav li a {text-decoration: none; padding: 9px 2px 9px 0; display: block; color: #1C1818; font-weight: bold}
table#bn-nav li a:hover {color: #19559E}
table#bn-nav li#nav01 {width: 61px; background: url(images/design/bn-nav01.gif)}
table#bn-nav li#nav02 {width: 88px; background: url(images/design/bn-nav02.gif)}
table#bn-nav li#nav03 {width: 100px; background: url(images/design/bn-nav03.gif)}
table#bn-nav li#nav04 {width: 66px; background: url(images/design/bn-nav04.gif)}
table#bn-base {font-size: 10px; color: #fff; width: 100%; background: #000}
table#bn-base td.r {width: 100%}
table#bn-base td.r table {width: 100%; font-size: 9px; color: #fff}
table#bn-base td.r table td {white-space: nowrap; padding: 0 5px}
table#bn-base td.r table td.l {font-size: 10px}
table#bn-base td.r table td.r {text-align: right; text-transform: uppercase}
table#bn-base td.r table td.r .divide {color: #D9CF3B; margin: 0 5px}
table#bn-base td.r table td.r a {color: #D9CF3B; font-weight: bold; text-decoration: none}
table#bn-base td.r table td.r a:hover {text-decoration: underline}

/* LeftColumnNav Styles
--------------------------------------------------------*/

#LeftColumnCell {border-left: 1px solid #000; background: #333738 url(images/design/lc-bkgd.jpg) no-repeat top left}
#LeftColumnNav1_custommenu {font-size: 10px; width: 179px; height: 550px}
#LeftColumnNav1_custommenu td {vertical-align: top}
#LeftColumnNav1_custommenu h1 {margin: 9px 0 13px 36px; padding: 0; color: #fff; font: bold 16px Arial, Helvetica, sans-serif; text-transform: uppercase; background: url(images/design/lc-head-bkgd.gif) no-repeat top left; padding: 2px 0 9px 7px}
#LeftColumnNav1_custommenu ul {line-height: 25px; list-style: none; margin: 0 0 0 44px; padding: 0}
#LeftColumnNav1_custommenu ul a {color: #000; text-decoration: none; font-weight: bold}
#LeftColumnNav1_custommenu ul a:hover {text-decoration: underline}

/* Footer Styles
--------------------------------------------------------*/

#FooterCell {padding: 20px 0; border-top: 1px solid #212425; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; background: #212425 url(images/design/ft-tile.gif) repeat-x top; text-align: center; font-size: 10px; line-height: 25px}
#FooterCell ul {margin: 0; padding: 0; list-style: none}
#FooterCell li {display: inline; margin: 0 17px}
#FooterCell li a {color: #D2D2D2; text-decoration: none}
#FooterCell li a:hover {text-decoration: underline}
#FooterCell p {margin: 0; padding: 0; color: #7C7C7C}

/* Default Page Styles
--------------------------------------------------------*/

div#df-wrap {margin: 10px 0 0 0; border-right: 4px solid #333738; border-left: 10px solid #333738; float: left; width: 100%; height: 377px; background: url(images/design/WOLF1.jpg) no-repeat top right}
div#df-wrap img {border: 1px solid #C7C7C6}
div#df-wrap #head {background: url(images/design/df-head-tile.gif) repeat-x 0 50%}
div#df-wrap h1 {font: bold 20px Arial, Helvetica, sans-serif; color: #F5633C; font-style: italic; text-transform: uppercase; background: #333738; width: 165px}
div#df-wrap p {font-size: 14px; color: #fff}
#df-cat {width: 575px; float: left; list-style: none; margin: 10px 0 0 10px; padding: 0}
#df-cat li {float: left; margin-right: 5px}

/* Static Page Styles
--------------------------------------------------------*/

div#contentwrap {margin: 0 0 20px 0}
div#contentwrap #head {background: url(images/design/df-head-tile02.gif) repeat-x 0 50%}
div#contentwrap h1 {font: bold 20px Arial, Helvetica, sans-serif; color: #D8CD3E; font-style: italic; border-bottom: 1px solid #D8CD3E; text-transform: uppercase}
div#contentwrap h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #fff}
div#contentwrap h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff}
div#contentwrap .line1 {border-bottom: 1px solid #EBEEEF}
div#contentwrap .line2 {border-bottom: 1px dashed #AFB9BB}

/* FAQ's */
div#contentwrap.faq ul {list-style: none; margin: 0 0 20px 0; padding: 0; font-weight: bold}
div#contentwrap.faq ul li ul {margin-left: 20px; font-weight: normal}

/* Team Hiper */
table#team {width: 75%; font-size: 12px; color: #fff}
table#team td {vertical-align: top; white-space: nowrap}
table#team td.r {text-align: right; padding-bottom: 10px}

/* Landing Page Styles
--------------------------------------------------------*/

table.land {width: 575px; font-size: 12px; color: #fff}
table.land td {vertical-align: top}
table.land td.r {padding-top: 15px; text-align: right}
table.land ul {margin: 0; padding: 0; list-style: none; }
table.land p {margin: 15px}

/* ATV */
div#contentwrap.atv {background: url(images/atv/bkgd-content.jpg) no-repeat bottom left}
table.land#atv #head {width: 100%; background: url(images/atv/bkgd-head.gif) repeat-x 0 50%; margin: 15px 15px 0 15px}
table.land#atv h1 {font: bold 20px Arial, Helvetica, sans-serif; font-style: italic; color: #D8CD3E; border: none; margin: 0; padding: 0}
table.land#atv h2 {width: 127px; margin: 0 0 2px 0; padding: 10px 0; text-align: center; background: #D8CD3E; font: bold 12x Arial, Helvetica, sans-serif; color: #000}

/* UTV */
div#contentwrap.atv {background: url(images) no-repeat bottom left}
table.land#atv #head {width: 100%; background: url(images/atv/bkgd-head.gif) repeat-x 0 50%; margin: 15px 15px 0 15px}
table.land#atv h1 {font: bold 20px Arial, Helvetica, sans-serif; font-style: italic; color: #D8CD3E; border: none; margin: 0; padding: 0}
table.land#atv h2 {width: 127px; margin: 0 0 2px 0; padding: 10px 0; text-align: center; background: #D8CD3E; font: bold 12x Arial, Helvetica, sans-serif; color: #000}

/* Micro Sprint */
div#contentwrap.ms {background: url(images/ms/bkgd-content.jpg) no-repeat bottom left}
table.land#ms #head {width: 100%; background: url(images/ms/bkgd-head.gif) repeat-x 0 50%; margin: 15px 15px 0 15px}
table.land#ms h1 {font: bold 20px Arial, Helvetica, sans-serif; font-style: italic; color: #D8CD3E; border: none; margin: 0; padding: 0}
table.land#ms h2 {width: 127px; margin: 0 0 2px 0; padding: 10px 0; text-align: center; background: #D8CD3E; font: bold 12x Arial, Helvetica, sans-serif; color: #000}
table.land#ms ul img {border: 1px solid #d1d1d1}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
#TopSubBanner1_SimpleSearch1_Panel1 {width: 229px; text-align: center; margin: 0; padding: 0}
.searchbox {border: 1px solid #889395; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; width: 145px; background: #fff url(images/design/bn-search-tile.gif) repeat-x top}