.qsc {   /* add the paisley background to the page */
  background: #000000 url('http://www.pearlscoffee.com/images/background.jpg') repeat;
}

body { /* change the font for the store to match Pearl's */
font-family:"Verdana",Helvetica,sans-serif;
font-size:80%;
}

.qsc-site-company-copyright {
 color : white;
 margin-left: 20px;
 margin-top: 10px;
 margin-bottom: 10px;
}


/* In the CSS, a class selector is a name preceded by a full stop (.) and an ID selector is a name preceded by a hash character (#). */

/* Featured product(s) on storefront */
#featured-products {
margin-left: 20px;
}

/* H2 class=listitemheader featured-product-header */

.listitemheader featured-product-header H2{
color : green;
border-bottom-color : blue;
}




/** small product boxes **/
.content-product-header {
min-height: 40px;
}


/** changes on the shopping cart page **/

tr.member-row {
  color : blue;
  background-color : yellow;
}

/*****/


/**** changes to billing on checkout page ****/

/** important ones: **/

#messages .error {   /* errors in billing address, etc. */
 width: 300px;
 color : yellow;
 border-color : yellow;
 background-color : #6f2735;
}

#messages .info {   /* name when signed in and out */
 width: 300px;
 color : silver;
 border-color : yellow;
 background-color : #6f2735;
 text-align : center;
}

.member h3 {
 font-size: 14px;
} 

#checkout-right-column {
width: 350px;
 float: left; 
}

.fcontain {
 border-style : dotted; 
width : 350px;
 float: left;
}

/*****************************************/

.sf_footer {
 margin-bottom: -50px;
}

.sf_extra10 { /* add the image at top left of the logo */
background-image:url('http://www.pearlscoffee.com/images/mainimage-wide.jpg');
background-position: 0 0;
background-repeat:no-repeat;
height:134px;
width:270px;
left:0;
/* position:absolute; */
/* top:20px; */
}

.sf_extra1 {  /* image at very top of page */
 	background: #000000 url('http://www.pearlscoffee.com/images/topwide.jpg');
	height: 30px;
 	text-align: left;
	width: 750px;
	margin: 0 auto;
}



.sf_wrapper { /* add a repeating background for the body, any length */
	background: url('http://www.pearlscoffee.com/images/bgwide.jpg');
	color: #D3D3D3;
	text-align: left;
	width: 750px;
	margin: 0 auto;
}


/**** Move the right column up ****/
.sf_header_wrapper {   /* this did it right here */
  margin-top: -120px; 
}



.sf_main_header {
  visibility: hidden;
 height: 2px;
}


.sf_extra2 {
 visibility: hidden;
}

.sf_extra3 {
 visibility: hidden;
background:transparent url(images/pagetitle.gif) repeat-x scroll 0 0;
clear:both;
height:35px;
width:100%;
}


.sf_extra9 {   /* footer for the web page  */
 	background: #000000 url('http://www.pearlscoffee.com/images/footerwide2.jpg');
	height: 153px;
 	text-align: left;
	width: 750px;
	margin: 0 auto;
}



/******************** do these do anything? 
.content {
margin: -20px 0 0 0;
color: silver;
}
.breadcrumb {
 margin-top: -200px;
 }
*********************/

.main-content {         /* the right column content */
width: 400px;
/* margin-top: -150px; */
 margin-left: -60px; 
}


/**** link colors in right column ****/
a:link {
 color: #e75772;
 }

a:visited {  /* no different */
 color: #e75772;
}

a:hover {
 color: #6a4638;
 }
/****/


/**** color of some highlight bars  ****/
.member-table th {
 background-color: #e75772;
}
/****/




.sidebaritem {     /* left menu height */
 /*  margin-top: -20px; */
}


.navigation1 ul li a,
 sf_navigation ul li a {
                font: normal 12px Verdana, Helvetica, sans-serif;
                font-weight: bold;
                background-image: none;
       width: 200px;
       margin-left: 30px;
 	display: block;
	color: #e75772;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px solid #e75772;}

.navigation1 ul li a:hover,
.sf_navigation ul li a:hover{
                 background-image: none;
	color: #6a4638;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px solid #6a4638;}

.sf_navigation {
 background-image: none);
}