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

/* overrides
-------------------------------- */
html { background: #0e1206; /* background repeater goes here */ }
body { background: url(../img/bg-the-races.jpg) no-repeat top center; color: #2d758b; }
a { color:#2d758b; }
a:hover { color:#60cdd1; }

a.generic-button:hover { background: url(../img/bg-btn-generic-left-over.gif) no-repeat top left; }
a.generic-button:hover span { background: url(../img/bg-btn-generic-right-over.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 li.first { margin-left: 110px; }

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

/* breadcrumb
-------------------------------- */
p.breadcrumb { color:#2d758b; }
p.breadcrumb a { color:#2d758b; }
p.breadcrumb a:hover { color:#60cdd1; }

/* content - main
-------------------------------- */
#content h1, #content h2, #content-main h3 { color:#2d758b; }
#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:#2D75B3; }
#content-main a:hover { color:#2d758b; }
#content-main .attention { background-color:#b5e3e5; color:#2d758b; }
#content-main .attention * { color:#2d758b; }
#content-main p.hr { border-bottom:1px solid #eae0c6; }

/* content - side
-------------------------------- */
#content-side { color:#fff; color:#fefefe; }
#content-side p, #content-side ul { /*padding-left:18px;*/ }
#content-side a { color:#accbd3; }
#content-side a:hover { color:#8addf8; }

#content-side ul.buttons a { color:#2e7c90; background:#FFFFFF url(../img/bg-button.gif) repeat-x top left; }
#content-side ul.buttons a:hover { 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-a.png) no-repeat left 4px; }

/* pagination
-------------------------------- */
.pagination { color:#2d758b; background:#b5e3e5; }
.pagination a {  }

/* forms
-------------------------------- */
form legend span, form label span { color:#2d758b; }
#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:#2d758b; }
#content-main form input.submit,
#content-main form input.bnout,
#content-main form input.bnover { border:1px solid #b4e3e5!important; color:#2d758b; }


/* 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: #b6e3e5; } /* 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; }
	
/* content footer backgrounds
-------------------------------- */
.footer-option-03 { background: url(../img/bg-footer-top-option-03.jpg) no-repeat bottom left; }

/* content - landing page
-------------------------------- */
#content #lp-section-1 { background: #2e7c90 url(../img/bg-lp-section-1.jpg) repeat-y 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: #2e7c90; }
#content #lp-section-1 .list-elements div { background-color: #2e7c90!important; }

#content #lp-section-2 { background: #2e7c90 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: #2e7c90; background: #FFFFFF url(../img/bg-lp-section-2-b.gif) no-repeat top left; }

#content #lp-section-3 { color: #2e7c90;}
#content #lp-section-3 a { color: #2e7c90; }
#content #lp-section-3 ul.col li { background: #d9f2f3; }

#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: #2e7c90; }
#content #lp-section-4 ul { color: #2e7c90; font-size: 85%; }

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

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

/* 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; }

/* calendar
-------------------------------- */	
#calendar table tbody td { color: #96bac5; }
#calendar table tbody td.active a { background: #2D758B; }
#calendar table tbody td.active a:hover { background: #CCCCCC; color: #2D758B; }
#calendar table tbody td a.fade { background: #96bac5!important; color: #2D758B; }
#calendar ul#nextprev { border-bottom: 5px double #2D758B; }

/* forms
-------------------------------- */
.form legend span  { color: #2d758b; }
.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: #2d758b; }
#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; }