/*content*/
#content { padding:0 31px 0 31px;}
#content .indent { padding:0 16px 0 21px;}
#content .indent1 { padding-left:21px;}
#content .indent2 { padding:10px 14px 0px 21px;}

/*==========================================*/
.aligdownright  { position:absolute;	top:240px; left:195px; }
.aligdownleft  { position:absolute;	top:240px; left:10px; }

.title { margin-bottom:4px; background: #f4f3e8 url(images/title-left.gif) no-repeat left top;}
.title span { display:block; background:url(images/title-right.gif) no-repeat right top; padding:11px 0 8px 20px;}

/*Mostafa*/
.innerTitletrips { background:url(images/box-title_trips.gif); color:Orange; text-align:left; font-size:x-large;}
/*end Mostafa*/


/*==================other====================*/


.cont-box { background:#fff; width:100%;}
.cont-box .border-top { background:url(images/border-top1.gif) repeat-x top;}
.cont-box .border-bot { background:url(images/border-bot.gif) repeat-x bottom;}
.cont-box .border-left { background:url(images/border-left.gif) repeat-y left;}
.cont-box .border-right { background:url(images/border-right.gif) repeat-y right;}
.cont-box .left-bot-corner { background:url(images/left-bot-corner3.gif) no-repeat left bottom;}
.cont-box .right-bot-corner { background:url(images/right-bot-corner3.gif) no-repeat right bottom; }
.cont-box .inner { padding:22px 19px 21px 20px;}

.box1 { background:#343e4b; width:100%;}
.box1 .left-bot-corner { background:url(images/left-bot-corner1.gif) no-repeat left bottom;}
.box1 .right-bot-corner { background:url(images/right-bot-corner1.gif) no-repeat right bottom;}
.box1 .inner { padding:17px 11px 24px 15px;}


.box2 { background:#ffb768; width:100%;}
.box2 .border-top { background:url(images/border-top2.gif) repeat-x top;}
.box2 .border-left { background:url(images/border-left1.gif) repeat-y left; width:100%;}
.box2 .border-right { background:url(images/border-right1.gif) repeat-y right; width:100%;}
.box2 .left-bot-corner { background:url(images/left-bot-corner2.gif) no-repeat left bottom;}
.box2 .right-bot-corner { background:url(images/right-bot-corner2.gif) no-repeat right bottom;}
.box2 .inner { padding:15px 20px 15px 39px;}
						/* original was .box2 .inner { padding:25px 20px 15px 39px;}*/
.box2 .title { background:none; margin-bottom:12px;}
.box2 p { font-family:Tahoma, Geneva, sans-serif; color:#343e4b;}
.box2 .list3 li span { color:#343e4b;}


/*==================list====================*/
ul { list-style:none;}


#offerData .list { float:right;}
#offerData .list li { float:left; margin-left:2px;}
#offerData .list1 { padding-bottom:4px;}
#offerData .list1 li { color:#307cde; font-size:1.17em; line-height:1.29em;}


.list2 { width:100%; overflow:hidden;}
.list2 li { float:left;}

.list3 { position:relative; width:100%;}
.list3 li { font-weight:bold; color:#343e4b; font-family:Tahoma, Geneva, sans-serif; padding:0 0 6px 20px; background:url(images/marker-3.gif) no-repeat left 1px;}
.list3 li span { font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; color:#747a83; margin:10px 0 2px 0;}
.list3 li span a {color:#ed8917;}
.list3 li a { color:#343e4b;}
.list3 li.alt { position:absolute; right:0; bottom:0; padding:0; background:none;}

.list4 { width:100%; overflow:hidden;}
.list4 li { float:left; margin-right:41px;}
list4 li.last { margin-right:0;}




/* used where ???? */
.site-nav { width:100%; overflow:hidden;}
.site-nav li { float:left;}


/* end used where ???? */



/* oam_created: used with the datalist*/

.list5 { position:relative; width:95%;top: 0px;left: 0px;}
.list5 li { font-weight:bold; color:#343e4b; font-family:Tahoma, Geneva, sans-serif; padding:0 0 6px 20px; background:url(images/marker-3.gif) no-repeat left 1px;
    width: 453px;
}
.list5test li { font-weight:bold; color:ButtonHighlight; font-family:Tahoma, Geneva, sans-serif; padding:0 0 6px 20px; background:url(images/marker-3.gif) no-repeat left 1px;
    width: 453px;
}
.list5 li span { font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; color:#747a83; margin:10px 0 2px 0;}
.list5 li span a {color:#ed8917;}
.list5 li a { color:#343e4b;}
.list5 li.alt { position:absolute; right:0; bottom:0; padding:0; background:none;}



/*==================home page ====================*/



/* img-box1 used in row2 */
#homePage .img-box1 { width:100%; background:#f4f3e8; margin-bottom:13px;}
#homePage .img-box1 .left-top-corner { background:url(images/left-top-corner1.gif) no-repeat left top;}
#homePage .img-box1 .right-top-corner { background:url(images/right-top-corner1.gif) no-repeat right top;}
#homePage .img-box1 .left-bot-corner { background:url(images/left-bot-corner.gif) no-repeat left bottom;}
#homePage .img-box1 .right-bot-corner { background:url(images/right-bot-corner.gif) no-repeat right bottom;}
#homePage .img-box1 .inner { padding:20px;}



/*==================home page extra box parts ====================*/
#offerData .extra-box .col-1 { width:577px; margin-right:21px;}
#offerData .extra-box .col-2 { width:279px;}

#offerData .extra-box { width:100%; background:#f4f3e8;}
#offerData .extra-box .border-left { background:url(images/border-left.gif) repeat-y left;}
#offerData .extra-box .border-right { background:url(images/border-right.gif) repeat-y right;}
#offerData .extra-box .left-top-corner { background:url(images/left-top-corner.gif) no-repeat left top;}
#offerData .extra-box .right-top-corner { background:url(images/right-top-corner.gif) no-repeat right top;}


/* this was added for no  flash pages*/
#offerData .extra-box .border-top { background:url(images/border-top.gif) repeat-x top;}
#offerData .extra-box .inner { padding:15px 20px 13px 19px;}
/* */

#offerData .img-box { position:relative;}
#offerData .img-box img { display:block; margin-bottom:6px;}
/* unknown!!!? if i add  width: 577px; height: 244px; to Image the marker becomes very big!!!!!!!*/
#offerData .img-box Image { display:block; margin-bottom:6px;}
#offerData .img-box .marker { position:absolute; top:11px; right:-11px !important; right:-12px;}



#offerData .box { position:relative; width:279px; height:275px; background:url(images/box-bg.gif) no-repeat left top;}
#offerData .box .inner { padding:14px 14px 14px 32px;}
#offerData .box .title { margin:0 0 3px 0; position:relative; background:none; left:-18px;}
#offerData .box .title span { display:block; background:none; padding:11px 0 8px 20px;}
#offerData .box .innerTitle { background: url(images/box-title2.gif) no-repeat; font-size: large; color: Orange; margin-bottom: 10px; height: 40px;}
#offerData .box p { margin-bottom:5px;}





/*==================contactus page ====================*/
#contactus .extra-box { width:100%; background:#f4f3e8;}
#contactus .extra-box .border-left { background:url(images/border-left.gif) repeat-y left;}
#contactus .extra-box .border-right { background:url(images/border-right.gif) repeat-y right;}
#contactus .extra-box .left-top-corner { background:url(images/left-top-corner.gif) no-repeat left top;}
#contactus .extra-box .right-top-corner { background:url(images/right-top-corner.gif) no-repeat right top;}


/* this was added for no  flash pages*/
#contactus .extra-box .border-top { background:url(images/border-top.gif) repeat-x top;}
#contactus .extra-box .inner { padding:15px 20px 13px 19px;}
/* */

#contactus .box { position:relative; width:279px; height:275px; background:url(images/box-bg.gif) no-repeat left top;}
#contactus .box .inner { padding:14px 14px 14px 32px;}
#contactus .box .title { margin:0 0 3px 0; position:relative; background:none; left:-18px;}
#contactus .box .title span { display:block; background:none; padding:11px 0 8px 20px;}
#contactus .box .innerTitle { background: url(images/box-title2.gif) no-repeat; font-size: large; color: Orange; margin-bottom: 10px; height: 40px;}
#contactus .box p { margin-bottom:5px;}

/* img-box1 used for person picture col-1*/
#contactus .img-box1 { width:100%; background:#f4f3e8; margin-bottom:13px;}
#contactus .img-box1 .left-top-corner { background:url(images/left-top-corner1.gif) no-repeat left top;}
#contactus .img-box1 .right-top-corner { background:url(images/right-top-corner1.gif) no-repeat right top;}
#contactus .img-box1 .left-bot-corner { background:url(images/left-bot-corner.gif) no-repeat left bottom;}
#contactus .img-box1 .right-bot-corner { background:url(images/right-bot-corner.gif) no-repeat right bottom;}
#contactus .img-box1 .inner { padding:20px;}


#contactus .img-box { width:100%;display:block; margin-top:16px; }
#contactus .img-box { position:relative;}
#contactus .img-box img { display: block; padding: 25px 11px 0px 5px;}
#contactus .img-box img { text-align:center;}

/*==================end contact us page ====================*/






/* what follows are added by OAM */


.box_oam { width:283px; height:275px; background:url(images/box-bg.gif) no-repeat left top;}
.box_oam .inner { padding:14px 14px 14px 32px;}
.box_oam .title { margin:0 0 3px 0; position:relative; background:url(images/title-left.gif) no-repeatleft top #f4f3e8;left:-9px;}
.box_oam .title span { display:block; background:url(images/title-right.gif) no-repeat right top; padding:11px 0 8px 20px;}
.box_oam p { margin-bottom:5px;}



/*{Spalsh screen index page*/

#splash_main { position: relative; width: 841px; height: 603px;  margin: 0 auto; text-align: center;
            background:url(images/welcomePage.jpg) no-repeat left top;}
        
.splash_body { background-color: #2e3845;} /*#35344B */
      
.splash_frame { position: absolute; width: 210px; top: 519px; left: 510px;}
.splash_frame .row-1, .row-2 { width: 100%; margin: 0px 0px 10px 0px; text-align:left;}
.splash_frame .row-2 .col-1 { width: 140; margin-right: 20px;}
.splash_frame .row-2 .col-2 { width: 45;}
.splash_frame .go { WIDTH: 40px; CURSOR: pointer; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;}


/*}Spalsh screen index page*/



/*================== TripDetails ====================*/
#tripDetail .extra-box { width: 100%; background: #f4f3e8;}
#tripDetail .extra-box .col-1 { width: 430px; margin-right: 21px;}
#tripDetail .extra-box .col-2 { width: 426px;}
#tripDetail .extra-box .border-top { background:url(images/border-top.gif) repeat-x top;}
#tripDetail .extra-box .border-left { background: url(images/border-left.gif) repeat-y left;}
#tripDetail .extra-box .border-right { background: url(images/border-right.gif) repeat-y right;}
#tripDetail .extra-box .left-top-corner { background: url(images/left-top-corner.gif) no-repeat left top;}
#tripDetail .extra-box .right-top-corner { background: url(images/right-top-corner.gif) no-repeat right top;}
#tripDetail .extra-box .inner { padding:15px 20px 13px 19px;}


#tripDetail .box {position: relative; width:425px;	height: 300px; background: url(images/box-bookOfferForm.gif) no-repeat left top;}
#tripDetail .box .inner {padding: 14px 14px 14px 18px; }
#tripDetail .box .title { margin: 0 0 3px 0; position: relative; left: -18px;background:none;}
#tripDetail .box .title span { display: block; background: none; padding: 11px 0 8px 20px;}
#tripDetail .box .innerTitle { background: url(images/box-title2.gif) no-repeat; font-size: large; color: Orange; margin-bottom: 10px; height: 40px;}
#tripDetail .box .innerTitle span { display: block; background: none; padding: 11px 0 8px 20px;}
#tripDetail .box p { margin-bottom: 5px;}

#tripDetail .img-box { position: relative; width:100%;}
#tripDetail .img-box Image { display: block; width: 425px; height: 224px; margin: 25px 0px 0px 5px;}
#tripDetail .img-box img { display: block; margin-bottom: 6px;}
/*===================================================================================*/



#aboutus .rowCont3difCol .col-1 {width:274px; margin-left:28px;}
#aboutus .rowCont3difCol .col-2 { width:274px; margin-left:21px;}
#aboutus .rowCont3difCol .col-3 { width:279px;}


#aboutus .img-box1 { width:100%; background:#f4f3e8; margin-bottom:13px;}
#aboutus .img-box1 .left-top-corner { background:url(images/left-top-corner1.gif) no-repeat left top;}
#aboutus .img-box1 .right-top-corner { background:url(images/right-top-corner1.gif) no-repeat right top;}
#aboutus .img-box1 .left-bot-corner { background:url(images/left-bot-corner.gif) no-repeat left bottom;}
#aboutus .img-box1 .right-bot-corner { background:url(images/right-bot-corner.gif) no-repeat right bottom;}
#aboutus .img-box1 .inner { padding:20px;}