@charset "UTF-8";

/*-----------------------------------------------------
@author:    convexstyle
@version:   1.0
@copyright: 2009, convexstyle.com
@since:     2009.08.04
-------------------------------------------------------*/


/*-------------------------------------------------------
       Layout
-------------------------------------------------------*/
div#wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div#container {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 984px;
}


/*-------------------------------------------------------
       main
-------------------------------------------------------*/
div#main div#colSub, div#main div#colMain, div#main div#colNavigation {
    float: left;
}


/*-----------------
  colSub
-------------------*/
div#colSub {
	margin: 70px 20px 0px 0px;
	padding: 0px;
	width: 202px;
}

	div#colSub h2#subTitle {
		height: 28px;
		margin-bottom: 24px;
		padding: 10px 0px 10px 0px;
		border-bottom: 3px solid #f81504;
	}

	div#colSub div#subImage {
		margin: 0px 0px 25px 0px;
		padding: 0px;
		height: 248px;
	}

	div#colSub div.subExtra {
		margin: 0px 0px 25px 0px;
		padding: 0px;
		background-color: #f3f2f2;
	}

		div.subExtra div.subExtraImage {
			margin: 0px;
			padding: 0px;
		}

		div.subExtra h4.subExtraTitle {
			color: #f81504;
			font-weight: bold;
			font-size: 12px;
			padding: 5px 10px 0px 10px;
		}

		div.subExtra p.subExtraContent {
			margin: 3px 0px 3px 0px;
			padding: 0px;
			line-height: 120%;
			padding: 5px 10px 0px 10px;
		}

		div.subExtra div.subExtraFooter {
			background-image: url(../images/product/productFooterImage.gif);
			background-repeat: no-repeat;
			background-position: left top;
			margin: 15px 0px 0px 0px;
			padding: 6px 0px 0px 40px;
			font-weight: bold;
			height: 24px;
		}
		
		* html div.subExtra div.subExtraFooter {
			background-image: url(../images/product/productFooterImage.gif);
			background-repeat: no-repeat;
			background-position: left top;
			margin: 15px 0px 0px 0px;
			padding: 6px 0px 0px 40px;
			font-weight: bold;
			height: 30px;
		}

			div.subExtraFooter a {
				color: #ff0000;
				text-decoration: none;
			}

			div.subExtraFooter a:hover {
				color: #da1010;
				text-decoration: none;
			}

		div.subExtra ul {
			margin: 0px;
			padding: 10px 0px 20px 0px;
		}

		div.subExtra li {
			padding-left: 10px;
			list-style-type: none;
			font-weight: bold;
		}

        div.subExtra li span {
			color: #ff0000;
			text-decoration: none;
		}

		div.subExtra li span a {
			color: #ff0000;
			text-decoration: none;
		}

		div.subExtra li span a:hover {
			color: #da1010;
			text-decoration: none;
		}


/*-----------------
  colMain
-------------------*/
div#colMain {
	margin: 118px 0px 0px 0px;
	padding: 0px;
	width: 486px;
	border-top: 3px solid #f81504;
}

* html div#colMain {
	margin: 114px 0px 0px 0px;
	padding: 0px;
	width: 486px;
	border-top: 3px solid #f81504;
}

	div#colMain h2#mainTitle {
		height: 27px;
		margin: 24px 0px 24px 0px;
		padding: 0px;
	}

	div#colMain	div.entry {
		text-align: center;
		margin: 0px 0px 3px 0px;
		padding: 22px 0px 30px 0px;
        background-image: url(../images/contentBg.png);
        background-repeat: repeat;
	}


        div.entry div#mainContent {
            margin: 0px;
        }

		div.entry h3.entryTitle {
			margin: 0px auto 0px auto;
			padding: 0px 0px 10px 0px;
			text-align: left;
			font-weight: bold;
			font-size: 12px;
            width: 466px;
		}


		div.entry p.entryContent {
			margin: 0px auto 0px auto;
			padding: 0px 0px 12px 0px;
			text-align: left;
            width: 466px;
		}


		div.entry table.entryTable {
			margin: 0px auto 0px auto;
			width: 466px;
			table-layout: auto;
			border-collapse: collapse;
			border-spacing: 1px;
			border: 1px solid #fff;
			empty-cells: show;
			background-color: #e3e1e1;
		}

			table.entryTable th {
				text-align: center;
				font-weight: bold;
				color: #fff;
				padding: 10px 5px 10px 5px;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
                background-color: #000;
			}

            table.entryTable th.sub {
                background-color: #8d8c8c;
            }

			table.entryTable td {
				padding: 5px;
				border-right: 1px solid #fff;
			}

            table.entryTable td.contentName, table.entryTable th.contentName {
				text-align: left;
                padding: 3px 0px 3px 10px;
			}

            table.entryTable td.empty {
				width: 50px;
			}
		
        p.tableExp {
            width: 466px;
            margin: 3px auto 0px auto;
            padding: 0px;
            line-height: 120%;
            text-align: left;
            font-size: 10px;
        }


		div.entry hr.entryBreak {
			margin: 25px auto 25px auto;
			border: 2px solid #cac8c8;
			width: 463px;
		}


		div.entry div.entryFooter {
			margin: 20px 0px 0px 0px;
			padding: 0px 12px 12px 0px;
			text-align: right;
		}

			div.entryFooter a {
				color: #000;
				text-decoration: underline;
			}

			div.entryFooter a:hover {
				color: #666;
				text-decoration: none;
			}

		div.entry div.entryPhotoGallery {
			margin: 0px auto 0px auto;
			padding: 0px;
		}

			div.entryPhotoGallery ul {
				margin: 0px;
				padding: 0px;
			}

			div.entryPhotoGallery li {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				display: inline;
				width: 151px;
				height: 151px;
			}
			
        div.entry div.downloadImage {
            margin: 0px auto 22px auto;
            padding: 0px;
            width: 466px;
        }
        
        div.entry div.downloadMessage {
        	margin: 0px auto 0px auto;
        	padding: 0px;
        	width: 466px;
        	text-align: left;
        }

        div.entry div.downloadSizeListContainer {
            margin: 5px auto 0px auto;
            padding: 0px;
            width: 466px;
            text-align: left;
        }

        div.entry ul.downloadSizeList {
            margin: 0px;
            padding: 0px;
        }

            ul.downloadSizeList li {
                display: inline;
                list-style-type: none;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                width: 65px;
                height: 18px;
            }
            
            * html ul.downloadSizeList li {
                display: inline;
                list-style-type: none;
                margin: 0px 5px 0px 0px;
                padding: 0px;
                width: 65px;
                height: 18px;
            }


/*-----------------
  colNavigation
-------------------*/
div#colNavigation {
    margin: 0px;
	padding: 0px;
	width: 232px;
}

	div#colNavigation div#navigation {
		margin: 196px 0px 30px 0px;
		padding: 0px 0px 30px 0px;
		border-bottom: 5px solid #c4bebf;
	}

    div#colNavigation ul {
        margin: 0px;
        padding: 0px;
    }

	div#colNavigation li {
		margin: 0px 0px 1px 0px;
		padding: 0px;
		list-style-type: none;
		height: 30px;
	}

    * html div#colNavigation ul {
        margin: 0px;
        padding: 0px;
    }

    * html div#colNavigation li {
        margin: -2px 0px 0px 0px;
		padding: 0px;
		list-style-type: none;
		height: 30px;
    }