/*
Theme Name: eHotels
Description: eHotels - Hotel Chain
Version: 0.1
Author: Orlin Topalov
Author URI: http://topaloff.eu/
Tags: holiday, vacation, leisure
*/


/*** Load CSS Modules ***/

@import url('stylesheets/reset.css');
@import url('stylesheets/basic_layout.css');
@import url('stylesheets/applications.css');
@import url('stylesheets/jquery.lightbox.css');

/*** Articles ***/

.article {
	width: 700px;
	margin-top: 10px;
	margin-left: -5px;
}

.article-top-frame,
.article-bottom-frame {
	width: 700px;
	height: 8px;
	background: transparent url('images/article_frames.png') repeat-x;
}

.article-top-frame {
	background-position: 0 0;
}

.article-bottom-frame {
	clear: left;
	background-position: 0 -8px;
}

.article-content {
	float: left;
	width: 670px;
	padding: 15px 15px;
	background: transparent url('images/article_background.png') repeat-y;
}

.article h3 {
	padding: 2px 10px;
	color: white;
	background-color: #a90935;
	border-top: 1px dotted white;
	border-bottom: 1px dotted white;
}

.page-content p,
.article p {
	font-size: 14px;
	line-height: 20px;
}

.page-content,
.tabbed-content,
.promo-content {
	float: left;
	width: 460px;
	margin-top: 15px;
}

.page-content,
.promo-content {
	width: 438px;
	padding: 10px;
	border: 1px dotted #bbbbbb;
}

.page-content {
	width: 648px;
}

.page-content p,
.tabbed-content p,
.promo-content p {
	margin: 0 0 15px 0;
}

.tabbed-content p {
	margin: 10px 0 5px 0;
	padding: 0 10px;
	font: normal 14px 'eHotels Candara';
	text-align: justify;
	text-indent: 30px;
}

.page-content ul,
.tabbed-content ul,
.promo-content ul {
	margin: 10px 0;
}

.page-content li,
.tabbed-content li,
.promo-content li {
	padding: 0 0 5px 20px;
	font-size: 14px;
	list-style-type: disc;
	list-style-position: inside;
}

.promo-content p img {
	padding: 2px;
	border: 1px solid #bbbbbb;
}

/*** Left Panel ***/

.left-panel {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-right: 10px;
}

.paper-sheet-top-frame,
.paper-sheet-bottom-frame {
	width: 200px;
	background: transparent url('images/sheet_frames.png') no-repeat;
}

.paper-sheet-top-frame {
	height: 50px;
	background-position: 0 0;
}

.paper-sheet-bottom-frame {
	height: 30px;
	background-position: 0 -50px;
}

.paper-sheet-content {
	width: 170px;
	padding: 0 15px;
	background: transparent url('images/sheet_background.png') repeat-y;
}

.paper-sheet-content img {
	width: 170px;
	margin: 10px 0;
}

.paper-sheet-content ul {
	padding: 5px 0;
}

.paper-sheet-content ul li {
	font: normal 14px 'eHotels Candara', Candara;
	padding: 5px 0;
	text-align: center;
}

.price-label {
	width: 90px;
	height: 47px;
	margin: 10px 0 0 15px;
	padding: 50px 10px 10px 70px;
	text-align: center;
	background: transparent url('images/price_label.png') no-repeat;
}

.price-label a {
	font: normal 13px/15px 'eHotels Segoe', Candara, Sans-Serif;
}


/*** Hotels and Promotions ***/

.promotions-on-focus,
.promotions-aside,
.promotions-list,
.hotels {
	float: left;
	margin-top: 10px;
}

.promotions-on-focus {
	width: 276px;
}

.hotels,
.promotions-list {
	border: 1px dotted #bbbbbb;
}

.hotels {
	padding: 7px;
}

.promotions-list {
	width: 362px;
	margin-left: 10px;
	padding: 5px 10px;
}

.promotions-aside {
	margin-bottom: 20px;
}


/*** Hotels and Promotions (blocks) ***/

.promotions-aside div,
.hotels div {
	float: left;
}

.promotions-on-focus div {
	width: 264px;
	margin-bottom: 10px;
	padding: 5px;
	background: #ececec;
	border: 1px dotted #bbbbbb;
}

.promotions-on-focus div.last {
	margin-bottom: 0;
}

.hotels div {
	width: 214px;
	margin-right: 6px;
}

.hotels div.last {
	margin-right: 0;
}

.promotions-aside div {
	margin-bottom: 5px;
}


/*** Hotels and Promotions (lists) ***/

.promotions-aside li,
.promotions-list li,
.hotels li {
	float: left;
}

.hotels li.separator {
	margin-top: 10px;
	height: 10px;
	width: 100%;
	border-top: 1px dotted #bbbbbb;
}

.promotions-list li {
	padding: 5px 0;
	border-bottom: 1px dotted #bbbbbb;
}

.promotions-list li.last {
	border-bottom: none;
}

.soon {
	font: normal 15px 'eHotels Segoe', Candara, Sans-Serif;
}

/*** Hotels and Promotions (paragraphs) ***/

.promotions-on-focus h4,
.promotions-on-focus p,
.promotions-list h4,
.promotions-list p,
.promotions-aside p,
.hotels h4,
.hotels p {
	padding: 5px 7px 0 7px;
}

.promotions-on-focus p,
.promotions-list p,
.hotels p {
	padding-bottom: 5px;
	font-size: 13px;
	line-height: 14px;
}

.hotels p {
	text-align: justify;
}

.promotions-list h4,
.promotions-list p,
.promotions-aside p {
	float: left;
}

.promotions-aside p {
	width: 112px;
	font: normal 12px/15px 'eHotels Segoe', Candara, Sans-Serif;
}

.promotions-aside p a {
	text-decoration: none;
}

.promotions-list h4,
.promotions-list p {
	width: 244px;
}

.promotions-on-focus p a,
.promotions-list p a {
	color: black;
}

.promotions-on-focus p a:hover,
.promotions-list p a:hover {
	color: #a90935;
	text-decoration: underline;
}


/*** Hotels and Promotions (images) ***/

.promotions-list img,
.promotions-aside img {
	float: left;
}

.promotions-on-focus img,
.promotions-list img,
.promotions-aside img,
.hotels img {
	padding: 7px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.promotions-on-focus img {
	width: 250px;
	height: 150px;
	background-image: url('images/thumbnail_frame_large.png');
}

.hotels img {
	width: 200px;
	height: 120px;
	background: url('images/thumbnail_frame_medium.png');
}

.promotions-list img {
	width: 90px;
	height: 60px;
	background: url('images/thumbnail_frame_small.png');
}

.promotions-aside img {
	width: 60px;
	height: 60px;
	background: url('images/thumbnail_frame_tiny.png');
}

table {
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 14px;
	background-color: #bbbbbb;
	margin: 5px 0px;
	width: 100%;
	text-align: left;
}

th {
	background-color: #ececec;
	border: 1px solid white;
	padding: 5px 10px;
}

td {
	padding: 5px 10px;
	background-color: white;
	vertical-align: top;
}

.even td {
	background-color: #eeeeff;
}

.odd td {
	background-color: #ffeeee;
}

.row-hover tr:hover td {
	background-color: #ffeeff;
}

.form-row {
	padding: 5px 0;
}

label {
	display: block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

button,
select,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	margin-right: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"] {
	width: 200px;
	padding: 1px;
	border: 1px solid #bbbbbb;
}

textarea {
	width: 350px;
	padding: 5px 1px;
}

input[type="text"],
input[type="password"] {
	padding: 2px 1px;
}

#datebegin,
#dateend {
	width: 100px;
}

#qtrans_select_qtranslate-5-chooser {
	margin: 15px 0;
}

.reservation .note,
.reservation .error,
.reservation .alert {
	width: 626px;
	margin: 10px 0;
	padding: 5px 10px;
	font-size: 14px;
	background-color: #ececec;
	border: 1px solid #bbbbbb;
}

.reservation .error,
.reservation .alert {
	background-color: #ff6666;
	border-color: #700000;
	color: #700000;
}

#error-container {
	display: none;
	padding: 0;
	margin: 0;
}

.reservation table ul,
.reservation table li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
}

.reservation table li.old_price {
	text-decoration: line-through;
	color: #bbbbbb;
}

.reservation table li.promotion {
	text-decoration: blink;
	color: #a90935;
}

.reservation table select {
	width: 100px;
}

.reservation a {
	text-decoration: underline;
}

.reservation h4 {
	padding: 15px 0 5px 0;
}

.reservation table .yoxview {
	float: left;
	margin-right: 10px;
}

.reservation table .yoxview img {
	float: left;
	width: 90px;
	height: 60px;
	padding: 7px;
	background: transparent url('images/thumbnail_frame_small.png') no-repeat;
}

.reservation table span.reserved-rooms {
	line-height: 20px;
}

.reservation table span.capacity {
	display: block;
	height: 24px;
	padding-left: 24px;
	line-height: 24px;
	background: transparent url('images/icon_user.png') no-repeat center left;
}

.reservation table td.form-label {
	vertical-align: middle;
	font-weight: bold;
}

.article-content .tabbed-content .gallery-row img {
	border: none;
	padding: 7px;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 90px;
	height: 60px;
	background: url('images/thumbnail_frame_small.png');
}