html
{
font-size: 100%;
margin: 0; padding: 0;
}
body
{
font-size: 67.5%;
text-align: center;
margin: 0; padding: 0;
font-family: Arial, Helvetica, Sans-Serif;
color: #333;
}
form
{
margin: 0; padding: 0;
}
p { padding: 0; margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
/* ====================================================== */
.CalloutBanner { margin-bottom: 10px;}
.TextRight { text-align: right; }
.LargeMarginBottom { margin-bottom: 40px; }
.LargeMarginRight { margin-right: 40px; }
.MedMarginRight { margin-right: 20px; }
.PadTopBottom { padding: 10px 0; }
.Clear { clear: both; }
.Error { border: solid 1px #b69b8a; padding: 1em; }
/* ====================================================== */
#Wrapper
{
position: relative;
background: #fff;
width: 920px;
margin: 0 auto; padding: 0;
text-align: left;
overflow: hidden;
}
#Masthead
{
border-top: solid 1px #fff;
position: relative;
margin: 0;
width: 100%;
height: 240px;
background: #fff url(images/NTBHHeading.gif) no-repeat 0 0;
}
#SearchForm
{
position: absolute;
top: 160px; left: 436px;
margin: 0; padding: 0;
}
#SideImage
{
position: absolute;
top: 0;
right: 0;
}
#Navigation
{
font-size: 1.8em;
position: absolute;
bottom: 0;
left: 0;
}
#Content
{
position: relative;
display: block;
width: 100%;
background: #fff url('images/ContentBG.gif') repeat-y 0 0;
}
#MainArea
{
font-size: 1.2em;
width: 680px;
padding-top: 10px;
margin-right: 40px;
border-top: 1px solid #6d3816;
float: left;
}
#SideArea
{
width: 180px;
margin: 20px 10px 0 10px;
float: left;
}
#ContentEnd
{
clear: both;
height: 3em;
}
#Footer
{
position: relative;
font-size: 1.2em;
clear: both;
width: 100%;
text-align: right;
padding: 10px 0;
font-style: italic;
background: #fff url(images/FooterBG.gif) repeat-x 0 0;
}
/* ====================================================== */
#Masthead h1
{
position: absolute;
width: 690px; height: 60px;
top: 30px; left: 0;
overflow: hidden;
}
#Masthead h1 a
{
display: block;
width: 100%;
height: 100%;
border: 0;
}
#Masthead h1 span
{
margin-left: -999px;
}
/* ------------------------------------------------------ */
#SearchForm input.SearchBox
{
position: absolute;
top: 0; left: 0;
margin: 0; padding: 0;
width: 170px; height: 18px;
border: 1px solid #b69b8a;
}
#SearchForm input.SearchButton
{
position: absolute;
top: 0; left: 170px;
margin: 0; padding: 0;
}
/* ------------------------------------------------------ */
#Navigation ul
{
list-style: none;
margin: 0; padding: 0;
}
#Navigation a
{
display: block;
text-decoration: none;
padding: 0.3em 0.1em;
color: #b69b8a;
}
#Navigation a:hover { color: #6d3816; }
#Navigation span
{
display: block;
text-decoration: none;
padding: 0.3em 0.1em;
color: #3d1f0c;
}
#Navigation li
{
display: block;
float: left;
margin-right: 1.2em;
}
/* ------------------------------------------------------ */
#MainArea h2
{
margin: 0 0 0.5em 0;
font-size: 1.5em;
color: #6d3816;
background-color: #b69b8a;
padding: 5px;
font-weight: normal;
}
#MainArea h3
{
margin: 0;
font-size: 1.5em;
color: #6d3816;
font-weight: normal;
}
#MainArea textarea
{
width: 100%;
font-family: Arial, Helvetica, Sans-Serif;
}
#MainArea table textarea
{
width: 40em;
}
#MainArea textarea.NoEditor
{
}
/* ------------------------------------------------------ */
#SideArea a { color: #6d3816; }
#SideArea a:hover { color: #3d1f0c; }
#SideArea a img
{
text-decoration: none;
border: none;
}
#SideArea h2
{
font-size: 1.8em;
color: #6d3816;
font-weight: normal;
padding-bottom: 0.25em;
border-bottom: solid 1px #6d3816;
}
#SideArea h3
{
font-size: 1.2em;
}
#SideArea dl, #SideArea address
{
font-size: 1.1em;
}
#SideArea dt
{
font-style: italic;
margin: 0; padding: 0;
}
#SideArea dd
{
margin: 0 0 2em 0; padding: 0;
}
#SideArea address
{
margin: 1em 0;
font-style: normal;
}
#SideArea dl.Address dt
{
font-style: normal;
font-weight: bold;
float: left;
display: block;
clear: both;
width: 2.25em;
}
#SideArea dl.Address dd
{
float: left;
width: 10em;
margin: 0;
}
#SideArea hr
{
display: block;
border: 0;
color: #6d3816;
background-color: #6d3816;
height: 1px;
width: 100%;
}
/* ====================================================== */
#SideArea ul.SidebarLinks
{
list-style-type: none;
margin: 0 0 2em 0; padding: 0;
font-size: 1.1em;
font-weight: bold;
}
#SideArea ul.SidebarLinks li
{
display: block;
padding: 10px 0 5px 0;
}
#SideArea ul.SidebarLinks li a
{
text-decoration: none;
}
#SideArea ul.SidebarLinks li a em,
#SideArea ul.SidebarLinks li span em
{
font-weight: normal;
}
/* ====================================================== */
.HomeBlock
{
position: relative;
background-color: #b69b8a;
padding: 0;
width: 320px;
float: left;
overflow: hidden;
font-size: 12px;
color: #fff;
}
.HomeBlock div.Heading
{
position: absolute;
top: 0; left: 0;
height: 40px; width: 100%;
overflow: hidden;
}
.HomeBlock a img
{
border: 0;
}
.HomeBlock div.Text
{
padding: 10px;
}
.HomeBlock h3
{
font-weight: normal;
padding: 10px 0 0 10px;
margin: 0;
color: #6d3816;
font-size: 18px;
}
.HomeBlock a { color: #fff; }
.HomeBlock a:hover { color: #6d3816; }
.HomeBlock div.Main
{
height: 360px;
margin-right: 20px;
}
.HomeBlock div.Main img
{
margin-top: 40px;
}
.HomeBlock div.Main ul
{
list-style: none;
padding: 0; margin: 0;
}
.HomeBlock div.Main ul li
{
display: block;
float: left;
margin: 0 7px 0 0;
}
.HomeBlock div.Small
{
height: 160px;
}
.HomeBlock div.Small img
{
position: absolute;
top: 0; left: 0;
width: 160px;
overflow: hidden;
}
.HomeBlock div.Small div.Heading { left: 160px; }
.HomeBlock div.Small div.Text
{
position: absolute;
top: 40px; left: 170px;
padding: 0;
width: 140px;
overflow: hidden;
}
.HomeBlock div.Small div.Text p
{
margin: 0;
}
.CalloutBanner a {
display: block;
text-align: center;
font-size: 1.4em;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
background-color: #b69b8a;
color: #fff;
}
.CalloutBanner a:hover {
color: #6d3816;
}
/* ====================================================== */
#MainArea div.Column
{
width: 320px;
float: left;
overflow: hidden;
}
#MainArea div.Column table { width: 100%; }
#MainArea div.Column textarea { width: 95%; }
#MainArea hr
{
clear: both;
display: block;
border: 0;
color: #6d3816;
background-color: #6d3816;
height: 1px;
width: 100%;
}
/* ====================================================== */
ul.Lightbox
{
list-style-type: none;
padding: 0;
margin: 0;
}
ul.Lightbox li
{
display: block;
width: 50px; height: 50px;
overflow: hidden;
float: left;
margin: 0 7px 7px 0;
}
ul.Lightbox li.Last { margin-right: 0; }
ul.Lightbox li a
{
text-decoration: none;
border: 0;
margin-top: 0;
}
ul.Lightbox li a img
{
border: 0;
margin-top: -50px;
}
ul.Lightbox li a:hover img
{
margin-top: 0;
}
/* ====================================================== */
.PageControlPanel
{
border: solid 1px #6d3816;
padding: 1em;
width: 920px;
margin: 0 auto;
text-align: left;
}
.PageControlPanel textarea
{
font-family: Arial, Helvetica, Sans-Serif;
}
/* ====================================================== */
dl.SearchResults dt a
{
color: #5579a9;
font-weight: bold;
}
dl.SearchResults dt a:hover { color: #344a67; }
dl.SearchResults dd
{
padding: 0;
margin: 0 0 1em 0;
font-style: italic;
color: #666;
}
/* ====================================================== */
table.ArtworkList
{
}
table.ArtworkList td { padding: 0.5em; }
table.ArtworkList tr.Alternate { background-color: #eee; }
table.ArtworkList td.Thumb div
{
width: 50px; height: 50px;
overflow: hidden;
}
table.ArtworkList td.Thumb div a img { border: none; }
table.ArtworkList td.Price
{
padding-left: 1em;
text-align: right;
}