﻿@import url("pages.css");

/*
globals
--------------------------------
*/

td, tr, div {
	qvertical-align: top;
}

table {
	border-collapse: collapse;
}

form {
	margin: 0;
	padding: 0;
}

html, body {
	height: auto;
	width: auto;
	margin:0;
	padding:0;
	font: 9pt Verdana;
}

body {
	behavior: url("css/hover.htc");
}

a {
	cursor: pointer;
}

.transpng, .boxcontent ul li, .searchcat, .searchlm, .searchmain table tr .selbg, .mainbanners img, .uzlastmin .bg, .uzlastmin .lmpic, .uzlastmin .lmpicborder div, .newslbg, .onlinechat .chatbg, .newsltext div, .pageright .pictop, .pageright .picbottom, .redline_left div, .redline_middle div, .redline_right div, .redline_middle_pic div, .reservfrm .selbg2, .reservfrm .textareabg, #msgbox .msgboxbg, .searchres .lmpicborder div, .searchres .bg, .pg_children li img, .pg_content img {
	behavior: url("css/iepngfix05.htc");
}

.clears {
	clear: both;
}

/*
layout
--------------------------------
*/
body {
	background: #cfe8f8 url('../images/design/bg_1567x1055.jpg') no-repeat fixed;
	width: 100%;
	height: 100%;
}

.maincontainer {
	width: 100%;
	height: auto;
	background: url('../images/design/headrepeat_114x203.jpg') repeat-x;
	margin: 0 auto;
	text-align: center;
}

.contentcontainer {
	width: 977px;
	margin: 0 auto;
	text-align: left;
	height: auto;
}

.head {
	width: 100%;
	height: 202px;
}

/*
panels
--------------------------------
*/

.leftpanel {
	width: 216px;
	height: auto;
	qbackground: red;
	float: left;
	z-index: 20;
}

.middlepanel {
	width: 485px;
	height: auto;
	qbackground: green;
	float: left;
	z-index: 20;
}

.rightpanel {
	width: 275px;
	height: auto;
	qbackground: blue;
	float: right;
	z-index: 20;
}

.subpanel {
	width: 760px;
	height: auto;
	float: right;
	qbackground-color: red;
}

.subcontent {
	margin: 12px 10px 0px 0px;
}

.leftcontent {
	margin: 12px 0px 0px 11px;
}

.middlecontent {
	margin: 12px 0px 0px 2px;
	width: 477px;
	height: auto;
}

.mainflash {
	width: 477px;
	height: 283px;
	overflow: hidden;
}

.rightcontent {
	margin: 12px 0px 0px 2px;
	width: 262px;
	height: auto;
}

/*
whitebox
--------------------------------
*/
.boxtop, .boxcontent, .boxbottom {
	z-index: 10;	
}

.blue .boxtop, .blue .boxcontent, .blue .boxbottom {
	z-index: 20;
	position: relative;
}

.boxtop .transpng {
	background: url('../images/design/boxtop_976x20.png') no-repeat;
	width: 976px;
	height: 20px;
}

.boxcontent .transpng {
	background: url('../images/design/boxrep_976x500.png') repeat-y;
	width: 976px;
	height: auto;
}

.boxbottom .transpng {
	background: url('../images/design/boxbott_976x20.png') no-repeat;
	width: 976px;
	height: 20px;
}

/*
smallboxes
--------------------------------
*/
#secondyellow .boxcontent .transpng {
	padding-bottom: 1px;
	-padding-bottom: 0;
}

#secondred .boxcontent .transpng {
	padding-bottom: 3px;
	-padding-bottom: 0;
}


.yellow .boxtop .transpng {
	background: url('../images/design/yellowboxtop_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.yellow .boxcontent .transpng {
	background: url('../images/design/yellowboxrep_201x100.png') repeat-y;
	width: 201px;
	height: auto;
}

.yellow .boxbottom .transpng {
	background: url('../images/design/yellowboxbottom_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.red .boxtop .transpng {
	background: url('../images/design/redboxtop_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.red .boxcontent .transpng {
	background: url('../images/design/redboxrep_201x100.png') repeat-y;
	width: 201px;
	height: auto;
}

.red .boxbottom .transpng {
	background: url('../images/design/redboxbottom_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.blue .boxtop .transpng {
	background: url('../images/design/blueboxtop_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.blue .boxcontent .transpng {
	background: url('../images/design/blueboxrep_201x100.png') repeat-y;
	width: 201px;
	height: auto;
}

.blue .boxbottom .transpng {
	background: url('../images/design/blueboxbottom_201x10.png') no-repeat;
	width: 201px;
	height: 10px;
}

.yellow .boxtop, .red .boxtop, .blue .boxtop {
	margin-top: 6px;
}

.blue .boxbottom {
	margin-bottom: -2px;
}

.yellow .boxcontent, .red .boxcontent, .blue .boxcontent {
	margin-top: 0px;
	*margin-top: 0px;
	-margin-top: -5px;
}

/*
menus
--------------------------------
*/

.leftpanel .boxcontent ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.leftpanel .boxcontent ul li {
	margin: 0;
	padding:0;
	line-height: 30px;
	background: url('../images/design/boxbg_201x30.png') no-repeat;
}

.leftpanel .boxcontent ul .first {
	background: none;
}

.leftpanel .boxcontent ul li a {
	font: bold 10pt Verdana;
	*font: 11pt Verdana;
	-font: bold 10pt Verdana;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
}

.leftpanel .boxcontent ul li:hover {
	background: url('../images/design/activebox_201x30.png') no-repeat;
}

.leftpanel .boxcontent ul li.first:hover {
	background: url('../images/design/activebox_first_201x30.png') no-repeat;
}

/*
searchpanels
--------------------------------
*/

.mainsearch {
	margin: 6px 0px 0px 0px;
	qbackground-color: green;
}

.searchcat {
	width: 477px;
	height: 173px;
	background: url('../images/design/searchcatalog_477x173.png') no-repeat;
}

.searchlm {
	width: 477px;
	height: 173px;
	background: url('../images/design/searchlastmin_477x173.png') no-repeat;
}

.searchtop {
	line-height: 30px;
}
.searchmenu {
	margin:0;
	padding:0;
	list-style-type: none;
	color: #FFFFFF;
}
.searchmenu li {
	background: none !important;
	width: 128px !important;	
	float: left;
	text-align: center;
}
.searchmenu li a {
	margin: 0 !important;
	font-weight: bold;
}

#cat_1 a, #cat_1 {
	color: #1c4c72;
}
#cat_2 {
	margin-left: 3px;
}

.whitetext a {
	color: #FFFFFF !important;
}

.bluetext a {
	color: #1c4c72 !important;
}

.searchmain {
	width: 350px;
	height: auto;
	height: 114px;
	qbackground: green;
	position: relative;
	top: 20px;
	margin: 0px 0px 0px 16px;
}

.searchmain table tr .selbg {
	background: url('../images/design/selectbg_266x21.png') no-repeat;
	width: 270px;
}

.searchmain table tr td {
	font: bold 9pt Verdana !important;
	color: #1c4c72;
	line-height: 23px;
	height: 23px;
	*line-height: 21px;
	*height: 21px;

}

.searchmain table tr td select {
	font: bold 7pt Verdana !important;
	color: #1c4c72;
	line-height: 21px;
	width: 256px;
	margin-left: 5px;
	position: relative;
	qtop: 1px;
	*top: 0px;
	border: none !important;
}

.searchbtn {
	position: absolute;
	margin: -20px 0px 0px 385px;
}

.searchbtn .transpng {
	width: 63px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	background: url('../images/design/button_63x37.png') no-repeat;
	font: bold 10pt Verdana;
	color: #FFFFFF;
}
.searchbtn .transpng a {
	position: relative;
	top: 10px;
}
/*
mainbanners
--------------------------------
*/

.mainbanners {
	width: 477px;
	margin-top: 6px;
	height: 139px;
}

.mainbanners img {
	float: left;
	position: relative;
	margin: 0px 2px;
	border: none;
}

.mainbanners .i3 {
	margin-left: 5px;
	margin-right: 0;
}

.mainbanners .i1 {
	margin-left: 0;
	margin-right: 5px;
}

/*
uz lastmin
--------------------------------
*/

.uzlastmin .bg {
	background: url('../images/design/lastminboxbg_262x90.png') no-repeat;
	width: 262px;
	height: 90px;
	margin-bottom: 6px;
}

.uzlastmin .lmpic {
	margin-left: 9px;
	position: relative;
	top: 15px;
}

.uzlastmin .lmpicborder div {
	background: url('../images/design/lastminpicbg_113x69.png') no-repeat;
	width: 113px;
	height: 69px;
}

.uzlastmin .lmpicborder {
	width: 113px;
	height: 69px;
	position: absolute;
	margin: -67px 0px 0px -3px;
	*margin: -3px 0px 0px -113px;
}

.uzlastmin .smalldetails {
	position: absolute;
	margin: -49px 0px 0px 125px;
	width: 130px;
	height: auto;
}

.uzlastmin .smalldetails a {
	color:#004a7f;
	font: 9pt Verdana;
	text-decoration: none;
}

.uzlastmin .smalldetails a .price {
	color: #e5332b;
	font: bold 11pt Verdana;
}


/*
newsletter
--------------------------------
*/
.newslbg {
	background: url('../images/design/newsletterbox_262x173.png') no-repeat;
	width: 262px;
	height: 173px;
}

.newsltop {
	color: #e5332b;
	font: bold 12pt Verdana;
	margin: 0px 0px 0px 19px;
	position: relative;
	top: 17px;
}

.newslcont {
	qbackground: gray;
	position: relative;
	top: 30px;
	margin: 0px 0px 0px 15px;
	color: #004b81;
	font: 9pt Verdana;
	letter-spacing: -1px;
}

.newsltext {
	width: 230px;
	height: 25px;
	margin-bottom: 12px;
}

.newsltext div {
	background: url('../images/design/newsltext_230x25.png') no-repeat;
	width: 230px;
	height:25px;
}

.newsltext div input {
	width: 220px;
	qbackground: red;
	border: 0;
	position: relative;
	top: 3px;
	*top: 2px;
	left: 4px;
	font: 10pt Verdana;
	color: #004b81;
}

.newslcont .searchbtn {
	margin: -13px 0px 0px 175px;
	*margin: 5px 0px 0px 3px;
}

/*
onlinechat
--------------------------------
*/

.onlinechat {
	margin-top: 6px;	
}

.onlinechat .chatbg {
	width: 262px;
	height: 139px;
	background: url('../images/design/onlinechat_262x139.png') no-repeat;
}

.onlinechat .chatbg div {
	font: bold 13pt Verdana;
	color: #FFFFFF;
	position: relative;
	top: 33px;
	margin: 0px 0px 0px 138px;
}

.onlinechat .chatbg div.asktext {
	top: 75px;
	margin: 0px 0px 0px 10px;
	color: #004A7F;
	font: bold 10pt Verdana;
	qbackground-color: red;
	width: 180px;
}

.onlinechat a {
	font: bold 13pt Verdana;
	color: #FFFFFF;
}

/*
footer
--------------------------------
*/
.footer {
	margin-bottom: 10px;
}

.footertext {
	margin: 0 auto;
	text-align: center;
	height: auto;
	color: #004a7f;
}

.footertext ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	margin-bottom: 5px;
}

.footertext ul li {
	display: inline;
}

.footertext ul li a, .footertext a {
	color: #004a7f;
}

.footertext ul li {
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px -5px;
	*margin: 0px 0px 0px -1px;
}

.footertext ul li {
	border-right: 1px solid #004a7f;
	border-left: 1px solid #004a7f;
}

.footertext span, .footertext span a {
	font: bold 9pt Verdana;
	color: #e5332b;
}

/*
subpage
--------------------------------
*/

.pageleft {
	float: left;
	width: 746px;
	height: auto;
}

.pageleft_pic {
	float: left;
	width: 533px;
	height: auto;
	margin-left: 4px;
}

.pageright {
	width: 200px;
	float: right;
	height:	auto;
}

.pageright .pictop {
	width: 198px;
	background: url('../images/design/pictop_198x10.png') no-repeat;
	height: 10px;
}

.pageright .pictures {
	width: 198px;
	height: auto;
	background-color: #f7941d;
	
	-margin-top: -5px;
}

.pageright .pictures img {
	margin: 3px 0px 3px 13px;
	border: 2px solid #f8a13d;
}

.pageright .pictures .title {
	text-align: center;
	font: bold 11pt Verdana;
	color: #FFFFFF;
	line-height: 30px;
}

.pageright .pictures .title div {
	line-height: 15px;
	text-align: justify;
	font: 7pt Verdana;
	margin-left: 15px;
	*margin-left: 0px;
	width: 168px;
}

.pageright .picbottom {
	width: 198px;
	background: url('../images/design/picbottom_198x12.png') no-repeat;
	height: 12px;
}

.pg_links {
	text-align: left;
	height: 25px;
	font: bold 9pt Verdana;
	qbackground-color: aqua;
	padding-left: 5px;
}

.pg_links #line {
	color: #E5332B;
	font: 9pt Verdana;
	padding: 0 2px;
}

.pg_links a {
	color: #e5332b;
	line-height: 25px;
}

.pg_title {
	color: #e5332b;
	font: bold 11pt Verdana;
}

.pg_subtitle {
	color: #f7941d !important;
	font: bold 9pt Verdana;
}

.pg_content, .pg_children a, .pg_content a {
	color: #004a7f;	
	
}

.pg_children a {
	font: bold 9pt Verdana;
}

.pg_children li {
	qlist-style-image: url('../images/design/virag_dot_18x18.png');
	list-style-type: none;
	qline-height: 18px;
}

.pg_children li img {
	position: relative;
	top: 4px;
}

/*
lines
--------------------------------
*/

.redline_left {
	float: left;
}

.redline_middle, .redline_middle_pic {
	float: left;
}

.redline_right {
	float: left;
}

.redline_left div {
	background: url('../images/design/redline_left_6x29.png') no-repeat;
	width: 6px;
	height: 29px;
}

.redline_middle div {
	background: url('../images/design/redline_middle_100x29.png') repeat-x;
	width: 521px;
	height: 29px;
	overflow: hidden;
}

.redline_middle_pic div {
	background: url('../images/design/redline_middle_100x29.png') repeat-x;
	width: 734px;
	height: 29px;
	overflow: hidden;
}

.redline_right div {
	background: url('../images/design/redline_right_6x29.png') no-repeat;
	width: 6px;
	height: 29px;
}

.redline_middle div span, .redline_middle_pic div span {
	color: #FFFFFF;
	line-height: 29px;
}

/*
blue
*/

.blueline_left {
	float: left;
}

.blueline_middle, .blueline_middle_pic {
	float: left;	
}

.blueline_right {
	float: left;
}

.blueline_left div {
	background: url('../images/design/blueline_left_6x29.png') no-repeat;
	width: 6px;
	height: 29px;
}

.blueline_middle div {
	background: url('../images/design/blueline_middle_100x29.png') repeat-x;
	width: 521px;
	height: 29px;
	overflow: hidden;
}

.blueline_middle_pic div {
	background: url('../images/design/blueline_middle_100x29.png') repeat-x;
	width: 734px;
	height: 29px;
	overflow: hidden;
}

.blueline_right div {
	background: url('../images/design/blueline_right_6x29.png') no-repeat;
	width: 6px;
	height: 29px;
}

.blueline_middle div span, .blueline_middle_pic div span {
	color: #FFFFFF;
	line-height: 29px;
}


/*
reservform
---------------------------------
*/

.reservfrm {
	/*width: auto;*/
	width: 100%;
	
}

.reservfrm tr td {
	color: #004A7F;
	padding-bottom: 10px;
	*padding-bottom: 3px;
	font-weight: bold;
}

.reservfrm tr td input, .reservfrm tr td select, .reservfrm tr td textarea {
	border: 1px solid #004A7F;
	border: none;
	background-color: transparent;
	font: 9pt Verdana;
	color: #004A7F;
	width: 247px;
	*width: 245px;
	margin-left: 3px;
	position: relative;
	top: 3px;
	*top: 0px;
}

.reservfrm tr td select {
	background-color: #FFFFFF;
	width: 247px;
	_width: 249px;
}

.reservfrm tr td textarea {
	height: 128px;
}

.reservfrm #okbtn {
	width: auto;
	color: #004A7F;
	border: 2px solid #004A7F;
	_border: 1px solid #004A7F;
	font-weight: bold;
}

.reservfrm .searchbtn {
	margin: 0px 0px 0px 0px;
}

.reservfrm tr td {
	width: 100px;
}

.reservfrm .selbg2 {
	background: url('../images/design/selectbg_253x24.png') no-repeat;
	width: 300px;
	height: 25px;	
}

.reservfrm .textareabg {
	background: url('../images/design/textareabg_253x137.png') no-repeat;
	width: 300px;
	height: 137px;	
}


.reservfrm .pg_title {
	width: 533px;
	overflow: hidden;
}

.reservfrm .pg_title .blueline_left {
	width: 6px;
	float: left;
}

.reservfrm .pg_title .blueline_middle {
	float: left;
	width: 521px;
}

.reservfrm .pg_title .blueline_right {
	width: 6px;
	float: right;
}

.running {
	margin: 6px 0px 0px 0px;
}

.running .redline_middle_pic div {
	width: 465px;
}

.running span, .running span a {
	color: #FFFFFF;
	font: bold 10pt Verdana;
	line-height: 25px !important;
	text-decoration: none;
}

.running span strong {
	qfont: bold 8pt Verdana;
}


/*
messagebox
---------------------------------
*/

#msgbox {
	width: 205px;
	height: 129px;
	position: absolute;
	z-index: 400;
}

#msgbox .msgboxbg {
	width: 205px;
	height: 129px;
	background: url('../images/design/msgbox_205x129.png') no-repeat;
}

#msgboxtext {
	position: relative;
	font: bold 12pt Verdana;
	z-index: 500;
	text-align: left;
	width: 165px;
	height: 90px;
	margin: 0px 0px 0px 20px;
	top: 20px;
	color: #FFFFFF;
	qbackground-color: fuchsia;
}

#msgboxbtn {
	position: relative;
	width: 20px;
	height: 20px;
	margin: -90px 0px 0px 183px;
	z-index: 600;
	cursor: pointer;
	qbackground-color: green;
}

.msgemailpos {
	top: 500px;
	margin-left: 735px;
}

.reservpos {
	margin: -300px 0px 0px 150px;
}

.thankyoupos #msgboxtext, .msgrespos #msgboxtext, .reservpos #msgboxtext {
	qposition: absolute;
}

.thankyoupos {
	top: 330px;
	margin-left: 400px;
}

.msgrespos {
	margin: 0px 0px 0px 0px;
}


/*
searchcatalog
--------------------------------
*/

.searchres {
	margin: 6px 0px 0px 0px;
}

.searchres .bg {
	background: url('../images/design/searchresbox_350x90.png') no-repeat;
	width: 350px;
	height: 90px;
	margin-bottom: 6px;
}

.searchres .lmpic {
	margin-left: 9px;
	position: relative;
	top: 13px;
}

.searchres .lmpicborder div {
	background: url('../images/design/searchcatbg_113x69.png') no-repeat;
	width: 113px;
	height: 69px;
}

.searchres .lmpicborder {
	width: 113px;
	height: 69px;
	position: absolute;
	margin: -52px 0px 0px 5px;
}

.searchres .smalldetails {
	position: absolute;
	margin: -86px 0px 0px 120px;
	width: 225px;
	height: auto;
}

.searchres .smalldetails a {
	text-decoration: none;
	color:#004a7f;
	font: 9pt Verdana;
}

.searchres .smalldetails a .price {
	color: #e5332b;
	font: bold 10pt Verdana;
}

.pager {
	margin: 5px 0px 5px 0px;
}


.pager a, .pager .line {
	color: #004a7f;
	font: 10pt Verdana;
}

.pager .pager_active {
	color: #cb1507;
	font: bold 10pt Verdana;
}


/*
forms
----------------------------
*/

.subcontent table input, .subcontent table textarea {
	width: 200px;
}