/*************************************
    01. Custom Styles
**************************************/

.rn_Input label,
.rn_Input .rn_Label {
    margin-bottom: 5px !important;
}

.rn_AdvancedSearchDialog {
    display: none;
}

a:focus {
    outline: none !important;
}

#rn_SearchControls {
    position: relative;
}

#rn_SearchControls .rn_KeywordText label:before {
    background: transparent;
}

#rn_SearchControls .rn_KeywordText label:after {
    content: '';
}

#rn_SearchControls .rn_KeywordText input[type='text'] {
    width: 62.5%;
    max-width: 600px;
    margin: 20px auto;
    border: 0;
    border-radius: 5px;
    color: #000000;
    padding: 10px 2.5% 10px 5%;
    background-color: #f8f7f5;
    background-image: url('img/icons/search-icon.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 20px;
    font-size: 100%;
}

#rn_SearchControls .rn_SearchButton2 input[type='submit'] {
    width: 1px;
    height: 1px;
    padding: 0px;
}

#rn_SearchControls .rn_SearchButton2 {
    bottom: 0px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.rn_ProductCategoryList h2 {
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.rn_ProductCategoryList {
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    clear: both;
    margin-bottom: 0px !important;
    overflow: hidden;
    padding-bottom: 0px !important;
}

.rn_ProductCategoryList h2 {
    background: transparent !important;
    border-bottom: none !important;
}

.rn_HierList {
    width: 30.66% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.rn_FloatLeft,
.rn_FloatRight {
    float: none !important;
}

.rn_ProductCategoryList .rn_HierList h3 {
    border-bottom: none !important;
    color: #000;
    font-size: 1em !important;
    margin: 0 !important;
}

.rn_ProductCategoryList .rn_HierList h3 a {
    text-decoration: none !important;
}

.rn_ProductCategoryListV1 .rn_HierList {
    position: relative;
    height: 200px;
    overflow: hidden;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 4%;
    margin-bottom: 20px;
}

.rn_AnswerList #rn_SearchControls .rn_KeywordText label {
    display: none;
}

.rn_answerlist {
    cursor: pointer;
}

.rn_answerlist span:last-child {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 0em 0 1em 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #000;
}

.rn_answerlist:hover span:first-child a {
    color: #007377;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rn_AnswerText {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
}

.rn_RelatedAnswers li a {
    padding-left: 0px;
    display: block;
    font-size: 1em !important;
}

.rn_RelatedAnswers h2,
.rn_PreviousAnswers h2 {
    text-align: center;
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
    margin-bottom: 1.3em !important;
}

.white.break h3 {
    margin-bottom: 1.3em !important;
    margin-top: 0px !important;
}

.rn_AnswerFeedback .rn_Title {
    border-bottom: none !important;
    margin-bottom: 1.3em !important;
}

.chat_active {
    cursor: pointer;
}

.cta_contact.hide_chat.active {
    color: #fff;
}

.cta_contact:hover {
    background-color: #007377 !important;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.no_hov {
    background-color: #faf9f9 !important;
}

.no_hov:hover {
    background-color: #faf9f9 !important;
    color: #000;
}

.hide_chat,
.hide_email {
    display: none;
}

#contact_body .cta_contact.hide_chat.active {
    display: block;
}

.rn_FormSubmit input[type='submit'] {
    background: #007377;
    color: #fff;
}

.rn_FormSubmit input[type='submit']:hover {
    background: #79952e;
    color: #fff;
}

.rn_livehelp img {
    width: 40px;
    margin: 10px auto;
}

.rn_PreviousAnswers h2 {
    text-transform: uppercase;
}

#search_bar .row {
    margin: 0px !important;
}

.cta_contact .form_wrap {
    width: 50%;
    padding: 20px 25%;
    text-align: left;
}

.form_wrap .rn_Input label {
    font-weight: normal !important;
}

.form_wrap select{
    width: 100% !important;
}

.form_wrap .rn_Input:not(.rn_SelectionInput) label:before,
.form_wrap .rn_Input:not(.rn_SelectionInput) label:after {
    padding: 0px;
    width: 0px;
    height: 0px;
    content: '';
}

.rn_FormSubmit input[type='submit'] {
    width: auto !important;
    padding: 5px 20px;
    margin-bottom: 5px !important;
}

.rn_livehelp h2 {
    text-transform: uppercase;
}

.chat-email .cta_contact.hide_chat.active {
    background-color: #007377 !important;
}

.cta_contact.hide_chat.active h3,
.cta_contact.hide_chat.active p,
.cta_contact.hide_chat.active h4 {
    color: #000;
}

#submit_form {
    background-color: #fff;
    color: #000;
}

.cta_contact h3 {
    margin-top: 0px !important;
    margin-bottom: 1.3em !important;
}

#contact_body .cu_category {
    margin-top: 0;
    padding: 20px 0;
    margin-bottom: 20px;
}

.cu_category:nth-child(2n) {
    background-color: #fff;
}

.cu_category:nth-child(2n+1) {
    background-color: #faf9f9;
}

.cta_contact #email div:nth-child(5) .yui3-overlay,
.cta_contact #email .full_width:nth-child(9) .yui3-overlay,
.cta_contact #email .full_width:nth-child(10) .yui3-overlay {
    display: none;
    /*width: 300px;
    left: 620px;*/
}

#email .rn_TextInput,
#email .rn_TextInput input,
#email .rn_FileAttachmentUpload,
#email .rn_FileAttachmentUpload input,
textarea {
    margin-bottom: 0px !important;
    box-sizing: border-box;
    width: 100%
}

#search_bar .main_search {
    width: 600px;
    width: 62.5%;
    max-width: 600px;
    margin: 20px auto;
    border: 0;
    border-radius: 5px;
    color: #000000;
    padding: 10px 2.5% 10px 5%;
    background-color: #f8f7f5;
    background-image: url("../../reskin/images/icons/search-icon.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 20px;
}

.rn_SimpleSearchNew .yui3-widget-positioned {
    background-color: #FFFFFF;
}

.rn_SimpleSearchNew ul li {
    padding: 12px;
    text-align: left;
    color: #000;
}

.rn_SimpleSearchNew ul li:hover {
    background-color: #F5F5F5;
    cursor: pointer;
}

h3 em {
    font-style: normal !important;
	font-weight:bold;
}

.yui3-panel .yui3-widget-hd {
    background-color: #007377 !important;
    background: #007377 !important;
}

.rn_SimpleSearchNew .yui3-aclist{
    z-index:9999;
}

.rn_SimpleSearchNew .yui3-aclist ul{
    max-height: 192px;
    overflow: auto;
}

.current{
    color:#007377 !important;
}

.rn_ProductCategoryInput .yui3-widget{
    z-index:999;
}

.rn_SelectionInput select.desktopDropDown::-ms-expand {
    display: none;
}

.yui3-aclist-content ul li {
    padding:5px;
    background-color: #fff;
}

.yui3-aclist-content ul li > .ui-menu-item-wrapper{
    background-color: #fff !important;
    border:none !important;
    color:#000 !important;
}

.yui3-aclist-content ul li:hover > .ui-menu-item-wrapper{
    background-color: #f8f7f5 !important;
    border:none !important;
    color:#000 !important;
}

.rn_SimpleSearchNew ul{
    border-radius: 0 5px 0 5px;
}

.rn_SimpleSearchNew ul li{
    border-top: none;
}

.rn_SimpleSearchNew ul li:last-child{
    border-bottom: none;    
}

.ui-widget.ui-widget-content{
    max-height: 160px;
    overflow: auto;
}

.rn_ErrorMessage a {
    color: #990000;
}
.rn_ErrorMessage a:hover {
    color: #000;
	text-decoration:underline;
}

select::-ms-expand {
    display: none;
}

.rn_ProductCategoryInput .yui3-panel-content{
	box-shadow: none !important;
	border: 1px solid #1e90ff !important;
}

.rn_ProductCategoryInput .yui3-panel-content .rn_Panel{
	border:none !important;
	padding:0px;
}

.rn_ProductCategoryInput .rn_Panel .ygtvitem .ygtvchildren .ygtvitem:hover{
	background: #1e90ff !important;
	color:#fff !important;
}

.rn_ProductCategoryInput .rn_Panel .ygtvitem .ygtvchildren .ygtvitem:hover td a{
	color: #fff !important;
}

.rn_ProductCategoryInput .rn_Panel .ygtvitem .ygtvchildren .ygtvitem .ygtvfocus,
.ygtvfocus .ygtvlabel{
	background-color: transparent !important;
	background: transparent !important;
}

.rn_ProductCategoryInput table{
	width:100%;
}

.rn_ProductCategoryInput table td a{
	width:99%;
	display: block;
	transition: none;
}

.question-category a:hover{
    color: #000;
}

.rn_fileRemove:hover{
    text-decoration: underline;
    color:#444444;
}

.cat_body ul li,
.cat_body ul li a{
    margin-bottom: 0px;
}

.rn_RelatedAnswers ul li{
    /*list-style: disc;
    color: #007377;*/
    line-height: 2;
}

.cat_body .row > .button{
    margin-top:15px;
    display: inline-block;
}

#footer{
    background-color: #fff; 
}

.rn_main_search{
    display: block !important;
}

#contact_body .cta_contact{
    background-color: #faf9f9 !important;
    color: #000 !important;
    min-height: 487px;
}

#main_body .cta_buttons a.button{
    font-size: 1.6em;
    padding: 20px 5%;
}

.cat_body h2{
    text-align: center;
    text-transform: uppercase;
}

.rn_cntbtn a{
    padding:20px !important;
    font-size: 1.4em !important;
}

#rn_ChatDialogHeaderContainer img{
    max-width: 160px;
}

.question-category-text{
	color: #000;
}

.question-category-text:hover{
	color:#000;
}

/*#search_bar{
	max-height: 163px;
}*/

.rn_ChatStatus{
    text-align:left;
}

.cat_body p{
    font-size:1em !important; 
}

.rn_thnx{
    display: inline !important;
}

.rn_AnswerDetailBold{
    font-weight: bold !important;
}

.cat_body img{
    width: 30px;
}

#feedback .thanks img{
    min-width: 47px
}

.rn_dtecap{
    text-transform: capitalize;
}

.rn_TextInput input{
    width: 100% !important;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    #rn_SearchControls .rn_KeywordText input[type='text'] {
        width: 85%;
        padding: 10px 5% 10px 10%;
    }
    #search_bar .main_search {
        width: 100%;
        padding: 10px 0 10px 15% !important;
        box-sizing: border-box;
    }
    .rn_ResultInfo .rn_Results {
        text-align: center !important;
    }
    input {
        width: 100%;
    }
    .hide_chat input{
        /*width: 91% !important;*/
    }
    textarea {
        width: 100%;
    }
    .rn_FormSubmit input[type='submit'] {
        width: 100% !important;
    }
    .hint {
        left: 0px !important;
        top: 75px !important;
    }
    .cta_contact #email div:nth-child(5) .yui3-overlay,
    .cta_contact #email .full_width:nth-child(9) .yui3-overlay,
    .cta_contact #email .full_width:nth-child(10) .yui3-overlay {
        width: 100%;
    }
    .rn_HintBox {
        width: 100% !important;
        font-size: 10px !important;
        max-width: 90% !important;
        border: none !important;
    }
    #main_body #rn_AnswerText p span a {
        width: 100%;
        display: block;
        word-wrap: break-word;
    }
    .rn_Content .cat_body a p {
        width: 100%;
        display: block;
        word-wrap: break-word;
    }
    .yui3-widget {
        width: 100% !important;
        max-width: 300px;
        -webkit-transition: 0s ease-in-out;
        transition: 0s ease-in-out;
    }
    .yui3-widget .yui3-widget-ft .yui3-button {
        margin-left: 0px !important;
    }
    .yui3-widget .yui3-widget-ft span button,
    .yui3-widget .yui3-widget-ft span a {
        width: 100%;
        display: block;
        margin: 10px 0px;
        font-size: 14px;
        text-align: center;
    }
    .yui3-panel .yui3-widget-ft .yui3-widget-buttons {
        display: block !important;
    }
    .rn_FormSubmit img {
        max-width: 15px;
    }
    .rn_SimpleSearchNew .yui3-aclist ul {
        max-height: 265px;
        overflow: auto;
    }
    .rn_Multiline li{
        float: none !important;
        width: 90% !important;
        margin-right: 0px !important;
        margin-left: 7% !important;
    }
    .rn_Multiline li .rn_Element1 a{
        padding-left: 0;
    }
    .cta_contact .form_wrap .rn_Input .yui3-overlay{
        display: none;
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 13px;
    }
    #main_body .cta_buttons a.button{
        width:70%;
        margin: 30px auto;
        padding: 15px 5%;
    }
    .cta_contact .form_wrap{
        padding:20px 0px;
        width: 100%;
    }
    .cta_contact .form_wrap .rn_Padding{
        padding:0px 15px; 
    }
    .rn_ChatStatus{
        text-align:center;
    }
    .rn_List_page_title,
    .rn_AnswerListText{
        margin-bottom: 0px;
    }
    

    #rn_AnswerText li{
        margin: 0 20px;
    }
    .rn_cntbtn a{ 
        font-size: 1.1em !important;
    }
    
    
    /*==== Feedback Responsive ====*/
    .rn_thnx{
        display: block !important;
        text-align: center;
    }
    #feedback .wrap .thanks{
        width:100%;
        padding:5px 5%;
        min-width:280px;
        max-width:500px;
        box-sizing: border-box;
        text-align: center;
    }
    .rn_Multiline .my_frow1, .rn_Multiline .my_frow2 {
        float: none !important;
        width: 100% !important;
    }
    #feedback .thanks strong{
        width: 100%;
        display: block;
    }

    #feedback .active .sub_ul{
        padding-top: 140px;
    }
    .cat_body ul li {
        margin-left: 5% !important;
    }
    /*==== Feedback Responsive End ====*/

}

@media (min-width: 768px) and (max-width: 1180px){
	#contact_body{
		display: table-row;
	}
		
	#contact_body .left.last {
	    border-right: 0 none;
	}    

    .cta_contact #email .left{
        border-right: none;
        border-bottom: none;
    }

    .cta_contact #email .left button{
        width: 96%;
    }
    .chooseatopic{
        margin-top: 20px;
    }
    .back_to span{
        font-size: 15px;
    }
    #main_body .cta_buttons a.button{
    	font-size: 1.3em;
    }
    .rn_ProductCategoryInput .rn_Label::after {
        right: 16px !important;
    }
    .yui3-widget {
        width: 100% !important;
        max-width: 300px;
    }
}
/*====== End ======*/

/*for IE 10,11 search input place holder */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  
    :-ms-input-placeholder { /* IE10–11 */
        color: #A8A8A6 !important;
    } 
}

@media only screen and (width : 320px) { 
   input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 11px;
    } 
}
.rn_FileAttachmentUpload img, .rn_FormSubmit img{
    width: auto !important;
}
.rn_FileAttachmentUpload ul li .rn_Thumbnail img{
    height: 50px;
}