@charset "utf-8";

* {margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background: #FFFFFF;
}

p {
	padding: 8px 0;
}

/* ----------------- sidebar ------------------------- */
#mainnav a {
	display:block;
	color:#ffffff;
	line-height:25px;
	height:25px;
	background:url(../images/mnav-home.gif) no-repeat top center;	
	text-indent:-9999px;
	width:56px;
	outline:none;
}

#sidebar ul li{
	list-style:none;
	padding: 5px 0;
}

#mainnav li a:hover, #mainnav li a:focus  {
	background-position:center -26px;
}

#mainnav li.active a {
	background-position:center -26px;
}

#mnav-home a {
	width:56px;
	background:url(../images/mnav-home.gif) no-repeat top center;	
}

#mnav-stores a {
	width:55px;
	background:url(../images/mnav-stores.gif) no-repeat top center;	
}

#mnav-menus a {
	width:49px;
	background:url(../images/mnav-menu.gif) no-repeat top center;	
}

#mnav-coffees a {
	width:64px;
	background:url(../images/mnav-coffees.gif) no-repeat top center;	
}

#mnav-teas a {
	width:42px;
	background:url(../images/mnav-teas.gif) no-repeat top center;	
}

#mnav-contact a {
	width:88px;
	background:url(../images/mnav-contact.gif) no-repeat top center;	
}

/* ----------------- topbar ------------------------- */

#topbar a {
	display:block;
	color:#ffffff;
	line-height:25px;
	height:25px;
	background:url(../images/mnav-news.gif) no-repeat top center;	
	text-indent:-9999px;
	width:126px;
	outline:none;
}

#topbar li a:hover, #topbar li a:focus  {
	background-position:center -26px;
}

#topbar li.active a {
	background-position:center -26px;
}

#topbar ul li {
	list-style:none;
	float: left;
	padding: 0 30px;
}

#mnav-int a {
	width:98px;
	background:url(../images/mnav-international.gif) no-repeat top center;	
}

#mnav-news a {
	width:126px;
	background:url(../images/mnav-news.gif) no-repeat top center;	
}

#mnav-fb a {
	width:76px;
	background:url(../images/mnav-fb.gif) no-repeat top center;	
}

/* ----------------- layout ------------------------- */
#top {text-align:center;}

#inner {
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	text-align: left;
}

#maincontent {
	float: left;
}

#content {
	width: 1000px;
	height: 900px;
}

#sidebar {
	width: 205px;
	float: left;
	padding-top: 225px;
	padding-left: 55px;
}

#topbar {
	width: 500px;
	float: left;
	height: 110px;
	padding-top: 230px;
	padding-left: 240px;
}

/* ----------------- page backgrounds ------------------------- */

.homepage {
	background-image: url(../images/homepage.jpg);
	background-repeat: no-repeat;
}

/* ----------------- scroll panel ------------------------- */
.scroll-pane {
	width: 325px;
	height: 325px;
	overflow: auto;
	float: left;
}

#sitetext {
	height: 325px;
	width: 325px;
}

.winXP .jScrollPaneTrack {
	background: url(../images/windows_track.gif) repeat-y;
}
.winXP .jScrollPaneDrag {
	background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
}
.winXP .jScrollPaneDragTop {
	background: url(../images/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.winXP .jScrollPaneDragBottom {
	background: url(../images/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
.winXP a.jScrollArrowUp {
	height: 17px;
	background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
.winXP a.jScrollArrowDown {
	height: 17px;
	background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}