/* BluePurple Lilac RedPurple Aqua Blue feedback error ----------------------------------------------------------------------------------------------------------------------- dark #000004 #71499F #000027 #005250 #000A64 #080613 #7F5BA9 #1F0D2E #006362 #012374 #100B25 #9172B5 #311659 #007978 #144288 #191137 #A48AC1 #4C2175 #00908E #22619C ----------------------------------------------------------------------------------------------------------------------- brand #22174B #B6A1CE #652C91 #09A6A5 #2F81B0 ----------------------------------------------------------------------------------------------------------------------- #2B1D5E #C8B8DA #7E37AE #12BCBD #3DA1C4 #342370 #DBD0E6 #9943CA #1CD4D3 #4AC0D8 #3B2882 #EDE7F2 #B24EE5 #23EAE9 #57E0EC light #422D92 #FBFAFC #C657FC #40fafa #61FAFC /* COLOUR: the body */ /* Pagination */ .pagination strong{ color: #9172B5; } .pagination{ font-size: 12px; padding: 0 0; height: 21px;clear: both;margin-bottom: 21px; } .pagination li{list-style-type: none;display: inline;} .pagination li.title, .pagination li a{display: block;text-decoration: none;float: left;line-height: 21px;padding: 1px 9px; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #652C91;background-color: #311659; color: #fff;} .pagination li a:hover{background-color: #9943CA;border-color: #71499F;color: #DBD0E6;} /* the current page*/ .current a, .current a:hover{ background-color: #652C91 !important; border-color: #9943CA !important;color: #fff !important;} /* if there is no more / previous / next etc */ .pagination a.blank, .pagination a.blank:hover{ cursor: default;color: #2A226C !important;border-color: #2E1557 !important;background-color: #13052C !important;} #ui-datepicker-div{font-size: 12px; text-shadow: 0 0 0 transparent} /* feedback */ fieldset.error label{ color: #FCC2CA !important;} fieldset.error input, fieldset.error textarea{ border-color: #590500 !important; background-color: #A92830 !important; color: #fff !important;} .success{ color: #54A824;} /* typograhy */ body, p{ color: #DBD0E6;} .muted p{color: #A48AC1 !important;} .quiet{ color: #ccc;} .xquiet{ color: #999;} p.readmore{display: inline;} p.meta{ margin-top: -21px; color: #71499F !important;} /* main grid */ .container{background-color: transparent} .border-right: {border-color: #ccc;} hr{ border-color: #22174B;} /* tables */ th{border-color: #2A1D63;} .row_1{background-color: #0C081C;} .row_2{background-color: #0D0920;} /* navigation */ .nav a{color: #40fafa; background-color:#100B25 ;} .nav a:hover{ ;color: #C8B8DA;} .nav, .nav li a{ border-color: #22174B ;} .nav.nested h4, .nav.nested a{ background-color: transparent;} .nav.nested h4:hover, .nav.nested a:hover{ color: #D9F4FC;} /* typographic colors */ /* links */ a{color: #09A6A5; text-decoration: none;} p a:hover{color: #40fafa; background-color: #080613;} /* headings */ h1, h2, h3, h4, h5, h6{font-family:'Helvetica Neue', Helvetica, Arial , sans-serif;font-weight: 500;color: #FBFAFC;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #09A6A5;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{background-color: #191137; color: #EDE7F2;} /* forms */ fieldset.text label{color:#B6A1CE;} fieldset.text.required label{color: #DBD0E6; font-weight:800;} fieldset input[type=text], fieldset input[type=password], fieldset textarea{ border-color: #71499F; background-color: #9172B5;} fieldset.text.required input[type=text], fieldset.text.required input[type=password], fieldset.text.required textarea{ border-color: #71499F; background-color: #DBD0E6;} fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus{ border-color: #9943CA; background-color: #F6ECF4;} a.button, button{ color:#1E0C2B; background-color:#9943CA; border-color: #311659;} a.button:hover, button:hover{ border-color: #9943CA; background-color:#1E0C2B; color:#DBD0E6; text-shadow: 0 0 0 transparent;} .large fieldset input[type=text], .large fieldset input[type=password], .large fieldset textarea, .large fieldset option, .large fieldset select{ font-size: 19px; padding: 9px; width: 93%;} /* CUSTOMISATION */ /* selected text */ ::selection{ background-color: #B6A1CE; color: #FBFAFC;} /* body */ body{background: #221647 url(/img/core/body.bg.png) top left repeat-x;font-family:'HelveticaNeueLTStd-Th','Helvetica Neue', Helvetica, Arial , sans-serif; font-weight: 500;text-shadow: -1px 1px 1px #22174B;} /* basket */ #basket{ text-align: right; line-height: 38px; position: absolute; width: 638px; left: 50%; margin-left: -160px; } /* feedback */ #feedback{ background-color:#1F0D2E ; border: 2px solid #652C91; text-shadow: 0 0 2px #023131; border-top: 0 none ; color: #DBD0E6; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; margin: 6px 0 0 280px; width: 700px; } #feedback p{color: #fff !important ; padding: 7px; margin: 0;} /* header */ #header{height: 200px; background: transparent url(/img/core/header.bg.png) 0 42px repeat-x;clear: both; } #header h1{position: relative;margin:0 0 0 -20px;width: 278px;background: transparent url(/img/core/h1.bg.png) 0px -7px no-repeat;text-indent: -2000px; position: absolute; height: 200px;} #header h1 a {margin: 29px 0 0 0px;display: block;height: 98px;width: 270px;background: transparent url(/img/core/h1.a.bg.png) -650px 0 no-repeat;} #base #header h1 a{ background-position: 10px 0; } #header h1 a:hover{background-position: -345px 0;} /* primary nav */ #nav_main{margin-top: 42px;width: 600px;margin-left: 0px; margin-bottom: 9px;} /* this makes the suckerfish dropdown 'work */ #nav_main li{ float: left;} #nav_main a{background-color: transparent;text-indent: -20000px;height: 63px;width: 100px;border: 0 none;background: transparent url(/img/core/nav_main.a.bg.png) top left no-repeat;margin-right: 10px;margin-bottom: 0px;} #nav_main #nm_blog{ width: 50px; background-position: -800px -100px;} #nav_main #nm_blog:hover{ background-position: -800px 0px;} #pages #nav_main #nm_blog{ background-position: -800px 0px;} #nav_main #nm_newsletter{ width: 100px; background-position: -625px -100px;} #nav_main #nm_newsletter:hover{ background-position: -625px 0px;} #pages #nav_main #nm_newsletter{ background-position: -625px 0px;} #nav_main #nm_about{ width: 60px; background-position: -480px -100px;} #nav_main #nm_about:hover{ background-position: -480px 0px;} #pages #nav_main #nm_about{ background-position: -480px 0px;} #nav_main #nm_prices{width: 65px;background-position: -35px -100px;} #nav_main #nm_prices:hover{ background-position: -35px 0px;} #prices #nav_main #nm_prices{ background-position: -35px 0px;} #nav_main #nm_events{width: 80px;background-position: -170px -100px;} #events #nav_main #nm_events, #nav_main #nm_events:hover{ background-position: -170px 0px;} #nav_main #nm_contact{width: 80px;background-position: -330px -100px;} #nav_main #nm_contact:hover{ background-position: -330px 0px;} #contact #nav_main #nm_contact{ background-position: -330px 0px;} #nav_main #nm_mailing{width: 100px;background-position: -630px -100px;} #nav_main #nm_mailing:hover{ background-position: -630px 0px;} #newsletter #nav_main #nm_mailing{ background-position: -630px 0px;} #nav_main #nm_shop{width: 60px;background-position: -919px -100px;} #nav_main #nm_shop:hover{ background-position: -919px 0px;} #shop #nav_main #nm_shop{ background-position: -919px 0px;} #nav_main #nm_cocktails{width: 90px;background-position: -1420px -100px;} #nav_main #nm_cocktails:hover{ background-position: -1420px 0px;} #cocktails #nav_main #nm_cocktails{ background-position: -1420px 0px;} #nav_main #nm_more{width: 60px;background-position: -1600px -100px; position: relative;} #nav_main #nm_more:hover{ background-position: -1600px 0px;} #nav_main .sf_trigger:hover ul{display: block;} #nav_main ul{ display: none; position: absolute; background-color: #311659; top: 86px; width: 200px; margin: 0; padding: 0; border: 3px solid #4C2175; border-top: 0 none; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; background: #421C73 url(/img/core/suckerfish.bg.png) top left repeat-x; } #nav_main ul li{ width: 180px;} #nav_main ul li a{ background-image: none; margin: 0px; text-indent: 0px; width: 186px; height: auto; border-bottom: 1px dotted #311659; } #nav_main ul li a:hover{ background-color: #311659; color: #fff;} #nav_main ul li:last-child a{ border: 0 none; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; } ul.nav.vertical.inline{ border-top: 0 none;} ul.nav.vertical.inline a { width: 20px; margin: 4px; float: left; text-align: center; } /* breadcrumb nav */ #breadcrumb{text-shadow: 0 0 0 transparent; border-color: #22174B ; margin: 2px 0 0 280px;} #breadcrumb ul{ border: 0 none;} .breadcrumb li{ color: #3B2882;} .breadcrumb li.bc_home{color: #71499F !important;} .breadcrumb li a{color: #B6A1CE; background-position: 0 -2px;} .breadcrumb li a:hover{ background-position: 0 -26px;} .breadcrumb:hover{ border-color: #71499F;} .breadcrumb:hover li.bc_home{color: #342370 !important; } .breadcrumb:hover a{color: #DBD0E6; background-color: transparent;} .breadcrumb a:hover{color: #FFF; background-color: transparent; background-position: 0 0;} /* secondary nav */ #nav_sub h4{ margin: 0 0 21px 0; padding: 0; } .nav.vertical.grid.col_4, #nav_sub ul{ position: relative; z-index: 30; margin-top: 0px; } /* strap */ #strap{height: 250px;background: transparent url(/img/core/strap.bg.png) 0 -120px repeat-x;} /* content */ #content{min-height: 400px;} .centralise{} /* footer */ #footer{padding-top: 21px;background-color: #000;margin-bottom: 0px;min-height: 300px;} #footer h5{color : #B24EE5; margin: 0px;line-height: 21px;text-transform: uppercase;font-size: 90%;} #footer .vertical a{border-bottom: 1px dotted #22174B;display: block;padding-left: 9px;text-transform: uppercase;font-size: 80%;color: #652C91 ;} #footer .vertical a:hover{background-color: #1F0D2E;color: #fff;} /* ccdesign */ #about{margin-top: 60px;} #about p, #about a{color:#22174B;text-shadow : 0 0 0 transparent;margin-bottom: 0;} #about a{color: #2B1D5E;text-decoration: underline;} /* jquery */ /* facebox */ #facebox h1, #facebox h2, #facebox h3, #facebox h4, #facebox h5, #facebox h6 {color:#100B25 !important ;text-shadow: 0 0 1px #B6A1CE;margin: 9px 0;padding:0;} #facebox dt{ font-size: 120%;} #facebox p , #facebox label, #facebox dd, #facebox dt, #facebox li, #facebox th, #facebox {color:#2B1D5E!important ;text-shadow: 0 0 1px #B6A1CE;line-height: 21px;} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox a:hover{background-color: transparent ;color: #007978;} #facebox p{ color:#22174B !important ;} #facebox .b { background:url(/vendor/facebox/b.png);} #facebox .tl { background:url(/vendor/facebox/tl.png);} #facebox .tr {background:url(/vendor/facebox/tr.png);} #facebox .bl {background:url(/vendor/facebox/bl.png);} #facebox .br { background:url(/vendor/facebox/br.png);} #facebox .popup {position: relative;} #facebox table { border-collapse: collapse;} #facebox td {border-bottom: 0;padding: 0;} #facebox .body {padding: 10px;background: #fff;width: 370px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0;margin: 0;} #facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} /* tabs */ .ui-tabs-hide{display: none !important;}