@charset "utf-8";
/* CSS Document */

/****************************************************************************************************
*	Filename: layout.css
*	Purpose:  CSS for layout 

// How to find a partcular selector ...?
**search the id (HEADING ID) to get css related / applied to partcular html tag**
	
	HTML TAGS/MODULES			HEADING ID		DESCRIPTION
	----------------------------------------------------------------------------------------------------
	body/common						GENERIC				All common effects..where in you do need to apply css
	Text									TEXTALL				Text effects, font sizes, hover effects
	form elemetns					FORM					All form related elemetns such as input, label, text area				
	UL/LIs								MENUS					All types of menus, tabs structure..
	H Tags								HEADELE				All header tags h1 to h5
	Customized input			INPUTALL			All form tags such as buttons, input boxes, combo boxes
	background colors			BGs						All pure color backgrounds
	
	

Please keep this css sequence:
**************************************************************************************************** please start over now/


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body 				{font:normal 11px Tahoma; color:#000; text-align:left;}
body,form,h1,h2,h3,h4,h5,h6,p		{padding:0; margin:0;} /* gloabal reset */
h1,h2,h3,h4,h5,h6,label,a			{text-transform:capitalize; text-decoration:none;}
a 					{color:#0c9af5; font-weight:bold; text-decoration:none;}
a:hover 			{color:#ff7f00; text-decoration:underline;}
a:active, a:focus 	{outline:0} /* to avoid link borders on new browsers */
img					{border:none;}
ul,li				{padding:0; margin:0; list-style:none;}


/** HEADER ELEMENTS STYLING	(id=HEADELE) **/
			

/** FORM ELEMENTS STYLING (id=FORM) **/
label				{font:bold 12px Tahoma; text-transform:capitalize;}
p 					{line-height:150%;}
textarea			{border:1px solid #979797; padding:1px;}
/*.textfield:hover, textarea:hover {border:1px solid #728d3b; background:#F9FAF7;}
.textfield:focus, textarea:focus {border-color:#000; background:#FFF;}*/
/*select.One	{width:200px; border:1px solid #c7c7c7; padding:1px;}	*/
/** ONLY FOR BROWSERS OTHER THAN IE-6 *
input[type=submit]			{background:#d40202 url(../images/button.png) repeat-x top; color:#FFFfff; text-transform:capitalize; padding:3px; border:1px solid #d40000; font:bold 12px Tahoma;}	*/
/*
input[type=button]			{background:#d40202 url(../images/button.png) repeat-x top; color:#FFFfff; text-transform:capitalize; padding:3px; border:1px solid #d40000; font:bold 12px Tahoma;}	*/

input[type=text]			{font-size:11px; border:1px solid #afafaf; padding:2px;}
input[type=password]		{font-size:11px; border:1px solid #afafaf; padding:2px;}

/*.button					{background:#000000 url(../images/button.png) repeat-x top; color:#FFFfff; text-transform:capitalize; padding:3px; border:1px solid #d40000; font:bold 12px Tahoma; cursor:pointer;}*/

/*.button1					{ background:#000000 url(../images/button_1.png) repeat-x top; color:#FFFfff; text-transform:capitalize; padding:5px 5px; border:1px solid #929292; font:bold 12px Tahoma; cursor:pointer;}*/
/* select											{background:url(../images/input.png) top repeat-x; font-size:11px; color:#000; border:1px solid #979797; padding:2px;} */

/** debugging block level elements **/
/* div					{border:1px solid #0000FF;} */

/* 	BODY WRAPPER / HEADER / TOP MENU 
**********************************************************/
#mainWrapper		{margin:0px auto; width:892px; padding-bottom:10px;}
#logo				{left top no-repeat; text-align:right; height:56px;; margin-top:40px; color:#ff7e00;}
#logo1				{float:left; width:25%;}
#logo2				{float:right; width:75%;}
#logo a				{font-weight:normal; color:#ff7e00;}
 

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
.menuOne_bg			{background: url(../images/mod_22.png) repeat-x;}
.menuOne_bg	a		{font-size:14px; font-weight:bold; color:#fff;}
.menuOne_bg	a:hover	{text-decoration:none; background:url(../images/mod_20.png) bottom center no-repeat; padding-bottom:12px;}



#menuOne			{margin-top:7px;}
#menuOne ul			{background: url(../images/mod_22.png) repeat-x; padding:0; margin:0; float:left; width:100%;}
#menuOne ul li		{display:inline; float:left;}
#menuOne ul li a	{float:left; color:#FFF; padding:12px 17px; font-size:14px;}
/*this span is there only because showing right white border */
#menuOne ul li span	{float:left; color:#FFFFFF; padding-right:2px; background: url(../images/mod_21.png) top left no-repeat;}
/* this class is permanantly there in left most li a tag */
#menuOne ul li a.leftcorner{float:left; background: url(../images/mod_21.png) top left no-repeat;}
/* left most menu over*/
/*#menuOne ul li a.leftcorner:hover{background:url(../images/mod_19.png) bottom center no-repeat;}*/
/* this class is permanantly there in right most li a tag */


/* left most menu over*/

/* middle menu over*/
#menuOne ul li a:hover {text-decoration:none; background:url(../images/mod_20.png) bottom center no-repeat;}
/* for activating middle links, apply this css to a tag */
#menuOne ul li a.active{background:#1762a6 url(../images/mod_24.png) top right no-repeat;}
/* for activating left corner apply this css to a tag */
#menuOne ul li a.active1 {background:#1762a6 url(../images/mod_19.png) top left no-repeat;}
/* for activating right corner apply this css to a tag */
#menuOne ul li a.active2 {background:#1762a6 url(../images/mod_20.png) top right no-repeat; padding-right:25px;}

/* 	MAIN CONTENT  (to position the content)
**********************************************************/
#maincont		{width:100%; margin-top:10px;}
.firstColumn	{width:23%; float:left;/* background:#000;*/}	
.middleColumn	{width:46%; float:left; margin-left:10px; display:inline;/* background:#FF0000*/ }	
.middleColumn1	{width:75%; float:left; margin-left:10px; display:inline;/* background:#FF0000*/ }	
.rightColumn	{float:right; width:29%;}
.thirdColumn	{width:100%; float:right; vertical-align:top; /*background:#000FFF;*/}	
.fourthColumn	{width:100%; float:right; /*background:#000FFF;*/}	
.fifthColumn	{width:100%; float:right; /*background:#000FFF;*/}	
.sixthColumn	{width:100%; float:right; /*background:#000FFF;*/}	


/* 	MODULES
**********************************************************/
.newsevents ul li	{float:left; width:100%; position:relative; z-index:1000;}
.newsevents li	 	{border-bottom:1px dotted #666666; display:block; padding-bottom:10px; float:left; margin-bottom:10px;}
.newsdate 				{float:left; height:56px; text-align:center; width:45px; border:1px solid #1299cb; text-transform:uppercase; font:bold 12px Trebuchet MS; color:#1299cb; margin-right:5px !Important; background:url(../images/dateBg.png) bottom repeat-x !important; position:relative; z-index:1001;}
.newsdate span		{display:block; font:bold 13px Trebuchet MS; color:#FFF; background:#1299cb;}
.newstitle 			{float:left; padding-left:10px; min-height:56px; width:80%; position:relative; z-index:1001;}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGs)
**********************************************************/
.bgWht				{background:#FFF;}
.bggrey				{background:#f4f4f4;}
.bgorg				{background:#FA9A00; color:#fff; font-weight:bold;}

/* 	RESUBALE GRADIENTS
**********************************************************/  
.bordBtmGrey				{border-bottom:1px dashed #666666;}

/* 	MAKE ME ROUND
**********************************************************/
/* background image */
.roundOnetopLeft,.roundOnetopright,.roundOnebtmLeft,.roundOnebtmright,.roundTwotopLeft,.roundTwotopright,.roundTwobtmLeft,.roundTwobtmright,.roundThreetopLeft,.roundThreetopright,.roundThreebtmLeft,.roundThreebtmright		{background: url(../images/modules.png) no-repeat;}
/* background image position for blue module */
.roundOnetopLeft			{background-position:0px 0px; height:35px; padding-left:13px;}
.roundOnetopright			{background-position:100% 0px;}
.roundOnebtmLeft			{background-position:0px -36px; height:11px; overflow:hidden;}
.roundOnebtmright			{background-position:100% -36px;}
/* background image position for blck module */
.roundTwotopLeft			{background-position:0px -47px; height:31px; padding-left:13px;}
.roundTwotopright			{background-position:100% -47px;}
.roundTwobtmLeft			{background-position:0% -82px; height:14px; overflow:hidden;}
.roundTwobtmright			{background-position:100% -82px;}
/* background image position for blck1 module */
.roundThreetopLeft			{background-position:0px -47px; height:31px; padding-left:13px;}
.roundThreetopright			{background-position:100% -47px;}
.roundThreebtmLeft			{background-position:0% -82px; height:14px; overflow:hidden;}
.roundThreebtmright			{background-position:100% -82px;}


/* Green_module */
.green_moduletopLeft,.green_moduletopright,.green_modulebtmLeft,.green_modulebtmright				{background: url(../images/modules_green.png) no-repeat;}
/* background image position for blue module */
.green_moduletopLeft			{background-position:0px 0px; height:35px; padding-left:13px;}
.green_moduletopright			{background-position:100% 0px;}
.green_modulebtmLeft			{background-position:0px -38px; height:11px; overflow:hidden;}
.green_modulebtmright			{background-position:100% -38px;}





/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font weights */
.strong				{font-weight:bold;}
.smlTxt			  {font-size:11px;}
.para					{font-size:12px;}
.normTxt		 	{font-weight:normal; font:normal 11px Tahoma;}
.largeText		{font-size:15px;}
.bigText		 	{font-size:18px;}
/* text transform */
.allCaps			{text-transform:capitalize;}
.textU				{text-decoration:underline;}
/* text align & content align inside a particular element */
.centerall		{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
.justify			{text-align:justify;}
/* colored text */
.blueTxt			{color:#27569f; font:normal 11px Trebuchet MS;}
.blueTxtTwo		{color:#27569f; font:bold 12px Trebuchet MS; text-decoration:underline;}
.whtTxt			{color:#ffffff; font:bold 16px Trebuchet MS;}
.whtTxt1		{color:#ffffff; font:bold 12px Trebuchet MS;}
/* others */
.orgTxt				{font-weight:normal; color:#ff7e00;}

#login					{color:#0c9af5;}
#login a				{font-weight:normal; color:#0c9af5; font-size:12px; text-decoration:underline;}

.nextTxt				{font:bold  16px Tahoma; text-transform:capitalize; color:#000000;}
.servTxt				{font:12px Tahoma; text-transform:capitalize; color:#000000;}
.loyaltyTxt				{font:bold 16px Tahoma; text-align:center; text-transform:capitalize; color:#000000;}

#bldblue				{color:#0c9af5;}
#bldblue a				{font-weight:bold; color:#0c9af5;}
.redtext                {color:#FF0000;}
                 


/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/



/* 	ALL BORDER CSSs
**********************************************************/
.bordlnrBlue		{border-left:1px solid #0e8ed7; border-right:1px solid #0e8ed7;}
.bordlnrGrey		{border-left:1px solid #929292; border-right:1px solid #929292; background-color:#FFFFFF;}
.bordlnrGreen		{border-left:1px solid #0fb727; border-right:1px solid #0fb727; background-color:#FFFFFF;}
.borderall			{border:solid 1px #929292;}


/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.margTopTen			{margin-top:10px;}
.margTopTen1		{margin-top:10px;}
.PaddingLft			{padding-left:3px;}
.TabPadding			{padding-right:0.9891px;}
.TabPadding1		{padding-right:1.80px;}

			
/* 	FOOTER 
**********************************************************/
#footer			{text-align:center; padding:10px; margin-top:15px; background:url(../images/footer_bg.png) top no-repeat; height:157px;}
#footer a		{color:#0C9AF5; font-weight:normal; text-decoration:none;}
#footer a:hover	{color:#FF7F00; font-weight:normal; text-decoration:underline;}

/* 	MISCELLANEOUS
**********************************************************/
.clr	{clear:both;}
.contentSpacer {background-color:transparent; margin-top:0; padding-top:10px; clear:both; overflow:hidden;}

.nextTxt {
color:#ff7e00;
font-family:Arial;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-transform:capitalize;
}

.fastbooking	{float:left; width:98%; background:#f8f8f8; padding:8px 5px; margin-bottom:1px; border-bottom:dashed 1px #999999;}
.fastbooking a	{font-weight:normal;}

.mdl_banner		{background:url(../images/banner_curier.gif) no-repeat top; width:100%; height:147px; padding:80px 0 0 20px;}
.bg_white		{background:#fff; /*border:solid 1px #929292;*/}
.footer_cont	{float:left; width:95%; background:#f8f8f8; padding:8px 5px; margin-bottom:1px; border-bottom:dashed 1px #999999;}
.footer_bg_org	{background:#ff8500; border:solid 1px #ff5a00; padding:5px; color:#fff; font:bold 12px arial; margin-top:10px; text-align:center;}
.img_brd img		{border:solid 1px #000;}
.img_brd img a		{border:solid 1px #000;}
.img_brd img :hover	{border:solid 1px #3366CC;}