@charset "utf-8";
/* CSS Document */

/* Global Properties */

* { margin:0; padding:0; }
body { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#333333; background:#aaa9ae; padding:0 0 30px 0; }
ul { list-style:none; }
img, fieldset { border:none; }
input { font-size:11px; color:#000000; }
textarea { font-size:11px; color:#000000; }
select, option { font-size:9px; color:#000000; }
a { color:Inherit; text-decoration:none; }
a:hover { color:Inherit; text-decoration:none; }
.clear { clear:both; height:1px; }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:14px; font-weight:normal; }
h4 { font-size:11px; }
.preload { display:none }
/* End Global Properties */


/* Structure */


#main { width:963px; height:732px; background:url(../images/bgd_main.gif) no-repeat; margin:0px auto 0px auto; text-align:left; }
	#header { width:940px; height:136px; padding:23px 0 0 23px; }
		#topHeader { width:940px; height:107px; padding:0 0 1px 0; }
		#header h1 { float:left; margin:11px 3px 0 0; display:inline; } 
		#header .headerBlock01 { overflow:hidden; width:214px; height:100px; padding:5px; background:url(../images/bgd_headerBlock_01.gif) no-repeat; float:left; margin:0 0 0 11px; display:inline; }
			#header .headerBlock01 div { overflow:hidden; width:130px; float:left; margin:4px 0 0 6px; }
			#header .headerBlock01 h4 { font-size:17px; border-bottom:1px solid #555; padding-bottom:2px; margin-bottom:5px; float:left }
			#header .headerBlock01 img { float:right; margin:15px 0 0 0; }
			#header .headerBlock01 p { text-align:left; line-height:12px }
		#header .headerBlock02 { width:88px; height:100px; padding:5px 10px; background:url(../images/bgd_headerBlock_02.gif) no-repeat; text-align:center; float:left; margin:0 0 0 12px; display:inline; }
			#header .headerBlock02 h4 { font-size:15px; padding:0; margin:0; }
			#header .headerBlock02 p { text-align:left; padding:0; margin:0 }
			#header .headerBlock02 img { display:block; margin:0; }
		#search img { float:left; }
		#search input { width:108px; padding:2px 5px 0 5px; height:14px; float:left; margin:0 8px 0 8px; }
		#header ul { width:718px; float:right; padding:4px 8px 0 0; }
		#header li { display:inline; text-align:center; }
		#header li img { overflow:hidden; }
		#header li h4 { color:#FFFFFF; font-size: 12px; padding: 2px 0 2px 0; }
		#header li a, #header li span { float:left; text-align:center; }
		#header li span { padding: 3px 0 0 0 }
		#header li a:hover, .tabselect { background:#e60004 url(../images/nav_corner_left.png) no-repeat top left; }
		#header li a div { padding-top:3px; }
		#header li a:hover div, .tabselect div { background: url(../images/nav_corner_right.png) no-repeat top right; }
		
	#content { width:943px; height:475px; margin:0 10px; }
		#leftContent { width:227px; float:left; display:inline; }
			#leftContent .introLeftCont { padding:8px 10px 4px 12px; }
			#leftContent .subNav, .subNavSelect { width:211px; padding:4px 6px 0 10px; }
			.subNavSelect { background-color: #c09c52; }		
			#leftContent .contentSubNav { width:196px; height:61px; background:url(../images/bgd_subnav.png) no-repeat; padding:5px 10px 5px 5px; }
			#leftContent .contentSubNav div { width:110px; padding: 0 0 0 10px; float:left; }
				#leftContent .contentSubNav h4 { width:90px; border-bottom:1px solid #555; padding:0; margin:0 0 3px 0; } 
				#leftContent .contentSubNav img { float:left; margin:5px 0 0 0; }
				#leftContent .contentSubNav p { margin-top: 4px }
			#adsSell { width:191px; height:99px; margin:4px 0 0 0; }
			#content .highlight { background:#c09c52; }
		
		#rightContent { width:716px; height:563px; float:left; display:inline; }
			#bannerBottom { width:716px; height:55px; }
			
/* End Structure */



/* Index Page */

			#banner { width:136px; height:497px; padding:0 0 0 580px; }
				#banner ul { width:80px; padding:340px 0 0 0; margin:0 auto; }
				#banner li {display:inline; }
				#banner li .btn { display:block; margin:0 0 10px 0; }

/* End Index Page */



/* Search */

        #search { }
        #search ul { width:auto !important; float:none !important; padding:5px 0 20px 20px !important; margin: 0 }
        #search li { display:block !important; float:left !important; width:180px; padding: 2px 0 }

/* About / Contact us */

		#generalpageContent { background:url(../images/generalpanel.jpg) no-repeat; width:640px; height:393px; padding:20px; }
		#generalpageContent .para { letter-spacing:0px; font-size:10px; line-height:12px; color:#333333; font-family:Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif; }			
        #generalpageContent ul { width:80px; padding:10px 10px 0 20px; margin:0 auto; float:right }
		#generalpageContent li {display:inline; }
		#generalpageContent	li .btn { display:block; margin:0 0 5px 0; }


/* Content 1 Page */
			
				
			#subContent { width:680px; height:484px; background:#c09c52; padding:13px 18px 0 18px; }
				#subContent .para { letter-spacing:0px; font-size:10px; line-height:12px; color:#333333; font-family:Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif; }			
			
				#leftSubContent { width:417px; height:462px; float:left; }
					#leftSubContent .title { width:403px; height:29px; color:#FFFFFF; padding:0 0 0 14px; }
				#rightSubContent { width:245px; height:462px; float:right; }
					#rightSubContent .title { width:231px; height:29px; color:#FFFFFF; padding:0 0 0 14px; }
				#generalSubContent { width:680px; height:462px; float:left; }
					#generalSubContent .title { width:403px; height:29px; color:#FFFFFF; padding:0 0 0 14px; }
					
					
					#dataSubContent01 { background:url(../images/bgd_left_subContent.gif) no-repeat; width:389px; height:433px; padding:0 14px 0 14px; }
					#dataSubContent01 ul { width:389px; overflow:hidden; }
					#dataSubContent01 li { display:inline; }
					#dataSubContent01 li span { float:left; }
					#dataSubContent01 li.last span { margin:14px 0 0 0 !important; }
					/* #dataSubContent01 p { width:300px; padding:10px 0 0 4px; float:left; height:120px; } */
					#dataSubContent01 .download { width:250px; width:auto; padding:5px 0 0 35px; height:auto; margin:7px 0 0 0; line-height:21px; background:url(../images/icon_adobe.gif) left top no-repeat;  }
					#dataSubContent01 .quoteLinks { width:82px; float:right; display:inline; margin:20px 0 0 0; }
					#dataSubContent01 .quoteLinks li { display:inline; }
					#dataSubContent01 .quoteLinks li .btn { display:block; margin:0 0 8px 0; }
					/*#dataSubContent01 .quoteLinks li a:hover{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }*/
					#dataSubContent01 .largePhoto, .largePhotoLoading { width:389px; height:250px; padding:14px 0 0 0; display:block; }

					#dataSubContent01 .largePhotoLoading { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
					#dataSubContent01 .ajaxloader { position:absolute; padding: 28px 0 0 20px; display:none; }
					
					#dataSubContent01 .discription { margin:0 5px 0 10px; height:145px; float:left; display:inline; }
						#dataSubContent01 .discription .para { float:none; margin:10px 10px 0 0; }
						#dataSubContent01 .discription h3 { padding:5px 10px 5px 10px; color:#000000; font-size:17px; background-color: #aeadb2; float:left; }
					
					#dataSubContent02 { background:url(../images/bgd_right_subContent.gif) no-repeat; width:245px; height:433px; padding:0 0 0 0; }
					#dataSubContent02 .padding { height:433px; padding: 0 14px 0 14px; }
					#dataSubContent02 .mouseoutmargin { width:14px; height:433px; float:left }
					#dataSubContent02 .largePhoto { width:217px; max-height:319px; padding:14px 0 0 0; display:block; float:left }
					#dataSubContent02 .para { float:left; height:85px; margin:10px 5px 0 10px; }
					#dataSubContent02 .buy { float:right; margin:30px 0 0 0; }
					#dataSubContent02 ul { width:217px; overflow:hidden; float:left; }
					#dataSubContent02 li { display:inline; cursor:pointer; }
					#dataSubContent02 li a, .NextPage { float:left; padding:14px 0 3px 0; display:block; }
					#dataSubContent02 li a:hover{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
										.middle { padding:0 14px 0 14px !important; }
					
					#dataSubContent02 .quoteLinks { width:82px; height:85px; float:right; display:inline; margin:10px 0 0 0; }
					#dataSubContent02 .quoteLinks li { display:inline; }
					#dataSubContent02 .quoteLinks li .btn { display:block; margin:0 0 8px 0; }
					
							
					
/* End Content 1 Page */


/* Quote */
            .imgSecurityWrap { width:100px; overflow:hidden }
            .imgSecurity { width:140px; position:relative; left:-20px; }

			.SliderButton { position:absolute; z-index:4; margin:5px 0 0 644px; overflow:hidden; cursor:pointer; }

			.onlinequoteWrapBg { width:716px; position:absolute; overflow:hidden; z-index:2 }
			.onlinequoteBg { left:716px; width:716px; height:497px; background-color:#fefdfb; filter:alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.92;  }

			.onlinequoteWrap { width:716px; position:absolute; overflow:hidden; z-index:3; }
			.onlinequote { left:716px; width:716px; height:497px; }
		

			#quote { width:660px; margin:20px 0 0 40px; text-align:left; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
				#leftQuote { width:220px; float:left; display:inline; margin:5px 0 0 0; }
					#leftQuote h3 { width:189px; margin:5px 0 5px 0; }
					#leftQuote h4 { background:url(../images/tab_measuring.gif) no-repeat; width:179px; height:15px; margin:0 0 5px 0; color:#FFFFFF; padding:0 0 0 10px; }
					#leftQuote .visual { width:189px; overflow:hidden; }
					#leftQuote .visual li { display:inline; }
					#leftQuote .visual li img { float:left; margin:5px 20px 0 13px; }
					#leftQuote p { margin:8px 0 0 0; }
					
				#rightQuote { float:right; display:inline; margin:5px 10px 0 0; width:400px }
					#rightQuote h4 { color:#FFFFFF; padding:0 0 0 10px; }
					#rightQuote .custom { width:92px; float:left; margin:0 7px 0 0; }
					#rightQuote .custom img { width:92px; float:left; margin:0 7px 0 0; }
					#rightQuote .custom h4 { background:url(../images/tab_custom.gif) no-repeat; width:87px; height:15px; padding:0 0  0 5px; margin:0 0 5px 0; }
					#rightQuote .other { width:143px; float:left; }
					#rightQuote .other h4 { background:url(../images/tab_other.gif) no-repeat; width:138px; height:15px; padding:0 0  0 5px; margin:0 0 5px 0; }
					
					#rightQuote .loading { margin:50px 0 0 100px; text-align:right; float:left; }
										
					#rightQuote .form { margin:5px 0 0 0; }					
						#rightQuote .selector { height:190px; overflow:scroll; margin: 0 0 10px 0; }					
							#rightQuote .selector img { position:relative; top:2px; cursor:pointer }				
							#rightQuote .labQty { position:relative; top:1px; width:auto !important; padding: 0 0 0 2px; font-weight:bold; float:none !important }
							#rightQuote .tbQty { width:20px; position:relative; top:1px; } 
							#rightQuote .room { width:55px; }
							#rightQuote .covering { width:90px; }
							#rightQuote .width { width:55px; }
							#rightQuote .drop { width:55px; }
							#rightQuote .add  { position:relative; top:2px; padding-left:3px }
							.repQuote { padding: 6px 0 0 3px; color:#000; overflow:hidden; }							
							.ibQuote { float:right; position:relative; top:3px; padding: 0 2px }
							
							
					#rightQuote .listItem { color:#FFFFFF }

					#rightQuote p { padding:5px 0 0 0; }
					#rightQuote label { width:110px; float:left; margin:5px 0 0 0; }
					#rightQuote .input { font-family: Arial, Helvetica, sans-serif; width:164px; height:13px; float:left; border:none; margin:5px 0 0 0; background:#1b1c20; color:#FFFFFF; padding:0 0 0 5px; }
					#rightQuote .formBtns { margin:0 0 0 110px; }
					#rightQuote .formBtns li { display:inline; }
					#rightQuote .formBtns input { width:auto; cursor:pointer; padding:0; margin:5px 10px 0 0; }
					
					#rightQuote .panComplete, #rightQuote .panIncomplete {  }									
								
				    #dummy {display:none;}
										
/* End Quote */



/* Onsite */

		.onsite { width:385px !important; height:370px !important; background:#fefdfb; text-align:left; padding:20px; color:#000000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:10px !important;  }
			.onsite .content { width:365px !important; padding:5px 10px 0 10px; }
			.onsite p { padding:5px 0 3px 0; font-weight:bold; }
			.onsite label { width:125px !important; float:left; margin:5px 0 0 0; }
			.onsite .input { width:200px !important; height:13px; border:none; margin:5px 0 0 0; background:#1b1c20; color:#FFFFFF; padding:0 0 0 5px; float:left; }
			.onsite .location span { width:60px; float:left; margin:0 2px 0 0; }
			.onsite ul { padding:0 0 0 0 !important; width:auto !important; float:none !important }
			.onsite .formBtns { margin:5px 0 0 130px !important; }
			.onsite .formBtns li { display:inline !important; }
			.onsite .formBtns input { cursor:pointer; padding:0; margin:5px 10px 0 0; }
			.onsite .titleOnsite { text-align:center; width:360px; padding:15px 0 0 10px; }
			.onsite .titleOnsite h3 { text-align:left; margin:5px auto 20px auto; width:200px; font-size:18px; }


/* End Onsite */


/* Call */
		
		.call { background:#fefdfb; text-align:left; padding:20px 20px 20px 0; color:#000000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:10px !important; }
			.call h2 { background:url(../images/icon_phone.gif) left top no-repeat; padding:1px 0 2px 45px; margin:30px 0 0 45px; height:80px }
			.call h2 span { font-weight:bold; font-size:25px; }
			.call h3 { font-weight:bold; }
			.call .content .info { width:200px !important; padding:25px 0 15px 110px !important; }
			.call .content .input { width:125px !important; height:16px !important; border:none; margin:5px 0 0 0 !important; background:#1b1c20; color:#FFFFFF; padding:0 0 0 5px !important; float:none !important }
			.call .content .select { max-width:120px !important; height:15px !important; float:left !important; margin:0 10px 0 0 !important; }
			.call .content label { width:60px !important; margin:0 0 0 50px !important; float:left; }
			.call .btn { width:auto; height:auto; float:left; padding:0; background:none; position:relative; top:2px }
			
/* Call */


		 .popup { background-color: #FFFFFF; border: solid 1px #DDDDDD }
		 .closepopup { padding:5px 5px 0 0; float:right; cursor:pointer }
		 .mpeBg { background-color:#BBB; opacity:.7; filter:alpha(opacity=70); -moz-opacity: 0.7; }
		 
		 .panComplete { padding: 20px; font-size:13px; border: solid 1px #BBBBBB; position:absolute; z-index:4; width:250px; background-color: #FFFF80;  margin:0 0 50px 200px }
		 .panIncomplete { color:Red; padding: 20px; border: solid 1px #BBBBBB; position:absolute; z-index:4; width:200px; background-color:#FFFFFF }