/* Cascading style sheet for Amal Travel website */ 
html, body {margin:0; padding:0} 
body {background-color:#eaeff1}

.clear {overflow:hidden; clear:both; height:0px; font-size:0px; line-height:0px}
.trackerCode {height:0px; font-size:0px; line-height:0px; overflow:hidden}
.toleft {float:left}
.toright {float:right}
.RelativeHolder {position:relative}
.dateChooser {display:none; visibility:hidden; width:160px}
.iconCalendar {cursor:pointer}
.linkBack {padding:0 0 0 13px; font-weight:bold; background:url("/images/iconPrev.gif") 0px 3px no-repeat}
.linkBackParagraph {padding-top:10px}

.crnrTL, .crnrTR,
.crnrBL, .crnrBR {overflow:hidden; position:absolute; display:block; width:10px; height:10px; background-image:url("/images/crnrs.png"); background-repeat:no-repeat}
.crnrTL {top:0px; left:0px; background-position:0px 0px}
.crnrTR {top:0px; right:0px; background-position:-10px 0px}
.crnrBL {bottom:0px; left:0px; background-position:0px -10px}
.crnrBR {bottom:0px; right:0px; background-position:-10px -10px}
.crnrsHolderBottom {position:relative; z-index:10; height:10px}

.crnrTLBox, .crnrTRBox,
.crnrBLBox, .crnrBRBox {overflow:hidden; position:absolute; display:block; width:14px; height:14px; background-image:url("/images/crnrsBckgrBox.gif"); background-repeat:no-repeat}
.crnrTLBox {top:0px; left:0px; background-position:0px 0px}
.crnrTRBox {top:0px; right:0px; background-position:-14px 0px}
.crnrBLBox {bottom:0px; left:0px; background-position:0px -14px}
.crnrBRBox {bottom:0px; right:0px; background-position:-14px -14px}

.wrapTop .menuPlain {float:right; padding-right:20px; font-size:10px; line-height:11px}
  .wrapTop .menuPlain a {color:#eaeff2; text-decoration:none}
  .wrapTop .menuPlain a:hover {text-decoration:underline}
  .wrapTop .menuPlain .divider {color:#8f9da5; padding:0 5px}
.Bottom .menuPlain {float:left; width:580px; text-align:center}
.Bottom .menuPlain .divider {color:#0a9993}

.menuLeft {padding-bottom:20px}
  .menuLeft ul {margin:0; padding:0; list-style:none; list-style-image:none}
  .menuLeft li {position:relative; margin:0 0 3px 0; padding:0px; list-style:none; font-weight:bold; text-transform:uppercase; font-size:10px; line-height:12px}
  .menuLeft a {display:block; padding:5px 5px 5px 20px; background:#5e717b; color:#ffffff; text-decoration:none}
  .menuLeft a:hover,
  .menuLeft a.active,
  .menuLeft a.selected {background:#ff682f; color:#ffffff; text-decoration:none}

.menuPath {padding-bottom:15px; color:#ff682f; font-size:11px; line-height:13px}
  .menuPath a {color:#5e717b; text-decoration:none}
  .menuPath a:hover {color:#ff682f}
  .menuPath .divider {color:#5e717b}


.wrapAll {}
.wrapAllPopUp {margin: 10px; padding: 10px}
.wrapTop,
.wrapMain {text-align:center}
.wrapContent {position:relative; margin:auto; width:1000px; text-align:left}
.crnrWrapContentTL {position:absolute; z-index:10; top:-1px; left:-1px; width:17px; height:17px; background:url("/images/crnrWrapContenTL.gif") no-repeat 0px 0px}

.wrapTop {background-color:#536671; border-bottom:1px solid #a6aeb3}
  .wrapTop .wrapContent {padding:7px 0 5px 0}
  .wrapTop .headlineTop {float:left}
.ShadowTop {position:relative; z-index:10; margin-bottom:-13px; height:13px; font-size:1px; line-height:1px; overflow:hidden; background:url("/images/shadowTop.png") 0px 0px repeat-x }

.Top {height:160px; border-right:1px solid #cbd2d5}
.Top .LogoHolder {float:left; padding:10px 0 0 20px; width:235px; height:150px; background:url("/images/logoBckgr.gif") no-repeat 100% 0px}
.Top .basebanner {overflow:hidden; float:right; height:160px; width:744px}
.Bottom {padding:10px 0; color:#61737d; font-size:10px; line-height:12px}
.Bottom a {color:#0a9993; text-decoration:none}
.Bottom a:hover {color:#0a9993; text-decoration:underline}
  .Bottom .CopyrightHolder {float:left; width:320px}
  .Bottom .MadeBy {float:right; width:100px; text-align:right}
  .Bottom .MadeBy .logoWF {position:relative; z-index:10; margin:-3px 0 -2px 5px}

.Main {position:relative; padding:20px 19px 0px 19px; background:#ffffff; border:1px solid #cbd2d5}
  .contentLeft {float:left; width:215px}
    .contentLeft .basebanner{margin-bottom: 10px}
  .contentMain {float:right; width:723px; padding-bottom:170px}


.PromoOffersBox {position:absolute; overflow:hidden; width:740px; height:140px; bottom:20px; right:19px; color:#ffffff}
  .PromoOffersBox .Offer {float:left; width:230px; margin-left:16px; background:#5e717b}
  .PromoOffersBox .Offer h4 {overflow:hidden; margin:0; padding:4px 5px 3px 5px; height:16px; font-size:12px; line-height:16px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#ffffff; background:#119a93; border-bottom:1px solid #eaeff1}
  .PromoOffersBox .Offer h4 a,
  .PromoOffersBox .Offer h4 a:hover {color:#ffffff}
  .PromoOffersBox .Offer .Thumb {overflow:hidden; height:95px; width:230px}
  .PromoOffersBox .Offer .Dscr {padding:2px 10px; height:16px; font-weight:bold; font-size:11px; line-height:16px; border-top:1px solid #eaeff1}
  .PromoOffersBox .Offer .Dscr a {color:#ffffff}
    .PromoOffersBox .Offer .Price {float:left}
    .PromoOffersBox .Offer .linkMore {float:right}

.contentLeft .searchForm {margin-bottom:20px; padding:13px 13px 0 13px; background:#d4f7f5 url("/images/bckgrSearchForm.gif") 0px 0px repeat-x; border-left:5px solid #86d9d4; border-right:5px solid #86d9d4}
  .contentLeft .searchForm h3 {margin:0; padding:0 0 13px 0; color:#00837c; font-size:12px; line-height:13px; text-transform:uppercase}
  .contentLeft .searchForm input.inputTxt,
    .contentLeft .searchForm input.date {width:170px; border:1px solid #129a93; padding:3px 0 3px 5px; margin:0}
  .contentLeft .searchForm select {width:176px; border:1px solid #129a93}
  .contentLeft .searchForm input.date {width:150px} 
  .contentLeft .searchForm img.iconCalendar {margin:0 0 -6px 0}
  .contentLeft .searchForm input.bttn {background:#109992; border:1px solid #109992; margin:0; padding:1px 15px; width:auto; color:#d3f6f5; text-transform:uppercase}
  .contentLeft .searchForm .Row {padding-bottom:10px}
.contentLeft .searchForm .crnrsHolderBottom {margin:0 -18px; background:url("/images/bckgrSearchFormBottom.gif") 0px 100% repeat-x}

.contentLeft .JoinMailingList {margin-bottom:20px; padding:13px 13px 0 13px; color:#ffffff; background:#35bdb6 url("/images/bckgrJoinMailingList.gif") 0px 0px repeat-x; border-left:5px solid #109992; border-right:5px solid #109992}
  .contentLeft .JoinMailingList h3 {margin:0; padding:0 0 13px 0; color:#bdeeec; font-size:12px; line-height:13px; text-transform:uppercase}
  .contentLeft .JoinMailingList p {margin:0; padding:0 0 13px 0; font-size:11px; line-height:13px}
  .contentLeft .JoinMailingList input.inputTxt {padding:3px 0 3px 5px; margin:0; width:170px; border:1px solid #bdeeec}
  .contentLeft .JoinMailingList input.bttn {background:#bdeeec; border:1px solid #109992; margin:0; padding:1px 15px; width:auto; color:#109992; text-transform:uppercase}
  .contentLeft .JoinMailingList .crnrsHolderBottom {margin:0 -18px; background:url("/images/bckgrJoinMailingListBottom.gif") 0px 100% repeat-x}
  .contentLeft .JoinMailingList .imgWinTheCompetition {display:block}
.contentMain .JoinMailingList {padding-top:20px}
  .contentMain .JoinMailingList .headlineJoinMailingList,
  .contentMain .JoinMailingList .crnrsHolderBottom {display:none}
.JoinMailingList .Row {position:relative; padding-bottom:10px}
.contentMain .JoinMailingList .Row {width:240px}
.contentMain .JoinMailingList .Row .errNote {position:absolute; top:1px; left:240px; white-space:nowrap}
.imgWinTheCompetition {display:none}

.contentLeft .SocialNetworks {position:relative; margin-bottom:20px; width:194px; border:3px solid #b4bed0; padding:4px 0 4px 15px; background:#eff0f1}
.contentLeft .SocialNetworks * {vertical-align:middle}
	.contentLeft .SocialNetworks .label {float:left; padding-top:5px; padding-right:15px; color:#73839f; font-weight:bold; text-transform:uppercase; font-size:12px;line-height:14px}
	.contentLeft .SocialNetworks .link {float:left; margin:0 10px 0 0}
.contentLeft .SocialNetworks .crnrTL, .contentLeft .SocialNetworks .crnrTR,
.contentLeft .SocialNetworks .crnrBL, .contentLeft .SocialNetworks .crnrBR {width:5px; height:5px; background-image:url("/images/crnrsSocialNetworks.gif")}
.contentLeft .SocialNetworks .crnrTL {top:-3px; left:-3px; background-position:0px 0px}
.contentLeft .SocialNetworks .crnrTR {top:-3px; right:-3px; background-position:-5px 0px}
.contentLeft .SocialNetworks .crnrBL {bottom:-3px; left:-3px; background-position:0px -5px}
.contentLeft .SocialNetworks .crnrBR {bottom:-3px; right:-3px; background-position:-5px -5px}

.contentLeft .Bookmarks {padding-bottom:20px}

.bannersCategories {background:#eff0f1; padding:7px 0; margin-bottom:20px}
  .bannersCategories a {display:block; float:left; height:84px; width:168px; padding:0 0 0 0; margin:0 0 0 10px}
.bannerRotatorTravel {padding-bottom:20px}

.Blackboard {position:absolute; top:12px; right:20px; padding:55px 15px 0 15px; width:230px; height:232px; background:url("/images/blackboardBckgr.png") 0px 0px no-repeat}
  .Blackboard .In {overflow:hidden; height:210px; width:225px} /*overflow:hidden; */
  .Blackboard .InContent {color:#ffffff}
  .Blackboard .Box {height:100px; padding-bottom:5px; margin-bottom:10px; font-size:11px; line-height:18px; font-family:Arial,Hevletica,sans-serif; background:url("/images/blackboradDividerLine.gif") no-repeat center bottom}
    .Blackboard .Box h4 {margin:0; padding:0 0 10px 0; color:#ffffff; font-size:12px; line-height:13px; font-family:Arial,Hevletica,sans-serif}
    .Blackboard .Box .Thumb {overflow:hidden; float:left; width:59px; margin:0 5px 5px 0; border:3px solid #ffffff}
    .Blackboard .Box a.linkMore {float:left; font-weight:bold; text-decoration:none; color:#f76a32}
    .Blackboard .Box .Price {float:right; font-weight:bold; font-size:12px; color:#ffffff}


.CategoriesHolder {margin-left:-23px}
  .CategoriesHolder .Box {position:relative; float:left; margin:0 0 21px 23px; padding:13px 18px; width:314px; font-size:11px; line-height:16px; background-color:#eaeff1}
  .CategoriesHolder .Box .Thumb {float:left; width:125px; border:3px solid #c0c5c7; background-color:#c0c5c7; text-align:center}/*height:85px; */
  .CategoriesHolder .Box .Dscr {float:right; width:168px}
    .CategoriesHolder .Box p {margin:0; padding:0 0 14px 0; font-size:11px; line-height:16px}
    .CategoriesHolder .Box .linkMore {font-weight:bold}
.TravelsHolder {}
  .TravelsHolder .Box {position:relative; margin:0 0 20px 0; padding:13px 18px; font-size:11px; line-height:16px; background-color:#eaeff1}
  .TravelsHolder .Box .Thumb {float:left; width:125px; border:3px solid #c0c5c7; background-color:#c0c5c7; text-align:center}/*height:85px;*/
  .TravelsHolder .Box .Dscr {float:right; width:540px}
    .TravelsHolder .Box h4 {}
    .TravelsHolder .Box .Price {float:left; font-weight:bold}
    .TravelsHolder .Box .linkMore {float:right; font-weight:bold}
    .TravelsHolder .menu {float:right; padding-bottom:10px; font-weight:bold; font-size:11px; line-height:11px}
    .TravelsHolder .menu label {position:relative; float:right; padding:5px 12px; background-color:#0eaaa6; color:#ffffff}
      .TravelsHolder .menu a {float:right; margin-left:4px; padding:5px 12px; background-color:#61737d; color:#ffffff}
.TravelDscr {position:relative;margin-bottom:18px; padding:13px 18px; background:#eaeff1; font-size:11px; line-height:16px}

.Paging {padding-bottom:20px; text-align:right; font-weight:bold; font-size:11px; line-height:11px}
 .Paging .divider {color:#61737d}
  .Paging a {color:#61737d; padding-left:3px}
  .Paging a.active {color:#ff682f}
.Paging a.Next img,
.Paging a.Prev img {margin-bottom:-2px}




input, select, textarea {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; background:#ffffff; border:1px solid #129a93}
input {padding:3px 0 3px 3px; margin:0}
select {}
textarea {overflow:auto}
input.inputTxt {width:220px}
input.inputSecurityCode {width:110px}
img.imgGenCode {width:105px; height:40px; vertical-align:middle}
textarea.txtArea {width:223px}
input.bttn {cursor:pointer; overflow:visible; width:auto; margin:0; padding:2px 10px; font-size:10px; line-height:12px;font-family:Tahoma,Arial,Helvetica,sans-serif; background:#129a93; border:1px solid #129a93; color:#ffffff; text-transform:uppercase}
.bttnsRow {padding-top:20px}
.Asterisk {color:#f76a32}
.err {color:#f76a32}
.err label {color:#f76a32}

.errNote {padding:3px 10px 3px 20px ; background-color:#f76a32; color:#ffffff; font-size:11px; font-family:Tahoma,Arial,Helvetica,sans-serif; background-image:url("/images/errNoteArrow.gif"); background-position:10px 5px; background-repeat:no-repeat}
.errNote .In {position:relative}
.errNote .In .crnrTL {top:-3px; left:-20px}
.errNote .In .crnrTR {top:-3px; right:-10px}
.errNote .In .crnrBL {bottom:-3px; left:-20px}
.errNote .In .crnrBR {bottom:-3px; right:-10px}

.errNote {display:none}
td .errNote {margin-left:15px}
.contentLeft .errParagraph {display:block}
.contentLeft .errNote {display:none}
.contentMain .errParagraph {display:none} 
.contentMain .err .errNote {display:block}


.Form td {padding:0 0 5px 0}
.Form label {padding-right:15px}
.labelAlignTop {vertical-align:top; padding-top:3px}
.Form .Asterisk {padding-left:5px}


* html ul {padding-left:10px}
* html .ShadowTop {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadowTop.png',sizingMethod='scale')}
* html .Main {position:relative; width:960px; padding:20px 19px 0px 19px}
* html .menuLeft li {width:215px; margin-bottom:1px}
* html .menuLeft .crnrTL, * html .menuLeft .crnrTR,
* html .menuLeft .crnrBL, * html .menuLeft .crnrBR {background-image:url("/images/crnrsMenuLeft.gif")}
* html .menuLeft li.Hover .crnrTL, * html .menuLeft li.Hover .crnrTR,
* html .menuLeft li.Hover .crnrBL, * html .menuLeft li.Hover .crnrBR {background-image:url("/images/crnrsMenuLeftHover.gif")}
* html .bannersCategories {margin-left:-10px}
* html .contentLeft .searchForm img.iconCalendar {margin:0 0 -4px 0}
* html .Blackboard {background:url("/images/blackboardBckgr.gif") 0px 0px no-repeat}
* html .CategoriesHolder {margin-left:-46px; width:769px}
* html .TravelsHolder .Box {width:687px}
* html .TravelsHolder .menu {line-height:12px}
* html .PromoOffersBox {width:760px}
* html input {outline:none}

.BudgetBox{
    background: none repeat scroll 0 0 #EAEFF1;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 18px;
    padding: 13px 18px;
    position: relative;
}
.BudgetBoxContent{
    padding:10px 0;
}
.BudgetBoxTextTop,
.BudgetBoxTextBottom{
    text-align:center;
    color: #FF682F;
    font-size: 13px;
    line-height: 20px;
    font-weight:bold;
    font-family:Tahoma,Verdana;
}
.BudgetBox .box{
    float:left;
}
.BudgetBox .BudgetBoxPadding1{
    padding:0 13px 0 0;
}
.BudgetBox .BudgetBoxPadding2{
    padding:0 23px 0 0;
    background:url("/images/BudgetBoxLine.gif") 153px 0px repeat-y
}

.BudgetBox .BudgetForm{
    padding:0;
    width:212px;
    height:247px;
    position:relative;
}
.BudgetBox .BudgetForm .BudgetFormFrame{
    position:abdolute;
    rop:0;
    left:0;
    z-index:1000;
}

.green_text {
	display:inline;
	width:100%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	color:#109992;
	background:#FF0;
}

.green_text:hover {
	color:#109992;
	text-decoration:underline;
}

.green_text span {
	display:inline;
	width:100%;
	float:left;
	clear:both;
}

.orange_text {
	display:inline;
	float:left;
	width:100%;
	margin:10px 0px 20px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	color:#f76a32;
	background:#FF0;
}

.orange_text:hover {
	color:#f76a32;
	text-decoration:underline;
}
