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

			1. BACKGROUND

**********************************************************************/
a{
	color: #000000;
	text-decoration: none !important;
}
a:hover{
	cursor: pointer !important;
	color: #FC6400 !important;
	text-decoration: none !important;
}

body {
	background-color:  #EBEBEB;
	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 -60px ;
}

.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 -60px ;
}

.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 -60px;
	cursor: pointer;
}

.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 -60px ;
}

.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 -60px ;
}

.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 -60px ;
}


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



/*** RESERVED FOR FUTURE */

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


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

			3. STATUS BAR 
						
*************************************************************************************************************************/
.statusbar {  
	background: #B3D9F2; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #1C3668; 
	text-decoration: none; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal;
}
.statusmsg {  
	background: #B3D9F2; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #1C3668; 
	text-decoration: none; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal;
}
.basketsummary {
	color: #FFFFFF;
	font-size: 11px; 
}

table.status_bar{
	background-image: url("../background/basketbg.jpg");
	background-repeat: repeat-x;
}


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

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

.advSearchLink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #585858;
	text-decoration: none;
	background-image: url(../navbar/adv_search_arrow.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 10px;
}
.advSearchLink a:active{
	color: #000000;
	text-decoration: none;
}
.advSearchLink a:link{
	color: #585858;
	text-decoration: none;
}
.advSearchLink a:visited{
	color: #000000;
	text-decoration: none;
}
.advSearchLink a:hover{
	color: #000000;
	text-decoration: none;
	background-image: url(../navbar/adv_search_arrowhv.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

.modelsimplesearchform input{
	width:165px;
	margin-bottom:5px;
}

.modelsimplesearchform select{
	width:170px;
	margin-bottom:5px;
}


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

.topcategory {
	border-bottom: 1px solid #DCDCDC;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	text-decoration: none;
}

.topcategory a{
	background: url("../navbar/category_arrow.png") no-repeat scroll left center #FFFFFF;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	height: 20px;
	padding: 6px 0 4px 20px;
	text-decoration: none;
	width: 155px;
	float: left;
}
.topcategory a:hover{
	color: #000000;
	text-decoration: none;
	background: url("../navbar/category_arrow.png") no-repeat scroll 5px center #ebebeb;
}


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

.splashimage img{
	width: 185px;
	height: 121px;
	/*background-image: url(../navbar/splash.jpg); 
	background-repeat: no-repeat;*/
	border: 0px;
} 

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

	CATEGORY WINDOW

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

.categorycrumb  a{
	color: #fe7300;
	text-decoration: none;
	margin-right: 5px;
}
.categorycrumb  a:hover{
	text-decoration: none;
	color: #000000;
}

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



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

			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: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.special_prods a:link{
	color: #000000;
	text-decoration: none;
}
.special_prods a:hover{
	text-decoration: none;
	color: #D64131;
}
.special_prods a:visited{
	color: #000000;
	text-decoration: none;
}

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

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

.top_divider{
	/*border-right:1px white solid;
	border-left: 1px #BEBEC0 solid;*/
	display: none;
}

.bottom_divider{
	/*border-right:1px white solid;
	border-left: 1px #88CFEE solid;*/
	float: left;
	margin-right: 10px;
	width: 100px;
}
.bottom_divider img{
	width: 100px;
	height: 71px;
}


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

			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:#236CBE;
}

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

/* Sub Heading */
.subheading{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.subheading a:link {  
	color: #000000; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:visited{ 
	color: #000000; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:active { 
	color: #000000; 
	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;
}
.tertiaryheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #94485B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

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

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

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

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

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



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

/* Tables */
.border {
	/*border: 1px solid #BFBFBF;*/
}
.border-bottom{
	/*display: none;*/
	float: left;
	height: 24px;
	padding: 0 !important;
	width: 29px;
	border-right: 1px solid #bfbfbf;
}
.border-right{
	border-right: 1px solid #bfbfbf;
}
.table {
	background-color: #ffffff;
	width: 100%;
	border: 1px solid #bfbfbf;
}
.table td{
	padding:3px;
}

.tablenopad {
	background-color: #ffffff;
	width: 100%;
}
.fieldheader{
	background-image: url("../background/fieldheader_bg.jpg");
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	line-height: 12px;
	/*width: 100%;*/
}
.fieldshading{
	/*border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;*/
	background-color: #F5F5F5;
	border: 1px solid #BFBFBF;
}

.fieldshadingborder{
	border: 1px solid #2282B5;
}

.darkfieldshading{
	background-color: steelblue;
}

.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.png); 
	background-repeat: no-repeat; 
} 
.addfavbigRO a:hover img{ 
	background: url(../buttons/addfav.png); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
}

/*Add*/
.addbigRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.addbigRO a img{ 
	background: url(../buttons/addbig.png); 
	background-repeat: no-repeat; 
} 
.addbigRO a:hover img{ 
	background: url(../buttons/addbig.png); 
	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.png);
	background-repeat: no-repeat;
} 

.addUserRO a:hover img{ 
	background-image: url(../buttons/addUser.png); 
	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.png);
	background-repeat: no-repeat;
} 
.backRO a:hover img{ 
	background-image: url(../buttons/back.png);
	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.png);
	background-repeat: no-repeat;
} 

.cantfindRO a:hover img{ 
	background-image: url(../buttons/cantfind.png);
	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.png);
	background-repeat: no-repeat;
} 

.continuetoshopRO a:hover img{ 
	background-image: url(../buttons/continuetoshop.png);
	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.png);
	background-repeat: no-repeat;
} 

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


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



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

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

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

.myAccountRO a:hover img{ 
	background-image: url(../buttons/myAccount.png); 
	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.png);
	background-repeat: no-repeat;
} 

.myOrdersRO a:hover img{ 
	background-image: url(../buttons/myOrders.png); 
	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.png); 
	background-repeat: no-repeat;
} 

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

/*Save*/
.saveRO img{ 
	width: 57px;
	height: 20px;
	border: 0px;
} 
.saveRO a img{ 
	background: url(../buttons/save.png); 
	background-repeat: no-repeat; 
} 
.saveRO a:hover img{ 
	background: url(../buttons/save.png); 
	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.png); 
	background-repeat: no-repeat; 
} 
.saveShoppingListRO a:hover img{ 
	background: url(../buttons/shoppingList.png); 
	background-repeat: no-repeat; 
	background-position: 0 -20px;
} 


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

/*Submit Order*/
.submitorderRO img{ 
	width: 121px;
	height: 20px;
	border: 0px;
} 
.submitorderRO a img{ 
	background: url(../buttons/submitorder.png); 
	background-repeat: no-repeat; 
} 
.submitorderRO a:hover img{ 
	background: url(../buttons/submitorder.png); 
	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.png);
	background-repeat: no-repeat;
} 

.updateRO a:hover img{ 
	background-image: url(../buttons/update.png); 
	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.png); 
	background-repeat: no-repeat;
} 
.addRO a:hover img{ 
	background-image: url(../icons/add.png); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
} 

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

/*Add Favourite*/
.addfavRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.addfavRO a img{ 
	background-image: url(../icons/addfav.png); 
	background-repeat: no-repeat;
} 
.addfavRO a:hover img{ 
	background-image: url(../icons/addfav.png); 
	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;
}

/*Arrow Up*/
.arrowupRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.arrowupRO a img{ 
	background: url(../icons/arrowup.gif); 
	background-repeat: no-repeat; 
} 
.arrowupRO a:hover img{ 
	background: url(../icons/arrowup.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -17px;
}

/*Arrow Down*/
.arrowupRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.arrowupRO a img{ 
	background: url(../icons/arrowdown.gif); 
	background-repeat: no-repeat; 
} 
.arrowupRO a:hover img{ 
	background: url(../icons/arrowdown.gif); 
	background-repeat: no-repeat; 
	background-position: 0 -17px;
}

/*Bin */
.binRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.binRO a img{ 
	background-image: url(../icons/bin.png); 
	background-repeat: no-repeat;
} 
.binRO a:hover img{ 
	background-image: url(../icons/bin.png); 
	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 Bookmark*/
.delbookRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.delbookRO a img{ 
	background-image: url(../icons/delBookmark.gif); 
	background-repeat: no-repeat;
} 
.delbookRO a:hover img{ 
	background-image: url(../icons/delBookmark.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}

/*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.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
input.helpRO:hover { 
	background-image: url(../icons/help.png);
	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.png); 
	background-repeat: no-repeat;
} 
.importitemsRO a:hover img{ 
	background-image: url(../icons/importitems.png); 
	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.png); 
	background-repeat: no-repeat;
} 
.infoRO a:hover img{ 
	background-image: url(../icons/info.png); 
	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: 14px;
	height: 16px;
	border: 0px;
} 
.searchRO a img{ 
	background-image: url(../icons/search.jpg); 
	background-repeat: no-repeat;
} 
.searchRO  a:hover img{ 
	background-image: url(../icons/search.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -16px;
}

.modelsearchRO img{ 
	width: 14px;
	height: 16px;
	border: 0px;
} 
.modelsearchRO a img{ 
	background-image: url(../icons/modelsearch.jpg); 
	background-repeat: no-repeat;
} 
.modelsearchRO  a:hover img{ 
	background-image: url(../icons/modelsearch.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -16px;
}

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

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

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

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

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



._yuiResizeMonitor


/*******************************************
	CATEGORY LISTING
*******************************************/
.category_box img {
	border: 0px solid #ffffff;
}
.category_box img:hover {
	border: 0px solid #ffffff;
}
.category_box:hover{
	background-color: #dcdcdc;
}
#category_box_category_label:hover{
	color: #000000;
}

/*******************************************
	OTHER
*******************************************/
.pageheader{
	margin-top: 0px !important;
}
.pagebg {
	padding: 10px !important;
}
.pagebody {
	background-color: #ffffff !important;
	border: 1px solid #bfbfbf;
}
.pagebody .border{
	border-right: 1px solid #bfbfbf;
}
.yui-skin-sam .yui-dt table {
	border: 0px solid #7F7F7F !important;
	border-top: 1px solid #7F7F7F !important;
}
.yui-skin-sam .yui-pg-container input{
	border: 0px !important;
}
.yui-skin-sam .yui-panel {
	border-color: #000000 !important;
}
#shoppingListAddNameINP {
	margin: 0 15px 0 5px;
}
#shoppingListAddDescriptionINP {
	margin: 0 15px 0 5px;
}
a.subheading:hover{
	color: #FC6400;
}
a.open:hover {
	background: url('../interface/icons/open.png') no-repeat scroll center center transparent !important;
}
/*#favTABLE img{
	background: url("../icons/favourites.gif") no-repeat scroll center center transparent !important;
	float: left;
	height: 16px;
	width: 16px;
}*/
.underline {
    text-decoration: none !important;
}
/*table.table table.center{
	border-right: 1px solid #bfbfbf;
}*/
.clickable:hover {
	cursor: pointer !important;
	color: #FC6400 !important;
	text-decoration: none !important;
}

/*******************************************
	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;
}