/* CSS Document */
/* Tags' definition */
body, p, h1, h2, h3, h4, h5, h6, form, ul, li, img {margin:0; padding:0;}
img, fieldset {border:0;}
select {font-size:11px;}
body {font-size:11px; color:#000000; background:#DCE1E3; font-family:Arial, Helvetica, sans-serif, Verdana; }
h1{font-size:11px; color:#398CB3;font-weight:bold; }
h2{font-size:11px; font-weight:bold;}
h3{font-size:11px; font-weight:normal; }
h4{font-size:11px; font-weight:bold; color:#78909A;}
h5{}
h6{font-size:11px; color:#924887;}
a{font-size:11px; font-weight:normal; color:#355076;}
a:hover {text-decoration:none;}
/*hr {background-color:#D5DADC; color:#D5DADC; height:1px; border-style:solid; border:1px;}*/

form.frmBg {background:#e6ecf2;}
/* Object class */
#container {width:741px; margin:auto; margin-top:7px; background:url(../imgs/bg_doc.gif) repeat-y;}

/* Set padding top for input button in all pages */
#rightContent .btnLeft2, 
#rightCanvas .btnLeft2
{padding-top:15px;}


	
/* page top part */
	#top {display:block;}
	#smaboutus {display:none;}
	#smproducts {display:none;}
	#smcomfort {display:none;}
	#smsafesec {display:none;}
	#smchoice {display:none;}
	#smnews {display:none;}
	#smglazing {display:none;}
	
	#top li {list-style:none; float:left; display:inline; }
		#topLang {padding-bottom:3px;position:relative; background-color:#DCE1E3;}
		#topLang p {line-height:17px;text-align:right;}
		#topLang a {font-size:10px;font-weight:normal; padding-right:4px; font-family:Verdana, Arial, Helvetica, sans-serif;}
			#langCont {width:62px; margin-left:660px; padding:6px; border:1px solid #CCC; position:absolute; z-index:0; background-color:#F4F4F4; }
			#langCont p {padding-left:6px; text-align:left;}

	/* main menu */
		#menu { display:none;}
		#menu li{border-left:1px solid #5C2351; float:left;}
		#menu a {line-height:22px; font-size:9px; color:#FFF; padding:0px 7px 0 7px; text-decoration:none; text-transform:uppercase; display:block;}
		#menu a:hover, #menu a.menuOn {background:url(../imgs/bg_menu.gif) repeat-x;}
	
	/* page's submenu */
		#submenu {height:21px; margin:0 7px 0 3px; padding-left:15px; border-top:1px solid #DCE1E3; background-color:#DCE1E3; clear:left;}
		#submenu a {line-height:21px; font-size:11px; font-weight:normal; color:#000; padding:0 3px; text-decoration:none;}
		#submenu a:hover {text-decoration:underline;}
		#submenu li {line-height:21px;}
		#submenu li.submenuOn {color:#FFF; background:#FFF;} /* must use <li> for selected item because the seperator "|" */
		#submenu li.submenuOn a {color:#076FA0;}
	/*END page's submenu */
/*END page top part */


/* middle of the page */
	#middle {padding:20px; margin-bottom:20px;}
	#middle.titleIn {padding:0 0 20px 3px;}
	.pageTitle  { margin-bottom:10px;display:block;}


	/* main content */
		#pageContent {margin-top:25px;display:block; }
		#pageContent .blueText {color:#355076;}
	
		/* rightContent */
		#pageContent img{float:left; display:block; width:auto; }
				#rightContent {width:400px; border-left:1px solid #D5DADC; margin-left:14px; padding:0 13px 0 13px; float:left; display:block; }
				#rightContent.fullWidth {width:500px;}
				#rightContent h3 {padding-left:15px; background:url(../imgs/bg_arrow.gif) left 3px no-repeat;}
				#rightContent ul {margin:5px;margin-left:15px; padding:0;}
				#rightContent li {list-style-image:url(../imgs/bg_li.gif);}/* _list-style-image is only for IE*/
					#pdfTopic li {margin:0 0 15px 15px; }
					#pdfTopic img {margin-right:5px;}
					#pdfTopic a {font-weight:normal;}
				#rightContent .careerProfile {padding-bottom:15px;}
				#rightContent .careerProfile li {margin-bottom:3px;}
				#rightContent .noTopSpace {margin-top:0;}
		/*END rightContent*/


		/* START | LEFT TREE MENU | functionGlazing */
				#leftMenu {width:180px; float:left;}
				#leftMenu ul {list-style:none;}
				#leftMenu li {display:inline;}
				#leftMenu li a {text-decoration:none; padding:3px 0 3px 30px; background:url(../imgs/sm_arrow.gif) 20px 7px no-repeat; border-bottom:1px solid #d5dadc; display:block;}
				#leftMenu li a.group {padding:3px 0 3px 20px; background:url(../imgs/sm_dir_close.gif) 7px 7px no-repeat;}
				#leftMenu li a.groupOn {font-weight:bold; padding:3px 0 3px 20px; background:url(../imgs/sm_dir_open.gif) 7px 7px no-repeat;}
				#leftMenu li a.itemOn {font-weight:bold; background-color:#e6ecf2;} 
				#leftMenu li a:hover {background-color:#e6ecf2;}
				#leftMenu a.pdf {padding:13px 15px 3px 25px; background:url(../imgs/icon_pdf.gif) 5px 13px no-repeat; border:none; display:block;}
		/* END | LEFT TREE MENU | functionGlazing */


		/* START | Product | All Our Products */
				#pLeftCont {width:155px; color:#355076; float:left; display:block;}
				#pLeftCont ul {margin:0; list-style:none;}
				#pLeftCont a {height:18px; line-height:18px;padding-left:5px;display:block;} 
				/* Middle Content */
				#pCanvas {width:340px; background: url("../imgs/all_product_canvas.gif") left top no-repeat; float:left;}
					.pCContent {width:300px; padding:5px 0 10px 25px; display:none;}
					.pCContent img.ptit {padding:10px 0 0 5px;}
					.pCContent p {margin-top:10px; margin-bottom:5px;color:#355076;}
				#pCFooter {display:none;}
				/* Right Content */
				#pRightCont {width:132px; margin-left:10px; padding-left:10px; border-left:1px solid #CCD3D7; float:left; display:block;}
				#pRightCont p {margin-bottom:10px;color:#355076;}
				#pRightCont a {line-height:18px;display:block;}
		/* END | Product | All Our Products */
		
		/* START | Product | RecognizePicto */
				#rightContent .recRowStart {padding:0;} 
				#rightContent .recRow {padding:15px 0 0 0;} 
				#rightContent .recItem {color:#355076; width:250px; float:left;}
				#rightContent .recImg {width:60px; float:left;}
				#rightContent .recText {width:185px; float:left;}
		/* END | Product | RecognizePicto */

		/* START myNextCar */
					/* Table Equipment detail | Reuse the #tblStart of Equipment 3 */
					ul#tblStar span.icon {width:32px;}
					ul#tblStar span.icon img {margin:4px 2px 0 6px; float:none;}
					ul#tblStar span.rightCont {width:auto;color:#000;}
					/* Form with contructor box and model box */
					#fCarModel {margin:15px 0 25px 0; padding:5px 0 12px 16px; background-color:#E6ECF2; display:block;}
					#fCarModel p.btnLeft2 {margin-left:105px; text-align:left; _display:inline; } 
						/* Fieldset  Contructor and Model */
						.choiceBox {width:150px; margin-right:20px; float:left; display:block;}
						.choiceBox select {width:148px; margin-top:5px;}
						.choiceBox select option {padding:3px;}
					/* Manufacture Legend */
					#factLegend {font-size:10px;padding-top:15px;}
					#factLegend p {margin-bottom:3px;}
		/* END myNextCar */
		

		/* START | form Login, form Register | glassCatalog  */
				/* COMMON */
				#rightContent .btmText {padding-top:10px;}
				#rightContent .spbutton {margin-right:20px;}  
				#rightContent .btnLeft2 {text-align:right; display:block;}
				#rightContent p.btnLeft2 input {width:auto;}
				#rightContent label {font-weight:bold; margin-top:3px; line-height:18px; float:left; display:block;}
				#rightContent input {margin-top:3px;}
				#rightContent span {color:#924887;} 
				/* form Login */
					#fLogin {margin:5px 0 25px 0; padding:10px 0 8px 13px;}
					#fLogin label {width:80px;}
					#fLogin input {width:155px;}				
					#fLogin .setw{width:240px;}
				/* form Register */
					#fReg {margin-top:8px; padding-left:13px;}
					#fReg label {width:150px;}
					#fReg input {width:227px;}				
					#fReg .btnsubmit{margin-left:25px; margin-right:5px;}						
		/* END | form Login, form Register */
		

		/* START Choice of Equipment  */
				#rightContent .topTit {color:#355076; padding-bottom:3px;}
					#simFBtn {text-align:center;}
					/* Form Choice Equip */
					#fChoiceEquip label {font-weight:normal; margin:2px 0 -1px 0; clear:left;}
					#fChoiceEquip label input {margin:-2px 8px 0 0; _margin-right:5px; vertical-align:middle;}
					#fChoiceEquip .btnsubmit{margin-left:20px;}
					#fChoiceEquip .btnLeft{margin-right:75px; clear:left;}
						ul#choiceEquip {margin:0; padding:0;}
						ul#choiceEquip li {list-style:none; list-style-image:none;clear:left;}
						ul#choiceEquip p {padding-top:15px; padding-bottom:1px;_padding-top:8px;}
						/* Fieldset for Combobox in "Choice of Equipment 2"*/
						#fsfunc {margin-top:3px;}
 						#fsfunc label {width:180px; padding-right:5px; line-height:17px;}
						#fsfunc select {width:40px; margin-bottom:3px;}
					/* "Choice of Equipment 3"| Table Star */
					ul#tblStar {margin:15px 0 15px 0; padding:0; }
					ul#tblStar span {width:90px; float:left;}
					ul#tblStar span.leftCont {width:310px;}
					ul#tblStar li {height:20px; line-height:20px;_margin-bottom:-4px; list-style-image:none; list-style:none; clear:both;}
					ul#tblStar li.fbg {background-color:#EDF2F6;}
					ul#tblStar a {font-weight:normal; padding-left:8px;}
					ul#tblStar img {margin-right:4px; margin-top:4px; float:right;}				
		/* END Choice of Equipment  */


		/* START | FunctionalGlazing */
				#rightContent2 {width:515px; margin-left:4px; border-left:1px solid #D5DADC; padding:0 13px 0 13px; float:left; display:block;}
				#rightContent2 .pageTitle img {margin-bottom:10px; float:none; display:block;}
				#rightContent2 .graphic {padding:20px 0 10px 120px;}
				#rightContent2 .article {font-weight:bold; color:#398CB3; margin-bottom:5px; padding:10px 0 3px 0; background-image:none; border-bottom:1px solid #d5dadc;}
				/* Form refect */
						#reflect {padding:10px; margin:5px 0 15px 0;}
						#reflect label {font-weight:normal; margin:0; float:none; display:block;}
						#reflect select {margin-top:5px; float:none; display:block;}
				/*table -> div*/
						#table {padding:15px 20px;}
						.tableRow {width:440px; margin:0; border:1px solid #e6ecf2; clear:both;}
						.tableTh {text-align:center; font-weight:bold; width:100px; padding:5px; background:#e6ecf2; float:left;}
						.tableTd {width:89px; padding:10px; background:#fff; border-right:1px solid #e6ecf2; float:left;}
						.tableTdF {width:90px; padding:10px; background:#fff; float:left;}
				/* goto Top */					
					.goTop {height:9px; background:red url(../imgs/bg_btn_top.gif) repeat-x; clear:both;}
					.goTop a {float:right; display:block;}
				.gtopLine { margin-top:5px; padding-top:5px; border-top:1px solid #d5dadc; }
		/* END | FunctionalGlazing */
		

/* END middle of the page */

/* middle2 | middle of the page */
	#middle2 {padding-bottom:20px; margin-bottom:20px;_margin-bottom:60px;}
		.setBgm2 {background:url(../imgs/rightNav_mid2bg.gif) right bottom no-repeat;}
		.setBgm3 {background:url(../imgs/rightNav_mid3bg.gif) right bottom no-repeat;} /* Only for pages with short bg right Column | MakeYourChoice */

	#middle2 .spBtm {padding-bottom:40px;_padding-bottom:75px;}

	/* Main content2 | (as on HOME COMFORT) */
		#pageContent2 {width:533px; float:left; display:block;}
		#pageContent2.LTspace {width:513px; padding:20px 0 0 20px;}
			/* mContent (Left content)*/
			#mContent {width:345px; margin:6px 0 0 20px; _margin-left:10px; float:left; display:block;}
			#mContent h4 {padding-top:8px;}
			#mContent p {margin-bottom:7px; margin-top:5px;}				
			/* END mContent*/
			
			/* START  HOME */
				.hCol {width:149px; color:#355076; margin-top:6px; margin-left:7px; padding:8px; float:left; display:block;}
					.newscolor {color:#5F2755;}
				.hCol h4 {padding-top:0;}
					.vLine {border-right:1px solid #DDD;}
				.hCol p.hdate {padding-bottom:10px; padding-top:5px;}
				#fHomeProd {margin:5px 0 0 15px;}
				#fHomeProd select {width:150px;}
				
			/* END HOME */
			
			/* Bloc comfArea (center column)*/
			#comfArea {width:148px; padding:8px; margin-top:6px; border-left:1px solid #DDD; float:left; display:block;}
			#comfArea * {font-size:11px;}
			#comfArea p {color:#355076; margin-bottom:5px;}
			#comfArea a {line-height:17px;}
			#comfArea img {margin-right:5px;} 
				/* Form choice Model on Home ComFort Acoustic */
				#hCModel { margin-top:18px; margin-bottom:13px;}
				#hCModel select {width:140px; margin-top:8px; margin-bottom:2px;}
			#comfArea p.moreinfos img {margin-top:10px;}			
			/* END Bloc comfArea*/
			
			/* START Make_Your_Choice */
			.ChrecRow {padding-top:30px;}
			.recSection {width:228px; padding-right:27px; float:left; display:block;}
			.recSection p {margin-bottom:5px;}
			.recSection img {margin-bottom:10px; border:3px solid #B9C1CA;}
				.SectTit img {border:0;}
			#tryquizz {background:url(../imgs/visual_greyRcolBg.gif) left top repeat-y; padding-bottom:-10px;}
			#tryquizz p {color:#032454; padding-top:5px; padding-bottom:7px; }
			/* END Make_Your_Choice */
			
			
	/*START Right column (as on HOME COMFORT)*/		
		#rightCanvas {width:206px;float:left; display:none;}
			.setRbg {background:url(../imgs/home_comfort_rbg.jpg) 195px top no-repeat;} /* use for home_comfort */
			.setRbg2 {background:url(../imgs/comfortAccoustic_rbg.jpg) 195px top no-repeat;} /* use for home_comfort Acoustic */
			.setRbg3 {background:url(../imgs/home_rbg.gif) 195px top no-repeat;} /* use for Home */
			.setRbg4 {background:url(../imgs/comfortThermal_rbg.jpg) 195px top no-repeat;} /* use for home_comfort Thermal */
		#rightCanvas img {display:block;}
		#rightCanvas p {padding-left:15px; padding-right:10px;}
		#rightCanvas p.rtit {font-size:10px; font-weight:bold; margin-right:6px; padding:5px 0 3px 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
			/* set p background in MakeYourChoice */
			#rightCanvas .rtitGreybg {background:url(../imgs/visual_greyRcolBg.gif) left top repeat-y;}
		#rightCanvas p.rtit img {padding-top:2px; padding-right:3px; float:left;}
		#rightCanvas p.rtit strong {width:150px; float:left;display:block; margin-bottom:5px;}
			#topStyle {height:23px; padding-top:19px;display:block;}
				.setRTbg {background:url(../imgs/home_comfort_setRgb.jpg) left top no-repeat;} /* use for home_comfort */
				.setRTbg2 {background:url(../imgs/HOME_rtbg.jpg) left top no-repeat;} /* use for Home */
	/* END Right column (as on HOME COMFORT) */
	
/* Tabs | Product Details */
div .nor { display:none;}
/*
	
	

/* END middle2 */


/* page footer */
	#toe {color:#7F8B8F; padding:25px 5px; background:#DCE1E3 url(../imgs/footer.gif) no-repeat;}
	#toe a {font-size:10px;font-weight:normal; color:#7F8B8F; padding:0 2px; text-decoration:none;}
	#toe a:hover {text-decoration:underline;}
		#toe img, #toe ul, #toe li {float:left;}
		#toe img {margin-right:4px;padding-top:3px}
		#toe ul {width:600px;}
		#toe li {list-style:none;}
		#toe li.submenuOn {color:#FFF; background:#FFF;} /* must use <li> for selected item because the seperator "|" */
		#toe li.submenuOn a {color:#076FA0;}
/* END page footer */


#toe, #menu, #submenu, #topLang {display:none;}