@charset "utf-8";
/* Global */
* {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2E2E2E; margin: 0; padding: 0; list-style-type: none;}
/* Body Styling */
html, body {height: 100%;} 
body {text-align: center; background: #FFF url(../img/top-bar.jpg) center top repeat-x;}
/* Main Divs */
#wrapper {width: 900px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -115px auto; text-align: left;} 
#push {height: 39px; clear: both;}
#footer {bottom: 0; width: 100%; height: 27px; padding-top: 88px; text-align: center; background: #FFF url(../img/bot-bar.jpg) top center repeat-x;}
/* Layout Items */
#sblink {position: absolute; top: 0px; right: 0px; z-index: 1;}
#header {position: relative; width: 900px; height: 138px; margin: 0px auto;}
#header a.thelogo {position: absolute; left: 285px; top: 18px;}
#datebar {position: relative; height: 45px; width: 900px; margin: 0px auto; padding-top: 21px; background: url(../img/event-date.png) 0px 21px no-repeat; z-index: 1;}
/* Content Area */
#content {position: relative; width: 900px; margin: 23px auto 0px auto;}
.columnLeft {float: left; width: 530px;}
.columnRight {float: right; width: 340px;}
.columnLeftTL {position: relative; float: left; width: 470px;}
.columnLeftCo {float: left; width: 435px;}
.columnRightCo {float: right; width: 435px; padding-top: 40px;}
.columnLeftWin {float: left; width: 425px;}
.columnRightWin {float: right; width: 445px; padding-top: 40px;}
.columnLeftWin10 {float: left; width: 480px;}
.columnRightWin10 {float: right; width: 400px; padding-top: 40px;}
.columnTL {float: left; width: 575px;}
.columnFull {float: left; width: 900px;}
.winNoTop {padding-top: 0px;}
/* Text Styles */
p {line-height: 17px; padding-bottom: 17px;}
a {outline: 0; color: #233593;}
a:hover {color: #95549D;}
a.boldlink {font-weight: bold;}
.hide {text-indent: -9999px;}
.clear {clear: both;}
.blue {color: #273CA5;}
/* Headings */
h1, h2 {height: 28px; padding-bottom: 12px;}
h3 {font-size: 16px; font-weight: bold; letter-spacing: 1px; padding-bottom: 0px;}
h4 {font-size: 20px; font-weight: bold; padding-bottom: 0px; color: #273CA5;}
.grey {color: #2E2E2E;}
h1.home {background: url(../img/headings/the-sapphires-what-are-they.gif) no-repeat;}
h1.howtoenter {background: url(../img/headings/how-to-enter.gif) no-repeat;}
h1.rules {background: url(../img/headings/rules-and-regulations.gif) no-repeat;}
h1.timelines {background: url(../img/headings/time-lines.gif) no-repeat;}
h1.faq {background: url(../img/headings/faq.gif) no-repeat;}
h1.category1 {background: url(../img/headings/franchise-owner-categories.gif) no-repeat;}
h1.category2 {background: url(../img/headings/franchisor-categories.gif) no-repeat;}
h1.book {background: url(../img/headings/book-tickets.gif) no-repeat;}
h1.venue {background: url(../img/headings/venue.gif) no-repeat;}
h1.contact {background: url(../img/headings/contact.gif) no-repeat;}
h1.gallery {padding-bottom: 15px; background: url(../img/headings/gallery.gif) no-repeat;}
h1.winners {background: url(../img/headings/2009-winners.gif) no-repeat;}
h1.finalists {background: url(../img/headings/2009-finalists.gif) no-repeat;}
h1.winners10 {background: url(../img/headings/2010-winners.gif) no-repeat;}
h1.finalists10 {background: url(../img/headings/2010-finalists.gif) no-repeat;}
h1.online {background: url(../img/headings/online-entry.gif) no-repeat;}
h2.event {background: url(../img/headings/the-event.gif) no-repeat;}
h2.facets {background: url(../img/headings/five-sparkling-sapphire-facets.gif) no-repeat;}
h2.getinvolved {background: url(../img/headings/getting-involved.gif) no-repeat;}
h2.helpline {background: url(../img/headings/awards-helpline.gif) no-repeat;}
h2.vijs {background: url(../img/headings/the-vijs.gif) no-repeat;}
h2.about {background: url(../img/headings/about-the-dorchester.gif) no-repeat;}
.shadebarwide {width: 900px; height: 21px; background: url(../img/shade.png) 0px 3px no-repeat;}
.shadebarwidewin {width: 900px; height: 24px; background: url(../img/shade.png) 0px 3px no-repeat;}
.shadebarentry {width: 622px; height: 21px; background: url(../img/shade-entry.png) 0px 3px no-repeat;}
/* Footer */
#footer p, #footer p span {color: #FFF; padding-bottom: 0px;}
#footer a {text-decoration: none; color: #FFF;}
#footer a:hover {text-decoration: underline;}
#footer a.green {color: #A9EF4E;}
#footer a.blue {color: #8FF1EE;}
#footer p span.fspace {margin: 0px 10px; color: #A6AAC4;}
#footer a.valid {position: relative;}
#footer a.valid img {position: relative; left: 0px; top: 2px; padding-right: 4px;}
#footer a.vspace {margin: 0px 14px 0px 102px;}
/* Bullet Lists */
.bullets {line-height: 17px; padding-bottom: 0px; margin-top: -1px;}
.faqs {line-height: 17px; padding-bottom: 12px; margin-top: -1px;}
.faqs {line-height: 17px; padding-bottom: 0px; margin-top: -1px;}
.faqs li, .faqs li strong {padding: 1px 0px 8px 22px;}
.bullets li {padding: 1px 0px 11px 22px;}
.bullets li, .faqs li {background: url(../img/bullet.gif) 0px 0px no-repeat;}
.faqs li {padding: 1px 0px 0px 0px;}
.faqs li.nobullet {padding: 1px 0px 16px 22px; background: none; text-indent: 0px;}
.faqs li.nobulletwin {padding: 1px 0px 16px 0px; background: none; text-indent: 0px;}
.faqs li.nobulletwinL {padding: 1px 0px 0px 0px; background: none; text-indent: 22px;}
.faqs li.tl {padding: 1px 0px 17px 0px; text-indent: 0px;}
.faqs li.tb {padding: 1px 0px 16px 0px; text-indent: 0px;}
span.numbers {font-weight: bold; color: #273CA5;}
.pioneer {text-align: center;}
.pioneer p {padding-top: 4px;}
/* Sponsors Box */
#sponsors {height: 114px; text-align:center; background: url(../img/sponsor-shade.png) no-repeat;}
#sponsors img {margin: 21px 28px 0px 0px;}
#sponsors #sp_nest {text-align:center;}
#sponsors #sp_nest img {margin: 7px 24px 0px 0px;}
#sponsors img.last, #sponsors #sp_nest img.last {margin-right: 0px;}
/* Big Buttons */
.buttonbox {position: relative; width: 340px; margin: 0px 0px 17px 0px;}
.bigbutton {position: relative; left: -4px; display: block; width: 310px; height: 28px; background: url(../img/big-button.gif) 0px 0px no-repeat; font-size: 15px; font-weight: bold; text-decoration: none; padding: 8px 0px 0px 38px; margin-top: 8px;}
.topone {margin-top: 0px;}
.bigbutton:hover {background: url(../img/big-button.gif) 0px -36px no-repeat;}
.categories {position: absolute; margin-top: 0px; top: 25px; left: 556px;}
/* Images */
img.enterpage {padding-bottom: 17px;}
img.trophy {position: absolute; top: 1px; left: 526px;}
img.trophyentry {position: absolute; top: -296px; left: 273px;}
img.hugepic {padding-bottom: 0px; margin-bottom: 0px;}
.dpad {padding: 17px 0px;}
.fdslogo {position: relative; top: 2px; float: left; padding-right: 12px;}
/* Category Pages */
.itembox {position: relative;}
.salongenius {position: absolute; top: 25px; left: 774px;}
.betterton {position: absolute; top: 25px; left: 735px;}
.wahl {position: absolute; top: 25px; left: 795px;}
.clynol {position: absolute; top: 25px; left: 800px;}
.nosponsor {padding-bottom: 17px;}
.indent {padding-left: 16px;}
/* On-Line Entry */
form label {display: block; font-size: 16px; padding-top: 16px; font-weight: bold; padding: 0px; margin-top: 7px;}
form input, form select {width: 245px;}
form div {width: 275px; float: left;}
.file_input {height: 25px;}
#contactFormStatus {color: #C00; font-size: 14px; font-weight: bold; padding-top: 5px; padding-bottom: 8px;}
.emptyField {border: solid 1px #C00;}
/* Big Buttons */
.formbutton {position: relative;}
.formbutton a {display: block; width: 216px; height: 26px; background: url(../img/form-button.gif) 0px 0px no-repeat; font-size: 15px; font-weight: bold; text-decoration: none; padding: 8px 0px 0px 33px; margin: 8px 0px 21px 0px;}
.formbutton a:hover {background: url(../img/form-button.gif) 0px -34px no-repeat;}
.entryLeft {float: left; width: 555px;}
/* The Menu */
.menu {height: 31px; position: relative; margin-left: 107px; z-index: 100; background:url(../img/menu-back.jpg) 0px 26px no-repeat;}
.menu li {float: left; position: relative; text-align: center; margin: 0px 1px;}
.menu li.item1, .menu li.item7 {margin: 0px;}
/* Main Menu Widths */
li.item1 {width: 67px;}
li.item2 {width: 104px;}
li.item3 {width: 103px;}
li.item4 {width: 71px;}
li.item5 {width: 134px;}
li.item6 {width: 116px;}
li.item7 {width: 84px;}
li.item8 {width: 80px;}
/* Style Main Menu Items */
.menu a, .menu a:visited {display: block; font-size: 14px; text-decoration: none; color: #233593; height: 31px; background: url(../img/menu-imgs.gif) center top no-repeat; line-height: 30px; font-weight: bold;}
/* Style Main Menu Hovers */
.menu a:hover {color: #233593; background: url(../img/menu-imgs.gif) center -31px no-repeat;}
.menu :hover > a {color: #233593; background: url(../img/menu-imgs.gif) center -31px no-repeat;}
.menu a.drop:hover {color: #233593; background: #e7e7e7 url(../img/menu-imgs.gif) center -31px no-repeat;}
.menu :hover > a.drop {color: #233593; background: #e7e7e7 url(../img/menu-imgs.gif) center -31px no-repeat;}
/* Menu Item Lock */
.menu a.lock, .menu a.lock:visited {background: url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: default;}
.menu a.dropLock, .menu a.dropLock:visited {background: url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: default;}
.menu a.lock:hover {background: url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: default;}
.menu :hover > a.lock {background: url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: default;}
.menu a.dropLock:hover {background: #e7e7e7 url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: pointer;}
.menu :hover > a.dropLock {background: #e7e7e7 url(../img/menu-imgs.gif) center -62px no-repeat; color: #95549D; cursor: pointer;}
/* Drop Downs */
.menu ul ul {visibility: hidden; position: absolute; height: 0px; top: 31px; left: -2px;}
/* Style Drop Down Items */
.menu ul ul a, .menu ul ul a:visited {background: #f1f1f1; color: #505050; font-weight: normal; height: auto; margin: 0px; padding: 2px 0px; text-indent: 13px; border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #BCBCBC; border-left-color: #BCBCBC;}
.menu ul ul a.last, .menu ul ul a.last:visited {border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #BCBCBC;}
.menu li ul li {margin: 0px; text-align: left;}
/* Style Drop Down Widths */
.menu ul ul.drop1, .menu ul ul.drop1 a, .menu ul ul.drop1 a:visited {width: 174px;}
* html .menu ul ul.drop1 a, * html .menu ul ul.drop1 a:visited {width: 178px; w\idth: 174px;}
.menu ul ul.drop2, .menu ul ul.drop2 a, .menu ul ul.drop2 a:visited {width: 147px;}
* html .menu ul ul.drop2 a, * html .menu ul ul.drop2 a:visited {width: 151px; w\idth: 147px;}
.menu ul ul.drop3, .menu ul ul.drop3 a, .menu ul ul.drop3 a:visited {width: 203px;}
* html .menu ul ul.drop3 a, * html .menu ul ul.drop3 a:visited {width: 207px; w\idth: 203px;}
/* Style Drop Down Hovers */
.menu ul ul a:hover {color: #111; background: #DDD;}
.menu ul ul :hover > a {color: #111; background: #DDD;}
/* Make the Drop Downs visible when hovering over Main Menu Items */
.menu ul li:hover ul, .menu ul a:hover ul {visibility: visible;}
/* Style the table so it doesnt effect layout */
.menu table {position: absolute; top: 0px; left: 0px; border-collapse: collapse;}
/* Dividers */
li img {position: absolute;}
li.item1 img {top: 0px; left: 66px;}
li.item2 img {top: 0px; left: 104px;}
li.item3 img {top: 0px; left: 103px;}
li.item4 img {top: 0px; left: 71px;}
li.item5 img {top: 0px; left: 134px;}
li.item6 img {top: 0px; left: 116px;}
li.item7 img {top: 0px; left: 84px;}
/* Dropdown Shadows */
li a img.shL {position: absolute; width: 4px; height: 138px; top: -102px; left: -4px;}
li a img.shR {position: absolute; width: 4px; height: 138px; top: -102px; left: 178px;}
li a img.shB {position: absolute; width: 186px; height: 4px; top: 36px; left: -4px;}
ul.drop2 li a img.shL {height: 70px; top: -34px;}
ul.drop2 li a img.shR {height: 70px; top: -34px; left: 151px;}
ul.drop2 li a img.shB {width: 159px;}
ul.drop3 li a img.shL {height: 138px; top: -102px;}
ul.drop3 li a img.shR {height: 138px; top: -102px; left: 207px;}
ul.drop3 li a img.shB {width: 215px;}
/* Overlap Patching */
ul.drop1 li a img.patch {position: absolute; top: -108px; left: 153px;}
ul.drop2 li a img.patch {position: absolute; top: -40px; left: 136px;}
ul.drop3 li a img.patch {position: absolute; top: -108px; left: 190px;}
/* PNG Fix */
img, div {behavior: url(js/iepngfix.htc);}
/* Gallery Purchase Link */
.purchaseLink {text-align:center; padding:9px 0px;}
.purchaseLink a {font-size: 16px; font-weight: bold; text-decoration:none;}
.purchaseLink a:hover {font-size: 16px; font-weight: bold; text-decoration:underline;}