/* CSS Document */

#doc {
	position: relative;
	width: 738px;
	height: 559px;
	padding: 0;
	margin: 20px auto 8px auto;
	background: url("../../images/dyo_back.gif") repeat-y #F6F2D9;
	}
	
	#swapNav {
		position: absolute;
		top: -33px;
		left: 20px;
		z-index: 200;
		}
		#swapNav #portBtn {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			cursor: pointer;
			}
			
		#swapNav #dyoBtn {
			position: absolute;
			top: 0;
			left: 155px;
			z-index: 1;
			cursor: pointer;
			}
	

	#doc .top {
		position: absolute;
		top: -8px;
		left: 0;
		z-index: 1;
		}
	
	#doc .bottom {
		position: absolute;
		bottom: -8px;
		left: 0;
		margin: 0;
		padding: 0;
		clear: both;
		}
	
	#flashHolder {
		position: absolute;
		top: 5px;
		left: 10px;
		}
		
	#sideNav {
		position: absolute;
		top: 0;
		right: 8px;
		width: 136px;
		}
		#sideNav ul {
			position: relative;
			margin: 0;
			padding: 0;
			background: #dfcc9e;
			}
			#sideNav ul li {
				position: relative;
				margin: 0;
				padding: 0 0 1px 0;
				list-style-type: none;
				}
				#sideNav ul li a, #sideNav ul li a:link, #sideNav ul li a:visited {
					position: relative;
					display: block;
					height: 22px;
					line-height: 22px;
					font-size: 10px;
					color: #FFFFFF;
					padding: 0 0 0 10px;
					font-weight: bold;
					background: url("../../images/btn_sidenav_i.gif") repeat-x;
					}
					#sideNav ul li.section a, #sideNav ul li.section a:link, #sideNav ul li.section a:visited {
						font-size: 11px;
						font-family: "Times New Roman", Times, serif;
						text-transform: uppercase;
						}
				#sideNav ul li a:hover {
					background: url("../../images/btn_sidenav_o.gif") repeat-x;
					}
				#sideNav ul li ol {
					position: relative;
					margin: 0;
					padding: 0;
					overflow: hidden;
					}
					
					ul#portfolioMenu {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 0;
						width: 136px;
						}
					
					ul#dyoMenu {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
						width: 136px;
						}
					
					#portfolioMenu li ol {
						height: 348px;
						}
					#dyoMenu li ol {
						height: 466px;
						}
					#sideNav ul li ol li {
						position: relative;
						margin: 0;
						padding: 0 0 0 5px;
						list-style-type: none;
						font-size: 10px;
						line-height: 14px;
						}
						#sideNav ul li ol li a, #sideNav ul li ol li a:link, #sideNav ul li ol li a:visited {
							position: relative;
							display: inline;
							height: auto;
							line-height: 14px;
							font-size: 10px;
							color: #FFFFFF;
							padding: 0;
							font-weight: normal;
							background: none;
							}
						#sideNav ul li ol li a:hover {
							background: none;
							text-decoration: underline;
							}
						#sideNav ul li ol li .title {
							font-weight: bold;
							line-height: 20px;
							background: none;
							margin: 5px 0 5px 0;
							padding: 0;
							}
							#sideNav ul li ol li .title strong {
								position: relative;
								display: block;
								text-align: center;
								float: left;
								width: 18px;
								height: 18px;
								line-height: 18px;
								border: 1px solid #f6f2d9;
								background: #a7785e;
								color: #f6f2d9;
								margin: 0 5px 0 0;
								font-family: "Times New Roman", Times, serif;
								font-size: 12px;
								}
								

	.stepBox {
		position: absolute;
		border: 1px solid #e1cfa2;
		overflow: hidden;
		background: #ffffff;
		}
		
		.stepBox h5 {
			position: relative;
			font-size: 12px;
			color: #a7785e;
			font-weight: bold;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin: 2px 0 0 2px;
			height: 17px;
			padding: 3px 0 0 0;
			line-height: 12px;
			}
			.stepBox h5 strong {
				position: relative;
				display: block;
				float: left;
				width: 18px;
				height: 16px;
				background: #a7785e;
				border: 1px solid #e1cfa2;
				color: #f6f2d9;
				text-align: center;
				margin: -3px 5px 0 0;
				padding: 2px 0 0 0;
				}
	
		#step1 {
			position: absolute;
			top: 0;
			left: 10px;
			width: 580px;
			height: 302px;
			background: #F6F2D9;
			font-size: 11px;
			line-height: 14px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			z-index: 200;
			}
			#step1 h5 {
				position: absolute;
				top: 1px;
				left: 1px;
				background: #f6f2d9;
				border: 1px solid #e1cfa2;
				z-index: 200;
				padding-right: 5px;
				}
			
			#step1 h4 {
				color: #a7785e;
				font-size: 12px;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0 0 5px 0;
				}
			
			#imageContainer {
				position: absolute;
				top: 0;
				left: 0;
				width: 366px;
				height: 298px;
				overflow: hidden;
				margin: 1px;
				border: 1px solid #a7785e;
				}
				
				a#full_sizeLink, a#full_sizeLink:link, a#full_sizeLink:visited {
					position: absolute;
					top: 275px;
					left: 285px;
					padding: 2px 4px 2px 4px;
					background: #F6F2D9;
					border: 1px solid #E1CFA2;
					font-weight: bold;
					font-size: 10px;
					}
				a#full_sizeLink:hover {
					background: #F6F2D9;
					text-decoration: none;
					}
			
			#layout {
				position: absolute;
				bottom: 5px;
				left: 3px;
				width: 117px;
				height: 20px;
				margin: 0;
				padding: 0;
				font-size: 11px;
				vertical-align: middle;
				}
			
			#descriptionDetails {
				position: absolute;
				top: 0;
				left: 372px;
				width: 205px;
				height: 299px;
				overflow-y: auto;
				overflow-x: hidden;
				}
			
			#views {
				position: absolute;
				top: 217px;
				left: 0;
				width: 194px;
				height: 90px;
				overflow: hidden;
				}
				
				#additional_views {
					position: relative;
					width: 220px;
					margin: 0;
					padding: 0;
					}
				
				#additional_views .additional_layout_view {
					position: relative;
					float: left;
					border: 1px solid #a7785e;
					margin: 0 1px 1px 0;
					padding: 0;
					}
		
		#step2 {
			top: 307px;
			left: 10px;
			width: 372px;
			height: 95px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 12px;
			z-index: 100px;
			}
			
			#step2 .col_left {
				position: absolute;
				top: 25px;
				left: 10px;
				width: 125px;
				}
				
			#step2 .col_right {
				position: absolute;
				top: 30px;
				left: 145px;
				width: 175px;
				}
				
				#step2 .col_right input {
					position: relative;
					width: 220px;
					margin: 0 0 5px 0;
					border: 1px solid #e1cfa2;
					}
				
				#fileFeedback {
					position: absolute;
					top: 75px;
					left: 190px;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight: bold;
					display: none;
					}
		
		#step3 {
			top: 307px;
			left: 387px;
			width: 200px;
			height: 95px;
			font-size: 11px;
			line-height: 14px;
			z-index: 200;
			}
						
			#step3 strong {
				margin: 0 5px 0 0;
				}
			
			#step3 .dimensions {
				position: relative;
				margin: 0 0 5px 10px;
				padding: 0;
				line-height: 18px;
				}
				
				#step3 .dimensions input {
					font-size: 11px;
					line-height: 11px;
					padding: 0;
					}
			
			#edit_dimensions_link {
				position: absolute;
				display: block;
				top: 2px;
				right: 2px;
				border: 1px solid #e1cfa2;
				background: #F6F2D9;
				width: 35px;
				height: 12px;
				padding: 0;
				margin: 0;
				text-align: center;
				font-size: 10px;
				line-height: 12px;
				font-weight: bold;
				}
		
		#step4 {
			top: 409px;
			left: 10px;
			width: 372px;
			height: 148px;
			z-index: 200px;
			}
			
			#scroller {
				position: absolute;
				top: 28px;
				left: 6px;
				border: 1px solid #f6f2d9;
				}
			
			#leftBtn, #rightBtn {
				position: relative;
				float: left;
				width: 18px;
				height: 87px;
				}
				#leftBtn img, #rightBtn img {
					cursor: pointer;
					}
			
			#container {
				position: relative;
				float: left;
				width: 322px;
				height: 87px;
				overflow: hidden;
				padding: 0;
				margin: 0;
				background: #ffffff;
				}
				#hardware_images {
					position: relative;
					width: 20000px;
					height: 87px;
					padding: 0;
					margin: 0;
					}
					#hardware_images .hardware_thumbnail {
						position: relative;
						float: left;
						margin: 0 0 0 13px;
						}
			
			#h_collections_HTML {
				position: absolute;
				bottom: 6px;
				left: 6px;
				font-size: 11px;
				padding: 2px;
				line-height: 14px;
				}
				select#h_collections_HTML {
					border: 1px solid #dfcc9e;
					}
			
			#finish {
				position: absolute;
				bottom: 6px;
				right: 6px;
				font-size: 11px;
				padding: 2px;
				line-height: 14px;
				}
				select#finish {
					border: 1px solid #dfcc9e;
					}
			
		
		#step5 {
			top: 409px;
			left: 387px;
			width: 200px;
			height: 148px;
			z-index: 200;
			}
			
			#glass_div {
				position: absolute;
				top: 24px;
				left: 6px;
				width: 190px;
				height: 94px;
				overflow: hidden;
				}
			
			#type_of_glass {
				position: absolute;
				left: 6px;
				bottom: 6px;
				font-size: 11px;
				padding: 2px;
				line-height: 14px;
				width: 
				}
				select#type_of_glass {
					border: 1px solid #dfcc9e;
					width: 125px;
					}
			
			#glass_thickness {
				position: absolute;
				right: 6px;
				bottom: 6px;
				font-size: 11px;
				padding: 2px;
				line-height: 14px;
				}
				select#glass_thickness {
					border: 1px solid #dfcc9e;
					}