html,
body
{
	margin:0;
	padding:0;
	font-family:arial;
	background:rgb(42,42,42) url(../images/bg.gif) repeat-x top left;
}

h1
{
	font-size:30px;
	color:#CBC9C9;
	font-weight:normal;
}

p
{
    font-size:13px;
	line-height:200%;
	color:#fff;	
}
/*layout*/
#page-container
{
	margin:0px auto;	
	width:980px;
}

#header
{
	float:left;
	width:980px;
	height:110px;
}

#content
{
	float:left;
	width:980px;
	z-index:100;
}

#footer
{
	clear:both;
	float:left;
	width:980px;
	text-align:right;
	font-size:12px;
	font-style:italic;	
	padding:50px 0;
	color:#586a62;
}

#footer strong
{	
	font-weight:normal;
	color:#8ba79a;
}

#footer a
{
	color:#8ba79a;
	text-decoration:none;	
}

/*header element*/
a#logo
{
	float:left;
	margin-top:31px;
	display:block;
	width:267px;
	height:57px;
	background:url(../images/logo.jpg) no-repeat;
	overflow:hidden;
	text-indent:-1000px;	
}
img#ketupat
{
	float:left;
	position:relative;
	z-index:1000;
}
ul#nav
{
	float:right;
	margin:55px 0 0;
	padding:0;
	list-style:none;
}
ul#nav li
{
	float:left;
	margin-left:18px;
}
ul#nav li a
{
	display:block;
	height:16px;
	background:url(../images/menu.gif) no-repeat 0 -16px;	
	overflow:hidden;
	text-indent:-1000px;	
}
ul#nav li#home a{ background-position:0 -16px; width:41px; }
ul#nav li#crackers a{ background-position:-41px -16px; width:58px; }
ul#nav li#faq a{ background-position:-99px -16px; width:23px; }
ul#nav li#cart a{ background-position:-122px -16px; width:28px; }
ul#nav li#home a.selected{ background-position:0 0;}
ul#nav li#crackers a.selected{ background-position:-41px 0;}
ul#nav li#faq a.selected{ background-position:-99px 0;}
ul#nav li#cart a.selected{ background-position:-122px 0;}

/*catalog*/
ul.catalog
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.catalog li
{
	float:left;
	margin-top:40px;
	margin-left:20px;
	position:relative;
	display:block;
	width:230px;
	height:175px;
	background:url(../images/bg_list.jpg) no-repeat bottom left;
}
ul.catalog li.startline
{
	margin-left:0;
}
ul.catalog li img
{
	width:230px;
	height:135px;
	border:0;
}
ul.catalog li .price
{
	position:absolute;
	bottom:0;
	font-size:12px;
	line-height:300%;
	font-weight:bold;
	color:#fff;
	width:77px;
	text-align:center;
}
ul.catalog li .title
{
	position:absolute;
	bottom:0;
	left:90px;
	font-size:12px;
	line-height:300%;
	font-weight:bold;
	color:#000;
}
ul.catalog li .title a
{
	color:#000;
	text-decoration:none;
}

/*item*/
div.item
{
	margin-top:40px;
}
div.item .item-img
{
	float:left;
	width:400px;
}
div.item .item-text
{
	float:left;
	width:280px;
	margin-left:50px;
	font-size:13px;	
}
div.item .item-text h1
{
	font-size:30px;
	color:#CBC9C9;
	font-weight:normal;
	margin-bottom: 20px;
}
div.item .item-text p
{
	font-size:13px;
	line-height:200%;
	color:#fff;
}
div.item .item-text p strong
{
    color:#CBC9C9;
}
div.item .item-purchase
{
	float:left;
	width:200px;
	margin-left:50px;
	padding-top:42px;
	background:url(../images/purchase.jpg) no-repeat top left;
}
div.item .item-purchase form
{
	display:block;
	padding:10px;
	height:238px;
	background: url(../images/bg_purchase2.jpg) no-repeat top left;
}
div.item .item-purchase label
{
	display:block;
	color:#fff;
	font-size:14px;
	margin:10px 0;
}
div.item .item-purchase .price
{
	padding:20px 0;
	font-weight:bold;
	color:#fff;
	font-size:20px;
}
div.item .item-purchase select
{
	width:100%;
}
div.item .item-purchase input.text
{
	width:30px;
	text-align:center;
}

/*basket*/
div.basket
{
	float:left;
	width:480px;
	margin-top:40px;
	background:url(../images/bg_basket_head.jpg) no-repeat top left;
}
div.basket table
{
	width:100%;
}
div.basket table th
{
	font-size:14px;
	line-height:44px;
	color:#fff;	
}
div.basket table td 
{
	font-size:12px;
	color:#fff;
	padding:10px;
	background:#062E1C;
}
div.basket table .even td
{
	background:#3D554A;
}
div.basket table td.price
{
	font-size:22px;
	font-weight:bold;
	text-align:right;
}
div.basket table input.text
{
	width:40px;
	text-align:center;
}

/*checkout*/
div.checkout
{
	float:right;
	margin-top:40px;
	width:390px;
}
div.checkout form,
div.checkout table
{
	margin:0;
	padding:0;
}
div.checkout table td
{
	padding:10px;
}
div.checkout h1
{
	font-size:30px;
	color:#CBC9C9;
	font-weight:normal;
	margin:0;
	padding:0;
}
div.checkout label
{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0;
	color:#fff;
}
div.checkout input,
div.checkout select
{
	width:181px;
}
div.checkout textarea
{
    width:181px;
    height:60px;
}

/*scrollable*/
div.scrollable {      
	position:relative;     
	overflow:hidden;
	margin-top:40px;	
	width: 980px;     
	height:400px; 
} 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left; 
    width:980px;
    height:400px;
    overflow:hidden;
    
}