/*-----------------------------------------------------------------------------
version:1.0   
author: Tom Leverenz    
email: tleverenz@mgicommunications.com     
website: http://www.mgicommunications.com  
-----------------------------------------------------------------------------*/

/* =Normalizer
-----------------------------------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, #wrapper, #content 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Take out underline on links */
a { text-decoration : none; }


body {
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
font-size : 72%; 
color: #000;
background-color:#FFF;
}
#wrapper {
width: 770px;
margin: 0 auto;
}

/* mainNav
=======================*/

#navbar {
position:relative;
margin: 0px 5px 0px 5px;
background: #dcc500 url(../images/menu_bg.png) repeat-x top left;
}

ul.navMain {
position:relative;
width:760px;
height:30px;
}

ul.navMain li {
float: right;
}

ul.navMain a.holiday {
color: #009900;
}

ul.navMain a:hover.holiday {
color: #CC0000;
}

ul.navMain a {
	line-height: 2.1em;
	background: url(images/mainNavBorder.gif) repeat-y left top;
	text-decoration: none;
	color: #0060AA;
	float: left;
	display: block;
	font-weight:bold;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: .5em;
}


ul.navMain a:hover {
  color: #000;
}

/* Branding
=======================*/
#header {
position:relative;
margin: 5px 5px 0px 5px;
padding-top:7px;
height: 120px;
background: #dcc500 url(../images/header_bg.png) repeat-x top left;
}

.logo {
position:relative;
left:10px; }

.product_img {
position:relative;
left: 20px;
}

/* Sub Content
=======================*/

#leftcolumn { /* Parent Wrapper for inside boxes */
	margin: 5 px 10px 0px 5px;
	padding: 4px;
	display: inline; /* IE Hack */
	width: 200px;
	float: left;
	background-color:#FFF7D2;
	min-height: 200px;
}
* html #leftcolumn {height:200px} /* IE Min-Height Hack */ 

ul.navProducts, ul.navSub {
padding-bottom: 15px;
}

ul.navProducts li, ul.navSub li  {
padding: 5px 0px 0px 0px;
margin: 0px 10px 01px 10px;
}

ul.navProducts a, ul.navSub a  {
color: #171d85;
}

ul.navProducts li {
background:url(../images/mv_arrow.gif) no-repeat left 10px;
padding-left: 10px;
}

ul.navProducts a:hover, ul.navSub a:hover  {
color:#996600;
}

p.navTitle { margin-left:10px; color:#0060AA; }


#leftcolumn p {
text-align:center;
}

/*#leftcolumn img{
position:relative;
margin-top:20px;
}
*/

/* Main Content
=======================*/

#contentMain {
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 535px;
 float: left;
 min-height: 200px;
 background-color: #FFF;
}
* html #contentMain {height:200px} /* IE Min-Height Hack */ 

/* Promos
=======================*/
.promobox {
width: 200px;
margin-left: 40px;
position:relative;
display:block; }

.promobox p {
vertical-align:middle;
padding:10px 0px 10px 0px; }

.promobox img {
float: left;
margin-right:8px; }

/* Footer
=======================*/

#footer {
 background-color: #FFF;
 margin: 5px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
}


/* Table/Form Formatting */
.btn {

}
.formTableContest{background-color : #FFF7D2;}
.formTableContest td{padding:1em;}
.formTableContest td input{padding:3px;}

.formTableContest li{margin-bottom:3px;}
.formTableContest li.listHead{font-weight:bold; margin-bottom:7px;}



.formTable {
	margin-top : 20px;
	margin-left : float;
	margin-right : float;
	background-color : #FFF7D2;
}
.formTable h1 {
	font-size: 1.75em;
	font-weight: bold;
	color: #025FAD;
}
.formTable h2 {
	margin-top: 15px;
}
.formTable h2.noSpaceAbove {
	margin-top: 0px;
}
.formTable h3 {
	margin-bottom: 15px;
}
.formTable h3.spaceAbove {
	margin-top: 15px;
	margin-bottom: 15px;
}
.formTable td {
    padding: 2px 5px;
}

.formLabel {
    font-weight : bold;
}

.formData {
    font-weight : normal;
}

.formTable tfoot {
    text-align : center;
}

.formTable thead {
    text-align : center;
    font-size : larger;
    font-weight : bold;
}

.red {
    color : #FF0000;
}

textarea {
    font-family: sans-serif;
}

/* wrapper for one product result */
.prod_search {
    display : block;
    width : 530px;
}

/* product name (left column) */
.prod_name {
    float : left;
    width : 80px;
}

.xref_detail {
    float : left;
    width : 150px;
}

.centerer {
	margin-right: auto;
	margin-left: auto;
}

/* spec/description (middle) */
.prod_spec {
    float : left;
    width : 300px;
    vertical-align : middle;
}

.xref_spec {
    float : left;
    width : 220px;
    vertical-align : middle;
}

/* images/docs (right) */
.prod_other {
    float : left;
    width : 150px;
}

/* pdf link */
.prod_pdf {
    text-align : center;
}

/* image */
.prod_image {

}

/* engineering */
#engineering p{
	margin-bottom: 5px;
	font-size: 12px;
}
#engineering a, #engineering a:visited {
	color: #0066CC;
}
#engineering a:hover {
	color:#996600;
	text-decoration: underline;
}
#engineering h1{
	margin-bottom: 5px;
	margin-top: 12px;
}
#directions {
	margin-top: 15px;
	margin-bottom: 15px;
}

#directions p {
	line-height: 20px;
}
#tsButton {
	text-align: center;
	height: 90px;
	width: 200px;
	margin-bottom: 10px;
}
