
/* HTML CLASSES */
a { color: #007DFB; text-decoration:underline; }
.ano { text-decoration:none; color: #383838; }
td { font-size: 12px; color: #383838; }
sup { font-size: 10px; }



h1 { font-size: 15px; font-family: "Century Gothic", Arial, Sans-Serif; color: green; padding:0px; margin:0px; display:inline; }
h2 { font-size: 14px; font-family: "Century Gothic", Arial, Sans-Serif; color: #383838; padding:0px; margin:0px; }

h4 { font-weight:bold; color:#000;display: inline; }
h4 { font:bold 12px "tahoma";color:#9f9a3d;text-align:left;margin:0 0 0 0px; }

hed4 { font:bold 11px "tahoma";color:#9f9a3d;text-align:left;margin:0 0 0 0px; }

h5{font:bold 13px "Century Gothic", Arial, Sans-Serif;color:#fa8000;text-align:left;margin:0 0 0 0;}
h6{font:bold 15px "Century Gothic", Arial, Sans-Serif;color:#333333;text-align:left;margin:0 0 0 0;}
img { border-style:none; border:0px; }
em { font-family: arial; color: #666666; }
/* END OF HTML CLASSES */




.tcontent { font-family: "Century Gothic", Arial, Sans-Serif; font-size: 11px; font-weight: 700; color: #383838; margin-top: 5px; margin-bottom: 5px; border-style: none; border: 0px; }
.breadcrumbs a { font-family:Tahoma, arial, sans-serif; letter-spacing:1px; font-size: 10px; font-weight:bold; color: #007DFB; text-decoration: underline }
.logobar img { margin-right:5px; vertical-align:middle; }
.table_hmaterials {  font-size: 11px; line-height: 16px; }



/*
.btnsubmit {
	background:url(images/btnsubmit.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-size:13px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.btnsubmit {
	background: transparent url('images/btnsubmit_blue.gif') no-repeat scroll top right;
	padding-left:6px;
	width:86px;
	height:26px;
	line-height:24px;
	color:#FFFFFF;
	font-size:13px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}*/





.smallul li { margin:0 0 10px -25px; }

.blacklink { color:#383838; text-decoration: none; font-weight:bold; }


.more { text-align:right; }



div.img-dec { background: url('images/shadow.gif') no-repeat bottom right; clear: left; float: left; margin: 5px 10px 0px 5px; padding: 0; position: relative; }
div.img-dec img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: -5px 5px 5px -5px; padding: 3px; position: relative; }

.singlematdesc div { position:relative; }

.td_chunk { BACKGROUND-color: #d7d7d7; font-family: "Century Gothic", Arial, Sans-Serif; font-size: 10pt; font-weight: bold; color: #000000; vertical-align: middle; padding: 3px; }

.newstitle { font-size:12px; margin-top:5px; margin-bottom:0px; }
.newscontent { font-size:10px; letter-spacing:1px; margin-top:3px; margin-bottom:0px; }


/* HOME PAGE */

.logos { clear:both; margin:10px 0 0 0; padding:0 0 0 0; height:auto; overflow:hidden;}
.logos ul { margin:0 0 0 0; padding:0 0 0 0; height:auto; overflow:hidden;}
.logos ul li { float:left; margin:0px 0 0px 0; padding:0 20px 0 0; height:50px; overflow:hidden;}

.middlestrip { background-color:#e1e1e1; margin:0 -10px 0 -10px; height:250px; overflow:hidden;}
.middlestrip .bullets { padding:0 0 0 20px; }


.rndbox {width:765px;margin:0 0 0 3px;}
.rndbox  .toprnd {width:765px;float:left;height:21px;background:url('/template/images/header_box_toprnd.png') no-repeat 0px 0;}
.rndbox  .midrnd {width:757px;float:left;border-left:1px solid #dad9d9;border-right:1px solid #dad9d9;background:#f5f5f5;}
.rndbox  .midrnd  .lftrnd {width:350px;padding:0 10px 0 10px;float:left;border-right:1px solid #dad9d9;}
.rndbox  .midrnd  .rftrnd {width:350px;padding:0 10px 0 10px;float:left;}
.rndbox  .btnrnd {width:765px; float:left;height:20px;background:url('/template/images/header_box_btmrnd.png') no-repeat 0px 0px;}

#header {
    position: absolute;
    top: 1400px;
    left: 0px;
}

div.img-sec { background: url('images/section_bk.gif') no-repeat bottom right; float: left; margin: 5px 0px 0px 10px;  position: relative; width: 245px; height: 426px; }
div.img-sec-txt { padding:15px 15px 0px 15px; font-size: 11px; line-height: 19px; }
.sec-title { font-size: 14px; font-family: "Century Gothic", Arial, Sans-Serif; color: #383838; padding:0px; margin:0px; font-weight: bold;  }
div.button { float:left; background-color:#f1f1f1; margin-bottom:0px; margin-right:0px; margin-left:10px; bottom: 10px; position:absolute; }
div.tchunks { float:left; width:380px; margin-bottom: 15px; font-size: 11px; }

/* END OF HOME PAGE */


.textboxstyle { border-width:0px; width:55px; background-color: transparent; font-family:tahoma; font-size:11px }

.inputerror { font-family:tahoma; background-color:#FFd760; }
.inputnormal { font-family:tahoma; }

.catcher { display: none; }

hr { border: 0; color: #9f9f9f; background-color: #9f9f9f; height: 1px; width: 100%; text-align: left; }


/* HEADER */
.yui-imgload-scrollgroup { background:none !important; }
body {
	margin:0px 0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-color: #f7f7f7;
	background-image: url('images/pattern3.jpg');
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

.out { margin:0px auto; /* Right and left margin widths set to "auto" */
	   text-align:left; /* Counteract to IE5/Win Hack */
	   width:818px;
	   padding-bottom:10px; /* IE6 hack - footer */
}

.in {
	background:url('images/shadow-bk.gif');
	margin-top:0px;
	margin-bottom:-5px;
}

.content {
	padding-bottom: 0px;
	border-style: none;
	color: #383838;
	padding-left: 25px;
	padding-right: 25px;
	text-align:left;
}

/* TABS */
.commercial { margin-top:0px; margin-bottom:0px; height:25px; background:url('images/shadow-bk-blue.gif'); color:white; position:relative; }
.private { margin-top:0px; margin-bottom:0px; height:25px; background:url('images/shadow-bk-green.gif'); color:white; position:relative;}
.offcuts { margin-top:0px; margin-bottom:0px; height:25px; background:url('images/shadow-bk-orange.gif'); color:white; }

.tabmenu { margin: 0 0 0 3px; height:41px; width:100%; position:relative; text-align: left; background:url('images/shadow-top.png') no-repeat;
	font-family: "Century Gothic", Arial, Sans-Serif; font-weight:bold; font-size:13px; }
.tab { position:relative; float:left; height:41px; text-align:center; width:126px; }
.tab a { color:#fff; text-decoration: none; }

.menu { font-family: "Century Gothic", Arial, Sans-Serif; font-size: 11px; font-weight: 700; text-align: left; color:#ffffff;
	    margin-top: 0px; margin-bottom: 0px; margin-left:20px; }
.menu a { color:#fff; text-decoration:none; }
.menu a:hover { color:#000; }
.menu a:active { color:#000; }
.menu .highlight { background-color: #15ab08; padding:3px 5px 3px 5px; }
.menu .highlightcomm { background-color: #0D99DF; padding:3px 5px 3px 5px; }
/* END OF TABS */

.utilities { float:right; height:25px; width:380px; margin: 0px 15px 0 0; padding: 5px 0 5px 0; text-align:right; font-size:10px; font-weight:normal; color:#f1f1f1; }
.utilities img { vertical-align:middle; }
.utilities .search { margin-left:5px; font-size:12px; font-family:arial; color:#7c7c7c; border:solid 1px #9e9e9e; background-color:#f1f1f1; width:181px; height:17px; font-style:italic; }
.utilities .searchselected { margin-left:20px; font-size:12px; font-family:arial; color:#000000; border:solid 1px #9e9e9e; background-color:#FFFFFF; width:181px; height:17px }


.comm h1 { color: #0073AD }
/* END OF HEADER */

.tdKLnormal { background:#FFFFFF; }
.tdKLnormalStone { background:#F0F0F0; }

.tdKLselected { background:url('images/kl_bk.gif'); }




/* SPECIFIC MATERIAL */

.singlematdesc { width: 360px; position: relative; font-family:"Century Gothic", Arial, Sans-Serif; font-size:13px; font-weight:normal; overflow:auto; }
.specmaterialdark { padding:20px; text-align:center; background-color:#383838; margin-top:-3px; }
.specmaterialbright { padding:20px; text-align:center; background-color:#e3e3e3; margin-top:-3px; }
.singlematcost { background-color:#f0f0f0; width:100%; padding-bottom: 10px;  } 
.singlematcostitm { float:left; margin:10px 10px 10px 0px; width:138px; } 

.finance { font-size:10px; color:#d4a017; } 
.numbers { width:70px;padding-left:2px; text-align:right; }
/* END OF SPECIFIC MATERIAL */

/* STONE SELECTOR */

.stoneselector { background:#f0f0f0; border:solid #cccb89 1px; padding:10px  }

.stoneselector_material { font-size:12px; }
.stoneselector_material a { color: #383838; }

.ss_cpt { float:left; width:120px; padding: 0px 5px 4px 0px; text-align:right; font-weight: bold; }
.ss_txt { float:left; width:125px; padding: 0px 0px 4px 0px; text-align:left }
.ss_txt a { color: #383838; }

.cmbhide { display: none; }
.cmbshow { display: block; }

/* END OF STONE SELECTOR */


/* SOLUTION CENTER */

.solution_cat { background-image:url(images/form_bk.jpg); border:solid #cccb89 1px; margin:0 25px 30px 25px; padding:10px; font-size:11px; float: left; width: 250px; height: 280px; }
.solution_cat img { margin:0 0 30px 75px; }
.solution_cat a { color: #333333; }
.solution_bigcat { margin:0 0 0 40px; padding:10px; font-size:11px; float: left; width: 450px; height: 280px; }
.solution_bigcat a { color: #333333; }

/* SPECIFIC ARTICLE */

.articleleftpanel { position:relative; width:190px; float:left; margin-left:0px; display: inline; /*fix for IE */ }
.articleleftpanelform_menu { background-image:url(images/form_bk.jpg); border:solid #cccb89 1px; margin:0 0 0px 10px; padding:10px; font-size:11px; float: left; }
.articleleftpanelform_art { float:left; width:345px; padding:0 5px 0 15px }
.articleleftpanelform_art ol li { margin-bottom:10px; margin-top:10px; }
.articleleftpanelform_art ul li { margin-bottom:3px; }
.articleleftpanelform_art table { font-size:10px; border:dashed 1px #c0c0c0; border-spacing: 0px; border-collapse: collapse; }
.articleleftpanelform_art table td { border:dashed 1px #c0c0c0; padding:5px }
.articleleftpanel_title { top: -20px; font-size: 14px; font-family: "Century Gothic", Arial, Sans-Serif; color: #000; overflow:visible; position: relative; background-color:#f4f3f0 }
.articlerightpanel { width:auto; margin-left:0px; float:right; margin-right:20px; max-width:230px; font-family: arial; font-size:12px; }

/* END OF SPECIFIC ARTICLE */

/* END OF SOLUTION CENTER */




/* QUOTATION */

.quotleftpanel { position:relative; width:350px; float:left; margin-left:10px; display: inline; /*fix for IE */ }
.quotleftpanelform { background-image:url(images/form_bk.jpg); border:solid #cccb89 1px; padding:10px; font-size:11px; }
.quotleftpanel_title { top: -20px; font-size: 14px; font-family: "Century Gothic", Arial, Sans-Serif; color: #000; overflow:visible; position: relative; background-color:#f4f3f0}
.quotrightpanel { width:auto; margin-left:0px; float:right; margin-right:10px; max-width:380px; }

#quotheader { display:block; clear:both; font-size:1.0em; margin:3em 0 1em 0 ; padding:0; color:#709094; text-align:center; background:url('/template/images/quot_header.jpg') 0 3em repeat-x; min-height:90px; height:auto !important; height:90px;}
#quotheader ul{ margin:0 auto 0 auto; padding:0; display:block; width:100%; text-align:center; list-style:none;} 
#quotheader ul li {font-weight:bold; float:left; margin:1em 0 0 3em; display:block; list-style:none; padding:4em 0 0 2em; background:url('/template/images/step-todo.gif') 50% 45% no-repeat;}
#quotheader ul li.in {font-weight:bold; float:left; margin:1em 0 0 3em; display:block; list-style:none; padding:4em 0 0 2em; background:url('/template/images/step-in.gif') 50% 45% no-repeat;}
#quotheader ul li.complete {font-weight:bold; float:left; margin:1em 0 0 3em; display:block; list-style:none; padding:4em 0 0 2em; background:url('/template/images/step-complete.gif') 50% 45% no-repeat;}
#quotheader ul li img {position:absolute; margin:-7em auto 0 0; }

/* END OF QUOTATION */

