/*   
Name: Caffe Moda
Description: Coffee Services 
Author URI: http://www.company.com.ph
Version: 1.0
Tags: Brewed Coffee, Coffe Maker Etc Etc
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Reset 
-------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
	}


	ul {list-style:none;}


/* Base
-------------------------------------------------------------- */

body {
	background: #532619 url(i/bodybg.jpg) center repeat-y;
	margin: 0;
	text-align: center;
	width:100%; 
	min-width:900px;
	clear:both;
}

h1 { font-size:16px;
}
h2 {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing: -1pt;
	padding-bottom:5px;
	}
h3 { font-size:15px; padding-top:10px;
}
h4 { font-size:15px;
}

.wrapper {
		background:url(i/wrapperbg.jpg) top no-repeat;
		height: auto !important;
		text-align:center;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

/* content
--------------------------------------------------------*/

.logo{
	background:url(i/logo.png) no-repeat;
	width:266px;
	height:273px;
	top:-35px;
	left:0;
	position:absolute;
	z-index:10;
}

.login {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#d8ab7c;
	width:498px;
	heigth:34px;
	line-height:34px;
	top:-35px;
	right:0;
	position:absolute;
	z-index:5;
	text-align:right;

}

.login a {
	color:#d8ab7c;
	text-decoration: none;
}

.login a:hover {
	color:#fff;
}

.numberprice {
	color: #ada6a4;
}

.content {
		background:#f0f0f0;
		width: 898px;
		margin: 34px auto 20px auto;
		text-align:center;
		box-shadow: 0px 2px 10px 1px #3b1a06;
		position:relative;
		border: 1px solid #FFF;
	}



/*header
------------------------------------------------------------------*/

.header {
	background:url(i/headerbg.jpg) no-repeat;
	height: 206px;
	border-bottom: 1px solid #FFF;
	font-family:Tahoma, Geneva, sans-serif;
}

.shoppingcart {
	color: #d8ab7c;
	font-size:12px;
	text-align:right;
	margin-right:20px;
	height:41px;
	line-height:41px;
}

#cart{
	background:url(i/cart_icon.jpg) left no-repeat;
	padding-left:25px;
}

.search {
	height:116px;
}

#searchbox {
	background:url(i/search_bg.png) bottom left no-repeat;
	width:235px;
	height:28px;
	float:right;
	padding-top:12px;
	
}
.searchinput {
	background:#f7f7f7;
	width:170px;
	font-family: tahoma;
	font-size: 12px;
	margin: 5px 5px 0 10px;
	color: #9b9b9b;
	border:none;
	float:left;
}

.searchbutton {
	width:28px;
	height:28px;
	padding:0px;
	float: left;
}

.topmenu {
	background:url(i/menubg.png) repeat-x;
	height: 45px;
	line-height: 45px;
	font-family: Tahoma;
	font-size: 16px;
	color: #533019;
	text-decoration:none;
	list-style: none;
	display:block;
	}
	
.topmenu ul{
	display: inline;
	list-style-type: none;
	text-decoration:none;
	text-align:left;
	}
	
.topmenu li{
	float:right;
	}
	
	
.topmenu ul a{
	background:url(i/menudivider.png) no-repeat left;
	color: #533019;
	text-decoration:none;
	padding: 0 13px 0 13px;
	display:block;
	}
	
.topmenu a:hover {
	color: #c06b02;
	text-decoration:none;
	}
	
.headerslider {
	height: 430px;
	background:#261008;
	position:relative;
	padding:20px 0 0 18px;

}

.overlay {
	width:862px;
	bottom: 0px;
	position:absolute;
	z-index: 100;
}

.box1 {
	background: url(i/box1.png) center no-repeat;
	width:263px;
	height:223px;
	padding: 0 12px 0 12px;
	float:left;
}

.box2 {
	background: url(i/box2.jpg) center no-repeat;
	width:263px;
	height:223px;
	padding: 0 12px 0 12px;
	float:left;
}

.box3 {
	background: url(i/box3.jpg) center no-repeat;
	width:263px;
	height:223px;
	padding: 0 12px 0 12px;
	float:left;
}

.boxtext {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size:21px;
	text-align:left;
	padding: 20px 0 0 20px;
	line-height: 20px;
	color:#8d8d8d;
}

.boxtext span {
	color:#690401;
}

.boxtext img {
	padding-top:10px;
}

.shopnow {
	background:url(i/shopnowbut.png);
	width:73px;
	height:27px;
	line-height:27px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size:12px;
	color:#FFF;
	display:block;
	text-align:center;
	letter-spacing: -1pt;
	text-decoration:none;
	margin-top:10px;
	float:left;
}

.shopnow:hover {
	background-position: 0 27px;
}


/* product content
------------------------------------------------------------------*/

.productdesc {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#a96d2c;
	padding:20px;
	text-align:left;
	
}

.productdesc2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#a96d2c;
	padding: 0 20px 15px 20px;
	text-align:left;
	
}

.productlist {
	padding-left:20px;
	text-align:left;
	overflow:auto;
}

.plist {
	background:#FFFFFF;
	width: 170px;
	height: auto;
	border: 1px solid #c0c0c0;
	margin: 0 16px 15px 0 ;
	padding: 15px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#999999;	
}

.plist img{
	padding-bottom: 10px;
}

.pricetag {
	padding:5px 0 12px 0;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:30px;
}

.addcart {
	background: url(i/addcart.jpg);
	width:82px;
	height:33px;
	text-align:center;
	line-height:30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #ddd;
	display:block;
	text-decoration:none;
	float:left;
}

.addcart:hover {
	color: #FFF;
	background-position: 0 33px;
}

.prodetail a {
	padding-left:20px;
	color: #97662c;
	float:left;
	height:33px;
	line-height:33px;
	font-size:13px;
	font-weight:bold;	
}

.prodetail a:hover {
	color:#CC9966;
}


/* -------------------------  footer  -----------------------------*/

.footerwrapper {
		background: url(i/footerbg.jpg) bottom repeat-x;
		height: auto !important;
		text-align:center;
		margin: 0;
		padding: 0;
	}

.footer {
		background: url(i/footermainbg.png) no-repeat;
		width: 908px;
		height: 279px;
		margin: 0 auto;
		font-family:Tahoma, Geneva, sans-serif;
	}

.footermenu a {
	height:52px;
	line-height:52px;
	font-size:12px;
	font-weight:bold;
	color: #533019;
	text-decoration:none;
}

.footermenu a:hover {
	color: #d28a16;
}

.footermenu span {
	padding: 0 7px 0 7px;
}

.copyright {
	width:430px;
	float:right;
	line-height:28px;
	padding-top:15px;
	text-align:left;
	font-size:11px;
	color:#533019;
}

.copyright a {
	color:#533019;
	text-decoration:none;
}

.copyright a:hover {
	color:#a36c3b;
}