body{
	background-image: url(../images/header/hdrbg.jpg);
	background-repeat : repeat-x;
	background-position : top;
	margin : 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-color: #000000;
}
form{
 margin : 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
	font-color: #000000;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
	font-color: #000000;
}
.navbarbg{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.navbarbg a{
display: block;
 color : Black;
 background-image : url(../images/menu/menubg.jpg);
 border-top : 1px solid #CCCCCC;
 border-right : 1px solid #CCCCCC;
 border-left : 1px solid #CCCCCC;

}
.navbarbg a:link{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.member{
	background-image: url(../images/membershipback.jpg);
	background-repeat : no-repeat;
	background-position : bottom right;
}
.navbarbg a:visited{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.navbarbg a:hover{
color: #B22222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
width: 100%;
}
.navbarbg a:active{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}

.xCellBorder{
background-color: #FFFFFF;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.xTopCell{
background-color: #000000;
width: 100%;
}
/*formats the search box in the shoppage_header file.*/
.searchfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
}
/*formats the display of the text boxes throughout the front end*/
.txtfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.txtfielddropdown{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.menuhdr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image : url(../images/menu/titleback.jpg);
	border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #CCCCCC;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
	color : Black;
	font-size : xx-small;
	font-weight : bold;
	padding : 3px 0px 3px 1px;
	text-align : left;
}
.menubdr{
	background-color : #B3B7BB;
}
.dashed{
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color : #F7F7F7;
}
.leftmenumain1 a{
	display: block;
}
.leftmenumain1 {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.leftmenumain1 a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}
.leftmenumain1 a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.leftmenumain1 a:hover{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}

.leftmenumain1 a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}
.leftmenumain a{
	border-top : 1px solid #D3D3D3;
	display: block;
}
.leftmenumain{
background-color: #F7F7F7;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.leftmenumain a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}
.leftmenumain a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.leftmenumain a:hover{
background-color: #EEEEEE;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}

.leftmenumain a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.dottedBorder {
	border: 1px dotted #cccccc; 
	background-color: #F9F9F9;
	padding: 5px	
}

.submitbtn {
   color:#666666;
   font-family: Tahoma,Arial, Helvetica, sans-serif;
   background-color: #efefef;
   font-size: x-small;
   font-weight: bold;
   border:1px solid #aaaaaa;
}

/*formats the header text throughout the site*/
.txtheader{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}
/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: right;	
}
/*formats the links in the minicart*/

.cartminilinks{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.cartminilinks a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:hover{
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}

.hdrproduct{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;

}
.small-black-text 
{
	color: #000000;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial
}

.text-bold-navyblue

{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold
}


.text-bold-red
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold
}

.input-text
{
FONT-FAMILY:Arial; 
FONT-SIZE:8pt; 
COLOR:#000000;
}
.text-black-bold 
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial
    COLOR:#000000;
    TEXT-DECORATION: underline;
    FONT-WEIGHT: bold;
}
.text-black 
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial
    COLOR:#000000;
}
.NAVBOX
{
    BORDER-RIGHT: #bbc3d3 1pt solid;
    BORDER-TOP: #bbc3d3 1pt solid;
    BORDER-LEFT: #bbc3d3 1pt solid;
    BORDER-BOTTOM: #bbc3d3 1pt solid;
    BACKGROUND-COLOR: #f5f5f5
}
.small-white-text
{
    FONT-SIZE: 8pt;
     COLOR: white;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.header-text
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial
}
.coffe-title
{
	FONT-SIZE: 8 pt;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-FAMILY: Courier New
}
.directory-header
{
	FONT-SIZE: 10 pt;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
.directory-list
{
	FONT-SIZE: 10 pt;
    FONT-WEIGHT: normal;
    COLOR: #000000;
    FONT-FAMILY: Arial    
}    
.product
{
	margin:0px
}
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('http://www.coffeehouse.com/images/cssborder/top1280.jpg'); 
	height: 16px;       
	font-size: 2px;    
	}
.top-left, .bottom-left { 
	margin-right: 16px; 
	}
.top-right, .bottom-right { 
	margin-left: 16px;  
	margin-top: -16px;  
	}
.top-right {
	background-position: 100% 0;    
	}
.bottom-left  { 
	background-position: 0 -16px;   
	}
.bottom-right { 
	background-position: 100% -16px; 
	}
.inside {
	margin-left: 10px;              
	margin-right: 10px;              
	color: #800000;                 
	padding-left: 10px;             
	padding-right:10px;             
	text-align: left;              
	}
.notopgap    { margin-top: 0; }    
.nobottomgap { margin-bottom: 0; } 
.insideleft {
	background-image: url('http://www.coffeehouse.com/images/cssborder/sidel.jpg'); 
	background-repeat: repeat-y;  }
.insideright {
	background-image: url('http://www.coffeehouse.com/images/cssborder/sider.jpg'); 
	background-repeat: repeat-y;   
	background-position: 100% 0; } 
	#trailerLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}

#trailerLinks ul {
	white-space:nowrap;

}
#trailerLinks li {

	list-style:none;
	display:inline;
}

#trailerLinks li a{

	text-decoration: underline;
}

#trailerLinks li a:active{

	text-decoration: none;
}

#trailerLinks li a:hover{

	text-decoration: none;
}
.linksgrey a:hover{
	color: #666666;
	text-decoration: none;
}

.linksgrey a{
	color: #666666;
	text-decoration: underline;
}
.linksgrey a:active{
	color: #666666;
	text-decoration: none;
}