@charset "UTF-8";
/*-----------------------------------
products common
-----------------------------------*/
h2,h3,h4 {
	margin-bottom:5px;
}

.left {
	float:left;
}
.right {
	float:right;
}


.thumb h3,
.index-block2 h3,
.layout-enlargement h3,
.option-block1 h3,
.detail-block1 h3,
.dimension-block1 h3 {
	font-size:1em;
	line-height:1.3;
	font-weight:bold;
	border-left:4px solid #003366;
	padding:2px 5px;
	margin-bottom:5px;
}


/*-----------------------------------
carport
-----------------------------------*/
.index-block1 {
	width:355px;
	margin-bottom:15px;
}

.index-block1 h2 {
	margin-bottom:5px;
}

.index-block1 .left {
	width:200px;
}

.index-block1 .right {
	width:145px;
}

.index-block1 img.photo {
	margin-bottom:5px;
	border:1px solid #D2D2D2;
}

.index-block1 p {
	clear:both;
	color:#333333;
	font-size:0.9em;
}

.index-block1 .detail {
	margin-top:5px;
	margin-bottom:10px;
}


.sub-block1 .left {
	width:200px;
}

.sub-block1 .right {
	width:515px;
}

.sub-block1 p {
	font:0.9em;
	margin-bottom:10px;
}

.sub-block1 .btn-features {
	margin-top:5px;
	margin-bottom:10px;
}

.sub-block1 table.dimensionTb {
	margin-bottom:15px;
	width:100%;
}
.sub-block1 table.dimensionTb th,
.sub-block1 table.dimensionTb td {
	padding:2px 5px;
	font-size:0.85em;
	vertical-align:top;
}
.sub-block1 table.dimensionTb th {
	width:1%;
	white-space:nowrap;
}
.sub-block1 table.dimensionTb .bg1 {
	background-color:#EAEAEA;
}


table.colorTb {
	margin-bottom:15px;
}
table.colorTb th {
	text-align:center;
	background-color:#EAEAEA;
	padding:3px;
}


.thumb {
	margin-bottom:15px;
	position:relative;
}

.thumb {
	width:350px;
}

.thumb .left {
	width:140px;
	margin-bottom:5px;
}

.thumb img.thumbnail {
	border:1px solid #0066CC;
}

.thumb .right {
	width:200px;
	margin-bottom:5px;
}

.thumb .btn {
	position:absolute;
	left:246px;
	top:0;
}

.thumb .btn-options {
	position:absolute;
	left:268px;
	top:0;
}

p.comment {
	clear:both;
	font-size:0.9em;
	line-height:1.3;
	color:#333333;
	margin-bottom:5px;
}

/*strength style*/
.strength p {
	font-size:0.75em;
	line-height:1.2;
	margin-bottom:5px;
}
.strength img.icon {
	margin-right:3px;
	margin-bottom:5px;
}


/*dimensions table*/
.dimensions table.dimensionTb {
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}

.dimensions table.dimensionTb th,
.dimensions table.dimensionTb td {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:0.85em;
	line-height:1.2;
	text-align:center;
	font-weight:normal;
	padding:3px 5px;
}
.dimensions table.dimensionTb th {
	background-color:#EAEAEA;
}


/*-----------------------------------
carports option
-----------------------------------*/
.option-block1 {
	margin-bottom:15px;
}

.option-block1 p {
	font-size:0.9em;
	line-height:1.3;
	color:#333333;
}
.option-block1 h5 {
	margin-bottom:3px;
}

/*-----------------------------------
carport dimensions
-----------------------------------*/
.dim-attention {
	text-align:right;
}

.dimension-block1 {
	margin-bottom:30px;
}

/*-----------------------------------
gate & fence
-----------------------------------*/
.index-block2 .left {
	width:200px;
}

.index-block2 .right {
	width:515px;
}

.index-block2 table.dimensionTb {
	margin-bottom:15px;
	width:100%;
}

.index-block2 .detail {
	margin-top:5px;
}


.detail-block1 {
	margin-bottom:15px;
}

.detail-block1 p,
.detail-block1 li {
	font-size:0.9em;
	line-height:1.3;
	color:#333333;
}

.detail-block1 ul {
	list-style:disc;
	margin-left:20px;
	margin-bottom:10px;
}

.detail-block1 h5 {
	font-size:0.9em;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:5px;
}

.detail-block1 .box {
	border:1px solid #6699CC;
	padding:5px 10px;
}

/*-----------------------------------
layout-enlargement
-----------------------------------*/
.layout-enlargement #container,
.layout-enlargement #footer .inner {
	width:600px;
}

.layout-enlargement #pagehead .home {
	width:66px;
}

.layout-enlargement .btn-print {
	position:absolute;
	top:45px;
	left:510px;
}

.layout-enlargement .photo {
	margin-bottom:10px;
	text-align:center;
}

.layout-enlargement .strength {
	width:175px;
	/*width:150px;*/
}

.layout-enlargement .dimensions {
	width:420px;
	/*width:435px;*/
}

.layout-enlargement p.comment {
	margin-bottom:10px;
}