/*
Title:      Dinex Product Binder, master styles for screen media
Author:     Steve Miller, smiller@dinex.com
Updated:    February 29, 2008
*/


/* =Layout
----------------------------------------------- */

html,body
{
margin: 0;
padding: 0;
color: #000;
background: #400000 url(Binder/images/bkgd.png) repeat-x;
}

body
{
font-size: 62.5%; /* Set font as 10px initially } */ 
font-family: Verdana, sans-serif;
min-width: 960px;
}

#mainwrap
{
background-color: #fff;
width: 960px;
margin: 0 auto 30px auto;
}

#header
{
height: 110px;
background-image: url("Binder/images/header.png");
}

#breadcrumb
{
height: 50px;
background: #fff url("Binder/images/breadcrumb.png") no-repeat;
}

#breadcrumb p
{
padding: 18px 0 0 280px;
}

.breadcrumb
{
padding: 18px 0 0 280px;
font-size: 1.2em;
}

#wrap
{
margin:0;
padding: 0;
background: none;
background: #fff url(Binder/images/divider.png) repeat-y;
text-align: left;
}

#content
{
width: 680px;
float:right;
position: relative;
}

#content p
{
padding: 0 20px 0 0;
}

#content .printlnk
{
position: absolute;
left: 460px;
top: -35px;
}

html>body #content .printlnk {top: -45px;} /* IE Hack */

#content .downloadlnk
{
position: absolute;
left: 475px;
top: -35px;
}

html>body #content .downloadlnk {top: -45px;} /* IE Hack */

#content .pagenavtop
{
position: absolute;
left: 590px;
top: -35px;
color: #888;
text-align: center;
}

html>body #content .pagenavtop {top: -45px;} /* IE Hack */

#content .pagenavtop a
{
font-weight: bold;
text-decoration: none;
}

#nav
{
width:240px;
float:left;
padding: 0 0 0 15px;
position: relative;
}

#nav a
{
text-decoration: none;
}

#nav a:hover
{
color: #800;
}

#nav h3
{
position: absolute;
left: 20px;
top: -35px;
}

html>body #nav h3 {left: 20px; top: -50px;} /* IE Hack */

.pagenav
{
color: #888;
text-align: center;
}

#content .pagenav a
{
font-weight: bold;
text-decoration: none;
}

#footer
{
height:50px;
clear:both;
background: #fff url("Binder/images/footer.png") no-repeat;
}

#footer p
{
padding: 14px 0 0 220px;
text-align: center;
}

/* =Links
----------------------------------------------- */

a, a:link, a:visited, a:active
{
text-decoration: underline;
color: #900;
}

a:hover
{
color: #f00;
}

a.print
{
padding: 1px 0 1px 21px;
background: url(Binder/images/printer.gif) no-repeat 0% 65%;
font-weight: bold;
}

a.download
{
padding: 1px 0 1px 21px;
background: url(Binder/images/down-load.gif) no-repeat 0% 65%;
font-weight: bold;
}

h2
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 2.1em;
letter-spacing: -0.03em;
color: #800;
padding: 0 0 10px 0;
margin: 0;
}

h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.8em;
color: #666;
}

h4
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.6em;
color: #666;
}

p
{
font-size: 1.2em;
line-height: 1.6em;
}

#searchform
{
float: right;
margin: 0;
padding-top: 50px;
}

#searchsubmit
{
padding: 1px;
}

.HideRootNode
{
visibility: hidden;
margin-left: 0px;
}

/*SEARCH */

#breadcrumbSearch
{
height: 50px;
background: #fff url("Binder/images/breadcrumbSearch.png") no-repeat;
}

#wrapSearch
{
margin:0;
padding: 0;
background: none;
text-align: left;
}

#contentSearch
{
width: 680px;
padding: 0 0 0 160px;
}

#footerSearch
{
height:50px;
clear:both;
background: #fff url("Binder/images/footerSearch.png") no-repeat;
}

#footerSearch p
{
text-align: center;
}

.highlight { background: #FFFF40; }
		.searchheading { font-size: 1.4em; font-weight: bold; line-height: 1.4em;}
		.summary { font-size: 1.2em; font-style: italic; line-height: 1.4em;} 
		.results {font-size: 1.2em; line-height: 1.4em;}
		.category { color: #999999; }
		.description { font-size: 1.1em; }
		.context { font-size: 0.9em; }
		.infoline { font-size: 0.9em; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 1.3em; line-height: 1.6em;}
		
		.zoom_searchform { font-size: 100%; }
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }