initial commit

[namibia] / public / css / app / contact_us.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{ 
        margin:0; 
        padding:0; 
        border:0; 
        outline:0;
        vertical-align:baseline;
}

body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        
}

ul {
        list-style:none;
}

img,fieldset {
        border:none;
}

a { 
        text-decoration:none;
}

/* Terms and conditions
-------------------------------------------*/
.Terms {
        width:951px;
        padding:30px 0 0 0;
        color:#413e3e;
        line-height:16px;
}

.Terms_top {
        width:930px;
        padding:0 0 10px 0;
        background:url(/images/slideshow.png) repeat-x bottom;
        margin-bottom:25px;
}

.Terms_top h2 {
        font-size:22px;
        font-weight:normal;
        font-style:italic;
        padding-bottom:8px;
  font-family: Arial, Helvetica, sans-serif;
}

.Terms_top p {
        font-size:12px;
}

.textDiv {
        width:890px;
        padding:0 31px 15px 30px;
}

.textDiv h2 {
        color:#d52e31;
        padding:0 0 20px 0;
        font-size:14px;
}

.textDiv h3 {
        font-size:13px;
}

/* contactDiv
-------------------------------------------*/
.contactDiv {
        width:890px;
        padding:0 31px 140px 30px;
        overflow:hidden;
}

.contact_lft {
        width:600px;
        overflow:hidden;
        float:left;
}

.arrowDiv {
        height:235px;
        width:270px;
        float:left;
        background:url(/images/arro.png) no-repeat right center;
        color:#000;
        padding:10px 0 0 0;
        text-align:left;
}

.arrowDiv h2 {
  font-size   :100px;
  line-height :100px;
  font-family : Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.arrowDiv p {
        font-size:58px;
        line-height:60px;
}

.arrowDiv a {
        font-size:35px;
        color:#d52e31;
        line-height:40px;
}

.contactText {
        font-family:'Arial Unicode MS';
        width:272px;
        float:right;
}

.contactText h2 {
        padding:0 0 15px 0;
        font-size:14px;
}

.contactpost a {
        color:#413e3e;
}

.contactpost a:hover {
        text-decoration:underline;
}

.contactpost {
        color:#413e3e;
        padding:0 0 15px 0;
}

.contactForm {
        width:227px;
        background:url(/images/contactForm.png) repeat-y;       
        float:right;
        padding:0 0 0 11px;
}

.inputDiv {
        width:227px;
        padding:0 0 8px 0;
}

.inputDiv input {
        background:#eeeeee;
        border:1px solid #c8c8c8;
        height:16px;
        width:205px;
        padding:10px;
        color:#787878;
        font-family:Arial, Helvetica, sans-serif;
        line-height:15px;
        border-radius:2px;
}

.input-prepend .inputDiv input{
    background:#eeeeee;
    border:1px solid #c8c8c8;
    height:16px;
    width:170px !important;
    padding:10px;
    color:#787878;
    font-family:Arial, Helvetica, sans-serif;
    line-height:15px;
    border-radius:2px;
}

.inputDiv textarea {
        background:#eeeeee;
        border:1px solid #c8c8c8;
        height:83px;
        width:205px;
        border-radius:2px;
        overflow:hidden;
        padding:10px;
        color:#787878;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
}

.input-append .add-on, .input-prepend .add-on
{
    padding: 8px 5px;
}

.sentbtn {
        width:227px;
        text-align:right;
        padding:0 0 0 0;
}

.sentbtn input {
        width:75px;
        height:35px;
        cursor:pointer;
        border:none;
        background:url(/images/sent.png) no-repeat;
}
/*********************************************/
/************new changes**********************/

.contact-no{
        line-height: 37px;
        margin: 50px 0;
  font-family: Arial,Helvetica,sans-serif;
}

.head-office-info{
  font-size: 16px;
  line-height: 22px;
}



/* mobile and tablet*/

@media (min-width: 768px) and (max-width: 979px) {
        .Terms{
                width:50%;
        }
        
        .Terms_top{
                width:100%;
        }

        .contactDiv{
                width:100%;
                padding:0 !important;
        }
        
        .contact_lft{
                width:100%;
                float:center !important;
        }

        .arrowDiv{
                width:100%;
                float:center !important;
        }
        
        .contactText{
                float:left;
                width:100%;
        }
        
        .contactForm{
                width:100%;
        }
        
        .arrowDiv{
                float:center !important;
        }
        
        .inputDiv{
                width:100%;
        }
        
        .inputDiv input{
                width:100%;
        }
        
        .inputDiv textarea{
                width:100%;
        }
        .sentbtn{
                width:100%;
        }       
        
.footerSec{
    margin     : 20px -5px 0 !important;
    background : #363434;
    border-top : 2px solid #D52E31;
    padding    : 20px 5px 20px 5px;
    height     : auto;
    overflow   : hidden;
  }

  .footer{
    width : 95%;
    margin : 0;
  }

  .footer ul.fmenu li{
    display : block !important;
  }
  .footer_rgt{
    float : none;
  }
}

@media (max-width: 767px) {
        .Terms{
                width:50%;
        }
        
        .Terms_top{
                width:100%;
        }

        .contactDiv{
                width:100%;
                padding:0 !important;
        }
        
        .contact_lft{
                width:100%;
                float:center !important;
        }

        .arrowDiv{
                width:100%;
                float:center !important;
        }
        
        .contactText{
                float:left;
                width:100%;
        }
        
        .contactForm{
                width:100%;
        }
        
        .arrowDiv{
                float:center !important;
        }
        
        .inputDiv{
                width:100%;
        }
        
        .inputDiv input{
                width:100%;
        }
        
        .inputDiv textarea{
                width:100%;
        }
        .sentbtn{
                width:100%;
        }       
}

@media (max-width: 480px) {
        
        .Terms{
                width:100%;
        }
        
        .Terms_top{
                width:100%;
        }

        .contactDiv{
                width:100%;
                padding:0 !important;
        }
        
        .contact_lft{
                width:100%;
                float:center !important;
        }

        .arrowDiv{
                width:100%;
                float:center !important;
        }
        
        .contactText{
                float:left;
                width:100%;
        }
        
        .contactForm{
                width:100%;
        }
        
        .arrowDiv{
                float:center !important;
        }
        
        .inputDiv{
                width:100%;
        }
        
        .inputDiv input{
                width:70%;
        }
        
        .inputDiv textarea{
                width:70%;
        }
        
        .sentbtn{
                width:70%;
        }
}