/* This sets up the body */
body {
	margin: 0px;
	text-align: center;
}



/* This is the wrapper ID, its what sets the alignment and maximum width 
for the visible elements on the site */
#wrapper {
	text-align: center;
	width: 770px;
}



/* This sets the maximum width for the header cell, this cell contains 
the javascript menu, this is common across all three pages, index.php, 
category.php and eshop.php */
#header {
	width: 770px;
}



/* This is the ilp-image cell, again like abovr in the header cell it only sets one 
property, the width, this cell as it says contains the image */
#ilp-image {
	width: 770px;
}



/* This is the last element in the index.php page, it sets the bold font, in italics */

/* PRODOS: I think this is the section which from the front page enters a shopping region and categories page  */

/* PRODOS: remove font-weight: bold; */

#dropdown {
	width: 770px;
	/* font-weight: bold; */
	color: #000080;
	font-style: italic;
	font-size: 1.10em;
}



/* This is common across category.php and eshop.php. It sets the background color, font properties family, style and weight. Also controls the border color */
#allshops {
	/*height: 25px;*/
	text-align: center;
	background-color: #D5EBFF;
	font-family: "Book Antiqua", "Times New Roman";
	font-style: italic;
	font-weight: bold; 
	border: 2px solid #c4e1ff;
	width: 770px;
	margin: 3px;
}



/* This sets the width for the category selector cell */
#category {
	width: 770px;
}




/* This formats the Banner A area of eshop.php. It sets the following properties
Width,Float (this keeps this cell on the left side), the left and bottom border
and a default hieght */
/* PRODOS: Added padding-top */

#banners {
	width: 490px;
	border-left-style: solid;
	border-left-color: #DFEEFF;
	border-left-width: 1px;
	border-bottom-color: #DFEEFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: .8cm;
}




/* This is where area B and Area C of the eshop page is formatted. 
The properties set here are width, background-color, float 
(floats the cell right) padding height, right-left-bottom border properties, */

/* PRODOS: Added padding-top */
/* PRODOS: changing from width: 300px; */

#sidebar {
	width: 270px;
	background-color: #F2F9FF;
	padding: 5px;
	border-right-style: solid;
	border-right-color: #DFEEFF;
	border-right-width: 1px;
	border-bottom-color: #DFEEFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #DFEEFF;
	border-left-width: 1px;
	padding-top: .8cm;
	font-face: verdana;
}





/* This sets the format for the footer cell on bottom of the page. 
vertical align is bottom and clear: both keeps the footer below the 
banner and sidebar cells */
#footer {
	width: 770px;
	clear: both;
	height: 75px;
	vertical-align: bottom;
}




/* This is specific to the eshop page where the region selector for 
the eshop page itself to change the shopping region for the eshop, 
its property is background-color is set to the pale red shade of red */

/* PRODOS: #FFECEC is a light pink color */

#selector {
	width: 770px;
	background-color: #FFECEC;
	/*height: 15px;
	padding: 5px;*/
	font-family: "book antiqua";
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 0px;
}

/* Identical to the ilp-image identifier at top of this file */
#eshop-title {
	width: 770px;
}