/*****
	The following code is essential for the 3 column (with header and footer) layout
	so be VERY wary of messing with it.
	The code to make it pretty will follow.
******/

body {
	margin: 0;
	padding-left: 190px;    /* LC fullwidth */
	padding-right: 210px;   /* RC fullwidth + CC padding */
	min-width: 210px;       /* LC fullwidth + CC padding */
}

#pagediv_head,
#pagediv_foot {
	margin-left: -190px;    /* LC fullwidth */
	margin-right: -210px;   /* RC fullwidth + CC padding */
}

#pagediv_center {
	padding: 0 10px;
	width: 100%;
}

#pagediv_left {
	width: 180px;           /* LC width */
	padding: 0 10px 0 0;    /* LC padding */
	right: 210px;           /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#pagediv_right {
	width: 180px;           /* RC width */
	padding: 0 0 0 10px;    /* RC padding */
	margin-right: -100%;
}

#pagediv_foot {
	clear: both;
}

/*** IE Fix ***/
* html #left {
	left: 190px;            /* RC fullwidth */
}

.column {
	position: relative;
	float: left;
}



/*****
	The code in this next section adds to the essential code above
	to make the 3 column layout look pretty.
	i.e. background colours and stuff like that.
******/


body {
	font-family: Verdana;
}

#pagediv_head {
	color: White;
	background: Navy;
}

#pagediv_foot {
	text-align: center;
}



/*****
	The Mini Cart
******/
#minicart {
	border-top: 1px solid Navy;
	border-bottom: 1px solid Navy;
	border-left: 1px solid Navy;
	position: absolute;
	z-index: 100;
	right: 0px;
	top: 10px;
	font-family: Verdana;
	background: White;
}




/*****
	Formatting for the menu in the left hand column.
******/
#pagediv_left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#pagediv_left li {
	width: 180px;
	border-bottom: 1px solid RoyalBlue;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
}
#pagediv_left li a:link,
#pagediv_left li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid Navy;
	border-right: 1px solid Navy;
	background-color: MediumBlue;
	color: White;
	text-decoration: none;
}
#pagediv_left li a:hover {
	background-color: Navy;
	color: White;
}

#pagediv_left li.sub1 a:link,
#pagediv_left li.sub1 a:visited {
	background-color: RoyalBlue;
	color: Navy;
	border-bottom: 1px solid Navy;
}

#pagediv_left ul.subnav {
	margin-left: 12px;
}
#pagediv_left ul.subnav li {
	border-bottom: 1px solid Navy;
	width: 168px;
}
#pagediv_left ul.subnav a:link,
#pagediv_left ul.subnav a:visited {
	background-color: RoyalBlue;
	color: Navy;
}
#pagediv_left ul.subnav a:hover {
	background-color: Navy;
	color: White;
}


a.cart_button {
	text-align: center;
	background-color: MediumBlue;
	color: White;
	text-decoration: none;
	font-size: 0.8em;
	border: 1px solid Navy;
	margin: 1px 1em 1px 0;
	padding: 2px 8px;
}
a.cart_button:hover {
	background-color: Navy;
}


/*****
	Other stuff.
******/

a img {
	border: none;
}

#tr_menu {
	float: right;
}


div.content,
div.group_gallery {
	width: auto;
	margin: 10px 0;
	border: 1px solid Black;
	background-color: White;
	padding: 10px;
}

.return_path {
	font-size: 0.7em;
}

div.special_message {
	text-align: center;
	color: #ff0000;
	border: 1px solid #ff0000;
}