.product_images { width: 220px; float: right; margin-bottom: 10px; }
#ulProdImgs li img{float:left; display:block; width:220px; height:220px;}
/** wide image version of this page **/
.wide-image .product_images,
.wide-image #ulProdImgs,
.wide-image #ulProdImgs li
{ width:569px; }

.wide-image #ulProdImgs li img{float:left; display:block; width:569px; height:310px;}

#wideCol1{float:left; width:280px; padding-right:10px;}
#wideCol2{float:left; width:279px;}
#thumbsPanel{float:left; width:569px; background:url("../images/shd/table_divider.gif") no-repeat scroll left top #fff; padding-top:10px;}
#thumbsPanel .arrow
{
    float:right; font-size:0.9em; color:#666; background-image:url(/images/shd/wideProduct/orangeArrow.gif);
    background-position:left 50%; background-repeat:no-repeat; padding-left:8px;
}

#thumbsPanel h2{float:left; width:400px; display:block; color:#4EABCA;}

#gateThumbs{float:left; display:block; padding-top:3px; padding-bottom:15px;}

#gateAutoBanner
{
    background-image:url(/images/shd/wideProduct/gate_bkg.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
    width:263px;
    padding:0 8px;
    color:#fff;
    min-height:199px;
    height:auto !important;
    height:199px;
    margin-bottom:10px;
}

#gateAutoBanner .arrow, 
#gateAutoBanner .arrow:link,
#gateAutoBanner .arrow:visited
{
    background-image:url(/images/shd/wideProduct/orangeArrow.gif);
    background-position:left 50%;
    background-repeat:no-repeat;
    padding-left:8px;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    margin-top:5px;
}
    
#gateAutoBanner h3
{
    padding:7px 0 130px;
    margin:0;
    color:#fff;
    font-size:1.2em;
}

#gateAutoBanner p
{
    margin:0; padding:0;
}
    
#DIYbanner
{
    background-image:url(/images/shd/wideProduct/build_bkg.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
    width:239px;
    padding-left:45px;
    text-decoration:none;
        min-height:49px;
    height:auto !important;
    height:49px;
    margin-bottom:10px;
    display:block;
    float:left;
    text-decoration:none;
}

#DIYbanner:hover{background-position:left -49px;}

#DIYbanner .header{color:#4EABCA; font-size:1.1em; font-weight:bold; padding:7px 0 2px;}
#DIYbanner span{width:230px; float:left; display:block; background-image:none;}
    
#orderFormBanner
{
    background-image:url(/images/shd/wideProduct/court_btn.png);
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
    width:232px;
    padding-left:52px;
    text-decoration:none;
    min-height:59px;
	height:59px;
    margin-bottom:10px;
}
#orderFormBanner:hover{background-position:left -59px;}

#orderFormBanner .header{ font-size:1.1em;width:230px; font-weight:bold; padding:10px 0 5px 0;}
#orderFormBanner span{ color:#fff; padding-left:14px; width:220px; float:left; display:block; background-image:none;}
  

.wide-image .swControls{text-align:left; width:559px; background-image:url(/images/shd/wideProduct/wide_img__ctrl_slider.gif); background-position:left bottom; background-repeat:no-repeat;}
.wide-image .product_images .clickToEnlarge{display:none;}

.wide-image #prevPage, .wide-image #nextPage{display:block; height:0; width:20px; padding-top:30px; overflow:hidden; margin:0;}

.wide-image #prevPage{float:left;}
.wide-image #nextPage{float:right;}

.wide-image .pageCounter, .wide-image #imgCaption{margin:0; padding:14px 0 10px; float:left;}

.wide-image .pageCounter{width:93px; padding-left:7px;}
.wide-image #imgCaption{font-size:1.3em; display:block; text-align:right; width:412px; padding-right:7px;}

/** end wide version css **/


#imgCaption{display:none;}

#ulProdImgs{
	/* The unordered list that is to be split into pages */

	width:220px;
	overflow:hidden;
	position:relative;
	margin-bottom: 0;
}


#ulProdImgs li {
	/* The unordered list that is to be split into pages */
	width:220px;
	position:relative;
	padding: 0;
	float: left;
}

#ulProdImgs li a {
	float: left;
}

.swControls {
	width: 210px;
	padding: 0px 5px 4px 5px;
	background-color: #0039A6;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.9em;
	clear:right;
	float: left;
}

a.swShowPage:hover {
	color: #fff;
}

.middle_column_padding .swControls a.active, .middle_column_padding .swControls a {
	color: #fff;
	float: left;
	width: 39px;
}

.middle_column_padding .swControls a#nextPage {
	text-align: right;
}

span.pageCounter { margin: 4px 15px 0; float: left; width: 90px; }

a.swShowPage {
	display:inline-block;
	height:15px;
	margin:4px 3px 0;
	text-decoration:none;
	text-align: left;
	color: #fff;
	outline: 0;
}

.swControls a.swShowPageNumber { display: none; }

.swControls a.active {
	color: #000;
	background:url("/images/shd/orangeImageButton.gif") repeat scroll 0 0 transparent;
}

.swControls a.disabled, .swControls a.disabled:hover {
	color: #0039A6;
	cursor: default;
}


.product_images .clickToEnlarge { margin-bottom: 3px; display: block; font-size: 0.8em; float:right; width:220px;}

.product_images_bar a, .product_images_bar a:visited, .product_images_bar a:link {
	color: #ffffff;
	text-decoration: none;
}