/*******************************************************************/
/* This is the CSS file used to layout the A&B Pots and Pans       */
/* sample web pages.                                               */
/*                                                                 */
/* WARNING: THERE ARE NO POINTS IN THE ECA FOR MODIFYING THIS      */
/*          CSS LAYOUT.  THEREFORE, UNLESS YOU NEED TO ADD         */
/*          SOMETHING TO ILLUSTRATE A TECHNIQUE, YOU SHOULD NOT    */
/*          BE HERE.  (-:   InHouse Design Team @ A&B!             */
/*******************************************************************/
   

/* 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;
	border-left: 1px solid #333; 
	border-right: 1px solid #333; 
	border-bottom: 1px solid #333;
	background: #fff;
}


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

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

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


#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: #cc6;
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: small;
}


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


#header {
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	letter-spacing: .2em;
	border-bottom:1px dotted #999999;
	border-top:3px dotted #999999;
}

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


#footer {
	border-top:1px dotted #999999;
	border-bottom:3px dotted #999999;
	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 */