@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:85%;
	color:#333;
	line-height:170%;
	/*letter-spacing:1px;*/
}
body {background:url(../images/bg.jpg) repeat center 0;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html .pngImg {
	behavior: url(/css/iepngfix.htc);
}

.last {background:none;}
.hidden {display:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.bold{font-weight:bold;}
.block{display:block}

#mainContainer
{
	width:980px;
	font-size:105%;
	margin:0 auto;
}
#topNav{position:relative; z-index:999;}
#topNav .logo{float:left; padding-top:15px; text-align:center; width:294px;}
#topNav #nav{margin-top:36px; float:left; padding-left:24px;}
#topNav #nav a{text-decoration:none; float:left; text-indent:-5000px;}
#topNav #nav a#aboutus, #topNav #nav a#capabilities, #topNav #nav a#sustainability, #topNav #nav a#careers, #topNav #nav a#news{background:url(../images/nav.gif) no-repeat 0px 0px; height:40px;}

#topNav #nav a#aboutus{width:80px;  background-position:0px 0px; margin-right:24px;}
#topNav #nav a#aboutus:hover, #topNav #nav a#aboutus.active{background-position:0px -50px;}

#topNav #nav a#capabilities{width:118px;  background-position:-104px 0px; margin-right:24px;}
#topNav #nav a#capabilities:hover, #topNav #nav a#capabilities.active{background-position:-104px -50px;}

#topNav #nav a#sustainability{width:129px;  background-position:-255px 0px; margin-right:20px;}
#topNav #nav a#sustainability:hover, #topNav #nav a#sustainability.active{background-position:-255px -50px;}

#topNav #nav a#careers{width:116px;  background-position:-394px 0px; margin-right:20px;}
#topNav #nav a#careers:hover, #topNav #nav a#careers.active{background-position:-394px -50px;}

#topNav #nav a#news{width:124px;  background-position:-529px 0px;}
#topNav #nav a#news:hover, #topNav #nav a#news.active{background-position:-529px -50px;}

#topfunction{padding-top:3px; padding-right:8px; width:972px; color:#333; font-family:Lucida Sans, Arial; height:20px; font-size:11px; line-height:20px; position:relative;}
#topfunction .sep{width:1px; height:18px; display:block; float:right; background:#ccc; margin:0 8px 0 8px;}
#topfunction span{float:right;}
#topfunction a{float:right; color:#333; text-decoration:none;}

#topfunction a#print{background:url(../images/btn_print.gif) no-repeat 0px 2px; padding-left:17px;}
#topfunction a#language{background:url(../images/btn_arrow_down.gif) no-repeat scroll right 9px transparent; padding-right:10px;}
#topfunction .langImg{float:right; padding-top:4px; padding-right:5px;}
#topfunction a#font_lrg{background:url(../images/btn_font_lrg.gif) no-repeat; width:13px; height:12px; margin-top:4px; margin-right:5px;}
#topfunction a#font_sml{background:url(../images/btn_font_sml.gif) no-repeat; width:11px; height:11px; margin-top:5px; margin-right:3px;}

.footerImg{position:absolute; /*top:-39px;*/ bottom:-9px; z-index:999;}
.footerTitle{padding-bottom:10px; color:#fff;}
#footerContainer{background:url(../images/bg_footer.gif) repeat-x; width:100%; /*margin-top:-8px;*/ padding:10px 0 30px 0;}
#footer{width:980px; margin: 0 auto; position:relative; font-size:12px; line-height:20px;}
#copyrightContainer{background:#F2EFE6; width:100%}
#copyright{width:980px; margin:0 auto; padding-top:3px; position:relative; padding-bottom:10px; font-size:10px; color:#333; height:100%;}
#copyright .copyrightImg{position:absolute; top:0px;}
#copyright .copyright_logo{display:block; float:left; padding:1px 15px 0 4px;}
#copyright a{color:#333; float:left; text-decoration:none; display:block;}
#copyright .sep{width:1px; height:10px; background:#333; margin:5px 10px 0 10px; float:left;}
#copyright .crystal_logo{background:url(../images/logo_crystal_group.gif) no-repeat; width:100px; height:25px; display:block; float:left; margin-right:30px;}
#copyright .ann10_logo{background:url(../images/logo_10ann.gif) no-repeat; width:60px; height:41px; display:block; float:left;}
#seo{padding-left:10px; color:#fff;}
#seo div{float:left; padding-right:55px;}
#seo div span a{margin-left:0px;}
#seo div a{display:block; color:#fff; text-decoration:none; margin:1px 0 2px 8px;}

#featureNews{width:382px; background:url(../images/home/bg_news.jpg) no-repeat 0 -1px #C6B09E; padding:12px 0px 0 10px; float:left;}
#featureNews .newsItem{padding:10px 0 17px 0;  border-bottom:1px dashed #fff; margin-right:8px; min-height:86px; height:auto !important; height:86px;}
#featureNews .newsItem div{padding-left:10px; float:left; color:#000; /*font-size:11px;*/ font-size:90%; line-height:15px; width:271px;}
#featureNews .newsItem div a{text-decoration:none; color:#333;}
#featureNews .newsItem div span a{color:#fff; font-weight:bold;}
#featureNews .noBorder{ padding-top:20px;}
#featureNews .moreNews{background:#8D9A43; width:100px; height:24px; text-align:center; display:block; text-decoration:none; color:#fff; /*font-size:11px;*/ font-size:90%; float:right; margin-top:6px; line-height:25px}

#featureVideo{background:url(../images/home/bg_video.jpg) no-repeat 0 -1px #F1EFE5; padding:13px 0 0 9px; width:284px; float:left}
#featureVideo div{color:#333; padding-top:5px; /*font-size:11px;*/ font-size:90%;}
#featureVideo div.vidContainer{width:100%; text-align:center; padding:16px 0;}

#tagCloud{background:url(../images/home/bg_tag.jpg) no-repeat 0 -1px #E3DAD2; width:188px; float:left; height:280px; padding:13px 0 0 9px; position:relative;}
#tagCloud a{position:absolute; text-decoration:none;}

#about_SubNav, #capabilities_SubNav, #sustainability_SubNav, #careers_SubNav, #news_SubNav{ display:none;}
#about_SubNav .subNavContainer a, #capabilities_SubNav .subNavContainer a, #careers_SubNav .subNavContainer a, #news_SubNav .subNavContainer a{text-decoration:none; text-indent:-5000px; display:block;}

#about_SubNav{background:url(../images/bg_subNav.png) no-repeat center; height:183px; position:absolute; /*width:384px;*/ width:376px; z-index:999; left:286px; padding:23px 0 0 22px;}
#about_SubNav a.management_message, #about_SubNav a.profile, #about_SubNav a.management_philosophy, #about_SubNav a.milestone, #about_SubNav a.achievements{background:url(../images/about_subNav.gif) no-repeat; height:9px;}
#about_SubNav a.management_message{background-position:0px 0px; width:153px; margin-bottom:25px;}
#about_SubNav a.profile{background-position:0px -35px; width:60px; margin-bottom:25px;}
#about_SubNav a.management_philosophy{background-position:0px -70px; width:174px; margin-bottom:25px;}
#about_SubNav a.milestone{background-position:0px -104px; width:78px; margin-bottom:25px;}
#about_SubNav a.achievements{background-position:0px -139px; width:101px;}
#about_SubNav .subNavContainer{width:193px; float:left;}
#about_SubNav .subNavHighlight{float:left; background:url(../images/about_chairMessage.png) no-repeat; width:144px; height:155px; padding:6px 10px 0 10px; color:#333333; font-size:11px; line-height:15px;}
#about_SubNav .subNavHighlight a{color:#333 !important; text-decoration:none;}
#about_SubNav span{color:#fff; /*font-size:12px;*/ font-size:100%; padding-bottom:10px; display:block}

#capabilities_SubNav{background:url(../images/bg_subNav.png) no-repeat center; height:183px; position:absolute; /*width:384px;*/ width:376px; z-index:999; left:392px; /*padding:23px 0 0 30px;*/padding:23px 0 0 22px;}
#capabilities_SubNav .subNavContainer{width:193px; float:left;}
#capabilities_SubNav a.value_for_our_customers, #capabilities_SubNav a.products, #capabilities_SubNav a.information_technology{ background:url(../images/capabilities_subNav.gif) no-repeat; height:9px;}
#capabilities_SubNav a.value_for_our_customers{background-position:0px 0px; width:178px; margin-bottom:25px;}
#capabilities_SubNav a.products{background-position:0px -35px; width:77px; margin-bottom:25px;}
#capabilities_SubNav a.information_technology{background-position:0px -70px; width:183px;}
#capabilities_SubNav .subNavHighlight{float:left; background:url(../images/about_chairMessage.png) no-repeat; width:144px; height:155px; padding:6px 10px 0 10px; color:#333333; font-size:11px; line-height:15px;}
#capabilities_SubNav .subNavHighlight a{color:#333 !important; text-decoration:none;}
#capabilities_SubNav span{color:#fff; /*font-size:12px;*/ font-size:100%; padding-bottom:10px; display:block}

#sustainability_SubNav{background:url(../images/bg_sustain_subNav.png) no-repeat center; height:241px; position:absolute; /*width:465px;*/ width:489px; z-index:999; left:369px; padding:23px 0 0 28px;}
/*#sustainability_SubNav .subNavContainer{padding:24px 0 0 26px; }*/
#sustainability_SubNav a{float:left; text-decoration:none; text-indent:-5000px;}
#sustainability_SubNav a.environment_subNav, #sustainability_SubNav a.people_subNav, #sustainability_SubNav a.ecoProduct_subNav, #sustainability_SubNav a.quality_subNav, #sustainability_SubNav a.achievement_subNav, #sustainability_SubNav a.sustainability_Report_subNav{background:url(../images/sustainability_subNav.png) no-repeat; width:146px; height:110px; margin-right:11px; margin-bottom:8px;}
#sustainability_SubNav a.environment_subNav{background-position:-7px 0px;}
#sustainability_SubNav a.people_subNav{background-position:-164px 0px;}
#sustainability_SubNav a.quality_subNav{background-position:-321px 0px; margin-right:0px;}
#sustainability_SubNav a.achievement_subNav{background-position:-7px -117px;}
#sustainability_SubNav a.ecoProduct_subNav{background-position:-164px -117px;}
#sustainability_SubNav a.sustainability_Report_subNav{background-position:-321px -117px; margin-right:0px;}


#careers_SubNav{background:url(../images/bg_careers_SubNav.png) no-repeat center; height:188px; position:absolute; /*width:334px;*/ z-index:999; left:630px; /*padding:23px 0 0 30px*/;padding:23px 0 0 22px; width:328px;}
#careers_SubNav .subNavContainer{width:155px; float:left;}
#careers_SubNav a.why_crystal, #careers_SubNav a.testimonials, #careers_SubNav a.current_openings, #careers_SubNav a.crystal_alumni{background:url(../images/careers_subNav.gif) no-repeat; height:9px;}
#careers_SubNav a.why_crystal{background-position:0px 0px; width:110px; margin-bottom:25px; height:26px;}
#careers_SubNav a.testimonials{background-position:0px -35px; width:130px; margin-bottom:25px;}
#careers_SubNav a.current_openings{background-position:0px -70px; width:135px; margin-bottom:25px;}
#careers_SubNav a.crystal_alumni{background-position:0px -104px; width:154px;}
#careers_SubNav .subNavHighlight{float:left; background:url(../images/about_chairMessage.png) no-repeat; width:144px; height:155px; padding:6px 10px 0 10px; color:#333333; font-size:11px;  line-height:15px;}
#careers_SubNav .subNavHighlight a{color:#333 !important; text-decoration:none;}
#careers_SubNav span{color:#fff; /*font-size:11px;*/ font-size:90%; padding-bottom:10px; display:block}

#news_SubNav{background:url(../images/bg_news_subNav.png) no-repeat center; height:188px; position:absolute; /*width:279px;*/ width:273px; z-index:999; right:0px; /*padding:23px 0 0 30px;*/padding:23px 0 0 22px;}
#news_SubNav .subNavContainer{width:100px; float:left;}
#news_SubNav a.crystal40, #news_SubNav a.crystal_news{background:url(../images/news_subNav.gif) no-repeat; height:9px;}
#news_SubNav a.crystal40{background-position:0px 0px; width:76px; margin-bottom:25px;}
#news_SubNav a.crystal_news{background-position:0px -35px; width:49px;}
#news_SubNav .subNavHighlight{float:left; background:url(../images/about_chairMessage.png) no-repeat; width:144px; height:155px; padding:6px 10px 0 10px; color:#333333; font-size:11px;  line-height:15px;}
#news_SubNav .subNavHighlight a{color:#333 !important; text-decoration:none;}
#news_SubNav span{color:#fff; /*font-size:12px;*/ font-size:100%; padding-bottom:10px; display:block}

#languageDiv{background:url(../images/bg_language.png) no-repeat; height:84px; left:668px; position:absolute; top:20px; width:69px; padding:13px 0 0 10px; display:none;}
#languageDiv a{float:none; text-decoration:none;}
#languageDiv a.en, #languageDiv a.tc, #languageDiv a.sc, #languageDiv a.jp{background:url(../images/language_nav.gif) no-repeat; height:13px; margin-bottom:7px;}
#languageDiv a.en{width:41px; display:block;}
#languageDiv a.en:hover{background-position:-50px 0px;}
#languageDiv a.tc{background-position:0px -18px; width:41px; display:block;}
#languageDiv a.tc:hover{background-position:-50px -18px;}
#languageDiv a.sc{background-position:0px -35px; width:41px; display:block;}
#languageDiv a.sc:hover{background-position:-50px -35px;}
#languageDiv a.jp{background-position:0px -53px; width:41px; display:block;}
#languageDiv a.jp:hover{background-position:-50px -53px;}

/*General Content*/
.firstPara{color:#768138 !important; font-weight:bold;}

.subPoint li{ list-style:disc; list-style-position:outside; padding-top:10px; padding-bottom:10px; line-height:18px; margin-left:15px;}
.subPoint a{color:#333; text-decoration:none;}
.subPoint a:hover{text-decoration:underline;}
.singleImg{display:block; padding-bottom:20px;}
.generalTable{margin-bottom:20px;}
.generalTable .tableTitleLeft{background:#4E9597; color:#fff; padding:11px 0 11px 18px; border-right:1px solid #fff;}
.generalTable .tableTitleRight{background:#4E9597; color:#fff; padding:11px 0 11px 18px;}
.generalTable .tableContentLeft{border-bottom:1px dashed #4E9597; border-right:1px solid #fff; background:#EFEFEF; padding:16px 13px 13px 15px; line-height:20px;}
.generalTable .tableContentRight{border-bottom:1px dashed #4E9597; background:#EFEFEF; padding:16px 13px 13px 15px; line-height:20px;}
.generalTable .tableContentEndLeft{border-bottom:1px solid #4E9597; border-right:1px solid #fff; background:#EFEFEF; padding:16px 13px 13px 15px; line-height:20px;}
.generalTable .tableContentEndRight{border-bottom:1px solid #4E9597; background:#EFEFEF; padding:16px 13px 13px 15px; line-height:20px;}
.twoImgContainer{padding-bottom:20px;}
.twoImgContainer img{float:left;}
.singleImgContainer{display:block; padding-top:15px;}
.imgWithText{float:left; padding-right:15px; display:block;}
.imgWithTextContainer{padding-top:10px;}
.imgWithTextContainer p{padding:0px 0 10px 0 !important;}
.sloganTitle{color:#999 !important; /*font-size:14px !important;*/ font-size:110% !important;	}

#overlay{ position:absolute; top:0px; left:0px; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background-color:#000; }
#lightbox{ border:solid 3px #e6e6e6; background:#fff; }
#lightbox .heading{ width:100%; background:#f5f5f5; height:30px; font-size:120%; }
#lightbox .title{ float:left; color:#f60; font-size:110%; font-weight:bold; padding-left:10px; line-height:30px; }
#lightbox .close{ color:#FF6600; cursor:pointer; float:right; font-size:90%; font-weight:bold; padding:5px; position:absolute;right:-2px; text-decoration:underline; top:-28px;}
#lightbox .container{ padding:10px; }

ol li{list-style:decimal outside; margin-left:20px; padding-bottom:5px; padding-top:5px;}
ol li ul li{list-style:disc outside; padding-bottom:5px; padding-left:5px;}