/* Michael's CSS Framework */
/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
color: #515151;
background: #fff;
font: 100.1%/120% Arial, Helvetica, sans-serif;
}
ul {
list-style: none;
}
ul, ol, li, dl, dt, dd {
margin: 0;
padding: 0;
}
/**************** General rules *********************/
html{height:100%; }
body {height:101%; line-height:110%; color: #000; text-align: left;}
table {
vertical-align: baseline;
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
padding-top:2px;
font-size:80%
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
pre, code {
display: block;
margin: 25px 0;
padding: 15px;
border-left: 3px solid #abb0b0;
background: #e0e5e5;
font-size: 1.5em;
}
p > code {
font-size: 1.0em;
line-height: 1.2em;
}
pre code {
border: none;
}
acronym {
cursor: help;
border-bottom: 1px dashed #333;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
hr {
display: none;
}
.right {
float: right;
}
.left {
float: left;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* Link Styles */
a:link {
color: #fff;
text-decoration: none;
}
a:visited {
color: #fff;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
#content a:link {
color: #000;
text-decoration: underline;
}
#content a:visited {
color: #000;
text-decoration: underline;
}
#content a:hover {
color: #000;
text-decoration: underline;
}
#content li {
list-style-type:disc;
margin-left:10px
}
#content ul {
margin-bottom:10px
}
#functions li {
list-style-type:none
}
a:active {
color: #498bbf;
text-decoration: none;
}
h1 a:link, h1 a:visited {
color: #303030;
text-decoration: none;
}
.author_text h1 a {
color: #246cde;
}
h1 a:hover {
color: #000;
text-decoration: none;
}
h1 a:active {
color: #303030;
text-decoration: none;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 10px;
font-weight: bold;
margin-top: 15px;
}
h1 {
color: #303030;
font-size: 2.5em;
line-height: 50px;
margin-top: 0px;
}
h2 {
color: #303030;
font-size: 1.8em;
line-height: 40px;
}
h3 {
font-size: 1em;
line-height: 20px;
padding-bottom: 5px;
margin-top:10px;
color: #303030;
}
h4 {
font-size: 1em;
line-height: 20px;
margin-top:10px;
color: #303030;
}
#sidebar h3 {
font-size: 1.1em;
color: #fff;
}
h4 {
}
h5 {
}
h6 {
}
#skip {font-size:80%; text-align:right; color:#000; z-index:2;}
#skip ul {margin:0}
#skip li {display:inline; list-style-type: none; color:#000; padding: 0 0 0 1em; }
#skip li a:link, #skip li a:visited {border:none; color:#000;padding:5px; }
#skip li a:focus, #skip li a:hover, #skip a:active { border:none; background-color: #eceaea;padding:5px;}
#skip li.welcome {color:#000;}
#skip li.welcome a:link, #skip li.welcome a:visited {color:#000;}
ul#skip {width:900px;margin:0 auto;text-align:right}
/********************** Other Stuff ******************/
abbr, acronym, .help {border-bottom: 1px dotted #333;cursor: help;}
blockquote {background: url(/images/quotemarks.gif) left top no-repeat;margin-left:22px;padding-left:10px;margin-bottom:40px;}
cite {background: url(/images/quotemarks1.gif) right top no-repeat;padding:5px 20px 0 10px; margin-top:-10px;text-align:right;float:right;width:80%; font-style:normal;font-weight:bold;}
#sidebar2 blockquote {margin-top:20px;}
#sidebar2 cite {font-size:70%;margin-top:-15px;width:90%;}
sup {font-size:70%;}
hr {height: 1px;background-color: #E5E5E5;color: #E5E5E5;border: none;padding: 0;margin: 1em 0;}
#result_report, #results {margin-left:20px;}
.haslayout {position:absolute;}
/***************** Clearfix ****************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* Unique Stylings */
#tinyclear {clear:both;height:1px}
#notsotinyclear {height:15px}
#container {
width:900px;
margin:0 auto;
}
#h1header {
width:265px;
height:106px;
position: relative;
margin:0;
padding:0;
margin-bottom:2px
}
#h1header span {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/logo.jpg) 0 20% no-repeat;
}
li {
font:75%/120% Arial, sans-serif;
line-height:14px
}
#wrapper{float:left;width:100%}
#content{margin: 0 180px 0 180px;background:url('../images/text-bg.gif') no-repeat;padding-top:20px}
#local{float:left;width:175px;margin-left:-900px}
#sidebar{float:left;width:175px;margin-left:-175px}
p {
font:75% Arial, Helvetica, sans-serif;
line-height:17px
}
#content {
padding:10px 20px 0 20px
}
#content p {
padding:0 0 10px 0
}
#content li {
margin-left:10px;
padding:5px
}
/* Sub navigation */
#subnav {
background:url('../images/sub-nav.gif') repeat-x;
height:30px;
}
#subnav ul {
padding:0 0 0 0px
}
#subnav ul li {
display: inline;
list-style-type:none;
height:30px;
line-height:30px;
float:left;
margin:0 0 0 10px;
}
#subnav li a {
font-size:100%;
border-right:1px solid #fff;
color:#fff;
padding:0px 10px 0px 0px;
margin: 0;
}
#subnav li a:hover {
color:#fff;
text-decoration:underline
}
#subnav li:hover {
/*background:url('../images/nav-hover-bg.png') repeat-x;*/
}
#subnav li a.last {
border-right:none;
}
#subnav li a.laston {
/*background: url('../images/nav-hover-bg.png') repeat-x;*/
border-right:1px solid #fff;
}
#subnav span {
/*background:url('../images/nav-hover-bg.png') repeat-x;*/
}
/* Search Box Decoration */
form {
margin:0;
color:#fff;
font-size:70%;
}
#submit {margin-left:95px}
#content form {
color:#000;
font-size:80%
}
form#form1 {
background:#7a7a7c;
}
#form1 input, #form1 span {
margin:0;
height:21px;
vertical-align:middle;
float:left;
padding:0;
}
#form1 input.search {
background:#3a3a3c url(../images/midinp.gif) repeat-x right top;
height:19px;
width:225px;
/*position:relative;
top:1px;*/
border:none;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
padding:2px 0 0 0;
}
#form1 span {
padding:0 0 0 16px;
background:url(../images/leftinp.gif) no-repeat 0 0;
}
/* SideBar Form Field Decoration */
#sidebar .input {
margin: 5px 0;
background: white;
float: left;
clear: both;
}
#sidebar label {
position: absolute;
padding: 4px; /* input padding (3px) + border (1px) */
color: #fff;
}
#sidebar input, #sidebar textarea, #sidebar select {
position: relative;
margin: 0;
border-width: 1px;
padding: 3px;
background: transparent;
}
#sidebar input, #sidebar textarea, #sidebar select, #sidebar label {
font: inherit;
}
#sidebar fieldset {
padding-left:10px
}
.stay-in-touch-panel p {
padding:40px 5px 0 0;
}
legend span{
color: #fff;
display: block;
width: 150px;
white-space:normal
}
legend {
padding:40px 10px 0 10px;color:#fff;
}
.stay-in-touch-panel form {
background:none
}
.stay-in-touch-panel {
background-image:url('../images/stay-in-touch-panel.jpg');height:185px;margin-bottom:10px
}
.wedding-ad-panel, .event-ad-panel {
height:185px;
margin-bottom:10px
}
.news-panel-header {
background-image:url('../images/news-panel-header.jpg');height:50px;width:175px
}
.news-panel {
background-image:url('../images/news-panel.jpg');height:135px;width:175px;margin-bottom:10px
}
.book-online {
background-image:url('../images/book-online-panel.jpg');height:105px
}
.book-online a, .book-online a:visited, .book-online a:hover {
color:#fff
}
p.norm {
padding:40px 10px 0 10px;color:#fff
}
p.book-option {padding:5px 0 0 10px;color:#fff}
.special-offers {
background-image:url('../images/special-offers-panel.jpg');height:185px;margin-top:10px
}
.special-offers a, .special-offers a:hover, .special-offers a:visited, .special-offers a:link {
text-decoration:underline
}
.special-offers p {
padding:40px 10px 0 10px;color:#fff
}
/* Footer */
#footer {
background-image:url('../images/footer.jpg');color:#000;width:900px;margin:0 auto;height:25px;padding-bottom:20px
}
#footer p, #footer2 p {
color:#fff;
font-size:0.7em
}
/* Fancy TopBar Navigation */
ul#nav {
width: 900px;
height: 40px;
margin: 0 0 2px 0;
padding: 0 0 0 0;
list-style: none;
background: url(../images/main-nav.png) center right no-repeat;
z-index: 2;
}
ul#nav li {
height: 40px;
position: relative;
float: left;
}
ul#nav li#home {
z-index: 1;
}
ul#nav li#our-bedrooms {
z-index: 5;
}
ul#nav li#our-health-club {
z-index: 4;
}
ul#nav li#our-food {
z-index: 3;
}
ul#nav li#our-conferences {
z-index: 2;
}
ul#nav li#our-weddings {
z-index: 1;
}
ul#nav li#our-location {
z-index: 4;
}
ul#nav li#about-us {
z-index: 6;
}
ul#nav li a {
height: 40px;
display: block;
text-indent: -9999px;
}
ul#nav li#home a {
width: 101px;
}
ul#nav li#home a:hover {
background-position: 0 -41px;
}
ul#nav li#our-bedrooms a {
width: 110px;
background: url(../images/our-bedrooms-n.png) no-repeat 0 0;
}
ul#nav li#our-health-club a {
width: 113px;
background: url(../images/our-health-club-n.png) no-repeat 0 0;
}
ul#nav li#our-food a {
width: 78px;
background: url(../images/our-food-n.png) no-repeat 0 0;
}
ul#nav li#our-conferences a {
width: 126px;
background: url(../images/our-conferences-n.png) no-repeat 0 0;
}
ul#nav li#our-weddings a {
width: 109px;
background: url(../images/our-weddings-n.png) no-repeat 0 0;
}
ul#nav li#our-location a {
width: 100px;
background: url(../images/our-location-n.png) no-repeat 0 0;
}
ul#nav li#about-us a {
width: 79px;
background: url(../images/about-us-n.png) no-repeat 0 0;
}
ul#nav li a.tab {
top: 0px;
left: 0px;
position: absolute;
_background: none !important;
cursor: pointer;
display: none;
}
ul#nav li.active a.tab {
display: block;
}
ul#nav li#our-bedrooms .tab, ul#nav li#our-health-club .tab, ul#nav li#our-food .tab, ul#nav li#our-conferences .tab, ul#nav li#our-weddings .tab, ul#nav li#our-location .tab, ul#nav li#about-us .tab {
height: 40px;
}
ul#nav li#our-bedrooms .tab {
width: 110px;
background: url(http://www.thebeardmore.com/images/our-bedrooms-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-bedrooms-r.png');
}
ul#nav li#our-health-club .tab {
width: 113px;
background: url(http://www.thebeardmore.com/images/our-health-club-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-health-club-r.png');
}
ul#nav li#our-food .tab {
width: 78px;
background: url(http://www.thebeardmore.com/images/our-food-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-food-r.png');
}
ul#nav li#our-conferences .tab {
width: 126px;
background: url(http://www.thebeardmore.com/images/our-conferences-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-conferences-r.png');
}
ul#nav li#our-weddings .tab {
width: 109px;
background: url(http://www.thebeardmore.com/images/our-weddings-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-weddings-r.png');
}
ul#nav li#our-location .tab {
width: 100px;
background: url(http://www.thebeardmore.com/images/our-location-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/our-location-r.png');
}
ul#nav li#about-us .tab {
width: 79px;
background: url(http://www.thebeardmore.com/images/about-us-r.png) no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.thebeardmore.com/images/about-us-r.png');
}
/* Common Styles in Drop downs */
ul#nav .callout {
top: 40px;
left: 2px;
position: absolute;
z-index: -1;
display: none;
}
div#our-bedroomstab.callout {
left:0px
}
ul#nav li.active .callout {
display: block;
}
ul#nav .callout h1 {
margin: 0 0 7px 0;
font-size: 1.3em;
color: #0a86e5;
}
ul#nav .callout ul {
list-style: none;
margin:0 0 0 10px;
width:100%;
padding:0
}
ul#nav .callout ul li {
height: auto;
width: auto;
margin: 0 0 0px 0;
padding: 6px 0 0 0px;
clear: both;
white-space: nowrap;
}
ul#nav .callout ul li a {
margin:0;
padding:0;
color:#fff;
}
ul#nav .callout ul li.our-health-club {
padding: 2px 0 7px 28px;
margin: 0 0 4px 0;
clear: both;
white-space: nowrap;
}
ul#nav .callout a {
width: 100%;
height: auto;
padding: 0;
display: inline;
text-indent: 0;
background: none !important;
font-size:100%;
}
ul#nav .aCol ul li ul li a {
font-size:130%;
line-height:90%
}
/* Drop Down Styles */
ul#nav div#our-bedroomstab, ul#nav div#our-bedroomstab, ul#nav div#our-health-clubtab, ul#nav div#our-foodtab, ul#nav div#our-conferencestab, ul#nav div#our-weddingstab, ul#nav div#our-locationtab, ul#nav div#about-ustab {
width: 215px;
overflow: hidden;
}
div#our-bedroomstab .bg, div#our-health-clubtab .bg, div#our-foodtab .bg, div#our-conferencestab .bg, div#our-weddingstab .bg, div#our-locationtab .bg, div#about-ustab .bg {
width: 215px;
height: 49px;
background: url(../images/dropdown.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/dropdown.png');
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
div#our-bedroomstab .aCol, div#our-health-clubtab .aCol, div#our-foodtab .aCol, div#our-conferencestab .aCol, div#our-weddingstab .aCol, div#our-locationtab .aCol, div#about-ustab .aCol {
background:#B61F71;
background:#9d2063;
width: 205px;
padding: 8px 0 0 0px;
float: left;
font-size:140%;
}
/* Varying heights */
div #our-bedroomstab .aCol {
height: 40px;
}
ul#nav div#our-bedroomstab {
height: 40px;
}
div #our-health-clubtab .aCol {
height: 82px;
}
ul#nav div#our-health-clubtab {
height: 82px;
}
div #our-foodtab .aCol {
height: 162px;
}
ul#nav div#our-foodtab {
height: 162px;
}
div #our-conferencestab .aCol {
height: 382px;
}
ul#nav div#our-conferencestab {
height: 382px;
}
div #our-weddingstab .aCol {
height: 82px;
}
ul#nav div#our-weddingstab {
height: 82px;
}
div #our-locationtab .aCol {
height: 40px;
}
ul#nav div#our-locationtab {
height: 40px;
}
div #about-ustab .aCol {
height: 333px;
}
ul#nav div#about-ustab {
height: 333px;
}
/* Quick and dirty declaration for Search Box */
.sbpos {
padding-top:5px;margin-right:10px;background:none;float:right
}
#image-holder {
margin-top:14px;
}
#image-area {
float:left;margin-right:5px;
}
#image-sidebar {
width:175px;height:355px;background:#cacaca;float:left
}
#image-sidebar {background:url('/images/stay-grey-panel.jpg') no-repeat}
#image-sidebar.homecoming {background:url('/images/homecoming-scotland.jpg') no-repeat}
#image-sidebar .validfor {font-size:0.6em}
#image-sidebar .text {
color:#fff;
padding:0px 10px 10px 10px;
text-align:center
}
#image-sidebar .text p {
line-height:1.1em;
margin-bottom:5px
}
/* CSS - Rolling News */
#pscroller1 {
width:155px;
height:120px;
line-height:1.2em;
text-align:left;
font-size:75%;
color:#fff;
margin-left:10px
}
#pscroller1 a {
color:#fff
}
.innerDiv {
padding:0px;
}
#pscroller2 {
width:155px;
height:320px;
line-height:1.2em;
text-align:left;
font-size:75%;
color:#fff;
margin-left:10px;
margin-bottom:10px
}
#pscroller2 a {
color:#fff
}
/* Here comes the sIFR */
.sIFR-flash {
visibility:visible !important;
margin:0;
}
.sIFR-replaced {
visibility:visible !important;
}
span.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}
.sIFR-flash + div[adblocktab=true] {
display:none !important;
}
#newswrap {
font-size:0.8em;
background-color:#F8F7EF;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding:3px;
margin-bottom:10px;
}
.newswrap {
border-bottom: 1px dashed #B2B2B2;
padding:12px 0 12px 0;
}
#newswrap #newsfloat {
float:right;
text-align:right;
margin:0px 0px 0px 2px;
}
.newswrap .datefloat {
float:right;
text-align:right;
margin:0px 0px 0px 2px;
}
#functions ul {
list-style: none;
margin:20px 0 0 0;
width:100%;
padding:0
}
#functions ul li {
margin:12px 0 0 0;
padding:0
}
form.formtest{margin:0;padding:0}
.formtest input{vertical-align:top}
.formtest{
line-height:1.2em;
margin:1em 0;
position:relative;
width:100%;
}
.formtest legend {margin:0;padding:0;color:#000}
.formtest label {
float:left;
width:80px;
clear:both;
text-align:right;
padding:0 15px 0 0;
color:#000
}
.formtest .controls {
overflow:hidden;
width:300px;
display:block;
}
.formtest input {
margin:0 0 .5em;
color:#888A8E;
background:transparent;
border:1px solid #888A8E
}
.formtest textarea {
color:#888A8E;
background:#fff;
border:1px solid #888A8E
}
.formtest div {
overflow:hidden;
width:100%;
margin:1em 0;
}
.formtest .submit {margin-left:165px;color:#888A8E;background:transparent;border:1px solid #888A8E;padding:10px}
.address p {line-height:80%}
#printit {list-style-image: url('../images/print.gif');}
.element_small {
height:110px;
background:url('../images/awards-dotted.gif') bottom left repeat-x
}
.element_small img {
margin-top:20px;
float:left
}
.element_small p {
float:right;
margin-top:60px;
text-align:right
}
.patientcomments {
background:url(../images/close_quotes.gif) bottom right no-repeat;
color:#000;
display:list-item;
list-style-image:url(../images/open_quotes.gif);
margin:10px 40px 0 0px;
padding:0 5px
}
.flashdim{width:900px;height:273px;z-index:-20}
#image-area {
float: left;
position: relative;
height: 355px;
}
#image-holder2 {
height:355px
}
#image-holder2 .js_image_container img {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#image-holder2 .js_image_container img.visible {
z-index: 2;
}
#image-holder2 .thumbnail_image {
display: block;
}
#image-holder2 #image-sidebar, #image-holder2 #image-sidebar2 {
background:#29292A;
position: relative;
top:0px;
left: 720px;
width:175px;
}
#image-holder2 #image-sidebar a {
color: #7f7f7f;
margin-right: 10px;
}
#image-sidebar li.left5 {
margin-left:5px
}
#image-holder2 #image-sidebar a:hover, #image-holder2 p {
color:#fff
}
#image-sidebar ul {
padding-top:175px
}
#image-sidebar2 ul {
padding:0px
}
#image-sidebar ul.newconf {
padding:0px;
padding-top:8px
}
#image-sidebar li {
padding:5px 0 5px 0;
border-bottom: 1px solid #999
}
#image-sidebar ul.newconf li {
padding:2px 0 3px 0;
border-bottom: 1px solid #999
}
#image-sidebar li.last {
border:none
}
a.image_link selected {
color:#fff;
text-decoration:underline
}
#image-sidebar2 li {
float:left;
padding:0;
}
#flashcontent {
width: 900px;
height: 273px;
float: left;
z-index:-10
}
/* start - table */
table {
border-collapse: collapse;
margin: 10px 0px;
}
th strong {
color: #fff;
}
th {
background: #503c55;
height:22px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-bottom: solid 2px #FFF;
}
tr {
height: 22px;
}
td {
padding-left: 11px;
padding-right: 11px;
/* border-left: 1px solid #FFE1C3; */
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */
a.selected {
text-decoration: underline;
color:#fff;
cursor: default;
}
#footer p, #footer2 p {
text-align:center;padding-top:3px
}
.resizer {font-size:0.8em;float:right;margin-top:-91px}
.four-stars-img {float:right;margin-top:-43px}
.bold {font-weight:bold}
.mt10 {margin-top:10px}
.colorblack, a.colorblack {color:#000}
#h1header {font-size:0.9em}
.flashtext {position:relative;color:#000;background:#fff;top:20px;left:20px}
ul#nav li#large-search-form {padding-top:5px;margin-right:10px;width:262px;background:none;float:right}
#subnav ul li#search-form {padding-top:5px;margin-right:10px;width:262px;background:none;float:right}
ul#bedroom-choice {margin:0px 10px 0 10px}
a:focus {text-decoration:underline}
/* ie6 and your legend/label woes */
.stay-in-touch-panel p span.label-replacement {font-size:130%;line-height:80%}
.relativeposition {position:relative}
.floorplan {position:absolute;top:310px;left:610px;z-index:80}
p.up-one {font-size:1.1em}
/* Special Offers page */
.offers-wrapper {width:502px;}
.offer {padding-top:15px}
.offer-descr {font-size:1.1em;padding-top:10px}
.divider {border-top:2px solid #cacaca;margin:10px 0 0 0;padding:14px 0 4px 4px}
.news-thumb img {float:left;padding:10px 20px 20px 0;border:1px solid #fff}
li.intro_text {color:#fff;margin-top:0;padding-top:0;padding-bottom:0;margin-bottom:0}
#subnav li#search-form label, #sidebar .stay-in-touch-panel form fieldset .input label {display:none}
a#book-online {background:url('http://www.thebeardmore.com/images/book-online-panel.jpg');float:left;height:105px;width:175px;margin-bottom:10px}
a#book-online span {font-size:0.8em;line-height:1.1em;margin:40px 0 0 0;display:block;margin-left:0;float:left;margin-left:9px;}
a#special-offers {background:url('http://www.thebeardmore.com/images/special-offers-panel.jpg');float:left;height:185px;width:175px;margin-bottom:0px}
a#special-offers span {font-size:0.8em;line-height:1.1em;margin:38px 0 0 0;display:block;margin-left:0;float:left;margin-left:9px;}
#awards-area {border-top:4px solid #BBE1CE;padding-top:0px;margin-top:40px;width:100%}
#gb-area {width:500px;margin:0 auto}
#gb-area img {float:left!important}
.minibit {height:8px}
.subalt {margin-left:10px}
.mb8 {margin-bottom:8px}
.mt8 {margin-top:8px}
#player, #video_player {float:left;z-index:-20}
/* Date Picker CSS*/
form#confenq
{
text-align:left;
padding:0px;
margin:0 auto;
height: 229px!important;
padding-top: 65px;
}
#confenq td {border-left:none}
#confenq fieldset
{
display:block;
margin:0;
padding:1em 1em 1.5em 1em;
}
form#confenq > fieldset
{
margin:0 0 1.6em 0;
}
#confenq legend
{
color:#545454;
font-weight:bold;
_margin-bottom:1em;
}
#confenq label
{
line-height:1em;
margin:0;
font-weight:bold;
color:#545454;
}
#confenq input
{
margin:0;
padding:0;
border:1px solid #ccc;
border-top-color:#aaa;
border-left-color:#aaa;
position:relative;
height:1.2em;
}
#confenq select
{
margin:0;
border:1px solid #ccc;
border-top-color:#aaa;
border-left-color:#aaa;
position:relative;
}
#confenq option.alt
{
background:#eee;
}
.w2em
{
width:2em;
}
.w3em
{
width:3em;
}
.w4em
{
width:4em;
}
.w8em
{
width:8em;
}
#newline-wrapper
{
margin-bottom:1em;
}
#newline
{
background:#9cd001;
border:1px solid #bce058;
border-bottom-color:#80a300;
border-right-color:#80a300;
color:#fff;
padding:4px;
line-height:1em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}
.firstup
{
padding-right:2em;
}
.lastup
{
margin-bottom:0;
}
.al-center
{
text-align:center;
}
#infotable
{
width:100%;
margin-bottom:1.6em;
}
#infotable th, #infotable td
{
padding:0.6em 0;
border-bottom:1px solid #ccc;
vertical-align:top;
text-align:left;
}
#infotable th
{
border-top:1px solid #ccc;
}
table.split-date-wrap
{
width:auto;
margin-bottom:0;
}
table.split-date-wrap td
{
padding:0 0.2em 0.4em 0;
border-bottom:0 none;
}
table.split-date-wrap td input
{
margin-right:0.3em;
}
table.split-date-wrap td label
{
font-size:10px;
font-weight:normal;
display:block;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */
/* The wrapper div */
div.datePicker
{
position:absolute;
min-width:24em;
width:24em;
z-index:9999;
text-align:center;
/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
font:900 0.8em/0.8em Verdana, Sans-Serif;
/* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
/* font:900 77%/77% Verdana; */
background:transparent;
/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
-moz-user-select:none;
-khtml-user-select:none;
}
/* Styles for the static datePickers */
div.staticDP
{
position:relative;
top:5px;
left:0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
{
position:absolute;
background:#fff;
z-index:9998;
padding:0;
border:0;
display:none;
margin:0;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
{
position:relative;
/* Moz & FF */
display: -moz-inline-stack;
border:0 none;
padding:0;
margin:0 0 0 4px;
background:transparent url(../media/cal.gif) no-repeat 50% 50%;
min-width:16px;
line-height:1;
cursor:pointer;
visibility:visible;
text-decoration:none;
vertical-align:middle;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
{
width:16px;
}
a.date-picker-control
{
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
display:inline-block;
}
a.date-picker-control span
{
display:block;
width:16px;
height:16px;
margin:auto 0;
}
/* The next & previous buttons */
div.datePicker th span
{
display:inline;
padding:0;
margin:0;
color:#000;
text-align:center;
line-height:1em;
border-width:0;
font-family: georgia, times new roman, palatino, times, bookman, serif;
background:transparent;
font-weight:bold;
cursor:pointer;
}
div.datePicker th span.month-display,
div.datePicker th span.year-display
{
text-transform:uppercase;
letter-spacing:1px;
font:normal 1.2em Verdana, Sans-Serif;
cursor:default;
}
div.datePicker th span.prev-but,
div.datePicker th span.next-but
{
font-size:1.8em;
cursor:pointer !important;
}
div.datePicker th span.today-but
{
text-align:center;
margin:0 auto;
font:normal 1em Verdana, Sans-Serif;
width:100%;
text-decoration:none;
line-height:1.6em;
text-transform:uppercase;
cursor:pointer !important
}
div.datePicker thead th span.fd-disabled
{
color:#aaa;
cursor:default !important;
}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
{
text-align:center;
margin:0 auto;
font:900 1em Verdana, Sans-Serif;
height:1.4em;
width:2em;
text-decoration:none;
text-transform:lowercase;
line-height:1.4em;
}
/* The table */
div.datePicker table
{
position:relative;
margin:0;
padding:0;
border:1px solid #ccc;
background:#fff url(../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
text-align:center;
width:100%;
border-spacing:2px;
table-layout:fixed;
border-collapse:separate;
}
/* Common TD & TH styling */
div.datePicker table td
{
border:1px solid #ccc;
padding:0;
text-align:center;
vertical-align:middle;
/* Opera requires a line-height bigger than 1em in order to redraw properly */
line-height:1.2em;
cursor:pointer;
background:#fff url(../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
width:3em;
height:3em !important;
height:2.8em;
outline:none;
}
div.datePicker table th
{
border:0 none;
padding:0;
line-height:1em;
font-weight:bold;
color:#222;
text-align:center;
vertical-align:middle;
}
div.datePicker table td.date-picker-unused
{
background:#fff url(../media/backstripes.gif);
border-color:#dcdcdc;
padding:0;
cursor:default !important;
}
div.datePicker table thead th.date-picker-title
{
width:auto;
height:auto;
padding:0.4em 0;
background:transparent!important
}
div.datePicker table th {
background:transparent!important
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
{
text-transform:lowercase;
width:3em;
}
div.datePicker table th.date-picker-day-header span
{
display:block;
}
/* The "todays date" style */
div.datePicker table td.date-picker-today
{
background:#fff url(../media/bullet2.gif) no-repeat 0 0;
color:rgb(100,100,100) !important;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
{
color:#333 !important;
border-color:#333 !important;
}
/* the "highlight days" style */
td.date-picker-highlight
{
/*color:#a86666;*/
}
/* The date "out of range" style */
div.datePicker table td.out-of-range
{
color:#ccc !important;
font-style:oblique;
background:#fcfcfc !important;
cursor:default !important;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled
{
color:#aaa !important;
background:transparent !important;
cursor:default !important;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
{
background:#fff url(../media/bg_header.jpg) no-repeat 0 0;
cursor:pointer;
border-color:rgb(100,130,170);
color:rgb(100,130,170);
}
/*
Quirksmode necessity?
---------------------
If your HTML document renders in quirksmode (i.e. has no doctype declaration)
then uncomment the following CSS rule to set a less drastic font-size in IE
div.datePicker table th,
div.datePicker table td
{
font-size:100%;
}
*/
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
{
background-image:none;
}
* html div.datePicker table td.date-picker-unused
{
background:#f2f2f2;
}
form#confenq {background:url('/images/conference-enquiry-image.jpg') 0 0 no-repeat}
#confenq select, #confenq input {background:#fff;margin-bottom:10px;/*display:block*/}
#confenq input {padding:2px;margin-left: 10px;width: 148px;}
#confenq #send {padding: 0;height: 28px!important;width: 75px;float: right;margin-right:10px}
#confenq #send:hover {background:white;cursor:auto!important}
#date-1 {margin-right: 0px!important;}
table tr td {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ADADAD;
}
table tr td p {
padding: 10px 0 10px 0!important;
}
table thead tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}