/*
	main.css
	styles specific to http://www.theslipper.com.au
*/

/* overrides
-------------------------------- */
html { background: #969B0B; /* background repeater goes here */ }
body { background: url(../img/bg-golden-slipper-festival.jpg) no-repeat top center; color:#333333; }
a { color:#b0710c; text-decoration: none; }
a:hover { text-decoration: underline; }

a.generic-button { background: url(../img/bg-btn-generic-left.gif) no-repeat top left; }
a.generic-button:hover { background: url(../img/bg-btn-generic-left-over.gif) no-repeat top left; }
a.generic-button span { background: url(../img/bg-btn-generic-right.gif) no-repeat top right; }
a.generic-button:hover span { background: url(../img/bg-btn-generic-right-over.gif) no-repeat top left; }

a.back-button { background: url(../img/bg-btn-back-left.gif) no-repeat top left; }
a.back-button:hover { background: url(../img/bg-btn-back-left-over.gif) no-repeat top left; }

/* header
-------------------------------- */
#header ul#secondary { background: url(../img/bg-header-secondary-nav.gif) top left no-repeat; }
#header ul#secondary li.first { margin-left: 30px; }

/* content
-------------------------------- */
#content { background:#fff url('../img/bg-side.gif') top right repeat-y; }

/* breadcrumb
-------------------------------- */
p.breadcrumb { color:#b0710c; }
p.breadcrumb a { color:#b0710c; }
p.breadcrumb a:hover { color:#5e4c27; }

/* content - main
-------------------------------- */
#content h1, #content h2, #content-main h3  { color:#b0710c; }
#content h1, #content h2 { text-transform:uppercase; background:#fff url('../img/bg-h1.gif') bottom left repeat-x; margin-top:0em; }
#content h1 { min-height:45px; line-height:45px; }
#content h2 { min-height:50px; line-height:50px; }
#content-main h3 { color:#614c31; }
#content-main a { color:#5e4c27; }
#content-main a:hover { color:#b0710d; }
#content-main .attention { background-color:#f6d586; color:#b0710c; }
#content-main .attention * { color:#b0710c; }
#content-main p.hr { border-bottom:1px solid #eae0c6; }

/* content - landing page
-------------------------------- */
#content #lp-section-1 { background: #e9bb38 url(../img/bg-lp-section-1.jpg) no-repeat top left; }
#content #lp-section-1 a b, #content #lp-section-1 a span { background: url(../img/bg-lp-section-1a.png); }
#content #lp-section-1 a:hover b, #content #lp-section-1 a:hover span { color: #b0710c; }
#content #lp-section-1 .list-elements div { background-color: #bd801f!important; }

#content #lp-section-2 { background: #c68b2d url(../img/bg-lp-section-2.jpg) repeat-y top left; }
#content #lp-section-2 a { background: url(../img/bg-lp-section-2-a.gif) no-repeat top left; }
#content #lp-section-2 a:hover { color: #c68b2d; background: #FFFFFF url(../img/bg-lp-section-2-b.gif) no-repeat top left; }

#content #lp-section-3 { color: #b0710c;}
#content #lp-section-3 a { color: #b0710c; }
#content #lp-section-3 ul.col li { background: #f3e6d2; }

#content #lp-section-4 { background: url(../img/bg-footer-top-option-01.gif) no-repeat bottom left; }
#content #lp-section-4 dl dt { background: #fdeab2; color: #b0710c; }
#content #lp-section-4 ul { color: #b0710c; font-size: 85%; }

#content #lp-section-5, #content #c-hide-show { color: #b0710c; }

/* content - side
-------------------------------- */
#content-side { color:#fff; color:#fefefe; }
#content-side p, #content-side ul { /*padding-left:18px;*/ }
#content-side a { color:#fee9af; }
#content-side a:hover { color:#fff; }
#content-side .intro a:hover,
#content-side dl a:hover { color:#fee9af; }

#content-side ul.buttons a { color:#b0710c; background:#FFFFFF url(../img/bg-button.gif) repeat-x top left; }
#content-side ul.buttons a:hover { color:#5e4c27; background:url(../img/bg-h1.gif) repeat-x top left; }
#content-side ul.buttons a b, #content-side ul.buttons a strong { background:url(../img/bg-button-bullet-a.png) no-repeat left 4px; }
#content-side ul.buttons a:hover b, #content-side ul.buttons a:hover strong { background:url(../img/bg-button-bullet-b.png) no-repeat left 4px; }

/* slideshow
-------------------------------- */
#home ul#slideshow div.nav { background-image:url('../img/controls-home-slideshow.png'); }


/* pagination
-------------------------------- */
.pagination { color:#b0710c; background:#feeab6; }
.pagination a {  }

/* forms
-------------------------------- */
form legend span, form label span { color:#b0710c; }
#content-main form input.bnout { background-image:url('../img/bg-button.gif')!important; }
form legend span,
#content-main form input.bnover { background-image:url('../img/bg-h1.gif')!important; }

#content-main form input,
form textarea, form select { border:1px solid #abadb3; }
#content-main form input:focus,
form textarea:focus, form select:focus { border-color:#b0710c; }

#content-main form input.submit,
#content-main form input.bnout,
#content-main form input.bnover { border:1px solid #feeab4!important; color:#b0710c; }


/* prettyPhoto
--------------------------------- */
div.pictureHolder .content a.next:hover { background: url(../img/bn-page-next-a.png) center right no-repeat; behavior: url(/js/iepngfix.htc); cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(../img/bn-page-prev-a.png) center left no-repeat; behavior: url(/js/iepngfix.htc); cursor: pointer; } /* Previous button */
div.pictureHolder .content a.close { width: 32px; height: 33px; background: url(../img/bn-close-a.png) center left no-repeat; behavior: url(/js/iepngfix.htc); cursor: pointer; outline:0; } /* Close button */
div.pictureHolder .content .details .nav a.arrow_previous { background: url(../img/bn-page-prev-a.png) top left no-repeat; outline:0; } /* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next { background: url(../img/bn-page-next-a.png) top left no-repeat; outline:0; } /* The next arrow in the bottom nav */
div.pictureHolder .bottom .left { background: url(../img/cnr-btm-left.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #feeab5; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(../img/cnr-btm-right.gif) top left no-repeat; } /* Bottom right corner */
div.pictureHolder .loaderIcon { background: url(../img/loader.gif) center center no-repeat; } /* Loader icon */
/*div.pictureHolder .content { background:#fff url(../img/bg-h1.gif) repeat-x center bottom; }*/
div.pictureHolder .content .details .nav p { float: left; margin: 6px 4px 0; }
div.pictureHolder .content .details .nav a.arrow_previous,
div.pictureHolder .content .details .nav a.arrow_next { width: 32px; height: 33px; margin-top: 0px; behavior: url(/js/iepngfix.htc); cursor:pointer; }
div.pictureHolder .content .details .nav a.disabled { background:none; cursor: default; }

/* news listing
-------------------------------- */
div#news { margin: 0 15px 20px; }
div#news dl { margin: 0 0 15px 0; }
div#news dt { font-weight: bold; font-size: 108%; padding-left: 12px; background: url(../img/bg-bullet-arrow-02.gif) no-repeat 0 4px; }
div#news dt a { color: #333333; }
div#news dt a:visited { color: #999999; text-decoration: none; }
div#news dd { margin: 0 0 0.8em 12px; }

/* detail page
-------------------------------- */
div#detail { margin: 0 15px 20px; }
div#detail dl { margin: 0 0 15px 0; }
div#detail dt { font-weight: bold; font-size: 123.1%; }
div#detail dd { margin: 1.2em 0 0.8em 0; padding-top: 1.2em; border-top: 1px solid #f7da8b; }
div#detail dd.date { font-weight: bold; font-size: 93%; border-top: none; margin-top: 0; padding-top: 0; }
div#detail dd ul li { list-style: square; }

/* content footer backgrounds
-------------------------------- */
.footer-option-02 { padding-bottom: 25px; background: #FFFFFF url(../img/bg-footer-top-option-02.jpg) no-repeat bottom left; } 
.footer-option-03 { background: url(../img/bg-footer-top-option-03.jpg) no-repeat bottom left; }

/* Calendar
-------------------------------- */	
#calendar table thead th.nav { background: #B0710C; }
#calendar table thead th.nav a:hover { color: #F7DA8B; }
#calendar table tbody td { color: #F7DA8B; }
#calendar table tbody td.active a { background: #B0710C; }
#calendar table tbody td.active a:hover { background: #CCCCCC; color: #B0710C; }
#calendar table tbody td a.fade { background: #F7DB8E; color: #B0710C; }

#calendar ul#nextprev { border-bottom: 5px double #B0710C; }

/* h1 homepage
-------------------------------- */	
#home { background: #b87a19 url(../img/bg-h1.jpg) bottom left repeat-x; }
#home { background: url(../img/bg-home.gif) bottom left repeat-x; }
#home ul#promotions li a { background: url(../img/bg-home-promotions-a.png) no-repeat top left; }
#home ul#promotions li a:hover { background: url(../img/bg-home-promotions-b.png) no-repeat top left; }

/* forms
-------------------------------- */
.form legend span  { color:#b0710c; }
.form legend { background:#fff url('../img/bg-h1.gif') bottom left repeat-x; }
#content-main .form input.submit,
#content-main .form input.bnout,
#content-main .form input.bnover { border:1px solid #c9dceb!important; background:url('../img/bg-button.gif') bottom left repeat-x; color: #b0710c; }
#content-main .form input.bnout { background-image:url('../img/bg-button.gif')!important; }
#content-main .form input.bnover { background-image:url('../img/bg-h1.gif')!important; }