/*******************************************************************/
/* This is the CSS file used to layout Solundrian pages       */


/* Define the main layout characteristics to build the columns */
#left, #middle, #right {
	background-color: transparent;
	float: left;
}

#left {
	width: 15%;
	min-width: 5em;
	padding-left: 5px;
	padding-right: 5px;
	
	
}


#right {
	width: 15%;
	font-size: medium;
	font-weight: normal;
	padding-right: 5px;
}

#middle {
	width: 60%;
	padding-left: 10px;
	padding-right: 5px;
	background-color:#00b9b9;
	
}

#header, #footer {
	width: 100%;
	
}


#footer {
	clear: both;
}


html, body, div, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border-width: 0;
}



/* Define the main style characteristics to apply to content 
   in the columns */
   
html, body {
	background-color: #0080c0;
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: xx-small;
}


#header, #footer {
	color:#FFF;
	text-align: center;
}


#header {
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	letter-spacing: .2em;
	
}

#header.h1 {
	font-size: medium;
	font-weight: normal;
	text-transform: uppercase;
}


#footer {
	
	margin-bottom: 0em;
	margin-top: 0.5em; 
}



/* Define cart-specific styles */

/* formatting for items added to the cart */
.cartitems {
	font-size: small;
	font-weight:normal;
	line-height:120%;
	margin-left: 15px;
}


/* Add your own CSS styles, if required to illustrate a technique */

     
    #left  a:link {
           color : #800000;
           text-decoration : none;
          /* background-color : white;*/
      }
     #left  a:hover {
           color : black;
           text-decoration : none;
           background-color : #ccd701;
      }
     #left  a:active {
           color : white;
           text-decoration : none;
           background-color : black;
      }
     #left p a:visited {
           color : gray;
           text-decoration : none;
           background-color : #e0f3bb;
      }
.cartitems {
  font-size: 1.1em;
  font-weight:bold;

}