/********************************************************************************
File Name		: style.css
File Path		: /home/dev/canvasee/common/css/style.css
Title			: CSS Page
Author			: Senthilraja
Created Date	: 2010.06.03
Version			: 1.0.0
Description		:
	1. Site css page 

Version History	:
	1.1.0		: SignIn window disappear issue fixing. Modified by Senthil on 2011-08-10
	1.0.1		: Menu style changes for shopping webpage. Modified on 2010.10.26
	1.0.0		: CSS for New Shopping webpage. Modified on 2010.09.16
	0.0.4		: Change the menu bar links position. Modified on 2010.08.16
	0.0.3		: Change the canvasee logo alignment. Modified on 2010.08.16
	0.0.2		: Change HREF Link color. Modified on 2010.06.11
	0.0.1		: Initial file created on 2010.06.03
********************************************************************************/

/**
 *  Site CSS
 */

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	/*color: #FFFFFF;*/
	background-color: #000000;	
}
/* Start v.0.0.2
	 date		: 2010.06.11
	 auth		: Senthilraja
	 comment	: Change HREF Link color */
a {
	color:#00A0E1;
	text-decoration:none;
}
/* end v.0.0.2 */
a:hover {
	text-decoration:underline;
}

#mainPageList {
	list-style-image: url('../../image/btn/btn_dot.png');
}

#header_index {
	/*background: url("../../image/bg/bg_main_top.png") no-repeat scroll right top transparent;*/
	background-color: #000000;
	/*height: 110px;*/
	float: right;
	display: table;
	/*width: 500px;
	padding-right: 42px;*/
}

#header_demo {
	background: url("../../image/bg/bg_main_demo.png") no-repeat scroll right top transparent;
	background-color: #000000;
	height: 110px;
}

#header_help {
	background: url("../../image/bg/bg_main_help.png") no-repeat scroll right top transparent;
	background-color: #000000;
	height: 110px;
}

#menuWrapper {
	margin:-19px 0px 46px 0px;
	height:34px;
	position:relative;
	top:0px;
}

#menu_left_bg {
	background: url("../../image/img/m_barL.png") no-repeat scroll left center transparent;
	height:34px;
	display:table;
	float:left;
	width:230px;
}

#menu_center_bg {
	/*background: url("../../image/img/m_barbg.png") repeat-x scroll left center transparent;*/
	width:530px;
	display:table;
	float:left;
	height:34px;
	text-align:right;
}

#menu_right_bg {
	background: url("../../image/img/m_barR.png") no-repeat scroll left center transparent;
	height:34px;
	display:table;
	float:left;
	width:237px;
}

#footer {	
	display: table;
	float: left;
	text-align: center;
	width: 1000px;
	line-height: 17px;
	padding-top: 30px;
}

#copyright {	
	font-size: 10px;
}


#container {
	background-color: #000000;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#logo {
	/*
		Start v.0.0.3
		date	: 2010.06. 16
		auth	: Senthilraja
		comment	: Change the canvasee logo alignment. In safri browser and iPhone the logo is misaligned.
	
	background: url("../../image/logo/canvasee_logo.png") no-repeat scroll center center transparent;
	
		End v.0.0.3
	*/
	cursor: pointer;
	width: 257px;
	height: 53px;	
	padding: 15px 0 5px 0px;
	display: table;
	float: left;
}

#subTitle {
	width: 275px;
	display: table;
	float: left;
	padding: 53px 0 0px 0px;
	color: #CFCFCF;
}

#header_bg {
	display: table;
	float: right;
	width: 492px;
	text-align: right;
}

#index_content {
	display: table;
	float: left;
	background-image: url('../../image/bg/m_bg.png');
	background-repeat: no-repeat;
	background-position: 24% 100%;
	width: 100%;
}

#demo_content {
	display: table;
	float: left;
	width: 100%;
	/*background-image: url('../../image/m_bg.png');
	background-repeat: no-repeat;
	background-position: 30% 100%;*/
}

#help_content {
	display: table;
	float: left;
	background-image: url('../../image/bg/h_bg.png');
	background-repeat: no-repeat;
	background-position: 15% 100%;
	width: 100%;
}

#lpanel {
	display: table;
	float: left;
	width: 500px;	
}

#lpanel_content {
	line-height: 20px;
	padding: 35px 50px 20px 0px;
}

#rpanel_content {
	line-height: 20px;
	padding: 35px 0 0px 0px;
}

#rpanel {
	display: table;
	float: left;
	width: 500px;
}

#api_logo_image {
	width: 64px;
	position: relative;
	left: 15px;
	top: 0px;
	z-index: 100;
}

#ebaySellers {
	position: relative;
	text-align: right;
	top: 0px;
}

#api_top {
	border: 9px solid #535353;
	height: 360px;
	position: relative;
	left:0px;
	top:-28px;
}

#api_cen {
	height: 10px;
}

#api_bot {
	border: 9px solid #535353;
	height: 150px;
	background-color: #000000;
}

#api_bot_content {
	padding-top: 6px;
}






/**
 * Menu CSS
 */

/*
	Start v.0.0.4
	date	: 2010.06. 16
	auth	: Senthilraja
	comment	: Change the menu bar links position. In safri browser and iPhone the logo is misaligned.
*/
#menu_home_cont {
	display: table;
	float: left;
	width: auto;
	padding-left: 90px;
	padding-right: 35px;
}

#menu_shopping {
	display: table;
	float: left;
	width: auto;
	padding-left: 6px;
	padding-right: 7px;
}

#menu_demo_cont {
	display: table;
	float: left;
	width: auto;
	padding-left: 45px;
	padding-right: 9px;
}

#menu_help_cont {
	display: table;
	float: left;
	width: auto;
	padding-left: 60px;
	padding-right: 42px;
}


.menu_ind {
	background:		url('../../image/img/img_arrow_menu.png') no-repeat -0px -100px;
	width:			10px;
	height:			10px;
	position:		absolute;
	right:			7px;
	top:			11px;
}



/*
	End v.0.0.4
*/

.menu_selected {
	/*background: url('../../image/btn/btn_bar_slide.png') no-repeat scroll right center transparent;*/
	z-index: 100;
	height: 34px;
	cursor: default;
}

.menu_align_right {
	margin-top:10px;
}


/**
 * Menu Link in Help Page
 */
.help_selected {
	color: #00A0E1;
	text-decoration: underline;
}

.help_unselected {
	color: #FFFFFF;
}



/*
	Start v.1.0.0
	date	: 2010.09.16
	auth	: Senthilraja
	comment	: CSS for New Shopping webpage.
*/


/**
 * CSS for Webpage of Shopping
 */

#delete {
	background: url('../../image/img/img_del.png') no-repeat 0 0 #444444;
	position:absolute;
	top:0px;
	left:5px;
	display:none;
	color: #000;
	cursor:pointer;
	width: 24px;
	height: 24px;
}
#refresh {
	position: absolute;
	padding: 5px 0px 0px 5px;
	cursor: pointer;
	border: 0px solid none;
	background-color:#000000;
	background: url("../../image/img/img_shopping.png") no-repeat scroll -78px -1px transparent;
	height: 20px;
	width: 20px;
}
.addthis {position:relative;top:-18px;right:-224px;width:64px;z-index:1;}

/**
 * CSS for Category Menu
 */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/*
		Start v.1.0.1
		date	: 2010.10.26
		auth	: Senthilraja
		comment	: Menu style changes for shopping webpage.
	*/
	width:			100%;
	/*width:		8em;  left offset of submenus need to match (see below) */
	/*
		End v.1.0.1
	*/
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.46em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu div {	
	padding: 		0.2em 1em;
	text-decoration:none;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}

.sf-menu li li {
	background:		#FFFFFF;
	color:			#000000;
	z-index:		1;
	/*
		Start v.1.0.1
		date	: 2010.10.26
		auth	: Senthilraja
		comment	: Menu style changes for shopping webpage.
	*/
	/*padding:		2px;*/
	/* 
		End v.1.0.1
	*/
}

.sf-menu li li, .sf-menu li li div {
	background:		#FFFFFF;
	color:			#000000;
}

.sf-menu li li div:hover {
	background:		#262626;
	color:			#FFFFFF;
	cursor:			pointer;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#262626;
	outline:		0;
	z-index:		1;
	cursor:			pointer;
}

/*** arrows **/
.sf-menu div.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.35em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../../image/img/img_arrow_menu.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../../image/bg/shadow.png') no-repeat bottom right;
	/*padding: 0 8px 9px 0;*/
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/**
 * Shopping webpage - Search Section CSS
 */

div#selected_style {width:77px;height:77px;border:1px solid #535353;text-align:center;padding:0px;margin:0 auto;}
div#selected_pattern {width:77px;height:77px;border:1px solid #535353;text-align:center;padding:0px;margin:0 auto;}
div#selected_color {width:77px;height:77px;border:1px solid #535353;text-align:center;padding:0px;margin:0 auto;}

div.ebay-goods-wrapper {display:inline-block;position:relative;width:240px;height:317px;margin-right:7px;}
div#ebay_goods {width:100%;padding-top:0px;text-align:center;position:relative;border:1px solid transparent;}
#ebay_goods ul {list-style:none; padding:2px; margin:0;float:right;}
#ebay_goods ul li {float: left; margin:1px;}

#ebay_goods_paging {margin-top:10px;}


#item_info {position:absolute;top:0px;left:5px;display:none;background-color:#000;width:94%;height:55px;padding:3px;filter: alpha(opacity=80);z-index:0;}



#ava_cont{
	position: relative;
	top: 0; left: 0;
	padding: 0px 0px 50px 0px;
	text-align: left;
}


.colorPaletteSelect {
	cursor: pointer;
	height: 25px;
	width: 25px;
	border: 2px solid #00F0FF;
}

.colorPaletteUnselect {
	cursor: pointer;
	height: 25px;
	width: 25px;
	border: 2px solid #000000;
}

.patternPaletteSelect {
	cursor: pointer;
	height: 55px;
	width: 55px;
	border: 2px solid #00F0FF;
}

.patternPaletteUnselect {
	cursor: pointer;
	height: 55px;
	width: 55px;
	border: 2px solid #000000;
}

.patternChangeSpanSelect {
	color: #00F0FF;
	font-size:10px;
}

.patternChangeSpanUnselect {
	color: #FFFFFF;
	font-size:10px;
}



.colorPaletteCloseSelect {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #00F0FF;
	position: relative;
	cursor: pointer;
	right: -13px;
	top: -29px;
	width: 12px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

.colorPaletteClose {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #00F0FF;
	position: absolute;
	cursor: pointer;
	right: 1px;
	top: 1px;
	padding: 0px;
	margin: 0px;
	width: 13px;
	z-index: 100;
	height: 15px;
}


.patternPaletteClose {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #00F0FF;
	position: absolute;
	cursor: pointer;
	right: 1px;
	top: 1px;
	padding: 0px;
	margin: 0px;
	width: 13px;
	height: 15px;
}


.searchButton{
	/*background:url('../../image/btn/btn_itemsearch.png') no-repeat;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll 0px 0px transparent;
	cursor: pointer;
	border: none;
	width: 78px;
	height: 78px;
}

.ebayImage {
	text-align: center;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	border: 1px solid #535353;
}

.ebayTitle {
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	width: 130px;
	min-height: 50px;
	cursor: pointer;
}

.ebayTitle:hover {
	text-decoration: underline;
	cursor: pointer;
}

.ebayDaysRemaining {
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	width: 131px;
}

.ebayConvertedPrice {
	float: right;
	color: yellow;
	font-weight: bold;
	font-size: 10px;
	width: 130px;
	text-align: right;
}

.noInformation {
	padding-top: 30px;
	color: #535353;
}


.err {
	font-size: 11px;
	color: red;
}

/**
 * Start v.1.1.0
 *		@author		:	Senthil
 *		@date		:	2011-08-10
 *		@desc		:	SignIn window disappear issue fixing.
 */
#signInLayerCont {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	position: absolute;
	float: right;
	right: 0;
	top: 15px;
	right: 5px;
	z-index: 101;
	background: none repeat scroll 0 0 #3F3F3F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-shadow:			0 0 2px 0 #4F4F4F;
	-moz-box-shadow:			0 0 2px 0 #4F4F4F;
	box-shadow:					0 0 2px 0 #4F4F4F;
	border: 2px solid #4F4F4F;
	line-height: 15px;
	padding: 2px 5px 5px 5px;
	color: #FFF;
	width: 270px;
}

#overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}

/**
 * End v.1.1.0
 */

#forgetUsername {
	padding:5px;
	border:1px dashed red;
	background-color:#FEFFBF;
	width:193px;
	position:absolute;
	top:170px;
	left:32px;
	color:#000000;
	line-height:15px;
	display:none;
}

/*
 * End v.1.0.0
 */

.subPatternCont {
	display: none;
}



 
/*
 * Top Main Menu
 */
.top_nav_center {
	margin-bottom:3px;
	position:relative;
	float: left;
	width: 632px;
	background: url("../../image/img/img_bar_bg.png") repeat-x scroll right top transparent;
	height:34px;
	/*-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 1px #3F3F3F;
	-webkit-box-shadow: 1px 1px 1px #3F3F3F;
	box-shadow: 1px 1px 1px #3F3F3F;
	background-color:#ccc;*/
}

.left_top_nav {
	margin-bottom:3px;
	position:relative;
	float: left;
	width: 100%;
	/*background: url("../../image/img/img_bar_L.png") no-repeat scroll left top transparent;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -193px -1px transparent;
	width:10px;
	height:34px;
}

.right_top_nav {
	margin-bottom:3px;
	position:relative;
	float: right;
	width: 100%;
	/*background: url("../../image/img/img_bar_R.png") no-repeat scroll left top transparent;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -182px -1px transparent;
	width:10px;
	height:34px;
}


/*

/* LEVEL ONE
---------------* /
.top_nav ul.dropdown                         { position: relative; margin:0px; padding-left:5px; list-style:none outside none; z-index:100;}
.top_nav ul.dropdown li                      { font-size: 14px; float: left; zoom: 1; color:#FFFFFF; z-index:100; cursor: pointer;position: relative;}
.top_nav ul.dropdown a:hover			     { color: #000; text-decoration:none; z-index:100;}
.top_nav ul.dropdown a:active                { color: #FFFFFF; text-decoration:none; z-index:100;}
.top_nav ul.dropdown li a                    { display: block; padding: 2px 6px; color: #FFFFFF; }
.top_nav ul.dropdown li:last-child a         { border-right: none; z-index:100; } 
.top_nav ul.dropdown li.hover,
.top_nav ul.dropdown li:hover                { color: #FFFFFF; position: relative; z-index:100; opacity:0.9; }
.top_nav ul.dropdown li.hover a              { color: #FFFFFF; z-index:100;}


/* LEVEL TWO
---------------* /
.top_nav ul.dropdown ul 					{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0;  margin:0px; padding:0px; list-style:none outside none; z-index:100;}
.top_nav ul.dropdown ul li .arrow			{ float:right;position:relative;right:20px; }
.top_nav ul.dropdown ul li 					{ font-weight: normal; background: none repeat scroll 0 0 #3F3D3D; color: #FFFFFF; border-bottom: 1px solid #ccc; float: none; z-index:100; }
.top_nav ul.dropdown ul li a				{ border-right: none; width: 100%; display: inline-block; z-index:100; } 

/* LEVEL THREE
---------------* /
.top_nav ul.dropdown ul ul 					{ left: 100%; top: 0; z-index:100; }
.top_nav ul.dropdown li:hover > ul 			{ visibility: visible; z-index:100; }

.sub_menu {z-index:100;}

*/

#itemDetailInfo {
	z-index:					100;
	display:					none;
	width:						500px;
	height:						200px;
	border:						1px solid #FFFFFF;
	position:					absolute;
	top:						0px;
	left:						0px;
	padding:					10px;
	background-color:			#FFFFFF;
	-webkit-border-radius:		.5em; 
	-moz-border-radius:			.5em;
	border-radius:				.5em;
	-webkit-box-shadow:			3px 4px 13px #AAAAAA;
	-moz-box-shadow:			3px 4px 13px #AAAAAA;
	box-shadow:					3px 4px 13px #AAAAAA;
	color:						#000000;
}


.itemImg{width:inherit;height:inherit}
.itemImg span{display:inline-block;height:100%;width:0}
.itemImg{display:table-cell;overflow:hidden}
.itemImg,.itemImg span,.itemImg img{vertical-align:middle}
.ic-b0,.itemImg img{border:0}

.separator {
	border-bottom:				1px solid #CCCCCC;
	height:						10px;
	margin-bottom:				10px;
}

.eBayImgCont {height:140px;width:140px;border:1px solid #404040;margin:6px 6px 0;}
.eBayImgText {margin:0 10px 0;}




/*
 * For Search Pagination
 */

.pagination {
	list-style:			none outside none;
	display:			left;
	float:				right;
	padding:			0px;
	margin:				0px 2px;
}

.pagination li {
	list-style:			none outside none;
	display:			left;
	float:				left;
	margin:				0px 2px;
	padding:			1px 2px;
	cursor:				pointer;
	/*border:				1px solid #CCCCCC;*/
}

.pagination li:hover {
	list-style:			none outside none;
	display:			left;
	float:				left;
	margin:				0px 2px;
	padding:			1px 2px;
	cursor:				pointer;
	/*border:				1px solid #333333;*/
}


.pageNum {
	/*border:				1px solid #CCCCCC;*/
	padding:			1px 2px;
	color:				#00A0E1;
}

.pageNumSel {
	/*border:				1px solid #333333;*/
	padding:			1px 2px;
	font-weight:		bold;
	color:				#FFFFFF;
}

.pageNum:hover {
	text-decoration:	none;
}

.prev {	
	/*background:url('../../image/img/img_p1.png') no-repeat;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -115px -5px transparent;
	height: 21px;
	width: 11px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.prev:hover {	
	/*background:url('../../image/img/img_p2.png') no-repeat;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -140px -5px transparent;
	height: 21px;
	width: 11px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.next {	
	/*background:url('../../image/img/img_n1.png') no-repeat;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -105px -5px transparent;
	height: 21px;
	width: 11px;
	border: 0px;
	margin-left: 16px;
	padding: 0px;
	cursor: pointer;
}

.next:hover {	
	/*background:url('../../image/img/img_n2.png') no-repeat;*/
	background: url("../../image/img/img_shopping.png") no-repeat scroll -128px -5px transparent;
	height: 21px;
	width: 11px;
	border: 0px;
	margin-left: 16px;
	padding: 0px;
	cursor: pointer;
}

#styleItems {
	width: 652px;
	height: 83px;
}

#styleItems ul {
	list-style:none outside none;
	display: left;
	float:left;
	padding:0px;
	margin:0px;
	border:1px solid black;
}

#styleItems ul li {
	list-style:none outside none;
	float: left;
	margin-left: 15px;
	padding:0px;
	border:1px solid black;
}

#styleItems ul li:hover {
	list-style:none outside none;
	float: left;
	margin-left: 15px;
	padding:0px;
	border:1px solid #808080;
	cursor:pointer;
}

#styleItems ul li:last-child {
	list-style:none outside none;
	float: left;
	margin-right: 0px;
	padding:0px;
	cursor:pointer;
}


/**
 * Lava Menu Style
 */
#nav {
	list-style: none;
	margin: 0;
	padding-left: 8px;
	overflow:visible;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	margin: 0;
	height: 35px;
	padding: 0;
}

#nav div {
	display: block;
	line-height: 33px;
	margin: 0;
	padding: 0 20px 0 15px;
	font-size: 14px;
	color: #fff;
	letter-spacing: -1px;
	cursor: pointer;
}

#nav li div:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

#nav li ul {
	list-style: none;
	position: absolute;
	width: 134px;
	background-color: #333;
	border: 1px solid #13222C
	top: 43px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	opacity:0.9;
}

#nav li li {  
	margin: 0;
	padding: 0;
	width: 150px;
	left: auto;
}

#nav li li div {
	width: 118px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	border:1px solid #000;
	margin: 0;
	padding: 5px 0px 5px 15px;
	opacity:0.9;
	cursor: pointer;
}

#nav li li div:hover {
	border-top: 1px solid #131f27;
	background-color: #000;
	padding: 5px 0px 5px 15px;
	opacity:0.9;
	cursor: pointer;
}

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
	position: static;
}

.lavaLampWithImage {
	position: relative;
	padding: 0px 0px 0px 6px;
	overflow: hidden;
}

.lavaLampWithImage li {
	float: left;
	list-style: none;
	padding-right: 10px;
}

#nav li.back {
	background: url("../../image/img/img_bar_select.png") no-repeat top center;
	width: 9px; 
	margin-top:1px;
	margin-left:-2px;
	position: absolute;
	padding-right: 0px;
	height:3px;
	top:0px;
}

#nav li.back .left {
	background: url("../../image/img/img_bar_select.png") no-repeat top center;
	margin-right: 17px; /* 7px is the width of the rounded shape */
	z-index: -1;
}

.lavaLampWithImage li a {
	z-index: 10;
}



/**
 * Shopping Webpage Thumbnails CSS
 */
.thumb_solid {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -57px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_stripes {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -2px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_plaids {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -112px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_dots {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -225px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_nature {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -169px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_denim {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -281px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_trendy {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -336px -135px transparent;
	width: 55px;	
	height: 55px;
}

.thumb_ivory {
	background-color: ivory;
	width: 25px;
	height: 25px;
}

.thumb_pink {
	background-color: #FE9ED1;
	width: 25px;
	height: 25px;
}

.thumb_red {
	background-color: #E44040;
	width: 25px;
	height: 25px;
}

.thumb_orange {
	background-color: #FE6802;
	width: 25px;
	height: 25px;
}

.thumb_yellow {
	background-color: #F0F013;
	width: 25px;
	height: 25px;
}

.thumb_green {
	background-color: #46B01B;
	width: 25px;
	height: 25px;
}

.thumb_blue {
	background-color: #0A70FE;
	width: 25px;
	height: 25px;
}

.thumb_purple {
	background-color: #8933CF;
	width: 25px;
	height: 25px;
}

.thumb_brown {
	background-color: #9B6835;
	width: 25px;
	height: 25px;
}

.thumb_gray {
	background-color: #CCCCCC;
	width: 25px;
	height: 25px;
}

.thumb_white {
	background-color: #FFFFFF;
	width: 25px;
	height: 25px;
}

.thumb_black {
	background-color: #000000;
	width: 23px;
	height: 23px;
	border: 1px solid #2F2F2F;
}




.appleApp {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -205px 0px transparent;
	width: 138px;	
	height: 45px;
	position: relative;
	left: 0;
}
.googleApp {
	background: url("../../image/img/img_shopping.png") no-repeat scroll -343px 0px transparent;
	width: 138px;	
	height: 45px;
	position: relative;
	left: 0;
}

.logo {
	background: url("../../image/img/img_shopping.png") no-repeat scroll 0 -189px transparent;
	width: 257px;
	height: 54px;
	position: relative;
	left: 0;
}

.avatar_load {
	background: url("../../image/img/img_loading.gif") no-repeat 0 0 transparent;
	width: 32px;
	height: 32px;
	display: none;
	position: absolute;
	top: 286px;
	margin-left: 124px;
}