html { height: 101%; }
* { padding: 0; margin: 0;}
img { outline: none; border: none; }
a { text-decoration: none; color: #0689a5; outline: none; }
a:hover { text-decoration: none; }
ul { list-style-type: none; }
.dark { color: #251400; }

/* template */
body { font-family: Times; font-size: 18px; background: #9d1514 url(bg-header-slice.png) repeat-x top center; color: white;}
pre { font-family: Times; font-size: 18px; }
#header { height: 124px; background: url(bg-header1.png) no-repeat center top;}
#wrapper-body { width: 1010px; margin: 0 auto; background: url(bg-body-slice.png) repeat-y center top; position: relative; }
 #top-shade {position: relative; height: 16px; z-index: 10; margin: 0 auto; background: url(top-shade.png) repeat-x center top; }
 #template { position: relative; margin: -16px auto 0 auto; width: 980px; background: url(bg-page.png) no-repeat center top; border: solid 0px blue; text-align: left; min-height: 500px;}
#wrapper-bottom {width: 1010px; height: 25px; margin: 0 auto; background: url(bg-body-bottom.png) no-repeat center top;}

#footer  { position: relative; margin-bottom: -10px; font-size: 14px; height: 90px; background: url(bg-footer.png) no-repeat bottom center; }
 #footer a { color: white;}
 #footer a:hover { text-decoration: underline;}
 #footer #bottom-text { padding-top: 35px; line-height: 54px; text-align: right; padding-right: 15px;}
#signature { width: 980px; font-size: 14px; margin: 0 auto; margin-top: -10px; color: #e61f1d; text-align: right; padding: 5px 0;}
 #signature a { color: #e61f1d; text-decoration: underline;}

#top-menu-bar { height: 100px; position: relative; overflow: hidden; background: url(bg-top-menu.png) no-repeat 10px -10px;}
#top-menu { margin-left: 30px; font-family: Georgia,Arial Black; }
  #top-menu li {  border: solid 0px blue; line-height: 45px; display: block; font-size: 18px; color: red; 
     text-transform: uppercase; list-style: none; margin: 0; padding: 0; float: left; padding-right: 15px;}
  #top-menu li.selected, #top-menu li.hover { color: black;}
  #top-menu li.hover a { color: black; }
  #top-menu li a { font-size: 18px; color: #e22322; font-weight: normal; text-transform: capitalize; text-decoration: none;}
  #top-menu li a.selected { color: black; }
  #top-menu li a:hover { color: black; }

#page { margin: -20px auto 0 auto; border: solid 0px red; text-align: left; }
  
/* content generic */
.content {padding: 0; }
.content h1 { font-family: Georgia, Arial Black; color: white; font-size: 30px; font-weight: normal;text-transform: uppercase; margin-bottom: 10px; background-color: #da0000; padding: 5px 10px; font-style: italic;}
.content h1 a { color: white; }
.content h2 { font-family: Georgia, Arial Black; color: #FFE99D; font-size: 24px; font-weight: normal;margin-bottom: 5px; }
.content h2 a { color: #FFE99D; }
.content h3 { font-family: Georgia, Arial Black; color: #FFE99D; font-size: 18px; font-weight: normal;margin-bottom: 5px; }
.content h3 a { color: #FFE99D; }
.content h4 { font-family: Georgia, Arial Black; color: #FFE99D; font-size: 16px; font-weight: normal;margin-bottom: 5px; }
.content h4 a { color: #FFE99D; }
.content p { margin-bottom: 10px; line-height: 20px; }
.content ul, .content ol { list-style-type: disc; margin-left: 10px; }
.content ul li, .content ol li { margin-left: 10px; }
.content a { color: white; }
.content .caption { padding: 5px; font-family: arial; font-size: 12px; font-style: italic; }

.error-box { color: #FF7D00; background-color: #Fdd; border: solid 1px #FF7D00; padding: 10px; margin: 10px 0;}
.info-box { color: #0A0; background-color: #dFd; border: solid 1px #0A0; padding: 10px;  margin: 10px 0;}

.readmore , .readmore a {background-color: #da0000; font-family: Arial; color: White; padding: 0px 5px; text-transform: uppercase; font-size: 10px; }
.date { font-style: italic; font-size: .8em; }

.ruler { background: url(bullet.png) repeat-x top center; height: 10px; margin-bottom: 5px;}

.col-large { width: 675px; border: solid 0px white; }	
.col-small { width: 300px; border: solid 0px white;}
.col-left { float: left; margin-right: 0px;}
.col-right { float: right; }

/* slideshow pager */
.slideshow-pager { padding: 0 10px; }
.slideshow-pager a img { border: solid 2px white; margin-right: 2px; }
.slideshow-pager a.activeSlide img { border: solid 2px #251400; }

/* most pages */
.main-box { }
.main-box a {text-decoration: underline !important;}
.main-box-top { width: 550px; height: 19px; background: url(bg-main-box-top.png) no-repeat bottom center; }
.main-box-middle { width: 550px; background: url(bg-main-box-middle.png) repeat-y top center; }
.main-box-bottom { width: 550px; height: 29px; background: url(bg-main-box-bottom.png) no-repeat top center; }
.main-box .inner-box { margin: 0px 19px 0px 19px; border: solid 0px white; overflow: hidden; }
.main-box .inner { padding: 15px 20px; }
.main-box .category,.main-box .category a { font-size: 18px; font-family: Georgia; font-weight: bold; }

.side-box-light {}
.side-box-light > ul { list-style-type: none; margin: 0; padding: 0;}
.side-box-light > ul > li { margin: 0; padding: 0;}

.side-box { margin-bottom: 5px; margin-left: 7px; color: white; font-style: italic; font-size: .8em;}
.side-box a { color: #FF7D00; }
.side-box-top { width: 295px; height: 45px; background: url(bg-side-box-top.png) no-repeat bottom center; }
.side-box-middle { width: 295px; background: url(bg-side-box-middle.png) repeat-y top center; color: #444; }
.side-box-bottom { width: 295px; height: 18px; background: url(bg-side-box-bottom.png) no-repeat top center; }

.side-box .inner-box { margin: 0px 18px 0px 18px; overflow: hidden; border: solid 1px transparent; } /* transparent border fixes layout issues */
.side-box h2 { padding-left: 27px; font-style: italic; font-size: 14px; height: 34px; line-height: 40px; color: black; 
               text-transform: uppercase; margin-bottom: 10px; margin-top: 0px; background: url(bg-category-tab.png) no-repeat -8px 100%;}
.side-box-top h2 { padding: 0; margin: 0; margin-left: 42px; background: none; height: 45px; line-height: 45px;}
.side-box h2 a { color: black;}
.side-box h3 { font-size: 18px; color: #ffe99d; }
.side-box h3 a { color: #ffe99d; }
.side-box .inner { padding: 0px 25px 0px 15px; }
.side-box img { border: solid 3px white; }
.side-box table { width: 295px; }

/* gallery */
.gallery { margin-bottom: 10px; }
.gallery ul { list-style-type: none; }
.gallery a { text-decoration: none; }
.gallery a:hover { color: white; }
.gallery .controls a { padding: 2px; }
.gallery .ss-controls {float: left; font-size: .8em; padding: 0 5px;}
.gallery .nav-controls {float: right; margin-left: 10px; font-size: .8em; }
.gallery .nav-controls > a { padding: 0 5px;}
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }

/* forms */
.form-box { background-color: #aaa; color: #000; padding: 10px; }
.form-box .ui-form-textarea { font-family: Arial; width: 350px; }
.form-box .ui-form-text, input[type=textbox] { width: 350px;}
.form-box .ui-form-submit, input[type=submit] { padding: 0 10px; font-weight: bold; text-transform: capitalize;}
.form-box .ui-form-submit-img { margin-left: -5px; }
.form-box .ui-form-cell-label { width: 100px; }
.form-box .ui-form-checkbox-container { padding-left: 100px; }
.form-box .ui-form-label { min-width: 200px; }

.side-box .ui-form-textarea { font-family: Arial; width: 245px; }
.side-box .ui-form-text, input[type=textbox] { width: 245px;}
.side-box .ui-form-submit, input[type=submit] { padding: 0 10px; font-weight: bold; text-transform: capitalize;}
.side-box .ui-form-submit-img { margin-left: -5px; }
.side-box .ui-form-cell-label { width: 100px; }
.side-box .ui-form-checkbox-container { padding-left: 100px; }
.side-box .ui-form-label { min-width: 200px; }

/* shopping cart */
.checkout .cart-button {cursor: pointer; color: white; font-size: 16px; font-weight: bold; text-transform: uppercase;
                         background: url(bg-cart-button.png) no-repeat center center; 
                         text-align: center; width: 178px; height: 50px; line-height: 46px;}
.checkout form { }
.checkout .ui-label { width: 200px; vertical-align: top; padding: 2px 0;}
.checkout #ui-cart-shipping-comment { width: 400px; height: 100px;}