/* basic elements */
	
	body {
		margin: 0;
    	padding: 0;
		color: #666666;
		font-family: arial, sans-serif;
		font-size: 11px;
		text-align: center;
		background-color: #55380c;
		background-image: url(http://www.karicoffee.com/images/bckgrnd_repeater.gif);
		background-repeat: repeat-y;
		background-position: center;
	}
	
	h1 {
		color: #ffcb08;
		font-family: arial, sans-serif;
		font-size: 14px;
		font-weight: 800;
		margin: 0;
	}
	
	.titleinpage {
	color: #ffcb08;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
	margin: 0;
	padding: 0;
	}
	
	.subtitlepage {
	color: #ffcb08;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	margin: 0;
	padding: 0;
	}
	
	h2 {
		color: #ffffff;
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: 800;
		margin-top: 5px;
		margin-bottom: 0px;
	}
	
	h3 {
		color: #ffffff;
		font-family: arial, sans-serif;
		font-size: 14px;
		font-weight: 800;
		margin: 0;
	}
	
	h4 {
		color: #fff;
		font-family: arial, sans-serif;
		font-size: 14px;
		font-weight: 800;
		margin: 0;
	}
	
	h5 {
		color: #fff;
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: 800;
		margin: 0;
		padding-top: 1em;
	}

	
/* basic classes */	
	
	.p1 {
		font: 11px arial, sans-serif;
		margin-top: 4px;
		margin-left: 1px;
		color: #f7f3ed;
		padding: 0px;
		line-height: 20px;
	}
	
	.p1 a {  
	color: #ddb10c;
	text-decoration: underline;
	}
	
	.p1 a:hover {  
	color: #ffffff;
	text-decoration: underline;
	}
	
	.p2 {
		font: 11px arial, sans-serif;
		margin: 0;
		}
		
	.pk {
		font-size: 11px;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin: 5px 0 7px 1px;
		}
		
	.pksub {
		font-size: 11px;
		color: #333333;
		font-family: arial, sans-serif;
		margin: 0 0 6px 1px;
		line-height: 12px;
		}
		
	.category {
		font-size: 11px;
		color: #333333;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin: 5px 0 2px 1px;
		}
		
	.featuredname {
	    font-size: 11px;
		color: #d1c3aa;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin-top: 2px;
		margin-left: 1px;
		margin-bottom: 1px;
		}
		
	.featureddesc {
	    font-size: 11px;
		color: #d1c3aa;
		font-family: arial, sans-serif;
		margin-top: 2px;
		margin-left: 1px;
		margin-bottom: 5px;
		}
	
	.featuredprice {
	    font-size: 11px;
		color: #c19901;
		font-family: arial, sans-serif;
		margin-top: 1px;
		margin-left: 1px;
		margin-bottom: 1px;
		}
		
	.featuredview {
	    font-size: 11px;
		font-family: arial, sans-serif;
		margin-top: 1px;
		margin-left: 1px;
		margin-bottom: 1px;
		}
		
	.featuredview a:link {
	color: #fff;
	}
	
	.featuredview a:visited {
	color: #fff;
	}	
	
	.featuredview a:hover {
	color: #fff;
	}	
		
	.copyright {
	    font-size: 10px;
		color: #868686;
		font-family: arial, sans-serif;
		}
		
	.subtxt{
	    font-size: 10px;
		color: #868686;
		font-family: arial, sans-serif;
		margin-top: 4px;
		}
		
	.productname {
		font-size: 12px;
		color: #d9cfc1;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin-top: 2px;
		margin-bottom: 0px;
		margin-left: 5px;
		}
		
	.productcolor {
		font-size: 12px;
		color: #d9cfc1;
		font-family: arial, sans-serif;
		font-weight: 800;
		}
		
	.productsku {
		font-size: 11px;
		color: #a39c93;
		font-family: arial, sans-serif;
		font-style: italic;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		}
		
	.productdesc {
		font-size: 11px;
		color: #d9cfc1;
		font-family: arial, sans-serif;
		margin-top: 5px;
		margin-bottom: 15px;
		margin-left: 5px;
		line-height: 16px;
		width: 220px;
		}
		
	.productprice {
		font-size: 11px;
		color: #d9cfc1;
		font-family: arial, sans-serif;
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 5px;
		}
		
	.productsale {
		font-size: 11px;
		color: #ffcb08;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin-left: 10px;
		}
		
	.productdetails {
		font-size: 11px;
		/*color: #ddb10c;*/
		color: #d9cfc1;
		font-family: arial, sans-serif;
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 5px;
		}
		
	.productpageimg {
		float: right;
		padding: 0px 5px 10px 30px;
		}
	
	.productimg {
		float: right;
		margin: 0px 10px 20px 0px;
		}			
		
	.back {
		font-size: 11px;
		color: #ffffff;
		font-family: arial, sans-serif;
		font-weight: 800;
		}
		
	.back a {
		font-size: 11px;
		color: #ddb10c;
		text-decoration: underline;
		font-family: arial, sans-serif;
		font-weight: 800;
		}
		
	.back a:hover {
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
		font-family: arial, sans-serif;
		font-weight: 800;
		}
		
	.date {
		font-size: 11px;
		margin-bottom: 5px;
		color: #ddb10c;
		font-family: arial, sans-serif;
		font-weight: 800;
		}
		
	.title {
		font-size: 12px;
		margin: 0;
		color: #ffffff;
		font-family: arial, sans-serif;
		font-weight: 800;
		}	
	
	.pagelinks a {
		color: #ddb10c;
		text-decoration: underline;
		}
	
	.pagelinks a:hover {
		color: #ffffff;
		text-decoration: underline;
		}

	.new {
		color: #ffcb08;
		font-weight: 800;
	}
	
/* specific divs */
	
	#container { 
	position: relative;
	margin: 0 auto;
	width: 671px;
	text-align: left;
	}
	
	#toparea { 
	z-index: 3;
	position: relative;
	width: 671px;
	height: 199px;
	}
	
	#logoarea { 
	position: relative;
	margin-left: 13px;
	width: 143px;
	height: 199px;
	background-image: url(http://www.karicoffee.com/images/logo_kari2.gif);
	background-repeat: no-repeat;
	}
	
	#leftimg { 
	position: absolute;
	top: 0px;
	left: 2px;
	width: 10px;
	height: 174px;
	background-image: url(http://www.karicoffee.com/images/leftside_img_01.jpg);
	}
	
	#bannerimg { 
	position: absolute;
	top: 0;
	margin-left: 158px;
	width: 512px;
	height: 174px;
	background-image: url(http://www.karicoffee.com/images/topbanner_coffeemaker.jpg);
	}
	
	#homecontent { 
	position: absolute;
	z-index: 12;
	text-align: left;
	top: 200px;
	left: 180px;
	width: 490px;
	}
	
	#productcontent { 
	position: absolute;
	z-index: 12;
	text-align: left;
	top: 200px;
	left: 180px;
	width: 490px;
	}
	
	#openingcontent { 
	position: relative;
	z-index: 15;
	margin-top: 6px;
	margin-left: 0;
	width: 240px;
	height: 150px;
	}
	
	#openingcontent a {  
	color: #ddb10c;
	text-decoration: underline;
	}
	
	#openingcontent a:hover {  
	color: #ffffff;
	text-decoration: underline;
	}
	
	#latestbox { 
	position: absolute;
	float: right;
	z-index: 8;
	background-image: url(http://www.karicoffee.com/images/latest_backgrnd.gif);
	background-repeat: no-repeat;
	margin-left: 1px;
	top: 10px;
	left: 280px;
	width: 209px;
	height: 177px;
	}
	
	#latestcontent { 
	position: relative;
	z-index: 13;
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
	width: 170px;
	}
	
	#latestcontent a { 
	color: #d7d3fa;
	text-decoration: none;
	}
	
	#latestcontent a:hover { 
	color: #ffffff;
	text-decoration: underline;
	}
	
	#latestcontent li { 
	color: #ffffff;
	list-style: none;
	margin-bottom: 5px;
	line-height: 13px;
	}
	
	#latestcontent ul { 
	color: #ffffff;
	margin-left: 0;
	margin-top: 8px;
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	}
	
	#sidenav { 
	position: relative;
	z-index: 2;
	text-align: left;
	margin-left: 33px;
	margin-top: 10px;
	width: 112px;
	}
	
		
	#sidenavcontent a { 
	color: #333333;
	text-decoration: none;
	}
	
	
	#sidenavcontent a:hover { 
	color: #ffffff;
	text-decoration: none;
	}
	
	#featured { 
	position: absolute;
	z-index: 1;
	text-align: left;
	top: 380px;
	margin-left: 2px;
	width: 671px;
	height: 395px;
	}
	
	#leftimgarea {
	position: absolute;
	width: 10px;
	height: 395px;
	
	}
	
	#featuredbck {
	position: absolute;
	margin-left: 156px;
	width: 512px;
	height: 395px;
	
	}
	
	#featuredbck a:link{
	color: #ddb10c;
	text-decoration: none;
	}
	
	#featuredbck a:visited{
	color: #ddb10c;
	text-decoration: none;
	}
	
	#featuredbck a:hover {
	color: #fff;
	text-decoration: underline;
	}

    #featuredtitle {
    position: relative;
	top: 70px;
	left: 25px;
	text-align: left;
    }
	
	#featured1 {
    position: absolute;
	text-align: left;
	top: 100px;
	left: 25px;
	width: 135px;
	height: 98px;
	}
	
	#featured2 {
    position: absolute;
	text-align: left;
	top: 100px;
	left: 185px;
	width: 135px;
	height: 98px;
	}
	
	#featured3 {
    position: absolute;
	text-align: left;
	top: 100px;
	left: 350px;
	width: 135px;
	height: 98px;
	}
	
	#morefeatured {
	position: absolute;
	z-index: 20
	text-align: left;
	top: 75px;
	left: 350px;
	width: 135px;
	height: 98px;
	color: #d1c3aa;
	}
	
	#footer {
    position: relative;
	z-index: 9;
	margin-top: 10px;
	width: 468px;
	height: 60px;
	}
	
	#topofpage {
	position: relative;
	margin: 0;
	text-align: right;
	width: 468px;
	}
	
	#topofpage a {
	color: #ddb10c;
	font-size: 10px;
	text-decoration: none;
    }
	
	#topofpage a:hover {
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
    }
	
	#copyright {
    position: absolute;
	z-index: 10;
	text-align: left;
	}
	
	#footernav {
    position: absolute;
	text-align: right;
	width: 468px;
	}
	
	#footernav a {
    color: #868686;
	font-size: 10px;
	text-decoration: none;
    }
	
	#footernav a:hover {
    color: #b1b1b1;
	font-size: 10px;
	text-decoration: underline;
    }
	
/* other divs */

#picarea { 
	position: absolute;
	z-index: 8;
	text-align: left;
	left: 325px;
	top: 25px;
	}
	
#pagecontent { 
	position: relative;
	text-align: left;
	margin: 0px;
	top: 0;
	left: 0;
	width: 490px;
	}

#bottompagecontent { 
	position: relative;
	text-align: left;
	margin: 0px;
	top: 0;
	left: 0;
	width: 490px;
	}
	
#pagebox { 
	position: relative;
	text-align: left;
	margin: 0px;
	top: 0;
	left: 0;
	width: 490px;
	}
	
#pagecontentwide { 
	position: absolute;
	text-align: left;
	margin: 0px;
	top: 0;
	left: 0;
	width: 460px;
	}
	
#titleseperator {
	position: relative;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 468px;
	height: 1px;
	background-color: #b8ab99;
	}

#fadedseperator {
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 468px;
	height: 1px;
	background-color: #4a443d;
	clear: both;
	}

#spacer {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 468px;
	height: 1px;
	clear: both;
	}

#productbox {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 468px;
	}
	
#copybox {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 468px;
	}
	
#copybox a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

#copybox a {
	color: #ddb10c;
	text-decoration: underline;
	}
	
#deptbox {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 468px;
	}

#deptbox a {
	color: #ddb10c;
	text-decoration: underline;
	}
	
#deptbox a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

#productbox a {
	color: #ddb10c;
	text-decoration: underline;
	}
	
#productbox a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
#imgcontent {
	position: relative;
	text-align: right;
	margin-right: 30px;
	margin-top: 10px;
	}
	
#footerbox {
	position: absolute;
	margin-top: 370px;
	margin-left: 175px;
	width: 468px;
	height: 40px;
	}


/* basket area */

#basketcontainer { 
	position: absolute;
	background-image: url(http://www.karicoffee.com/images/basket_backgrnd.gif);
	z-index: 20;
	text-align: left;
	top: 160px;
	left: 535px;
	width: 111px;
	height: 39px;
	}

#basketcontent {
	margin: 6px;
	}
	
.pbasket {
		font-size: 11px;
		color: #cccccc;
		font-family: arial, sans-serif;
		font-weight: 800;
		margin: 0;
		}

.pbasket a {
		color: #cccccc;
		text-decoration: none;
		}	
		
.pbasket a:hover {
		color: #ffffff;
		text-decoration: underline;
		}	
		
.pbasketamount {
		font-size: 10px;
		color: #cccccc;
		font-family: arial, sans-serif;
		margin-top: 0px;
		margin-left: 4px;
		}	
	
.pbasketamount a {
		color: #cccccc;
		text-decoration: none;
		}	
		
.pbasketamount a:hover {
		color: #ffffff;
		text-decoration: underline;
		}	

/* application form */

#verticalForm fieldset
{
	width: 40em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	border: 1px solid #4f4f4f;
	background: #2d2d2d;
	}

.inputreg {
	display: block;
	width: 20em;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 2px;
	}
	
.inputlng {
	display: block;
	width: 15em;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 2px;
	}

.inputsml {
	display: block;
	width: 5em;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 2px;
	}
	
.inputmed {
	display: block;
	width: 10em;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 2px;
	}
	
	
.inputuser{
	display: block;
	font-size: 11px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 1px;
	}

#verticalForm label
{
	display: block;
	margin-bottom: 1em;
	color: #c7c7c7;
}

#verticalForm legend
{
	color: #dedede;
	font-weight: 800;
	font-size: 11px;
	font-family: arial, sans-serif;
}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select.userpage
{
	display: block;
	font-size: 11px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 0px;
	margin: 1px
}

#verticalForm select
{
	display: block;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 0px;
}


.formselect
{
	display: block;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 0px;
}

.optionselect
{
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 0px;
}

.submit-button
	{
	margin-left: 0em;
	margin-top: 8px;
	margin-bottom: 10px;
	background: #fb0;
	width: 60px;
	border: 1px solid #fff;
	font-size: 11px;
	font-weight: 800;
	padding: 3px;
	color: #313131;
	}


/* notice styles */
.error
  {
	font-size: 11px;
	font-weight: 800;
	padding: 3px;
	color: #ff0000;
	margin: 0;
	}
.erroruser
  {
	font-size: 11px;
	font-weight: 800;
	color: #ff0000;
	margin: 0;
	}
.errorlist
  {
	font-size: 11px;
	font-weight: 800;
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 8px;
	color: #ff0000;
	}
	
.alert
  {
	font-size: 11px;
	font-weight: 800;
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 8px;
	color: #ffffff;
	}

.alertlist
  {
	font-size: 11px;
	font-weight: 100;
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 8px;
	color: #ffffff;
	}
	
/* userinfo area */	

#userinfo { 
	position: absolute;
	text-align: left;
	margin: 0px;
	top: 160px;
	left: 180px;
	width: 460px;
	font-family: arial, sans-serif;
	font-size: 10px;
	}
	
#userinfo a {
	color: #ffcc66; text-decoration: none;
	}

#userinfo a:hover {
	color: #ffffff; text-decoration: none;
	}
	
.user {font-size: 10px;
	color: #ffffff;
	font-family: arial, sans-serif;
	margin: 0;
	}
	   
.username {font-size: 10px;
	 color: #ffcc66;
	 font-family: arial, sans-serif;
	 margin: 0;
	 }
	 
.userarrow {font-size: 11px;
	 color: #a1a1a1;
	 font-family: arial, sans-serif;
	 margin: 0;
	 }
	 
	 
/* userprofile page */

#copybox td { 
	font: 11px arial, sans-serif;
	margin-top: 4px;
	margin-left: 1px;
	color: #f7f3ed;
	padding: 0px;
	line-height: 20px;
	}

table .userbox { 
	text-align: left
	}
	
/* view pages */

#pageform {
margin: 0;
}

#pageformbox {
	width: 468px;
	margin: 0;
	padding: 5px;
	border: 1px solid #4f4f4f;
	background: #2d2d2d;
	color: #cccccc;
	}
	
#pageformbox a {
	color: #ddb10c;
	text-decoration: underline;
	}
	
#pageformbox a:hover {
	color: #ffffff;
	text-decoration: underline;
	}	

.pageformselect
{
	font-size: 12px;
	font-family: arial, sans-serif;
	background: #e4d7a7;
	border: 1px solid #828282;
	padding: 0px;
	margin:0;
}

.pagetxt {
	margin: 0;
	padding: 0px;
	}
	
#viewpages {
	float: left;
	width: 305px;
	margin-top: 3px;
	margin-bottom:0;
	}

#pagenumberselect {
	float: left;
	text-align: right;
	width: 150px;
	margin:0;
	}

.prevnext 
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* cart pages*/
#cartbox td { 
	font: 11px arial, sans-serif;
	margin-top: 4px;
	margin-left: 1px;
	color: #f7f3ed;
	line-height: 20px;
	}

#cartbox a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

#cartbox a {
	color: #ddb10c;
	text-decoration: underline;
	}


.cartnotice 
{
	font: 10px arial, sans-serif;
	color: #ffffff;
	line-height: 12px;
}

.cartnotice2
{
	font: 800 11px arial, sans-serif;
	color: #ffc200;
	line-height: 12px;
}

.carterror
  {
	font-size: 11px;
	font-weight: 800;
	padding: 3px;
	color: #ff0000;
	line-height: 12px;
	}

.carterror a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

.carterror a {
	color: #ddb10c;
	text-decoration: underline;
	}

.cartcoupon
{
	font: 800 11px arial, sans-serif;
	color: #ffc200;
	line-height: 12px;
}

.checkoutbar
{
	font: 800 10px arial, sans-serif;
	color: #ffc200;
	line-height: 12px;
}

/* user page */

.smlText 
{
	font-family: arial, sans-serif; font-size: 11px;
}

/* REGULAR LIST */

#reglist {
margin-top: 6px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding: 0;
}

#reglist li
  {
	font-size: 11px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 5px;
	color: #fff;
	}
	
/* sidenav logo icons */

#membericons {
width: 130px;
border-top: 1px solid #806707;
margin: 20px 0 0 18px;
padding: 10px 0 0 0;
}

.membertxt {
font-family: arial, sans-serif;
font-size: 10px;
color: #333;
margin: 0;
padding: 0 0 10px 3px;
}

.iconimage {
margin: 0;
padding: 0 0 5px 0;
}