/*

	Caarma

	Feb. 27_09

*/



/* CSS RESET ----------------------------------------------------------------- */



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, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

center, u, b, i {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-style: normal;

    font-size: 100%;

    font-family: inherit;

    vertical-align: baseline;

    font-family:Arial, Helvetica, sans-serif;

}



body {

    line-height: 1;

    font-family:Arial, Helvetica, sans-serif;

    background-color:#cac6dd;

}



:focus {

    outline: 0

}



/* table {

     border-collapse: collapse;

     border-spacing: 0

} */



blockquote:before, blockquote:after, q:before, q:after {

    content: ""

}



blockquote, q {

    quotes: "" ""

}



input, textarea {

    margin: 0;

    padding: 0

}



hr {

    margin: 0;

    padding: 0;

    border: 0;

    color: #000;

    background-color: #000;

    height: 1px

}






/* ------------------------------------------------------------------------------- */



@import 'clearfix.css';



img {

    border:0;



}



a {text-decoration:none; color: blue;}

a:hover {text-decoration:underline;}



p {color:#ffffff; text-decoration:none; font-size:13px; line-height:18px; clear:left;}



h1 {color:#ffffff; font-size:24px; text-decoration:none; line-height:35px;}

h2 {color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding-bottom:5px;}

h3 {font-size:17px; font-weight:bold; color:#4d428e;}

h4 {font-size:14px; font-weight:bold; color:#000000; clear:left;}



ul

{

    list-style-type:none;

    padding-right:10px;

    line-height:20px;

}



li

{

    background-image:url(images/li_bullet.jpg);

    background-repeat:no-repeat;

    background-position:left top;

    float:left;

    clear:left;

    padding-left:20px;

    padding-right:10px;

    line-height:16px;

    margin-bottom:6px;

}

.solutions ul

{

    list-style-type:none;

    float:left;

    clear:left;


}



.solutions li

{

    background-image:url(images/bullet.gif);

    background-repeat:no-repeat;

    background-position:left top;

    float:left;

    clear:left;

    padding-left:20px;

    margin-bottom:8px;

    line-height:18px;

    font-size:13px;

}




.subnav

{
    float:left;

    clear:left;

    padding-left:10px;

    background:none;

    padding-right:10px;

    line-height:20px;


}


.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */







/*---- LAYOUT ----*/



#wrapper {

    height:auto;

    width:974px;

    margin:0 auto 0 auto;

}





/*---- HEADER ----*/



#header {

    height:104px;

    width:974px;

    background-image:url(images/header_bg.jpg);

    margin:0 auto 0 auto;

}



#logo {

    height:104px;

    width:573px;

    background-image:url(images/header.jpg);

    background-repeat:no-repeat;

    margin:0 auto 0 auto;

    float:left;

}



#sap {

    height:104px;

    width:auto;

    margin:0 auto 0 auto;

    float:right;

}





/*---- NAV BAR ----*/



#nav {

    height:24px;

    width:974px;

    background-image:url(images/nav_bg.jpg);

    background-repeat:repeat-x;

    margin:0 auto 0 auto;

}

#nav img{

    float:left;

}



#login {

    height:24px;

    width:101px;

    margin:0 auto 0 auto;

    float:right;

}



#nav_down {

    height:33px;

    width:974px;

    background-color:#FFFFFF;

    margin:0 auto 0 auto;

}



#nav_down p { font-size:15px; font-weight:bold; color:#4d428e; text-align:left; line-height:33px; margin-left:12px;}





/*---- MAIN IMAGE ----*/



#main_img {

    height:224px;

    width:974px;

    margin:0 auto 0 auto;

    position:relative;

}



#main_img_interior {

    height:100px;

    width:974px;

    margin:0 auto 0 auto;

    position:relative;

    background-color:#999999;

}



/*---- CONTENT ----*/



#content {

    height:auto;

    width:974px;

    background-color:#f3f2f2;

    background-image:url(images/left_boxes_bg.jpg);

    background-repeat:repeat-y;

    margin:0 auto 0 auto;

    padding-bottom:20px;

    position:relative;

    float:left;

}



#content_interior {

    height:auto;

    width:974px;

    background-color:#f3f2f2;

    background-image:url(images/content_interior_bg.jpg);

    background-repeat:no-repeat;

    margin:0 auto 0 auto;

    padding-bottom:20px;

    position:relative;

    float:left;

}



#content_interior p { font-size:12px; color:#000000; line-height:20px;}



#left {

    height:auto;

    width:724px;

    background-image:url(images/left_boxes_bg.jpg);

    background-repeat:repeat-y;

    background-color:#f3f2f2;

    margin:0 auto 0 auto;

    float:left;

}



#left_interior {

    height:auto;

    width:143px;

    margin:0 auto 0 auto;

    padding-left:20px;

    padding-top:25px;

    float:left;

}



#left_interior a { font-size:13px; color:#747474; font-weight:bold;}

#left_interior p { font-size:13px; color:#747474;}



#right_interior {

    height:auto;

    width:733px;

    margin:0 auto 0 auto;

    padding-left:39px;

    padding-top:27px;

    padding-right:39px;

    padding-bottom:25px;

    float:left;

    position:relative;

}



#right_interior a { /*color:#000000; text-decoration:none; font-weight:bold;*/}

#right_interior a:hover { text-decoration:underline;}



#left_boxes {

    height:auto;

    width:219px;

    margin:0 auto 0 auto;

    margin-top:10px;

    margin-left:11px;

    _margin-left:5px;

    margin-right:13px;

    _margin-left:7px;

    float:left;

}



#left_boxes p{ font-size:12px; color:#000000; line-height:14px; padding-top:8px;}



#left_boxes_r {

    height:auto;

    width:219px;

    margin:0 auto 0 auto;

    margin-top:10px;

    margin-left:10px;

    _margin-left:10px;

    float:left;

}



#left_boxes_r p{ font-size:12px; color:#000000; line-height:14px; padding-top:8px;}



#title {

    height:44px;

    width:724px;

    background-image:url(images/title_bg.jpg);

    background-repeat:repeat-x;

    margin:0 auto 0 auto;

    float:left;

}



#title_interior {

    height:44px;

    width:974px;

    background-image:url(images/title_bg.jpg);

    background-repeat:repeat-x;

    margin:0 auto 0 auto;

    float:left;

}



#testimonials {

    height:auto;

    width:188px;

    background-image:url(images/testimonials_bg.jpg);

    background-repeat:no-repeat;

    background-color:#f3f2f2;

    margin:0 auto 0 auto;

    padding-top:63px;

    padding-left:37px;

    padding-right:25px;

    float:left;

}



#testimonials p { font-size:14px; color:#6d6699; line-height:17px;}





/*---- FOOTER ----*/



#bottom {

    height:31px;

    width:974px;

    background-image:url(images/bottom_img.jpg);

    background-repeat:no-repeat;

    margin:0 auto 0 auto;

    float:left;}



#footer {

    height:42px;

    width:964px;

    background-image:url(images/footer_bg.jpg);

    background-repeat:repeat-x;

    margin:0 auto 0 auto;

    padding-top:7px;

    padding-right:10px;

    float:left;

}



#footer p { font-size:10px; color:#000000; text-transform:uppercase; line-height:17px; text-align:right;}

#footer a { font-size:12px; color:#000000; text-transform:uppercase;}



/* FORM USER LOGIN*/

.row { width:630px; height:25px; clear:both;}

.l_row { float:left; width:140px; font-size:12px; color:#666666;}

.r_row_b { float:left; width:270px; font-size:12px; color:#666666;}

.r_row { float:left; width:210px;}

.input_text { width:190px; border:1px solid #E3E1E2}

#error_msg { width:500px; color:#FF0000; font-size:11px; margin-bottom:15px;}

/*END FORM*/

.interior_nav_title {font-size:16px; line-height:26px; font-weight:bold; color:#4d428e;}
.interior_nav_title a{font-size:16px; line-height:26px; font-weight:bold; color:#4d428e;}

.active {color:#000000;}

.float_title {position:relative;}
.float_div {width:700px; background-color:#F3F2F2; border:1px solid #333333; position:absolute; left:30px; font-size:12px; line-height:18px; font-weight:100; padding:15px; top:-70px; display:none; z-index:15000;}
.close { width:14px; height:13px; position:absolute; top:0px; left:716px;}

/* Validate Error */
#err_msg {position:absolute; top:650px; left:777px; width:350px; padding:5px; border:2px solid #A40000; background-color:#790003; z-index:150000; display:none; font-weight:bold;}
#err_msg label {color: #FFFFFF; font-size: 16px; font-weight: normal;}
#err_msg p {color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 7px;}
#err_msg ol{list-style: none;}
#err_msg ol li{list-style: none; background-image: none; padding: 0px; line-height: 8px; padding-left:30px;}
#err_msg label {font-size:12px;}


.video_home {width:400px; height:224px; background-color:#010165; position:absolute; z-index:200; top:0px; left:65px;}


#tv {
    font-size: 12px;
}

#tv tr.sel{
    background-color: #e5e5e5;
}

#tv tr td{
    padding: 5px;
}

#list {
    list-style: none;
    margin-top: 10px;
}

#list li{
    background: none;
    list-style: disc;
    font-size:12px;
    margin-left: 35px;
    padding-left: 5px;
}

#latter {
    float: left;
    width: 377px;
    padding: 20px;
    margin-left: 15px;
    background-color: #fef3d6;
    border: 1px solid #efd99f;
}

#latter p{
    font-style: italic;
    font-size: 12px;
    margin-bottom: 15px;
}

#latter span{
    font-style: italic;
    font-size: 12px;
    margin-bottom: 15px;
}