/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}

h3 {
	margin: 5px 0 15px 0;
	color: #666;
}

/* Class for clearing floats */
.clear {
	clear:both;
	/* Take padding/margins out for IE */
	padding:0;
	margin:0;
}

/* Remove border around linked images */
img {
	border: 0;
}

.shaded { 
	background-color: #EEEEEE;
}



/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: small/1.4 Tahoma, Verdana, sans-serif;
	color:#333;
	/* for centering, just in case IE quirks mode */
	text-align:center;
	/* for centering, force NS 6 to scroll horz when window reduced */
	min-width:750px;
}



/* =Headings
-----------------------------------------------------------------------------*/



/* =Links   D88400  EE9140
-----------------------------------------------------------------------------*/
a {
	font-weight:bold;
}

a:link {
	color:#D88400;
	text-decoration:none;
}

a:visited {
        color:#D88400;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	color:#f60;
	text-decoration:underline;
}



/* =Branding
-----------------------------------------------------------------------------*/
#logo {
	float:left;
	padding:0;
	margin:0;
}



/* =Main Nav
-----------------------------------------------------------------------------*/
#menuWrapOuter {
       float:left;
       width:426px; /* 10px smaller than it should be so IE5 floats correctly */
       min-width:436px; /* Fix the width for gecko/KHTML */
       height:83px;
       background-image:url(../img/menuWrap-bg.gif);
       background-repeat:repeat-x;
       padding: 0;
       margin: 0;
}

#menuWrap {
	float:right;
	width:416px;
	height:83px;
	background-image:url(../img/menuWrap-bg.gif);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	
}

#menuWrap ul {
	list-style:none;
	padding:27px 0 0 0; /* So the top aligns correctly */
	margin:0;
}

#menuWrap ul li {
	float:left;
	margin:0;
	padding:0;
}

#menuWrap ul li a {
	display:block;
	height:56px;
	width:104px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;

	background-repeat:no-repeat;
	background-position:left top; /* top is required so the valign is right */

	/* hide the text link */
	padding: 56px 0 0 0; /* overrides the 0 padding above */
	overflow: hidden;
	height: 0px !important; 
	height /**/:56px; /* for IE5/Win only */
}

/* li with id are here to avoid flicker in IE */
#menuWrap ul li a:hover, #menuWrap ul li a:active, #menuAbout, #menuServices, #menuSupport, #menuContact {
	background-position:right top; /* top is required so the valign is right */
}

#menuAbout a, #menuAbout {
	background-image:url(../img/menu-about.gif);
}

#menuServices a, #menuServices {
	background-image:url(../img/menu-services.gif);
}

#menuSupport a, #menuSupport {
	background-image:url(../img/menu-support.gif);
}

#menuContact a, #menuContact {
	background-image:url(../img/menu-contact.gif);
}



/* =Sub Nav
-----------------------------------------------------------------------------*/
#custArea {
	float:left;
	height:35px;
	width:200px;
}

#custArea, #custArea a, #custArea a:visited, #custArea a:hover, #custArea a:active {
	height:35px;
	width:200px;
	display:block;
	background-repeat:no-repeat;
	background-image:url(../img/img-customerArea.gif);
}

#custArea a, #custArea a:visited {
	background-position:top;
}

#custArea, #custArea a:hover, #custArea a:active {
	background-position:bottom;
}

.subNav {
        font: small Arial, Helvetica;
        font-weight: bold;
	font-size:12px;
        color:#333;
        float:right;
        padding:0;
	margin:10px 0 10px 0;
        line-height:1.8em;  
        width:540px;
        text-align:right;
	display:inline;
}

.subNav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:100%;
}

.subNav ul li {
	float:right;
	margin:0 0 8px 20px;
}

.subNav a:link {
        color:#888;
        text-decoration:none;
}

.subNav a:visited {
        color:#888;
        text-decoration:none;
}

.subNav a:hover {
        color:#333;
        text-decoration:none;
        border-bottom: medium solid #BBB;
}

.subNav a:active {
        color:#333;
        text-decoration:none;
        border-bottom: medium solid;
}


/* =Page
-----------------------------------------------------------------------------*/
#pageWrap {
	/* kill IE's wrong use of body>text-align */
	text-align:left;
	/* centering: must use this technique as Safari won't place parent img for IE flicker properly on page with position technique */
	width:750px;
	margin:0 auto;
	/* for Safari to show white space up top - won't do margin */
	padding:20px 0 20px 10px;
}



/* =Main Content
-----------------------------------------------------------------------------*/
#content {
	float:right;
	width:510px;
}




/* =Secondary Content
-----------------------------------------------------------------------------*/
#sidebar {
	float:left;
	width:198px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
	color:#666;
	font-weight:bold;
	line-height:1em;
	padding:0px;
	margin: 0px 40px 0 0;
	text-align:left;
}

#sidebar img {
	border-bottom:1px solid #ccc;
}

#sidebar p {
	padding:0 15px 0 15px;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:750px;
	border-top:4px solid #999;
	padding:4px 0 0 0;
	text-align:center;
	font-size:80%;
	color:#666;
}

#footer a {
	color:#ff6600;
	font-weight:normal;
}

#footer p {
	margin:0;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
	border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

/* table {
	border-spacing: 0;
	border-collapse: collapse;
}  */

table {
}

td {
	text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
#yerror {
        background-color:yellow;
        padding: 10px 10px 10px 10px;
        font-weight: bold;
        font-size: 120%;
        margin:0;
}

#warning {
	float:right;
        background-color:#fff4d9;
        padding: 5px 5px 5px 5px;
	margin: 0 0 0 70px;
	font-size:90%;
	border:solid #333 thin;
	width:150px;
	text-align:center;
}

div.response {
	display:table;
        background-color:#fff4d9;
        padding: 5px;
	margin: 25px 0 25px 0;
	border:solid #333 thin;
	text-align: justify;
}	

* html div.response {
	display: inline-block;
	width: 100%;
	wid\th: auto;
}

/* =Misc 2
-----------------------------------------------------------------------------*/
#plug {
        float: right;
        width: 750px;
}

#plug ul {
	list-style: square;
	margin: 0 0 0 16px; 
	list-style-position: outside;
}

#plug ul.orange {
        list-style-image: url(../img/bullet.gif);
}

#plug ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 0 30px; 
}




.inputform  {
	background-color:#ddd;
	width: 100%;
}

.inputform td {
	padding: 0 5px 0 5px; 

}

.inputform input, select, textarea {
	margin: 5px 0 5px 0;
	font: small/1.4 "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.prompt {
	text-align:right;
	background-color:#fff4d9;
}


.field {
	background-color:#ddd;
}

div.hrule {
  display: table;
  background-color:#ff9900;
  height:7px;
}

* html div.hrule {
  display: inline-block;
  width: 100%;
  wid\th: auto;
}

div.hrule span:after {
  display: block;
  line-height: 0;
  height: 0;
  visibility: hidden; 
  content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
}

div.paraWrap {
  display: table;
  padding:0 0 20px 0;
}

* html div.paraWrap {
  display: inline-block;
  width: 100%;
  wid\th: auto;
}

div.paraWrap span:after {
  display: block;
  line-height: 0;
  height: 0;
  visibility: hidden; 
  content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
}

.links div {
	text-align:justify;
	margin: 0px 0px 20px 20px;
}

.newsform {
	text-align:center;
	width: 198px;
}

.newsform input {
	font-size: 70%;
}

table.mytab {
	background-color: #fff4d9;
	border: solid 1px black;
	border-collapse: collapse;
}

.mytab td {
	padding: 5px;
	border: solid 1px black;
	border-left: none;
  border-right: none;
	border-collapse: collapse;
}

table.verttab {
	background-color: #fff4d9;
	border: solid 1px black;
  border-collapse: collapse;
}

.verttab td {
	padding: 5px;
	border: solid 1px black;
	border-collapse: collapse;
}

.orange {
	list-style-image: url(../img/bullet.gif);
	margin-left:20px;
}

.shadedbox {
	text-align: center;
	border: none;
	padding: 5px;
	font-weight: bold;
	color: #333;
}

.bigprompt {
	font-size: 120%;
	font-weight: bold;
	text-align:right;
	background-color: #f2f2f2;
	color: #333;
}

.cents {
	text-decoration: underline;
	vertical-align: super;
	font-size: 65%;
}

.specprice {
	color: red;
	font-size: 85%;
}

.listtable {
	width: 80%;
}

.listtable td {
	padding: 0 0 0 0;
}

.listtable ul {
	margin: 0 0 0 20px;
}

.helptable {
	width: 90%;
}

.helptable td {
  width: 110px;
}

.finderform {
  width: 80%;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #777;
  background-color:#eaeaea;
}

.break {
  page-break-after:always;
}

.searchlist {
  list-style-position:inside;
  margin:25px;
  color:#bbb;
}

#promowrap {
   border:#333 1px solid;
}

#promo {
  text-align:left;
  padding: none;
}

.promotext {
  padding: 25px 0 25px 75px;
  text-align:left;
}

.freetext {
  padding: 10px 0 10px 0;
}

#nano {
  float:left;
  border:none;
  padding:5px;
}