/* ----------------------------
	customizer.css 
----- Table of Contents -----
	1 Tabs Panel - Contents of the tabs
		1.1 Customize Now
		1.2 Customizer Gallery
		1.3 Siding Gallery
		1.4 Windows Gallery
		1.5 Doors Gallery

---------------------------- */

/* Customize Now -------------------- */

.ui-tabs-panel h6 {
	color:#666;
	font-size:16px;
	font-weight:700;
	margin-bottom:15px;
	padding-left: 70px;
}
.ui-tabs-panel p {
	padding-left: 70px;
}
.tab_content h6,
.tab_content p {
	padding-left: 0;
}
.ui-tabs-panel div p {
	padding-left: 0;
}
.customize_now {
	width:510px;
	overflow:hidden;
	background:#FFF url(/shs.I39.12179/shs/images/customizerTool/bg/customize.gif) repeat-x;
	border:1px solid #E5E5E5;
	margin:40px 0 0!important;
	padding-left:25px!important;
}
.customize_now img {
	float:left;
	margin:10px 15px 10px 0;
}
.customize_now ul {
	font-weight:bold;
	margin:50px 0 0 0;
	padding:0;
}
.customize_now ul li{
    margin:2px 0px;
}
.customize_now ul li a {
	background:transparent url(/shs.I39.12179/shs/images/customizerTool/icn/right.png) no-repeat center left;
	color:#0287FF;
	text-decoration:none;
	padding-left:10px;
    font-weight:bold;
}

/* Customizer Gallery -------------------- */
.wrapper_blocks_content {
	margin-left:370px;
	position:relative;
	z-index:20;
}
.wrapper_blocks_content p {
	font-weight:bold;
	margin-bottom:12px;
}

.customizer_gallery {
	overflow:hidden;
	position:relative;
	border:1px solid #CCC;
	margin:20px 20px 20px 70px;
	padding:35px 0 35px 35px;
}
.wrapper_blocks {
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:267px;
}
.wrapper_blocks .gallery_item ul,
.wrapper_blocks .gallery_item p strong {
	display:block;
	margin:0 4px 30px 30px;
}

.block_a {
	background:transparent url(/shs.I39.12179/shs/images/customizerTool/bg/vert_div.gif) repeat-y right top;
	position:absolute;
	left:0;
	top:0;
	height:1000px;
	width:380px;
	z-index:10;
}
.block_a a {
	display:block;
	height:270px;
	width:348px;
}
.block_a img {
	border:1px solid #CCC;
	height:270px;
	width:348px;
}
.block_b, .block_c {
	display:inline;
	float:left;
	position:relative;
	width:49.5%;
}
.block_b ul li, .block_c ul li {
	width:85px;
	height:110px;
	margin-right:10px;
}

.gallery_item ul li {
	float:left;
}
.gallery_item ul li img {
	display:block;
}
.gallery_item ul li a {
	display:block;
	width:60px;
	color:#0088FF;
	text-decoration:none;
	font-size:10px;
	font-weight: normal;
	border:4px solid #FFF;
}
.gallery_item ul.door li a {
	width:50px;
}
.gallery_item ul.doors_link li a {
	width:52px;
}
.gallery_item ul.windows_link li a {
	width:41px;
}
.block_b ul.doors_link li {
	height:150px;
}
.block_b ul.windows_link li,
.block_c ul.windows_link li {
	height:90px;
}
.wrapper_blocks_content .gallery_item a img {
	border:1px solid #CCC;
}

.wrapper_blocks_content .gallery_item a:hover {
	visibility:visible;
}
.wrapper_blocks_content .gallery_item a:hover,
.wrapper_blocks_content .gallery_item a.selected {
	border:4px solid #0088ff;
}

.wrapper_blocks_content .gallery_item a.text {
	width:auto;
	border:0;
	margin-left:4px;
}
.wrapper_blocks_content .gallery_item a.text:hover {
	border:0 none;
	width:auto;
}

.before_after {
	display:block;
	position:absolute;
	background-color:#0b183b;
	width:225px;
	height:48px;
	text-align:center;
	z-index:15;
}
a.before_after {
	text-decoration:none;
	font:bold 24px/48px Verdana,sans-serif;
	color:#FFF;
}

.line {
	background-color:#CCC;
	left:100%;
	position:absolute;
	top:0;
	width:1px;
	height:1000px;
	text-indent:-999em;
	z-index:19;
}
.availablility_button {
	clear:both;
}

.disclaimer {
	color:#b2b2b2;
	font-size:10px;
}
.selection {
	margin-top:20px;
}
.selection span {
	text-transform:capitalize;
}
#check_availability {
	float:right;
	margin:1.5em 11em 0 0;
}


/* Dialog */

.ui-dialog-content img {
	background-color:#FFF;
	padding:20px;
}

.carousel_item_detail span {
	float:left;
	margin:0;
	text-transform:capitalize;
}

.carousel_item_detail span.content_element_0 {
	border-bottom:1px solid #999999;
	color:#333333;
	display:block;
	float: none;
	font-size:small;
	font-weight:bold;
	margin:1em 0;
	padding-bottom:3px;
}

.carousel_item_detail span.content_element_3 {
	clear: both;
}

.carousel_item_detail span.content_element_1,
.carousel_item_detail span.content_element_4 {
	font-weight:bold;
	margin-bottom:0.2em;
	padding-right:0.4em;
}

/* Siding Gallery -------------------- */
.siding {
	margin-left:480px;
}
.siding_a {
	width:450px!important;
}
.siding_a img {
	width:419px;
}
.siding_default {
	top:190px;
	left:194px;
}

/* Windows Gallery -------------------- */
.windows {
	margin-left:275px;
	height:268px!important;
}
.windows_a {
	width:275px!important;
}
.windows_a img {
	width:243px;
}
.windows_default {
	top:220px;
	left:0;
}

/* Doors Gallery -------------------- */
.doors {
	margin-left:400px;
	height:268px!important;
}
.doors_a {
	width:410px!important;
}
.doors_a img {
	width:382px;
}
.block_b_doors {
	width:99.5%;

}