@import url(reset.css);

/*=page wrapper
----------------*/
#pageWrapper {
	background: url(../images/pageWrapper.gif) 0 0 repeat-y;
	width: 980px;
}

/*=header
----------*/
#headerWrap {
	background: url(../images/header_bg.gif) 0 0 no-repeat;
	height: 50px;
	padding: 10px 4px 0;
	position: relative;
	width: 972px;
}
#headerWrap #header {
	background: url(../images/horizontalDivider.gif) 0 100% repeat-x;
	height: 49px;
	padding-bottom: 1px;
}
#header #logo {
	font-size: 10px;
	position: absolute;
	left: 11px;
	top: 13px;
}
#header ul#headerNav {
	position: absolute;
	top: 15px;
	right: 16px;
	color: #393b3d;
	list-style: none;
}
#headerNav li { display: inline; }
#headerNav li span#loggedIn { color: #949494; }
#headerNav li a {
	color: #4f607c;
	text-decoration: none;
}
#headerNav li a:hover { text-decoration: underline; }

/*=search and nav
------------------*/
#searchAndNav {
	background: url(../images/horizontalDivider.gif) 0 100% repeat-x;
	position: relative;
	height: 49px;
	margin: 0 4px;
}
#searchAndNav #search {
	position: absolute;
	top: 0;
	left: 11px;
	width: 437px;
}
#search fieldset { float: left; }
#search fieldset#searchSubmit {
	width: 317px;
	margin-top: 13px;
}
#search fieldset#searchParams {
	width: 216px;
	margin: 4px 0 0 5px;
	line-height: 1.0;
}
#searchParams input { font-size: 9px; }
#searchParams label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 9px;
}
#search input#searchBox {
	font-size: 12px;
	border: 2px solid #fff;
	border-color:  #c3c3c3 #c3c3c3 #efefef #efefef;
	width: 237px;
	background: #FFF;
}
#search a#advSearch {
	float: left;
	margin-top: 18px;
	line-height: 1.0;
	vertical-align: middle;
}
#search input#searchBtn {
	width: 57px;
	height: 21px;
}

/*=nav
-------*/
#searchAndNav #nav {
	position: relative;
	margin-left: 507px;
	background: url(../images/search_nav_bg.gif) 0 0 no-repeat;
	list-style: none;
	font-size: 10px;
	line-height: 1.0;
	height: 33px;
}
#nav li {
	height: 18px;
	position: absolute;
	top: 15px;
}
#nav li a {
	text-decoration: none;
	display: block;
	height: 18px;
	text-indent: -9999px;
	background: url(../images/nav.gif) 0 0 no-repeat;
}
#nav li#navCanada { width: 60px; left: 13px; }
#nav li#navCanada a { width: 60px; }
#nav li#navCanada a:hover, #nav li#navCanada a.current { background-position: 0 -18px; }
#nav li#navCollections { width: 86px; left: 92px; }
#nav li#navCollections a { width: 86px; background-position: -79px 0; }
#nav li#navCollections a:hover, #nav li#navCollections a.current { background-position: -79px -18px; }
#nav li#navLatest { width: 106px; left: 197px; }
#nav li#navLatest a { width: 106px; background-position: -184px 0; }
#nav li#navLatest a:hover, #nav li#navLatest a.current { background-position: -184px -18px; }
#nav li#navResources { width: 78px; left: 317px; }
#nav li#navResources a { width: 78px; background-position: -304px 0; }
#nav li#navResources a:hover, #nav li#navResources a.current { background-position: -304px -18px; }
#nav li#navType { width: 37px; left: 408px; }
#nav li#navType a { width: 37px; background-position: -395px 0; }
#nav li#navType a:hover, #nav li#navType a.current { background-position: -395px -18px; }

/*=content wrapper
-------------------*/
#contentWrapper {
	margin: 0 4px;
	width: 972px;
	overflow: hidden;
	_float: left;
	_display: inline;
}

#contentWrapper h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 24px 0 11px;
}

.H1Lightbox {
	font-size: 14px;
	font-weight: normal;
	margin: 24px 0 0 11px;
	background: url(../images/horizontalDivider.gif) 0 100% repeat-x;
}

.H1LightboxInc {
	font-size: 14px;
	font-weight: normal;
	margin: 24px 0 0 0px;
	background: url(../images/horizontalDivider.gif) 0 100% repeat-x;
}

.TypeBrowse {
	font-weight: normal;
	margin: 10px 10px 30px 10px;
	text-align: right;
}

/*=main content text
---------------------*/
#mainContent h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 24px 0 11px;
}
#mainContent h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 11px 0;
}
#mainContent h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 11px 0;
}
#mainContent h5, #mainContent h6 {
	font-size: 11px;
	font-weight: normal;
	margin: 11px 0;
}
#mainContent p { margin: 11px 0; }
#mainContent address {
	font-style: normal;
	margin: 11px 0;
}
#mainContent ul, #mainContent ol { margin: 11px 0 11px 26px; }
#mainContent li { margin-bottom: 3px; }
#mainContent ul li { list-style: square; }
#mainContent ol li { list-style: decimal; }

/*=sidebar
----------*/
#sidebar {
	position: relative;
	float: left;
	width: 200px;
	padding: 0;
	margin-left: 17px;
	
	_display: inline;
	
}
#sidebar h2 {
	color: #48494b;
	font-size: 17px;
	font-weight: normal;
	margin: 4px 0 10px;
}
#sidebar p {
	color: #48494b;
	font-size: 10px;
	margin: 15px 0;
}

/*=other tips
--------------*/
#sidebar #otherTips { margin-top: 35px; }
#otherTips select {
	width: 163px;
	font-size: 10px;
}

/*=footer
---------*/
#footerWrap {
	clear: left;
	width: 972px;
	padding: 0 4px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/footer_bg.gif) 0 100% no-repeat;
}
#footerWrap #footer {
	background: url(../images/horizontalDivider.gif) 0 0 repeat-x #fff;
	padding: 11px 10px 3px;
}
#footer ul {
	list-style: none;
	font-size: 9px;
	color: #797979;
	line-height: 1.5;
	width: 940px;
}
#footer li {
	display: inline;
	padding-right: 6px;
}
#footer p {
	list-style: none;
	font-size: 9px;
	color: #797979;
	line-height: 1.5;
	margin: 5px 0px 0px 0px;
}
#footer a {
	text-decoration: none;
	color: #797979;
}
#footer a:hover {text-decoration: underline; }


.error { color: #a00000 !important; }


/*=our images
---------------*/
#ourImages, #quickTips {
	float: left;
	width: 200px;
	padding: 10px 0 0 16px;
	background: transparent;
	color: #797979;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	_display: inline;
}
#ourImages h2,
#sidebar #ourImages h2 {
	font-size: 16px;
	margin: 10px 0 15px;
	font-weight: normal;
	color: #797979;
}
#ourImages h3 {
	font-size: 10px;
	margin-bottom: 4px;
}
#ourImages ul {
	font-size: 10px;
	padding: 0 0 5px 7px;
}
#ourImages li { margin-bottom: 4px; }
#ourImages li a { color: #797979; }
/*=quick tips
--------------*/
#quickTips { width: 163px; }
.quickTip { display: none; }