/* for OT */

#header
{
	/*background: #fff url(images/bg_header.png) 0 100% repeat-x;*/ /*change*/
	background: #fff; /*NEW*/
	/*min-height: 60px;*/ /*change*/
	position: relative;
	box-shadow:1px 1px 6px #ccc;
	padding: 20px 0;
}
#footer
{
    background: url("../images/bodyblk01_conbg.jpg") repeat;
    float: left;
    padding: 20px 0;
    width: 100%;
    /*height:14px;*/ /*change*/
	margin: 0; /*change*/
	text-align:center; /*change*/
}
#content
{
	background: url("../images/main_bg.jpg") repeat scroll 0 0 #FFFFFF;;
	/*float:left;*/
}
.ot_footer
{
	border-right: 1px solid #3A3A3A;
	height:90px;
}
div#footer li{color: #666666; line-height:19px;}
div#footer span
{
	color:#FFFFFF;
	font:13px trebuchet ms;
	padding: 0 10px;
}
div#footer h3
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 0;
    width: 100%;
    line-height:12px;
}
div#footer div.span7{ margin-left:11px;}
div#footer div.ot_copyright{  margin-top:5%;}
.ot_margintop{ margin-top:10px;}
.ot_copyright a:hover{ color:#F6550E; text-decoration:underline;}
 div#content div.span15 {margin-left:30px;}
.ot_copyright a
{
    color:#666666;
    margin-left:30px;
    text-decoration:underline;
} 
div#content h2
{
	color: #F7B90F;
	font:18px/20px "CaslonGraD",Arial,Tahoma;
	float:left;
	width:100%;
	margin-bottom: 6px;
} 
.bkgdetails_content
{
	/*float: left;
	margin: 5px -10px 0 !important;
	padding: 0 10px 10px;*/
	margin::5PX 0 0;
  
}
div#content div.span3{ margin-left:1px;}
div.bkgdetails_content label
{
	color:#000; /*change*/
	padding: 0px 5px;
}
.booking_col
{
	/*border-bottom: 0px dotted #FFFFFF;*/ /*change*/
	/*height:26px;*/ /*change*/
	/*margin:0 0 0 5px;*/ /*change*/
	float: left; /*change*/
    width: 100%; /*change*/
	padding:3px 0; /*change*/
}
.booking_col label /*change*/
{
	width:150px !important;
}
.booking_col .skip_leftmargin
{
	width:50%;
}

div#wizard_panel a:hover{text-decoration:none;}

 .ctrl_buttons .misc_btn p a:hover {text-decoration:none; float:left;}
.ctrl_buttons .span4,.span8 {
     margin-left: 1px;
}
div#postbox  input{ width:27%;}
div#postbox  input.span2{ margin-left:10px; width:70px; border-radius: 5px 5px 5px 5px;
    }

.border_dotted
{
	/*border-bottom:2px dotted #E2E2E2;*/ /*change*/
	padding:0 0 5px 0;
	width:100%;
}
.skip_leftmargin
{
	margin:0px;
	float:left
}
.skip_leftmargin label
{
font:13px/24px "brandon_text_regularregular",Arial,Tahoma;
}

.payment_mode label
{
	text-align:left;
	padding-top:0px;
	margin-left:10px;
	width:435px;
}
.payment_page .clearfix
{ 
	margin:0 0 10px; /*change*/
}
#payment_mode1 label{ width:auto;}
.logout a:hover
{
   opacity:0;
}
.mandatory
{
	font-size:11px;
	/*padding:20px 0 0 0;*/ /*change*/
	margin:0;
	width:100%;
}
.payment_checkbox input{ float:left;}
div.bkgdetails_content label.value_lbl{width:120px;}
.userwelcome{margin:4px 4px 0 0}
div.input-prepend span.add-on
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    margin-left: 0;
    margin-right: -1px;
}
.ot_footer p{color:#666666;}
form div.clearfix.missing_mandatory input:focus, form div.clearfix.missing_mandatory textarea:focus {
  border-color: #b9554d;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
.ccCharge_medium { width:193px;}
.span2ErrorMargin { width:95px;}    
#addressline1{float:left; width:400px;}
.span9 a:hover {text-decoration:none; float:left; }
.emergencypopover .add-on
{
    *margin-top:-18px;/*for IE7*/
   
}
.BackSummary  
{
    background-color: #FC8607;
    *background-color: #FC8607;/*for ie7*/
    background-repeat: repeat-x;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 0 4px #000000;
    border-style:hidden;
    padding-bottom: 6px;
    /*background-image: -moz-linear-gradient(center top , #FC8607, #FC8607 25%, #C26501);
    background-image:-webkit-linear-gradient(center top , #FC8607, #FC8607 25%, #C26501) !important; */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FC8607), color-stop(25%, #FC8607), to(#C26501));
background-image: -webkit-linear-gradient(#FC8607, #FC8607 25%, #C26501);
background-image: -moz-linear-gradient(top, #FC8607, #FC8607 25%, #C26501);
background-image: -ms-linear-gradient(#FC8607, #FC8607 25%, #C26501);
background-image: -o-linear-gradient(#FC8607, #FC8607 25%, #C26501);
background-image: linear-gradient(#FC8607, #FC8607 25%, #C26501);
}
.next 
{
    background-color: #51A351;
    background-image: -moz-linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 0 4px #000000;
    padding-bottom: 6px;
    border-style: hidden;
    background-image:-webkit-linear-gradient(to bottom, #62C462, #51A351);
    background-image: -webkit-gradient(to bottom, #62C462, #51A351);
background-image: -webkit-linear-gradient(to bottom, #62C462, #51A351);
background-image: -moz-linear-gradient(to bottom, #62C462, #51A351);
background-image: -ms-linear-gradient(to bottom, #62C462, #51A351);
background-image: -o-linear-gradient(to bottom, #62C462, #51A351);
background-image: linear-gradient(to bottom, #62C462, #51A351);
}
.offset2andmore{ margin-left:130px;}
    .payment_page
    {
        float:left;
    }    
 div#payment_terms a
 {
        color: #F6550E;
    float: left;
    *float:none; /*for IE7*/
    font-family: 'Tahoma',arial,helvetica,clean,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 0;
    text-decoration: underline;
    width: 100%;
 }
 .standalone_checkbox label
 {
     padding-left:5px;
     width: 85%;
 }
 .error-img { background-image: url("images/error.png"); background-repeat:no-repeat;   padding: 15px 43px;  background-position: 6px 4px;}
.error-img li{ color:Red; font-size:12px; line-height:17px;}
.error-img ul{ margin: 7px 0 0 3px;}
.transaction_summary
{
    float:left;
    width:100%;
}
.NoSummary
{
font-style:italic;
}
div#payment_terms{float:left;}
.loader_img
{
    padding:200px 170px 112px 745px;
    position:absolute;
}
.loading_panel
{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background:#000000 url("images/ajax-loader.gif") no-repeat ;
  background-position:center;
}
.loading_panel.fade {
  opacity: 0;
}
.loading_panel, .loading_panel.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.dropdown_items{margin-left:10px;}
.dropdown_section{background:#EEEEEE;font-weight:600;}
div.payment_selected
{
   background-color: #EFEFEF;
   border: 1px solid #CCCCCC;
   border-radius: 4px 4px 4px 4px;
   padding: 10px 5px;  
   text-align: left;   
   }
   .ot_checkbox label{ margin-left:10px;font-size: 12px;}
   
   .btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  border-left-color: #51a351;
  border-right-color: #51a351;
  border-top-color: #51a351;
  border-bottom-color: #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  border-left-color: #0044cc;
  border-right-color: #0044cc;
  border-top-color: #0044cc;
  border-bottom-color: #002a80;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}


/*-----------SOF of new css 18-12-2013----------------*/
body{ background:#FFF;}
input{ border-radius:0 !important;}
select{ border-radius:0 !important;}
.btn{ padding:5px 7px 6px;}
.container
{
    margin: 0 auto;
    width: 1240px;
}
.st_ol_hdr
{
    padding: 20px 10px;
	background:#fff;
    /*width: 209px;*/
}
.top_left_logo
{ float:left;}
.top_right_logo
{
	color: #F7BE2E;
	float: right;
	font: bold 23px/25px "brandon_text_regularregular",Arial,Tahoma;
}

.cntr
{
    margin: 0 auto;
    width: 1080px;
}
.ol_main_bg
{
	background:url("../images/grayblk_bg.jpg") repeat; /*change*/
	padding: 10px 0;
}
.ol_inner_bg
{
	background:#fff;
	padding: 5px 10px;
}
.bodyconblk01_cnt
{
	background: url("../images/bodyblk01_conbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.pay_smry
{
	margin-top:5px;
}
.pay_smry table
{ border:0;}
.pay_smry table tr th
{ 
	padding: 10px;
	border:0 !important;
	background:#208DB4 !important;
	color:#fff;
	border:none !important;
	font:bold 14px "brandon_text_regularregular",Arial,Tahoma;
	border-top:1px solid #dbdbdb !important;
}
.pay_smry table tr
{
	border-bottom:1px solid #ccc;
	padding: 10px;
}
.pay_smry table tr td
{
	background:none !important;
	border:none !important;
	border-top:1px solid #dbdbdb !important;
	padding: 10px;
	color:#868686;
}
.pay_smry table tr:last-child td
{
	border-bottom:1px solid #dbdbdb !important;
}

.pay_method
{
	margin-top:33px;
}
.pay_method p
{
	font: 13px/24px "Trebuchet MS",Arial,Tahoma !important;
    margin: 0 0 5px;
}

.pay_method_left
{
	width:50%;
	float:left;
}
.pay_method_right
{
	width:47%;
	margin:0 0 0 20px;
	float:left;
}
.pay_method_right label
{
	font:13px/24px "brandon_text_regularregular",Arial,Tahoma;
}

.btn_yellow
{
	background:#f7b90f !important;
	border:0 none;
	border-bottom:#eb8f05 2px solid !important;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	border-radius: 5px !important; 
	padding:6px 15px;
	font-weight:bold;
	display:inline-block;
	transition:all ease 0.5s;
	/*cursor:pointer !important;*/
}
.btn_yellow:hover
{
	background:#ff9c00 !important;
	border-bottom:#eb7105 2px solid !important;
	color:#fff;
}
.ot_checkbox input, .ccCharge_medium input 
{
	float: left;
	margin: 6px 0 0;
}

.bk_dtl_div
{
	border-bottom: 1px solid #EDEDED;
    margin: 0 30px 0 0;
    padding: 0 0 5px;
    width: 47%;
	float:left;
}

/*----SOF banner css----*/

.tailormd_bannerwrp
{
	width:100%;
	height:159px;
	background:url("../images/tailormade_landing_banner.jpg") 50% 0 no-repeat;
}

.banner_wrpinnr .banner_txtblk_wrp
{
	background:url("../images/inner_banner_arrow.png") no-repeat 50% 217px;
}

.banner_txtblk_wrp
{
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:38%;
}

.banner_txtblk_innerpg
{
	width: auto;
	margin:120px auto 0;
	text-align:center;
	color: #FFFFFF;
    font: 48px/52px "CaslonGraD";
}

.banner_wrpinnr {
    background-position: 0 50%;
    background-size: 100% auto;
}
/*----EOF banner css----*/

.btn-success
{
	border-radius: 0px;
	border: #29B67D 1px solid;
	background: #42d197; /* Old browsers */
	background: -moz-linear-gradient(top, #42d197 0%, #29b67d 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42d197), color-stop(99%,#29b67d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #42d197 0%,#29b67d 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #42d197 0%,#29b67d 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #42d197 0%,#29b67d 99%); /* IE10+ */
	background: linear-gradient(to bottom, #42d197 0%,#29b67d 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d197', endColorstr='#29b67d',GradientType=0 ); /* IE6-9 */
	padding: 10px 6px;
	color: #fff;
	text-shadow: none;
}

.btn-success:hover, .btn-success:focus
{
	background: #29b67d; /* Old browsers */
	background: -moz-linear-gradient(top, #29b67d 0%, #42d197 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29b67d), color-stop(100%,#42d197)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #29b67d 0%,#42d197 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #29b67d 0%,#42d197 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #29b67d 0%,#42d197 100%); /* IE10+ */
	background: linear-gradient(to bottom, #29b67d 0%,#42d197 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b67d', endColorstr='#42d197',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

@media (max-width: 800px) and (min-width: 700px){

	.container {
		margin: 0 auto;
		width: 750px;
	}

	.cntr {
		margin: 0 auto;
		width: 700px;
	}
	
	.bk_dtl_div {
		margin: 0 10px 0 0;
		width: 48%;
	}
	
	.pay_method_left label {
		width:350px;
	}
	.pay_method_right label {
		width:350px;
	}
	
	.ccCharge_medium label {
		width: 170px;
	}
	
	.ot_checkbox label {
		width: 170px;
	}
	
	.offset2andmore {
		margin-left: 0;
	}
	
	#addressline1{
		float:left; width:auto;
	}
	
	.tailormd_bannerwrp{
		height: 100px;	
	}
	
	.banner_txtblk_innerpg{
		margin: 83px auto 0;
		font-size:40px;
	}
	
	.banner_wrpinnr .banner_txtblk_wrp{
		background: url("../images/inner_banner_arrow.png") no-repeat scroll 50% 157px rgba(0, 0, 0, 0);
	}
	
	.banner_txtblk_wrp {
    	height: 17%;
	}
}

@media (max-width: 990px) and (min-width: 770px){

	.container {
		margin: 0 auto;
		width: 960px;
	}

	.cntr {
		margin: 0 auto;
		width: 890px;
	}
	
	.bk_dtl_div {
		margin: 0 15px 0 0;
		width: 48%;
	}

}

@media only screen and (min-width : 1024px) and (max-width : 1170px) {

	.container {
		margin: 0 auto;
		width: 1000px;
	}

	.cntr {
		margin: 0 auto;
		width: 920px;
	}
	
	.bk_dtl_div {
		width: 46%;
	}
	
	#header{
		display: table;
		width:100%;
	}
	
	.tailormd_bannerwrp{
		height: 129px;	
	}
	
	.banner_txtblk_innerpg{
		margin: 103px auto 0;	
	}
	
	.banner_wrpinnr .banner_txtblk_wrp{
		background:url("../images/inner_banner_arrow.png") no-repeat scroll 50% 187px rgba(0, 0, 0, 0);	
	}
	
	.banner_txtblk_wrp {
    	height: 26%;
	}

}

/*-----------EOF of new css 18-12-2013----------------*/


div#content h3 {
 	color: #000;
	font:12px trebuchet ms;
	float:left;
	width:100%;
	margin-bottom: 6px;
}
.postcodelist {margin-top:5px; width:378px !important}

.btn_gray
{
	background:#cacfd2 !important;
	border:0 none;
	border-bottom:#999 2px solid !important;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	border-radius: 5px !important; 
	padding:6px 15px;
	font-weight:bold;
	display:inline-block;
	transition:all ease 0.5s;
	/*cursor:pointer !important;*/
}
.btn_gray:hover
{
	background:#D0D4D7 !important;
	border-bottom:#999 2px solid !important;
	color:#fff;
}
#postcode_resultdiv button
{
    margin: 5px 3px 0 0;   
}

.spacer{clear:both; line-height:0; font-size:0;}
.booking_col label.breakup_value{width:70px !important; margin:0; color:#888; font-size:11px;}
.booking_col label.breakup_value_ttl{color:#888; font-size:12px;}
.booking_col label.breakup_value.bar{position:relative;}
.booking_col label.breakup_value.bar:after{position:absolute; top:0; left:-5px; background:#e0e0e0; width:1px; height:100%; content:"";}