/** CSS by Sean Harvey of SilverStripe, questions or comments to sean@silverstripe.com **/
html {
	background:#fff;
}
body {
	font-size:62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size:1em;
	/* reset font-sizes to 1em == 10px */
	padding:0;
	margin:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	list-style:none;
}
a img { border:0; }
.clear {	clear:both; }

/* Main layout CSS */
#Main {
	padding:5px;
}
	#Header {
		background:#e7e8e9 url(../images/header_bg.gif) no-repeat bottom left;
		float:left;
		width:100%;
	}
		#HeaderLeft {
			float:left;
		}
			/* Menu1 styling */
			#Menu1 {
				padding-left:70px;	
			}
				#Menu1 li {
					display:inline;
					padding:0 5px 0 4px;
					border-right:1px solid #801D28;
				}
					#Menu1 li.first {
						background:url(../images/home_icon.gif) no-repeat left center;
						padding-left:28px;
					}
					#Menu1 li.last { border-right:none;	}
					#Menu1 li a {
						color:#801D28;
						font-size:1.1em;
						line-height:2.5em;
						text-decoration:none;
					}
						#Menu1 li a:hover,
						#Menu1 li.current a,
						#Menu1 li.section a {
							color:#c71c2f;
							text-decoration:underline;
						}
		#HeaderRight {
			width:318px;
			float:right;
		}
			/* Top right site map (iconic) navigation menu */
			#SiteNav {
				float:right;
			}
				#SiteNav li {
					width:100px;
					margin-top:10px;
					text-align:center;
					float:left;
				}
					#SiteNav li.tell-a-friend-about-this-site a { background:url(../images/topnav_friend.gif) no-repeat top center; }
					#SiteNav li.tell-a-friend-about-this-site a:hover { background:url(../images/topnav_friend-hover.gif) no-repeat top center; }
					#SiteNav li.tell-a-friend-about-this-site.current a { background:url(../images/topnav_friend-hover.gif) no-repeat top center; }
					#SiteNav li.my-account a { background:url(../images/topnav_account.gif) no-repeat top center; }
					#SiteNav li.my-account a:hover { background:url(../images/topnav_account-hover.gif) no-repeat top center; }
					#SiteNav li.my-account.current a { background:url(../images/topnav_account-hover.gif) no-repeat top center; }
					#SiteNav li.shopping-cart a { background:url(../images/topnav_basket.gif) no-repeat top center; }
					#SiteNav li.shopping-cart a:hover,
					#SiteNav li.shopping-cart.current a { background:url(../images/topnav_basket-hover.gif) no-repeat top center; }
					#SiteNav li.checkout a { background:url(../images/topnav_checkout.gif) no-repeat top center; }
					#SiteNav li.checkout a:hover { background:url(../images/topnav_checkout-hover.gif) no-repeat top center; }
					#SiteNav li.checkout.current a { background:url(../images/topnav_checkout-hover.gif) no-repeat top center; }
					#SiteNav li a {
						color:#801D28;
						display:block;
						padding-top:41px;
						height:27px;
						font-size:0.9em;
						text-decoration:none;
					}
						#SiteNav li a:hover,
						#SiteNav li.current a,
						#SiteNav li.section a {
							color:#c71c2f;
						}
	/* Generic content area styling */
	#Content {
		clear:both;
		padding-top:2em;
	}
		/* Left content styling */
		#LeftContent {
			float:left;
			width:150px;
			background:url(../images/leftcontent_bg.gif) repeat-y right top;
		}
			#LeftContent h2 {
				color:#fff;
				padding-left:10px;
				font-size:1.4em;
				line-height:1.5em;
				margin-bottom:5px;		
				background:url(../images/leftmenuhead_bg.gif) no-repeat left center;
			}
			/* Product group menu styling */
			#LeftContent ul.productGroups {
				padding-left:5px;
			}
				ul.productGroups li a {
					font-size:1.4em;
					color:#801D28;
					letter-spacing:1px;
					font-weight:bold;
					line-height:1.7em;
					text-decoration:none;
				}
					ul.productGroups li a:hover,
					ul.productGroups li.current a,
					ul.productGroups li.section a,
					ul.productGroups li.section ul li.current a,
					ul.productGroups li.section ul li.section a,
					ul.productGroups li.section ul li a:hover,
					ul.productGroups li.current ul li a:hover {
						text-decoration:underline;
						color:#c71c2f;
					}
					ul.productGroups li.section ul li.current,
					ul.productGroups li.section ul li.section {
						background:url(../images/menu_arrow_bg.gif) no-repeat left center;
						padding-left:5px;
					}
					ul.productGroups li.current ul li a,
					ul.productGroups li.section ul li a {
						text-decoration:none;
					}
					ul.childrenGroups {
						padding-left:7px;
					}
						ul.childrenGroups li a {
							font-weight:normal;
							line-height:1.2em;
						}
			/* Shopping cart styles */
			#ShoppingCart {
				margin-top:20px;
				margin-right : 6px;
				padding-bottom:10px;
				background:url(../images/myCart_bg.gif) no-repeat center center;
			}
					#ShoppingCart p a {
						font-size:1em;
					}
				#ShoppingCart p.Total {
					font-weight:bold;
				}
				#ShoppingCart p.shipping {
					margin-top:10px;
				}
				#ShoppingCart a {
					line-height:1.5em;
				}
					#ShoppingCart a {
						color:#801D28;
						font-weight:bold;
						text-decoration:underline;
					}
						#ShoppingCart a:hover {
							color:#c71c2f;
							text-decoration:none;
						}
				#ShoppingCart a.checkoutButton {
					color:#801D28;
					font-size:1.1em;
					line-height:2em;
				}
					#ShoppingCart a.checkoutButton:hover {
						color:#c71c2f;
					}
		/* Push these content boxes to the right so they right of the left menu */
		#SearchResultsContent,
		#RightContent,
		#ProcessBox {
			margin-left:165px;
			width:600px;
		}
	/* Footer styling */
	#Footer {
		clear:both;
		text-align:right;
		margin:10px 5px 5px 5px;
	}
		#Footer span {
			font-size:1.2em;
			padding-right:6px;
		}