/*
	CSS Document - View Products/Items in Category Page
	Author: Duncan Ray, Agreeable Notion Ltd
	Date: June 2005
*/
div.product_listing {
	width:expression(document.body.clientWidth > 800? "740px": "506px" );
	margin-left:30px;
	margin-top:30px;
	min-width:540px;
	margin-left:expression(document.body.clientWidth > 800? "30px": "20px" );
}
h3	{	
	font-family:verdana, sans-serif; 
	font-size: 18px; 
	color:#000000; 
	background: no-background; 
	background-repeat: no-repeat; 
	font-weight:bold; 
	height: 30px; 
	padding:0;
	border-bottom:1px solid black;
}
/*container for entire listing*/
#products_pane {
	float:left;
	clear:left;
	max-width:540px;
}
.products_panex4 {
	padding-left:expression(document.body.clientWidth > 800? "9px": "0px" );
	width:expression(document.body.clientWidth > 800? "740px": "507px" );
}
.products_panex3 {
	padding-left:expression(document.body.clientWidth > 800? "9px": "0px" );
	width:expression(document.body.clientWidth > 800? "740px": "507px" );
}
.products_panex2 {
	width:540px;
	margin-bottom:40px;
	padding-left:7px;
}
html[xmlns] .products_panex2 {
	padding-left:0px;
}
.products_panex1 {
	padding-left:0px;
	width:540px;
}
/*view product button*/
a.view_product {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	border:1px solid #18558A;
	background-image:url(../images/menu_bg.jpg);
	background-position:top left;
	padding:2px 4px 2px 4px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	display:block;
	width:92px;
}
a.view_productx4 {
	margin-left:expression(document.body.clientWidth > 800? "41px": "34px" );
}
html[xmlns] a.view_productx4 {
	margin-left:38px;
}
a.view_productx3 {
	margin-left:expression(document.body.clientWidth > 800? "71px": "75px" );
}
html[xmlns] a.view_productx3{
/*mozilla only same as normal 3 product display that would be 4 in IE*/
	margin-left:38px;
}
a.view_productx2 {
	margin-left:86px;
}
a.view_productx1 {
	margin-left:223px;
}
/*product containers*/
.productx4 {
	float:left;
	display:inline;
	width:expression(document.body.clientWidth > 800? "178px": "164px" );
	border:1px solid #EBE9E9;
	height:230px;
}
html[xmlns] .productx4 {
	height:auto;
	min-height:230px;
	width:176px;
}
.productx3 {
	float:left;
	display:inline;
	width:expression(document.body.clientWidth > 800? "240px": "249px" );
	border:1px solid #EBE9E9;
}
html[xmlns] .productx3 {
	/* mozilla only style same as displaying 4 in IE bcos mozilla only displays 3 max*/
	width:176px;
}
.productx2 {
	float:left;
	display:inline;
	border:1px solid #EBE9E9;
	width:262px;
}
html[xmlns] .productx2 {
	width:266px;
}
.productx1 {}
/*image*/

/*link on image to view*/
.product_img_view_linkx4 {
	margin-left:expression(document.body.clientWidth > 800? "41px": "34px" );
	margin-right:expression(document.body.clientWidth > 800? "41px": "34px" );
}
html[xmlns] .product_img_view_linkx4 {
	margin-left:38px;
}
.product_img_view_linkx3 {
	margin-left:expression(document.body.clientWidth > 800? "71px": "75px" );
	margin-right:expression(document.body.clientWidth > 800? "71px": "75px" );
}
html[xmlns] .product_img_view_linkx3 {
	margin-left:38px;
}
.product_img_view_linkx2 {
	margin-left:88px;
}
.product_img_view_linkx1 {
	margin-left:223px;
}
/*supporting text*/
.product_name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	text-align:center;
	padding:10px;
	display:block;
}
/*back button additional style for this page (also see the html)*/
.list_back {
	margin-left:0px;
	clear:left;
}
/* pagination */
.pagination_box {
	width:544px;
	height:20px;
	float:left;
	clear:left;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
html[xmlns] .pagination_box {
	width:534px;
}
.page_controls {
	float:right;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
}
.page_nos {float:right;}
.page {
	color:#3366CC;
	font-weight:normal;
	text-decoration:underline;
	font-size:1.2em;
}
.page_next {
	display:block;
	float:right;
	width:20px;
	height:15px;
	background-image:url(../images/arrow_next.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.page_prev {
	display:block;
	float:right;
	width:20px;
	height:15px;
	background-image:url(../images/arrow_prev.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

a.back {
	border:1px solid #666666;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
	background-color:#CCCCCC;
	display:block;
	width:135px;
	padding:4px;
	text-decoration:none;
	background-image:url(../images/arrow_lt.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	padding-left:10px;
	margin-bottom:20px;
}
a.back:hover {
	background-image:url(../images/arrow_lt_red.gif);
	color:#990000;
	border:1px solid #990000;
}