/* CSS Document */

body{
font-family:arial;
font-size:11px;
margin:0px auto;
width:100%;
text-align:center;
background: #DAE2ED url(../images/sample1bg.gif) repeat-y fixed top center;
}



#main{
width:890px;
margin:0px auto;
}


#header{
width:890px;
height:100px;
float:left;
background-image:url(../images/headerbg.jpg);
}


#floatleft{
float:left;
margin:0px auto;

}

.nav{
width:630px;
height:37px;
background-image:url(../images/menubg.gif);
background-repeat:no-repeat;
margin-top:20px;
float:right;

}

.nav ul{
margin:0px auto;
color:#ffffff;
text-align:left;
padding-left:10px;
padding-top:10px;
}

.nav ul li{
display: inline;
color:#978A7D;
margin:0px;
}

.nav ul li a{
color:#ffffff;
text-decoration:none;
text-align:left;
padding:4px;
height:39px;
}

.nav ul li a:hover{
color:#ffffff;
background-color:#426EBC;
}

.nav .on{
color:#ffffff;
background-color:#426EBC;
display:none;
}


ul li
{
list-style-image: url(../images/arrow-list.gif);
margin:0px;
font-weight:normal;
color:#000;
font-size:11px;
}


ul li a
{
list-style-image: url(../images/arrow-list.gif);
margin:0px;
}

ul li a:hover
{
list-style-image: url(../images/arrow-list1.gif);
margin:0px;
}



.SubLink
{
color:#444;
font-size:11px;
text-decoration:none;
font-weight:bold;
}


.SubLink:hover
{
color:#165A97;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}

#headerbanner{
width:890px;
margin:0px auto;
background-color:#D9E0E9;
height:209px;
text-align:right;
clear:both;
float:left;
/*border:#FF0000 medium solid;*/
}

#heading{
font-family:arial;
font-size:15px;
margin-top:10px;
font-weight:bold;
color:red;
float:left;
margin:0px auto;
padding:5px;
}

h1{
margin:0px auto;
font-family:arial;
font-size:35px;
font-weight:bold;
color:#215187;
float:left;
clear:both;
padding-left:15px;
padding-top:40px;
text-align:left;
}


h2{
margin:0px auto;
font-family:arial;
font-size:22px;
font-weight:bold;
color:#1D3050;
float:left;
clear:both;
width:500px;
padding-left:15px;
padding-top:10px;
text-align:left;
}


h3{
margin:0px auto;
font-family:arial;
font-size:13px;
font-weight:bold;
color:#000000;
float:left;
clear:both;
width:500px;
padding-top:10px;
text-align:left;
padding:0px 0px 10px 15px;
}


h4{
margin:0px auto;
font-family:arial;
font-size:13px;
font-weight:bold;
color:#000000;
float:left;
clear:both;
width:500px;
padding-top:10px;
text-align:left;
padding:0px 0px 10px 0px;
}


p{
margin:0px auto;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#000000;
float:left;
clear:both;
padding-left:15px;
padding-top:5px;
text-align:left;
width:490px;
line-height:18px;
text-align:justify;
}

#bodytext{
margin:0px auto;
font-family:arial;
font-size:11px;
font-weight:BOLD;
color:#000000;
float:left;
clear:both;
padding-left:15px;
padding-top:5px;
text-align:left;
width:500px;
}

#bodytextBoldTop{
margin: 5px 5px 5px 10px;
padding: 5px 0px 0px 0px;
font-family:arial;
font-size:13px;
line-height:19px;
font-weight:bold;
color:#165A97;
float:left;
text-align:left;
width:175px;
background: #fff url(../images/box-bg.gif) repeat-x center top;
border:1px solid #b6b5b5;
height:150px;
}

#bodytextBoldDown{
margin: 5px 5px 5px 10px;
padding: 5px 0px 0px 0px;
font-family:arial;
font-size:13px;
line-height:19px;
font-weight:bold;
color:#165A97;
float:left;
text-align:left;
width:175px;
background: #fff url(../images/box-bg.gif) repeat-x;
border:1px solid #b6b5b5;
}


#bodytextBold_des{
margin: 10px 0px 5px 5px;
padding: 15px 5px 5px 0px;
font-family:arial;
font-size:13px;
line-height:22px;
font-weight:bold;
color:#165A97;
float:left;
text-align:left;
width:480px;
background: url(../images/box-bg.gif) repeat-x;
border:1px solid #b6b5b5;
height:200px;
}

#paraContainer{
margin: 10px 5px 5px 5px;
padding: 15px 5px 5px 0px;
font-family:arial;
font-size:13px;
line-height:22px;
font-weight:bold;
color:#165A97;
float:left;
clear:both;
text-align:left;
width:515px;
background: url(../images/box-bg.gif) repeat-x;
border:1px solid #b6b5b5;
}


#paraContainerNoBg{
margin: 10px 0px 5px 5px;
padding: 0px 5px 5px 0px;
font-family:arial;
font-size:13px;
line-height:22px;
font-weight:bold;
color:#165A97;
float:left;
clear:both;
text-align:left;
width:500px;
height:100%;
}

b
{
color:#1D3050;
}


sup
{
color:red;
font-size:10px;
}

span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
margin-left:10px;
margin-right:10px;
}

label{
width:50px;
margin:0px;
margin-right:10px;
padding:0px;
float:left;
}


.inputSmall
{
width:50px;
height:20px;

padding-left:2px;
border:#ccc 1px solid;
background: url(../images/textfield-bg.gif) repeat-x;
}




.labels{
margin:0px;
margin-right:10px;
font-weight:bold;
width:160px;
}


.inputMed
{
width:200px;
height:20px;
padding-left:2px;
border:#ccc 1px solid;
background: url(../images/textfield-bg.gif) repeat-x;
margin:0px 5px 5px 0px;
}

.inputTAMed
{
width:200px;
padding-left:2px;
border:#ccc 1px solid;
background: url(../images/textfield-bg.gif) repeat-x;
margin:0px 5px 5px 0px;
}



#middlepart{
background-color:#ffffff;
width:890px;
margin:0px auto;
float:left;
clear:both;
}

#leftArea{
width:540px;
padding-bottom:20px;
margin-bottom:20px;
margin-left:5px;
margin-top:12px;
border:#e1dfcf 1px solid;
float:left;
background: #fff url(../images/leftbg.gif) repeat-x;
}







#dlDescription
{
margin-left:8px;
padding-left: 10px;
background-color:#fff;
width:500px;
float:left;
border:#FF0000 0px solid;
text-align:left;
}


#main-form{
margin:15px;
padding:13px;
width:800px;
background-color:#ffffff;
float:left;
background: #fff url(../images/itemBoxBg.gif) repeat-x;
height:300px;
border:1px solid #ABE2F2;

}





#flooring-form{
margin:0px;
margin-top:10px;
margin-bottom:10px;
width:470px;
background-color:#ffffff;
float:left;
background: #fff url(../images/itemBoxBg.gif) repeat-x;
padding-left:10px;
padding-right:20px;
height:100px;
border:1px solid #ABE2F2;
}

#flooring-form-right{

margin:0px;
float:right;
position:relative;
padding:0px;
margin-top:-50px;
margin-right:30px;
padding-left:15px;
width:150px;
}


#choose{
margin:0px;
width:480px;
background: #fff url(../images/itemBoxBg.gif) repeat-x;
height:70px;
float:left;
padding-left:10px;
border:1px solid #ABE2F2;
}


#thumb{
margin:0px auto;
width:490px;
background: #fff url(../images/itemBoxBg.gif) repeat-x;
float:left;

}





#rightbar{
width:320px;
padding:5px;
background-color:#EFF0F0;
/*border-left:3px solid #E4E7E6;
border-top:#336699 3px solid;
border-left:#336699 1px solid;
border-right:#336699 1px solid;
border-bottom:#336699 3px solid;
*/
float:right;
margin:0px auto;
margin-left:3px;
height:100%;
}

#rightarea {
width:300px;
margin-top:5px;
padding:5px;
background-color:#ffffff;
border:#E4D6CD 3px solid;
clear:both;
float:left;
}



#rightareaLink a{
width:290px;
margin-top:5px;
padding:3px;
background-color:#ffffff;
border:#E4D6CD 3px solid;
clear:both;
float:left;
}



#rightareaLink a:hover{
width:290px;
margin-top:5px;
padding:3px;
background-color:#ffffff;
border:#1D3050 3px solid;
/*border:#F96F6B 3px solid;*/
clear:both;
float:left;
}

.boldLink
{
color:#CB4744;
font-size:12px;
text-decoration:none;
font-weight:bold;
}


.boldLink:hover
{
color:#1D3051;
font-size:12px;
text-decoration:none;
}


#img{
margin:0px auto;
float:left;
}


#break
{
height:1px;
border-bottom:#CCCCCC 1px solid;
margin-bottom:10px;
margin-left:10px;
width:500px;
}


#footer{
width:890px;
height:50px;
background-color:#A9D362;
color:black;
clear:both;
padding-top:15px;
text-align:center;

}


#footer a{
margin:0px auto;
color:black;
text-align:center;
padding:5px;
line-height:20px;
text-decoration:none;
}


#footer a:hover{
margin:0px auto;
color:white;
text-align:center;
}

#leftBanner
{
margin:0px auto;
width:250px;
height:77px;
float:left;
clear:both;
padding-left:10px;
}

#RightBanner
{
margin:0px auto;
width:250px;
height:77px;
float:right;
padding-right:10px;
}


.tile-type {
margin:0px auto;
float: left;

margin: 5px 5px 5px 10px;
text-align: center;
width: 90px;

}



.tile-type2 {
float: left;
display: inline;
margin: 0 0 13px 9px;
text-align: center;
width: 130px;
height: 150px;
margin: 5px 5px 5px 10px;
}


.cabinates {
float: left;
text-align: center;
width: 150px;
height: 150px;
margin: 5px 2px 5px 2px;

}

.clear{
clear:both;

}

.bold
{
color:#1D3050;
}


#code
{
margin-top: 5px;
margin-bottom: 10px;
font-size: 10px;
}


#codeCabinates
{
font-size: 10px;
font-weight:bold;
margin:0px auto;
}

.p2
{
font-size:10px;
margin:0px auto;
}


form
{
text-align:left;
}


#itembox
{
	width: 480px;
	float: left;
	text-align:center;
	border-top: 6px solid #828282;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-bottom: 2px solid #bebebe;
	padding: 10px;
	margin-bottom: 10px;
	margin-top:20px;
	margin-left:13px;
	background: #fff url(../images/itemBoxBg.gif) repeat-x;
	clear:both;
}

#itembox-form
{
	width: 490px;
	margin:0px auto;
	float: left;
	text-align:left;
	border-top: 6px solid #828282;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-bottom: 2px solid #bebebe;
	padding: 5px;
	margin-bottom: 10px;
	margin-top:10px;
	background: #fff url(../images/itemBoxBg.gif) repeat-x;
	
}





#itemboxAccses
{
	width: 375px;
	float: left;
	text-align:center;
	border-top: 6px solid #CB4744;
	border-left: 1px solid #845402;
	border-right: 1px solid #845402;
	border-bottom: 2px solid #845402;
	padding: 10px;
	margin-bottom: 10px;
	margin-top:20px;
	margin-left:13px;
	background: #fff url(../images/itemBoxBg.gif) repeat-x;
}

#Item
{
width: 128px;
height:156px;
float: left;
margin-right:1px;
}

#cabTitle
{
width:128px;
font-weight:bold;
float:left;
text-align:center;
margin: 0px auto;
}

#cabDesc
{
width:128px;
font-weight:normal;
font-size:10px;
line-height:12px;
text-align:center;
color:#165A97;
margin: 0px auto;
}

#rightbarAcces{
width:395px;
padding:5px;
float:right;
margin:0px auto;
margin-left:3px;
background-color:#EFF0F0;
}

#leftAreaAcces{
width:460px;
margin:0px auto;
margin-bottom:20px;
padding-bottom:20px;
margin-left:5px;
margin-top:12px;
float:left;
border:#e1dfcf 1px solid;
background:#fff url(../images/leftbg.gif) repeat-x;

}


#paraContainerNoBgAcces{
margin: 10px 0px 5px 5px;
padding: 0px 5px 5px 0px;
font-family:arial;
font-size:13px;
line-height:22px;
font-weight:bold;
color:#165A97;
float:left;
clear:both;
text-align:left;
width:390px;
height:100%;
}

.pAcces{
margin:0px auto;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#000000;
float:left;
clear:both;
padding-left:15px;
padding-top:5px;
text-align:left;
width:380px;
line-height:18px;
text-align:justify;
}


.Access{
margin:0px auto;
font-family:arial;
font-size:22px;
font-weight:bold;
color:#1D3050;
float:left;
clear:both;
width:390px;
padding-left:15px;
padding-top:10px;
text-align:left;
}

.Access2{
margin:0px auto;
font-family:arial;
font-size:22px;
font-weight:bold;
color:#1D3050;
float:right;
clear:both;
width:390px;
padding-left:15px;
padding-top:10px;
text-align:left;
}


#leftForm
{
width:400px;
float:left;
}

#rightForm
{
width:400px;
float:right;
}


#leftText
{
width:350px;
float:left;
}

#contactText
{
font: bold 15px arial;
line-height:24px;
color:#215187;
text-align: left;
margin: 10px 5px 5px 17px;
}