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


html, body {
	padding: 0;
	margin: 0;
	background-color: #fff;
}


#container{
	width: 100%;
	/*width: 775px;*/
	height: 500px;  /*1000px*/
	margin-left: auto;
	margin-right: auto;	
}

#container_mainsearch{
	width: 100%;
	/*width: 775px;*/
	height: auto;
	margin-left: auto;
	margin-right: auto;	
}


#header {
	height: 85px;
	width: 100%;
	background-image: url(../../images/bg_body.jpg);
	/*background-repeat: no-repeat;*/
	background-position: left top; 
}

#agheader {
	height: 85px;
	width: 100%;
	/*background-image: url(../../images/ag_header.jpg);*/
	background-image: url(../../images/bg_body.jpg);
	/*background-repeat: no-repeat;*/
	background-position: left top; 
}

#header_silver {
	height: 85px;
	width: 100%;
	/*background-image: url(../../images/SB/silver_sb_login.gif);*/
	background-image: url(../../images/bg_body.jpg);
	/*background-repeat: no-repeat;*/
	background-position: left top;
}


#steps {
	height: 40px;
	width: 775px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	font-size:14px !important;
}

#intro {
	height: auto;
	width: 775px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

#maincontent {
	width: 520px;
	float: left;
	margin-bottom: 10px;
}

#maincontent_itinerary {
	width: 520px;
	float: left;
	margin-bottom: 10px;
}

#rightcontent_container {
	height: 500px;
	width: 227px;
	float: right;
}

#rightcontent_top {
	height: 14px;
	width: 227px;
	float: none;
	background-image: url(../../images/bg_rightpanel_top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rightcontent {
	width: 227px;
	float: none;
	background-image: url(../../images/bg_rightpanel.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 5px;
}

#rightContent{
	width: 227px;
	float: right;
	background-image: url(../../images/bg_rightpanel.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 5px;
}
#leftContent{
	float: left; 
	padding:8px;
	color: #fff;
	width: 520px;
	clear: right;
	vertical-align:top;
	/*border:1px solid #001C4D;
	background-image:url(../../images/left-bar-bg.jpg);*/
	margin-bottom: 10px;
    	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#rightcontent_bottom {
	height: 5px;
	width: 227px;
	float: right;
	background-image: url(../../images/bg_rightpanel_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#total_price_bg{
	height: 155px;
	width: 221px;
	float: center;
	background-image: url(../../images/bg_panel_total_price.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	padding-top: 10px;
	}
	
#panel_bg{
	background-image:url(../../images/SB/bg_gradient_blue.jpg);
	background-repeat:no-repeat;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding-bottom: 25px;
	/*margin-bottom: 15px;*/
	padding-top: 10px;
	}
	
#panel_search_tabs{
	background-repeat:no-repeat;
	width:380px;
	margin-left: auto;
	margin-right: auto;
	height: 26px;
	padding-left: 0px;
	padding-right: 0px;

	}
#panel_search{
	background-image:url(../../images/bg_search.jpg);
	background-repeat:no-repeat;
	width:380px;
	margin-left: auto;
	margin-right: auto;
	height: 188px;
	padding-top: 2px;

	}

#panel_mainsearch{
	background-image:url(../../images/SB/bg_gradient_blue.jpg);
	background-repeat:no-repeat;
	width:480px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	padding-top: 2px;

	}

#panel_bg_fullwidth{
	background-image:url(../../images/SB/bg_gradient_blue.jpg);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	width:750px;
	float: center;

	}

.search_panel_heading {
	float: left;
	height: 31px;
	width: 520px;
	background-image: url(../../images/bg_panel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.search_panel_heading div{
	float:left;
	height: 31px;
	line-height: 31px;
}

.search_panel_sep {
	clear: both;
	float: left;
	height: 1px;
	width: 520px;
	background:#ffffff;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

.blue_bg { background: #C6E7F8; }

.search_panel_sep_inner {
	float: left;
	height: 1px;
	width: 300px;
	background: #C6E7F8;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

.search_panel_body{
	float:left;
	width: 520px;
	margin: 0;
	padding: 0;
	background: #ffffff url(../../images/bg_gradient_blue.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	}
	
.search_panel_error{
	float:left;
	width: 520px;
	margin: 0;
	padding: 0;
	background: #ffffff no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	}
.search_panel_row{
	float:left;
	width: 520px;
	/*height: 31px; 
	line-height: 31px;*/
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
}




 
.sp_icon_outbound{
	height: 21px;
	width: 21px;
	margin: 5px;
	background-image: url(../../images/icon_goingout.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.sp_icon_return{
	height: 21px;
	width: 21px;
	margin: 5px;
	background-image: url(../../images/icon_comingback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.sp_prev_button{ width:50%; float:left; text-align:left;}
.sp_next_button{ width:50%; float:right; text-align:right;}

a.SB_button {
	display:block;
	float:left;
	margin:0;
	overflow:hidden;
	width:92px;
	text-indent: -9999px;
	line-height: 28px;
	height: 28px;
	text-decoration: none;
	background: yellow;
}

a.SB_continue             { margin-left:8px; float:right; background: transparent url(../../images/button_new_continue.jpg) no-repeat center top; }
a.SB_continue:hover { margin-left:8px; float:right; background: transparent url(../../images/button_new_continue.jpg) no-repeat center top; }

a.SB_new_search             { margin-left:8px; float:right; background: transparent url(../../images/button_new_search.jpg) no-repeat center top; }
a.SB_new_search:hover { margin-left:8px; float:right; background: transparent url(../../images/button_new_search_2.jpg) no-repeat center bottom; }

.required { font-weight: normal;  }

.selected { 
	font-weight: bold; 
	background: #2aace0;}
	
.selectedtext {font-weight: bold;}

#rightcontent_container {
	height: auto;
	width: 227px;
	float: right;
	padding-bottom: 25px;
}



#total_price_container{
	height: auto;
	width: 221px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#total_price_top{
	height: 7px;
	width: 221px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/SB/bg_panel_total_price_top.gif) left bottom no-repeat;
	margin-top: 7px;
}
	
#total_price{
	height: auto;
	width: 221px;
	margin-left: auto;
	margin-right: auto;
	background-color: #B8E1F3;
}


#total_price_bottom{
	height: 7px;
	width: 221px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/SB/bg_panel_total_bottom.gif) left top no-repeat;
	margin-bottom: 0px;
}
/* ----- ( ul.credit-cards ) ----- */
ul.credit-cards {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.credit-cards li {
	float: left;
}

#maincontent {
	width: 520px;
	float: left;
	margin-bottom: 25px;
}


/* ----- ( a.button ) ----- */

a.button {
	display: inline-block;
	padding: 7px 0 9px 0;
	border: none;
}
a.button span {
	padding: 7px 10px 9px 10px;
}
a.button.large {
	padding: 9px 0 10px 0;
}
a.button.large span {
	padding: 9px 20px 10px 10px;
}


a.button.large.dark {
	padding: 9px 0 10px 0;
	background: url(../../images/SB/button_large_darkleft.gif) 0 0 no-repeat;
}
a.button.large.dark span {
   	padding: 9px 20px 10px 10px;
	background: url(../../images/SB/button_large_darkright.gif) 100% 0 no-repeat;
}







a.button.close {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.close span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}
a.button.close:hover {
	background: url(../../images/SB/button_light_left.jpg) 0 0 no-repeat;
}
a.button.close:hover span {
	background: url(../../images/SB/button_light_right.jpg) 100% 0 no-repeat;
}

a.button.light {
	background: url(../../images/SB/button_light_left.jpg) 0 0 no-repeat;
}
a.button.light span {
	background: url(../../images/SB/button_light_right.jpg) 100% 0 no-repeat;
}
a.button.dark {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.dark span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}



a.button.light:hover {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.light:hover span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}
a.button.dark:hover {
	background: url(../../images/SB/button_light_left.jpg) 0 0 no-repeat;
}
a.button.dark:hover span {
	background: url(../../images/SB/button_light_right.jpg) 100% 0 no-repeat;
}
a.button.large.dark:hover {
	background: url(../../images/SB/button_large_lightleft.gif) 0 0 no-repeat;
}
a.button.large.dark:hover span {
	background: url(../../images/SB/button_large_lightright.gif) 100% 0 no-repeat;
}



/* ----- ( div#steps ) ----- */
div#steps ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#steps li {
	float: left;
	padding: 11px 0 15px 0;
}
div#steps li.one {
	background: url(../../images/SB/step1_on.jpg) 0 0 no-repeat;
	padding-left: 36px;
	width: 235px;
}
div#steps li.two {
	background: url(../../images/SB/step2_almost.jpg) 0 0 no-repeat;
	padding-left: 56px;
	width: 275px;
}
body.payment div#steps li.two {
	background: url(../../images/SB/step2_on.jpg) 0 0 no-repeat;
}
body.itinerary div#steps li.two {
	background: url(../../images/SB/step2_on.jpg) 0 0 no-repeat;
}
div#steps li.three {
	background: url(../../images/SB/step3.jpg) 0 0 no-repeat;
	padding-left: 58px;
	width: 240px;
}
body.payment div#steps li.three {
	background: url(../../images/SB/step3_almost.jpg) 0 0 no-repeat;
}
body div#steps li.three {
	background: url(../../images/SB/step3_on.jpg) 0 0 no-repeat;
}

body div#steps li.two {
	background: url(../../images/SB/step2_on.jpg) 0 0 no-repeat;
}


#footer {
background-image:url(../../images/bg_footer.jpg);
background-position:left top;
background-repeat:repeat-x;
height:50px;
margin:15px auto;
width:775px;
}
#footer_inner {
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding-left:10px;
width:auto;
}
.titles{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	left: 0px;
	color: #003777;
	padding: 0px;
}

.titles2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	left: 0px;
	color: #003777;
	padding: 0px;
}

.button
{
	background-color:#466DB0;
	background-image: url('../../images/button_new_continue.jpg');
	color: #fff;
	padding: 2px 2px 4px 2px;
	border-top-width: 1px;
	border-top-color: #000;
	border-style: solid;
	border-right-width: 1px;
	border-right-color: #000;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	border-left-width: 1px;
	border-left-color: #000;
	height: 25px;
}
.buttonAlign {
	text-align: right;
	width: 88%;
	margin: 5px 0;
}

#travelmanager_title{
	color:#191F6B;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:auto;
	padding-left:180px;
	padding-top:40px;
}

#header_nav {
	color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}


/* ----- ( a.button ) ----- */
a.button {
	display: inline-block;
	padding: 7px 0 9px 0;
}
a.button span {
	padding: 7px 10px 9px 10px;
}
a.button.large {
	padding: 9px 0 10px 0;
}
a.button.large span {
	padding: 9px 20px 10px 10px;
}
a.button.light {
	background: url(../../images/SB/button_light_left.jpg) 0 0 no-repeat;
}
a.button.light span {
	background: url(../../images/SB/button_light_right.jpg) 100% 0 no-repeat;
}
a.button.dark {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.dark span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}
a.button.large.dark {
	background: url(../../images/SB/button_large_darkleft.gif) 0 0 no-repeat;
}
a.button.large.dark span {
	background: url(../../images/SB/button_large_darkright.gif) 100% 0 no-repeat;
}
a.button.light:hover {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.light:hover span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}


a.button.dark:visited {
	background: url(../../images/SB/button_dark_left.jpg) 0 0 no-repeat;
}
a.button.dark:visited span {
	background: url(../../images/SB/button_dark_right.jpg) 100% 0 no-repeat;
}
a.button.large.dark:visited {
	background: url(../../images/SB/button_large_darkleft.gif) 0 0 no-repeat;
}
a.button.large.dark:visited span {
	background: url(../../images/SB/button_large_darkright.gif) 100% 0 no-repeat;
}



a.button.dark:hover {
	background: url(../../images/SB/button_light_left.jpg) 0 0 no-repeat;
}
a.button.dark:hover span {
	background: url(../../images/SB/button_light_right.jpg) 100% 0 no-repeat;
}
a.button.large.dark:hover {
	background: url(../../images/SB/button_large_lightleft.gif) 0 0 no-repeat;
}
a.button.large.dark:hover span {
	background: url(../../images/SB/button_large_lightright.gif) 100% 0 no-repeat;
}