/* ------------------ reset default browser styles ----------*/

body, h1, h2, h3, p, img {
	margin:0;
	padding:0;
}

a img {
	border:none;
}

/* ------------------ general styles ----------------------- */

body {
	width:100%;
	height:100%;
	font-family: Verdana, Arial, sans-serif;
	color:#333;
	background-color:#EEE;
}

h1 {
	font-size:22px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:19px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-size:18px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

input {
	padding-left:3px;
	padding-right:3px;
}

div#textContent {
	font-size:12px;
}

div#textContent p {
	padding:8px 0;
	text-align:justify;
}

div#textContent h1 {
	margin:0 0 20px 0;
	line-height:17px;
	font-size:22px;
	font-weight:none;
}

div#textContent h2 {
	margin:0 0 15px 0;
	line-height:22px;
}

div#textContent h3 {
	margin:0 0 5px 0;
	line-height:18px;
}

.bold {
	font-weight:bold;
	font-size:12px;
}

input.inputNewsletter, input.inputNewsletterError, input.text, textarea.text {
	padding:0 3px;
	font-size:12px;
	font-family: Verdana, Arial, sans-serif;
	border-style:solid;
	border-width:1px;
	border-color:#DAD8CD;
	background:#FFF url(tpl/img/inputBackground.gif) repeat-x top;
}

input.inputNewsletterError {
	border-color:#EE3D3D;
	color:#EE3D3D;
}

div#textContent a {
	text-decoration:none;
	color:#FF3D3D;
	border-bottom:1px solid #DDD;
}

div#textContent a:visited {
	color:#CB9F9F;
}

div#textContent a:hover {
	color:#EE0000;
}

div#textContent table.prices tbody th {
	font-weight:normal;
}

div#textContent table.prices tbody td, div#textContent table.prices tbody th {
	padding:0 8px 0 0;
}

div#textContent table.prices tbody td {
	text-align:center;
}

div#textContent table.prices tbody th {
	text-align:left;
}


/* ------------------ skel --------------------------------- */

div#horizon {
	width:100%;
	height:214px;
	padding:0;
	background:url(tpl/img/horizonBackground.gif);
}

div#horizonContent {
	width:851px;
	height:214px;
	margin:0 auto;
	padding:0;
	background:url(tpl/img/horizon.jpg);
}

a#home {
	display:block;
	float:left;
	margin:20px 0 0 1px;
}

div#contentContainerWrapper {
	background-color:#FFF;
	padding-bottom:20px;
}

div#contentContainer {
	width:870px;
	margin:0 auto;
	padding:25px 0 0 0;
}

div#sideMenu {
	float:left;
	width:245px;
	height:250px;
	margin:10px 0 0 0;
}

div#content {
	float:right;
	width:585px;
	margin:20px 0 30px 0;
}

div#footer {
	width:100%;
	padding:7px 0 0 0;
	background:url(tpl/img/shadow.gif) repeat-x;
}

div#footerContent {
	width:840px;
	height:40px;
	margin:0 auto;
	font-size:12px;
	color:#777;
}

div#footerContent a {
	text-decoration:none;
	color:#777;
}

div#footerContent a:hover, div#footerContent a#active {
	text-decoration:none;
	color:#000;
}

div#footerLeft {
	float:left;
}

div#footerRight {
	float:right;
}

div#subscribeNewsletter {
	width:201px;
	height:33px;
	padding:0;
	margin:0 0 0 5px;
	border-style:solid;
	border-width:0px;
	background:#FFF url(tpl/img/subscribeBackground.gif) no-repeat;
}

button#subscribeSubmitNewsletter {
	float:right;
	width:46px;
	height:18px;
	margin:8px 8px 0 0;
	padding:0px;
	border-style:solid;
	border-width:0px;
	background-image:url(tpl/img/submitButton.gif);
	cursor: pointer;
}

input.inputNewsletter, input.inputNewsletterError {
	float:left;
	width:124px;
	margin:8px 0 0 8px;
}

a#hostels {
	display:block;
	width:98px;
	height:24px;
	margin:10px 0 5px 12px;
	background:url(tpl/img/hostels.gif);
}

a#hostels:hover, a#hostels.active {
	background:url(tpl/img/hostels.gif) 0px -24px;
}

a#mapOfKrakow {
	display:block;
	width:162px;
	height:21px;
	margin:0 0 30px 12px;
	background:url(tpl/img/mapOfKrakow.gif);
}

a#mapOfKrakow:hover, a#mapOfKrakow.active {
	background:url(tpl/img/mapOfKrakow.gif) 0px -20px;
}

img#subscribeImage {
	display:block;
	width:129px;
	height:18px;
	margin:15px 0 0 12px;
}

a#newsletterButton {
	display:block;
	width:131px;
	height:22px;
	margin:0 0 5px 12px;
	background:url(tpl/img/newsletter.gif);
}

a#newsletterButton:hover, a#newsletterButton.active {
	display:block;
	width:131px;
	height:22px;
	background:url(tpl/img/newsletter.gif) 0px -22px;
}

/* ------------------ homepage ----------------------------- */

img#welcome {
	margin-bottom:8px;
}

div#hostelWeekTop {
	width:575px;
	height:15px;
	margin:10px 0 0 0;
	background:url(tpl/img/weekHostelTop.gif);
}

div#hostelWeekMiddle {
	width:543px;
	padding:0 15px 9px 15px;
	border-style:solid;
	border-width:0 1px 0 1px;
	border-color:#ECC043;
	background:#FEE185 url(tpl/img/weekHostelMiddle.gif) repeat-x top;
}

a#hostelWeekName {
	padding-bottom:4px;
	font-weight:bold;
	text-decoration:none;
	color:#462E00;
}

div#hostelWeekAddress {
	display:block;
	float:right;
	font-size:12px;
	color:#462E00;
	margin:7px 0 0 20px;
	text-decoration:none;
}

div#hostelWeekDescr {
	display:block;
	font-size:12px;
	color:#462E00;
	margin:3px 0 3px 0;
	text-align:justify;
}

div#hostelWeekAttributes {
	font-weight:bold;
	font-size:12px;
	color:#462E00;
	text-align:justify;
}

div#hostelWeekBottom {
	width:575px;
	height:6px;
	margin:0 0 50px 0;
	background:url(tpl/img/weekHostelBottom.gif);
}

div.hostelHome {
	width:545px;
	margin:0 0 20px 15px;
}

a.hostelName {
	padding-bottom:4px;
	font-weight:none;
	font-size:19px;
	text-decoration:none;
	text-align:left;
	color:#222;
}

div.hostelAddress {
	display:block;
	float:right;
	font-size:12px;
	color:#999;
	margin:7px 0 0 20px;
	text-decoration:none;
}

div.hostelDescr {
	display:block;
	font-size:12px;
	color:#222;
	margin:3px 0 3px 0;
	text-align:justify;
}

div.hostelAttributes {
	font-size:12px;
	color:#222;
}

a#browseAllButton {
	display:block;
	width:104px;
	height:18px;
	margin:40px 0 20px 13px;
}

div.more {
	padding-top:12px;
	text-align:right;
}

table#hostelListingHome {
	width:550px;
	margin-left:10px;
}

table#hostelListingHome tbody tr td {
	 vertical-align:top;
}

table#hostelListingHome img.thumb {
	margin-top:4px;
	border:1px solid #CCC;
}

td.hostelListingHome {
	width:430px;
	padding:0 0 25px 15px;
	text-align:justify;
}

/* ------------------ listing ----------------------------- */

table#hostelListing tbody tr td {
	 vertical-align:top;
}

table#hostelListing img.thumb {
	margin-top:4px;
	border:1px solid #CCC;
}

td.hostelListing {
	width:465px;
	padding:0 0 25px 15px;
	text-align:justify;
}

/* ------------------ newsletter ----------------------------- */

div#unsubscribeNewsletter {
	width:201px;
	height:33px;
	padding:0;
	margin:0;
	border-style:solid;
	border-width:0px;
	background:#FFF url(tpl/img/unsubscribeBackground.gif) no-repeat;
}

img#unsubscribeImage {
	margin:0 0 5px 7px;
}

button#unsubscribeSubmitNewsletter {
	float:right;
	width:46px;
	height:18px;
	margin:8px 8px 0 0;
	padding:0px;
	border-style:solid;
	border-width:0px;
	background-image:url(tpl/img/unsubscribeSubmitButton.gif);
	cursor: pointer;
}

div#newsletterUnsubscribe {
	float:right;
	margin:0 0 5px 0;
}

/* ------------------ mapOfKrakow ----------------------------- */

div#googleMapFull {
	width:575px;
	height:575px;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
}

img#marker {
	position:absolute;
	margin-top:-18px;
	margin-left:-4px;
}

img#pushpin {
	position:absolute;
	margin-top:-16px;
	margin-left:-5px;
}

div#textContent div.marker a, div#textContent div.marker a:visited {
	border:0;
}

p.gray {
	color:#9F9F9F;
}

/* ------------------ hostel-view ----------------------------- */

div#googleMap {
	clear:both;
	width:585px;
	height:400px;
	margin:20px 0 5px 0;
	border:1px solid #CCC;
}

div#hostelBox {
	border:1px solid #CCC;
	background-color:#F3F3F3;
	margin:0 0 20px 0;
}

div#hostelBoxDetails {
	padding:10px 10px 3px 10px;
	font-size:12px;
	color:#777;
}

div#hostelRightContainer {
	float:right;
	width:222px;
	margin:0 0 0 30px;
}

div#hostelBoxDetails a {
	color:#8F8F8F;
}

div#hostelBoxDetails a {
	text-decoration:none;
}

div#hostelNav {
	height:40px;
}

div.textBox {
	margin:0 0 10px 0;
	font-size:12px;
}

div.textBox span {
	padding-top:4px;
	font-size:12px;
	font-weight:bold;
}

div.textBox img {
	position:absolute;
	margin-bottom:-20px;
}

div.textBox p {
	padding-top:3px;
}

div#hostelNavPrevious {
	float:left;
	vertical-align:top;
}

div#hostelNavListing {
	float:left;
	margin:0 0 0 15px;
	vertical-align:top;
}

div#hostelNavNext {
	float:right;
	vertical-align:top;
}

div#enquire {
	margin:10px 0 15px 0;
}

div#enquire a {
	border:0;
}

div#textContent p#legend {
	padding:0;
}

/*------------- hostel-enquiry, contact -------------*/

div#formContainer {
	float:right;
	margin:0 0 0 20px;
}

div#formTop {
	width:300px;
	height:10px;
	margin:0;
	background:url(tpl/img/formTop.gif);
}

div#formMiddle {
	width:288px;
	padding:0 0 4px 10px;
	border-style:solid;
	border-width:0 1px 0 1px;
	border-color:#ECC043;
	background:#FEE185 url(tpl/img/formMiddle.gif) repeat-x top;
}

div#formMiddle table tbody td {
	padding:0 0 2px 0;
	vertical-align:top;
}

div#formMiddle table tbody th {
	height:23px;
	padding:0;
	text-align:left;
}

div#formBottom {
	width:300px;
	height:6px;
	margin:0;
	background:url(tpl/img/formBottom.gif);
}

input.text {
	width:276px;
}

textarea.text {
	width:276px;
	height:150px;
}

input.submit {
	float:right;
	margin:7px 0 2px 0;
}

tr.error th {
	vertical-align:top;
}

tr.error th div {
	float:right;
	padding:0;
	text-align:right;
	font-size:12px;
	line-height:12px;
	color:#FF3D3D;
	font-weight:normal;
}

tr.error td input {
	border-color:#FF3D3D;
	color:#FF3D3D;
}

img.formTitle {
	display:block;
	margin:4px 0 0 0;
}

div#textContent p.enquiry {
	padding:0 330px 0 0;
}

p#remember {
	margin-top:170px;
}

/*---------------------- misc ----------------------*/

div#googleMap a {
	border:0;
}

div#textContent a.solidLink, a.solidLink {
	color:#FF3D3D;
	border:0;
	line-height:30px;
	text-decoration:none;
}

a.lightview {
	display:block;
	float:left;
	height:42px;
	width:42px;
	margin:0 8px 8px 0;
}

a.lightview img {
	display:block;
	height:42px;
	width:42px;
}

a img.galleryThumb {
	border:1px solid #CCC;
}

div#invalidEmail1 {
	padding-left:14px;
	font-size:12px;
	color:#EE3D3D;
}

div#invalidEmail {
	padding-left:9px;
	font-size:12px;
	color:#EE3D3D;
}