/*
Theme Name: Best Western Cape Suites
Theme URI: http://bestwesterncapesuiteshotel.co.za
Description: Best Western Cape Suites Hotel
Version: 1.0
Author: Inconcept Media
Author URI: http://www.inconceptmedia.com
*/

@import url("css/reset.css");
@font-face {
    font-family: 'museo_sans_100regular';
    src: url('fonts/museosans-100-webfont.eot');
    src: url('fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-100-webfont.woff') format('woff'),
         url('fonts/museosans-100-webfont.ttf') format('truetype'),
         url('fonts/museosans-100-webfont.svg#museo_sans_100regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_300regular';
    src: url('fonts/museosans-300-webfont.eot');
    src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-300-webfont.woff') format('woff'),
         url('fonts/museosans-300-webfont.ttf') format('truetype'),
         url('fonts/museosans-300-webfont.svg#museo_sans_300regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_500regular';
    src: url('fonts/museosans-500-webfont.eot');
    src: url('fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-500-webfont.woff') format('woff'),
         url('fonts/museosans-500-webfont.ttf') format('truetype'),
         url('fonts/museosans-500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_700regular';
    src: url('fonts/museosans-700-webfont.eot');
    src: url('fonts/museosans-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-700-webfont.woff') format('woff'),
         url('fonts/museosans-700-webfont.ttf') format('truetype'),
         url('fonts/museosans-700-webfont.svg#museo_sans_700regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans_900regular';
    src: url('fonts/museosans-900-webfont.eot');
    src: url('fonts/museosans-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-900-webfont.woff') format('woff'),
         url('fonts/museosans-900-webfont.ttf') format('truetype'),
         url('fonts/museosans-900-webfont.svg#museo_sans_900regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'museo_sans_100regular', sans-serif; font-size:12px;  }
p {  margin-bottom:10px; font-weight: normal; font-size:13px; line-height: 1.8em; }
a { color:#4f4f4f; text-decoration:none; }
a:hover { text-decoration:underline; }

/*** Navigation ***/
#navigation-wrapper { height:42px; }
#navigation { width:1000px; margin:0 auto; height: 42px; background: url(images/nav.jpg) repeat; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-bottom: 1px solid #AAA; border-left: 1px solid #AAA; border-right: 1px solid #AAA; z-index: 8009; position:fixed; }
#navigation ul {padding: 12px 0 0 20px; float: left;}
#navigation li { float:left; position:relative; display:block; margin-right:15px; font-size:12px; font-family: "museo_sans_300regular", Arial; text-transform:uppercase;  }
#navigation li a { color:#000; }
#navigation li a:hover { color:#114284; text-decoration: underline; }
#navigation li.current-menu-item a { color: #114284 !important; border: none!important;}
#navigation li ul {  position:absolute; padding:0; top:31px; z-index:2; left:-20000px; background:#555; width:192px; }
#navigation li ul li a { color:#FFF; font-size:12px; text-transform: uppercase; text-shadow:none; padding:12px; font-weight:normal; }
#navigation li ul li.current-menu-item a { color:#FFF; border:none; }
#navigation li.current-menu-item ul li a { color:#FFF; border:none; }
#navigation li ul li a:hover { color:#FFF; border:none; }
#navigation li:hover ul { left:0; }
#navigation li ul li { float:none; height:25px; width:180px; padding:13px 6px 2px; background:none;}
#navigation li ul li:hover { background:#ff3716; }
#navigation li ul li ul { top:-2000px; }
#navigation li ul li:hover ul { top:0; left:160px; width:160px; }


/*** Searchform ***/
#search-wrapper { float:right; }
#searchform input { background:#FFF url(images/search.png) no-repeat right; border:1px solid #DDD; padding:10px 24px 10px 5px; font-family: 'Arial', sans-serif; font-size:12px; color:#999; margin-top:-9px; }
#searchform #s:focus { outline:none; }
#sidebar .widget #searchform input { width:239px; margin:0; }

/*** Header ***/
#header { margin-bottom:20px; padding-bottom:30px; overflow:hidden;   }
#logo { padding: 25px 0 0 10px;}
#logohomepage { padding: 50px 0 0 10px;}
#banner { float:right; margin-top:5px; }
#header-bg {width: 100%; height: 250px; background: #112482 url(images/header-bg.gif) repeat; }

#mobile-section {display:none;}
.home-image {display:none; position:absolute; width:100%;}

#header-homepage {width: 100%; background: url(images/homepage-bg.jpg) no-repeat center top ; height: 720px;  }
#header-container {max-width: 1000px; width:100%; margin: 0 auto; position:relative; z-index:9999;}
/*** Main ***/
#wrapper { max-width:960px; width:100%; margin:0 auto; overflow:hidden; padding: 0 20px; }
#wrapper-booking { max-width:1000px; width:100%; margin:0 auto; padding: 0 20px; }
#main { max-width:960px; width:100%; float:right; margin-top: 0px; min-height: 500px; }

/*** Featured Posts **/
#featured-wrapper {margin-bottom:50px; overflow:hidden; }
.feat-item { border-top:10px solid #d95b43; background:#e5e5e5; width:300px; float:left; margin-right:30px; padding-bottom:20px; }
.feat-item.last { margin-right:0; }
.feat-item img { margin-bottom:10px; }
.feat-item h2 { font-size:16px; font-weight:bold;  text-shadow: 1px 1px 1px #FFF; padding:0 20px 0 20px; margin-bottom:10px; line-height:24px; }
.feat-item h2 a { color:#222; }
.feat-item h2 a:hover { color:#d95b43; text-decoration:none; }
.feat-item .date { font-family: 'Droid Serif', sans-serif; color:#999; text-shadow: 1px 1px 1px #FFF; text-transform:uppercase; padding:0 20px 0 20px; line-height:21px; display:block; }

/*** Posts ***/
.post { margin-bottom:25px;  padding-bottom:5px; border-bottom:1px dashed #DDD; overflow:hidden; max-width: 960px; width:100%; float: right; }
.post-home { margin-bottom:25px;  padding-bottom:5px; overflow:hidden; max-width: 960px; width:100%; }
.post-home-booking { margin-bottom:25px;  padding-bottom:5px; max-width: 1000px; width:100%; }
.post.single { margin-bottom:30px; margin-top: 85px; }
.post.page { margin-bottom:0; padding-bottom:0; border:none; }
.post.page .post-content { max-width:640px; width:100%;}
.post.full { margin-bottom:40px; padding-bottom:0; border:none; }
.post.full .post-content { width:100%; }
.post .post-title { font-family: "museo_sans_700regular", Arial; color:#222; font-size:22px; margin-bottom:14px; width: 500px; float: left; }
.post .post-title a { color:#222; }
.post .post-title a:hover { color:#d95b43; text-decoration:none; }
.post-content {max-width:960px; width:100%; /*letter-spacing:0.5em;*/ color:#404040; font-size:14px; }
.post-share { margin-right:12px; /*background:url(images/line.gif) repeat-x top left;*/ padding-top:2px; }
.post-share span {float:right; width: 80px;}
.post-tags { clear:both; width:155px; margin-top: 6px; }
.post-tags a { background:#e3e3e3; padding:6px; margin-right:4px; color:#888;  }
.post-tags a:hover { background:#d9d9d9; text-decoration:none; color:#666; }

	/* post styles */
	.post-content h1 { font-family: "museo_sans_700regular", Arial; }
	.post-content h2 { font-family: "museo_sans_700regular", Arial;  }
	.post-content h3 {  font-family: "museo_sans_700regular", Arial;}
	.post-content h4 {font-family: "museo_sans_700regular", Arial; }
	.post-content h5 { font-family: "museo_sans_700regular", Arial; }
	.post-content h6 { font-size:20px; margin-bottom:0px; padding-top:10px; font-family: "museo_sans_700regular", Arial; }
	.post-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:18px; color:#DDD; }
	.post-content ul {  }
	.post-content ul li{  }
	.post-content ol { padding-left:46px; margin-bottom:20px; font-size:13px; line-height:20px; }
	.post-content ol li { list-style-type: decimal; margin-bottom:6px; }
	.post-content .alignright { float:right; margin:0 0 4px 10px; }
	.post-content .alignleft { float:left; margin:0 10px 4px 0; }
	.post-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; }
	.wp-caption, .gallery-caption  { margin-bottom:20px; text-align: center; }
	p.wp-caption-text { margin-bottom:2px; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.gallery img { width:120px; height:120px; border: 0; border-radius: 10px; }
	.gallery-icon {margin-bottom:10px!important; }

/*** Review box ***/
.review-box { width:155px; background:#EEE; border:1px solid #DDD; margin: 5px 0;padding-bottom:5px; }
.review-box .overall { text-align:center; padding-top:12px; margin-bottom:2px; }
.review-box .rating-item .rating-title { padding-left:10px; font-size:10px; text-shadow: 1px 1px 1px #FFF; }
.review-box .rating-item .score-bg { float:left; margin-left:10px; width:100px; height:11px; }
.review-box .rating-item .score-bar { background:#d95b43; height:11px; }
.review-box .rating-item .rating-score {  font-family:'Droid Sans', sans-serif; font-size:10px; margin-top:-5px; text-align:right; text-shadow: 1px 1px 1px #FFF; padding-right:8px; }

/*** buy button ***/
.buy-button { background:#00c4d6 !important; color:#FFF; width:135px; padding:8px; display:block; text-transform:uppercase; margin-bottom:8px; line-height:20px; }
.buy-button:hover { background:#333!important; text-decoration:none; }

/*** Comments ***/
.comments { margin-bottom:50px; }
.comments h5 { font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#888; margin-bottom:20px; }
.comment-item { background:#eee; padding:14px; overflow:hidden; margin-bottom:14px; }
.comment-item .avatar { float:left; margin-right:14px; }
.comment-item .comment-author { margin-bottom:8px; }
.comment-item .comment-author .author { color:#777; font-family: 'Droid Serif', sans-serif; font-weight:bold; text-shadow: 1px 1px 1px #FFF; margin-right:4px; }
.comment-item .comment-author .date { color:#999; font-family: 'Droid Serif', sans-serif; text-shadow: 1px 1px 1px #FFF; font-size:11px; }
.comment-item .comment-author .reply { font-family: 'Droid Serif', sans-serif; text-shadow: 1px 1px 1px #FFF; float:right; font-size:11px; }
.comment-item .comment-text { overflow:auto; }
.comment-item .comment-text p { margin:0 0 0 0; }
.children { margin: 20px 0 0 83px; }
.children li.comment { margin: 0 0 20px 0; }
#respond { margin-top:40px; overflow:hidden; }
#respond-content { width:640px; }
#comment-input { float:left; margin-right:20px; }
#comment-input input { border:0; margin-bottom:17px; color:#666; }
#comment-input input:focus, textarea:focus { outline:none; }
#comment-input label { display:block; margin-bottom:8px; }
#comment-input label .req { color:#999; }
.input-name { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-email { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-website { background:#E9E9E9; width:250px; height:24px; padding:8px; }
#comment-textarea { float:right; }
.textarea-comment { background:#E9E9E9; border:0; width:308px; height:168px; padding:14px; color:#666; }
#comment-textarea label { display:block; margin-bottom:8px; }
#comment-textarea-admin { float:none; margin-bottom:16px; }
#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
#comment-submit { clear:both; float:right; margin-bottom:10px; }
#comment-submit-admin { clear:both; margin-bottom:10px; }
.comment-submit { background:#53777a; border:0; color:#fff; padding:10px; cursor:pointer; }
.comment-submit:hover { background:#374f51; }
.side-comment { color:#222; display:block; margin-bottom:6px; }
.bypostauthor .comment-item { border:1px solid #DDD; }

/*** Pagination ***/
.pagination { margin-bottom:50px; overflow:hidden; }
.pagination a { color:#FFF; }
.pagination a:hover { text-decoration:none; }
.pagination .next a { float:right; background:#53777a; padding:10px; font-family: 'Droid Serif', sans-serif; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a { float:left; background:#53777a; padding:10px; font-family: 'Droid Serif', sans-serif; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a:hover { background:#374f51; }
.pagination .next a:hover { background:#374f51; }

/*** Sidebar & widgets ***/
#sidebar { width:270px; float:right; } 
#sidebar .widget a { color:#555; }
#sidebar .widget a:hover { color:#d95b43; text-decoration:none; }
/* Tags widgets */
.tagcloud a { background:#e3e3e3; padding:6px; margin-right:10px; color:#888; text-shadow: 1px 1px 1px #FFF; font-size:12px !important; display:inline-block; margin-bottom:10px; }
.tagcloud a:hover { background:#d9d9d9; text-decoration:none; color:#666 !important; }
#footer .widget .tagcloud a { background:#333; color:#AAA; text-shadow: 1px 1px 1px #222; }
#footer .widget .tagcloud a:hover { background:#444; color:#BBB !important; }
		
/*** footer ***/
#footer-wrapper { background:#252525 url(images/footer-bg.png) repeat; padding: 30px 0 45px 0; overflow:hidden; }
#footer { max-width:960px; width:100%; margin:0 auto; }

#footer-bottom-wrapper { background:#114284; padding:15px 0 15px 0; overflow:hidden; line-height: 1.8em; }
#footer-bottom { max-width:1000px; width:100%; margin:0 auto; color:#fff; font-family: "museo_sans_500regular", Arial; }
#footer-bottom .left { float:left; }
#footer-bottom .center { text-align:center; }
#footer-bottom .right { float:right; }
#footer-bottom .right img { margin-left:8px; }


/*** Shortcodes ***/

	/* Video shortcode */
	.video-shortcode { margin-bottom:20px; }
	
	/* button shortcode */
	.button { padding:9px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; cursor:pointer; }
	.button a:hover { text-decoration:none; }
	.button.black a { color:#FFF; }
	.button.black {
	 background: #333;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333');
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
    background: -moz-linear-gradient(top,  #555, #333);
    border:1px solid #111;
	}
	.button.black:hover {
	 background: #444;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#444');
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background: -moz-linear-gradient(top,  #666, #444);
    border:1px solid #111;
	}
	
	.button.green a { color:#FFF; }
	.button.green {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b928', endColorstr='#3ba323');
    background: -webkit-gradient(linear, left top, left bottom, from(#43b928), to(#3ba323));
    background: -moz-linear-gradient(top,  #43b928, #3ba323);
    border:1px solid #2c8816;
	}
	.button.green:hover {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ac82d', endColorstr='#42b528');
    background: -webkit-gradient(linear, left top, left bottom, from(#4ac82d), to(#42b528));
    background: -moz-linear-gradient(top,  #4ac82d, #42b528);
    border:1px solid #2c8816;
	}
	
	.button.red a { color:#FFF; }
	.button.red {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c31010', endColorstr='#a80d0d');
    background: -webkit-gradient(linear, left top, left bottom, from(#c31010), to(#a80d0d));
    background: -moz-linear-gradient(top,  #c31010, #a80d0d);
    border:1px solid #990c0c;
	}
	.button.red:hover {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80f0f', endColorstr='#b40e0e');
    background: -webkit-gradient(linear, left top, left bottom, from(#c80f0f), to(#b40e0e));
    background: -moz-linear-gradient(top,  #c80f0f, #b40e0e);
    border:1px solid #990c0c;
	}
	
	.button.blue a { color:#FFF; }
	.button.blue {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1062b5', endColorstr='#0f57a2');
    background: -webkit-gradient(linear, left top, left bottom, from(#1062b5), to(#0f57a2));
    background: -moz-linear-gradient(top,  #1062b5, #0f57a2);
    border:1px solid #0a447f;
	}
	.button.blue:hover {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1268c1', endColorstr='#105eaf');
    background: -webkit-gradient(linear, left top, left bottom, from(#1268c1), to(#105eaf));
    background: -moz-linear-gradient(top,  #1268c1, #105eaf);
    border:1px solid #0a447f;
	}
	
	.button.orange a { color:#FFF; }
	.button.orange {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24e0c', endColorstr='#cd460a');
    background: -webkit-gradient(linear, left top, left bottom, from(#e24e0c), to(#cd460a));
    background: -moz-linear-gradient(top,  #e24e0c, #cd460a);
    border:1px solid #bc400a;
	}
	.button.orange:hover {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1530d', endColorstr='#dc4b0b');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1530d), to(#dc4b0b));
    background: -moz-linear-gradient(top,  #f1530d, #dc4b0b);
    border:1px solid #bc400a;
	}
	
	.button.light a { color:#777; }
	.button.light {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DDD');
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
    background: -moz-linear-gradient(top,  #F1F1F1, #DDD);
    border:1px solid #CCC;
	}
	.button.light:hover {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E5E5E5');
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E5E5E5));
    background: -moz-linear-gradient(top,  #F7F7F7, #E5E5E5);
    border:1px solid #CCC;
	}
	
	/*     10.2. Dropcap    */
	.dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }
	
	/*     10.4. Highlight    */
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#222; color:#CCC; }
	
	/*     10.9. Columns    */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:13px; line-height:20px; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.last { margin-right: 0 !important; clear: right; }
	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
	
	/* Tabs shortcode */
	.tabs-wrapper ul.tabs { margin-left:-17px; height:36px; padding-left:17px; overflow:hidden; margin-bottom:0; }
	.tabs-wrapper ul.tabs li { background:none; float:left; margin-right:5px; border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; padding:10px; text-transform: uppercase; }
	.tabs-wrapper ul.tabs li.active { background:#efefef; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; text-shadow: 1px 1px 1px #FFF; }
	.tabs-wrapper ul.tabs li a { color:#888; }
	.tabs-wrapper .tab_content { padding:16px 14px 0 14px; display:none; border:1px solid #E8E8E8; margin-bottom:20px; }
	
		/* Tabs widget */
		#sidebar .widget .tabs-wrapper ul.tabs { margin:0 0 20px 0; padding:0; border-bottom:1px dashed #ddd; height:25px;  }
		#sidebar .widget .tabs-wrapper ul.tabs li { background:none; float:left; margin:0 14px 0 0; padding:0; border:none; text-transform: uppercase; font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#888; }
		#sidebar .widget .tabs-wrapper ul.tabs li.active a { color:#777; }
		#sidebar .widget .tabs-wrapper ul.tabs li a { color:#b8b8b8; }
		#sidebar .widget .tabs-wrapper ul.tabs li a:hover { text-decoration:none; color:#777; }
		#sidebar .widget .tabs-wrapper .tab_content { padding:0; display:none; border:none; margin-bottom:0; }
		
.toggle-wrapper { }
.toggle { background:#eee; border: 1px solid #ddd; padding:10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:4px; }
.toggle:hover { background:#ccc; color: #FFF; }
.toggle a { color:#555; text-decoration:none; font-size:13px; }
.toggle-content { display:none; background: url('/wp-content/uploads/2012/12/stripe-toggle.png')repeat ; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:10px; border:1px solid #DDD; font-size:13px; line-height:18px; margin-bottom:5px; }
.toggle-content .block {padding:0px;}
.toggle-button {color: #555; float: right; margin-right: 5px; font-size: 17px; font-family: "museo_sans_700regular", Arial; } 
	

/*** 404 ***/
.content-404 { text-align:center; margin-top:20px;}
.content-404 p { color:#a5a5a5; margin-top:-15px; margin-bottom:40px; }
.text-404 { font-size:140px; font-family: 'Droid Serif', sans-serif; color:#999; }

/* ---------------------------------------------------------------
Homepage Layout
------------------------------------------------------------------*/

#booking-tab-mobile { width: 100%; display:none;}
.booking-bar-mobile {max-width: 1000px; margin: 0 auto; background: #333;}
.booking-bar-mobile p {font-size: 17px; float: left; width: 359px; margin-top: 9px; color: #FFF; font-family: 'museo_sans_500regular',sans-serif; }
.booking-bar-mobile a:hover {opacity: .7;}
.booking-bar-tab-mobile {margin: 0 auto; width: 60px; top: 21px; position: relative; }

#booking-tab { height: 86px; margin-top: 383px; width: 100%;}
.booking-bar {width: 1000px; text-align: center; margin: 0 auto; height: 86px; background: url('/wp-content/themes/bwcapesuites/images/booking-bar.png')repeat; opacity: 0.94; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)"; filter: alpha(opacity=94); -moz-opacity: 0.94; -khtml-opacity: 0.94; border-radius: 10px 10px 0 0;}
.booking-bar p {font-size: 17px; float: left; width: 359px; margin-top: 9px; color: #4A4A4A; font-family: 'museo_sans_500regular',sans-serif; }
.booking-bar a:hover {opacity: .7;}
.booking-bar-tab {margin: 0 auto; width: 647px; top: 24px; position: relative; }


/* X-Factor Blocks */
#x-factor-blocks {float:left; margin-right:36px; width: 296px;}
#homepage-titles {font-size: 25px; color: #114284; text-align: center; font-weight:normal; margin-bottom: 40px; margin-top:40px; clear:both; text-transform: uppercase; font-family: "museo_sans_300regular", Arial;}
#homepage-titles-white {font-size: 25px; color: #FFF; text-align: center; font-weight:normal; margin-bottom: 40px; margin-top:40px; clear:both; text-transform: uppercase; font-family: "museo_sans_300regular", Arial;}
#homepage-titles strong{font-family: "museo_sans_700regular", Arial;}
#x-factor-blocks h3 {font-size: 24px; color: #000; margin-top: 6px; font-family: "museo_sans_300regular", Arial;}
.home-x-factors {border-radius:10px;  -moz-border-radius: 10px; -webkit-border-radius:10px; border:1px solid #d6e0e9; padding:4px; }

/* Specials Section */
#specials-wrap {width: 100%; position: absolute; background: #114284; height: 348px; top: 1640px; z-index: -1; background: url('/wp-content/uploads/2012/12/stripe.png')repeat;}
#specials-posts {}
.specials {height: 200px; margin-bottom: 82px;}
.specials ul {}
.specials ul li:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;} 
.left {float: left; }
.right {float: right; }

/* Food Section */
#food-section {clear: both; overflow:auto;}
#food-section a {color: #000; }
#food-section a:hover {color: #114284;}
.food-detail {width: 180px; float: left; margin-right: 15px;}
.food-detail-last {width: 180px; float: left; }
.food-detail img {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border: 1px solid #d6e0e9; padding: 4px;}
.food-detail-last img {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border: 1px solid #d6e0e9; padding: 4px;}
.food-title {font-size: 13px; text-align: center !important;}

/* Testimonials Homepage */
#testimonials-home {clear:both; height: 240px; }
#testimonials-home a {color: #114284; text-transform: uppercase; float: right; padding-top:20px; }
#testimonials-home a:hover {color: #000;}
#testimonial {width: 450px; position: relative;}
.testimonial-icon {position: relative; z-index: 210;}
.testimonial-width { width: 210px; padding: 20px; font-size: 11px; float: right; line-height: 1.6em;}
.testimonial-info {float: right; position:absolute; border: 1px solid #d6e0e9; background: #F4F6F8; height: min-191px; top:-1px; left: 94px; z-index: 110; width: 350px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;}
.testimonial-title { font-size: 13px; padding: 10px 0px 0px 20px; margin-top:10px;}
.testimonial-title span { font-size: 13px; padding: 10px 0px 0px 20px; color: #114284; font-family: "museo_sans_700regular", Arial ;}

#testimonial-full {width: 960px; position: relative;}
.testimonial-info-full {float: right; position:absolute; border: 1px solid #d6e0e9; background: #F4F6F8;  color: #3a3a3a; height: min-191px; top:-1px; left: 94px; z-index: 110; width: 864px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; height: 189px;}
.testimonial-width-full { width: 670px; padding: 20px 20px 10px; font-size: 13px; float: right; line-height: 1.6em;}
.read-testimonials {width: 140px; height: 30px; float: right; padding: 15px 20px 0;}

/*Services Section*/
#services-section {clear: both; height: 90px; width: 891px; margin: 0 auto;}
.services ul li {float: left; margin-right: 14.6px; }
.services ul li img:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70; }
.last {float: left; margin-right: 0!important;} 
.services-info {color: #AAA; text-align: center; padding-top:20px; clear:both; font-family: "museo_sans_300regular", Arial; font-size: 15px;}

/*Secondary Info menu */
#meta-info {float: right; width: 300px; margin: 8px 0 0;}
#time {float:right; padding-right: 20px;}
.time-frame {color: #909090; font-family: "museo_sans_500regular", Arial;}
.time-num {color: #114284; font-weight: bold; font-size: 18px; position: relative; top: 2px; left: 3px; font-family: "museo_sans_900regular", Arial; }

#weather {float:right; padding-right: 20px;}
.weather-frame {color: #909090; font-family: "museo_sans_500regular", Arial;}
.weather-num {color: #114284; font-weight: bold; font-size: 18px; position: relative; top: 2px; left: 3px; font-family: "museo_sans_900regular", Arial;}

/*------------------------------------------------------------------
Dining Page
---------------------------------------------------------------------*/
#inner-titles {font-size: 28px; color: #114284; text-align: center; font-weight:normal; margin-bottom: 13px; margin-top:20px; clear:both; text-transform: uppercase; font-family: "museo_sans_300regular", Arial;}
#inner-titles strong {font-family: "museo_sans_700regular", Arial;}
#description-text {width: 850px; font-size: 15px; line-height: 1.5em; text-align: center; margin: 0 auto; clear: both; margin-bottom: 20px; color: #090909;}

#menu-tab {background: #FFF url(images/menu-tab-bg.gif) repeat; height:28px; border: 1px solid #D9D9D9; margin: 0 auto 30px; width: 275px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#menu-tab ul {padding: 7px 0 0;}
#menu-tab ul li {padding: 0 10px 0 10px; float: left; border-right: 1px solid #D9D9D9;} 
.last-tab {border: 0 !important;}


/*------------------------------------------------------------------
Accommodation Page
---------------------------------------------------------------------*/
#x-factor-blocks2 {float:left; margin-right:36px; width: 294px; background: #f4f6f8; border: 1px solid #d6e0e8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius:8px;}
#x-factor-blocks2 h3 {font-size: 21px; color: #000; margin-top: 15px; margin-left: 20px; font-family: "museo_sans_300regular", Arial;}
#x-factor-blocks2 p {padding: 10px 20px 10px 20px; }

#accommodation-rooms {}
#accommodation-rooms h3 {float: left; padding-left: 20px; padding-top:16px; font-family: "museo_sans_500regular", Arial; font-size: 21px; }
#accommodation-rooms h5 {float: left; padding: 22px 0px 0px 10px; color: #134486; font-family: "museo_sans_500regular", Arial; }
.room-description {width: 600px; border: 1px solid #d6e0e8; background: #f5f6f8; float: right;}
.room-image {float: left;}
.room-image:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;}
.round-corners {border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border:1px solid #d6e0e9; padding:4px; background: #FFF;}
.round-corners-home {border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; border:1px solid #d6e0e9; padding:4px; background: #FFF;}
.unit-amounts {background: url(images/units-meter.png)no-repeat; float: right; margin-top: 14px; width: 71px; height: 26px; position: relative;}
.unit-amounts span { position: absolute; top: 5px; margin-left: 4px; }
.book-button { float: right; margin: 14px 20px 0 0; }
.book-button:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;}
#accommodation-rooms p {clear: both; padding: 3px 20px;}
#menu-tab-accommodation {background: #FFF url(images/menu-tab-bg.gif) repeat; height:28px; border: 1px solid #D9D9D9; margin: 0 20px 10px; width: 140px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; float: right;  }
#menu-tab-accommodation ul {padding: 7px 0 0;}
#menu-tab-accommodation ul li {padding: 0 10px 0 10px; float: left; border-right: 1px solid #D9D9D9;} 

#slider {margin: 20px 0 0; border: 1px solid #d6e0e9; padding:4px; height: 285px; }
#slider-contact {margin: 20px 0 0;  }

#petitestudio-gallery {display: none; width: 800px; margin-bottom: 30px;}
#studio-gallery {display: none; width: 800px; margin-bottom: 30px;}
#studio-features {display: none; width: 960px; margin-bottom: 30px;}
#one-bed-features {display: none; width: 960px; margin-bottom: 30px;}
#two-bed-features {display: none; width: 960px; margin-bottom: 30px;}
#classic-two-bed-features {display: none; width: 960px; margin-bottom: 30px;}
#three-bed-features {display: none; width: 960px; margin-bottom: 30px;}
#four-bed-features {display: none; width: 960px; margin-bottom: 30px;}
.feature-tab {width: 900px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; background: #f4f4f4; border: 1px solid #d3d3d3; font-family: "museo_sans_500regular", Arial; font-size: 15px; height: 30px; margin: 0 auto;}
.feature-title { width: 150px; background: #103f7f; overflow: auto; color: #FFF; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; float: left; height: 30px; }
.feature-title span {position: relative; left: 15px; top: 7px;}
.feature-info { width: 726px; padding: 7px; margin-left: 10px; float: right;}

/*------------------------------------------------------------------
Services Page
---------------------------------------------------------------------*/

#services-list {}
.service-box { height: 322px; border-bottom: 1px solid #a5a5a5; position: relative;}
.service-image { position: absolute; z-index: 100; left: 0 ; bottom: 0; }
.service-box h3 { color: #134486; font-size: 24px; font-family: "museo_sans_700regular", Arial; }

.service-description { float: right; width: 413px; text-align: center; margin: 82px 30px 0 0;}
.service-description p {font-size: 18px; position: relative; z-index: 106; line-height: 1.5em; font-family: "museo_sans_300regular", Arial; }

.service-image-right { right: 0 ; bottom: 0; position: absolute; z-index: 100; }
.service-box h3 { color: #134486; font-size: 24px; }
.service-description-left { float: left; width: 413px; text-align: center; margin: 82px 0 0 30px;}
.service-description-left p {font-size: 18px; position: relative; z-index: 106; line-height: 1.5em;}

/*------------------------------------------------------------------
Conference Page
---------------------------------------------------------------------*/

#menu-tab-conference {background: #FFF url(images/menu-tab-bg.gif) repeat; height:28px; border: 1px solid #D9D9D9; margin: 0 auto 30px; width: 331px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#menu-tab-conference ul {padding: 7px 0 0;}
#menu-tab-conference ul li {padding: 0 10px 0 10px; float: left; border-right: 1px solid #D9D9D9;} 

.facility-stats {background: #f4f6f8; border: 1px solid #d6e0e8; height: 85px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; width: 294px; }
.stats-title { background: url(images/stats-title-bar.jpg) repeat; height:31px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; color: #FFF; text-align: center;}
.stats-title span {position:relative; top: 7px;}

.stats-main {height: 18px; font-size:10px; border-bottom: 1px solid #D9D9D9; }
.stats-main ul {}
.stats-main ul li {float: left; border-right: 1px solid #D9D9D9; height: 16px; padding: 2px 7.5px 0; }

.stats-secondary {height: 33px; font-size:17px; }
.stats-secondary ul {}
.stats-secondary ul li {float: left; border-right: 1px solid #D9D9D9; height: 27px; }
.stats-1 {padding: 8px 21px 0;}
.stats-2 {padding: 8px 28px 0;}
.stats-3 {padding: 8px 16px 0;}
.stats-4 {padding: 8px 14.5px 0;}
.stats-5 {border: none !important; padding: 8px 16px 0;}
.stats-5-4 {border: none !important; padding: 8px 12px 0;}

#x-factor-blocks-double {background: #f4f6f8; border: 1px solid #d6e0e8; height: 302px; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; width: 626px; }

#facility-photo-section {clear: both; overflow:auto;}
.facility-detail {width: 180px; float: left; margin-right: 15px;}
.facility-detail-last {width: 180px; float: left; }
.facility-detail img {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border: 1px solid #d6e0e9; padding: 4px;}
.facility-detail-last img {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border: 1px solid #d6e0e9; padding: 4px;}

.facility-features {width: 626px; height: 302px; }
.facility-icon {height: 41px; width: 41px; float: left;  }
.facility-features ul li {float: left; width: 267px; padding: 9.5px 23px;  }
.facility-features ul li h3{font-size:11px!important; left: 10px; top: 8px; position: relative; }

/*------------------------------------------------------------------
Specials Page
---------------------------------------------------------------------*/

#menu-item-25 a {color: #ff0000!important;}

.post-meta { float:left; width:180px; font-family: "museo_sans_300regular", Arial; margin-top: 40px; }

.package-type {background: url('images/package-button.gif') repeat; width: 180px; height: 34px; margin-bottom: 5px; font-size: 10px; font-family: "museo_sans_500regular", Arial; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #FFF;text-align: center;  }
.type-info {position: relative; top: 10px;}

.package-price {text-align: center; height: 85px; margin-bottom: 5px; color: #FFF; background: url("/wp-content/uploads/2012/12/stripe.png") repeat #114284; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.price-total{position: relative; top:16px; font-size: 31px; font-family: "museo_sans_700regular", Arial;  }
.price-info {font-size: 10px; position: relative; top: 16px; }

.enquire-button { float: right; margin: 0 3px 0 0; }
.enquire-button:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;}
.book-button2 { float: right; margin: 0; }
.book-button2:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;}

.accommodation-overview { margin-bottom: 3px; }
.accommodation-overview:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70;}
.accomm-round {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}

.share-buttons { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; border: 1px solid #ddd; height: 41px; width: 160px;}
.share-buttons ul {}
.share-buttons ul li { float: left; padding: 2.5px;}
.share-buttons ul li a{ width: 35px; height: 35px; display: block; }
.share-buttons ul li a:hover{ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70; }

.package-details {height: 66px; margin-bottom: 10px; }
.package-icon {height: 66px; width: 66px; float: left; display: block;}
.package-info {width: 650px; padding: 0 0 0 85px;}
.package-info h3 { text-decoration: underline; }
.package-info p { line-height: 1.5em;}

#top-bar {width: 760px; float: right; height: 30px; margin: 20px 0 35px;}
#specials-tab {background: #FFF url(images/menu-tab-bg.gif) repeat; height:28px; border: 1px solid #D9D9D9; margin: 0 ; width: 88px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; float: right;  }
#specials-tab ul {padding: 7px 0 0;}
#specials-tab ul li {padding: 0 10px 0 10px; float: left; border-right: 1px solid #D9D9D9;} 

#terms {}
.terms {background: #EEE; border: 1px solid #DDD;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; margin-bottom: 4px; padding: 10px;}
.terms:hover {background: #ccc; color: #FFF;}
.terms a {color: #555; font-size: 13px; text-decoration: none;}
.terms-button {color: #555; float: right; font-size: 13px; margin-right; 5px; }

#booking-page { margin-top: 60px; }
#post-constraint {width: 760px; float: right; }

.cat-title {float: left; padding: 9px 0 ; margin-right: 10px;}
#specials-cat { height: 28px; background: #FFF url(images/menu-tab-bg.gif) repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; float: left;  border: 1px solid #D9D9D9; }
#specials-cat ul {padding: 8px 17px; }
#specials-cat li { position:relative; display:block; font-size:12px;  }
#specials-cat ul li ul li { position:relative; display:block; font-size:12px; padding: 8px;  }
#specials-cat ul li ul li:hover { position:relative; display:block; font-size:12px; background: #ccc; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;  }
#specials-cat li a { color:#000; padding:8px 0; }
#specials-cat li a:hover { text-decoration: underline; }
#specials-cat li.current-menu-item a { color: #114284 !important; border: none!important;}
#specials-cat li ul {  position:absolute; padding:0; top:21px; z-index:999; border: 1px solid #DDD; left:-20000px; background:#f1f1f1; width:108px; top: 21px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
#specials-cat li ul li a { color:#000; font-size:12px; padding: 3px; }
#specials-cat li ul li.current-menu-item a { color:#FFF; border:none; }
#specials-cat li.current-menu-item ul li a { color:#FFF; border:none; }
#specials-cat li ul li a:hover { text-decoration: underline; }
#specials-cat li:hover ul { left:-18px; }

#footer-bottom a {color: #FFF; text-decoration: none;}
#footer-bottom a:hover {text-decoration: underline;}


/* Contact Form */

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
background: #F7F7F7;
border: 1px solid #CCC !important;
color: #111 !important;
padding: 8px !important;
border-radius: 8px !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
margin: 0px !important;
font-family: arial !important;
}

.wpcf7-form-control-wrap select {
background:#F7F7F7 !important;
}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"]  {
width:300px;
}

.wpcf7-form-control-wrap textarea {
width:300px;
}

.wpcf7-captchar, .wpcf7-quiz {
width:65px !important;
}

span.wpcf7-list-item {
display: block;
margin-left: 0 !important;
}

.wpcf7-submit, .wpcf7-reset {
border: 0px !important;
float: left;
height: 48px;
}

.wpcf7-submit {
background: url('images/submit.png') no-repeat;
width: 188px;
}

.social-media { width: 205px; margin: 0 auto 20px; height: 55px; }
.social-media ul {}
.social-media ul li {float: left; margin-right: 20px; }
.social-media img {width: 55px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.last-item {margin-right: 0!important;}
.social-media ul li a {}
.social-media ul li a:hover {opacity: 0.7; transition: 1s ease;}