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

div#main div#content { text-align: left; margin: 0 auto; width:830px; }


.productList {
	margin-bottom:40px;
}

.productList ul li {
	float: left;
	list-style-type: none;
	padding: 1px;
	width: *px;
	font-size: 100%;
	font-weight:bold;
	margin: 5px;
	border:#D5D5D5 1px solid;
}
/* hack for IE6 & IE7 */
* html .productList ul li {
		width: 0;
}
*:first-child+html .productList ul li {
		width: 0;
}

.productList ul li div.innerelem{
	background:url(../product/floor/img/list_bg.gif) repeat-x;
	padding:10px;
}
/* hack for IE6 & IE7 */
* html .productList ul li div.innerelem{
		width: 100%;
}
*:first-child+html .productList ul li div.innerelem{
		width: 100%;
}


.productList ul li div.innerelem div.fcname{
	font-size:120%;
	line-height:1.2em;
	padding:5px 0;
}
/* hack for IE6 & IE7 */
* html .productList ul li div.innerelem div.fcname{
	line-height:1.2em;
}
*:first-child+html .productList ul li div.innerelem div.fcname{
	line-height:1.2em;
}


.productList ul li a {
	display: block;
	color:#0033FF;
}
.productList ul li a:hover {
	color: #FF3300;/**/
}


div.productList.particularity ul li{
	width:190px;
}
/* hack for IE6 & IE7 */
* html div.productList.particularity ul li{
	width:160px;
}
*:first-child+html div.productList.particularity ul li{
	width:160px;
}

.productList div.listCatName {
	margin:0 10px;
	margin-left:10px;
	font-size:85%;
	color:#993366;
	font-weight:bold;
}

div.productList.otherProducts ul li{
	width:250px;
}
/* hack for IE6 & IE7 */
* html div.productList.otherProducts ul li{
	width:220px;
}
*:first-child+html div.productList.otherProducts ul li{
	width:220px;
}

.productList ul li div a img {
	border:#ccc 1px solid;
}

.productList ul li div a:hover img {
	border:#FF0000 1px solid;
}

div#sidemenu ul {
list-style:none;
list-style-type:none;
}

div#sidemenu ul li {
margin:10px 0;
}


/*
*
* for index.html only
*
*/

div.outcell {
position:relative;
}

div.innercell {
display:table-cell; 
margin-bottom:1px;
vertical-align:middle;
}

* html div.innercell {/* IE 6 */
position:absolute;
top:50%;
}
*:first-child+html div.innercell {/* IE 7 */
position:absolute;
top:50%;
}

* html div.innercell a {/* IE 6 */
display:block;
position:relative;
top:-50%;
}
*:first-child+html div.innercell a {/* IE 7 */
display:block;
position:relative;
top:-50%;
}
* html div.innercell p {/* IE 6 */
display:block;
position:relative;
top:-50%;
}
*:first-child+html div.innercell p {/* IE 7 */
display:block;
position:relative;
top:-50%;
}

img.titlepict {
float:left;
margin-left:10px;
margin-top:20px;
margin-bottom:10px;
}

* html img.titlepict {/* IE 6 */
margin-top:10px;
}
*:first-child+html img.titlepict {/* IE 7 */
margin-top:10px;
}

div.fclead {
margin:5px 0;
font-size:95%;
width:600px;
}

* html div.fclead {/* IE 6 */
width:500px;
}

*:first-child+html div.fclead {/* IE 7 */
width:500px;
}


/**********************
* 
* for help and catalog
* 
***********************/

div#catalog {
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:780px;
}

div.back2index {
padding: 20px;
margin-left:auto;
margin-right:auto;
width:780px;
}

div.helplist {
font-size: 75%;
margin-left:auto;
margin-right:auto;
width:780px;
}

a.textlink:link, a.textlink:visited {
color:#145ca9;
font-size: 75%;
}

div.helplist h3 {
padding-bottom: 20px;
}

div.helplist ul {
list-style:none;
}

div.helplist li {
width: 360px;
padding-bottom: 20px;
}

div.helplist li img {
padding-right:10px;
}

div.helplist li.first {
background: url(../product/waterproof/img/help/listnum01.gif) no-repeat;
}
div.helplist li.second {
background: url(../product/waterproof/img/help/listnum02.gif) no-repeat;
}
div.helplist li.third {
background: url(../product/waterproof/img/help/listnum03.gif) no-repeat;
}
div.helplist li.fourth {
background: url(../product/waterproof/img/help/listnum04.gif) no-repeat;
}
div.helplist li.fifth {
background: url(../product/waterproof/img/help/listnum05.gif) no-repeat;
}
div.helplist li.sixth {
background: url(../product/waterproof/img/help/listnum06.gif) no-repeat;
}

div.helplist li.first, div.helplist li.second, div.helplist li.third, div.helplist li.fourth, div.helplist li.fifth, div.helplist li.sixth {
width: 330px;
padding-left: 40px;
}
div.helplist li.second, div.helplist li.fourth, div.helplist li.sixth {
margin-left:40px;
}

.left {
float: left;
}

.right {
float: right;
}

img.helpicon {
float: left;
}

table.requirement { margin-bottom:20px; width: 780px; border-collapse: collapse; border:#666 1px solid; font-size:76%; }
table.requirement tr td, table.requirement tr th { border: 1px solid #666; border-collapse: collapse; padding:5px; }
table.requirement tr th { background-color:#ecf1f5; text-align:left; width:80px; }
h4.requirement { margin:0; padding;0; }