body.scrollhidden{overflow:hidden !important;}

/*= Start Responsive CSS - IndiaNIC
--------------------------------------------------------------------------------------------------*/
/*.main-container { padding:11px 0 0 !important; top:0; margin:11px 0 0 !important;}*/
.SSP {margin: 0 !important;}
@media only screen and (max-width:1024px){
    body, .msg-panelConf p strong, #TextBoxdepotAddress{color:#989898;}
    .main-container {padding: 0 !important;}
    .textinfo,  strong, #Label2{color:#989898;}
    #document h2, .msg-panelConf h2, .text p .strongText, .text .style2, .text-inner p.textred, .text-inner p.textred span.strongText {color:#d00000;}
    .text .txtblack p, #panelAlert .txtblack p, #ctl00_ContentPlaceHolder1_LabelResult p, .success #ctl00_ContentPlaceHolder1_LabelResult, .form-fullin li strong, .text-inner p, .text-inner p span.strongText {color:#000;}
    .success #ctl00_ContentPlaceHolder1_LabelResult,.success #ctl00_ContentPlaceHolder1_LabelResult, .success #ctl00_ContentPlaceHolder1_divSuccess {color:#159b08;}
    h2, h3{ font-family: Arial,tahoma, Verdana;}
    #mtw{width:85%;}
    .leftColumn{width:37%;}
    .rightColumn{width:60%; position:relative; z-index:0;}
    .home-link, .main-down1 > a, #mainweblink, .tab-bigPP, .pp-intro-stores.pp-font-notification-stores, .line, .footer{display:none;}
    .pp-change-style-widget-stores{display:none!important;}
    .top-text{float:none;}
    .main-text{padding:230px 0 0; background-position:center top; margin:20px 0 0;}
    .form-fullPP, .SSPappForm{border:0;}
    .pp-global-stores.pp-global-full-stores{padding:0;}
    input[type="text"].pp-searchbar-input{width:45%!important;}
    .btn-outer{width:15%; text-align:right;}
    .btn-outer.left{width:85%;}
    #map-canvas{border:solid 1px #c8c8c8; width:58%;}
    .success{color:#000;}
    .success p u{text-decoration:none!important; color:#d00000; display:block; padding:0 0 10px;}
    #DropDownListReDelOrigAddrDate{ width:25%;}
    .buttonMy{width:100%; text-align:right;}
    .buttonMy input[type="image"], #divOption4Button input[type="image"]{float:none!important; margin:0 0 0 5px;}
    #divOption4Button{text-align:right;}
    #TextBoxCompanyName, #TextBoxReceiverName, #TextBoxAltAddr1, #TextBoxAltAddr2, #TextBoxAltState, #TextBoxAltSuburb, #TextBoxAltPostcode, #TextBoxAltPhone, #TextBoxAltSpecialInstruction{width:86%; padding:1px 2%;}
    #div6 h3{margin:5px 0;}
    #Label8, .content_info {display:none;}
    .tab-small-inner-sd {font-size: 12px; text-decoration: none; color: #ffffff; padding: 5px 5px 5px 0;}
    .tab-sm-padd{padding: 5px!important;}
    .tab-small-inner-sd strong {padding: 5px 5px 5px 0;}
    .content_info1  {display:block; color:#000; float: left;}
    .text-right{ padding:0;}
    .show-small-screen .style2, .text-inner p.sdevice-textred{ color:#d00000 !important; font-size: 12px;}
    .top-text{ font-size:17px; margin: 10px 0;}
    #checkemail checkbox, #checksms checkbox, #checkemail input[type="checkbox"], #checksms input[type="checkbox"], #checkemailPP input[type="checkbox"], #checksmsPP input[type="checkbox"] ,#CheckBoxSMS, #CheckBoxEmail {border:1px solid #7f9db9; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -o-border-radius:0 !important; -ms-border-radius:0 !important;}
    #DropDownListReDelOrigAddrDate, #DropDownListAtldate, #DropDownListReDelOrigAddrDate, #DropDownListDepotColDate {border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -o-border-radius:0 !important; -ms-border-radius:0 !important;}
    #DropDownListAtldate, #DropDownListDepotColDate {width: 25%;}
    #checkemail label, #checksms label, .topicfull strong, #checkemailPP label, #checksmsPP label { color:#000;}
    .selDate{margin-top:8px;}
    .topicfull .red{ float:right;}
    .form-fullin .red { float:none;}
    .sdevice-textnormal .style2, .spec-noteswrap p { font-weight:normal !important;}
    .storelocator-panel {overflow-y: scroll;}
    .tab-small-inner-sd{display:block;}
    .hide-small-screen-sd, .hide-small-screen-markedtxt{ display:none;}
    .form-column2 .text-rightCol {color:#000;}
    .style4 strong, .form-in .tab-small-inner-sd strong {font-weight: bold !important; color: #000; font-size: 11px;}
    .msg-panelConf {width: 100%; height:auto; position: absolute!important; overflow-y: auto; left: 0!important; top: 10px!important; margin: 0; padding: 0;}
    .form-column1 {margin-bottom:55px;}
    .hide-small-screen, .tab-small-inner-sd{display:none;}
    .show-small-screen, .hide-small-screen-sd {display:block;}
    .radio-option label{ line-height:13px; margin:3px 0 3px; padding:0; text-align:left; vertical-align:top; display:inline-block;}
    .radio-option label input[type="radio"] { display:inline-block; margin:0 5px 0 0; padding:0; }
    .topicful-name .red{ padding-right:3px;}

    /*Set new Parcel point Widget*/
    #parcelpoint-stores-widget{ position:relative; background:#fff;}
    .pp-title-widget, .pp-span-2, .pp-selected-store { display:none;}
    /*parcel logo*/
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-logo { display:block !important; position: absolute; right: 0; /*top: 20px !important;*/top: 0px !important; text-align:right !important; width:42%; height:35px !important; min-height:35px !important; z-index: 10;}
    .pp-logo img,.pp-parcelpoint-logo {height: 35px !important; margin-right: 15px;}
     /*map*/
     .pp-main-container-widget, .pp-selected-store-container { position:relative;/**/ min-height:35px;}
     .pp-inline-block .pp-span-2 {width: 49% !important; /*top: 15px !important;*/ top: -35px !important;}
     .pp-map-panel-widget{ border:1px solid #cfcfcf; }
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-panel-widget {width: 100% !important;  top:45px !important; left:10px !important;}
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-list-panel-widget {height: 350px !important; width: 100%; background: none !important; border: 0 !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}/*bg*/
     .pp-type5-store-widget-main-container .pp-list-panel-widget .pp-list-stores {height: 265px;}
     .pp-type5-store-widget-main-container .pp-pagination-store {width: 100%;}
     .pp-type5-store-widget-main-container .pp-map-panel-widget {height:338px !important; /*height: 288px !important;*/}
    /*button & location division */
    .pp-type5-store-widget-main-container .pp-pagination-previous{ padding:5px;}
    .pp-type5-store-widget-main-container .pp-list-panel-widget { padding:10px 0 !important;}
    .pp-type5-store-widget-main-container .pp-list-panel-widget .pp-list-stores {height: 250px !important;}
     .pp-type5-store-widget-main-container .pp-nav-middle {width: 60%;}
     .pp-search-panel-widget{ width:100%;}
     input[type="text"].pp-searchbar-input,
    .pp-type5-store-widget-main-container .pp-searchbar-input {height:35px !important;}  
    .pp-form-filter input[type="text"].pp-searchbar-input {width: 65%!important;}  
    .pp-type5-store-widget-main-container .pp-search-panel-widget .pp-search-button,
    .pp-type5-store-widget-main-container .pp-geolocation{ height: 35px !important; width: 15% !important; }
    .location-detail #parcelpoint-stores-widget{ height:auto !important;}
    .pp-list-panel-widget .pp-list-stores { width:100%;}
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-panel-widget {float: right; left: 0px; top: 0px; width: 50%;} /*map*/
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-container {height: 0; position: absolute; right: 10px;top: 140px;} 
    .pp-type5-store-widget-main-container .pp-selected-store { min-height:0 !important;}
    /*popup*/
   #PanelSSP { min-height: 50px; width: 100%; height: 50%; top:25% !important; left:auto !important; text-align: center; margin:0 !important; z-index:9999999; }    
   .SSP {text-align: center; margin:0 !important; }
}

@media only screen and (max-width:800px){
    #mtw{width:95%;}
    #RadioButtonListRedelivery label{width:85%;}
    #ImageButton1{margin:0 16%;}
    .topicful-name{width:35%;}
    .topic-name, #divAltspeins{width:63%;}
    #TextBoxNeightbourName, #TextBoxNeightbourStreet1, #TextBoxNeightbourStreet2, #TextBoxAbsSpecinstruction{width:94%; padding:1px 2%;}/*91%*/
    .form-fullin .topicfull{width:40%;}
    .form-fullin .topic{width:55%;}
    #pp-searchBar{margin-bottom:20px;}
    .hide-small-screen-consig-no, .hide-small-screen-markedtxt {display:none;}
    .show-small-screen-consig-no {display:block; }
    .sdevice-textnormal .style2 { font-weight:normal !important; color:#000; }
    .sd-ser-notice{ margin-top:40px;}
    .location-detail #parcelpoint-stores-widget{height:345px;}/*set map ht*/
    
    /*set parcel point widget*/
    .pp-inline-block .pp-span-2.pp-list-panel-widget {width: 40% !important;}
    .pp-inline-block .pp-span-2.pp-map-container {width: 58% !important;}
    .pp-form-filter input[type="text"].pp-searchbar-input {width: 60%!important;}
    .pp-type5-store-widget-main-container .pp-search-panel-widget .pp-search-button, .pp-type5-store-widget-main-container .pp-geolocation {width:18% !important;}
    .pp-type5-store-widget-main-container .pp-nav-middle {width: 50% !important;}
    .pp-type5-store-widget-main-container .pp-pagination-previous, .pp-type5-store-widget-main-container .pp-pagination-next { margin: 0; padding:5px !important; position:relative; z-index:9;}
}

@media only screen and (max-width:768px){
    .sd-ser-notice {margin-top: 0px;}
}

@media only screen and (max-width:650px){  
    body{background:none;}
    #header{display:none; padding:0;}
    .logo{ margin-bottom:5px;}
    .logo-smDevice{ display:none !important;}
    .top-text{width: 100%; text-align: center;z-index: 9; padding: 10px 6% 10px 0; margin-left: -3.3%; margin-top:0;}
    .main-text{margin-top:15px;}
    .main-container{padding:0;}
    .form-column1{margin:135px 0 0;}
    .form-column2{margin:15px 0 0; position:relative;}	
    .option.option-top{position:absolute; width:99.8%; top:-540px;}
    .leftColumn, .rightColumn, .form-column1, .form-column2{width:inherit; float:none;}
    .leftColumn, .rightColumn,.result-page .leftColumn{display:none;}
    .result-page .rightColumn{display:block;}
    .main-text{padding:0 0 0 210px; background-position:left top; }
    #ImageButton1{margin:0 40%;}
    .nextButton{display:block; margin:10px 0 10px 55%!important;}
    .left-panel{width:48.5%; float:left;}
    .map{width:48.5%; float:right; margin:0;}
    .map p{padding:0;}
    #DropDownListDepotColDate{width:100%; padding:2px;}
    .buttonMy{width:100%; text-align:center;}
    .text-bg{padding-bottom:20px;}
    #panelOrgAddressOption .text, .select-options, #PanelDelToAltAddr .text{width:48.5%; float:left;}
    #panelAlert, #PanelDeliveryAbsent .text, #PanelDeliveryAbsent .spec-noteswrap, #DropDownListAtldate{width:48.5%; float:right;}
    #panelOrgAddressOption .selDate{text-align:center;}
    #DropDownListReDelOrigAddrDate{width:33%;}
    .radio-option, #divneighbour{width:100%; float:none;}
    #divneighbour{padding:10px 0 0;}
    .topicful-name{width:45%;}
    .topic-name{width:53%;}
    #divOption4Button{width:100%; float:left; text-align:center;}
    #PanelDeliveryAbsent p{font-weight:normal;}
    .specified-notes{color:#989898;}
    .specified-notes-ip{width:100%; float:left;  display:none; margin:10px 0 0;}
    #divAltspeins{width:100%; padding:20px 0 0;}
    .msg-panelConf{position: absolute !important; top:0 !important;  left: 0 !important; height:auto; width: 100% !important; background: #fff !important; overflow-y: scroll !important; margin: 0 !important; z-index: 8 !important; padding-right:1px;}
    .osadd #PanelConfirmNoFees, .osadd #PanelConfirmFees{ position:absolute !important; top:0; left:0; width:100%; height:4400px !important; background:#fff; overflow-y:scroll !important;}/*for nexus one android version*/
    .msg-panelConf .top-text{display:block;}
    .text-middle{padding:0 0 20px;}
    .style1{color:#d00000!important; font-weight:normal;}
    #LabelDepotMessage, .txtblack, .txtblack p{color:#000;}
    #txtPPEmail, #txtPPSMS{padding:1px 2%;}
    .btn-outer{width:50%!important; text-align:left;}
    .btn-outer.left{text-align:right;}
    .msg-panelConf h2{padding:50px 0 0;}
    .location-detail #parcelpoint-stores-widget{height:235px;}
    .location-detail .text-rightPP, .location-detail #pp-searchBar{width:48%;}
    .location-detail #pp-searchBar{position:relative; padding:0 0 50px;}
    .location-detail #Div4{display:none;}
    .location-detail .pp-logo-stores{width:70%!important; height:auto!important; position:absolute; left: -12px; bottom:0;}
    input[type="text"].pp-searchbar-input{width:70%!important;}
    #PanelDepotColOpt .text-inner{min-height:159px;}
    .hide-mobile-screen,.hide-small-screen-sd{display:none;}
    .tab-small-inner-sd{display:block;}
    .pp-global-full-stores .storelocator-panel {vertical-align: top; height: 110px!important; overflow-y: scroll; width:46%!important;}
    #map-canvas{position: absolute!important;right: 0; top: 10px; left: inherit; bottom:inherit; width: 50%;}

     /*set new parcel point css*/
    .pp-type5-store-widget-main-container .pp-map-panel-widget {height: 335px !important;}
    .pp-type5-store-widget-main-container .pp-list-panel-widget .pp-list-stores { height: 235px !important;}
    .pp-type5-store-widget-main-container .pp-pagination-store{ background:#fff; padding:2px 0;}
    .pp-form-filter input[type="text"].pp-searchbar-input {width: 30%!important;}
    .pp-type5-store-widget-main-container .pp-search-panel-widget .pp-search-button,
    .pp-type5-store-widget-main-container .pp-geolocation{ height: 28px !important; width: 10% !important; }
     input[type="text"].pp-searchbar-input{width:40%!important; height:30px!important;}
     .pp-form-filter input[type="text"].pp-searchbar-input {width: 74%!important;}
     .pp-logo img,.pp-parcelpoint-logo {height: 32px !important; margin-right:0;}
     .pp-searchbar-input {line-height: 28px !important;}
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-container {height: 0; position: absolute; right: 10px; top: 290px !important;}
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-list-panel-widget {height: 325px !important; border:1px solid #ccc !important; padding:10px 3px !important; margin-bottom:300px !important; }
     .pp-type5-store-widget-main-container>div {margin-top: 0px !important;}
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-logo {top:14px !important;}
     
     .pp-inline-block .pp-span-2.pp-list-panel-widget {width: 45% !important; padding: 10px 4pa !important;}
     .pp-inline-block .pp-span-2.pp-map-container {width: 53% !important;}
     .pp-inline-block .pp-span-2 {width: 49% !important;}
     .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-logo { position: absolute !important; right: 10px; }
     .pp-inline-block .pp-span-2 {width: 40% !important;}
     .pp-selected-store-container.pp-inline-block{ min-height:60px !important;}
     .pp-span-2.pp-logo{width: 58% !important;}
     
     /*popup*/
     .messagebox{position:absolute!important;}
      #PanelSSP { min-height: 50px; width: 100%; height: 50%; top:25% !important; left:auto !important; text-align: center; margin:0 auto !important; z-index:9999999;}    
     .SSP {text-align: center; margin:0 auto !important; }
     
 }

@media only screen and (max-width:580px){
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-list-panel-widget {margin-bottom:0 !important;}
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-container {top: -45px !important;}
    .pp-type5-store-widget-main-container .pp-map-panel-widget {height: 323px !important;}
}

@media only screen and (max-width:480px){
    .location-detail #parcelpoint-stores-widget{height:218px;} 
    .msg-panelConf h2 {padding: 0;}
    .pp-inline-block .pp-span-2.pp-map-container {width: 53% !important;}
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-container {height: 0; position: absolute; right: 10px; top: -45px !important;}
    .pp-form-filter input[type="text"].pp-searchbar-input {width: 65%!important;}
    .pp-type5-store-widget-main-container .pp-search-panel-widget .pp-search-button,
    .pp-type5-store-widget-main-container .pp-geolocation{ width: 15% !important; }
    .pp-type5-store-widget-main-container .pp-map-panel-widget {height: 323px !important;}
    .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-list-panel-widget { margin-bottom:0px !important; }
    .pp-logo img, .pp-parcelpoint-logo {height: 28px !important;}
    #PanelDelToParcelPoint .text-rightPP p, #PanelDelToParcelPoint .text-rightPP{ width:100% !important;}
    
}

@media only screen and (max-width:450px){    
    .main-text{padding: 215px 0 0 0 ; background-position:center top;  min-height:inherit;}
    .nextButton{margin:10px auto!important;}
    .selDate{padding:0; line-height:24px;}
    .left-panel, .map, #panelOrgAddressOption .text, #panelAlert, .select-options, #PanelDeliveryAbsent .spec-noteswrap, #PanelDeliveryAbsent .text, #PanelDelToAltAddr .text, #map-canvas{width:100%; float:none;}
    .map{margin:10px 0 0;}
    #map-canvas{height:295px; margin:10px 0 0;}
    #DropDownListDepotColDate{width:40%; float:right;}
    .topicful-name,  #DropDownListAtldate{width:35%;}
    .topic-name{width:65%;}
    .form-fullin .topicfull{width:60%;}
    .form-fullin .topic{width:40%;}
    input[type="text"].pp-searchbar-input{width:40%!important;}
    .pp-search-button{padding:5px!important;}
    .pp-logo-stores{width:40%!important; height:29px!important;}
    .storelocator-panel{width:100%!important; height:100px!important;}
    #txtPPEmail, #txtPPSMS{width:175px!important;}	 
    #PanelDelToParcelPoint .text-middle{padding:0;}
    .change-content{ border: 1px solid #C3C3C3; margin-bottom:15px;}
    .location-detail #pp-searchBar{padding:0;}
    .pp-global-full-stores .storelocator-panel{width:100%!important;}
    .location-detail #parcelpoint-stores-widget{height:455px;}
    .location-detail .pp-logo-stores{width: 45%!important; height: auto!important; position: inherit; left: 0;bottom: 0;}
    .location-detail .text-rightPP, .location-detail #pp-searchBar{width:100%;}
    #map-canvas{position: relative!important; right: inherit; top: inherit; width: 100%;}
    
    /*set new parcel point widget css*/
      .pp-inline-block .pp-span-2.pp-list-panel-widget {width: 100% !important;}
      .pp-inline-block .pp-span-2.pp-map-container {width: 100% !important;}
      .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-map-container {height: 0; position: absolute; right: 10px; top: 290px !important;}
      .pp-type5-store-widget-main-container.pp-type5-widget-first-stage .pp-list-panel-widget {height: 325px !important; padding:10px 3px !important; margin-bottom:255px !important; }
      .pp-type5-store-widget-main-container .pp-map-panel-widget {height: 240px !important; } /*295px*/
}

@media only screen and (max-width:345px){
    .option.option-top {top:-605px;}
}

@media only screen and (max-width:449px){
    #txtPPEmail, #txtPPSMS{width:147px!important;}	
}

@media only screen and (min-device-width: 451px) and (max-device-width: 480px) and (orientation:portrait) {
    .main-text{padding: 215px 0 0 0 ; background-position:center top;  min-height:inherit;}
    .nextButton{margin:10px auto!important;}
    .selDate{padding:0; line-height:24px;}
    .left-panel, .map, #panelOrgAddressOption .text, #panelAlert, .select-options, #PanelDeliveryAbsent .spec-noteswrap, #PanelDeliveryAbsent .text, #PanelDelToAltAddr .text, #map-canvas{width:100%; float:none;}
    .map{margin:10px 0 0;}
    #map-canvas{height:295px; margin:10px 0 0;}
    #DropDownListDepotColDate{width:40%; float:right;}
    .topicful-name,  #DropDownListAtldate{width:35%;}
    .topic-name{width:65%;}
    .form-fullin .topicfull{width:60%;}
    .form-fullin .topic{width:40%;}
    input[type="text"].pp-searchbar-input{width:40%!important; height:28px!important;}
    .pp-search-button{padding:5px!important;}
    .pp-logo-stores{width:40%!important; height:29px!important;}
    .storelocator-panel{width:100%!important; height:100px!important;}
    #txtPPEmail, #txtPPSMS{width:175px!important;}	 
    #PanelDelToParcelPoint .text-middle{padding:0;}
    .change-content{ border: 1px solid #C3C3C3; margin-bottom:15px;}
    .location-detail #pp-searchBar{padding:0;}
    .pp-global-full-stores .storelocator-panel{width:100%!important;}
    .location-detail .pp-logo-stores{width: 45%!important; height: auto!important; position: inherit; left: 0;bottom: 0;}
    .location-detail .text-rightPP, .location-detail #pp-searchBar{width:100%;}
    #map-canvas{position: relative!important; right: inherit; top: inherit; width: 100%;}
}

/*= End Responsive CSS -
--------------------------------------------------------------------------------------------------*/