/* ~~~~~~~~~~~~~~  Custom Products Container ~~~~~~~~~~~~~~ */

#custom-products-container h2 {
    height: 30px;
    background: url(/ProductPage/CustomProducts/assets/images/overview-header-bg.jpg) no-repeat;
    line-height: 18px;
    margin: 0px;
}
#custom-products-container p {
    padding-bottom: 10px;
}
#custom-products-container .info-box li {
    list-style: disc;
    margin-left: 20px;
}
#custom-products-container .info-box  ul {
    margin-bottom: 10px;
}
#custom-products-container .feature-1, #custom-products-container .feature-2, #custom-products-container .feature-3, #custom-products-container .feature-4, #custom-products-container .customise-furniture {
    margin: 40px 0;
    overflow: hidden;
} 
#custom-products-container .feature-1 {
    margin: 20px 0 20px 0;
}
#custom-products-container .feature-2 {
    margin: 20px 0 40px 0;
}
#custom-products-container .info-box {
    width: 465px;
}
#custom-products-container .feature-1 .info-box{
    float: right;
}
#custom-products-container .feature-1 img {
    float: left;
}
#custom-products-container .feature-2 .info-box {
    float: left;
}
#custom-products-container .feature-2 img {
    float: right;
}
#custom-products-container .customise-furniture #customise-widget {
    float: left;
}
#custom-products-container .customise-furniture .info-box  {
    float: right;
}
#custom-products-container .feature-3 .info-box  {
    float: left;
}
#custom-products-container .feature-3 img  {
    clear: both;
    float: right;
}
#custom-products-container .feature-4 .info-box  {
    float: right;
}
#custom-products-container .feature-4 img  {
    float: left;
}
/* ~~~~~ Image Replacements ~~~~~ */

#custom-products-container h3 {
	font-size: 1em;
	line-height: 10px;
	margin: 0 0 5px 0;
	display: block;
	text-indent: -999em;
}
#custom-products-container .t-reclinging-chair {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-reclining-chair.gif);
	width: 169px;
	height: 28px;
}
#custom-products-container .t-sliding-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-sliding-table.gif);
	width: 180px;
	height: 28px;
}
#custom-products-container .t-customise {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-customise-your-furniture.gif);
	width: 326px;
	height: 23px;
}
#custom-products-container .t-assembly {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-easy-assembly.gif);
	width: 453px;
	height: 28px;
}
#custom-products-container .t-dimentions {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-product-dimensions.gif);
	width: 231px;
	height: 22px;
}
#custom-products-container .t-dimentions {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-product-dimensions.gif);
	width: 231px;
	height: 22px;
}
#custom-products-container .t-wood {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-billyoh-material.jpg);
	width: 339px;
	height: 28px;
}
#custom-products-container .t-recomended-parasols {
    background-image: url(/ProductPage/CustomProducts/assets/images/title-recomended-parasol.gif);
	width: 262px;
	height: 22px;
	margin-bottom: 20px;
}
#custom-products-container .t-recomended-cushions {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-recomended-cushions.gif);
	width: 286px;
	height: 22px;
	margin-bottom: 20px;
}
#custom-products-container .t-table {
    background-image: url(/ProductPage/CustomProducts/assets/images/title-table.gif);
	width: 61px;
	height: 22px;
	margin-bottom: 20px;
}
#custom-products-container .t-seating {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-seating.gif);
	width: 84px;
	height: 27px;
	margin-bottom: 20px;
}
#custom-products-container .t-foldable-chairs {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-foldable-chairs.gif);
	width: 171px;
	height: 22px;
	margin-bottom: 20px;
}
#custom-products-container .t-foldable-table {
    background-image: url(/ProductPage/CustomProducts/assets/images/title-square-folding-table.gif);
	width: 161px;
	height: 22px;
	margin-bottom: 20px;
}
#custom-products-container .t-complete-set {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-complete-folding-set.gif);
	width: 246px;
	height: 28px;
	margin-bottom: 20px;
}
#custom-products-container .t-folding-chairs {
    background-image: url(/ProductPage/CustomProducts/assets/images/title-folding-chairs.gif);
	width: 159px;
	height: 28px;
	margin-bottom: 20px;
}
#custom-products-container .t-oval-folding-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-oval-folding-table.gif);
	width: 207px;
	height: 28px;
	margin-bottom: 20px;
}
#custom-products-container .t-rectangle-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-rectangular-table.gif);
	width: 277px;
	height: 28px;
	margin-bottom: 20px;
}
#custom-products-container .t-octagonal-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-octagonal-table.gif);
	width: 186px;
	height: 28px;
	margin-bottom: 20px;
}
#custom-products-container .t-bench {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-1m2bench.gif);
	width: 131px;
	height: 22px;
	margin-bottom: 10px;
}
#custom-products-container .t-elegant-design {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-elegant-bench.gif);
	width: 246px;
	height: 28px;
	margin-bottom: 10px;
}
#custom-products-container .t-rectangular-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-rectangular-table.jpg);
	width: 201px;
	height: 28px;
	margin-bottom: 10px;
}
#custom-products-container .t-diameter-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-diameter-table.gif);
	width: 240px;
	height: 22px;
	margin-bottom: 10px;
}
#custom-products-container .t-bench {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-bench.gif);
	width: 69px;
	height: 23px;
	margin-bottom: 10px;
}
#custom-products-container .t-design-style {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-design-style.gif);
	width: 160px;
	height: 28px;
	margin-bottom: 10px;
}
#custom-products-container .t-oval-extending {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-oval-extending.gif);
	width: 237px;
	height: 30px;
	margin-bottom: 10px;
}
#custom-products-container .t-round-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-round-table.jpg);
	width: 143px;
	height: 25px;
	margin-bottom: 10px;
}
#custom-products-container .t-reclinging-foldable-chair {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-reclining-foldable-chairs.gif);
	width: 281px;
	height: 28px;
	margin-bottom: 10px;
}
#custom-products-container .t-glass-top-table {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-glass-top-table.gif);
	width: 170px;
	height: 28px;
	margin-bottom: 10px;
}
#custom-products-container .multi-reclining {
	background-image: url(/ProductPage/CustomProducts/assets/images/title-multi-reclining.gif);
	width: 349px;
	height: 28px;
	margin-bottom: 10px;
}
/* ~~~~~~~~~~~~~~  11074 2.3 6Seater Prestige Set ~~~~~~~~~~~~~~ */
.topbanner-11074 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11074-title-graphic.jpg) no-repeat;
}
#customise-widget {
    Width: 304px;
    height: 286px;
    position: relative;
}
#customise-widget .navigation {
    width: 304px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    background: url(/ProductPage/CustomProducts/assets/images/widget/widget-bg.png);
    z-index: 2;
}
#customise-widget .navigation ul {
    width: 120px;
    float: right;
    padding: 20px 0 0 0;
}
#customise-widget .navigation li {
    display: inline;
}
#customise-widget .images {
    z-index: 0;
    position: absolute;
}
#customise-widget .images #desc {
    display: none;
}
/* ~~~~~~~~~~~~~~  11073 2.3 6Seater Prestige Set ~~~~~~~~~~~~~~ */
.topbanner-11073 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11152-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~  11152 2.3 6Seater Prestige Set ~~~~~~~~~~~~~~ */
.topbanner-11162 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11162-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11020 ~~~~~~~~~~~~~~ */
.topbanner-11020 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11020-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11024 ~~~~~~~~~~~~~~ */
.topbanner-11024 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11024-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11083 ~~~~~~~~~~~~~~ */
.topbanner-11083 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11083-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11084 ~~~~~~~~~~~~~~ */
.topbanner-11084 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11084-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11093 ~~~~~~~~~~~~~~ */
.topbanner-11093 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11093-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11095 ~~~~~~~~~~~~~~ */
.topbanner-11095 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11095-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11123 ~~~~~~~~~~~~~~ */
.topbanner-11123 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11123-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11124 ~~~~~~~~~~~~~~ */
.topbanner-11124 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11124-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11131 ~~~~~~~~~~~~~~ */
.topbanner-11131 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11131-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11133 ~~~~~~~~~~~~~~ */
.topbanner-11133 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11133-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11149 ~~~~~~~~~~~~~~ */
.topbanner-11149 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11149-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11018 ~~~~~~~~~~~~~~ */
.topbanner-11018 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11018-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11017 ~~~~~~~~~~~~~~ */
.topbanner-11017 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11017-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 10847 ~~~~~~~~~~~~~~ */
.topbanner-10847 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/10847-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 10087 ~~~~~~~~~~~~~~ */
.topbanner-10087 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/10087-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 9025 ~~~~~~~~~~~~~~ */
.topbanner-9025 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/9025-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 9024 ~~~~~~~~~~~~~~ */
.topbanner-9024 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/9024-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11079 ~~~~~~~~~~~~~~ */
.topbanner-11079 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11079-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~ 11019 ~~~~~~~~~~~~~~ */
.topbanner-11019 {
    width: 799px;
    height: 175px;
    background: url(/ProductPage/CustomProducts/assets/images/11019-title-graphic.jpg) no-repeat;
}
/* ~~~~~~~~~~~~~~  Recomended Accessories ~~~~~~~~~~~~~~ */

#custom-products-container .recomended-parasols {
    background: url(/ProductPage/CustomProducts/assets/images/paraol-bg.jpg) no-repeat;
    width: 376px;
    height: 185px;
    float: left;
    border-right: 1px solid #c8c8c8;
    padding: 0 0 0 15px;
}
#custom-products-container .recomended-cushions {
    background: url(/ProductPage/CustomProducts/assets/images/cushion-bg.jpg) no-repeat;
    width: 376px;
    height: 185px;
    float: left;
    padding: 0 0 0 15px;
}
#custom-products-container .recomended-parasols p, #custom-products-container .recomended-cushions p {
    width: 185px;
} 

#custom-products-container #recomended {
    margin: 0 0 30px 0;
    overflow: hidden;
}