/*********************************************************************

			1. BACKGROUND

**********************************************************************/

body {
	background-color:  #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}	



/**************************************************************************************************************** 

			2. TOP MENU BAR 
					
*****************************************************************************************************************/
/*********************************
****** Button roll overs *********
**********************************/

/* MENUBAR top level menus */
.menus {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.menus:hover {
	color: #FF0000;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	cursor: hand;
	font-weight: normal;
}


/*** TOP LEVEL MENU BUTTON IMG ROs */

.homeBtnRO img{
	width: 71px;
	height: 60px;
	border: 0px;
} 
.homeBtnRO a img{ 
	background-image: url(../menubar/home.jpg); 
	background-repeat: no-repeat;
} 
.homeBtnRO a:hover img{ 
	background-image: url(../menubar/home.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}

.briefcaseBtnRO img{
	width: 71px;
	height: 60px;
	border: 0px;
} 
.briefcaseBtnRO a img{ 
	background-image: url(../menubar/briefcase.jpg); 
	background-repeat: no-repeat;
} 
.briefcaseBtnRO a:hover img{ 
	background-image: url(../menubar/briefcase.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}

.helpBtnRO img{
	width: 71px;
	height: 60px;
	border: 0px;
} 
.helpBtnRO a img{ 
	background-image: url(../menubar/help.jpg); 
	background-repeat: no-repeat;
} 
.helpBtnRO a:hover img{ 
	background-image: url(../menubar/help.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}

.logoutBtnRO img{
	width: 71px;
	height: 60px;
	border: 0px;
} 
.logoutBtnRO a img{ 
	background-image: url(../menubar/logout.jpg); 
	background-repeat: no-repeat;
} 
.logoutBtnRO a:hover img{ 
	background-image: url(../menubar/logout.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}

.adminBtnRO img{
	width: 71px;
	height: 60px;
	border: 0px;
} 
.adminBtnRO a img{ 
	background-image: url(../menubar/admin.jpg); 
	background-repeat: no-repeat;
} 
.adminBtnRO a:hover img{ 
	background-image: url(../menubar/admin.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}

.checkoutBtnRO img{
	width: 86px;
	height: 60px;
	border: 0px;
} 
.checkoutBtnRO a img{ 
	background-image: url(../menubar/checkout.jpg); 
	background-repeat: no-repeat;
} 
.checkoutBtnRO a:hover img{ 
	background-image: url(../menubar/checkout.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px ;
}


/***************************************************************
		USERNAME 
****************************************************************/
/*Background of login area*/
.loginarea {
	vertical-align: top;
	padding-top: 15px;
	text-align: center;
	background: url(../menubar/login_background.gif) no-repeat;
	background-position: center 10px;
}
/*Logged in as text*/
.loginlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:normal;
	vertical-align: top;
	/*padding-right:90px;*/
}
/*Username*/
.loginid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bolder;
	vertical-align: top;
}



/*** RESERVED FOR FUTURE */

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #CCCCCC;
	text-decoration: none;
}


/************************************************************************************************************** 

			3. STATUS BAR 
						
*************************************************************************************************************************/
.statusbar {  
	background: #D6FD37; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; color: #34341F; 
	text-decoration: none; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal;
	border-top: 1px solid #3838A7;
}
.statusmsg {  
	background: #5760BE; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal;
}
.basketsummary {
	background: #5760BE; 
	color: #FFFFFF;
}




/********************************************************************************************************************************** 

			4. NAVIGATION BAR (LHS MENU)
					
***********************************************************************************************************************************/
/***************************************************************
****** SEARCH   ****************
****************************************************************/

.advSearchLink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.advSearchLink a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.advSearchLink a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.advSearchLink a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.advSearchLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCE6F7;
	text-decoration: underline;
}

/***************************************************************
****** TOP LEVEL CATEGORIES - background & text ****************
****************************************************************/

.topcategory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	background: url(../navbar/category_background.gif) no-repeat right;
	height: 20px;
	padding-right: 20px;
}

.topcategory a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal
}

.topcategory a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal
}

.topcategory a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: underline;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal
}


/*******************************************
****** SPLASH IMAGE **************
********************************************/

.splashimage img{
	width: 184px;
	height: 289px;
	background-image: url(../navbar/splash.gif); 
	background-repeat: no-repeat;
	border: 0px;
} 

/********************************************

	CATEGORY WINDOW

********************************************/
/*******************************************
******CATEGORY CRUMBS **************
********************************************/
.categorycrumb {
	color: #002B55;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
	width:500px;
	display:inline;
}

.categorycrumb  a:link{
	color: #002B55;
	text-decoration: none;
}
.categorycrumb  a:hover{
	text-decoration: none;
	color: #002B55;
}
.categorycrumb  a:visited{
	color: #002B55;
	text-decoration: none;
}

/*************************************************
	VIEWS BACKGROUND
*************************************************/
.viewheader {
	padding:0px 0px 0px 5px;
	margin:0px;
	border-bottom: 1px solid #B7BBE3;
	background:#D2EDF9;
	height:20px;
	width:99%;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F1F2FA',EndColorStr='#B7BBE3');
}



/**************************************************************************************************************** 

			5.  WELCOME PAGE 
					
*****************************************************************************************************************/
/*******************************************
	WELCOME PAGE  PRODUCT LISTINGS 
********************************************/


.special_prods {
	width: 150px;
	height:130px;
	text-align: center;
	vertical-align: top;
	/*background-color: #DCEFF8;	*/
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #24485B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.special_prods a:link{
	color: #24485B;
	text-decoration: none;
}
.special_prods a:hover{
	text-decoration: none;
	color: #D64131;
}
.special_prods a:visited{
	color: #24485B;
	text-decoration: none;
}

/*****************************************************

	My BRIEFCASE
	
*******************************************************/

.top_divider{
	border-right:1px white solid;
	border-left: 1px #8888BC solid;
}

.bottom_divider{
	border-right:1px white solid;
	border-left: 1px #8888BC solid;
}



/**************************************************************************************************************** 

			6.  OTHER PAGES
					
*****************************************************************************************************************/

/***********************************************
		
		ITEM LISTING
		
***********************************************/

.itemthumb{
	width: 10px;	
}

.itemthumb img{
	border-top:1px #e0e0e0 solid;
	border-right:1px gray solid;
	border-bottom:1px gray solid;
	border-left:1px #e0e0e0 solid;
}




/********************************************

		General

*********************************************/

/*Big Heading*/
.bigheading{
	font-size:18pt; 
	font-family: sans-serif, Helvetica, Arial; 
	color:#4e58c7;
}

/* Heading */
.heading{   
	padding: 0px 0px 0px 5px;
	font-family: sans-serif, Helvetica, Arial;
	font-size: 14px;
	color: #45586B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

/* Sub Heading */
.subheading{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #45586B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.subheading a:link {  
	color: #45586B; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:visited{ 
	color: #45586B; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:active { 
	color: #45586B; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:hover {  
	color: #D64131; 
	text-decoration: none; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	cursor: hand;
}


/* Text */
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #45586B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.text a:link{
	color: #45586B;
	text-decoration:none; 
	font-size: 10px;
}
.text a:visited {
	color: #45586B;
	text-decoration:none; 
	font-size: 10px;
}
.text a:active {
	color: #45586B;
	text-decoration:none; 
	font-size: 10px;
}
.text a:hover{
	color: #D64131;
	text-decoration: none;
	font-size: 10px;
}

/*Text  Boxes*/
.text input{
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color:#8888BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #34341F;
}

/*Text Area*/
textarea{
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color:#8888BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #34341F;
}

/*Combo boxes*/
select{
	text-align:left;
	background-color: #FFFFFF;
	border: grove 4px navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #34341F;
}

/*Checkboxes and Radio Buttons*/
input{
	color: #34341F;
	text-decoration: none;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}



.link{
	border: 0px solid #FFFFFF;
	cursor: pointer;
}

/* Tables */
.border {
	border: 1px solid #8888BC;
}
.border-bottom{
	border-bottom: 1px solid #8888BC;
}
.border-right{
	border-right: 1px solid #8888BC;
}
.table {
	background-color: #F4F4F7;
	width: 100%;
}
.table td{
	padding:3px;
}

.tablenopad {
	background-color: #F4F4F7;
	width: 100%;
}
.fieldheader{
	/*background-color: #7B8A94;*/
	background-image: url(../background/fieldheader_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #8888BC;
}
.fieldshading{
	background-color: #F4F4F7;
}

.fieldshadingborder{
	border: 1px solid #8888BC;
}

.darkfieldshading{
	background-color: #B7BBE3;
	font-weight: bold;
}

.lightfieldheader{
	background-image: url(../background/lightfieldheader_bg.jpg);
	background-repeat: repeat-x;
}
.transparent{
	background: none;
}



/**************************************************************************************************************** 

			7. Buttons
					
*****************************************************************************************************************/

/*Add to Favourites*/
.addfavbigRO img{ 
	width: 121px;
	height: 20px;
	border: 0px;
} 
.addfavbigRO a img{ 
	background: url(../buttons/addfav.gif); 
	background-repeat: no-repeat; 
} 
.addfavbigRO a:hover img{ 
	background: url(../buttons/addfav.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Add*/
.addbigRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.addbigRO a img{ 
	background: url(../buttons/addbig.gif); 
	background-repeat: no-repeat; 
} 
.addbigRO a:hover img{ 
	background: url(../buttons/addbig.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Add User*/
.addUserRO img{ 
	width: 87px;
	height: 20px;
	border: 0px;
} 
.addUserRO a img{ 
	background-image: url(../buttons/addUser.gif);
	background-repeat: no-repeat;
} 

.addUserRO a:hover img{ 
	background-image: url(../buttons/addUser.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/*Back*/
.backRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.backRO a img{ 
	background-image: url(../buttons/back.gif);
	background-repeat: no-repeat;
} 
.backRO a:hover img{ 
	background-image: url(../buttons/back.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}


/* Clear Basket*/
.clearbasketRO img{
	width: 121px;
	height: 20px;
	border: 0px;
}
.clearbasketRO a img{
	background-image: url(../buttons/clearbasket.gif);
	background-repeat: no-repeat;
} 

.clearbasketRO a:hover img{ 
	background-image: url(../buttons/clearbasket.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/* Can't Find What you are Looking For*/
.cantfindRO img{
	width: 220px;
	height: 20px;
	border: 0px;
}
.cantfindRO a img{
	background-image: url(../buttons/cantfind.gif);
	background-repeat: no-repeat;
} 

.cantfindRO a:hover img{ 
	background-image: url(../buttons/cantfind.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/* Continue to Shop*/
.continuetoshopRO img{
	width: 121px;
	height: 20px;
	border: 0px;
}
.continuetoshopRO a img{
	background-image: url(../buttons/continuetoshop.gif);
	background-repeat: no-repeat;
} 

.continuetoshopRO a:hover img{ 
	background-image: url(../buttons/continuetoshop.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}
/*Delete*/
.deleteBigRO img{ 
                width: 57px;
                height: 20px;
                border: 0px;
} 
.deleteBigRO a img{ 
                background: url(../buttons/delete.gif); 
                background-repeat: no-repeat; 
} 
.deleteBigRO a:hover img{ 
                background: url(../buttons/delete.gif); 
                background-repeat: no-repeat; 
                background-position: 0 -20px;
}

/* More*/
.moreRO img{
	width: 43px;
	height: 15px;
	border: 0px;
}
.moreRO a img{
	background-image: url(../buttons/more.gif);
	background-repeat: no-repeat;
} 

.moreRO a:hover img{ 
	background-image: url(../buttons/more.gif);
	background-repeat: no-repeat;
	background-position: 0 -15px ;
}


/*My Account*/
.myAccountRO img{ 
	width: 87px;
	height: 20px;
	border: 0px;
} 
.myAccountRO a img{ 
	background-image: url(../buttons/myAccount.gif);
	background-repeat: no-repeat;
} 

.myAccountRO a:hover img{ 
	background-image: url(../buttons/myAccount.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/*My Orders*/
.myOrdersRO img{ 
	width: 87px;
	height: 20px;
	border: 0px;
} 
.myOrdersRO a img{ 
	background-image: url(../buttons/myOrders.gif);
	background-repeat: no-repeat;
} 

.myOrdersRO a:hover img{ 
	background-image: url(../buttons/myOrders.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/*Next*/
.nextRO img{
	width: 57px;
	height: 20px;
	border: 0px;
} 

.nextRO a img{ 
	background-image: url(../buttons/next.gif); 
	background-repeat: no-repeat;
} 

.nextRO a:hover img{ 
	background-image: url(../buttons/next.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/*Save*/
.saveRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.saveRO a img{ 
	background: url(../buttons/save.gif); 
	background-repeat: no-repeat; 
} 
.saveRO a:hover img{ 
	background: url(../buttons/save.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}


/*Save Shopping List*/
.saveShoppingListRO img{ 
	width: 142px;
	height: 20px;
	border: 0px;
} 
.saveShoppingListRO a img{ 
	background: url(../buttons/shoppingList.gif); 
	background-repeat: no-repeat; 
} 
.saveShoppingListRO a:hover img{ 
	background: url(../buttons/shoppingList.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
} 

/*Submit*/
.submitRO img{ 
	width: 121px;
	height: 20px;
	border: 0px;
} 
.submitRO a img{ 
	background: url(../buttons/submit.gif); 
	background-repeat: no-repeat; 
} 
.submitRO a:hover img{ 
	background: url(../buttons/submit.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
} 

/*Submit Order*/
.submitorderRO img{ 
	width: 121px;
	height: 20px;
	border: 0px;
} 
.submitorderRO a img{ 
	background: url(../buttons/submitorder.gif); 
	background-repeat: no-repeat; 
} 
.submitorderRO a:hover img{ 
	background: url(../buttons/submitorder.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Undo*/
.undoRO img{ 
	width: 68px;
	height: 20px;
	border: 0px;
} 
.undoRO a img{ 
	background-image: url(../buttons/undo.gif);
	background-repeat: no-repeat;
} 

.undoRO a:hover img{ 
	background-image: url(../buttons/undo.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

/*Update*/
.updateRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.updateRO a img{ 
	background-image: url(../buttons/update.gif);
	background-repeat: no-repeat;
} 

.updateRO a:hover img{ 
	background-image: url(../buttons/update.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}




/*****************************************
   
		8. ICONS
		
*****************************************/

/*Add Icon*/
.addRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.addRO a img{ 
	background-image: url(../icons/add.gif); 
	background-repeat: no-repeat;
} 
.addRO a:hover img{ 
	background-image: url(../icons/add.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
} 

/*Add Bookmark Icon*/
.addbookmarkRO img{ 
	width: 44px;
	height: 20px;
	border: 0px;
} 
.addbookmarkRO a img{ 
	background-image: url(../icons/addBookmark.gif); 
	background-repeat: no-repeat;
} 
.addbookmarkRO a:hover img{ 
	background-image: url(../icons/addBookmark.gif); 
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

/*Add Favourite*/
.addfavRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.addfavRO a img{ 
	background-image: url(../icons/addfav.gif); 
	background-repeat: no-repeat;
} 
.addfavRO a:hover img{ 
	background-image: url(../icons/addfav.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}


/*Add Template*/
.addtemplateRO img{ 
	width: 44px;
	height: 20px;
	border: 0px;
} 
.addtemplateRO a img{ 
	background: url(../icons/addtemplate.gif); 
	background-repeat: no-repeat; 
} 
.addtemplateRO a:hover img{ 
	background: url(../icons/addtemplate.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Bin */
.binRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.binRO a img{ 
	background-image: url(../icons/bin.gif); 
	background-repeat: no-repeat;
} 
.binRO a:hover img{ 
	background-image: url(../icons/bin.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}

/*Bookmark Icon*/
.bookmarkRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.bookmarkRO a img{ 
	background-image: url(../icons/bookmark.gif); 
	background-repeat: no-repeat;
} 
.bookmarkRO a:hover img{ 
	background-image: url(../icons/bookmark.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

/*Delete Icon*/
.deleteRO img{ 
	width: 68px;
	height: 20px;
	border: 0px;
} 
.deleteRO a img{ 
	background: url(../icons/delete.gif); 
	background-repeat: no-repeat; 
} 
.deleteRO a:hover img{ 
	background: url(../icons/delete.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Delete Favourite*/
.delfavRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.delfavRO a img{ 
	background-image: url(../icons/delfav.gif); 
	background-repeat: no-repeat;
} 
.delfavRO a:hover img{ 
	background-image: url(../icons/delfav.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}

/*Edit Icon*/
.editRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.editRO a img{ 
	background: url(../icons/edit.gif); 
	background-repeat: no-repeat; 
} 
.editRO a:hover img{ 
	background: url(../icons/edit.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -17px;
}

/*Help Icon*/
input.helpRO {
	width: 21px;
	height: 17px;
	border: 0px;
	background-image: url(../icons/help.gif);
	background-repeat: no-repeat;
}
input.helpRO:hover { 
	background-image: url(../icons/help.gif);
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}

/*Import Items Icon*/
.importitemsRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.importitemsRO a img{ 
	background-image: url(../icons/importitems.gif); 
	background-repeat: no-repeat;
} 
.importitemsRO a:hover img{ 
	background-image: url(../icons/importitems.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

/*Info Icon*/
.infoRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.infoRO a img{ 
	background-image: url(../icons/info.gif); 
	background-repeat: no-repeat;
} 
.infoRO a:hover img{ 
	background-image: url(../icons/info.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

/*Print*/
.printRO img{ 
	width: 32px;
	height: 30px;
	border: 0px;
} 
.printRO a img{ 
	background: url(http://common.esiteconnect.com/images/icons/print.gif); 
	background-repeat: no-repeat; 
} 


/*Search Icon*/
.searchRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.searchRO a img{ 
	background-image: url(../icons/search.gif); 
	background-repeat: no-repeat;
} 
.searchRO  a:hover img{ 
	background-image: url(../icons/search.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px;
}



/*******************************************
	IMAGE GALLERY
*******************************************/

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('../icons/arrowleft.gif') no-repeat center left;
}

* html .jdGallery a.left { background: url('../icons/arrowleft.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('../icons/arrowright.gif') no-repeat center right;
}

* html .jdGallery a.right { background: url('../interface/icons/arrowright.gif') no-repeat center right; }

/*******************************************
	PRODUCT DEALS
*******************************************/
.basket_deals_panel
{
	float:left;
	min-width:390px;
	width: 50%;
}

.product_deals_redeemable_panel li
{
	list-style: none;
	float:left;
	padding: 0 5px 5px 0;
	width: 160px;
}

.product_deals_redeemable_panel
{
	overflow:auto;
	height:160px;
}

.product_deals_redeemable_panel_no_deals
{
	overflow:inherit;
	height:inherit;
}

.redeemRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.redeemRO a img{
	background-image: url(../buttons/redeem.png); 
	background-repeat: no-repeat;
} 
.redeemRO a:hover img{ 
	background-image: url(../buttons/redeem.png); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

.dealsRO img{ 
	width: 46px;
	height: 20px;
	border: 0px;
} 
.dealsRO a img{
	background-image: url(../buttons/deals.png); 
	background-repeat: no-repeat;
} 
.dealsRO a:hover img{ 
	background-image: url(../buttons/deals.png); 
	background-repeat: no-repeat;
	background-position: 0 -20px ;
}

.product_deal_applied{
	color: #FC6401;
	border-bottom: 1px solid #E3E3E3;
}
.product_deal_desc{
	color: #FC6401;
}

.product_deals_redeemable_message{
	text-align:center;
	padding: 5px;
}

.product_deals_redeemable_all{
	padding: 2px 0 0 2px;
}

.deal_codes_form_div{
	padding:5px;
}

.deal_codes_form_div span{
	vertical-align:bottom;
}

.product_deal_record div{
	display: inline-block;
	vertical-align: middle;
}

.product_deals_list{
	list-style: none;
	padding: 0;
}

.product_deal_record {
	border-bottom: 1px solid #E3E3E3;
    padding: 5px 0;
}

.product_deal_record  .product_deal_desc{
	width: 270px;
}
.product_deal_record  .product_deal_qty{
	width: 110px;
	text-align: right;
}
.product_deal_record  .product_deal_button{
	width: 70px;
	text-align: right;
}

.product_deals_panel{
	height: 350px;
    overflow: auto;
}

.yui-dt-liner .dealsRO a img{
	vertical-align: middle;
}