/*
Stylesheet for Prague Holiday Apartment
Date: July 2009
Version: 1.0.0
Developer: S. Cmakal
*/

body 				{ font: 100% Verdana,Helvetica,Arial,Geneva,sans-serif; padding: 0; background-color: #D1D6DC; color: #333; height: 100%; width: 100%; line-height: 1em;}
html 				{ height: 100%; width: 100%; }
* 					{ margin: 0; padding: 0; }
div					{ margin:0; padding:0; }
p					{ margin:0 0 0.88em 0; font-size: 0.7em; line-height: 1.5em; color: #000;}
ul					{ margin:0;padding:0;}
li					{ margin:0; padding:0; font-size: 0.75em;}
img 				{ border: 0;}
a					{ color: #1145A0; text-decoration: underline; }
a:hover				{ text-decoration: none; }
fieldset			{ border: none;}
hr 					{ width: 100%; border: none; height: 1px; background-color: #fff; margin: 0 0 0.4em 0; }
dl dd				{ margin-bottom: 0.5em;}
h1					{ padding: 0 0 0.5em 0;font-size: 1.3em; font-weight: bold; }
h2					{ padding: 0 0 0.5em 0;font-size: 1.25em; font-weight: normal; line-height: 1.2em;}
h3					{ padding: 0.8em 0 0.5em 0;font-size: 1em; font-weight: normal;}
h4					{ font-size: 1em; text-transform:uppercase; font-weight: normal;}
h5					{ color: #1d2e64; font-size: 1em;font-weight:normal;}
.clear				{ clear:both;}
input				{ margin: 0;}

.disclaimer			{ font-style: italic; font-size: 0.65em; }
.small_text			{ font-size: 90%;}

.floatLeft			{ float: left;}
.floatRight			{ float: right;}

#wrapper			{ width: 982px; margin: 0 auto; }
#innerWrapper		{ float: left; background-color: #fff; border: 1px solid #fff;}
#header				{ height: 373px; background-color: #616E85; width: 982px; float: left; position: relative;}
.siteName			{ position: absolute; top: 188px; left: 697px; width: 285px; height: 0; padding: 148px 0 0 0; margin: 0; display: block; overflow: hidden; background: transparent url(../images/elements.gif) no-repeat -134px 0; line-height: 1em;}
#content			{ float: left; min-height: 400px; background: #fff url(../images/content_bg.gif) repeat-x 0 0; width: 936px; padding: 23px; }
* html #content		{ height: 400px; }

#header .gallery			{ border-right: 2px solid #fff; display: block; position: relative; float: left; list-style: none; width: 680px; height: 336px;}
#header .gallery li			{ position: absolute; top: 0; left: 0; }
#content .gallery			{ list-style: none; float: left; border-bottom: 4px solid #A1AFA7;}
#content .gallery li		{ padding: 4px; margin: 0 0 10px; border: 1px solid #D5D5D5; float: left;}
#content .gallery li img	{ vertical-align: bottom; }
#content .gallery li a 		{ border: 1px solid #fff; display: block; float: left; }
#content .gallery li a:hover 	{ border: 1px solid #000; }
#content .gallery li.thumbs		{ border: none; padding: 0 3px; }
#content .gallery li.thumbs ul	{ list-style: none;  }
#content .gallery li.thumbs li	{ border: none; padding: 0 6px; width: 82px; height: 62px; float: left; display: left; }
* html #content .gallery li.thumbs li	{ padding: 0 3px; }

#navigation			{ display: block; width: 290px; padding: 43px 0 0 7px; float: left; list-style: none;}
#navigation li		{ padding: 0; line-height: 1.4em; font-size: 1em;}
#navigation li a	{ color: #A1AFA7; padding-left: 12px; text-decoration: none;}
#navigation li.on a,
#navigation li.on a:hover,
#navigation li a:hover	{ color: #fff; background: transparent url(../images/elements.gif) no-repeat 0 -139px; }
#navigation li a:hover	{ text-decoration: underline; background-image: none;}

#strapline			{ height: 37px; background-color: #A1AFA7; width: 982px; color: #fff; float: left; clear: left; font-size: 1.2em; }
#strapline li		{ display: block; width: auto; float: left; padding: 10px 0 0 23px; margin: 0; }
#strapline li.pdf	{ width: 250px; padding-left: 15px; display: none;}
#strapline a		{ color: #fff; display: block; float: left; }
#strapline li.pdf 	{ background: transparent url(../images/elements.gif) no-repeat 0 -159px; font-size: 0.65em;}
#strapline li.pdf span	{ display: block; float: left; padding-right: 5px;}
#strapline li.pdf b	{ background: transparent url(../images/elements.gif) no-repeat 0 -43px; display: block; height: 17px; width: 15px; float: left;}

a.cta				{ text-decoration: none; display: inline-block; border: 1px solid #004157; background-color: #A1AFA7; color: #fff; padding: 5px; width: auto; margin: 50px 0 0 10px;}
a.cta:hover			{ text-decoration: underline; border: 1px solid #7FB1CA; background-color: #1145A0; }
#content li			{ margin:0 0 0 2em; padding:0 0 0 0.5em; color: #333; line-height: 1.5em; }
#content p			{ color: #333;}
#content .leftCol	{ width: 383px; float: left;}
#content .rightCol	{ width: 538px; padding-left: 15px; float: left;}

#content .intro				{ font-size: 0.9em; line-height: 1.4em; color: #616E85; }
.twoCols			{ float: left; }
.twoCols .left		{ float: left; width: 628px; padding-right: 15px; }
.twoCols .right		{ float: left; width: 290px; }
.rightCol .twoCols .left		{ width: 245px; }
.rightCol .twoCols .right	{ width: 260px; }

/* JS/nonJS content elements visibility */
.showJSOnly				{ display: none; }
.jsEnabled .showJSOnly	{ display: block; }
.jsEnabled .renderHidden	{ display: none; }
.jsEnabled .renderVisible	{ display: block; }

#gMap		{ height: 400px; width: 936px; float: left; margin-bottom: 30px; }

table		{ border: none; margin: -3px -3px 5px -3px; padding: 8px 15px 0 0; font-size: 0.70em; float: left;}
th			{ padding: 1px 0 1px 5px; color: #333; font-weight: bold; }
td			{ color: #333; font-weight: normal; padding: 2px 0; } 

.calendar table		{ margin: 0 15px 5px 0; padding: 8px 0 0 0; width: 194px; text-align: center; }
* html .calendar table	{ margin: 0 7px 5px 0; } /* stupid IE6 die */
.calendar th		{ background-color: #5C9AAF; padding: 1px 0 1px 5px; color: #fff; font-weight: normal; }
.legend td,
.calendar td		{ background-color: #00B00A; color: #fff; padding: 1px 0 1px 0; } 
.legend .full,
.calendar .full			{ background-color: #FC3D32; color: #fff;}
.calendar .halfToFull	{ background: transparent url(../images/htf.gif) no-repeat 50% 50%; }
.calendar .fullToHalf	{ background: transparent url(../images/fth.gif) no-repeat 50% 50%; }

.legend .un,
.calendar .un			{ background-color: #b9b9b9; color: #fff;}
.calendar .halfToUn	{ background: transparent url(../images/htu.gif) no-repeat 50% 50%; }
.calendar .unToHalf	{ background: transparent url(../images/uth.gif) no-repeat 50% 50%; }

.calendar .changeOver	{ background: transparent url(../images/change-over.gif) no-repeat 50% 50%; }
.legend .empty,
.calendar .empty		{ background-color: #fff; color: #333;}
.calendar td.high:hover, .calendar td.high1:hover,
.calendar td.low:hover, .calendar td.low1:hover, .calendar td.low2:hover,
.calendar td.top:hover,
.calendar .highlight	{ background-color: #396F80 !important; background-image: none !important; color: #fff; cursor: pointer; }
.legend caption		{ text-align: left; padding-left: 3px; }
.legend td			{ text-align: left; padding-left: 5px; padding-right: 5px;}
.legend td.title	{ padding-left: 0;}
.legend .sq			{ width: 32px; padding-left: 0; }

.noMargin			{ margin: 0;}
.leftAlign			{ text-align: left;}

.prices				{ margin: 0 0 15px; padding: 0; text-align: left; width: 100%; border-collapse: collapse; border: 1px solid #888; }
.prices th			{ padding: 3px 5px 3px 10px; border-bottom: 1px solid #888; margin-bottom: 2px; }
.prices td			{ padding-left: 10px; }
.date				{ text-align: center; padding: 1px 0 1px 10px; }
.first				{ text-align: left; }
.last				{ padding-right: 0 !important;}
.errors				{ font-size: 0.7em; color: #d00; margin-bottom: 15px;}
/*tr.highlight,*/
/*.prices tr:hover	{ cursor: pointer; background-color: #D2DFEB !important;}*/
.prices tr			{ background-color: #fff;}
.prices tr.even		{ background-color: #E8EAED;}

#content form ul	{ list-style: none; float: left; width: 100%; color: #333;}
#content form ul li	{ margin: 0 0 0.8em; padding: 0; float: left; width: 100%;}
form label			{ float: left; clear: left; font-weight: bold; display: block; width: 40%; padding: 0 5% 0 0; text-align: right;}
form input			{ float: right; border: 1px solid #aaa; padding: 2px 5px; width: 50%;}
form textarea		{ float: left; clear: left; width: 98%; margin: 0; border: 1px solid #aaa; padding: 1%; margin-top: 5px;}
input.button		{ margin: 0; float: right; width: auto; }
#enquiryForm		{ display: block; float: left; width: 290px;}
span.required			{ font-weight: normal; color: #d00;}

#footer				{ display: block; list-style: none; float: left; width: 100%; border-top: 1px solid #ddd;  margin: 50px 0 0; clear: left;}
#footer li			{ float: left; margin: 0.4em 0; padding: 0 2em 0 0; }
#footer li a		{ color: #616E85; }

.box				{ margin: 20px 0 30px; float: left; }

.bookingCalendar	{ background: transparent url(/assets/images/lightbox-ico-loading.gif) no-repeat 50% 100px; width: 100%; height: 650px;}
.bookingCalendar iframe		{ background-color: #fff;}

.info-content		{ }
.info-content a		{ color: #1145A0; text-decoration: underline; clear: left; display: block; font-size: 0.7em;}