/*****************************
Company: Ward Manufacturing
Site Developed by: Integrated New Media
Date: March 28, 2007
Author: Zak Weiland
******************************/

/*****************************
~~~~~~~~~~~~~~ Global ~~~~~~~~
*****************************/

* {margin:0;padding:0;}
.NoDisplay {display:none;}

body, html {
	color:#333;
	background:#FFF url(/Assets/Images/Background/HTML.gif) 0 0 repeat-x;
	font-size:.8em;
	line-height:160%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img, table, div {border:none;}
hr{ border:1px dotted #999; height:1px;}
p{ margin:10px 0; font-size:1.1em; line-height:1.6em;}

ul li, ol li { line-height:16px;font-size:1.1em;}
ul, ol { margin:10px 0;} 
ul     { margin-left:35px;}
ol     { margin-left:40px;}

dl, dt, dd {
margin: 0;
padding: 0;
}
sup {font-size:0.7em;position:relative;bottom:-2px;}

/* Hyperlinks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a, a:link, a:hover, a:visited { color:#000; text-decoration:none; outline:none;}
a:hover   {}
a:visited {}

/* Titles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1      {color:#000;padding:15px 0 20px 0;font-size:2.4em;}
h2      {color:#f35812; font-size:1.8em;font-weight:bold;text-transform:uppercase;}
h3      {font-size:1.8em;}
h4      {color:#f35812; font-size:1.4em;}
h5      {font-size:100%;}
h2, h3, h4, h5 {margin:4px 0 4px 0;}
a h1 ,a h2, a h3, a h4, a h5 {text-decoration:none;}

/* Common Classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
.clear         {clear:both;}
.hidden        {display: none;}
.floatright    {float:right;}
.floatleft     {float:left;}
.center		   {margin:0 auto;}
.marginright   {margin-right:10px;}
.marginleft    {margin-left:15px;}
.marginleft select    {width:128px;height:23px;border:solid 1px #000;}
.marginbottom  {margin-bottom:10px;}
.margintop     {margin-bottom:10px;}
.em            {font-style:italic;}
.lightgrey     {color:#999;}
.red		   {color:#f35812;}
.large         {font-size:larger;}
.small		   {font-size:smaller;}
.alert         {background:#f60; border:1px solid #c30; width:100%; color:#FFF; font-weight:bold; padding:3px 5px;}
.highlight	   {color:#f35812;}
.valignmid     {vertical-align:middle;}

	
/*****************************
~~~~~~~ Layout Styles ~~~~~~~~
*****************************/
	  
#container {
margin:0 auto;
width:960px;
background:#fff url(/Assets/Images/Background/Container.gif) 0 0 no-repeat;
}

/*****************************
~~~~~~~ Header Styles ~~~~~~~~
*****************************/

.global{
background:#dbdbb7 url(/Assets/Images/Background/TopBar.gif) 100% 0 repeat-y;
width:960px;height:40px;
position:relative;right:35px;bottom:-10px;top:-10px;
text-align:right;font-size:0.9em;
}
.global li a {text-decoration:none;color:#333;}
.global li   {display:inline;position:relative;right:26px;top:12px;font-weight:bold;padding:0 3px;}
	
.header{
width:945px;
height:90px;
margin-top:-20px;
padding-right:15px;
background:#dbdbb7 url(/Assets/Images/Background/header.gif) 0 100% no-repeat;
}
.logo{
float:left;
margin:5px 0 0 10px;
}
#header-nav        {float:right;position:relative;top:10px;right:15px;width:auto;height:20px;font-weight:bold;}
.searchnav         {position:relative;top:1px;font-size:1.2em;}
.search, .textbox  {border:1px solid #343434;background:#ffc;margin:0 4px;width:128px; height:17px;padding:2px 5px;}
.textbox           {margin:2px 0;}
.feedbackBox, 
  .textBoxMain     {border:1px solid #000;background:#fff;padding:5px;}
.textBoxMain	   {padding:3px;height:1.2em;}
/*****************************
~~~~ Main Content Styles ~~~~~
*****************************/
#main                  {width:930px; height:auto;margin-top:6px;padding:15px;background:#dbdbb7;}

/* Left Column
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-left             {width:619px;position:relative;top:0;left:0;height:auto;background:transparent;}

/* Main Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-nav              {float:left;position:relative;top:0px;left:6px;width:510px; height:34px;}

/* Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-content{
position:relative;top:0;left:0;
width:619px;height:auto;
background:url(/Assets/Images/Background/MainContentBottom.gif) bottom left no-repeat;
padding-bottom:7px;margin-bottom:10px;
clear:left;
}
.main-content a {text-decoration:underline;}
.main-content .top   {height:7px;background:url(/Assets/Images/Background/MainContentTop.gif) top left no-repeat;}
.main-content .middle{padding:0 15px;background:#fff url(/Assets/Images/Background/MainContentBG.gif) top left repeat-y;}

/* Feature Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.feature{
background:url(../../Assets/Images/Background/HomeFeature.gif) 100% 0 no-repeat;height:64px;width:563px; margin-bottom:5px;
}	
.feature img {float:left;}
.feature p	 {float:left;font-size:1em;line-height:13px;margin:14px 0 0 40px;width:410px;}

/* Breaking News
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breaking-news         {position:relative;top:0;left:0;width:304px;background:url(/Assets/Images/Background/BreakingNewsBottom.gif) bottom left no-repeat;padding-bottom:11px;}
.breaking-news dt      {width:304px;height:27px;background:url(/Assets/Images/Background/BreakingNewsHead.png) top left no-repeat;}
.breakingNewsText      {color:White;font-size:1.7em;font-weight:bold;padding-left:10px;line-height:27px;}
.breaking-news dd      {padding:10px 15px 17px 15px;color:#FFF;line-height:1.2em;background:url(/Assets/Images/Background/BreakingNews.gif) top left repeat-y;height:148px;}
.breaking-news dd a    {display:block;color:#fff;padding:1.5em 0;border-bottom:1px solid #f48a5a;margin:0;}
.breaking-news dd a:hover {background:#f46422;}
.breaking-news dd img  {margin:-10px 10px 0 .5em;height:30px;}
.asa                   {margin-top:10px;}

/* Where to Buy
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.where-buy      {position:relative;top:0; left:0;width:304px;background:url(/Assets/Images/Background/WhereBuyBottom.gif) bottom left no-repeat;padding-bottom:11px;}
.where-buy dt   {height:27px;background:url(/Assets/Images/Text/Wheretobuy.gif) top left no-repeat;}
.where-buy dd   {padding:2px 0 0 10px;background:url(/Assets/Images/Background/WhereBuy.gif) top left repeat-y;}

/* Breadcrumbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb{
border-top:1px solid #dbdbb7;
border-bottom:1px solid #dbdbb7;
padding:3px 15px;
margin:0 -15px;
font-size:larger;
font-weight:bold;
}
.breadcrumb a{text-decoration:none;}
.breadcrumb-selected a{color:#f35812;}

/* Contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wholeSale						{}
.wholeSale ul					{ margin:0;list-style:none;}
.wholeSale ul li				{ min-height:105px;margin-bottom:10px;}


/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {clear:both;padding-top:2px;background:#FFF;color:#656565;width:960px;height:50px;text-align:center;margin-right:180px;float:right;}

/*****************************
~~~~ Special Page Styles ~~~~~
*****************************/

/* Product Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.product-search        {background:url(/Assets/Images/Background/ProductSearchBottom.gif) bottom left no-repeat;position:relative;top:0; left:0;width:582px;padding-bottom:11px;}
.product-search-middle {background:#dbdbb7 url(/Assets/Images/Background/ProductSearchTop.gif) top left no-repeat;height:auto;padding-bottom:11px;padding-top:22px;}

.white-corners         {background:url(/Assets/Images/Background/WhiteCornersBottom.gif) bottom left no-repeat;position:relative;top:0; left:0;width:540px;margin:0 auto;padding-bottom:4px;}
.white-corners-middle  {background:#FFF url(/Assets/Images/Background/WhiteCornersTop.gif) top left no-repeat;height:auto;padding:10px 10px 8px 15px;}
.margin-bottom-eight   {margin-bottom:8px;}
.white-corners-middle h3, .white-corners-middle select{float:left;}

/* Product Details
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productHead    {width:100%;padding-bottom:20px;}

/* Downloads
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.downloads                 {width:100%;}
.downloads thead           {font-weight:bold;font-size:small;height:40px;color:#666;}
.downloads tbody tr        {font-size:small;color:#333;height:45px;}
.downloads tbody tr td     {border-bottom:1px solid #ccc;padding:3px 0;}
.downloads tbody .greyHead {background:#666;font-size:small;font-weight:bold;color:#FFF;height:20px;}

.downloads a[href $='.pdf'] {padding:10px 0 10px 40px;background:transparent url(/Assets/Images/Icons/pdf.gif) 0 50% no-repeat;}
.downloads a[href $='.doc'] {padding:10px 0 10px 40px;background:transparent url(/Assets/Images/Icons/word.gif) 0 50% no-repeat;}
.downloads a[href $='.zip'] {padding:10px 0 10px 36px;background:transparent url(/Assets/Images/Icons/zip.gif) 0 50% no-repeat;}
.downloads a[href $='.xls'] {padding:10px 0 10px 40px;background:transparent url(/Assets/Images/Icons/excel.gif) 0 50% no-repeat;}

/* Specs Table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.specs             {width:100%;text-align:center;margin:8px 0;}
.specs thead       {background:#666;font-weight:bold;color:#fff;font-size:larger;}
.specs thead tr td {padding:5px 0;}
.specs tr td       {border-right:2px solid #fff;border-bottom:2px solid #fff;}
.specs tbody tr td {background:#ccc;padding:2px 0;font-size:small;}
.specs .trhead     {font-weight:bold;text-align:left;padding-left:8px;}

/* Clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}