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

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* 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; position:relative}
	#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;float:left; display:inline;}
		#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:943px; position:absolute; overflow:hidden;z-index: 2;left:10px  }
			.onlinequoteBg {position: relative; left:0; height:563px; background-color:#fefdfb; filter:alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.92;  }

			.onlinequoteWrap { width:943px; position:absolute; overflow:hidden; z-index:3; left:10px }
			.onlinequote {position: relative; left:0; width:943px; height:563px; }
		

			#quote { width:943px; margin:0 0 0 0; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
				#leftQuote { width:220px; float:left; display:inline; margin:25px 0 0 0;text-align: center; }
					#leftQuote h3 {  margin:5px 0 5px 0; }
					#leftQuote h4 { background:url(../images/tab_measuring.gif) top center no-repeat; height:15px; margin:0 0 5px 0; color:#FFFFFF;padding: 0; }
					#leftQuote .visual { overflow:hidden; }
					#leftQuote .visual li { display:inline; }
					#leftQuote .visual li img { margin:5px 20px 0 13px; }
					#leftQuote p { margin:8px 0 0 0; }
					
				#rightQuote { float:right; display:inline; margin:0px 0 0 0; width:705px }
					#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; }
										
					.quoteItem > span {display:inline-block}
					
					#rightQuote .form { margin:0 0 0 0; }				
						
						#rightQuote .selector { height:500px; overflow:auto; margin: 0 0 10px 0;width: 430px;float: left; position: relative }					
					
							#rightQuote select, #rightQuote option, #rightQuote input[type='text'] {font-size:11px}			
					
                            
					
							#rightQuote .selector img { cursor: pointer;  }				
							#rightQuote .labQty {display: inline; width:auto !important; padding: 1 0 0 2px; font-weight:bold; }
							#rightQuote .tbQty { width:20px; position:relative; top:1px; font-size:11px } 
							
							#rightQuote span.room { width:65px; }
							#rightQuote select.room { width:65px; }
							#rightQuote input.room { width:60px; }
							
							#rightQuote span.covering { width:100px; }
							#rightQuote select.covering { width:100px; }
							
							#rightQuote span.width { width:70px; }
							#rightQuote select.width { width:70px; }
							#rightQuote input.width { width:65px; }
							
							#rightQuote span.drop { width:70px; }
							#rightQuote select.drop { width:70px; }
							#rightQuote input.drop { width:65px; }
							
							#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 }
							
							
				    .itemRow {width:410px}
							
					#rightQuote .listItem { color: #FFFFFF;}
					
					.itemRow.add {display:none}
				    .quoteItem { clear: both;margin-top: 3px;display: inline }
				        .quoteItem.empty select { color: #999; }
                        .quoteItem.empty input[type='text'] { color: #999;background-color: #e8e1d3; }
                        .quoteItem.empty select { color: #999; background-color: #e8e1d3 }
                        .quoteItem input {font-size:9px}
                        .quoteItem select { border-color: #e8e1d3; background-color: #c7a864}
                        .quoteItem input[type='text'] { border: solid 1px #e8e1d3;background-color: #c7a864; padding: 1px}
                    
                    
                    .quantityControl {width: 16px;display: inline-block;position: relative;top: 6px}
                        .quantityControl img { padding: 0; margin: 0}
                    
                    .itemDelete { width: 16px; margin-left: 2px;display: inline;position: relative;top: 6px;}
                    
                    img#addRow {clear: both; margin-top: 5px}
                        
					
					#rightQuote p { padding:5px 0 0 0; font-size: 11px}
					#rightQuote label { width:200px;display: block; margin:5px 0 0 0;padding: 4px 0 0 0;font-weight: bold; font-size: 11px }
					#rightQuote .input { font-family: Arial, Helvetica, sans-serif; width:164px;  border:solid 1px #C7A864; margin:5px 0 0 0; background:#fff; color:#000; padding:3px; }
        			#rightQuote .formBtns { margin:10px 0 0 0; }
					#rightQuote .formBtns li { display:inline; }
					#rightQuote .formBtns input { width:auto; cursor:pointer; padding:0; margin:5px 10px 0 0; }

                    .quoteContactDetails { width: 250px;float: right;}
                    .quoteContactDetails > p { width: 170px ; font-weight: bold}
                        .quoteContactDetails select { width:172px !important; border:solid 1px #C7A864; margin:5px 0 0 0; background:#fff; color:#000; padding:3px;  float:left; }

					
					#rightQuote .panComplete, #rightQuote .panIncomplete {  }									

								
				    #dummy {display:none;}
										
/* End Quote */



/* Onsite */

		.onsite { width:385px !important; height:550px !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; padding: 4px 0 0 0;}
			.onsite .input { width:200px !important; border:solid 1px #C7A864; margin:5px 0 0 0; background:#fff; color:#000; padding:3px;  float:left; }
			.onsite select { width:208px !important; border:solid 1px #C7A864; margin:5px 0 0 0; background:#fff; color:#000; padding:3px;  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:0 0 0 10px; }
			.onsite .titleOnsite h3 { text-align:left; margin:5px auto 5px auto; width:200px; font-size:18px; }
			.onsite .checkList { display: block; margin: 5px 0}
                .onsite .checkList label { float: none;margin: 0 3px; padding:0 }

/* 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 }


/* Whitewash */

    body.whitewash { background: #fff;padding: 0px;}
        body.whitewash #main { background: none;height: 543px;width: 943px;}
            body.whitewash #main #header {display:none}
            body.whitewash #main #leftContent {display:none}
            body.whitewash #main #bannerBottom {display:none}
            body.whitewash #main #SliderHide {display:none}
            body.whitewash #main #SliderReveal {display:none}
        
            body.whitewash #main {font-family: 'Open Sans', sans-serif}
            body.whitewash #main .onlinequoteBg {background-color: #fff}
            body.whitewash #main #rightQuote .quoteItem select{border-color: #4b98d3; background-color: #D1E4F3;}
            body.whitewash #main #rightQuote .quoteItem.empty select{border-color: #999999; background-color: #eeeeee;}
            body.whitewash #main #rightQuote .quoteItem input[type='text']{border-color: #4b98d3; background-color: #D1E4F3;}
            body.whitewash #main #rightQuote .quoteItem.empty input[type='text']{border-color: #999999; background-color: #eeeeee;}
            body.whitewash #main #rightQuote input[type='text']{border-color: #4b98d3; background-color: #fff;}
            body.whitewash #main #rightQuote select{border-color: #4b98d3; background-color: #fff;}
            body.whitewash #main #rightQuote textarea{border-color: #4b98d3; background-color: #fff;}