/* ----- RESET ----- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* ----- GENERAL STYLES ----- */

body
{
    background-image: url(/oct2009/lib/img/header_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0; /* need for Opera */
	color: #2A2A2A;
	height: 100%;
	font-size: 11px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
}

#page
{
    width: 933px;
    margin: auto;
}

a { color: #105CB6; cursor: pointer; }
a:visited { color: #105CB6; }
a:hover, a:focus { color: #003; }
a:active { color: #000; }

fieldset
{
	border: 1px solid #E8EEFA;
	clear: left;
	padding: 15px 12px 5px 12px;
	margin: 0px;
}

legend
{
	color: #011234;
	margin-bottom: 5px;
}

hr
{
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	color: #daf2fc;
}

/* ----- PAGES ----- */

#footer
{
    position: relative;
	min-height: 55px;
	margin: 45px 0px 50px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #C4D1D2;
	clear: both;
	text-align: center;
	color: #444444;
}

#footerlogo
{
    position: absolute;
    top: 5px;
    left: 0px;
}

#footer-nav
{
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: right;
}

/* ----- HEADER ITEMS ----- */

#hdr
{
    position: relative;
    height: 60px;
}

#hdr-logo
{
    position: absolute;
    top: 0px;
    left: 0;
}

#hdr-search
{
	position: absolute;
    top: 35px;
    left: 0px;
}
input.msearch
{
    background-image: url(/oct2009/lib/img/search_bg.gif);
    background-position: top;
    background-repeat: no-repeat;
    width: 196px;
    height: 19px;
    border: solid 0px #ffffff;
    padding: 3px 3px 3px 6px;
    font-size: 12px;
    color: #666666;
    background-color: Transparent;
}
#msearchlink
{
	position: absolute;
    top: 0px;
    right: 0px;
	display: block;
	height: 25px;
	width: 30px;
}

#hdr-nav
{
	position: absolute;
    bottom: 0px;
    left: 280px;
}
#hdr-nav a, a:visited, a:hover, a:active { color: #4C548D; text-decoration: none; }
#hdr-nav a:visited { color: #4C548D; }
#hdr-nav a:hover, a:focus { color: #003; }
#hdr-nav a:active { color: #4C548D; }

a.mnav, a.mnav:link, a.mnav:visited, a.mnav:hover, a.mnav:active
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	padding: 20px 18px 18px 18px;
	line-height: 14px;
}
a.mnav:hover
{
	color: #003;
	background-color: #e6e6e6;
}

/* ----- BODY ----- */

#prodtypesection
{
    position: relative;
    height: 83px;
}

ul#prodtypes
{
    position: absolute;
    top: 10px;
    right: 0px;
	list-style:none;
	margin: 0;
	padding: 0;
}
ul#prodtypes li
{
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0;
}
#prodtypetooltip
{
	position: absolute;
	background-color: #A4CA39;
	border: 1px solid #87A722;
	padding: 2px 7px 2px 7px;
	color: #ffffff;
	z-index: 999;
	display: block;
	max-width: 135px;
	line-height: 14px;
	font-size:11px;
	white-space: nowrap;
	display: none;
}

#featured
{
    border: solid 1px #CCCCCC;
}

#fboxes
{
    position: relative;
    margin-top: 25px;
}
#fbox1
{
	position: relative;
    float: left;
    width: 300px;
    height: 251px;
    border: solid 1px #CCCCCC;
    margin-left: 0px;
}
#fbox2
{
	position: relative;
    float: left;
    width: 300px;
    height: 251px;
    border: solid 1px #CCCCCC;
    margin-left: 12px;
}
#fbox3
{
	position: relative;
    float: left;
    width: 300px;
    height: 251px;
    border: solid 1px #CCCCCC;
    margin-left: 12px;
}
.fboxtext
{
	position: absolute;
	bottom: -20px;
	left: 2px;
	z-index: 999999;
}
.fboximage
{
}

.wbox
{
	margin-top: 75px;
	border: solid 1px #eeeeee;
	background-color: #fafafa;
	padding: 7px 7px 7px 7px;
	font-size: 11px;
	line-height: 15px;
	color:#888888;
	font-family:"Verdana",sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

/* ----- BREADCRUMBS --
#breadcrumb
{
	position: absolute;
	padding: 2px 12px 2px 18px;
	font-size: 10px;
	background-color: #E26000;
	color: #ffffff;
	bottom: 17px;
	left: 100;
}
#breadcrumb a { text-decoration: none; color: #ffffff; font-weight: normal; }
#breadcrumb a:visited { color: #ffffff; font-weight: normal; }
#breadcrumb a:hover, a:focus { color: #ffffff; font-weight: normal; font-size: 10px; }

/* ------ MISC ------ */
ul.hlist { position: relative; }
ul.hlist li { float:left; padding: 0px 1px 0px 1px; }
ul.hlist li.last { border-right:0; }

ul.vlist { }
ul.vlist li { float: none; padding: 0px 0px 2px 10px; }
ul.vlist li.first { font-weight: bold; padding: 2px 0px 1px 0px; }

/* ----- HELPERS ----- */
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 1px;}
.left {	float: left; }
.right { float: right; }
.spacer-t { padding: 5px 0px 0px 0px; }
.spacer-b { padding: 0px 0px 5px 0px; }
.spacer-l { padding: 0px 0px 0px 5px; }
.spacer-r { padding: 0px 5px 0px 0px; }
div.spacer-xs { clear: both; display: block; margin: 0; padding: 0; height: 2px; line-height: 0px; font-size: 1px; }
div.spacer { clear: both; display: block; margin: 0; padding: 0; height: 17px; line-height: 0px; font-size: 1px; }
div.spacer-large { clear: both; display: block; margin: 0; padding: 0; height: 25px; line-height: 0px; font-size: 1px; }
.drop-shadow { height: 25px; background-image: url(/Library/images/bg_drop_shadow.gif); background-position: top; }

a.more, a.more:link, a.more:visited, a.more:hover, a.more:active
{
	background: transparent url(/oct2009/lib/img/morearrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #105CB6;
	text-decoration: none;
	padding-left: 9px;
}
a.more:hover
{
	color: #003;
	text-decoration: underline;
}