@charset "utf-8";



/* CSS Document */































* {



	margin:0;



	padding:0;



}



 @font-face {



 font-family: 'QlassikMediumRegular';



 src: url('font/Qlassik_TB-webfont.eot');



 src: url('font/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'), url('font/Qlassik_TB-webfont.woff') format('woff'), url('font/Qlassik_TB-webfont.ttf') format('truetype'), url('font/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');



 font-weight: normal;



 font-style: normal;



}



 @font-face {



 font-family: 'QlassikBoldRegular';



 src: url('font/QlassikBold_TB-webfont.eot');



 src: url('font/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'), url('font/QlassikBold_TB-webfont.woff') format('woff'), url('font/QlassikBold_TB-webfont.ttf') format('truetype'), url('font/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');



 font-weight: normal;



 font-style: normal;



}



body {



	background-color:#c47633;



	background-image:url(../images/bg.jpg);



	background-repeat:no-repeat;



	background-position:center top;



	font-family:Arial, Helvetica, sans-serif;



}



.wraper {



	margin:0 auto;



	overflow:hidden;



	width:1000px;



	background:#fff;



}



.header {



	float:left;



	width:100%;



	background:url(../images/header_bg.jpg) left top repeat-y;



}



.header_left {



	float:left;



	width:300px;



}



.header_right {



	float:right;



	width:700px;



}



.logo {



	float:left;



	padding:20px 5px 10px 30px;



}



.logo a {



	float:left;



	text-decoration:none;



	text-indent:-999;



}



.logo a img {



	border:none;



}



.search {



	float:right;



	width:250px;



	padding:17px 10px 5px 10px;



}



.search input.text {



	float:left;



	width:200px;



	padding:3px 5px;



	background:#FFF;



	border:1px solid #d27d00;



	border-right:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#666;



	text-align:left;



}



.search input.go {



	float:left;



	width:27px;



	height:23px;



	border:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#666;



	text-align:center;



	background:url(../images/go.png) left top no-repeat;



	cursor:pointer;



}



.top_nav {



	float:left;



	width:100%;



	padding:5px 0;



}



.top_nav ul {



	float:right;



	margin:0;



	padding-right:15px;



	display:inline;



}



.top_nav ul li {



	margin:2px;



	list-style:none;



	display:inline;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#fff;



	text-decoration:none;



	text-align:left;



}



.top_nav ul li a {



	padding: 1px 5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#fff;



	text-decoration:none;



	text-align:center;



}



.top_nav ul li a:hover, .top_nav ul li a.selected {



	color:#000;



}



#roxy {



	float:right;



	padding:0 20px;



	margin-top:15px;



	margin-right:53px;



}



.container {



	float:left;



	width:100%;



	background:#fff;



}



.cont_t {



	float:left;



	width:1000px;



	background:url(../images/cont_t.png) left bottom repeat-x #fdebdc;



	margin-bottom:5px;



}



.introduction {



	float:left;



	width:358px;



	padding-bottom: 34px;



	padding-right: 15px;



	background:url(../images/divide.png) right bottom no-repeat;



	min-height:275px;



}



.introduction h1 {



	float:left;



	margin:20px 10px;



	padding-left:10px;



	font-family:QlassikBoldRegular;



	color:#43250b;



	text-align:left;



	font-size:24px;



}



.introduction > .picture {



	float:left;



	width:120px;



	margin:10px;



}



.introduction > .description {



	float:left;



	width:200px;



	margin-top:10px;



}



.introduction > .description > p {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#726a63;



	line-height:16px;



	text-align:justify;



	padding-bottom:10px;



}



.introduction > .description > a {



	float:right;



	text-decoration:none;



	color:#830528;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	text-align:right;



}



/*------------ NEWS---*/















.newscolumn {



	float: left;



	width: 345px;



	background:none;



}



.newsscolumnheader {



	color: #43250B;



	float: left;



	font: 23px/24px 'QlassikMediumRegular', Arial, sans-serif;



	padding-bottom: 6px;



	padding-left: 15px;



	padding-top: 20px;



}



.newsticker-jcarousellite {



	height: 275px;



	width: 325px;



}



.newsticker-jcarousellite ul li {



	display: block;



	list-style: none outside none;



	padding-bottom: 1px;



}



#newspagelink {



	clear: left;



	float: left;



	margin-bottom: 5px;



	margin-top: 6px;



	padding-left: 15px;



}



#newspagelink a {



	color: #553417;



	font-size: 11px;



	font-weight: bold;



	text-decoration: none;



	text-transform: uppercase;



}



.news {



	border-bottom: 1px dotted #000000;



	clear: left;



	display: inline;



	float: left;



	margin-left: 15px;



	margin-top: 12px;



	width: 320px;



}



.newsimage {



	float: left;



	height: 100px;



	margin-right: 22px;



}



.newsimage img {



	border: 4px solid #D8CFC7;



	border-radius: 9px 9px 9px 9px;



}



.newsheading {



	color: #900A0F;



	float: left;



	font-size: 13px;



	font-weight: bold;



	margin-top: -3px;



	padding-bottom: 5px;



	width: 205px;



}



.newsheading a {



	color: #900A0F;



	text-decoration: none;



}



.newspara {



	color: #5F5B5B;



	float: left;



	font-size: 12px;



	line-height: 18px;



	padding-bottom: 3px;



	width: 205px;



}



.newsmore {



	display: inline;



	float: right;



	margin-right: 10px;



}



.newsmore a {



	color: #900A0F;



	font-size: 12px;



	text-decoration: none;



}



/*------------* RIGHT BUTTON *------*/















.right_button {



	float:right;



	width:282px;



	background:url(../images/divide.png) right bottom repeat-x;



}



.right_button ul {



	float:left;



	margin:0;



	padding:10px 8px 7px 8px;



}



.right_button ul li {



	float:left;



	display:inline;



	list-style:none;



	width:262px;



	height:69px;



	cursor:pointer;



	margin:2px 0;



}



.right_button ul li a {



	float:left;



	padding:23px 5px 20px 80px;



	text-decoration:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#000;



}



/*---Calculator--*/















.right_button ul li.calculator {



	background:url(../images/calculator.png) left top no-repeat;



}



.right_button ul li.calculator:hover {



	background:url(../images/calculator_hover.png) left top no-repeat;



}



.right_button ul li.calculator a strong {



	font-size:18px;



	color:#0072bc;



	font-weight:normal;



}



.right_button ul li.calculator:hover a strong {



	color:#666;



}



/*---Envention--*/















.right_button ul li.envention {



	background:url(../images/envension.png) left top no-repeat;



}



.right_button ul li.envention:hover {



	background:url(../images/envension_hover.png) left top no-repeat;



}



.right_button ul li.envention a strong {



	font-size:18px;



	color:#F00;



	font-weight:normal;



}



.right_button ul li.envention:hover a strong {



	color:#666;



}



/*---Zones--*/















.right_button ul li.zone {



	background:url(../images/colorzone.png) left top no-repeat;



}



.right_button ul li.zone:hover {



	background:url(../images/colorzone_hover.png) left top no-repeat;



}



.right_button ul li.zone a strong {



	font-size:18px;



	color:#b4961f;



	font-weight:normal;



}



.right_button ul li.zone:hover a strong {



	color:#666;



}



/*---Chart--*/















.right_button ul li.chart {



	background:url(../images/color_chart.png) left top no-repeat;



}



.right_button ul li.chart:hover {



	background:url(../images/color_chart_hover.png) left top no-repeat;



}



.right_button ul li.chart a strong {



	font-size:18px;



	color:#758900;



	font-weight:normal;



}



.right_button ul li.chart:hover a strong {



	color:#666;



}



/*------------------ BOTTOM BODY---------------*/















#bottombody {



	background-color: #F6E2D2;



	clear: left;



	float: left;



	padding-left: 15px;



	padding-top: 20px;



	width: 985px;



}



#bottombody a {



	text-decoration: none;



}



.paintbox {



	background-image:url(../images/pinkbox.gif);



	background-repeat: no-repeat;



	float: left;



	height: 217px;



	margin-right: 15px;



	width: 314px;



}



.paintbox a {



	color: #60080C;



}



.paintbox a:hover {



	color: #60080C;



}



.paintbox .boxheading {



	color: #60080C;



	float: left;



	font-size: 24px;



	padding-left: 25px;



	padding-top: 20px;



}



.paintbox .boximage {



	float: left;



	margin-top: -15px;



}



.boxtext {



	float: left;



	margin-top: 25px;



	width: 210px;



}



.boxtext p {



	clear: left;



	color: #32323D;



	float: left;



	font-size: 12px;



	line-height: 18px;



	padding-bottom: 5px;



	padding-left: 8px;



	width: 202px;



}



.chartbox .boxheading {



	color: #080862;



	float: left;



	font-size: 24px;



	padding-left: 25px;



	padding-top: 20px;



}



.blogbox .boxheading {



	color: #3D3413;



	float: left;



	font-size: 24px;



	padding-left: 25px;



	padding-top: 20px;



}



.chartbox .boximage {



	float: left;



	margin-top: -15px;



}



.blogbox .boximage {



	clear: left;



	display: inline;



	float: left;



	margin-left: 30px;



	margin-right: 10px;



	margin-top: 20px;



}



.chartbox .boxtext {



	float: left;



	margin-top: 25px;



	width: 190px;



}



.blogbox .boxtext {



	float: left;



	margin-top: 25px;



	width: 180px;



}



.blogbox .boxtext p {



	clear: left;



	color: #32323D;



	float: left;



	font-size: 12px;



	line-height: 18px;



	padding-bottom: 5px;



	padding-left: 8px;



	width: 190px;



}



.chartbox .boxtext p {



	clear: left;



	color: #32323D;



	float: left;



	font-size: 12px;



	line-height: 18px;



	padding-bottom: 5px;



	padding-left: 8px;



	width: 185px;



}



.chartbox {



	background-image:url(../images/bluebox.gif);



	background-repeat: no-repeat;



	float: left;



	height: 217px;



	margin-right: 15px;



	width: 314px;



}



.blogbox {



	background-image:url(../images/yellowbox.gif);



	background-repeat: no-repeat;



	float: left;



	height: 217px;



	width: 314px;



}



/*--------------* FOOTER *-----------------------*/















#footer {



	background-color: #E1E1E1;



	clear: left;



	color: #373536;



	float: left;



	padding-right: 15px;



	padding-top: 20px;



	padding-bottom:10px;



	width: 985px;



}



#isodiv {



	float: left;



	padding-left: 20px;



}



#copyright {



	float: left;



	font-size: 11px;



	margin-top: 12px;



	padding-left: 12px;



}



#footerlinks {



	float: left;



	font-size: 11px;



	margin-left: 200px;



	padding-top: 12px;



}



#footerlinks a {



	color: #373536;



	font-size: 11px;



	text-decoration: none;



}



.facebook {



	display: inline;



	float: left;



	font-size: 11px;



	margin-left: 15px;



	margin-top: 8px;



}



.fblike {



	display: inline;



	float: left;



	font-size: 11px;



	margin-left: 15px;



	margin-top: 8px;



}



.design {



	float: right;



	font-size: 11px;



	margin-top: 12px;



}



.design a {



	text-decoration:none;



	color:#603;



}



/************Scroll*******************************/















#left_menu {



	float:left;



	width:238px;



	padding-bottom:20px;



	padding-left:20px;



	padding-top:30px;



}



#left_menu ul {



	padding:0;



	margin:0;



}



#left_menu li {



	list-style-type:none;



	font-family: Arial, Helvetica, sans-serif;



	margin-bottom: 2px;



	float:left;



	width:100%;



}



#left_menu li a {



	background:url(../images/inactive.gif) left top repeat-x;



	color: #000000;



	display: block;



	font-weight: bold;



	font-size:12px;



	height: 20px;



	padding:8px 15px 7px;



	text-decoration: none;



}



#left_menu li a:hover, #left_menu li:hover a {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



#left_menu li a.current {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



#left_menu li ul {



	float:right;



	margin-left:30px;



	/*	display:none;*/







	margin-top:-4px;



	background:#bb9e53;



	margin-bottom:4px;



}



#left_menu li:hover ul {



	display:block;



}



#left_menu li ul li, #left_menu li:hover ul li {



	float:left;



	background:none;



	margin:0;



	padding:0;



	border-bottom:1px dashed #FFF;



}



#left_menu li:hover ul li a, #left_menu li ul li a {



	float:left;



	color:#fff;



	background:none;



	margin:0;



	padding:5px;



	height:auto;



	width:220px;



}



#left_menu li:hover ul li a:hover, #left_menu li ul li a:hover {



	color:#961008;



}



.scrollpage {



	/*	background-color: #FDEBDC;*/







	background-position: center bottom;



	background-repeat: repeat-x;



	float: left;



	margin-right: 8px;



	width: 734px;



}



#breadcrumbs {



	background:url(../images/companybg.png) left top repeat;



	color: #FFFFFF;



	float: left;



	font-size: 11px;



	height: 20px;



	margin-left: 20px;



	margin-top: 10px;



	padding-left: 10px;



	padding-top: 5px;



	width:700px;



}



#breadcrumbs a {



	color: #D7AE45;



	text-decoration: none;



}



#breadcrumbs a:hover {



	color: #FF0000;



	text-decoration: none;



}



.scroll_area {



	background:url(../images/companybg.png) left top repeat;



	float: left;



	margin-left: 20px;



	margin-top: 10px;



	margin-bottom: 10px;



	width: 710px;



}



.scroll_area h2 {



	padding:5px 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	font-weight:bold;



	color:#000;



	text-align:justify;



	margin:0;



}



.scroll_area p {



	padding:5px 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#FFF;



	text-align:justify;



}



/*------------- Edit by Shamim 7/4/12 CONTACT PAGE SCRIPT---------------------*/















.contact_bg {



	float:left;



	width:980px;



	background: url(../images/interior_banner.jpg) left bottom no-repeat;



	padding:10px;



}



.depotbg {



	float:left;



	width:980px;



	background:url(../images/depot.jpg) 50% bottom no-repeat #e5f5f9;



	padding:10px 10px 40px 10px;



}



.contact_area {



	float:left;



	width:960px;



	background:none;



	padding:10px;



}



.contact_menu {



	float:left;



	width:238px;



}



.contact_menu ul {



	padding:0;



	margin:0;



}



.contact_menu li {



	list-style-type:none;



	font-family: Arial, Helvetica, sans-serif;



	margin-bottom: 2px;



}



.contact_menu li a {



	background:url(../images/inactive.gif) left top repeat-x;



	color: #000000;



	display: block;



	font-weight: bold;



	font-size:12px;



	padding:8px 6px 7px;



	text-decoration: none;



}



.contact_menu li a:hover {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



.contact_menu li a.current {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



/*-------------* Contact Scrol *--------------------------*/















.scrollpage2 {



	background:none;



	float:right;



	width: 710px;



	background:url(../images/balck_t.png) left top repeat transparent;



}



.scroll_area2 {



	background:url(../images/companybg.png) left top repeat;



	float:right;



	width: 700px;



	padding:10px 5px;



}



.scroll_area2 h1 {



	padding:5px 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	font-weight:bold;



	color:#fff;



	text-align:justify;



	margin:0;



}



.scroll_area2 h2 {



	padding:5px 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:18px;



	font-weight:bold;



	color:#fff799;



	text-align:justify;



	margin:0;



}



.scroll_area2 p {



	padding:5px 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#FFF;



	text-align:justify;



	line-height:18px;



}



/*------------------- CSR PAGE CSS ---------------------------*/















.csr_bg {



	float:left;



	width:980px;



	background:url(../images/csrbg.jpg) left -40px no-repeat;



	padding:10px;



}



.csr_bg a.click {



	color:#c7ce00;



	text-decoration:none;



}



ul.csrlist {



	float:left;



	padding:10px 0 5px 10px;



	width:500px;



}



ul.csrlist li {



	float:left;



	list-style:none;



	display:list-item;



	width:100%;



	margin:1px 0;



}



ul.csrlist li a {



	float:left;



	background:url(../images/arow3.png) left 4px no-repeat;



	color:#fff;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	text-align:left;



	padding-left:15px;



}



ul.gallery {



	float:left;



	width:700px;



	list-style:none;



	margin:5px 0;



}



ul.gallery li {



	float:left;



	display:inline;



	list-style:none;



	margin:5px;



	background:#fff;



	padding:5px;



	width:202px;



	height:120px;



	-webkit-box-shadow:  0px 0px 8px 3px rgba(1, 1, 1, .5);



	box-shadow:  0px 0px 8px 3px rgba(1, 1, 1, .5);



}



ul.gallery li a {



	float:left;



	text-decoration:none;



}



/*------------------ CAREER PAGE CSS ----------------------*/















.career_bg {



	float:left;



	width:980px;



	background:url(../images/careerbg.jpg) left -70px no-repeat;



	padding:10px;



}



.careerform {



	width:100%;



}



.cform_rw {



	float:left;



	width:100%;



	margin:3px 0;



	color:#fff;



}



.cform_rw_text {



	float:left;



	width:150px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#fff;



	padding-left:30px;



	padding-top:5px;



}



.cform_rw input.text {



	float:left;



	width:200px;



	border:none;



	background:#fff;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#666;



	text-align:left;



	line-height:14px;



	padding:5px;



}



/*----------- Update by Shamim 8/4/12 *--PRINTING TIPS PAGE CSS--* -----------------------*/















.print_tips {



	float: left;



	padding: 10px 5px 15px 20px;



	width: 690px;



}



.print_tips h1 {



	float: left;



	width:100%;



	font-family:Arial, Helvetica, sans-serif;



	font-size:24px;



	color:#FF5A00;



	padding:5px 0;



}



.print_tips p {



	float: left;



	width:100%;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#1f1f1f;



	padding:5px 0px;



}



.print_button {



	float:left;



	width:202px;



	margin:5px 28px 5px 0;



}



.print_button_image {



	float:left;



	background:url(../images/image_shadow.png) left top no-repeat;



	padding:5px 7px 10px 5px;



}



.print_button_image_1 {



	float:left;



	background:url(../images/image_shadow_1.png) left top no-repeat;



	padding:5px 7px 10px 5px;



}



.print_button_image a img {



	width:190px;



	height:121px;



	border:0;



	text-decoration:none;



}



.print_button > .headline {



	float:left;



	width:200px;



	text-align:center;



}



.print_button > .headline a {



	text-decoration:none;



	color:#333;



}



.printingbg {



	float:left;



	width:980px;



	background:url(../images/printingbg.png) left 0 no-repeat;



	padding:10px;



	border-top:2px solid #FFF;



}



.printingwrap {



	float:left;



	width:960px;



	padding:20px;



}



.print_rw {



	float:left;



	width:100%;



	padding-bottom:10px;



}



.print_rw h1 {



	float:left;



	width:100%;



	border-bottom:1px dashed #c9252c;



	padding-bottom:2px;



	font-family:QlassikMediumRegular;



	font-size:26px;



	color:#ff5a00;



	margin-bottom:5px;



}



.print_rw p {



	padding-left:30px;



	line-height:20px;



	overflow:hidden;



	padding-bottom:10px;



	font-size:12px;



}



/* Click to Flex menu */















.print {



	float:left;



	width: 100%; /*width of menu*/



}



.print2 {



	float:left;



	width:460px; /*width of menu*/



	margin-right:30px;



}



.print > .headline {



	float:left;



	width:100%;



	font-family:QlassikMediumRegular;



	font-size:26px;



	color:#ff5a00;



	margin:15px 0 5px 0;



}



.parentmenu {



	width:940px;



	float:left;



	margin:10px 0;



	padding-left:20px;



}



.parentmenu p {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000;



	text-align:left;



	padding-left:20px;



}



.parentmenu a.menuitem {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



	color: #84011F;



	display: block;



	position: relative;



	width: auto;



	background:url(../images/arow.png) 0 4px no-repeat;



	padding-left:20px;



	text-decoration: none;



	margin:0;



}



.parentmenu a.menuitem:hover {



	color:#F90;



}



.parentmenu .menuitem:active {



	color:#F90;



}



.print div.submenu { /*DIV that contains each sub menu*/



	float:left;



	width:940px;



	margin-top:-5px;



	margin-left:20px;



}



.print div.submenu ul { /*UL of each sub menu*/



	list-style-type: none;



}



.print div.submenu ul li {



	margin-bottom:5px;



}



.print div.submenu ul li p {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000;



	padding:5px;



	text-align:justify;



}



.print div.submenu ul li h3 {



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



	color:#333;



	padding:5px 5px 0 5px;



}



.print div.submenu ul li p span {



	color:#b8070f;



	padding-left:10px;



	background:url(../images/arow_2.png) left 2px no-repeat;



	text-decoration:underline;



}



ul.tips {



	float:right;



	width:100%;



	margin-top:10px;



	padding-bottom:10px;



}



ul.tips li {



	float:left;



	width:100%;



	display:inline;



	list-style:none;



	margin:2px 0;



	padding:0;



}



ul.tips li a {



	float:left;



	text-decoration:none;



	margin-left:20px;



	padding-left:15px;



	background:none;



	font-family:Arial, Helvetica, sans-serif;



	font-weight:normal;



	font-size:12px;



	color:#000;



	text-align:left;



	background:url(../images/arow_2.png) 0 3px no-repeat;



}



ul.tips li a:hover {



	color:#666;



}



/***********Calculator***********************************/































.calculator_wrap {



	width:500px;



	float:left;



	position:relative;



	padding:10px;



}



.calculator_title {



	width:500px;



	float:left;



	position:relative;



}



.calculator_title h1 {



	width:310px;



	float:left;



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#56321a;



	font-weight:bold;



	font-size:34px;



	margin:0;



	padding:10px 0;



}



.calculator_title h2 {



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#000;



	font-weight:bold;



	font-size:20px;



	margin:0;



	padding:10px 0;



}



.calculator_title img {



	float:right;



	position:relative;



}



.calculator_title p {



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#000;



	font-weight:normal;



	font-size:14px;



	margin:0;



	padding:5px 0;



	text-align:justify;



}



.cal_form {



	width:340px;



	float:left;



	position:relative;



	padding-left:100px;



	padding-top:20px;



}



.cal_level {



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#000;



	font-weight:bold;



	font-size:14px;



	float:left;



	text-align:right;



	padding-right:10px;



	width:130px;



	margin:4px 0;



}



.cal_input_txt {



	float:left;



	width:180px;



	padding:3px 5px;



}



.cal2_input_txt {



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#000;



	font-weight:bold;



	font-size:14px;



	float:left;



	text-align:left;



	width:180px;



	padding:3px 5px;



	margin:4px 0;



}



.cal_submit {



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#000;



	font-weight:bold;



	font-size:14px;



	width:75px;



	background:#C90;



	border-radius: 4px 4px 4px 4px;



	border:none;



	cursor:pointer;



	padding:6px;



}



/***************Product Details****************************/















.product_bg {



	float:left;



	width:980px;



	background:url(../images/product_bg.png) left -70px no-repeat;



	padding:10px;



}



.product_bg_left {



	float:left;



	width:200px;



	padding-left:47px;



	position:relative;



}



.product_detals {



	float:left;



	width:640px;



	position:relative;



	padding:15px 12px;



}



.product_detals h1 {



	font-family:"Bodoni MT";



	font-size:18px;



	color:#1d1d1d;



	font-weight:bold;



	margin:0;



	padding:7px 0;



}



.product_detals h2 {



	font-family:Arial, Helvetica, sans-serif;



	font-size:18px;



	color:#151515;



	font-weight:normal;



	margin:0;



	padding:7px 0;



}



.product_detals p {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#726a63;



	font-weight:normal;



	margin:0;



	padding:4px 0;



	text-align:justify;



}



.product_detals span {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#726a63;



	font-weight:normal;



	margin:0;



	padding:0px 40px 0 0;



	text-align:justify;



	float:left;



	width:120px;



}



.product_item {



	float:left;



	width:640px;



	position:relative;



}



.product_item_left {
	float:left;



	width:165px;



	position:relative;



	margin-bottom:3px;



	margin-right:3px;



	background:#ffc2c5;



	min-height:27px;



}



.product_item_left p {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000000;



	font-weight:normal;



	margin:0;



	padding:4px 0 4px 12px;



	text-align:justify;



}



.product_item_right {



	float:left;



	width:460px;



	position:relative;



	margin-bottom:3px;



	background:#ffc2c5;



	min-height:27px;



}



.product_item_right p {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000000;



	font-weight:normal;



	margin:0;



	padding:4px 0 4px 12px;



	text-align:justify;



}



/***************Search****************************/















.search_wrap {



	float:left;



	position:relative;



	width:700px;



	padding:10px 0 15px 20px;



	background: url(../images/balck_t.png) repeat scroll left top transparent;



	margin:15px 5px 15px 0;



}



.search_level {



	float:left;



	position:relative;



	width:30px;



	padding:0 10px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:18px;



	font-weight:normal;



	color:#000;



}



.search_input {



	float:left;



	position:relative;



	width:160px;



	padding-right:6px;



}



.search_select {



	float:left;



	position:relative;



	width:160px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	font-weight:normal;



	padding:3px;



	color:#000;



	border:none;



	background:#fff;



}



.search_btns {



	float:left;



	position:relative;



	width:90px;



}



.search_subtn {



	float:left;



	position:relative;



	background:#903034;



	border:none;



	cursor:pointer;



	border-radius:4px;



	width:60px;



	padding:2px 5px;



	text-align:center;



	margin-bottom:4px;



	color:#fff;



}



#rounded-corner {



	margin:0px;



	width:625px;



	text-align: left;



	border-collapse: collapse;



}



#rounded-corner thead th.rounded-company {



	width:26px;



	background: #903034;



}



#rounded-corner thead th.rounded-q4 {



	background: #903034;



}



#rounded-corner th {



	padding: 8px;



	font-weight: bold;



	font-size: 14px;



	color: #FFF;



	background: #903034;



}



#rounded-corner td {



	padding: 8px;



	background: #d0d0ff;



	border-top: 1px solid #fff;



	color: #000;



}



#rounded-corner tfoot td.rounded-foot-left {



	background: #d0d0ff;



}



#rounded-corner tfoot td.rounded-foot-right {



	background: #d0d0ff;



}



#rounded-corner tbody tr:hover td {



	background: #d2e7f0;



}



.search_bg {



	float:left;



	position:relative;



	width:1000px;



	height:300px;



	background:url(../images/searchbg.jpg) left no-repeat;



}



/*--------------- DEPOT ADDRESS CSS -----*/















.daddress {



	float:left;



	margin:5px;



	width:310px;



	padding:5px;



	height:120px;



	background:none;



	border-bottom:1px dashed #f4fd63;



}



.daddress h1 {



	float:left;



	width:100%;



	margin:0;



	padding:0 0 5px 0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	color:#FFF799;



	text-align:center;



}



.daddress h2 {



	float:left;



	width:100%;



	margin:0;



	padding:0 0 5px 0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



	color:#fff;



	text-align:center;



}



.daddress p {



	float:left;



	width:100%;



	margin:0;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#fff;



	text-align:center;



}



/*-------------------------- Print Problem Page CSS ----------------------*/















.print_problem {



	float:left;



	width:460px;



}



.print_problem p {



	float:left;



	width:100%;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000;



	padding-bottom:10px;



}



/*------------------ Update by shamim 12-4-12 -----------------------------------*/















.rang_bg {



	float:left;



	width:980px;



	background:url(../images/rangbg.jpg) left -70px no-repeat;



	padding:10px;



}



.problembg {



	float:left;



	width:980px;



	background:url(../images/problemsolvbg.jpg) left 0 no-repeat;



	padding:10px;



}



/*----------------------------- Marine-------------------*/















ul.marine {



	float:left;



	margin:5px 10px;



	padding-left:10px;



}



ul.marine li {



	display:list-item;



	margin:5px 0;



	list-style: outside circle;



}



ul.marine li a {



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#666;



	text-decoration:none;



}



ul.marine li a:hover {



	color:#000;



}



/*--------------* Menu Item 2 *---------------------------------*/















.parentmenu2 {



	width:460px;



	float:left;



	margin:10px 0;



}



.parentmenu2 h2 {



	width:100%;



	padding:5px 0;



	float:left;



	color:#84011F;



	font-size:20px;



}



.parentmenu2 a img {



	float:left;



	border: 0 none;



	height: 121px;



	text-decoration: none;



	width: 190px;



	background: url("../images/image_shadow.png") no-repeat scroll left top transparent;



	padding: 5px 7px 10px 5px;



}



.ls_none {



	float:left;



	list-style:none;



}



.print2 div.submenu ul li h3 {



	color: #333333;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 16px;



	padding: 5px 0;



	float:left;



}



/*--- INTERIOR PRODUCT --------*/















.int_prod {



	float:left;



	width:190px;



	height:50px;



	padding:15px 20px;



	background:url(../images/int_productbg.png) left top no-repeat;



}



.int_prod:hover {



	background:url(../images/int_producthoverbg.png) left top no-repeat;



}



.int_prod span {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	color:#c3cbae;



	text-align:left;



	font-size:40px;



}



.int_prod a {



	float:left;



	padding-left:5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	color:#3f3f3f;



	text-align:left;



	text-decoration:none;



	padding-top:7px;



}



.int_prod a:hover {



	color:#ff6c00;



}



/******************** Marine Css**********************/







.int_prod_m {



	float:left;



	width:190px;



	height:50px;



	padding:15px 20px;



	background:url(../images/int_productbg.png) left top no-repeat;



}



.int_prod_m:hover {



	background:url(../images/int_producthoverbg.png) left top no-repeat;



}



.int_prod_m span {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	color:#c3cbae;



	text-align:left;



	font-size:36px;



	width:20px;



}



.int_prod_m a {



	float:left;



	padding-left:5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



	color:#3f3f3f;



	text-align:left;



	text-decoration:none;



	padding-top:7px;



	width:165px;



}



.int_prod_m a:hover {



	color:#ff6c00;



}



/*-------------- CONCRET PAGE CSS   -------------------*/































.concret {



	float: left;



	background:url(../images/interior_bg.jpg) left bottom no-repeat;



	width: 1000px;



	margin-bottom: 5px;



}



.metal_bg {



	float: left;



	background:url(../images/metal_bg.jpg) left bottom no-repeat;



	width: 1000px;



	margin-bottom: 5px;



}



.bambo_bg {



	float: left;



	background:url(../images/Bamboobg.jpg) left bottom no-repeat;



	width: 1000px;



	margin-bottom: 5px;



}



.industry_bg {



	float: left;



	background:url(../images/industrybg.jpg) left top no-repeat;



	width: 1000px;



	margin-bottom: 5px;



}



.marine_bg {



	float: left;



	background:url(../images/marine4.jpg) left top no-repeat;



	width: 1000px;



	margin-bottom: 5px;



}



.concret_left {



	float:left;



	width:238px;



	margin:20px 10px 10px 30px;



}



.concret_headline {



	float:left;



	color: #000;



	font-size: 12px;



	font-weight: bold;



	padding-bottom: 10px;



	text-transform: uppercase;



}



.contcret_menu {



	float:left;



	width:238px;



}



.contcret_menu ul {



	padding:0;



	margin:0;



}



.contcret_menu li {



	list-style-type:none;



	font-family: Arial, Helvetica, sans-serif;



	margin-bottom: 2px;



}



.contcret_menu li a {



	background:url(../images/inactive.gif) left top repeat-x;



	color: #000000;



	display: block;



	font-weight: bold;



	font-size:12px;



	padding:8px 15px 7px;



	text-decoration: none;



}



.contcret_menu li a:hover {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



.contcret_menu li a.current {



	background:url(../images/active.gif) left top repeat-x;



	background-repeat: repeat-x;



	color: #FFFFFF;



}



.scroll-pane2 {



	float:left;



	width:100%;



	height:380px;



}



.link_contcret {



	background: url("../images/companybg.png") repeat scroll left top transparent;



	color: #FFFFFF;



	float:left;



	font-size: 11px;



	width: 675px;



	margin-top:10px;



	padding:5px;



}



.link_contcret a {



	color: #D7AE45;



	text-decoration: none;



}



.detail {



	float:right;



	width: 700px;



	background:none;



}



.detail_area {



	background: url("../images/companybg.png") repeat scroll left top transparent;



	float: left;



	margin-top: 10px;



	width: 670px;



	padding:10px 5px 10px 10px;



}



.detail_area p {



	color: #FFFFFF;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	padding: 5px 10px;



	text-align: justify;



}



.product_image {



	float:left;



	margin:5px;



	padding-right:10px;



	width:150px;



	padding-top:10px;



}



.product_content {



	float:left;



	width:480px;



}



.product_content h1 {



	color:#FFF799;



	font-family:Arial, Helvetica, sans-serif;



	font-size:24px;



	margin:0;



	padding:5px 0 5px 10px;



	overflow:hidden;



}



.product_content h2 {



	color:#FFF;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	margin:0;



	padding:5px 0 5px 10px;



	overflow:hidden;



}



.product_content p {



	padding-bottom:10px;



	overflow:hidden;



}



.product_content2ndstep {



	float:left;



	width:100%;



}



.product_content2ndstep h2 {



	color:#FFF;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	margin:0;



	padding:5px 0 5px 10px;



	overflow:hidden;



}



.product_content2ndstep h1 {



	color:#FFF799;



	font-family:Arial, Helvetica, sans-serif;



	font-size:24px;



	margin:0;



	padding:5px 0 5px 10px;



}



.product_content_item {



	float: left;



	position: relative;



	width: 640px;



	padding-left:10px;



}



.product_content_item_left {



	background:url("../images/companybg.png") repeat scroll left top transparent;



	float: left;



	margin-bottom: 3px;



	margin-right: 3px;



	min-height: 27px;



	position: relative;



	width: 165px;



}



.product_content_item_right {



	background:url("../images/companybg.png") repeat scroll left top transparent;



	float: left;



	margin-bottom: 3px;



	min-height: 27px;



	position: relative;



	width: 460px;



}



/*****************Marine Healty*****************/







.marine_helthy {



	width:280px;



	float:left;



	position:relative;



	padding:10px 25px;



}



.marine_helthy img {



	padding:10px 0;



}



.marine_helthy_h2 {



	margin:0;



	padding:10px 20px 10px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 18px;



	color:#000;



}



.marine_helthy p {



	margin:0;



	text-align:justify;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	padding: 5px 0;



	color: #1F1F1F;



	float:left;



}



/*------------------ Video Style---------------------------------*/







.video_wrap {



	width:1000px;



	margin:0px auto;



	overflow:hidden;



}



/*------------- Health & sefty Edit by Shamim 25-4-12----------------------------*/















.health_disc {



	float:left;



	width: 200px;



	height:80px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	line-height:14px;



	color:#000;



	text-align:left;



}



/*------- Director------------*/







.cont_director {



	background:url(../images/searchbg.jpg) repeat-x scroll left bottom #FDEBDC;



	float: left;



	margin-bottom: 5px;



	width: 1000px;



}



.directorpic {



	float:left;



	width:180px;



	margin:5px;



}



.directordsc {



 float:left width:510px;



	height:200px;



	margin:5px 0 20px 0;



}



.dir_rw {



	float:left;



	margin-bottom:5px;



	width:500px;



	padding:4px 5px;



	background:url(../images/balck_t.png) left top repeat;



}



.dir_rw_l {



	float:left;



	width:190px;



	text-align:left;



	color:#fff;



}



.dir_rw_r {



	float:left;



	width:295px;



	margin-left:10px;



	color:#fff;



	border-left:1px dotted #FFF;



	padding-left:4px;



}



/*---------------------- quality --------------*/







.qualitu {



	float:left;



	margin:5px;



}



.qualitu h1 {



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	color:#fff;



	text-decoration:none;



}



.qualitu ul {



	margin:5px;



	padding-left:10px;



}



.qualitu ul li {



	display:list-item;



	list-style:outside disc;



	color:#fff;



	font-size:14px;



	margin:3px 0;



}



/*---------------------- Bottom part button -----------*/







.bottom_button {



	float:left;



}



.bottom_button ul {



	float:left;



	list-style:none;



}



.bottom_button li {



	float:left;



	width:308px;



	height:60px;



	margin:0 5px 15px 5px;



	padding:3px 2px;



	display:inline;



	list-style:none;



	background:url(../images/bottom_button.png) left top no-repeat;



}



.bottom_button li a {



	float:left;



	text-decoration:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	text-align:left;



	width:308px;



}



.bottom_button li a span {



	float:left;



	padding-top: 20px;



	text-align: left;



	width: 240px;



	padding-left:5px;



}



/*--------------------Roxy3c page------------------ */















.roxy3c_button {



	float: left;



	margin: 10px 30px;



	width: 270px;



}



.roxy3c_button h4 {



	color: #1573B4;



	float: left;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 16px;



	width: 100%;



	font-weight:normal;



	margin:10px 0;



	border-bottom:1px dashed #1573B4;



	padding-bottom:2px;



}



.roxy3c_button_image {



	background:#fff;



	float: left;



	padding: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	-webkit-box-shadow:  .1px .1px 5px 2px rgba(0, 0, 0, .1);



	box-shadow:  .1px .1px 5px 2px rgba(0, 0, 0, .1);



}



.roxy3c_button_image img {



	border: 0 none;



	width: 250px;



	height: 150px;



	text-decoration: none;



}



/*--------- Fedback CSS-------------*/







form.fed {



	float:left;



	margin-left:50px;



	margin-top:30px;



}



.fed_rw {



	float:left;



	width:500px;



	margin:2px;



}



.fed_t {



	float:left;



	width:110px;



	margin-right:5px;



	color:#fff;



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



}



.fed_input {



	float:left;



	width:300px;



	margin:0;



	height:20px;



	background:#fff;



	color:#000;



	border:none;



	padding:2px 5px;



}



.fed_text {



	float:left;



	width:350px;



	margin:0;



	height:120px;



	background:#fff;



	color:#000;



	border:none;



	padding:5px;



}



.fed_submit {



	float:left;



	padding:2px 5px;



	background:#99002f left top repeat;



	-webkit-border-radius: 10px;



	border-radius: 10px;



	color:#fff;



	cursor:pointer;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



}



.fed_submit:hover {



	background:url(../images/navbg.png) left bottom repeat-x;



	color:#000;



}



.derector {



	float:left;



	width:200px;



	margin:18px;



	padding-top:15px;



}



3.derector_image {



 float:left;



 width:200px;



}



.derector_image img {



	float:left;



}



.derector_name {



	float:left;



	padding:5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:20px;



	color:#FFF799;



	text-align:center;



	width:190px;



	font-weight:bold;



}



/*------------- Color Visualization page css----------------------*/















<!--



Works page--> #works_main {



	float:left;



	width:690px;



	position:relative;



}



.works_wrap1 {



	float:left;



	width:190px;



	position:relative;



	text-align:center;



	height:120px;



	background: url("../images/image_shadow.png") no-repeat scroll left top transparent;



	float: left;



	padding: 5px 30px 30px 5px;



}



.works_wrap1 a {



	text-decoration:none;



	padding-bottom:0;



}



/*************Lightbox***************/







.lightbox {



	position:relative;



	overflow:hidden;



	display:inline-block;



	margin-bottom:0;



	padding-bottom:0;



	padding-top:0;



	width:190px;



}



.lightbox img {



	position:relative;



	z-index:2;



}



.lightbox div.block {



	display:block;



	position:absolute;



	left:0;



	top:-140px;



	height:120px;



	width:190px;



	z-index:3;



	opacity:0.9;



	filter:alpha(opacity=90);



}



.lightbox div a {



	float:left;



	width:177px;



	height:107px;



	padding:5px;



	margin:0;



}



.lightbox div a h1 {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:30px;



	text-align:right;



	padding:40px 10px 0 0;



	color:#fff;



	margin:0;



}



.lightbox div a p {



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	text-align:right;



	padding:0 10px 0 0;



	color:#fff;



	margin:0;



}



/*----------------- Visualization Red color -------------------------*/











.red_bg {



	background:#F00;



}



.orange_bg {



	background:#ff7200;



}



.gold_bg {



	background:#cc9000;



}



.yellow_bg {



	background:#ffd800;



}



.green_bg {



	background:#459f18;



}



.blue_bg {



	background:#186b9f;



}



.link_visualization {



	float:left;



	margin:0;



	padding:0;



	width:690px;



}



.link_visualization h1 {



	float:left;



	width:450px;



	background:#F00;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:24px;



	color:#FFF;



	text-align:left;



	margin:0;



	padding:2px 10px;



}



.link_visualization h1 span {



	color:#fff;



	filter: alpha(opacity=50);



 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);



	-moz-opacity: 0.50;



	opacity:0.7;



	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;



	font-weight:normal;



}



.link_visualization ul {



	float:left;



	margin:0;



	padding:12px 0 0 5px;



	display:inline;



	width:200px;



}



.link_visualization ul li {



	float:left;



	margin:2px;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	list-style:none;



}



.link_visualization ul li a {



	float:left;



	color:#F60;



	margin:0;



	padding:0;



	text-decoration:none;



}



.visual_step {



	float:left;



	width:690px;



	padding:0;



	margin-top:15px;



}



.vis_title {



	float:left;



	width:690px;



	margin-bottom:5px;



	padding:0;



}



.vis_title_left {



	float:left;



	width:265px;



}



.vis_title_left2 {



	float:left;



	width:405px;



}



.vis_title_left h2, .vis_title_left2 h2 {



	width:auto;



	float:right;



	color:#FFF;



	text-align:right;



	margin:0;



	padding:4px 5px;



	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;



	font-weight:normal;



	font-size:20px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



}



.vis_title_right {



	float:left;



	width:330px;



	padding-left:5px;



}



.vis_title_right2 {



	float:left;



	width:250px;



	padding-left:5px;



}



.vis_title_right h3, .vis_title_right2 h3 {



	float:left;



	padding:3px 5px;



	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;



	font-weight:normal;



	color:#666;



}



.vis_content {



	float:left;



	width:690px;



	margin:0;



	padding:0;



}



.vis_content_menu {



	float:left;



	width:70px;



	margin:0 5px;



	padding:0;



	position: relative;



	background:#fff;



	padding:5px;



}



.vis_content_menu ul {



	float:left;



	margin:0;



	padding:0;



	width:50px;



}



.vis_content_menu ul li {



	float:left;



	margin:2px 0;



	padding:0;



	display:inline;



	list-style:none;



	position:relative;



}



.vis_content_menu ul li a {



	float:left;



	width:70px;



	height:30px;



	background:#900;



	font-size:0;



}



.vis_content_menu ul li a span {



	display: none;



}



.vis_content_menu ul li a:hover span {



	display: block;



	position: absolute;



	margin-top: 40px;



	margin-left:20px;



	width: 100px;



	padding: 2px;



	z-index: 100;



	color: #000000;



	background: #fbfaed;



	border:1px solid #999;



	text-decoration:none;



	text-align:center;



	font-family:Arial, Helvetica, sans-serif;



	font-size:10px;



	line-height:15px;



}



.vis_content_image {



	float:left;



	width:205px;



	margin: 0 5px;



}



.vis_content_content {



	float:left;



	width:370px;



	padding:5px;



}



.vis_content_content p {



	float:left;



	margin:40px 10px 10px 0;



	padding:10px;



	border:1px solid #CCC9;



	background:#fff;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000;



	text-align:center;



	width:340px;



}



/*---------Orange Color Visualisation------------*/



.link_visualization h1.orange {



	background:#ff7200;



}



.link_visualization h1.gold {



	background:#cc9000;



}



.link_visualization h1.yellow {



	background:#ffd800;



}



.link_visualization h1.green {



	background:#459f18;



}



.link_visualization h1.blue {



	background:#186b9f;



}



.form_main {



	float:left;



	width:678px;



	margin:20px;



}



.form_rw {



	float:left;



	width:678px;



	margin:2px 0;



}



.form_text {



	float:left;



	width:100px;



}



.form_fild {



	float:left;



	width:400px;



}



.form_fild input {



	float:left;



	width:350px;



	border:0;



	background:#FFF;



	padding:2px 5px;



	margin:0;



	height:20px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#999;



	text-align:left;



}



.form_fild textarea {



	float:left;



	width:400px;



	border:0;



	background:#FFF;



	padding:2px 5px;



	margin:0;



	height:100px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#999;



	text-align:left;



}



.product_choice {



	float:right;



	width:578px;



	margin-bottom:5px;



}



.cata {



	float:left;



	width:110px;



	margin-right:4px;



	background:#fff;



	padding:2px 3px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000;



	text-align:center;



}



.cata select {



	float:left;



	width:100%;



	background:#FFF;



	height:20px;



	border:none;



}



.product {



	float:left;



	width:160px;



	margin-right:4px;



	background:#fff;



	padding:2px 3px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#000;



	text-align:center;



}



.product select {



	float:left;



	width:100%;



	background:#FFF;



	height:20px;



	border:none;



}



.packsize {



	float:left;



	width:100px;



	margin-right:4px;



	background:#fff;



	padding:2px 3px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#000;



	text-align:center;



}



.packsize select {



	float:left;



	width:100%;



	background:#FFF;



	height:20px;



	border:none;



}



.color {



	float:left;



	width:100px;



	background:#fff;



	padding:2px 3px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#000;



	text-align:center;



}



.color select {



	float:left;



	width:100%;



	background:#FFF;



	height:20px;



	border:none;



}



.product_choice input.remove {



	float:right;



	background:#F00;



	border:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#fff;



	padding:2px;



	cursor:pointer;



}



.form_rw input.addproduct {



	float:right;



	background:#F90;



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#fff;



	padding:2px;



	cursor:pointer;



	border:none;



}



.form_rw input.submit {



	float:left;



	background:url(../images/submitbg.png) left -2px repeat-x;



	font-family:Arial, Helvetica, sans-serif;



	font-size:16px;



	color:#000;



	padding:2px;



	cursor:pointer;



	border: 1px solid #fff;



	border-radius: 5px 5px 5px 5px;



	width:100px;



	height:auto;



	text-align:center;



}



.form_rw input.submit:hover {



	background:#F90;



	color:#fff;



}



.faqbg {



	float:left;



	width:980px;



	background:url(../images/faq.jpg) left 0 no-repeat;



	padding:10px;



	border-top:2px solid #FFF;



}



.paintcalculator {



	float:left;



	width:670px;



	padding:10px 10px 30px 30px;



}
.paint_calc_wrp2 {
	float:left;
	width:600px;
	padding-top:130px;
	margin-left:45px;
	background:url(../images/orderbg.png) center top no-repeat;
}

.paint_calc_wrp2 h1 {



	color:#fff;



	text-align:center;



}

.paint_calc_wrp2 h1 strong {
	color:#000;
}



.paint_calc_wrp2 p {
	padding:5px 50px;
	color:#fff;
	text-align:center;
}


.paint_calc_wrp {
	float:left;
	width:600px;
	padding-top:100px;
	margin-left:30px;
	background:url(../images/calculatebg.png) center top no-repeat;
}



.paint_calc_wrp h1 {



	color:#fff;



	text-align:center;



}



.paint_calc_wrp h1 strong {
	color:#000;
}



.paint_calc_wrp p {
	padding:5px 50px;
	color:#fff;
	text-align:center;
}



.buttonwrap {



	float:left;



	width:100%;



	margin-top:43px;



}



.calbutton {



	float:left;



	background:url(../images/interior_calculatbg.jpg) left bottom no-repeat;



	height:315px;



	width:290px;



}



.bgexterior {



	float:right;



	background: url(../images/exterior_calculatbg.jpg) left bottom no-repeat;



}



.calbutton:hover {



}



.calbutton > .calaction {



	display:none;



}



.calbutton:hover > .calaction {



	display:block;



	height:287px;



	width:262px;



	margin:9px;



	background:url(../images/blackbg.png) left top repeat;



	padding:5px;



}



.calaction h2 {



	padding:10px 0;



	color:#fff;



	text-align:center;



}



.calaction p {



	margin:0;



	padding:0;



	color:#fff;



	text-align:center;



	font-size:14px;



}



.calaction a {



	float:left;



	margin:20px 40px 5px 40px;



	padding:15px;



	background:url(../images/calculatenow.png) left bottom repeat-x;



	-webkit-border-radius: 10px;



	border-radius: 10px;



	text-decoration:none;



	color:#fff;



	font-size:24px;



	line-height:24px;



}



.calaction a:hover {



	background: url(../images/calculatenowhover.png) left bottom repeat-x;



	 color:#000;}



	 



.calculateform {



	float:left;



	width:590px;



	border:5px solid #fff;	



	background:#ecebe7;



	-webkit-border-radius: 5px;



	border-radius: 5px; 



	}



.cfrw1 {



	float:left;



	width:100%;



	}



.cfrw1 h1 {



	text-align:left;



	color:#666;



	font-size:20px;



	padding-left:10px;



	}



.cfrw1 h3 {



	text-align:left;



	color:#3d3a32;



	font-size:16px;



	padding:10px 10px 0 10px;



	}



.cfrw1 p {



	text-align:left;



	color:#666;



	font-size:12px;



	padding-left:10px;



	}



.cfrw2 {



	float:left;



	background:#5c7480;



	font-size:24px;



	color:#fff;



	padding:3px 10px;



	width:570px;



	font-weight:bold;



	}



.cfrw3 {



	float:left;



	background:url(../images/border2.png) left bottom repeat-x;



	width:580px;



	padding:10px 5px;



	font-weight:bold;



	position:relative;



	}







.cfrw3 p {



	color: black;



    float: left;



    font-size: 14px;



    font-weight: normal;



    margin: 0;



    padding:5px 0 0 0;



    text-align: left;



	}



.cleardate {



	float:right;



	background: url(../images/calculatenow.png) left bottom repeat-x;



	cursor:pointer;



	padding:10px;



	border:none;



	font-size:14px;



	color:#fff;



	font-weight:bold;



	-webkit-border-radius: 5px;



	border-radius: 5px; 



	}



.cleardate:hover {



	background: url(../images/calculatenow.png) left top repeat-x;



	color:#FC0;



	}



.cfrw3_cel {



	background:url(../images/border3.png) right top repeat-y;



	width:200px;



	float:left;



	padding:5PX;



	font-size:14px; color:#333;



		



	}



.cfrw3_cel .CRW {



	float:left;



	width:100%;



	margin:2px 0;



	}



.cfrw3_cel .fild {



	font-size:14px;



	font-weight:normal;



	padding:2px 0;



	}







.cfrw3_cel select { float:right; width:100px;}



.cfrw3_cel span {font-size:14px; font-weight:normal;}







.cfrw3_cel2 {



	float:right;



	width:150px;}



input.calculate {



	float:left;



	margin:30px 20px;



	background:url(../images/calculatenowhover.png) left bottom repeat-x;



	cursor:pointer;



	padding:15px 10px;



	border:none;



	font-size:14px;



	color:#fff;



	font-weight:bold;



	-webkit-border-radius: 5px;



	border-radius: 5px; 



	}



input.calculate:hover {background:url(../images/calculatenowhover.png) left top repeat-x; color:#000;}



.rh {



	float:left;



	border-bottom:2px solid #CCC;



	width:100%;



	font-size:24px;



	color:#666;



	}



.resultr {



	float:left;



	margin:10px;



	width:200px;



	height:200px;



	background:url(../images/resultbg.png) left  top repeat-x;



	-webkit-border-radius: 10px;



border-radius: 10px; 



}



.resultr h2 {



	float:left;



	width:180px;



	padding:10px;



	font-size:16px;



	color:#666;



	text-align:center;



	}



.resultr h1 {



	float:left;



	width:180px;



	padding:15px 10px 5px 10px;



	font-size:25px;



	color:#000;



	text-align:center;



	line-height:45px;



	}



.resultr p {



	float:left;



	width:180px;



	padding:0 10px;



	font-size:14px;



	color:#999;



	text-align:center;



	}



.rh2 {



	float:left;



	width:100%;



	font-size:14px;



	color:#333;



	font-weight:normal;



	margin-bottom:5px;



	}



.cfrw4 {



	float:left;



	width:100%;



	}



.cf_cl1 {



	float:left;



	margin:0 15px;



	width:220px;



	font-size:14px; color:#000;



	font-weight:normal;



	}



.cf_cl2 {



	float:left;



	margin:0 15px;



	width:130px;



	font-size:14px; color:#000;



	font-weight:normal;



	}



.cf_cl1 span, .cf_cl2 span {



	font-size:12px;



	float:right;



	color:#666;



	}



.cfrw5 {



	float:left;



	width:580px;



	font-size:14px;



	padding:5px 5px 10px 5px;



	color:#333;



	text-align:center;



	}