/*##################################
GRIDVIEW LISTVIEW BUTTON CSS
##################################*/
.gridlistbtn {
	text-align:right;
	font-weight:bold;
	background-color:#f2f2f2;
	height:40px;
	border-bottom:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	margin-bottom:15px;
	position:relative;
	}
.gridlistbtn a {
	display:block;
	padding:3px 0;
	width:80px;
	text-align:center;
	font-weight:bold;
	font-size:70%;
	text-decoration:none;
	color:#FFFFFF;
	position:absolute;
	background-color:#607D5E;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	top:11px;
	cursor:pointer;
	}
.gridlistbtn a:hover {
	background-color:#5E9F59;
	}
.gridviewbtn {
	right:10px;
	}
.listviewbtn {
	right:100px;
	}
/*##################################
PRODUCT LSIT BOX CSS
##################################*/
.probox {
	margin:0 auto;
	width:120px;
	}
/* PRODUCT IMAGE
------------------------------------*/
.probox .image {
	margin-bottom:5px;
	}
.probox .imgborder {
	display:block;
	}

/*==================================
PRODUCT DETAILS SECTION
==================================*/
/* PRODUCT NAME
------------------------------------*/
.probox .details h2 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #dfdfdf;
	}
.probox .details h2 a {
	color:#721514;
	}
.probox .details h2 a:hover {
	color:#000000;
	}
/* PRODUCT TEXT DATA
------------------------------------*/
.probox .textdata {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #dfdfdf;
	}
.probox .textdata .code {
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #dfdfdf;
	}
.probox .textdata .title {
	margin-bottom:5px;
	}
/* PRODUCT PRICE
------------------------------------*/
.probox .price dd {
	height:16px;
	line-height:1;
	}
.probox .price dd em{
	display:block;
	float:left;
	width:60px;
	padding-right:6px;
	font-style:normal;
	}
.probox .price dd strong {
	display:block;
	float:left;
	}
.probox .price {
	padding-bottom:5px;
	border-bottom:1px solid #dfdfdf;
	}
.probox .rrp strong{
	text-decoration:line-through;
	}
.probox .ourprice {
	color:#FF7F2B;
	font-weight:bold;
	}
.probox .yousave {
	color:#009900;
	font-weight:bold;
	}
/* PRODUCT ATTRIBUTE
------------------------------------*/
.probox .attributes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-bottom:1px;
	}
.probox .attributes dd {
	padding:3px 0;
	border-bottom:1px solid #dfdfdf;
	}
.probox .attributes strong {
	}
/* PRODUCT MOREBAR 
------------------------------------*/
.probox .morebar {
	background-color:#dfdfdf;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-top:1px solid #f7f7f7;
	position:relative;
	height:25px;
	}
.probox .morebar .morebtn {
	position:absolute;
	right:4px;
	top:2px;
	}
.probox .morebar .link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:85%;
	position:absolute;
	right:4px;
	top:5px;
	}
.probox .morebar input {
	width:50px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	padding:1px;
	height:13px;
	position:absolute;
	top:4px;
	left:53px;
	}
.probox .morebar .errorbox {
	left:113px;
	top:-3px;
	}
/*##################################
GRID VIEW CSS
##################################*/
.gridview div.gridbox {
	float:left;
	}
.gridview .probox .details .textdata,
.gridview .probox .details .attributes,
.gridview .probox .morebar input,
.gridview .probox .hor_line,
.probox .morebar .errorbox {
	display:none;
	}
/*##################################
WINDOW VIEW CSS
##################################*/
.windowview .windowframe {
	height:300px;
	width:718px;
	overflow:auto;
	margin:auto;
	padding:10px 10px 10px 0;
	border:1px solid #cccccc;
	margin-bottom:15px;
	}
.windowview div.gridbox {
	float:left;
	}
.windowview .window .hor_line {
	display:none;
	}
.windowview .probox .details .textdata,
.windowview .probox .details .attributes,
.windowview .probox .morebar input,
.windowview .probox .hor_line,
.probox .morebar .errorbox,
.windowview .probox .morebar {
	display:none;
	}
/*Paging option
-------------------------*/
#productlist .hor_bar {
	background-color:#FFFFFF;
	border:none;
	padding:8px 10px 8px 0;
	}
/*##################################
LIST VIEW CSS
##################################*/
.listview div.gridbox {
	float:none;
	width:auto;
	}
.listview .probox {
	width:auto;
	margin:0px;
	}
.listview .probox .image {
	float:left;
	width:120px;
	}
.listview .probox .details {
	margin:0 0 0 140px;
	}
.listview .probox .details .attributes {
	display:block;
	}
.listview .probox .morebar .errorbox {
	display:block;
	}
.listview .hor_line {
	display:none;
	}
.listview .probox .hor_line {
	display:block;
	}