/******** Default Behaviour Tags ********/
/****************************************/
/* Only Default Tags */
*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#FFF; font-size:12px; color:#333;LINE-HEIGHT:150% }
h1{}
h2{font-size:18px; color:#039; padding:0 0 5px 0}
h3{font-size:12px; font-weight:bold}
h4{font-size:12px; font-weight:bold}
h5{}
img, fieldset{border:0}
a{color:#000;text-decoration:none; outline:none}
a:hover{color:#039}
li{list-style-type: none}
input{font-size:12px; font-family:Arial, Helvetica, sans-serif; height:20px; border:1px solid #cecece;}
select, textarea{font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.clear{height:0; clear:both}

/********** Common Structure (for all templates) ********/
/********************************************************/

#container{width:769px; margin:auto; text-align:left}
	#header{width:769px; border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; overflow:hidden}
		#header h1{float:left}
	#lev1{font-size:11px; color:#fff; background:#000; border-bottom:1px solid #666; text-align:right; padding:3px 0}
		#lev1 li{display:inline; padding:0 10px}
		#lev1 a{color:#fff; text-decoration:none}
		#lev1 a:hover{text-decoration:underline}
	#lev2{color:#000; width:159px; float:left;}
		#lev2 * {font-size:11px}
		#lev2 ul{color:#ed1c24; font-weight:bold; background:#d7d7d7; width:158px;}
			#lev2 ul ul{background:#ebebeb; width:auto;}
			#lev2 a{color:#000;}
			#lev2 a:hover{color:#01438e;}
		#lev2 .active{color:#ed1c24;}
		#lev2 .last{background:none;}
		#lev2 .activeSub{padding:4px 0 0 0;}
		#lev2 .activeSub3{padding:0 0 4px 0; display:block;}
		#lev2 .activeSub2{color:#ed1c24; padding:0 0 4px 0; display:block;}
		#lev2 .first{ background:url(../images/bgd_seperator.gif) 0 0 repeat-x;}
		#lev2 .lastSub{background:url(../images/bgd_seperator.gif) 0 100% repeat-x;}
			#lev2 span{color:#333; font-weight:bold; padding:4px 0 4px 10px; display:block;}
			#lev2 li li{margin:0 5px 0 10px; padding:4px 0; background:url(../images/bgd_seperator.gif) 0 100% repeat-x;}
				#lev2 ul ul ul{background:#fff; margin:0 -5px 0 -10px;}
				#lev2 li li li{background:none; padding:4px 0 4px 10px;}
				#lev2 li li li a{padding:0;}
				
		#lev2 .hide{display:none;}
				
	#flashheader{float:left}
		#flashheader img{float:left}
	
	#main{background:url(../images/bgd_main.gif) 0 100% repeat-y; width:769px; padding:0 0 20px 0; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; overflow:hidden;}

	#content{width:423px; margin:13px 0 0 0; padding:0 8px 0 10px; float:left;}
		
	#context{width:152px; margin:13px 0 0 0; padding:0 8px 10px 8px; float:left; border-left:1px solid #cccccc; font-size:11px}
		#context h3{padding:0 0 10px 0}
		#context dd{padding:0 0 10px 0}
	
	#footer{padding:5px 0; text-align:center; font-size:10px}

	.breadcrumbs{background:#ebebeb; font-weight:bold; padding:3px 10px; color:#000000}
		.breadcrumbs *{font-size:11px; text-transform:uppercase}
		.breadcrumbs li{display:inline}
		.breadcrumbs a{color:#000; background:url(../images/bullet_01.gif) 100% 3px no-repeat; padding:0 6px 0 1px}
		.breadcrumbs a:hover{color:#01438e;}

/******** Specifics Universes (grouped by template) ********/
/***********************************************************/

/** global block **/
	.illusType01{float:left; margin:0 3px 0 0}
	.illusType02{float:left; margin:0 5px 0 0}

/** form types **/
	#formSearch{font-size:11px; background:#80a1c6; color:#fff; width:144px; padding:5px 5px 0 10px;}
		#formSearch p{clear:both; padding:0 0 2px 0}
		#formSearch label{font-weight:bold; margin:0 0 2px 0}
		#formSearch input{width:113px; margin:0 5px 0 0; float:left; border-left:none; border-right:none; border-top:none; border-bottom:1px solid #7f7f7f;}
		#formSearch input.buttonGo{font-weight:bold; height:14px; width:25px; margin-right:0; padding-top:0; float:left; cursor:pointer}
	/*///////////////////////*/	
	#formOrder{}
		#formOrder p{clear:both;}
		#formOrder input{width:50px; height:16px; margin:0 20px 0 0; padding:1px 0 0 0;}
		#formOrder .inputType01{font-weight:bold; background:#ccc; width:65px; height:auto; padding:0; border-color:#666;}
		#formOrder .inputType02{width:auto; margin-right:0; border:none;}
		#formOrder .inputType03{width:300px; height:auto; margin:10px 0}
		#formOrder .labelType01{padding:0 0 0 240px;}
		#formOrder select{font-size:11px; margin:0 20px 0 0;}
			#formOrder select option{padding:0 2px 0 4px;}
		
		#formOrder .fieldset01{margin:10px 0; display:block;}
		#formOrder .fieldset01 p{padding:0 0 5px 0;}
		#formOrder .fieldset01 select{width:100px; float:left; margin-bottom:5px;}
		#formOrder .fieldset01 input, #formOrder .fieldset01 a{float:left; margin-bottom:5px;}
			
			#formOrder .fieldset01 a{color:#333; font-size:11px; font-weight:bold; background:#ccc; width:60px; margin:0 20px 0 0; padding:1px 4px; border:1px solid #666; text-decoration:none; text-align:center;}
			#formOrder .fieldset01 a:hover{background:#fff; text-decoration:none;}
			
			.buttonOn {display:inline;}
			.buttonOff {display:none;}
		
		#formOrder .fieldset02{width:233px; margin:10px 0 0 0; float:left; display:block;}
			#formOrder .fieldset02 input{width:200px; margin:10px 0; height:auto;}
			
		#formOrder .fieldset03{}
			#formOrder .fieldset03 label{width:469px; display:block;}
			#formOrder .fieldset03 input{width:120px;}
			#formOrder .fieldset03 textarea{width:467px; margin:5px 0 10px 0; display:block; border:1px solid #cecece;}
			#formOrder .fieldset03 .btn{text-align:right;}
				#formOrder .fieldset03 .btn input{width:auto; height:18px; margin:0; border:none;}
				/*#formOrder .fieldset03 a{color:#333; font-size:11px; font-weight:bold; background:#ccc; border:1px solid #666; width:120px; display:block; padding:1px 0; float:right; text-align:center; text-decoration:none;}
				#formOrder .fieldset03 a:hover{background:#fff;}*/
				
		#formOrder .fieldset04{}
			#formOrder .fieldset04 p{padding:10px 0; display:block; width:469px; overflow:hidden;}
			#formOrder .fieldset04 label{float:left; display:block; text-align:center;}
			#formOrder .fieldset04 input{float:left; margin-right:5px;}
			#formOrder .fieldset04 img{margin:0 10px 0 0; float:left;}
	/*//////////////////////////*/
	#formLogin{background:url(../images/bgd_login.gif) 0 0 repeat-x; width:272px; margin:10px 0 20px 0; padding:34px 10px 10px 10px; border:1px solid #80a1c6; }
		#formLogin p{clear:both; padding:0 0 5px 0;}
		
		#formLogin label{width:65px; float:left;}
		#formLogin input{width:135px; margin:0 0 8px 0; float:left;}
			
		#formLogin .btn{font-size:11px; width:135px; margin:0 0 0 60px; display:block; overflow:hidden;}
			#formLogin .btn a{color:#333; width:135px; display:block; padding:0 0 15px 0; text-align:center; text-decoration:underline;}
			#formLogin .btn a:hover{text-decoration:none;}
			#formLogin .btn a.special{color:#333; font-weight:bold; background:#ccc; width:40px; margin:0 0 0 40px; padding:2px; border:1px solid #666; text-decoration:none;}
			#formLogin .btn a.special:hover{background:#fff; text-decoration:none;}
			#formLogin .btn input{width:46px; height:20px; margin:0 0 0 40px; border:none;}
			
	#formLogin2{background:url(../images/bgd_login.gif) 0 0 repeat-x; width:302px; margin:10px 0 20px 0; padding:34px 10px 10px 10px; border:1px solid #80a1c6; }
		#formLogin2 p{clear:both; padding:0 0 5px 0;}
		
		#formLogin2 label{width:65px; float:left;}
		#formLogin2 input{width:135px; margin:0 0 8px 0; float:left;}
			
		#formLogin2 .btn{ width:200px; margin:0 0 0 65px; display:block; overflow:hidden;}
			#formLogin2 .btn input{width:auto; height:21px; margin:0 20px 0 0; border:none;}
				
	#formAccount{}
		#formAccount h3{font-weight:bold; padding:0 0 10px 0;}
		#formAccount p{clear:both; padding:0 0 5px 0;}
		#formAccount span{color:#ed454c;}
		#formAccount a{color:#01438e; text-decoration:underline;}
		#formAccount a:hover{text-decoration:none;}
		#formAccount label{text-align:right; width:115px; padding:0 5px 0 0; float:left;}
		#formAccount input{width:257px; margin:0 0 13px 0; float:left;}
		
		#formAccount .btn{margin:10px 0 0 90px;}
		#formAccount .btn img{float:left; margin:0 20px 0 0;}
		#formAccount .btn input{width:auto; height:auto; border:none;}
		
		#formAccount .btn2{width:257px; padding:0 0 0 120px; display:block; overflow:hidden}
			#formAccount .btn2 input{width:auto; height:21px; margin-right:20px; border:none;}
			#formAccount .btn2 a{color:#333; font-weight:bold; background:#ccc; width:40px; padding:2px 4px; border:1px solid #666; text-decoration:none; text-align:center; display:block; float:left;}
			#formAccount .btn2 a:hover{background:#fff; text-decoration:none;}
			
	#formContact{background:url(../images/bgd_seperator.gif) 0 0 repeat-x; padding:15px 0 0 0;}
		#formContact p{clear:both; padding:0 0 3px 0;}
		#formContact span {color: #d86c38;}
		#formContact label{width:100px; float:left;}
		#formContact input{width:257px; float:left; margin-bottom:6px; font-size:11px; padding: 0 0 0 2px;}
		#formContact textarea{width:260px; float:left; margin-bottom:6px; height:60px; border:1px solid #cecece;}
		#formContact select{width:260px; float:left; margin-bottom:6px; padding-right: 0; border:1px solid #cecece;}
		#formContact select option{padding:0 2px;}
		#formContact .btn{font-style: italic; margin:0 0 10px 99px; display:block;}
			#formContact .btn input{width:62px; height:21px; margin-right:20px; border:none;}
			#formContact .btn a{color:#333; font-weight:bold; font-style:normal; background:#ccc; width:60px; margin:0 20px 0 0; padding:2px 0; display:block; text-align:center; float:left; border:1px solid #666; text-decoration:none;}
			#formContact .btn a:hover{background:#fff; text-decoration:none;}

/******** Specifics Blocks (grouped by template) ********/
/********************************************************/
	#introText{background:url(../images/bgd_seperator.gif) 0 100% repeat-x; margin:5px 0 20px 0; padding:0 0 10px 0;}
		#introText p{padding:0 0 10px 0}
		#introText ul, #introText ol{padding:0 0 0 20px;}
			#introText ul li{list-style:inside; list-style:square;}
			#introText ol li{list-style:inside; list-style:decimal;}
	
	#products{background:url(../images/bgd_seperator.gif) 0 100% repeat-x; width:423px; margin:0 0 10px 0; padding:0 0 5px 0; overflow:hidden;}
		#products div{float:left;}
		
		.contType06{width:207px; margin:0 9px 10px 0; padding:0 5px 0 0; overflow:hidden;}
			.contType06 img{float:left; margin:0 3px 0 0}
			.contType06 dl{width:125px; display:block; float:left}
		.contType07{width:202px; overflow:hidden;}
			.contType07 img{float:left; margin:0 3px 0 0}
			.contType07 dl{width:120px; display:block; float:left}
			#products div a{color:#01438e; font-weight:bold; text-decoration:underline}
			#products div a:hover{text-decoration:none}

	#flashVideo{}
		#flashVideo img{float:left}
		
	#paging{text-align:center; background:url(../images/bgd_seperator.gif) 0 0 repeat-x; padding:10px 0 0 0;}
		#paging li{display:inline;}
		#paging a{font-weight:bold; color:#01438e; text-decoration:underline; padding:0 5px;}
		#paging a:hover{text-decoration:none;}
		
	#anchor{display:block; padding:10px 0 0 0; text-align:right;}
		#anchor a{color:#01438e; font-weight:bold; text-decoration:underline;}
		#anchor a:hover{text-decoration:none;}
		
	.contType01{background:url(../images/bgd_seperator.gif) 0 0 repeat-x; width:469px; padding:10px 0 0 0;}
		.contType01 div *{font-size:10px;}
		.contType01 div{text-align:center; width:50px; margin:0 14px 5px 14px; float:left; display:inline;}
		
		.special{background:#d7d7d7; padding:3px 5px; margin:10px 0;}
		
	.contType02{background:url(../images/bgd_seperator.gif) 0 100% repeat-x; width:592px; margin:0 0 5px 0; padding:10px 0 15px 0; overflow:hidden;}
		.contType02 img{float:left; margin:0 15px 0 0;}
		.contType02 div{width:482px; float:left;}
		.contType02 dt{font-size:14px; font-weight:bold; color:#01438e;}
		.contType02 a{color:#01438e; text-decoration:underline;}
		.contType02 a:hover{text-decoration:none;}
		.last{background:none;}
		.contType02 .buttons{font-size:11px; display:block; padding:20px 0 0 90px;}
		
	.contType03{width:592px; padding:10px 0 15px 0; overflow:hidden;}
		.contType03 p{padding:0 0 15px 0;}
		.contType03 a{color:#01438e; text-decoration:underline;}
		.contType03 a:hover{text-decoration:none;}
		
		.contType03 ul, .contType03 ol{padding:0 0 0 20px;}
			.contType03 ul li{list-style:inside; list-style:square;}
			.contType03 ol li{list-style:inside; list-style:decimal;}
		
		.contType03 .special, .contType02 .special{color:#333; font-weight:bold; background:#ccc; border:1px solid #666; text-decoration:none; margin:0 15px 0 0;}
		.contType03 .special:hover, .contType02 .special:hover{color:#000; background:#fff; border:1px solid #666;}
		
		#formAddQuote{padding:20px 0 0 0; text-align:center; display:block;}
			#formAddQuote p{padding:0 0 0 216px;}
			#formAddQuote input{width:auto; height:22px; border:none; float:left;}
			#formAddQuote a{color:#333; font-weight:bold; font-style:normal; background:#ccc; width:auto; margin:0 20px 0 0; padding:2px 4px; display:block; text-align:center; float:left; border:1px solid #666; text-decoration:none;}
			#formAddQuote a:hover{background:#fff; text-decoration:none;}
		
		.contType03 .meaType01{width:300px; float:left; padding:0;}

/*******************************universe blocks***************************************/		
/*page Our Catalog*/
	#ourCatalog #content{width:592px;}
	
		#ourCatalog #products{background-position:top; width:592px; margin-bottom:0; padding:10px 0 0 0;}
			#ourCatalog #products .contType04{width:279px; margin:0 35px 20px 0; padding:0;}
			#ourCatalog #products .contType05{width:278px; margin:0 0 20px 0; padding:0;}
			#ourCatalog #products img{width:130px; float:left; margin:0 5px 0 0;}
			#ourCatalog #products .contType04 dl{width:144px; float:left;}
			#ourCatalog #products .contType05 dl{width:143px; float:left;}
				#ourCatalog #products dt{font-size:14px; padding:0 0 10px 0}
			#ourCatalog #products a{color:#000; text-decoration:none}
			#ourCatalog #products a:hover{text-decoration:underline}
/*end page Our Catalog*/

/*new products*/
	#newProducts #content, #whatsNew #content{width:592px;}
		#newProducts #products, #whatsNew #products{background-position:top; width:592px; padding:10px 0 0 0; margin-bottom:0;}
			#newProducts #products .itemProduct, #whatsNew #products .itemProduct{width:124px; margin:0 5px 15px 15px; text-align:center; float:left; display:inline;}
				#newProducts #products a, #whatsNew #products a{color:#01438e; font-weight:normal; text-decoration:underline;}
				#newProducts #products a:hover, #whatsNew #products a:hover{text-decoration:none;}
			#newProducts #products .itemProduct div, #whatsNew #products .itemProduct div{background:url(../images/bgd_product_item.gif) no-repeat; width:100px; height:100px; margin:0; padding:8px 12px; float:left;}
			#newProducts #products .itemProduct div img, #whatsNew #products .itemProduct div img{width:100px; height:100px;}
			
/*product details*/
	#productDetails #content{width:469px;}
		#productDetails #products{background-position:top; width:469px; padding:15px 0 10px 0;}
		#productDetails #products img{margin-right:20px; float:left; display:inline}
		#productDetails #products div{width:253px; margin:0; padding:0; display:inline}
		#productDetails #products div p{padding:0 0 10px 0;}
	
	#productDetails #context{background:#cdcdcd; width:122px; padding:5px 0 0 0; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd;}
		#productDetails #context h3{padding:0 5px 5px 5px}
		#productDetails #context dl{background:#ebebeb; padding:5px 5px 0 5px;}

	#general #content,
	#login #content{width:592px;}
	
		#login .contType02{background-position:top;}
		#login .contType03, #ourCatalog .contType03{}
			#login .contType03 img, #ourCatalog .contType03 img{display:block; margin:0 20px 0 0; float:left;}
			#login .contType03 div, #ourCatalog .contType03 div{width:376px; float:left;}
			
			
	#quoteMaker #main{background:none; padding-bottom:0;}
		#quoteMaker #content{width:751px;}
			#quoteMaker #content h2{background:url(../images/bgd_seperator.gif) 0 100% repeat-x; padding:0 0 6px 0; margin-bottom:10px;}
		
			#quoteMaker .contType03{width:751px;}
				#quoteMaker .contType03 img{float:left; margin:0 20px 0 0;}
				#quoteMaker .contType03 div{width:535px; float:left;}
				
			#quoteMaker .contType02{width:751px; background-position:top; padding-top:15px;}
				#quoteMaker .contType02 p{padding-bottom:10px;}

		/*------------------------------------------------ #Error for Form Alerts------------------------------------------------------------*/
		/*-----------------------------------------------------------------------------------------------------------------------------------*/
			#error {background:#01438e url(../images/bgd_error.gif) no-repeat 0 0; position: absolute; z-index: 991; top: 0; left: 0; visibility: hidden; border: 1px solid #a5acb2;} 
				#error img {padding: 2px 2px 0 0; float: right;}
			.popUpText {color:#fff; padding: 20px 0 5px 5px; text-align:left;} 
				.popUpText p {display: block; padding: 0; margin: 0;}
			.errorField {width: 140px; border: 1px solid #A5ACB2;}
			.msg {font-style: italic; color: #dc0000; margin: 5px 15px;}
			#errorIframe {position: absolute; z-index: 990; top: 0; left: 0; width: 100px; visibility: hidden; display: none;}
			#layerFrame {position: absolute; z-index: 990; top: 0; left: 20%; width: 500px; height: 800px; visibility: hidden; display: none;}	
		/*----------------------------------------FLASH----------------------------------------------------------------------------------------*/
.bk { font-size: 9pt; border: 1px #e9e9e9 solid}
.bk1 {
	BORDER-BOTTOM: #999999 1px dashed; BORDER-LEFT: #999999 1px dashed; BORDER-RIGHT: #999999 1px dashed; BORDER-TOP: #999999 1px dashed;}
.out { position:relative; background:#bbb; margin:10px auto; width:92px }
.in { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-5px; left:-5px; }
.left_top {background:url(images/left_top.gif) no-repeat;width:7px;height:10px;} /*左上角*/
.right_top {background:url(images/right_top.gif) no-repeat;width:7px;height:10px;} /*右上角*/
.line_p_top {background:url(images/line_p_top.gif) repeat-x;height:10px;} /*上水平线*/
.left_bottom {background:url(images/left_bottom.gif) no-repeat;width:7px;height:10px;} /*左下角*/
.right_bottom {background:url(images/right_bottom.gif) no-repeat;width:7px;height:10px;} /*右上角*/
.line_p_bottom {background:url(images/line_p_bottom.gif) repeat-x;height:10px;} /*下水平线*/
.line_v_left {background:url(images/line_v_left.gif) repeat-y;} /*左垂直线*/
.line_v_right {background:url(images/line_v_right.gif) repeat-y;} /*右垂直线*/

#everything {
    width: 768px;
    margin: 0 auto;
    padding: 20px 10px;
}