/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 31 July 2010 18:47:28
*/


/* HOME MARK 3 */

/* IMPORTED STYLES */

* {margin:0; padding:0;}
body {font-family: Arial, Sans-Serif, Tahoma, Helvetica, Sans-Serif; font-size:12px; color:#333333; text-align:center;}
img {border:0px;}
a {color:#007C92; text-decoration:underline; font-size:12px;}
a:hover {color:#000; text-decoration:none; font-size:12px;}
.clear {clear:both;}
#container {margin-left:auto; margin-right:auto; width:970px; text-align:left; padding-top: 5px;}

#header {
    width:940px;
    padding: 0 15px 0 15px;
    margin-top: 10px;
    height:80px;
    /* background:url('http://www.clearswift.com/_designs/clearswift/default-styles.css/logo.gif') no-repeat top right; */
    background-color:#fff;
    text-align:left;
    border-top: 1px solid #8B8D8E;
    border-left: 1px solid #8B8D8E;
    border-right: 1px solid #8B8D8E;        
  -moz-border-radius-topleft:1ex;
  -webkit-border-top-left-radius:1ex;
  -moz-border-radius-topright:1ex;
  -webkit-border-top-right-radius:1ex;      
}

html>body #header {
    margin-top: 23px;
}

*:first-child+html #header {
    margin-top: 10px;
}

#header div#logo {
    float: left;
    position: relative;
    width: 120px;
    height: 69px;
}

#top_menu {
    width:966px;
    border-left: 1px solid #8B8D8E;
    border-right: 1px solid #8B8D8E;
    text-align:left;
    background-color: #eee;
    margin-bottom: 15px;
    border-top: 1px solid #8B8D8E;
    border-bottom: 1px solid #8B8D8E;
    border-left: 1px solid #8B8D8E;    
    border-right: 1px solid #8B8D8E;
    -moz-border-radius-bottomleft:1ex;
    -webkit-border-bottom-left-radius:1ex;
    -moz-border-radius-bottomright:1ex;
    -webkit-border-bottom-right-radius:1ex;
    height: 34px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 4px;     
}


#top_menu a {

    float:left;
    position: relative;
    padding:7px 15px 7px 15px;
    width:auto;
    color:#58595B;
    text-decoration:none;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    height: 20px;
}

#top_menu a.selected {
    display:block;
    float:left;
    position: relative;
    padding:7px 15px 7px 15px;
    width:auto;
    color:#fff;
    text-decoration:none;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    background: #92d400;
}

#top_menu a:hover {
    float: left;
    position: relative;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    background-color: #92d400;
}

#top_search    {
    float:right;
    width:150px;
    padding:28px 0px 0px 0px;
}

#global_site_selector {
    float:right;
    position: relative;
    width: 600px;
    padding:0px 0px 0px 0px;
    height: 20px;
}

#global_site_selector span {
    float: right;
    position: relative;
}
   
#global_site_selector a {
    font-size: 11px !important;
    text-decoration: none;
}
   
#global_site_selector a:hover {
    font-size: 11px !important;
    text-decoration: underline;
}
   
#global_site_selector form {
    float: right;
}
   
#global_site_selector form select {
    font-size: 10px;
}
  
#site_selector {
    height:17px;
    width:100px;
    border: 1px solid #8B8D8E;
    margin:0px;
    padding:0px;
    color:#000;
}

.search-form-field    {
    float:left;
    position: relative; 
    height:22px;
    border-top: 1px solid #92d400;
    border-bottom: 1px solid #92d400;
    border-left: 1px solid #92d400;
    border-right: 0;        
    margin:0px;
    padding:0px;
    width: 122px;
    background: #fff;
}

.submit    {
    float:left;
    position: relative;
    margin:0px 0px 0px 0px;
    width:26px;
    height:24px;
    background:url('http://www.clearswift.com/__data/assets/image/0011/371/go.gif') no-repeat top left;
    border:0px;
    padding:0px;
    font-size:14px;
    text-decoration:none;
       cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

span#footerleft, span#footerright {
    padding: 12px 10px 0px 10px;
    font-size: 20px;
 
}

html>body span#footerleft, span#footerright {
    padding: 12px 10px 10px 10px;
    font-size: 20px;
}

span#footerright {
    float: right;
    position: relative;
}

span#footerleft {
    float: left;
    position: relative;


}

span#footerright a {
    float: left;
    position: relative;
    font-size: 20px;
    text-decoration: none;
    border-right: 0 !important;
    color: #92D400;
}

span#footerleft a {
    float: left;
    position: relative;
    font-size: 11px;
    text-decoration: none;
    border-right: 0 !important;
    color: #fff;
        height:10px;
}

span#footerleft a:hover {
    text-decoration: underline;
            height:10px;
}

.bottom {
    float: left;
    position: relative;
    width: 100%;
    height: 100px;
    background-color:#eee;
    border-top: 1px solid #58595b;
}

.seo {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    background-color:#eee;
    padding-bottom: 50px;
    border-bottom: 1px solid #58595b;
    text_align: center;
}

.seocontainer {
    width: 970px;
    margin: 0 auto;
}

ul.seolist {
    float: left;
    position: relative;
    width: 308px;
    list-style-type: none;
    text-align: justify;
    margin: 0 0 20px 0 !important;
    padding: 0 0 0 15px;
}

ul.seolist a {
    font-size: 11px;
    color: #58595B;
    text-decoration: none;
}

ul.seolist a:hover {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
}


.copyright {
    float: left;
    position: relative;
    font-size: 10px;
    color: #58595b;
    margin: 5px 0px 5px 0px;
    width: 100%;
    text-align: center;
}

.social {
    float: left;
    position: relative;
    margin: 15px 0px 0px 15px;
    font-weight: bold;
    color: #8b8d8e;
    font-size: 11px !important;
    width: 140px;
}

.social a {
    float: right !important;
    height: auto !important;
    height: width !important;
    margin: -12px 0 0 0 !important;
    padding: 0 !important;
}

html>body .social a {
    margin: 0 0 0 0 !important;
}

*:first-child+html .social a {
    margin: -12px 0 0 0 !important;
}


#footer_banners    {
    width:970px;
    height:50px;
    background-color:#fff;
    border-left: 1px solid #58595b;
    border-right: 1px solid #58595b;    
    border-bottom: 1px solid #58595b;    
    -moz-border-radius-bottomright:1ex;
    -webkit-border-bottom-right-radius:1ex;     
    -moz-border-radius-bottomleft:1ex;
    -webkit-border-bottom-left-radius:1ex; 
    margin: 10px 0px -51px 0px;
    float: left; position: relative;
    z-index: +1;
}

#footer_banners div span   {
    font-size:29px;
}



#footer_banners a   {
    display:block;
    float:left;
    height:50px;
    width:auto;
    border-right: 5px solid #FFF;
    padding:0px 5px 0px 5px;
}

#footer_banners a:hover   {
    display:block;
    float:left;
    height:50px;
    width:auto;
    border-right: 5px solid #FFF;
    padding:0px 5px 0px 5px;
}



/* HOME BANNER */

div#home_banner a {
    float: left;
    position: relative;
    width: 970px;
    height: 200px;
}

div#home_banner_video {
    float: left;
    position: relative;
    margin: 10px;
    border-style:solid;
    border-width:2px;
    width:206px;
    height:176px;

}

div#home_banner_de a {
    float: left;
    position: relative;
    width: 970px;
    height: 200px;
}

div#home_banner_video_de {
    float: right;
    margin: 10px;
    border-style:solid;
    border-width:2px;
    width:206px;
    height:176px;    
}

div#home_banner_jp #empty a {
    float: left;
    position: relative;
    width: 630px;
    height: 200px;
}

div#home_banner_jp img {
    float:left;
    position:relative;
}
   
div#home_banner_jp #top {
    float: left;
    position: relative;
    height:80px;
    width:300px;
    padding:30px 0px 0px 30px;
}

div#home_banner_jp #top a, div#home_banner_jp #bottom a {
    float: left;
    position: relative;
    color: #fff;
    margin: 10px 0px 0px 15px;
} 

div#home_banner_jp #top a img, div#home_banner_jp #bottom a img {
    float: right;
    position: relative;
    margin: -12px 0px 0px 5px;
} 
   
div#home_banner_jp #bottom {
    float: left;
    position: relative; 
    height:80px;
    width:300px;
    padding:10px 0px 0px 30px;
}

div#home_banner_jp #bottom a img {
    float: right;
    position: relative;
    margin: -12px 0px 0px 20px;
} 

/* HOME BANNER END */

/* SUITE AREA */

div#suitearea h2, div#suitearea_de h2, div#suitearea_jp h2 {
    color:#58595b;
    font-size:15px;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
}

div#suitearea_jp h2 {
    color:#58595b;
    font-size:13px;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
}

div#suitearea p, div#suitearea_de p, div#suitearea p_jp {
    color:#58595b;
}

div#suitearea .left, div#suitearea_jp .left_jp {
    float: left;
    position: relative;
    width: 285px;
    height: 230px;
    margin-right: 20px;
    background: url(/__data/assets/image/0009/34101/computerstop.gif) bottom center no-repeat; 
}

div#suitearea_de .left_de {
    float: left;
    position: relative;
    width: 275px;
    height: 230px;
    margin-right: 20px;
    background: url(/__data/assets/image/0009/34101/computerstop.gif) bottom center no-repeat;
}

div#suitearea_jp .left_jp {
    float: left;
    position: relative;
    width: 275px;
    height: 230px;
    margin-right: 20px;
    background: url(/__data/assets/image/0015/34404/computerstop_jp.gif) bottom right no-repeat;  
}

div#suitearea .right, div#suitearea_jp .right_jp {
    float: right;
    position: relative;
    width: 285px;
    height: 230px;
    background: url(/__data/assets/image/0008/34100/emailstop.gif) bottom center no-repeat;
}

div#suitearea_de .right_de {
    float: right;
    position: relative;
    width: 295px;
    height: 230px;
    background: url(/__data/assets/image/0008/34100/emailstop.gif) bottom center no-repeat;
   } 

div#suitearea_jp .right_jp {
    float: right;
    position: relative;
    width: 295px;
    height: 230px;
    background: url(/__data/assets/image/0008/34100/emailstop.gif) bottom right no-repeat;
}

div#suitearea .left p a, div#suitearea .right p a, div#suitearea_de .left_de p a, div#suitearea_de .right_de p a, div#suitearea_jp .left_jp p a, div#suitearea_jp .right_jp p a   {
    float: left;
    position: relative;
    margin-bottom: 3px;
    text-decoration: none;
    width: 100%;
}

div#suitearea .left p a:hover, div#suitearea .right p a:hover, div#suitearea_de .left_de p a:hover, div#suitearea_de .right_de p a:hover, div#suitearea_jp .left_jp p a:hover, div#suitearea_jp .right_jp p a:hover   {
    text-decoration: underline;
}

div#suitearea .left h2 a, div#suitearea .right h2 a, div#suitearea_de .left_de h2 a, div#suitearea_de .right_de h2 a, div#suitearea_jp .left_jp h2 a, div#suitearea_jp .right_jp h2 a   {
    color:#58595b;
    font-size:15px;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
}

/* SUITE AREA END */

/* AWARDS */

div#awards h2, div#awards_de h2, div#awards_jp h2 {
    color:#58595b;
    font-size:15px;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
}

div#awards p, div#awards_de p, div#awards_jp p {
    color:#58595b;
}

div#awards .content, div#awards_de .content_de, div#awards_jp .content_jp {
    float: left;
    position: relative;
    width: 290px;
    height: 230px;
    padding: 20px;
}

div#awards h2 a, div#awards_de h2 a, div#awards_jp h2 a  {
    color:#58595b;
    font-size:15px;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
}

div#awards img, div#awards_de img {
    float: right;
    position: relative;
    padding: 0px 2px 0px 0px;
    margin-top:-13px;
}

div#awards_jp img {
    float: right;
    position: relative;
    padding: 20px 0px 0px 0px;
}

/* AWARDS END */

/* NEWS AND ALERTS */

div#newsandalerts {
    float: left;
    position: relative;
    width:400px;
    height:200px;
    margin-top:10px;
    padding: 10px 15px 10px 30px;
    background: url(/__data/assets/image/0011/34103/divider.gif) top right no-repeat #fff;
}

div#newsandalerts_de {
    float: left;
    position: relative;
    width:400px;
    height:225px;
    margin-top:10px;
    padding: 10px 15px 10px 30px;
    background: url(/__data/assets/image/0011/34103/divider.gif) top right no-repeat #fff;
}

div#newsandalerts_jp {
    float: left;
    position: relative;
    width:400px;
    height:225px;
    margin-top:10px;
    padding: 10px 15px 10px 30px;
    background: url(/__data/assets/image/0011/34103/divider.gif) top right no-repeat #fff;
}

div#newsandalerts h3, div#newsandalerts_de h3, div#newsandalerts_jp h3 {
    font-size: 16px;
    font-weight: bold;
    color: #007c92;
}

div#newsandalerts p, div#newsandalerts_de p, div#newsandalerts_jp p {
    float: left;
    position: relative;
    width: 430px;
}

div#newsandalerts p a, div#newsandalerts_de p a, div#newsandalerts_jp p a {
    text-decoration: none;
}

div#newsandalerts p a:hover, div#newsandalerts_de p a:hover, div#newsandalerts_jp p a:hover {
    text-decoration: underline;
}

div#newsandalerts li, div#newsandalerts_de li, div#newsandalerts_jp li { 
    padding: 0px 0px -12px 0px;
}

/* NEWS AND ALERTS END */

/* MAIN STORY */

div#mainstory, div#mainstory_de, div#mainstory_jp {
    float: left;
    position: relative;
    width:480px;
    height:200px;
    margin-top:10px;
    padding:10px 0px 0px 30px;
}

div#mainstory img, div#mainstory_de img, div#mainstory_jp img {
    margin: 0px 0px 0px 10px;
    border: none;
}

div#mainstory h3, div#mainstory_de h3, div#mainstory_jp h3 {
    font-size: 16px;
    font-weight: bold;
    color: #007c92;
}

div#mainstory p a, div#mainstory_de p a, div#mainstory_jp p a {
    text-decoration: none;
}

div#mainstory p a:hover, div#mainstory_de p a:hover, div#mainstory_jp p a:hover {
    text-decoration: underline;
}

/* MAIN STORY END */

/* END HOME MARK 3 */

/* PRODUCTS AND SOLUTIONS LANDING PAGES START */

/*------------PRODUCTS------------*/

#product_landing    p    {
    padding:0px 0px 15px 0px;
    margin:0px;
}

#product_landing    a.more_about_product    {
    display:block;
    width:277px;
    padding:0px 10px 10px 10px;
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}

#product_landing    a.more_about_product:hover    {
    color:#333333;
    text-decoration:underline;
}

#product_landing    ul    {
    padding:0px 0px 15px 17px;
    color:#3C8A2E;
}


.class_products_landing_col_1    {
    clear:both;
    float:left;
    width:297px;
    padding:0px 0px 20px 20px;
}

    .class_products_landing_col_1_inner    {
        background:url('http://www.clearswift.com/_designs/clearswift/default-styles.css/product_bg_1.png') repeat-y top left;
    }

    .class_products_landing_col_1_title    {
        background-color:#92D400;
        width:277px;
        padding:10px 10px 10px 10px;
        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-align:center;
    }

    .class_products_landing_col_1_title a {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: none;

    }

    .class_products_landing_col_1_title a:hover {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: underline;

    }

    .class_products_landing_col_1_contents    {
        width:277px;
        padding:10px 10px 10px 10px;
    }

.class_products_landing_col_2    {
    float:left;
    width:296px;
    padding:0px 0px 20px 20px;
}

    .class_products_landing_col_2_inner    {
        background:url('http://www.clearswift.com/_designs/clearswift/default-styles.css/product_bg_2.png') repeat-y top left;
    }

    .class_products_landing_col_2_title    {
        background-color:#92D400;
        width:276px;
        padding:10px 10px 10px 10px;
        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-align:center;
    }

    .class_products_landing_col_2_title a {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: none;

    }

    .class_products_landing_col_2_title a:hover {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: underline;

    }

    .class_products_landing_col_2_contents    {
        width:276px;
        padding:10px 10px 10px 10px;
    }

.class_products_landing_col_3    {
    float:left;
    width:297px;
    padding:0px 0px 20px 20px;
}

    .class_products_landing_col_3_inner    {
        background:url('http://www.clearswift.com/_designs/clearswift/default-styles.css/product_bg_3.png') repeat-y top left;
    }

    .class_products_landing_col_3_title    {
        background-color:#92D400;
        width:277px;
        padding:10px 10px 10px 10px;
        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-align:center;
    }

    .class_products_landing_col_3_title a {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: none;

    }

    .class_products_landing_col_3_title a:hover {

        font-size:15px;
        color:#FFF;
        font-weight:bold;
        text-decoration: underline;

    }

    .class_products_landing_col_3_contents    {
        width:277px;
        padding:10px 10px 10px 10px;
    }




/*------------PRODUCTS end------------*/

/* PRODUCTS AND SOLUTIONS LANDING PAGES END */