
/* 'Nimal' Theme by Maraud Media
 */

/* Colours

	lite	= F3EAD4
	PM	= #DFD6C0
	Link	= #BFB6A0 (-32)
	Foot	= #BAB19B (-37)
		= #AFA690 (-48)
*/

/* Deformatting
 */
	* { padding:0; margin:0; }
	a { color:#AFA690; text-decoration:none; }
	a:hover { text-decoration:underline; }
	table { border-collapse:collapse; }
	img { border:none; }
	small { line-height:1.0; font-size:.9em; }
	sup { vertical-align:text-top; }

/*  Strut
 */
	 body { background:#FFF; color:#585858; font-size:62.5%; font-family:Helvetica, Arial, Verdana, Georgia, Sans-Serif; }

	#page { padding:2.4em 0 1.6em 3.2em; width:85em; }

	#menu { padding:2em 0 1em; margin:0 3.7em; }
	#menu ol { /*clear:both;*/ font-size:1.2em; line-height:1.6666em; }
	#menu ol ul { position:absolute; top:0; left:7em; /* 84px = ((20/12)/20)*84 */ }

	#menu li { list-style:none; }
	#menu li, #menu li li { list-style:none; }
	#menu li { position:relative; }
	#menu li li { display:inline; b_order-left:1px solid #eee; p_adding:0 .5em 0 .9em; }
	#menu li li:first-child { border:0; padding-left:0; } /* also applied w/jquery for ye olde browser */
	#menu li li span { padding:0 .2em 0 .5em; color:#DFD6C0; }
	#menu .active { font-weight:700; text-decoration:underline; }

	#info { padding:0 5.2em 0 0; }
	#info h1 { float:left; font-size:2em;  font-weight:500; line-height:1em; padding:1em 0 .5em; }
	#info p { font-size:1.4em; line-height:1.4285em; text-align:justify; margin-left:2.66em; /* margin-left:6em;*/ /* 84px */ padding:.6666em 0 0; border-top:.2em solid #DFD6C0; }

	#foot { clear:both; padding:1.6em 5.2em 0 3.7em; }
	#foot p { font-size:1.2em; line-height:1.6666em; /* 20px = 20/12 */ }
	#foot .box { color:#727272; padding:.4em 0; text-align:right; border-top:.2em solid #DFD6C0; }
	#foot .box p.left { float:left; text-align:left; }
	#foot a { font-weight:700; }

/*  Shared Classes
 */
	.price { color:#FFF; padding:2px 6px 1px; line-height:2.3333em; }
	.high { color:#BFB6A0; }
	.sold { background:#84620C; }
	.sale { background:#8279E8; background:#404040; }
	.grey { color:#C6C6C6; }
	.hide { display:none; }
	.clear { display:block; clear:both; }
	.zoom { background:transparent; position:absolute; top:-1em; right:-1em; }








/*  Scrollable bitch!
 */
	.scrollable, .navi { background:#fff; width:76em; /*width:77em;*/ }
	.scrollable { position:relative; overflow:hidden; height:380px; /*required...decoration*/ padding:16px 0; }
	.scrollable .items { width:20000em; position:absolute; clear:both; /*required...decoration*/ margin-left:0; }
	/* single scrollable item */
	.scrollable .items div { /*border:1px solid #444; height:100%;*/ float:left; position:relative; /*required...decor*/ width:24em; margin-right:2em; }
	/* item image */
	.scrollable .items div img { border:0; }
	/* item title */
	.scrollable .items div h3 { background:#fff; font-weight:500; font-size:1.6em; padding:0 12px 0; margin:0 0 4px; color:#333; font-family:'bitstream vera sans'; }
	/* item text */
	.scrollable .items div p { background:#fff; color:#555; padding:0 1.74em 1.2em; font-size:1.2em; line-height:1.6666em; }
	/* google checkout button */
	.scrollable .items div form { padding-left:.6em; }
	/* active item */
	.scrollable .items .active {/* background:#F5F5F5; */}


/*  Item Next/Prev Buttons
 */
	.scrollable { float:left; }
	a.prev, a.next, a.prevPage, a.nextPage { display:block; width:1.8em; height:1.8em; margin:8.7em 1em;
		background:url("../img/aleft.png") no-repeat; float:left; cursor:pointer; }
	a.next, a.nextPage { /*margin-left:0;*/ }
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; }
	a.disabled { visibility:hidden !important; }
	a.next, a.nextPage { background-image:url("../img/aright.png"); clear:right; }

/*  Item Page Navigatior
 */
	.navi { text-align:left; /*modded for easy alignment*/ margin:1.2em 0 0 3.7em; height:1.7em; /* equal or exceed icon height */ }
	.navi .box { border:1px solid #222; margin:auto; }
	.navi a { text-decoration:none; /**/ width:9px; height:17px; line-height:17px; padding:9px;
		position:relative; /*display:block; float:left;*/ width:17px; height:17px; font-size:0; margin-right:4px;
		background:url("../img/navig.png") 0 0 no-repeat; cursor:pointer; outline:none; }
	.navi a span { font-size:9px; font-weight:700; line-height:18px; position:absolute; top:0; left:0; right:1px; bottom:0; text-align:center; }
	.navi a:hover { background-position:0 -18px; }
	.navi a.active { color:#FFF; background-position:0 -36px; } 	



/*  EOF
 */
