/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body{
	margin: 0px;
	padding:0px;
	background-color:#B8A385;
}
div, table, tr, td, p, span, ul, li, h1, h2, h3, h4, h5, h6, a, form {
	margin:0px;
	padding:0px;

	}
	
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#6A4615;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	text-transform:normal;
	padding:0px 0px 0px 0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#6A4615;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	text-transform:normal;
	padding:0px 0px 0px 0px;
}


p{
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding:0px 0px 0px 0px;
	}
	
/*
---------------------------------------------
02. CONTAINER AND WRAPPER
---------------------------------------------
*/

#container{
	width:1000px;
	margin:0 auto;
	height:auto;

}
#wrapper{
	width:1000px;
	height:auto;

  }
/*
---------------------------------------------
03. HEADER AND LOGIN
---------------------------------------------
*/

#header{
	width:1000px;
	height:auto;
	float:left;
  }

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  Login Section  >>>>>>>>>>>>>>>>>>>>>>*/
#login_area{
	width:1000px;
	height:44px;
	float:left;
}
#login_area_left{
	height:44px;
	width:16px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/loginbox_left.gif');
	background-repeat:no-repeat;
}
#login_area_mid{
	height:44px;
	width:968px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/loginbox_mid.gif');
	background-repeat:repeat-x;
	
}
.login_section{
	float:right;
	margin-left:380px;
	padding-right:90px;
	position:absolute;
}

.login_section2{
	float:right;
	margin-left:300px;
	padding-right:90px;
	position:absolute;
}

.login_section_error2{
	float:right;
	margin-left:100px;
	padding-right:90px;
	position:absolute;
}


.login_section_error{
	float:right;
	margin-left:200px;
	padding-right:90px;
	position:absolute;
}

.login_text_error {
	color:#6ac2f5;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	width:180px;
}


.login_text {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	width:80px;
}

.login_text2 {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	width:100px;
}


.login_text3 {
	color:#A5B103;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	/*display:inline;*/
	text-align:right;
	
}



.loggedin_text {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	width:400px;
}

.loggedin_section{
	float:right;
	margin-left:450px;
	padding-right:0px;
	position:absolute;
}



a.passwordforget_link:active,a.passwordforget_link:link,a.passwordforget_link:visited
{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	width:80px;
	
}
a.passwordforget_link:hover{
	color:#A5B103;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	width:80px;
}

.input_area{
	border:1px solid #b56a02;
	height:16px;
	width:95px;
}
.input_area_email{
	border:1px solid #b56a02;
	height:16px;
	width:145px;
}


#login_area_right{
	height:44px;
	width:16px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/loginbox_right.gif');
	background-repeat:no-repeat;
	
}
#login{
	width:39px;
	height:20px;
	/*background-image:url('http://www.coffeecart.com/images/login_b1.png');
	background-repeat:no-repeat;*/
}
#logout{
	width:46px;
	height:20px;
	/*background-image:url('http://www.coffeecart.com/images/log_out.png');
	background-repeat:no-repeat;*/
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  Header Section  >>>>>>>>>>>>>>>>>>>>>>*/
#header{
	width:1000px;
	height:137px;
	background-color:#FFFFFF;
	float:left;	
}

#head_left{
	width:16px;
	height:137px;
	background-image:url('http://www.coffeecart.com/images/header_left.gif');
	background-repeat:no-repeat;
	float:left;
}
#head_mid{
	width:968px;
	height:137px;
	background-image:url('http://www.coffeecart.com/images/header_mid.gif');
	background-repeat:repeat-x;
	float:left;
}
#head_right{
	width:16px;
	height:137px;
	background-image:url('http://www.coffeecart.com/images/header_right.gif');
	background-repeat:no-repeat;
	float:left;
}

#logo{
	width:381px;
	height:137px;
	/*background-image:url('http://www.coffeecart.com/images/cc_logo.gif');
	background-position:right;
	background-repeat:no-repeat;*/
	float:left;
	padding-left:5px;
}
/*
#logo{
	width:120px;
	height:137px;
	background-image:url('http://www.coffeecart.com/images/logo.gif');
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	padding-left:5px;
}
#logo_text{
	width:168px;
	height:137px;
	background-image:url('http://www.coffeecart.com/images/logo_text.gif');
	background-position:left;
	background-repeat:no-repeat;
	float:left;
}*/
#header_right{
	height:118px;
	float:left;
	margin:auto;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<< chat image Section  >>>>>>>>>>>>>>>>>>>>>>*/
#chat_live{
	width:161px;
	height:137px;
	float:right;
	/*background-image:url('http://www.coffeecart.com/images/chat_live-section.gif');
	background-repeat:no-repeat;*/
}

#header_mid{
	width:410px;
	height:137px;
	float:right;
	margin:auto;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  coffee cart Section  >>>>>>>>>>>>>>>>>>>>>>*/
#coffee_cart_summ{
	height:40px;
	float:left;
}
.coffee_cart_summ_left{
	height:40px;
	width:14px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/coffeecart_left.gif');
}
.coffee_cart_summ_mid{
	height:32px;
	float:left;
	width:220px;
	background-image:url('http://www.coffeecart.com/images/coffeecart_mid.gif');
	background-repeat:repeat-x;
	color:#929f06;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:10px;
}
.coffee_cart_summ_right{
	height:40px;
	width:14px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/Coffeecart_right.gif');
	background-repeat:no-repeat;
}


#coffee_cart_checkout{
	height:40px;
	float:left;
}
.coffee_cart_checkout_left{
	height:40px;
	width:14px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/coffeecart_left.gif');
	background-repeat:no-repeat;

}
.coffee_cart_checkout_mid{
	height:32px;
	float:left;
	width:140px;
	background-image:url('http://www.coffeecart.com/images/coffeecart_mid.gif');
	background-repeat:repeat-x;
	color:#929f06;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:10px;
}
.coffee_cart_checkout_right{
	height:40px;
	width:14px;
	float:left;
	background-image:url('https://www.coffeecart.com/images/Coffeecart_right.gif');
	background-repeat:no-repeat;
}

a.cartlink:active,a.cartlink:link,a.cartlink:visited{

	color:#929f06;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:6px;
}


a.cartlink:hover{

	color:#C2CD23;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:6px;
}



a.cartlink2:active,a.cartlink2:link,a.cartlink2:visited{

	color:#896633;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	padding-top:10px;
}


a.cartlink2:hover{

	color:#b8a385;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	padding-top:10px;
}


.header_message{

	color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	width:1000px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	padding:0px;

}



/*
---------------------------------------------
04. NAVIGATION STARTS HERE
---------------------------------------------
*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  menu Section  >>>>>>>>>>>>>>>>>>>>>>*/
#menu_area{
	width:1000px;
	height:41px;
	float:left;
}
#menu_left{
	width:16px;
	height:41px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/menu_left.gif');
	background-repeat:no-repeat;
	
}
#menu_mid{
	height:41px;
	width:968px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/menu_mid.gif');
	background-repeat:repeat-x;
}
#menu_right{
	width:16px;
	height:41px;
	float:left;
	background-image:url('http://www.coffeecart.com/images/menu_right.gif');
	background-repeat:no-repeat;
}

#menu
{	
	font-family:Arial, Helvetica, sans-serif;
	width:964px;
	height:41px;
	text-align:left;
	padding-left:10px;
	padding-top:10px;

}
#menu a
{	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font:normal 14px;
	/*margin: 0px 0px 0px 15px;*/
	/*border-right:#0066CC dotted 2px;*/
	padding-top:10px;
	padding-right:22px;
	padding-left:22px;
	display:inline;
	text-decoration:none;
}
.lastchild {
	border-right: none 0px !important;
}	

#menu a:hover
{	color:#ded8d0;
	text-decoration:none;
	/*background-color:#f0f0ef;
	opacity:0.2;*/
	height:31px;
	font:normal 14px;
	display:inline;
	padding-top:10px;
	padding-right:22px;
	padding-left:22px;
}

.nav_bg{
	background-image:url(http://www.coffeecart.com/images/nav_bg.gif);
	background-repeat:repeat-x;
}

ul.navigation{
	margin:0px; 
	padding:0px;
	list-style:none;
}
ul.navigation li{
	float:left;
	display:block; 
	margin:0px;
	height:31px;
	padding:10px 40px 0px 40px;
	overflow:hidden;
}
/*.menu li.separetor{
	float:left;
	display:block;
	width:2px; 
	height:48px;
	margin:0px; 
	padding:0px;
}*/
ul.navigation li a{
	float:left;
	display:block; 
	height:40px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font:normal 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	text-decoration:none;
}
ul.navigation li a:hover{
	float:left;
	display:block;
	height:40px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font:normal 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
ul.navigation li a.active{
	float:left;
	display:block;
	height:40px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font:normal 16px Tahoma;
	color:#FFFFFF;
	text-decoration:none;
}
	/*---------LEFT NAVIGATION STARTS-----------*/
#info {height:400px;
width:173px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
margin:0px; 
/* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:173px;


}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
	display:block;
	float:left;
	position:relative;
	height:26px;
	background-image:url(http://www.coffeecart.com/images/arrow1.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	text-transform:normal;
	padding:0px 0px 0px 20px;
}
.menu li.seprater {
	display:block;
	float:left;
	width:173px;
	height:1px;
	background-image:url(http://www.coffeecart.com/images/seprater_leftNav.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	overflow:hidden;
}
/* get rid of the table */
.menu table {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block;
float:left;
text-decoration:none;
line-height:25px;
width:173px;
color:#896632;
text-indent:5px;
padding:0px 0px 0px 0px;
}
.menu a:hover{
	display:block;
	float:left;
	position:relative;
	height:26px;
	background-image:url(http://www.coffeecart.com/images/arrow1.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px 0px 0px 0px;
	color:#896632;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:none;width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#ffffff;
 background:none;}
.menu :hover > a {
color:#896632;
background-image:none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:185px;

}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background-color:#DED8D0;
color:#ffffff;


}	/*---------LEFT NAVIGATION ENDS-----------*/
	
	/*---------NOTIFICATION PART STARTS-----------*/
.notification_top{
		background-image:url(http://www.coffeecart.com/images/notification_top.gif);
		background-repeat:no-repeat;
	}
.notification_top h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:20px;
	text-decoration:none;
	font-weight:normal;
	text-transform:normal;
	padding:0px 0px 0px 0px;
	font-style:normal;
	}
.notification_bg{
	background:url(http://www.coffeecart.com/images/notification_bg.gif) repeat-x #967F5D;
}
a.notification:active,a.notification:link,a.notification:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:normal;
	padding:3px 0px 0px 0px;
	font-style:normal;
	text-align:center;
}

a.notification:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
	text-transform:normal;
	padding:3px 0px 0px 0px;
	font-style:normal;
	text-align:center;
}


.notification_bg p{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:normal;
	padding:3px 0px 0px 0px;
	font-style:normal;
	text-align:center;
}


	/*---------NOTIFICATION PART ENDS-----------*/

/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/

#content{
	width:1000px;
	margin:0px;
	height:auto;
	float:left;
  }
.bed_teas_coffee{
	background-image:url(http://www.coffeecart.com/images/bed_top.gif);
	background-repeat:no-repeat;
}
.bed_teas_coffee h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	text-decoration:none;
}

a.prodmenuheader:active,a.prodmenuheader:link,a.prodmenuheader:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	
}
a.prodmenuheader:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	text-decoration:underline;
}

.feature{
	width:556px;
	height:auto;
}
.feature h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#A5B103;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
.black{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
.green{
	font-family:Arial, Helvetica, sans-serif;
	color:#A5B103;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.more{
	font-family:Arial, Helvetica, sans-serif;
	color:#EBA808;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	}
.more:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#EBA808;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  content Section  >>>>>>>>>>>>>>>>>>>>>>*/

#content_top{
	float:left;
	width:1000px;
	height:20px;
	background-image:url(../images/mid_top.gif);
	background-repeat:no-repeat;
}
#content_top2{
	float:left;
	width:1000px;
	height:20px;
	background-image:url(../images/sub_page_head_back.gif);
	background-repeat:no-repeat;
}
#content_mid{
	float:left;
	height:auto;
	width:1000px;
	/*min-height:1000px;*/
	background-image:url(../images/mid_repet.gif);
	background-repeat:repeat-y;
	
}
#content_bot{
	float:left;
	width:1000px;
	height:10px;
	background-image:url(../images/mid_bot.gif);
	background-repeat:no-repeat;
}
	
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<  Content_mid_left Section  >>>>>>>>>>>>>>>>>>>>>>*/
#mid_left{
	float:left;
	width:204px;
	padding-left:6px;
	
}
#mid_center{
	float:left;
	width:574px;
}
#mid_right{
	float:right;
	width:212px;
	margin:auto;
}
#mid_right_area{
	float:left;
	width:786px;
	
}

/*
---------------------------------------------
05. FOOTER STARTS
---------------------------------------------
*/
#footer{
	width:1000px;
	height:auto;
	float:left;
  }
#footer p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 0px;
  }
  /*---------------FooterNavigationStarts---------*/

a.footer_link:active,a.footer_link:link,a.footer_link:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 0px;
	height:16px;
}
a.footer_link:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 0px;
	height:16px;
}
  /*---------------FooterNavigationEnds---------*/
/*
---------------------------------------------
05. FORM STARTS
---------------------------------------------
*/
.form{
	margin:0px;
	padding:0px;
}
.formPart{
	width:247px;
	height:auto;
	float:left;
}
.formPart p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 0px;
}
.search_bg{
	width:133px;
	height:21px;
	float:right;
	background-image:url(http://www.coffeecart.com/images/search_bg.gif);
	background-repeat:no-repeat;
	/*padding:8px 10px 6px 12px;*/
	padding:8px 10px 6px 6px;

}
.textbox{
	width:133px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background:none;
	border:none;
}