/* 
    Document   : resalty.pages
    Created on : Dec 10, 2009, 8:33:20 AM
    Author     : ashreef
    Description:
        Purpose of the stylesheet follows.
*/


.top-grediant {
    background:#FFFFFF url(../img/input_bg.gif) repeat-x ;
    height:16px;
    width:auto;
}

#main-content {
    padding:0 20px 20px 20px;
    width:660px;
    position:relative;
    overflow:hidden;
    background:#FFF;
}
#wide-content {
    padding:20px 30px;
    width:400px;
    position:relative;
    overflow:hidden;
    background:#FFF;
	margin-top:40px;
}
#main-content a, #main-content a:visited {
    color:#9CB80E;
}

.top-inner {
    clear:both;
    float:right;
    line-height:18px;
    padding:10px 0;
    text-align:justify;
    width:670px;
}

.product-pic {
    float:right;
    margin:0 7px 10px;
    width:auto;
}
.logo-pic {
    float:right; /** LTR **/
    margin:0 7px 10px;
    width:140px;
}

.product-txt {
    border-bottom:1px solid #CCC;
    float:right;
    height:auto;
    margin-right:20px;
    min-height:90px;
    width:540px;
}

/** lists **/
ul.inner-list {
    color:#000;
    font-size:14px;
    line-height:22px;
    padding-right:40px;
}

ul.inner-list li {
    font-size:12px;
    padding:2px 8px;
    list-style-image:url(../img/list.gif);
}

ul.inner-sublist {
    padding-right:40px;
    font-size:14px;
}

ul.inner-sublist li {
    list-style-image:url(../img/sublist.gif);
}

.align-center {
    text-align:center;
}

.we-do {
    background:#F7F8F3;
    border:1px solid #CCCCCC;
    float:right;
    margin:30px 10px 20px 0;
    padding:5px;
    width:190px;
	height:220px;
}

/*
 * those small pics at the top of .we-do boxes
 */

.we-pic, .we-pic2, .we-pic3 {
    left:446px;
    position:absolute;
    top:95px;
    width:81px;
}

.we-pic2 {
    left:260px;
}

.we-pic3 {
    left:50px;
}

.we-pic4, .we-pic5, .we-pic6 {
    left:446px;
    position:absolute;
    top:420px;
    width:81px;
}

.we-pic5 {
    left:250px;
}

.we-pic6 {
    left:40px;
}

/*
 * contact us form
 */
.contactshadow {
     height:255px;
     left:30px;
     position:absolute;
     top:345px;
     width:306px;
}

.contactshadow .shadow1 {
    -moz-border-radius:10px;
    background:#F6F5F5;
    height:255px;
    left:5px;
    padding:10px;
    position:absolute;
    top:5px;
    width:305px;
}

.contactshadow .shadow2 {
    -moz-border-radius:10px;
    background:#EAE9E9;
    height:254px;
    left:4px;
    padding:10px;
    position:absolute;
    top:4px;
    width:304px;
}

.contactshadow .shadow3 {
    -moz-border-radius:10px;
    background:#DFDEDE;
    height:253px;
    left:3px;
    padding:10px;
    position:absolute;
    top:3px;
    width:303px;
}

.contactshadow .shadow4 {
    -moz-border-radius:10px;
    background:#D3D2D2;
    height:252px;
    left:2px;
    padding:10px;
    position:absolute;
    top:2px;
    width:302px;
}

.contactshadow .shadow5 {
    -moz-border-radius:10px;
    border:1px solid #CCCCCC;
    background:#FFFFFF;
    height:251px;
    left:1px;
    padding:10px;
    position:absolute;
    top:1px;
    width:301px;
    color:#5A6166;
}

/** form elements **/

.contactshadow .fieldset {
    background:#FFFFFF;
    margin-top:20px;
    width:300px;
}

.contactshadow label {
    float:right;
    line-height:22px;
    margin-left:20px;
    text-align:left;
    width:100px;
}

.contactshadow input {
    background: url(../img/input_bg.gif) repeat-x;
    border:1px solid #5A6166;
    float:right;
    margin:3px;
    padding:3px;
    width:150px;
}

.contactshadow textarea {
    background:#FFFFFF url(../img/input_bg.gif) repeat-x;
    border:1px solid #5A6166;
    float:right;
    height:50px;
    margin-top: 10px;
    padding:3px;
    width:290px;
}

.contact-formdiv label.error {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background:#FF0000 none repeat scroll 0 0;
    color:#FFFFFF;
    float:left;
    font-size:10px;
    height:20px;
    line-height:20px;
    margin-top:10px;
    padding:2px 5px;
    text-align:center;
    width:auto;
}

.contactshadow #Submit {
    background:url(../img/submit.gif) no-repeat;
    border:none;
    color:#FFF;
    cursor:pointer;
    height:40px;
    width:90px;
    margin-right:105px;
    margin-top:5px;
    padding-bottom:15px;
    text-align:center;

}

/*
 * 2 way sms
 */
 .two-way{
     float:right;
     margin:0 19px;
     text-align:right;
     width:280px;
 }

.way-image {
    float:right;
    margin-top:10px;
    text-align:right;
    width:280px;
}

.package, .package-s {
    float:right;
    height:160px;
    margin:10px;
    width:200px;
}

.prices {
    float:right;
    margin:0 20px;
    text-align:center;
    width:180px;
}

.helpcenter {
    clear:both;
    height:160px;
    width:670px;
}

.helpcenter li {
    float:right;
    margin-right:15px;
    text-align:center;
    width:140px;
}

#helpdesk-open-ticket {
    clear:both;
    margin-top:20px;
    text-align:center;
    width:100px;
}


/*
 * partners page
 */

.product-pic-sp {
    float:right;
    margin:0 7px 10px;
    width:150px;
}

.partner-txt {
    border-bottom:1px solid #CCCCCC;
    float:right;
    margin-right:20px;
    min-height:90px;
    padding-bottom:20px;
    width:450px;
}


/*
 * sitemap
 */
#sitecontainer {
    margin:20px 40px 10px 0;
    width:600px;
    overflow:auto;
}

.sitemapst {
    float:right;
    width:600px;
}

#sitemaphead {
    border-bottom:1px solid #CCCCCC;
    color:#9BB70D;
    font-size:16px;
    list-style-image:none;
    margin:0;
    padding:5px;
}
#sitemaphead a {
    color:#9BB70D;
}

.stmlink {
    float:right;
    font-weight:bold;
    margin:0;
    padding:15px 20px;
}

.stmlink li a, .stmlink li a:visited {
    color:#5A6166;
    font-size:12px;
    font-weight:lighter;
    line-height:27px;
    list-style-type:none;
    padding-left:30px;
    padding-right:30px;
}

.body-top-pic  {
	margin:1px auto auto;
    text-align: center;
	width:940px;
    height: 89px;
}

h1 {
    color:#9CB80E;
    font-size:14px;
}

.formbg  {
    background:url("../img/formbg.jpg") no-repeat scroll 0 0 transparent;
}
.shadow5  {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    height:300px;
    margin-top:20px;
    padding:10px;
    width:500px;
}

#contactform fieldset {
    width:500px;
    background-color:#FFF;
    border:none; margin-top:10px;
    display:block;
}
#contactform fieldset ul li{ float:right; clear:right; width:500px; display:block;}
#contactform fieldset ul li input{border:#5A6166 1px solid;background:transparent url(../img/input_bg.gif) repeat-x;float:right;width:220px;margin:3px;font-family:tahoma;padding:3px;}
#contactform fieldset ul li label{float:right;width:100px;text-align:left;margin-left:20px;line-height:22px; }
#contactform textarea{font-family:tahoma;background:#fff url(../img/input_bg.gif) repeat-x;float:right;border:#5A6166 1px solid;width:220px;height:50px;padding:3px; margin-top:10px; margin-right:1px;}
#contactend{ width:500px; margin:0; padding:0;}
#contactend #Submit{font:normal 12px tahoma;color:#FFF;background:transparent url(../img/submit.gif) no-repeat;width:90px;height:40px;text-align:center;padding-bottom:17px;margin-top:10px;border:0; cursor:pointer;}
.resdiv {
color:#000000;
float:right;
margin-left:20px;
width:200px;
}
.is-logedin{
    display: none;
}