input, select, textarea { font: normal 8pt Tahoma; margin: 0; padding: 0;}


.spacer { clear:both; font-size:0; line-height:0; padding: 0; margin: 0; border: none; height: 0; }

.left2right { direction: ltr; text-align: left; }
.right2left { direction: rtl; text-align: right; }

#sidebar
{ display:inline; width: 222px; float: right; padding: 0px 9px 0px 9px; margin-right: 4px; background: #f4f0e5; }

#link-box .title { height: 24px; width: 250; padding: 0 32px 0 0; border-bottom: dotted 1px #999999; line-height: 2.5em; background: #e5e5e5 url( 'Web-Browser.gif' ) right no-repeat; font-weight: bold; }
#link-box ul { border: none; margin: 5px 25px 5px 5px; padding: 0; list-style: none url( 'li000000.gif' ); }
#link-box a { display: block; text-decoration: none; line-height: 18px; color: #333333; }
#link-box a:hover { background-color: #daf2aa; }
	
#content
{
	width: 988px;
	background: url( 'ContentBack.png' ) repeat-y;
}

#contentHead
{
	clear: both;
	width: 988px;
	height: 9px;
	background: url( 'ContentTop.png' ) no-repeat;
}

#contentFoot
{
	width: 988px;
	height: 9px;
	clear: both;
	background: url( 'ContentBot.png' ) no-repeat;
}

.hSeparator
{
	width: 700px;
	height: 1px;
	clear: both;
	background: #999 url( 'hSeparator.png' ) no-repeat;
}

.sidebar-message-01
{
	clear: both;
	margin: 10px auto auto auto;
	width: 220px;
	height: 265px;
	background: #e1d9c8 url( 'warning-message.jpg' ) no-repeat;
}

.brownSbT
{
	clear: both;
	margin-top: 5px;
	width: 222px;
	height: 6px;
	background: #e1d9c8 url( 'brownSBTop.png' ) no-repeat;
}

.brownSbC
{
	width: 200px;
	padding: 0px 10px 0px 10px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	background-color: #e1d9c8;
}

.brownSbB
{
	clear: both;
	width: 222px;
	height: 6px;
	background: #e1d9c8 url( 'brownSBBot.png' ) no-repeat;
}

.graySbT { clear: both; margin-top: 10px; width: 222px; height: 6px; background: #e5e5e5 url( 'graySbTop.png' ) no-repeat; }
.graySbC { width: 200px; padding: 0px 11px 0px 11px; background: #e5e5e5 url( 'graySbBack.png' ) repeat-y; }
.graySbB { clear: both; width: 222px; height: 6px; background: #e5e5e5 url( 'graySbBot.png' ) no-repeat; }

.vioSbT { clear: both; margin-top: 10px; width: 222px; height: 6px; background: #fff2fb url( 'vioSbTop.png' ) no-repeat; }
.vioSbC { color: #444444; width: 200px; padding: 0px 11px 0px 11px; background: #fff2fb url( 'vioSbBack.png' ) repeat-y; text-align: justify; }
.vioSbC .title { height: 24px; width: 250; padding: 0 32px 0 0; border-bottom: dotted 1px #999999; line-height: 2.5em; background: #fff2fb url( 'Get-Info-Purple-Button.gif' ) right no-repeat; font-weight: bold; }
.vioSbB { clear: both; width: 222px; height: 6px; background: #fff2fb url( 'vioSbBot.png' ) no-repeat; }

.list
{
	width: 200px;
	margin: auto;
}

.list .title
{
	width: 200px;
	margin: auto;
	clear: both;
	font-weight: bold;
	
}

.list .title a
{
	color: #333;
	text-decoration: none;
}

.list .title a:hover
{
	color: #000;
	text-decoration: underline;
}

.list .listItem
{
	padding-right: 10px;
	margin: 0px 10px 0px 10px;
	background: url('arrow.png') no-repeat right;
}

.list .listItem a
{
	text-decoration: none;
	line-height: 1.8em;
	color: #333;
}

.list .listItem a:hover
{
	border-bottom: solid 1px #999;
	color: #999;
}

#menu
{
	clear: both;
	width: 988px;
	height: 37px;
	background: #eee url( 'menu.png' );
}

.menuItem
{
	float: right;
	line-height: 1.8em;
	padding: 10px 20px 0px 0px;
}

.menuItem a
{
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

.menuItem a:hover
{
	text-decoration: underline;
	padding-top: 1px;
	color: #000;
}


#main
{
	display:inline;
	width: 700px;
	float: left;
	padding: 0px 15px 0px 15px;
	margin-left: 4px;
	background: #fff;
}

#main .content
{
	width: 700px;
	margin: auto;
	background: #fff;
}

/* -------------------- Pavilions Box -----------------*/

.pavilionBox
{
	clear: both;
	width: 690px;
	margin: auto;
}

.pavilion
{
	display: inline;
	width: 208px;
	height: 285px;
	float: right;
	margin:11px;
	background: #f7f7f7 url( 'pavBody.png' ) no-repeat bottom;
}

.pavilion a
{
	color: Blue;
	line-height: 1.8em;
	text-decoration: none;
}

.pavilion a:hover
{
	color: Red;
}

.pavilion .eduHead
{
	width: 208px;
	height: 77px;
	background: url( 'eduHead.png' ) no-repeat top;
}

.pavilion .gameHead
{
	width: 208px;
	height: 77px;
	background: url( 'gamesHead.png' ) no-repeat top;
}

.pavilion .movieHead
{
	width: 208px;
	height: 77px;
	background: url( 'movieHead.png' ) no-repeat top;
}

.pavilion .jewelHead
{
	width: 208px;
	height: 77px;
	background: url( 'jewellaryHead.png' ) no-repeat top;
}

.pavilion .cartoonHead
{
	width: 208px;
	height: 77px;
	background: url( 'cartoonHead.png' ) no-repeat top;
}

.pavilion .cosmeticHead
{
	width: 208px;
	height: 77px;
	background: url( 'cosmeticsHead.png' ) no-repeat top;
}

.pavilion .title
{
	font-weight: bold;
	text-align: center;
	padding: 55px 55px 0px 0px;
}

.pavilion .title a
{
	color: #800000;
}

.pavilion .title a:hover
{
	color: Red;
}

.pavilion .btnUp
{
	margin: 0px;
}

.pavilion .scrollBox
{
	width: 160px;
	height: 180px;
	margin: 8px auto auto auto;
}

.pavilion .scrollContent
{
	position: relative; 
	margin: 8px 1px 8px auto;
	width: 159px;
	height: 140px;
	overflow: hidden;
}

.pavilion .mouseover_up
{
	width: 15px;
	height: 15px;
	display: block;
	background: url( 'tri-up.gif' ) no-repeat right;
}

.pavilion .mouseover_up:hover, .pavilion .mouseover_down:hover
{
	cursor: pointer;
}

.pavilion .mouseover_down
{
	width: 15px;
	height: 15px;
	display: block;
	background: url( 'tri-dn.gif' ) no-repeat right;
}

.pavilion .Items
{
	width: 159px;
}
.pavilion .Items a
{
	width: 140px;
	padding: 0 20px 2px 0;
	display: block;
	color: #333;
	background: url( 'pavCat.gif' ) right 6px no-repeat;
}

.pavilion .Items a:hover
{
	color: #333;
	background-color: #ffe5ff;
}

/* -------------------- tpdc Box ----------------------*/

.tpdcBox
{
	clear: both;
	margin: auto;
	width: 699px;
}

.tpdcContent
{
	display: inline;
	float: right;
	margin: 8px;
	width: 217px;
	height: 320px;
	text-align: center;
	overflow: hidden;
	background: url( 'pdcBoxBack.png' ) top no-repeat;
}

.tpdcImage
{

	margin: auto;
	overflow: hidden;
	width: 150px;
	height: 200px;
}

.tpdcImage img
{
	width: 150px;
	height: 200px;
}

.tpdcTitle
{
	margin: 10px auto auto auto;
	width: 190px;
	height: 40px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	overflow: hidden;
}

.tpdcTitle a
{
	text-decoration: none;
	color: #333333;
}

.tpdcTitle a:Hover
{
	text-decoration: underline;
}

.tpdcPrice
{
	line-height: 2.2em;
	font-weight: bold;
	font-size: 10pt;
	color: #333;
}

.btnPostBuy a
{
	width: 55px;
	height: 30px;
	display: inline;
	margin-right: 44px;
	float: right;
	background: url( 'postBuy.png' ) no-repeat top;
}

.btnPostBuy a:hover
{
	background: url( 'postBuy.png' ) no-repeat bottom;
}

.midShoppingCart
{
	width: 21px;
	height: 30px;
	float: right;
	margin: auto;
	background: url( 'shoppingCart.png' ) no-repeat;
}

.btnMoreDesc a:hover
{
	background: url( 'moreDesc.png' ) no-repeat bottom;
}

.btnMoreDesc a
{
	display: inline;
	width: 54px;
	height: 30px;
	margin-left: 44px;
	float: right;
	margin: auto;
	background: url( 'moreDesc.png' ) no-repeat top;
}

/* ------------------- Navigator Bar -----------------*/

.Navigator
{
	width: 690px;
	height: 16px;
	margin: 10px 0px 0px 0px;
	padding: 4px 10px 4px 0px;
	color: #800000;
	font-weight: bold;
	background: #fef5ea url( 'navigationBack.png' ) no-repeat;	
}

.Navigator .icon
{
	width: 9px;
	height: 9px;
	float: right;
	margin: 4px 0px 4px 5px;
	display: inline;
	background: #f6f url( 'pavCat.gif' ) no-repeat;
}

.Navigator a
{
	text-decoration: none;
	color: #3663a8;
	width: 700px;
	height: 24px;
}

.Navigator a:hover
{
	text-decoration: underline;
}

/* ----------------------- hs Box -------------------*/
.hsBox
{
	width: 680px;
	padding: 5px 20px 5px 0px;
	background: #f7f7f7 url( 'horizontal-silver-box-back.png' ) repeat-y;
}

.hsBox .contentBox
{
	width: 336px;
	float: right;
}

.hsBox .title
{
	float: right;
	width: 450px;
	height: 30px;
	padding: 13px 15px 0px 0px;
	color: #0056da;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background: url('arrow.png') no-repeat right;
}

.hsBox .title a
{
	color: #0056da;
	text-decoration: none;
}

.hsBox .description
{
	clear: both;
	height: 60px;
	text-align: justify;
	padding-right: 20px;
}

.hsBox .price
{
	clear: both;
	color: #ff6600;
	padding-top: 5px;
	font-size: 10pt;
	text-align: center;
}

.hsBox .btnBox
{
	width: 110px;
	display: inline;
	margin: 0px 20px 0px 0px;
	float: right;
}

.hsBox .btnPostBuy a
{
	width: 110px;
	display: block;
	height: 30px;
	margin: auto;
	background: url('PostBuy01.png') no-repeat top;
}

.hsBox .btnMoreDesc a
{
	width: 110px;
	display: block;
	height: 30px;
	margin: 10px auto auto auto;
	background: url('MoreDescript.png') no-repeat top;
}

.hsBox .btnPostBuy a:hover
{
	background: url('PostBuy01.png') no-repeat bottom;
}

.hsBox .btnMoreDesc a:hover
{
	background: url('MoreDescript.png') no-repeat bottom;
}

.hsBox .imageBox
{
	width: 150px;
	height: 200px;
	display: inline;
	overflow: hidden;
	float: left;
	margin: 10px 0 10px 10px;
}

.hsBox img
{
	width: 150px;
	height: 200px;
	
}

.hsBoxHead
{
	width: 700px;
	height: 9px;
	background: url( 'horizontal-silver-box-head.png' ) no-repeat;
}

.hsBoxFoot
{
	width: 700px;
	height: 9px;
	background: url( 'horizontal-silver-box-foot.png' ) no-repeat;
}

/* ----------------------- ListView Pager -------------------*/

.lvPager
{
	width:700px;
	margin: 2px 0px 2px 0px;
	color: #3663a8;
	text-align: center;
	font-size: 10pt;
}

.lvPager a
{
	padding: 1px 4px 1px 4px;
	color: #fff;
	text-decoration: none;
	background-color: #6699FF;
}

/* ----------------------- Pdc Box --------------------*/

.pdcBox
{
	clear: both;
	width: 700px;
	text-align: justify;
	margin-bottom: 10px;
	background: url( 'pdcPost.png' ) repeat-y;
}

.pdcBox .header
{
	clear: both;
	width: 700px;
	height: 77px;
	background: url( 'pdcPostTitle.png' ) no-repeat;
}

.pdcBox .title
{
	width: 610px;
	height: 32px;
	padding: 45px 90px 0px 0px;
	font-weight: bold;
	color: #800000;
	text-align: right;
	font-size: 10pt;
}

.pdcBox .Movietitle
{
	background: url(  'pdcPostMovie.png' ) no-repeat right;
}

.pdcBox .Gametitle
{
	background: url(  'pdcPostGames.png' ) no-repeat right;
}

.pdcBox .Jeweltitle
{
	background: url(  'pdcPostJewels.png' ) no-repeat right;
}

.pdcBox .Edutitle
{
	background: url(  'pdcPostEdu.png' ) no-repeat right;
}

.pdcBox .Cosmetictitle
{
	background: url(  'pdcPostCosmetics.png' ) no-repeat right;
}

.pdcBox .pdcContent
{
	width: 650px;
	margin: 10px auto auto auto;
	clear: both;
}

.pdcBox .moreDescTitle
{
	width: 615px;
	height: 22px;
	margin: 10px auto auto auto;
	clear: both;
	padding: 12px 40px 0px 0px;
	font-weight: bold;
	color: #800000;
	background: url(  'pdcPostMoreDesc.png' ) no-repeat;
}

.pdcBox .moreDescItem
{
	width: 295px;
	height: 18px;
	float: right;
	display: inline;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #333;
	background: url(  'pdcPostmdItems.png' ) no-repeat;
}

.pdcBox .price
{
	width: 295px;
	height: 18px;
	float: left;
	display: inline;
	margin: 6px 0px 0px 23px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #f60;
	background: url(  'pdcPostmdItems.png' ) no-repeat;
}

.pdcBox .btnPostalBuy a
{
	width: 193px;
	clear: both;
	height: 28px;
	margin: 10px auto 10px auto;
	display: block;
	background: url(  'orange.gif' ) no-repeat;
}

.pdcBox .footer
{
	width: 700px;
	clear: both;
	height: 9px;
	background: url( 'pdcPostFooter.png' ) no-repeat;
}

#footer
{
	clear: both;
	margin: auto;
	width: 988px;
	height: 68px;
	text-align: center;
	background: url( 'footer.png' ) no-repeat;
}

.apLable
{
	width: 90px;
	float: right;
	text-align: right;
}

.apEditBox
{
	float: right;
}

.ap200px
{
	width: 200px;
}

.grayBox
{
	clear: both;
	width: 350px;
	margin: auto;
	background-color: #f1f1f1;
}

.grayBox .content
{
	clear: both;
	margin: auto;
	width: 348px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.grayBox .title
{
	clear: both;
	margin: auto;
	width: 330px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 9pt;
	line-height: 1.5em;
	background-color: #e1d9c8;
	border: solid 1px #ccc;
}

.grayBox .head
{
	clear: both;
	width: 350px;
	height: 6px;
	background: url( 'grayBoxTop.png' ) no-repeat;
}

.grayBox .centerLogin
{
	width: 250px;
	margin: 0px 50px 0px 50px;
}

.grayBox .foot
{
	clear: both;
	width: 350px;
	height: 6px;
	background: url( 'grayBoxBot.png' ) no-repeat;
}

.blueTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0066FF;
}

.fileUploader
{
	direction: rtl;
	height: 22px;
	padding: 5px 90px 0px 0px;
}


/* ------------ Bullet List Accordion Menu-------------*/

.arrowlistmenu{
width: 222px; /*width of accordion menu*/
margin-top: 10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-weight: bold;
font-size: 8pt;

color: #666;
background:  url(titlebar.png) no-repeat center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 6px 10px 5px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
color: #333;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #800000;
background: url(arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 5px 0px 3px 0px;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;

}

.arrowlistmenu ul li a:visited{
color: #800000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #800000;
background-color: #eaeaea;
}