
/* CORE STYLE */

@import url("base.css");

html { background-color: #534741; }
body { margin:0 auto; background:white; width:950px; overflow-y: scroll; }
body, table { color:#282828; }
a { color:#905B21; text-decoration:underline; }
a:hover { color:#B02; text-decoration:underline; }
hr { height:1px; border:0; margin:7px 0 6px; *margin:0; border-top:solid 1px lightgrey; }



/* STRUCTURE STYLE */

div.base { }

div.container { width:950px; margin:0 auto; }

div.header { width:950px; height:133px; margin:0 auto; background:url(/images/topheader.jpg) top center no-repeat; border-bottom:0; }

div.header span.siteLicense { position:relative; float:right; top:10px; right:10px; color:#79b; font:10px tahoma; }

div.menu { height:36px; background:#D28617; text-align:center; min-width:950px; *_width:950px; }

div.menu ul { width:950px; display:inline-block; margin:0; padding:0; list-style:none; font:bold 15px arial; *zoom:1; }
div.menu ul li { float:left; margin:0px !important; }
div.menu ul li a { height:36px; width:170px; display:inline-block; color:white; border:0; text-decoration:none; text-align:center; white-space:nowrap; outline:none; }
div.menu ul li a span { display:inline-block; margin-top:9px; cursor:pointer; }
div.menu ul li.last a { width:160px; }
div.menu ul li a:hover { background:#D28617; color:white; text-decoration:none; border:0; }
div.menu ul li a.selected { background:#BF1E2E; }
div.menu ul li a.selected:hover { background:#BF1E2E; }

div.body { width:950px; margin:0px auto 0px; background:#F4EBD7; color:#181818; font-size:14px; }

div.body div.path { padding:5px 10px 6px; color:#a8a8a8; font-size:11px; cursor:default; font-family:tahoma; }
div.body div.path label, 
div.body div.path a { margin:0 5px; color:#0078A0; font-family:arial; text-decoration:none; border:0; }
div.body div.path a:hover { color:#0078A0; text-decoration:underline; }

div.body div.homebanner { height:325px; }
div.body div.homebanner img { display:block; }

div.body div.title { height:200px; background-position:top right; background-repeat:no-repeat; background-color:#E8D2AB; }
div.body div.title-overlay { height:100%; background:url("/lib/images/title_overlay.png") top left no-repeat; behavior:url('/lib/iepngfix/iepngfix.htc'); }
div.body div.title h1 { display:inline-block; color:#F3EEE2; font-family:tahoma, arial; font-size:30pt; margin-top:72px; margin-left:50px; font-weight:normal; width:590px; }

div.body div.content { overflow:hidden; zoom:1; }
div.body div.content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
div.body div.content-border { border-bottom:solid 2px #C9EDFD; }

div.body div.content div.homepanel { margin:25px 30px 35px; color:#8C471E; }
div.body div.content div.singlepanel { margin:25px 30px 35px; }

div.homepanel h2 { font:italic 24px verdana; color:#BC2009; margin-top:0px; margin-bottom:20px; }
div.homepanel h3 { font-size:13pt; color:#8C471E; margin:0 0 10px; padding-top:5px; font-weight:normal; }

div.body div.content div.sidepanel { width:230px; float:left; background:#E8D2AB; padding:22px 0px; padding-bottom:7000px; margin-bottom:-6980px; min-height:200px; *_height:200px; }
div.body div.content div.sidepanel.home { min-height:70px; *_height:70px; }

div.sidepanel strong { display:block; margin-bottom:15px; color:#5A4B36; font:13pt arial; }
div.sidepanel table { font:12px arial; color:#515151; }

div.sidepanel hr { height:1px; border:0; margin:15px 0 14px; *margin:8px 0 7px; border-top:dashed 1px #7CA7DA; }
div.sidepanel a.imagelink { display:inline-block; *display:block; }
div.sidepanel div.sidebanner a { display:inline-block; *display:block; margin-bottom:5px; }
div.sidepanel div.sidebanner a.last { margin-bottom:0; }
div.sidepanel div.sidebanner a img { border:solid 1px silver; padding:2px; background:white; }
div.sidepanel div.sidemenu ul { list-style:none; margin:0; margin-left:8px; padding:0; zoom:1; font-size:14px; }
div.sidepanel div.sidemenu ul li { padding:3px 0; }
div.sidepanel div.sidemenu ul li a { display:inline-block; } /*IE hack*/
div.sidepanel div.sidemenu ul li a { display:block; text-decoration:underline; padding:10px 8px; text-decoration:none; border:0; color:darkred; }
div.sidepanel div.sidemenu ul li label { display:inline-block; } /*IE hack*/
div.sidepanel div.sidemenu ul li label { display:block; text-decoration:underline; padding:5px 7px; text-decoration:none; color:#313131; }
div.sidepanel div.sidemenu ul li a:hover { background:#DDC59B; }
div.sidepanel div.sidemenu ul li a.selected { background:#FFF5E0; cursor:default; }
div.sidepanel div.sidemenu hr { margin:7px 0 6px; *margin:0px; }

div.body div.content div.mainpanel { padding: 35px 50px; }

div.mainpanel { line-height: 1.4; }
div.mainpanel h2 { font-size: 28px; font-family: verdana; font-weight: normal; color:#BC2009; clear:both; margin-top:0; margin-bottom:1em; }
div.mainpanel h3 { font-size: 16pt; font-family: verdana; color:#8A5B26; margin-top:0; margin-bottom: 1em; padding-top:0px; font-weight:normal; }
div.mainpanel h4 { font-size: 11pt; font-family: arial; font-weight: bold; color:#282828; margin-top:0; margin-bottom: 1em; padding-top:2px; }
div.mainpanel p { margin-bottom: 1.5em; }
div.mainpanel ul { list-style-image:url(/lib/images/bullet.gif); list-style-position:none; }
div.mainpanel ul.level2 { list-style-image:url(/lib/images/bullet2.gif); list-style-position:none; }
div.mainpanel ul.small, div.content ol.small { font-size:9pt; }
div.mainpanel ul.tiny, div.content ol.tiny { font-size:8pt; }
div.mainpanel ul li, div.content ol li { margin-bottom:0.45em; }
div.mainpanel div.grid2 div.col { width:340px; }
div.mainpanel div.grid2 div.col.last { margin-left:20px; }

div.body div.bottompanel { margin-top:5px; }

div.footer { padding:30px 0; background-color: #534741; color:#d0d0d0; text-align:center; font-size:14px; min-width:950px; *_width:950px; line-height: 1.5em; }
div.footer a { text-decoration:none; color:#d0d0d0; }
div.footer a:hover { text-decoration:underline; color: White; }



/* THEME STYLE */

div.area { padding-right:20px; }

p.small { font-size:13px; }

a.readmore { margin-left:5px; font-weight:normal; font-style:italic; font-size:9pt; }
a.imagelink { display:inline-block; border:0; }
a.imagelink:hover img { border-color:#B02 !important; }

table.standard { border-collapse:collapse; }
table.standard td { border:solid 1px #98A5BE; padding:2px 5px; color:#458; }
table.standard thead td { background:#C9EDFD; }
table.standard thead tr.subheader td { background:#f0f0f0; }
table.standard tbody td { background:#fff; }
table.standard td.center { text-align:center; }
table.standard.center-text td { text-align:center; }

table.plain, table.plain2, table.plain3, table.plain4 { border-collapse:collapse; }
table.plain td, table.plain2 td, table.plain3 td, table.plain4 td { padding:0px; vertical-align:top; }
table.plain2 td { padding-right:2px; padding-bottom:2px; }
table.plain3 td { padding-right:3px; padding-bottom:3px; }
table.plain4 td { padding-right:4px; padding-bottom:4px; }

table.top-align td { vertical-align:top; }

img.imagebox { margin-bottom:1.3em; display:block; }
img.framed { border:solid 1px #ccaa88; padding:4px; background:white; }
img.center { margin:0 auto; }
img.left { float:left; margin-right:20px; }
img.right { float:right; margin-left:20px; }
img.last { margin:0 !important; }

table.imagebox { border-collapse:collapse; margin-bottom:1.3em; }
table.imagebox td { padding:0; padding-right:10px; }
table.imagebox.center { margin-left:auto; margin-right:auto; }
table.imagebox.center td { padding:0 5px; }
table.imagebox.left { float:left; margin-right:10px; }
table.imagebox.left td { padding:0; padding-right:10px; }
table.imagebox.right { float:right; margin-left:10px; }
table.imagebox.right td { padding:0; padding-left:10px; }
table.imagebox label { display:block; margin:3px auto 0; text-align:center; color:#686868; font-size:8pt; font-style:italic; }
table.imagebox img { *display:block; }

div.imagebox { zoom:1; margin-bottom:1.3em; }
div.imagebox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
div.imagebox img.framed { margin-right:10px; display:block; float:left; }

h2.titlebar { zoom:1; background:url(/lib/images/h2bg.gif); color:#6A5B36 !important; border:0 !important; padding:4px 12px 4px 0px; }
h2.titlebar:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
h2.titlebar span { float:left; display:block; display:inline-block; *display:inline; }
h2.titlebar a { float:right !important; margin-top:2px; font-size:9pt; font-weight:bold; text-decoration:none; }
h2.titlebar a:hover { text-decoration:underline; }

*.br { margin-bottom:1.3em; }
*.claim span { display:inline-block; vertical-align:top; color:#c00; }
*.claim i, *.claim em { display:inline-block; width:96%; margin-left:5px; color:#666; }
i.remark, em.remark { color:#555; }



/* LIBRARY STYLE */

div.slide { position:relative; width:100%; z-index:5; }
div.slide div.images { position:relative; }
div.slide div.images img { position:absolute; top:0; left:0; display:block; visibility:hidden; }
div.slide div.images img.displayed { visibility:visible; }
div.slide div.bullets { position:absolute; float:left; left:50%; bottom:10px; z-index:20; }
div.slide div.bullets div { position:relative; float:left; left:-50% }
div.slide div.bullets div a { display:block; float:left; width:10px; height:10px; margin-right:8px; border:solid 1px #f1f1f1; font-size:8px; text-decoration:none; outline:none; zoom:1; }
div.slide div.bullets a.selected { background:#BF1E2E; }
div.slide div.bullets a.selected:hover, 
div.slide div.bullets a:hover { background:#f1f1f1; }



/* TARGET STYLE */

#storesListDiv { margin-top:30px; }
#storesListDiv h1 { color:purple; font:20px arial; background:#EEDFC4; padding:3px 8px; }
#storesListDiv h2 { color:darkblue; font:18px arial; margin-top:20px; padding-left:8px; }
#storesListDiv h3 { color:#777; font:italic 14px arial; margin-bottom:10px; margin-top:20px; padding-left:8px; }
#storesListDiv div.store-detail { margin-left:25px; }
#storesListDiv h4 { color:black; font:bold 12px arial; margin-bottom:3px; }
#storesListDiv p { color:#666; font:13px arial; }

table.storesEditList { font:8pt tahoma; background:#555; border-collapse:collapse; }
table.storesEditList td { border:solid 1px #98A5BE; padding:5px 5px; color:#458; }
table.storesEditList thead td { background:#eaeaea; cursor:default; }
table.storesEditList tbody { background:#fff; }
table.storesEditList tbody td { cursor:default; }
table.storesEditList td.center { text-align:center; }

form#storeEditForm table { font:10pt tahoma; }
form#storeEditForm input { font:10pt tahoma; }
form#storeEditForm em { font-style:normal; color:#dd0000; }