/* General */

html {
 overflow-y: scroll;
}

body, html {
 font-family:'Helvetica Neue','Helvetica','arial','sans-serif';
 font-size: 13px;
 line-height: 18px;
 color: #4c4b4c;
 text-align: left;
 margin: 0;
 padding: 0;
 background-color: #efefeb;
 height: 100%;
}

body.ja {
 font-family: 'Meriyo', 'Helvetica Neue','Helvetica','arial','sans-serif';
 font-size: 13px;
 }

td {
 font-family:'Helvetica Neue','Helvetica','arial','sans-serif';
 font-size: 13px;
 padding: 0px;
 color: #313131;
 vertical-align: top;
}

p {
 margin: 0 0 15px;
}

li { 
 list-style-image: url(../graphics/2010/main/bullet-default.png);
 list-style-image: none;
 padding: 0px;
 margin: 7px 0;
}

.inside {
 position: static;
}

input {
 color: #888888;
 margin-bottom: 5px;
 font-family:'Helvetica Neue','Helvetica','arial','sans-serif';
}

input.submit {
 color: #313131;
}

blockquote {
 padding:5px 20px;
}



/* CONTAINERS */


#wrapper {
 position: relative;
 width: 950px;
 margin: 0 auto;
 text-align: left;
 background: #FFFFFF;
 min-height: 100%;
 background: #fff url(../graphics/2010/main/main_bg_white.png) repeat-y 190px 0px;
}


#container {
 position: relative;
 height: 100%;
}


#left-fixed {
 position: fixed;
 z-index: 1000;
 top: 0;
 width: 190px;
 height: 100%;
}

/* IE7 and below */

html* #left-fixed {
 position: absolute;
 left: 0;
}

/* IE6 */

* html body{

} 

* html div#main{
 height:100%;
 overflow:auto;
}



#stage_section {
 margin-left: 0px;
 overflow: hidden;
}

#stage_section div.mod_article {
 position: relative;
}

#stage {
 height: 350px;
 overflow: hidden;
}


#main {
 margin-right: 0;
 padding-bottom: 60px;
}

div.main-inside {

}

#top-links {
 height: 30px;
 position: relative;
 background: #f1f1ef url(../graphics/2010/main/toplinks_bg.png) no-repeat;
}

#header-top {
 height: 60px;
 clear: both;
 background: transparent url(../graphics/2010/main/claim_header.png) no-repeat 580px 0;
}

#footer {
 background-color: #373737;
 color: #7a7a7a;
 height: 60px;
 width: 760px;
 position: absolute;
 bottom: 0;
 left:190px;
}

html* #footer {
 position: relative;
}

* html #footer {
 position: relative;
} 


/* CONTENT */


body.nostage #main div.main-inside {
}*
body.home #main div.main-inside {
 height: 50px;
}

div.main-inside div.mod_article {
 min-height: 400px;
 padding: 0px 0px 15px 0px;
 border-right: 1px solid #EFEFEB;
}


div.main-inside div.ce_text,
div.main-inside div.mod_newslist,
div.main-inside div.mod_newsreader,
div.main-inside div.mod_newsarchive,
div.main-inside div.mod_twitterreader,
div.main-inside div.mod_search {
 padding: 0px 20px;
 clear: both;
}

div.main-inside div.mod_article div.main_fullwidth {
 padding: 0px;
}

div.main-inside div.mod_newslist {
 margin-bottom: 30px;
}





/* TOP */

#top-links #search {
 position: absolute;
 top: 0;
 left: 190px;
 width: 190px;
}

#top-links #login {
 position: absolute;
 top: 0;
 left: 380px;
 width: 190px;

}

#top-links #search.active,
#top-links #login.active {
 background: transparent url(../graphics/2010/main/toplinks_active.png) no-repeat 170px 0;
}

#top-links #lang {
 position: absolute;
 top: 0;
 left: 670px;
 width: 90px;
}

#top-links a {
 display: block;
 padding: 7px;
 color: #9b9b9b;
 font-size: 12px;
}


#top-links a:hover, 
#top-links a:active {
 color: #fe2629;
 text-decoration: none;
}

#top-links #lang a:link, 
#top-links #lang a:visited {
 float: left;
 padding: 7px 8px;
 font-size: 10px;
 font-weight: bold;
}

* html #top-links #lang a:link, 
* html #top-links #lang a:visited {
 padding: 7px;
}

body.en #top-links a#lang_en,
body.de #top-links a#lang_de,
body.ja #top-links a#lang_ja {
 background-color: #ffffff;
 color: #fe2629;
}



div#vertical_slide,
div#vertical_slide_2 {
 border-top: 1px solid #ffffff;
 background: #f1f1ef url(../graphics/2010/main/main_bg_f1f1ef.png) repeat-y;
 padding: 15px 20px;
}








/* LEFT */


#left-fixed div.inside {
 background: #fff;
}


h1#logo {
 padding: 7px 0 23px 20px;
}

#logo a {
 display: block;
 width: 170px;
 height: 60px;
 text-indent: -999em;  
 text-decoration:none;
 outline: none;
 background: transparent url(../graphics/2010/main/acrolinx_logo.png) no-repeat top left;
}

#left-fixed div#see_how_it_works {
 margin: 25px 0 0 10px;
}


#social_media {
 background: transparent url(../graphics/2010/buttons/social_media/social_media_bg.png) no-repeat 0 0;
 margin: 60px 0 0 10px;
 width: 160px;
 height: 78px;
}

#social_media span {
 display: block;
 padding: 8px 20px;
 color: #787877;
}

#social_media_icons {
 margin: 11px 0 0 20px;
}

#social_media_icons img {
 margin-right: 2px;
}








/* RIGHT */


#right div.inside {
 margin-top:50px;
}

body.nostage #right div.inside {
 margin-top: 0px;
}

#right div.block {
 margin-bottom: 40px;
}

#right div.ce_text,
div.mod_newslist div.layout_latest,
div.ce_teaser, div.mod_subscribe {
 padding: 0;
}

#right h3,
#right h4 {
 color: #4f4f4f;
 font-size: 15px;
 font-weight: normal;
 padding: 10px 15px;
 margin: 0;
 border-top: 1px solid #eee;
}

#right h3 {
 background: transparent url(../graphics/2010/sections/right_title_bg.png) no-repeat 145px -1px;
}

#right h3 a {
 color: #4f4f4f;
 display: block;
}


#right ul {
 list-style-type: none;
 padding: 0;
 margin: 0 0 50px;
 border-bottom: 1px solid #eee;
}

#right ul li,
#right div.layout_simple {
 list-style-image: none;
 margin: 0; 
 padding: 0;
}

#right div.last {
 border-bottom: 1px solid #eee;
}

#right ul li a,
#right div.layout_simple a,
#right ul li span.active {
 display: block;
 font-size: 11px;
 padding: 8px 0; 
 margin: 0 15px;
 border-top: 1px solid #eee;
}




#right div#contact_us {
 margin: 0 0 0 15px;
}

#right div#see_how_it_works {
 margin: 15px 0 0 15px;
}







/* Big Buttons */


div.big_red_butt span {
 display: block;
 padding-top: 29px;
 padding-left: 12px;
}

div.big_blue_butt span {
 display: block;
 padding-top: 12px;
 padding-left: 12px;
}

div.big_red_butt a:link,
div.big_red_butt a:visited,
div.big_blue_butt a:link,
div.big_blue_butt a:visited {
 display: block;
 width: 160px;
 height: 78px;
 font-size: 14px;
 color: #ffffff;
 text-decoration:none;
 background: transparent url(../graphics/2010/buttons/big_button_red.png) no-repeat 0 0;
}

div.big_blue_butt a:link,
div.big_blue_butt a:visited {
 background: transparent url(../graphics/2010/buttons/big_button_blue.png) no-repeat 0 0;
}

div.big_red_butt a:hover,
div.big_red_butt a:active {
 background: transparent url(../graphics/2010/buttons/big_button_red.png) no-repeat 0 -78px;
}

div.big_blue_butt a:hover,
div.big_blue_butt a:active {
 background: transparent url(../graphics/2010/buttons/big_button_blue.png) no-repeat 0 -78px;
}


/* middle buttons */

div.mid_red_butt span{
 display: block;
 padding-top: 10px;
 padding-left: 15px;
}

div.mid_red_butt a:link,
div.mid_red_butt a:visited {
 display: block;
 width: 163px;
 height: 42px;
 font-size: 14px;
 color: #ffffff;
 text-decoration:none;
 background: transparent url(../graphics/2010/buttons/button_red_middle.png) no-repeat 0 0;
}

div.mid_red_butt a:hover,
div.mid_red_butt a:active {
 background: transparent url(../graphics/2010/buttons/button_red_middle.png) no-repeat 0 -42px;
}


/* home button */

div.home_red_butt span {
 display: block;
 padding-top: 23px;
 padding-left: 30px;
}

div.home_red_butt a:link,
div.home_red_butt a:visited {
 display: block;
 width: 234px;
 height: 102px;
 font-size: 14px;
 color: #ffffff;
 text-decoration:none;
 background: transparent url(../stage/home/button_home_stage.png) no-repeat 0 0;
}

div.home_red_butt a:hover,
div.home_red_butt a:active {
 background: transparent url(../stage/home/button_home_stage.png) no-repeat 0 -102px;
}






/* FOOTER */


#footer div.inside {
 padding: 10px 20px;
}

#footer a:link,
#footer a:visited
{
 color: #7a7a7a;
 text-decoration: none;
}

#footer a:hover,
#footer a:active
{
 text-decoration: underline;
}



/* NAVIGATION */

#left-fixed ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 border-bottom: 1px solid #efefeb;
}

#left-fixed ul li {
 margin: 0;
 padding: 0;
 list-style-image: none;
}

#left-fixed ul li a:link,
#left-fixed ul li a:visited,
#left-fixed ul li span.active {
 display: block;
 color: #7f7f7f;
 font-size: 15px;
 text-decoration: none;
 padding: 8px 20px;
 border-top: 1px solid #efefeb;
}

#left-fixed ul li a:hover,
#left-fixed ul li a:active {
 color: #32d2f3;
}


#left-fixed ul.level_2 {
 margin-left: 20px;
 padding: 5px 0 50px;
 border: none;
 border-top: 1px solid #efefeb;
}


#left-fixed ul.level_2 li a:link,
#left-fixed ul.level_2 li a:visited,
#left-fixed ul.level_2 span.active {
 font-size: 13px;
 padding: 2px 0;
 border: none;
}


#left-fixed ul.level_1 > li.submenu > a.trail,
#left-fixed ul.level_1 > li.submenu > span.active,
#left-fixed ul.level_2 > li.submenu > a.trail,
#left-fixed ul.level_2 > li.submenu > span.active {
 color: #3f3f3f;
}

#left-fixed ul li span.active,
#left-fixed ul.level_2 > li.submenu > span.active {
 color: #32d2f3;
}


#left-fixed ul.level_3 {
 display: none;
}




/* Navigation Level 3 */


div.subnav {
 margin: 0 0 15px 20px;
}

div.subnav ul.level_1 {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

div.subnav ul.level_1 li {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
 list-style-image: none;
}


div.subnav ul.level_1 li a:link,
div.subnav ul.level_1 li a:visited,
div.subnav ul.level_1 li span.active {
 display: block;
 color: #3F3F3F;
 font-size: 12px;
 text-decoration: none;
 padding: 8px 10px;
 border-right: 1px solid #ffffff;
 background-color: #E4E5E0;
}

div.subnav ul.level_1 li a:hover,
div.subnav ul.level_1 li a:active {
 color: #7f7f7f;
}

div#nav-customers ul.level_1 li span.active {
 color: #ffffff;
 background-color: #2B2B2B;
}

div#nav-customers ul.level_1 li.active {
 background: transparent url(../graphics/2010/main/menu_level_3_active.png) no-repeat 50% 100%;
}


div#nav-2 ul.level_1 li {
 width: 265px;
}

div#nav-3 ul.level_1 li,
div#nav-ne ul.level_1 li {
 width: 176px;
}

div#nav-ne ul.level_1 li a:link,
div#nav-ne ul.level_1 li a:visited,
div#nav-ne ul.level_1 li span.active,
div#nav-2 ul.level_1 li a:link,
div#nav-2 ul.level_1 li a:visited,
div#nav-2 ul.level_1 li span.active,
div#nav-3 ul.level_1 li a:link,
div#nav-3 ul.level_1 li a:visited,
div#nav-3 ul.level_1 li span.active {
 color: #FFFFFF;
 font-size: 14px;
 border-right: 1px solid #ffffff;
 background-color: #7F7F7F;
}

div#nav-ne ul.level_1 li span.active,
div#nav-ne ul.level_1 li a:hover,
div#nav-ne ul.level_1 li a:active,
div#nav-2 ul.level_1 li span.active,
div#nav-2 ul.level_1 li a:hover,
div#nav-2 ul.level_1 li a:active,
div#nav-3 ul.level_1 li span.active,
div#nav-3 ul.level_1 li a:hover,
div#nav-3 ul.level_1 li a:active {
 background-color: #2B2B2B;
}












/* Titles */

h1 {
 font-size: 18px;
 line-height: 24px;
 font-weight: normal;
 margin: 0;
 padding: 10px 0;
 color: #4a4a4a;
}

.mod_article h1 a {
 color: #BC343A;
}


.mod_article #header-top h1 {
 padding: 22px 20px 0;
 margin: 0;
 color: #32d2f3;
}

body.home .mod_article #header-top h1 {
 color: #3f3f3f;
}


h2 {
 color: #535353;
 font-size: 15px;
}


div.main-inside h2 {
 height: 36px;
 margin:0;
 padding: 0;
 font-size: 15px;
 font-weight: normal;
}

div.main-inside h2.ce_headline {
 margin: 15px 20px 0;
}

body.nostage div.main-inside h2 {
 border-top: 1px solid #EFEFEB;
 padding: 10px 0 0 0;
 margin-top: 0;
}



h3.section_header {
 color: #3f3f3f;
 font-size: 16px;
 font-weight: normal;
 padding: 10px 10px 12px 20px;
 margin: 0;
 border-top: 1px solid #eee;
 background: transparent url(../graphics/2010/sections/right_title_bg.png) no-repeat 522px -1px;
 font-weight: normal;
}

h3.section_header a {
 color: #3f3f3f;
 display: block;
}



h4 {
 font-size: 13px;
 color: #4c4b4c;
 padding-top: 10px;
 margin: 25px 0 8px;
 border-top: 1px solid #EFEFEB;
}


h5 {
 font-family:'Helvetica Neue','Helvetica','arial','sans-serif';
 font-size: 14px;
 font-weight: bold;
 margin: 15px 0 10px;
 padding: 0;
}









/* Links */

a {
 text-decoration: none;
 color: #9c9a9a;
 outline: none;
}

a:hover {
 color: #3f3f3f;
 cursor: pointer;
}

a:active {
 outline: none;
}

a img {
 border: none;
}



/* Text */

.red {
 color: #DA000B;
}

p sup,
#right sup {
	line-height: 6px;
	font-variant: small-caps;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

h1 sup,
h2 sup,
h3 sup {
	line-height: 10px;
	font-variant: small-caps;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* Images */


.mod_article img.floating {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
}

.mod_article .captionedImage {
	background: #EAEAEA;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	float: right;
}

.mod_article .captionedImage .caption {
	margin: 3px;
        width: 80%;
	font-size: 10px;
	font-weight: bold;
}




/* video page */

body.white {
 background-color: #ffffff;
}

.white #wrapper {
 width: 960px;
 background: #ffffff;
}

.white div.main-inside div.mod_article {
 border: none;
}

