/* PRODUCT LIST */
/*
	div around image only with a border bottom color
	the border around image and description is in 
	div class prodimgcpl
*/
.prodimg {
	overflow:hidden;
	white-space: nowrap;
	/*border: 1px dotted #ffffff; KAB 20100806 - removed */
	/*margin: 5px; KAB 20100809 - removed */
	/*padding: 5px; KAB 20100809 - removed */
	border-right: 1px dotted #808080; /* KAB - added */
	background-color: #ffffff; /* KAB 20100809 - added */
	min-height: 242px;
}
/*
	set border to 0 for images in image div
	the image has a link wraped around, so the
	border is set to 0 here
*/
.prodimg img {
	 border:0px;
	 /* 
	 LR  20091110
	   - Changed image size for new layout
	 width:105px;
	 height:105px;*/
	 width: 176px; /* KAB 20100809 - changed from 150px */
	 /*height:150px; KAB 20100809 - removed */
}

/* KAB 20100809 - added */
#filters_paging 
{ 
	background-color: #676767; 
	height: 80px; 
	color: #ffffff;
	padding-bottom: 10px;
	width: 700px;
}

/* KAB 20100806 - filters on Product Listing */
#filters
{
	float: left;
	/*width: 400px; DDP 20100824 - removing this for now to occupy more space*/
	margin-left: 10px;

	/* KAB 20100809 - note - this method of vertical centering will only work if there is one 
		line of text. Otherwise fixed heights and top margins must be used. */
	height: 40px;
	line-height: 20px;
}


/* KAB 20100806 - paging on Product Listing */
#paging
{
	float: right;
	width: 100%; /* DDP 20100824 changed to 100%. Previously was 280px*/
	margin-right: 10px;
	text-align: right;

	/* KAB 20100809 - note - this method of vertical centering will only work if there is one 
		line of text. Otherwise fixed heights and top margins must be used. */
	/*height: 100%;*/
	line-height: 40px;
}

/* KAB 20100809 - added */
#paging a
{
	color: #ffffff;
}
 
.proddesc{
         /*
         LR  20091110
            - Increased width to match new product img size
         width:105px;
         */
         /* width:150px; KAB 20100806 - removed */
         height:70px;
         text-align:center;
         /* display:table; KAB 20100806 - removed */
         position:relative;
         overflow:hidden;
         line-height:13px;
         /*padding-left: 10px; KAB 20100809 - removed */
         /*top: -5px; KAB 20100809 - removed */
		 /*background-color: #666666; /* KAB 20100806 - added */


}

/* KAB 20100809 - added */
.proddesc .textcontainer
{
	text-align: left;
	margin: 5px auto;
}

/*\*/ * html .proddesc { 
	position: relative;

} /**/ 

/*
	product description is wraped by a link, too
	set link color to black
*/
#content-body .proddesc a{
	color: #ffffff; /* KAB 20100809 - changed from #99CCFF; */
	font-size:11px;
	/* text-decoration: underline; KAB 20100809 - removed */
	text-transform: uppercase; /* KAB 20100809 - added */
	font-weight: normal; /* KAB 20100809 - added */
	display: none; /* KAB 20100809 - hidden intially, then set to visible in wgw.js after manipulation */

	padding: 0px;
	margin: 0px;
}
/*
	div around the product description
	it's the name and price
*/

.proddesc2ln{
	width:105px;
	height:30px;
	text-align:center;
}
/*
	product description is wraped by a link, too
	set link color to black
*/
.proddesc2ln a{
	color:#99CCFF;
}
/*
	this is the div around the product image and product description 
*/
.prodimgcpl{
	padding:0;
	/* border-right: 1px dotted #333333; KAB 20100809 - removed */
	width: 178px;
}

/*\*/ * html .prodimgcpl { 
	border-bottom: 2px;
	margin: 0px -1px -1px 0px;
	display: inline;
} /**/ 

/*
	loading image until zoom image is completely loaded
*/
div#imgbig.loading{
	background:#ffffff url(../img/spinner.gif) no-repeat center center;
}

div#imgbig{
	float:right;
	width:235px;
	overflow:hidden;
	text-align: right;
}

/* PRODUCT LIST - END */
/* PRODUCT DETAIL EMAIL */
/*
	div wrapped around iframe for email to friend form
*/
#emailfriend{
	position:absolute;
	top: 200px;
	left: 100px;
	z-index:99;
	width: 700px;
	height: 350px;
}

#emailfriend iframe{
	width: 100%;
	height: 100%;
}
/*
	div wrapped around the form to send a productlink to a friend
*/
#popupwrap{
	background-color:#DDE5F1;
	width:640px;
/*	height:291px; */
	font-size:11px;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	border: 1px solid #cccccc;
}
/*
	set margin for all input fields in the form to send an email
*/
#popupwrap input{
	margin-bottom:10px;
}
/*
	this class have all divs in on the left side of the "send to friend" form 
	They are float left, to let the input field be right to their description
*/
.leftclmn{
	width:300px;
	line-height:20px;
	height:20px;
	float:left;
	text-align:right;
	margin-bottom:5px;
	font-weight:normal;
}
/*
	same as class leftclmn. divs are floated right.
*/
.rightclmn{
	text-align:left;
	float:right;
	line-height:20px;
	height:20px;
	width:300px;
	margin-bottom:5px;
	font-weight:normal;
}
/*
	class to clear the floating divs from leftclmn and rightclmn
*/
.clear{
	clear:both;
}
/*
	class for textarea in "email to friend" form
*/
.txtarea{
	margin-right:20px;
	width:280px;
	height:100px;
	margin-bottom:10px;
}
/* PRODUCT DETAIL EMAIL - END */


/* PRODUCT DETAILS */
/*
	class to set sale price to textcolor red
*/

/* KAB 20100827 - do not show Wear Together, as it does not seem to be populated and it is not on the new design screenshots */
/* KAB 20100829 - do not show tab labels*/
#wear-together, #tab-labels { display: none; }

.red{
	color: #993300;
}
#content-body{
         /*
         LR  20091110
           -Change to padding and addition of bg color, added fixed width
         
         padding:0 10px;
         */
         /*background-color: #fff; KAB 20100809 - removed */
         padding: 0px 0px;
         width:100%; /* KAB 20100806 - changed from 850px */
		 color: #ffffff; /* KAB 20100809 - added */
		 background-color: #666666; /* KAB 201008089 - added */
		 float: left; /* KAB 20100826 - added - makes div actually wrap around its contents, otherwise it has no height */
}

#wgdetail #content-body
{
	background-color: #808080;
}

#main-images
{
	width: 300px;
	float: left;
	height: 15px;
}

#productimage
{
	width: 100%;
	float: left;
	margin-top: 5px;
	height: 515px;
	border-bottom: 1px dashed #ffffff;
}

#productimage img
{
	width: 300px;
}

#additional-views
{
	width: 100%;
	float: left;
}

#data-container
{
	float: right;
	width: 410px;
	height: 520px;
	border-bottom: 1px dashed #ffffff;
}

#col1
{
	float: left;
	width: 203px;
	height: 100%;
	border-right: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
}

#col2
{
	float: right;
	width: 205px;
	height: 100%;
	text-transform: uppercase;

}

#main-description
{
	margin-top: 5px;
	border-bottom: none;

}	

#main-description .hdl
{
	font-weight: normal;
	font-size: 14px;
}

#col2 .hdl2
{
	font-size: 10px;
}

#recentlyviewed
{
	float: right;
	width: 410px;
	border-left: 1px dashed white;
	margin-right: -1px;
	height: 220px !important; /*JDP 20100904 - added to force the height and border for the recently viewed, even when it is empty */
}

#additional-views
{ 
	float: left; 
	/*border-right: 1px dashed #ffffff;*/
}

#recentlyviewed .hdl2, #additional-views .hdl2
{
	margin-left: 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: 200px;
}

.detail-box
{
	border-bottom: 1px dashed #ffffff;
	float: left;
	width: 100%;
}

.last
{
	border-bottom: none;
}

.detail-box > div
{
	margin: 5px 5px 0px 10px;
	padding-bottom: 10px;  /* KAB 20100827 - needs to be padding instead of margin bottom for IE to work */
	float: left;
	clear: both;
}


#col2 ul
{
	padding: 0px;
}


#name
{
	text-transform: uppercase;
	margin-top: 0px;
}

#description
{
	width: 185px;
}

#size
{
	margin-top: 5px;
}

#size > div 
{
	margin-top: 0px;
}

#content-body select
{
	width: auto;
}

#content-body input[type="button"], #content-body input[type="submit"]
{
	color: #666666;
	font-size: 11px;
	margin: 0px;
	text-align: center;
	width: 180px;
	display: block;
}

#shopthisfit a, #shopthiswash a, #facebook a, #emaillink a
{
	width: 170px;
	display: block;
	color: #00264c;
	font-size: 11px;
}

#sizechart, #shopthisfit, #shopthiswash, #facebook, #emaillink
{
	border-bottom: none;
}

#sizechart > div, #shopthisfit > div, #shopthiswash > div, #facebook > div, #emaillink > div
{
	padding-bottom: 2px;
}


#shopthisfit > div, #shopthiswash > div, #facebook > div, #emaillink > div
{
	background-color: white;
	padding: 2px 5px;
}
#sizechart > div { background-color: transparent; }
#sizechart input, #shopthisfit a, #shopthiswash a
{	
	background-image: url(../img/blue_dots_right.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#checkout-btn
{
	display: none;
}

#content-body #sizechart input
{
	color: #ffffff;
	text-align: left;
	background-color: transparent;
}

#content-body #fullproduct input, #content-body #addwlst input
{
	color: #00264c;
	background-color: #ffffff;
	padding: 4px 0px;
}

#content-body #addtocart input
{
	color: #00264C;
	background: url(../img/greenbtn.png);
	font-size: 18px;
	padding: 4px 0px;
	height:56px;
	width: 184px;
	font-weight: normal;
	cursor: pointer;
}

#content-body #addwlst
{
	
}
#content-body #addwlst input
{
	text-align: left;
	padding-left: 25px;
	background-image: url(../img/heart.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

#content-body #avail
{
	background-color: #CCC;
	color: #00264C;
	padding: 2px 3px;
	font-weight: bold;
	display: none;
}
/*
	a span with id prteml is inside one of the tab content divs
	it's float right, to display images and links for printing and emailing the product details on the right side	
*/
#prteml{
	float:right;
	margin-left: 225px;
	padding: 10px;
	position: absolute;
	border-bottom: 1px dotted #FFFFFF;
}

#prteml ul li a{
	text-decoration: none;
	text-transform: uppercase;
	color: #00274C;
	background-color: #FFFFFF;
	display: block;
	padding: 2px;
}

#prteml ul li a#fblink{
	padding: 2px 0 2px 20px;
}

#prteml ul li a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #00274C;
	display: block;
	padding: 2px;
}

/*
	settings for unorder list used for links for printing and emailing product details
*/
#prteml ul{
	list-style:none; 
	width:175px; 
	padding:0; 
	margin:0;	
}

/*
	images (class of li) for printing and emailing product details
*/
#prteml .img{
	line-height:20px; 
	height:20px;
	clear:both;
	float:left;
	margin-right:3px;
}

/*
	text (class of li) for printing and emailing product details
*/
#prteml .txt{
	line-height:20px; 
	height:20px;
	margin: 2px;}
/*
	all images in span for printing and emailing product details links
*/
#prteml img{
	padding-top:0px;	
}


/*
	unordered lists and list items in tab content
*/
ul{
	padding:2px; 
	margin:0 0 0 8px;
}

/*
	slti = select inseam
	sltw = select waist
	selection is an unordered list
	id from surrounding div needed
*/
.slti, .sltw {
	list-style: none;
	margin: 0;
}

/*
	settings for links in select inseam and select waist
	color is a dark grey, but not black. only selected inseam and waist get text color black
	id from surrounding div needed
*/
#content-body .slti a, #content-body .sltw a {
	color: #00264c;
	background-color: #cccccc;
	font-size:11px;
	text-decoration: none;
    font-weight: bold;
	padding: 2px 3px;
}

/*
	settings for selected inseam and waist
	class is added using jQuery
	id from surrounding div needed
*/
#content-body .slti a.active, #content-body .sltw a.active {
    background-color: #00264c;
    color: #ffffff;
}

/*
	list item
	a black border is displayed around each size. margin is -1px on the left side to overlap list items instead of 
	displaying a 2px border between two items
	id from surrounding div needed
*/
.slti li, .sltw li {
	float:left;
	margin:0 0 0 -1px;
	border: 1px solid transparent;
}

/*
	class hide is used for inactive tab contents.
	ids from content and product detail right column divs needed
*/
#content #content-body .hide{
	display: none;
}

/*
	color selection for a product is a square div with only a nbsp in it
	cursor is set to pointer and text decoration to none for these links
	id from surrounding div needed
*/
a.prodclr{
	width:18px;
	height:18px;
	cursor:pointer;
	text-decoration: none;
}

/*
	set size for product color div
	color is set inline
	id from surrounding div needed
*/
a.prodclr div{
	width:18px;
	height:18px;
	float:left;
	margin-right:2px;
}
/*
	this class is added to a selected color
*/
a.prodclr div.sltcolor{
	border: 1px solid trasparent; /* KAB 201008089- changed from #FFFFFF; */
	width: 16px;
	height: 16px;
}
/* TABS - END */


/* FIRST SCROLLING IMAGES */
/*#content #prdtdtllft #prdtdtllfttop */
/*
	surrounding div for first scrolling images (additional product detail images)
	width includes 3 images and scrolling buttons
	margin top to big product image
*/
#scrlimg1 {
	margin-top:5px;
	width:290px;
	float:left;
}

/*
	this div contains the images that are scrollable
	the width includes 3 image widths and a small space between them	
*/
#scrlimg1 .items {
	height:500px;	
	margin-left:3px;
	float:left;
	/*width:240px !important;*/
}

/*
	previous and next buttons for scrolling
	both get background image left.png first, the next link gets a different background
	image in the next step
*/
#scrlimg1 a.prev, #scrlimg1 a.next {
	background:url(../img/left.png) no-repeat 0 0;
	visibility:hidden;
	width:18px;
	height:18px;
	float:left;	
	margin:17px 0 0 0;
	cursor:pointer;
}

/*
	set background image for next link
*/
#scrlimg1 a.next {
	background-image:url(../img/right.png);
	margin-left: 3px;	
}

/*
	links surrounding images in scrolling div
	get a margin-right assigned for spacing between images
*/
#scrlimg1 .items a {
	display:block;
	width:120px;
	float:left;
	margin-right:3px;
}

/*
	the images in the scrolling div get a border with color of light grey
*/
#scrlimg1 .items img {
	margin:0px;
	padding:0px;
	width: 120px;
	border: 1px solid #cccccc;
}
/* FIRST SCROLLING IMAGES - END */


/* SECOND SCROLLING IMAGES */
/*
	surrounding div for second scrolling images (Wear them together images)
	width includes 4 images and scrolling buttons
*/
#scrlimg2 {
	height:130px;
	width:344px;
	float:left;
}

/*
	this div contains the images that are scrollable
	the width includes 4 image widths	
*/
#scrlimg2 .items {
	height:130px !important;	
	margin-left:3px;
	float:left;
	width:297px !important;
}

/*
	previous and next buttons for scrolling
	both get background image left.png first, the next link gets a different background
	image in the next step
*/
#scrlimg2 a.prev, #scrlimg2 a.next {
	background:url(../img/left.png) no-repeat 0 0;
	visibility:hidden;
	width:18px;
	height:18px;
	float:left;	
	margin:56px 0 0 0;
	cursor:pointer;
}

/*
	set background image for next link
*/
#scrlimg2 a.next {
	background-image:url(../img/right.png);
	margin-left: 3px;	
}

/*
	links surrounding images in scrolling div
	get a margin-right assigned for overlapping (to avoid 2px border between items)
*/
#scrlimg2 .items a {
	display:block;
	width:65px;
	height:105px;
	margin-right:-1px;
	float:left;
	padding: 6px 4px;
	border: 1px solid #cccccc;
	font-weight:bold;
}

/*
	text color for prices
*/
#scrlimg2 .items .wearthmtghr b{
	color:#00FF00;
	font-weight:normal;
}

/*
	the images in the scrolling div get a border with color of light grey
*/
#scrlimg2 .items img {
	margin:0px;
	padding:0px;
	width:65px;
	height:75px;
}
/* SECOND SCROLLING IMAGES - END */


/* THIRD SCROLLING IMAGES */
/*
	surrounding div for second scrolling images (Recently viewed images)
	width includes 5 images and scrolling buttons
*/
#scrlimg3 {
	margin-top:5px;
	width:409px;
	float:left;
}

/*
	this div contains the images that are scrollable
	the width includes 5 image widths	
*/
#content #content-body #scrlimg3 .items {
	height:200px;	
	margin-left:3px;
	float:left;
	/*width:360px !important; JDP 20100909 - removed, causing images to wrap in IE*/
}

/*
	previous and next buttons for scrolling
	both get background image left.png first, the next link gets a different background
	image in the next step
*/
#scrlimg3 a.prev, #scrlimg3 a.next {
	background:url(../img/left.png) no-repeat 0 0;
	visibility:hidden;
	width:18px;
	height:18px;
	float:left;	
	margin:17px 0 0 0;
	cursor:pointer;
}

/*
	set background image for next link
*/
#scrlimg3 a.next {
	background-image:url(../img/right.png);
	margin-left: 3px;	
}

/*
	links surrounding images in scrolling div
	get a margin-right assigned for spacing between images
*/
#scrlimg3 .items a {
	display:block;
	width:120px;
	float:left;
	margin-right:3px;
}

/*
	the images in the scrolling div get a border with color of light grey
*/
#scrlimg3 .items img {
	margin:0px;
	padding:0px;
	width: 120px;
	border: 1px solid #cccccc;
}
/* THIRD SCROLLING IMAGES - END */

/* ZOOMING */
/*
	div surrounding large product image
*/
.jqzoom{
	padding:0px;
	cursor:pointer;
}

/*
	this div is appended via javascript in jquery.jqzoom.js and contains the 
	large product image
*/
div.zoomdiv {
	z-index: 100;
	position: absolute;
	/*left:0px;*/
	top:10px;
	width: 203px;/*338px;*/
	height: 360px;
	background-color: #ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align: center;
	overflow: hidden;
}

div#loader.loading{
	background:#ffffff url(../img/spinner.gif) no-repeat center center;
}
/*
	this div is appended when hovering over the product image. 
	a half transparent div is displayed over the product image indicating which part of the 
	image is viewable in zoomdiv
*/
div.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	width: 50px;
	height: 50px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}
/* ZOOMING - END */

/* PRINT PREVIEW */
#printbody{
	background-color: #ffffff;
	background-image: none;	
}
#printwrapper{
	padding: 5px;
	margin:5px;
	width:710px;
	border: 1px solid #cccccc;
}
#printmain{
	padding: 5px;
	width:700px;
	background-color: #ffffff;
	
}
/* PRINT PREVIEW - END */

/* KAB 20100809 - added */
.highlighted
{
	background-color: #4d4d4d;
}

/* KAB 20100809 - added to override screen.css version */
.hdl
{
	color: #ffffff;
}

/* KAB 20100820 - Quick View link */
.quickview-link
{
	position: absolute;
	margin: -150px 0px 0px 0px;
	width: 178px;
	text-align: center;
	display: none;


}

.quickview-link img
{
	
}

/* KAB 20100821 - Quickview popup container */
#quickview-container
{
	position: absolute;
	top: 200px;
	left: 200px;
	width: 670px;
	z-index: 200;
	height: 550px;
}

#quickview-container .close-link
{
	text-transform: uppercase;
	background-color: #000000;
	background-image: url(../img/close-icon.png);
	background-repeat: no-repeat;
	background-position: 57px center;
	float: right;
	padding: 5px;
	cursor: pointer;
}

#quickview-container .close-link span
{
	color: #ffffff;
	margin-right: 30px;
	font-size: 10px;

}

#quickview-container div.iframe-container
{
	/*border: 5px solid #000000;*/
	float: left;
	width: 670px;
	height: 100%;
	position: relative;
}

#quickview-container iframe
{
	width: 100%;
	height: 100%;
}

/****** QUICK VIEW POPUP CONTENTS *****/

/*
body#quickview
{
	background-image: none;
	background-color: #000000;
	color: #ffffff;
}
*/

#quickview #content-body
{
	line-height: normal;
	width: 700px;
	background-color: #000000;
	color: #ffffff;
	float: left;
	height: 550px;
}

#quickview #buttons div
{
	padding: 5px;
}

#quickview input[type="button"], #quickview input[type="submit"]
{
	width: 190px;
}
#quickview #main-images
{
	float: none;
}
#quickview #additionalviews-container
{
	float: left;
	width: 125px;
	text-transform: uppercase;
	padding-left: 10px;
}

#quickview additionalviews { float: left; }

#quickview #additionalviews #scrlimg1
{
	margin-top: 0px;
	height: auto;
	width: 100px;
}

#quickview #additionalviews div.items {
	margin-left: 0px;
	width: 100px !important; 
}

/* hide the first alternate image, since it's the same as the main image */
/* TEH 20110314: This is only true when quickview is first launched. Once the user chooses an
 alternate view we can't get back to the original anymore. */
/* #quickview #additionalviews div.items a:first-child { display: none; } */

#quickview #additionalviews div.items a
{
	clear: both;
	margin-top: 5px;
	height: auto;
}

#quickview #additionalviews a.next, #quickview #additionalviews a.prev { display: none; }

#quickview #additionalviews div.items img
{
	width: 100px;
	height: auto;
	border: none;
}
#quickview #checkout-btn
{
	width: 200px;
	padding: 0px !important;
}

#quickview #checkout-btn input
{
	color: #ffffff;
	/*background-color: #00264c;*/
	background: transparent;
	padding: 4px 0px;
	font-size: 16px !important;	
	text-align: left;
	margin-left: 20px;
}

#quickview #productimage img
{
	margin-left: 90px;
	margin-top: 10px;
}
#quickview #prodimg
{
	float: left;
}
/*
#quickview #productimage /*#prodimg
{
	float: right;
	width: 250px;
/*	margin-left: 155px; 
/*	border: 1px solid yellow; 
	margin: 0px 20px;
	height: 150px;
	border-bottom: hidden;
	border-bottom: none;
	
}
*/
#quickview #desc-container
{
/*	margin-left: 460px;*/
/*	border: 1px solid blue; */
	width: 250px;
	padding: 10px;
}

#quickview #size-container, #quickview #colour-container, 
#quickview #inseam-container, #quickview #quantity-container,
#quickview #avail-container, #quickview #buttons, #quickview #desc-container
{
	/*width: 225px;
	float: right;
	margin-left: 50px;
	text-transform: uppercase;
	padding: 5px 50px 5px 4px;
	border-top: dotted 1px;
	border-left: dotted 1px;
	*
	
	width: 225px;
	text-transform: uppercase;
	padding: 5px 50px 5px 4px;
	border-top: dotted 1px white;
	border-left: dotted 1px white;
	color: white;	
	position: relative;
	left: 420px;
	top: -522px;
	clear: both;*/
	width: 250px;
	padding: 5px 50px 5px 4px;
	border-top: dotted 1px white;
	border-left: dotted 1px white;
	
/* border: 1px solid pink; */
}


#quickview #proddetails
{
	width: 225px;
	text-transform: uppercase;
	color: white;
	float: left;
}

#quickview #size-container, 
#quickview #colour-container, 
#quickview #inseam-container 
{
	height: 45px;
}


#quickview #desc-container
{
	left: 0px;
}


/* not part of the Silver Jeans quickview at this time, so hide */
#quickview #weartogether-container, #quickview #sizechart, 
#quickview #shopthisfit-container, #quickview #shopthiswash-container, 
#quickview #facebook-container, #quickview #emaillink-container,
#quickview #whishlist-container
{
	display: none;
}

#sort_filter, #size_filter, #extra_filters, #wash_filter, #inseam_filter, #fit_filter
{
	/*float: left; DDP 20100825 removed, not needed*/
	padding-left: 5px; /* DDP100825 added padding left*/
}

#sort_filter
{
	margin-left: 100px;
	float: right;
}

#size_filter
{
	float: left;
}



/* JDP ADDED 20100927 */
#wgprodlist #contentwrapper,
#wgprodlist #content{
overflow: visible;
}

#wgprodlist #content-body
{
margin: 0px;
min-height: 300px;
}

#wgprodlist #prodfilters
{
float:left;
padding-left:10px;
line-height:30px;
height:30px;
width:450px;
}

#wgprodlist #numcount
{
text-align: right;
line-height: 30px;
height: 30px;
padding-right: 10px;
}

.underline
{
text-decoration:underline;
}

#longDescBox
{
	position: absolute;
	width: 180px;
	background: #4c4c4c;
	border: 1px solid black;
	z-index: 99;
	top: 2px;
	left: 292px;
	padding: 10px;
	display: none;
}

#longDescBox > #close
{
	position: absolute;
	color: #f00;
	font-weight: bold;
	top: 8px;
	right: 8px;
	cursor: pointer;
}


#description #longDescLink
{
	color: #00264C;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}