/* @group Browser Reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
html, body {
height: 100%;
color: #000000;
font-size: 100%;
font-weight: normal;
font-style: normal;
font-family: arial, sans-serif, helvetica, verdana;
text-align: center;
text-decoration: none;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ul, ol {
list-style: none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
/* @end */
/* @group Clear Fix */
/* for relatively new browsers*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE Mac */
.clearfix {
display: inline-table;
}
/* for IE Windows \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.clr{ clear:both;}
/* @end */
/* @group Shortcut Styles */
.fL {
display:inline;
float: left;
}
.fR {
display:inline;
float: left;
}
/* @end */
/* @group General Text Styles */
body {
font-size: 12px;
}
.uppercase {
text-transform: uppercase;
}
#content {
font-size: 12px;
color: #575757;
}
#content p {
line-height: 150%;
padding: 0 0 18px 0;
}
#content .article p{
*padding-bottom:16px;
}
#content p.date {
font-weight: bold;
padding: 0 0 6px 0;
}
#footer {
font-size: 12px;
color: #FFF;
}
#header div.basic div.yoo-carousel .article h2,
blockquote {
font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
}
/* @end */
/* @group General Image Styles */
/* @end */
/* @group Heading Text Styles */
h1 {
line-height: 100%;
padding: 0 0 11px 0;
font-size: 18px;
font-weight: normal;
color: #5b6978;
}
h2 {
line-height: 100%;
padding: 0 0 18px 0;
font-size: 14px;
font-weight: normal;
color: #183c72;
}
#advert h2 {
line-height: 140%;
padding: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #5b6978;
}
h3 {
line-height: 140%;
padding: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
color: #5b6978;
}
/* @end */
/* @group Navigation Styles */
/* @group Dropdown Navigation */
/*** EDIT THESE CSS CODES WITH CARE: STARTS
Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu" ***/
.menuhxdmenu,.menuhxdmenu *{margin:0;padding:0;}
div#hxdmoomenu{
z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu ul{background: url('../images/bg_dropdown.png') no-repeat 0 100%;
padding:0;}
.menuhxdmenu li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a,
div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width: 100%;}
.menuhxdmenu li ul{float:none;left:-999em;position:absolute;width:180px;z-index:102;}
.menuhxdmenu li:hover ul,
.menuhxdmenu li.sfHover ul{left:0px;top:30px;}
.menuhxdmenu li:hover li ul,
.menuhxdmenu li.sfHover li ul,
.menuhxdmenu li li:hover li ul,
.menuhxdmenu li li.sfHover li ul,
.menuhxdmenu li li li:hover li ul,
.menuhxdmenu li li li.sfHover li ul{top:-999em;}
.menuhxdmenu li li:hover ul,
.menuhxdmenu li li.sfHover ul,
.menuhxdmenu li li li:hover ul,
.menuhxdmenu li li li.sfHover ul,
.menuhxdmenu li li li li:hover ul,
.menuhxdmenu li li li li.sfHover ul{left:177px;top:0px;}
.menuhxdmenu li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/
#hxdmoomenu {
float: right;
width: auto;
}
#hxdmoomenu ul {
display: inline;
margin: 0;
padding: 0;
}
#hxdmoomenu ul li {
display: inline;
margin:0 0 0 5px;
padding: 0;
}
#hxdmoomenu ul li a,
#hxdmoomenu ul li a:visited {
display: block;
float: left;
width: auto;
height: 30px;
line-height: 30px;
margin:0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #5b6978;
}
#hxdmoomenu ul li a span {
float: left;
width: auto;
height: 30px;
line-height: 30px;
padding: 0 12px;
cursor: pointer;
}
#hxdmoomenu ul li a:hover,
#hxdmoomenu ul li.active a,
#hxdmoomenu ul li.active a:visited,
#hxdmoomenu ul li.sfHover a,
#hxdmoomenu ul li.sfHover a:visited {
text-decoration: none;
color: #FFF;
background: url('../images/menu_top-l.png') no-repeat 0 0;
}
#hxdmoomenu ul li a:hover span,
#hxdmoomenu ul li.active a span,
#hxdmoomenu ul li.sfHover a span {
background: url('../images/menu_top-r.png') no-repeat 100% 0;
}
#hxdmoomenu ul li ul {
width: 176px;
margin: 0;
padding: 5px 1px;
text-align: left;
background: #c80d27 url('../images/menu_sub.png') no-repeat 0 0;
border: 1px solid #FFF;
}
#hxdmoomenu ul li ul li {
display: block;
float: left;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #b80000;
}
#hxdmoomenu ul li ul li.item26,
#hxdmoomenu ul li ul li.item33{
border:none;
}
#hxdmoomenu ul li.sfHover ul li a,
#hxdmoomenu ul li.sfHover ul li a:visited {
display: block;
float: none;
width: 152px;
height: auto;
line-height: normal;
margin:0;
padding: 5px 12px;
font-size: 12px;
font-weight: normal;
color: #FFF;
background: transparent;
}
#hxdmoomenu ul li ul li a span {
float: none;
width: auto;
height: auto;
line-height: 145%;
padding: 0;
cursor: pointer;
}
#hxdmoomenu ul li ul li a:hover {
text-decoration: none;
color: #FFF;
background: #c74647;
}
#hxdmoomenu ul li.sfHover ul li a span,
#hxdmoomenu ul li ul li a:hover span,
#hxdmoomenu ul li.active ul li a span,
#hxdmoomenu ul li.active ul li.active a span {
background: transparent;
}
#hxdmoomenu ul li.sfHover ul li.sfHover a,
#hxdmoomenu ul li.sfHover ul li.sfHover li.sfHover a,
#hxdmoomenu ul li.active ul li.active li.active a,
#hxdmoomenu ul li ul li.active a,
#hxdmoomenu ul li ul li.active a:visited {
color: #FFF;
background: #c74647;
}
#hxdmoomenu ul li.sfHover ul li.sfHover li a{
background:none;
}
#hxdmoomenu ul li ul li.item7 { /* remove the top border */
border: 0;
}
.panel{ height:358px;}
/* @end */
/* @group Footer Navigation */
ul.menu_footer {
display: inline;
margin: 0;
padding: 0;
}
ul.menu_footer li {
display: inline;
float: left;
width: auto;
margin:0;
padding: 0;
background: url('../images/menu_footer-break.gif') no-repeat 0 50%;
}
ul.menu_footer a,
ul.menu_footer a:visited {
margin: 0 0 0 1px;
padding: 4px;
text-decoration: none;
color: #FFF;
}
ul.menu_footer a:hover {
text-decoration: none;
background: #53606e;
}
ul.menu_footer li.item12 { /* no left border for the first footer link */
background: transparent;
}
/* @end */
/* @end */
/* @group Link Styles */
a,
a:visited {
color: #b20505;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#footer-r a,
#footer-r a:visited {
color: #fff;
text-decoration: underline;
}
#footer-r a:hover {
text-decoration: none;
}
#content a,
#content a:visited {
text-decoration: underline;
}
#content a:hover {
text-decoration: none;
}
#content .contact-bg a.readmore_s,
#content a.readmore_s,
input.email_button{
display: block;
width: 102px;
height: 22px;
line-height: 22px;
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
color: #FFF;
background: url('../images/readmore_s.png') no-repeat 0 0;
}
#content .contact-bg a.readmore_s:hover{
color: #FFF;
}
/* this code was commented to include button on the contact us page (view map) with the code above
#content a.readmore_s,input.email_button{
display: block;
width: 102px;
height: 22px;
line-height: 22px;
text-align: center;
text-decoration: none;
color: #FFF;
background: url('../images/readmore_s.png') no-repeat 0 0;
} */
.moduletable_copyright a,
.moduletable_copyright a:visited {
padding: 4px;
color: #FFF;
text-decoration: underline;
}
.moduletable_copyright a:hover {
color: #FFF;
background: #53606e;
text-decoration: none;
}
.moduletable_copyright a.copy{
padding: 0;
background:none;
text-decoration:none;
color:#fff;
}
.moduletable_copyright a.copy:hover{
text-decoration:none;
}
/* @end */
/* @group List Styles */
#content ul,
#content ol,
#content .slide .article ul,
#content .slide .article ol {
line-height: 150%;
padding: 0 0 18px 0;
}
#content ul,
#content .slide .article ul {
list-style: disc;
}
#content ol,
#content .slide .article ol {
list-style: decimal;
}
#content li,
#content .slide .article li {
line-height: 150%;
list-style-position: inside;
}
/* @end */
/* @group Input Styles */
.inputbox {
padding: 3px 5px;
font-size: 11px;
color: #575757;
border: 1px solid #5b6978;
}
/* @end */
/* @group Table Styles */
#page table {
line-height: 130%;
font-size: 12px;
margin: 0 0 18px 0;
}
#page thead {
font-weight: bold;
color: #FFFFFF;
background-color: #548dd4;
}
#page td {
padding: 5px 10px;
}
#page tbody tr {
background: #FFFFFF;
}
#page tbody tr.row2 {
background-color: #f2f2f2;
}
/* @end */
/* @group Page Layout Styles */
body {
background: #414d5a;
min-width:980px!important; width:auto!important;
}
#topwrap {
width: 100%;
background: #FFF;
}
#top {
position: relative;
width: 980px;
height: 125px;
margin: 0 auto;
text-align: right;
background: url('../images/bg_top-t.jpg') no-repeat 135px 0;
z-index: 1;
}
#logo {
display: block;
position: absolute;
top: 17px;
left: 0px;
width: 176px;
height: 93px;
text-align: left;
text-indent: -9999px;
text-decoration: none;
background: url('../images/evolution-laser-clinic_hair-removal.png') no-repeat 0 0;
overflow: hidden;
}
#top .moduletable_top {
display: block;
position: absolute;
top: 17px;
right: 0px;
width: 400px;
z-index: 1;
}
#top p.call_book {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: normal;
color: #a7a9ac;
}
#top p.call_book span {
padding: 0 6px 0 3px;
font-size: 12px;
font-weight: normal;
}
#top p.call_book a {
vertical-align: text-top;
text-decoration: none;
background: transparent;
}
#top p.call_book a img {
width: 150px;
vertical-align: middle;
text-decoration: none;
margin-top:-4px;
}
.moduletable_mainmenu {
display: block;
position: absolute;
right: 0px;
bottom: 15px;
width: 700px;
height: 30px;
line-height: 30px;
text-align: right;
z-index: 1;
}
#headerwrap {
clear: both;
width: 100%;
background: #dfdfe3 url('../images/bg_slideshow.png') repeat-x 0 0;
}
#header {
width: 980px;
height: 400px;
margin: 0 auto;
font-size: 14px;
text-align: left;
}
/* @group Yoo Carousel Override */
div.yoo-carousel ul.tabs li a span span {
cursor: pointer;
}
/* @group Article Styles */
#header .basic .article {
color: #FFF;
}
#header div.basic div.yoo-carousel .article {
padding: 0;
font-size: 14px;
line-height: 140%;
}
#header div.basic div.yoo-carousel .article h2 {
padding: 10px 0 20px 0;
font-size: 22px;
font-weight: normal;
color: #FFF;
}
#header div.basic div.yoo-carousel .article h3 {
padding-bottom: 0px;
margin-bottom: 5px;
line-height: 100%;
font-size: 150%;
font-weight: bold;
color: #323232;
}
#header .basic .article p {
margin: 0 0 15px;
color: #FFF;
}
#header .basic .article p a {
padding: 0;
color: #FFF;
font-weight: bold;
text-decoration: none;
background: url('../images/line_dotted-white.gif') repeat-x 0 100%;
}
#header .basic .article p.call_book a,
#header .basic .article p a.online-booking{ background:none;}
#header .basic .article p a.online-booking img,
#header .basic .article p.call_book a img{ margin-top:-5px; margin-left: 5px; vertical-align:middle;}
#header .basic .article p a:hover {
text-decoration: underline;
background: transparent;
}
#main .plain div.yoo-carousel .article h3 {
line-height: 140%;
margin: 0;
padding: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
color: #575757;
}
/* @end */
/* @group Home Header */
#header .basic .yoo-carousel {
background: #dfdfe3 url('../images/bg_slideshow.png') repeat-x 0 0;
}
.basic .panel-container,
.basic .slide {
margin: 0;
padding: 0;
}
#header div.basic div.yoo-carousel li a:link,
#header div.basic div.yoo-carousel li a:visited {
color: #a7a9ac;
text-decoration: none;
}
#header div.basic div.yoo-carousel li a:hover {
color: #5b6978;
text-decoration: none;
}
#header div.basic div.yoo-carousel li.selected a:link,
#header div.basic div.yoo-carousel li.selected a:visited {
color: #FFF;
text-decoration: none;
}
/* bottom */
#header div.basic div.yoo-carousel div.bottom ul.tabs {
position: relative;
height: 42px;
background: url('../images/bg_slideshow-tabs.png') no-repeat 0 0;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li {
margin: 0;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li a {
background-position: 0 0;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item1 a {
background: url('../images/slide_tab-l.png') no-repeat;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item2 a,
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item3 a {
background: url('../images/slide_tab-m.png') no-repeat;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item4 a {
background: url('../images/slide_tab-r.png') no-repeat;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.selected a {
background-position: 0 -42px;
cursor: pointer;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li a span {
width: 100%;
padding: 0;
background: transparent;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span {
background: transparent;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li a span span {
width: 100%;
height: 42px;
line-height: 42px;
padding: 0px;
font-weight: bold;
font-size: 14px;
text-align: center;
background: transparent;
overflow: hidden;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span span {
background: transparent;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item1 a {
width: 245px;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item2 a,
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item3 a,
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item4 a {
width: 244px;
}
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item1,
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item2,
#header div.basic div.yoo-carousel div.bottom ul.tabs li.item3 {
margin: 0 1px 0 0;
}
/* @group Promotion Tab */
.offerings {
width: 380px;
margin: 5px auto 20px auto;
overflow: hidden;
}
.offerings .offer,
.offerings .offer_last {
position: relative;
float: left;
width: 80px;
height: 80px;
background: url('../images/bg_offer-box.png') no-repeat 0 0;
}
.offerings .offer {
margin: 0 20px 0 0;
color:#CB0F28;
}
.offerings .offer_last {
margin: 0;
color:#CB0F28;
}
.offerings strong {
display: block;
}
.offerings strong span.promo {
display: block;
position: absolute;
top: 12px;
left: 0;
width: 80px;
font-size: 10px;
line-height: 120%;
z-index: 1;
}
.offerings strong div {
display: block;
position: absolute;
bottom: 8px;
left: 0;
width: 80px;
height: 26px;
line-height: 26px;
font-size: 26px;
z-index: 1;
}
.home_header {
font-size:95%;
height:236px;
line-height:125%;
padding:65px 575px 57px 25px;
position:relative;
text-align:center;
width:380px;
z-index:0;
}
.home_header table {
margin: 0 auto;
text-align: left;
}
/* @end */
/* @end */
/* @end */
/* @group Home Tab */
.plain .yoo-carousel,
.top {
height: 300px !important;
}
.plain .yoo-carousel {
}
.plain .yoo-carousel .top {
background: #fbfbfb url('../images/bg_main-b.gif') no-repeat 0 100%;
}
#main .plain div.yoo-carousel .article {
padding: 0;
font-size: 12px;
line-height: 140%;
}
/* top */
#main div.plain div.yoo-carousel div.top ul.tabs {
position: relative;
height: 34px;
padding: 0;
list-style: none;
background: url('../images/bg_home-tabs.png') no-repeat 0 0;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item1,
#main div.plain div.yoo-carousel div.top ul.tabs li.item2,
#main div.plain div.yoo-carousel div.top ul.tabs li.item3 {
margin: 0 1px 0 0;
}
#main div.plain div.yoo-carousel div.top ul.tabs li,
#main div.plain div.yoo-carousel div.top ul.tabs li.selected {
background: transparent;
}
#main div.plain div.yoo-carousel div.top ul.tabs li a:link,
#main div.plain div.yoo-carousel div.top ul.tabs li a:visited {
color: #5b6978;
text-decoration: none;
}
#main div.plain div.yoo-carousel div.top ul.tabs li a:hover,
#main div.plain div.yoo-carousel div.top ul.tabs li.selected a:link,
#main div.plain div.yoo-carousel div.top ul.tabs li.selected a:visited {
color: #FFF;
text-decoration: none;
}
#main div.plain div.yoo-carousel div.top ul.tabs li a {
background-position: 0 0;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item1 a {
background: url('../images/home_tab-l.png') no-repeat;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item2 a,
#main div.plain div.yoo-carousel div.top ul.tabs li.item3 a {
background: url('../images/home_tab-m.png') no-repeat;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item4 a {
background: url('../images/home_tab-r.png') no-repeat;
}
#main div.plain div.yoo-carousel div.top ul.tabs li a:hover,
#main div.plain div.yoo-carousel div.top ul.tabs li.selected a {
background-position: 0 -34px;
cursor: pointer;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item1 a,
#main div.plain div.yoo-carousel div.top ul.tabs li.item4 a {
width: 161px;
}
#main div.plain div.yoo-carousel div.top ul.tabs li.item2 a,
#main div.plain div.yoo-carousel div.top ul.tabs li.item3 a {
width: 160px;
}
#main div.plain div.yoo-carousel div.top ul.tabs li a span {
width: 100%;
height: 34px;
line-height: 34px;
padding: 0px;
font-weight: bold;
font-size: 12px;
text-align: center;
background: transparent;
overflow: hidden;
}
/* @group Slide Styles */
#home_slide1 {
width: 465px;
height: 245px;
padding: 15px 0 0 180px;
background: transparent url('../images/bg_home-tab.jpg') no-repeat 0 0;
}
#home_slide2,
#home_slide3,
#home_slide4 {
width: 605px;
height: 245px;
padding: 15px 20px 0 20px;
}
/* @end */
/* @end */
/* @end */
#contentwrap {
clear: both;
width: 100%;
background: #f1f1f2 url('../images/bg_content.png') repeat-x 0 0;
}
#contentwrap.inner{
background: #f1f1f2 url('../images/innerbg_content.jpg') repeat-x 0 0;
}
#content {
width: 980px;
margin: 0 auto;
text-align: left;
background: url('../images/bg_content-b.jpg') no-repeat 594px 100%;
overflow: hidden;
}
#contentwrap.inner #content {width:981px; padding-top:3px;}
#contenttop {
width: 100%;
padding: 36px 0 0 0;
background: url('../images/bg_content-t.jpg') no-repeat 50% 0;
}
#advert-t {
display: block;
width: 100%;
height: 5px;
background: url('../images/bg_advert-t.gif') no-repeat 0 0;
overflow: hidden;
}
#advert {
background: url('../images/bg_advert-m.gif') repeat-y 0 0;
}
#advert-b {
width: 100%;
background: url('../images/bg_advert-b.gif') no-repeat 0 100%;
overflow: hidden;
}
#advert1,
#advert2 {
float: left;
width: 280px;
margin: 0 25px 0 0;
padding: 7px 15px 0 15px;
}
#advert3 {
float: left;
width: 280px;
padding: 7px 15px 0 15px;
/* this line is disabled to test the looks of the page
width: 160px;
padding: 7px 135px 10px 15px;
background: url('../images/bg_advert3.jpg') no-repeat 100% 100%; */
}
#container_home {
margin: 18px 0 36px 0;
overflow: hidden;
}
#main {
float: left;
width: 645px;
margin: 0 0 25px 0;
}
.inner #main {
background:#fff url(../images/inner_t.jpg) no-repeat scroll left top;
}
.inner .main-b{
background:url(../images/inner_b.jpg) no-repeat scroll left bottom;
padding:25px 12px 20px 12px;
}
#right {
float: right;
width: 310px;
}
/*#contentwrap.inner #right{ width:298px; margin-right:18px;}*/
.right-t,
.right-b {
clear: both;
display: block;
width: 310px;
height: 5px;
overflow: hidden;
}
.right-t {
background: url('../images/bg_right-t.gif') no-repeat 0 0;
}
.right-b {
margin: 0 0 25px 0;
background: url('../images/bg_right-b.gif') no-repeat 0 0;
}
.right,
.right_newsletter,
.right_gentle {
padding: 7px 13px 12px 13px;
font-size: 11px;
background: #fbfbfb;
}
#content #right p {
padding: 0 0 12px 0;
}
#right .row {
clear: both;
overflow: hidden;
}
#right #your_name,
#right #email_address {
display: block;
width: 121px;
margin: 0;
}
#right #your_name {
float: left;
}
#contentwrap.inner #right #your_name, #contentwrap.inner #right #email_address{ width:114px;}
#right #email_address {
float: right;
}
#right #subscribe_button {
clear: both;
margin: 12px 0 0 0;
}
.right_gentle blockquote {
height: 50px;
line-height: 25px;
font-size: 19px;
font-weight: normal;
font-style: italic;
text-align: center;
background: url('../images/bg_quote-r-2lines.png') no-repeat 0 0;
}
#right .right_gentle a.learnmore img {
display: block;
float: left;
margin: 21px 0 0 0;
}
.right_gentle img#logo_gentle {
display: block;
float: right;
margin: 8px 0 0 0;
}
#footerwrap {
clear: both;
width: 100%;
background: #414d5a url('../images/bg_footer.png') repeat-x 0 0;
}
#footer {
width: 990px;
line-height: 150%;
margin: 0 auto;
padding: 25px 0 20px 0;
font-size: 11px;
text-align: left;
background: url('../images/bg_footer-t.png') no-repeat 0 0;
overflow: hidden;
}
#footerLeft {
float: left;
width: 430px;
}
#footerRight {
float: right;
width: 540px;
padding: 0 5px 0 0;
}
.moduletable_social {
float: left;
width: 425px;
height: 30px;
line-height: 30px;
padding: 0 0 0 5px;
}
.moduletable_social a.link_facebook {
margin: 0 30px 0 0;
padding: 8px 0 8px 30px;
font-size: 12px;
color: #FFF;
background: url('../images/icon_facebook.png') no-repeat 0 50%;
}
.moduletable_social a.link_twitter {
padding: 8px 0 8px 30px;
font-size: 12px;
color: #FFF;
background: url('../images/icon_twitter.png') no-repeat 0 50%;
}
.moduletable_social a.link_facebook:hover,
.moduletable_social a.link_twitter:hover {
text-decoration: underline;
}
.moduletable_footermenu {
display: block;
float: left;
width: 100%;
margin: 12px 0 10px 0;
padding: 0;
}
.moduletable_copyright {
display: block;
clear: both;
padding: 0 0 0 5px;
}
#footer-rt,
#footer-rb {
display: block;
width: 100%;
height: 5px;
overflow: hidden;
}
#footer-rt {
background: url('../images/bg_footer-rt.gif') no-repeat 0 0;
}
#footer-rb {
background: url('../images/bg_footer-rb.gif') no-repeat 0 0;
}
#footer-r {
line-height: 160%;
padding: 5px 15px;
background-color: #53606e;
}
.article_separator {
}
#page .table_css tr{ vertical-align:top;}
#page .table_css td{ text-align:left; padding:3px 0;}
#page .table_css{ line-height:180%;}
#page .table_css table{ line-height:100%;}
#page .table_css table td,
#page .table_css table th{ padding:3px 10px;}
.contact-bg{ background:url(../images/contact_bg.jpg) left top repeat-y; width:621px; margin-bottom:27px;}
.contact-gt{ background:url(../images/contact_gt.jpg) left top no-repeat; width:621px;}
.contact-t{ background:url(../images/contact_t.jpg) left top no-repeat; width:621px;}
.contact-b{ background:url(../images/contact_b.jpg) left bottom no-repeat;width:621px; padding-left:23px;}
.contact-bg .contact-t h3{ color:#fff;}
.contact-bg h3{ font-size:15px; color:#595d60; font-weight:normal; padding-top:5px; margin-bottom:19px;}
#content .contact-bg ul{ float:left; margin-bottom:0px;}
.contact-bg ul li{ list-style:none; color:#575757;}
.contact-bg ul.contact-l{width:280px;}
#content .contact-bg ul.contact-r{ border-left:1px solid #efeff0; padding-left:48px; padding-bottom:5px;}
.contact-bg ul.contact-r span{ font-weight:bold;}
.contact-bg ul.contact-r span.day1{ padding-right:53px;}
.contact-bg ul.contact-r span.day2{ padding-right:49px;}
.contact-bg ul.contact-r span.day3{ padding-right:30px;}
.contact-bg ul.contact-r span.day4{ padding-right:44px;}
.contact-bg ul.contact-r span.day5{ padding-right:63px;}
.contact-bg ul.contact-r span.day6{ padding-right:46px;}
.contact-bg ul.contact-r span.day7{ padding-right:54px;}
#content .contact-bg ul li a{ color:#575757; font-size:12px; font-weight:normal;}
#content .contact-bg ul li a:hover{color:#d81a2b; }
#content .contact-bg p{ margin-top:35px; *margin-top:28px; margin-top:30px\0; padding-bottom:5px;}
#content .contact-bg a{ font-size:11px; font-weight:bold; color:#d81a2b; text-decoration:none;}
#content .contact-bg a:hover{ color:#575757;}
#content h1.innerh1{ padding-top:10px; padding-left:3px;}
form#email_form{ padding-left:5px;}
form#email_form tr{background:none;}
form#email_form td{ padding:0 0 12px 0; color:#575757; font-size:12px; font-weight:bold;}
form#email_form input,form#email_form select,form#email_form textarea{ border:1px solid #ccc; width:469px; height:17px; padding-top:2px; }
#topwrap form#booking_form select,form#email_form select{ width:auto; height:20px; +height:22px;padding:0;}
form#email_form input.email_button{ border:none; width:102px; padding-bottom:3px; height:22px; margin-top:5px; cursor:pointer;}
form#email_form textarea{ height:111px;}
form#booking_form tr{background:none;}
form#booking_form td{ padding:0 0 12px 0; color:#575757; font-size:12px; font-weight:bold;}
form#booking_form input,form#booking_form select,form#booking_form textarea{ border:1px solid #ccc; width:400px; height:19px;}
form#booking_form select,form#email_form select{+height:22px;}
form#booking_form select{ width:auto; }
form#booking_form input.email_button{ border:none; width:102px; padding-bottom:3px; height:22px; margin-top:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
form#booking_form textarea{ height:111px;}
/* @end */
form#com_login_form td{
padding-bottom:7px;
}
input#com_login_username,input#com_login_passwd,input.button{ margin-left:4px;}
input#com_login_username,input#com_login_passwd{ width:180px;}
form#com_login_form input.button,form#login input.button{ background:#575757; border:none; color:#fff; line-height:16px; padding-bottom:2px; cursor:pointer;}
form#com_login_form table table td{ padding:0;}
#header .moduletable_header .basic .yoo-carousel .article li {
text-align: left;
}
#header .moduletable_header .basic .yoo-carousel .article li h3 {
display: inline;
color: #fff;
font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#top p.call_book a img {margin-top:-8px;}
form#email_form input.email_button{ padding:0px; }
}