/*----- shell ------*/
body { background:url(../images/background.gif); font-family:Arial, Helvetica, sans-serif;}

#headerStripe { width:100%; height:203px; background:url(../images/back-topband.png) repeat-x;}

#contentShell, #header { width:1000px;}
#contentShell { margin:0 auto; position:relative;}
#header       { background:url(../images/back-header.png) no-repeat; height:167px;}
#content      { background:url(../images/back-content.png) center repeat-y; width:954px; padding:0 23px;}

#headerFlag   { background:url(../images/header-tab.png) no-repeat; position:absolute; top:74px; left:30px; height:130px; width:169px; z-index:10;}
#topGrad      { background:url(../images/back-topGrad.png) repeat-x; position:absolute; top:167px; left:; height:20px; width:954px; margin:0 23px; z-index:8;}    


#ContentBottom { width:100%; height:40px; background:url(../images/back-bottom.png) center top no-repeat;}


.rtCol { float:right; margin:40px; width:460px;}



/*--- global styles ------*/
* { margin:0; padding:0; outline:none;}

.clearAll {clear:both; font-size:1px; height:1px;}
.clearAllGold {clear:both; font-size:1px; height:1px; background:#947a35;}


h1 { font :normal 26px/27px Georgia, "Times New Roman", Times, serif; color:#294084; margin:0 0 6px 0;}
h2 { font-size:14px; text-transform:uppercase; letter-spacing:.03em; font-weight:normal;}
h3 { font-size:16px; line-height:18px; color:#892809; margin:0 0 6px 0; font-weight:normal;}
h5 { font: normal 13px/18px Georgia, "Times New Roman", Times, serif; color:#333333;}

h5 a:link, h5 a:visited { color:#294084; text-decoration:underline;}
h5 a:hover, h5 a:active { color:#892809; text-decoration:underline;}

p  { color:#333333; font-size:12px; line-height:18px;}

span.btn-outlineGold   { float:right;}
span.btn-outlineGold a { display:block; font-size:11px; text-transform:uppercase; padding:2px 8px 2px 14px; margin:0 0 0 4px; background:url(../images/btn-smallGold.png) 0 0 no-repeat;}
span.btn-outlineGold a:link, span.btn-outlineGold a:visited { border:1px solid #9a7a11; color:#9a7a11; text-decoration:none;}
span.btn-outlineGold a:hover, span.btn-outlineGold a:active { border:1px solid #9a7a11; color:#FFF; text-decoration:none; background-position: 0 -19px;}



/*--- header area ------*/
a.logoLink {display:block; width:330px; height:45px; position:absolute; top:25px; left:30px;}

#shopTab         { position:absolute; top:26px; right:30px; height:72px; width:224px;}
#shopTab a       { background:url(../images/btn-shopOnline.png) 0 10px no-repeat; display:block; height:72px; width:224px;}
#shopTab a:hover { background:url(../images/btn-shopOnline.png) -224px 4px no-repeat;}



#topNav    { position:absolute; top:122px; right:53px; height:30px; width:730px; z-index:20;}

#topNav ul               { float:right; position:relative;}
#topNav ul h2 a          { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.03em; margin:0 4px;}
#topNav ul h2 a:link, #topNav ul h2 a:visited {text-decoration:none; color:#ffeb98; padding:4px 10px;}
#topNav ul h2 a:hover, #topNav ul h2 a:active {text-decoration:none; color:#FFF; border:1px solid #ffeb98; padding:3px 9px;}
#topNav ul ul            { position:absolute; background:#856309; border:2px solid #b29622; z-index:50; display:none; width:280px;}
#topNav ul:hover ul      { display:block;}
#topNav ul ul li         { list-style:none;}
#topNav ul ul li a       { display:block; font-size:12px; border-bottom:1px solid #b29622; padding:8px 14px; background:url(../images/nav-red.gif) repeat-x; letter-spacing:.04em; color:#ffeb98; text-decoration:none;}
#topNav ul ul li a:hover { background:#483a13; color:#FFFFFF; text-decoration:none; background:url(../images/nav-red-on.gif) repeat-x;}



/*--- hero area ------*/
#heroArea, .hero { width:410px !important; height:494px !important;}
#heroArea { float:left;}

.hero  { background-repeat:no-repeat; position:relative; overflow:hidden;}

.hero div.title { width:394px; min-height: 66px; background:#FFFFFF; position:absolute; top:300px; left:0; text-align:right; padding:8px;}

.special  { width:418px; float:right; margin:0 40px 30px 0;}
.special img {float:left; margin:0 8px 3px 0; }



/*--- footer ------*/
#footer, #footerRed { height:180px;}
#footer    { background:#b39722 url(../images/grad-gold.png) repeat-x;}
#footerRed { background:#772207 url(../images/grad-red.png) repeat-x; width:260px; float:left;}

.footerCol    { margin:14px 0 14px 14px; float:left; width:210px;}
.footerCol h2 { font-size:14px; text-transform:uppercase; font-weight:normal; letter-spacing:.02em; color:#FFFFFF; margin-bottom:6px;}
.footerCol p  { color:#ffeb98;}
#footerRed .footerCol   { width:232px;}
#footerRed .footerCol p { color:#f7cfc3;}

.footerCol p a:link, .footerCol p a:visited  { color:#ffeb98; text-decoration:none;}
.footerCol p a:hover, .footerCol p a:active  { color:#FFF; text-decoration:underline;}

.footerCol p.line {padding-left:14px; border-left:1px solid #ffeb98;}