/* CSS Document */

/* General Styles */
* {
 	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background: url(../images/background-slice.jpg) center repeat-y;
}

/* Typography */
h1 {
	color: #009035;
	margin-bottom: 5px;
}
h2 {
	color: #E3001C;
	margin: 5px 0;
}
h3 {
	color: #E3001C;
	margin: 5px 0;
}
a {
	color: #009035;
}
p.errorMessage {
	padding: 5px;
	margin: 5px 0;
	color: #E3001C;
	border: #E3001C 1px solid;
}
	
/* Main Layout */
#container {
	width: 770px;
	margin: 0 auto;
}

#sidebar {
	float: left;
	width: 90px;
	margin: 10px;
}

#content {
	float: left;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	width: 460px;
	padding: 0 10px 10px 10px;
	margin: 10px 0;
}

#navigationbar {
	float: right;
	width: 160px;
	margin: 10px 0 0 5px;
}
	

/* Header Styles */
#container #header {
	border-top: 5px solid #009035;
	border-bottom: 5px solid #009035;
}

/* Sidebar Styles */
#sidebar ul {
	list-style: none;
	text-align: center;
}

#sidebar li {
	width: 90px;
	background: #019036;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#sidebar img {
	border: none;
}

#sidebar a {
	text-decoration: none;
	color: #FFF;
}

/* Navigation Bar Styles */
#navigationbar #shoppingBasketSummary h3 {
	text-indent: -9999px;
	background: url(../images/title-basket.gif) no-repeat;
}

#navigationbar #productSearch,
#navigationbar #navigation {
	margin-top: 20px;
}

#navigationbar #productSearch h3 {
	text-indent: -9999px;
	background: url(../images/title-search.gif) no-repeat;
}

#navigationbar #navigation h3 {
	text-indent: -9999px;
	background: url(../images/title-navigation.gif) no-repeat;
}

#navigationbar #navigation ul {
	margin-left: 10px;
	list-style: none;
}

#navigationbar #navigation ul a {
	font-size: 150%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-indent: 10px;
}

#navigationbar #navigation ul a:hover {
	color: #009035;
}

#navigationbar #navigation ul li {
	margin: 10px 0;
}

#navigationbar #navigation ul ul {
	list-style-image: url(../images/bullet-red.gif);
	list-style-type: circle;
}

#navigationbar #navigation ul ul a {
	font-size: 100%;
	font-weight: normal;
}

#navigationbar #navigation ul ul li {
	margin: 0 0 0 10px;
}

#navigationbar #navigation a.selectedLink {
	color: #009035;
}

/* Content Styles */
/*Product Index*/
ul.indexes {
	clear: both;
	width: 98%;
	margin: 10px auto;
	padding: 5px 0;
	list-style: none;
	text-align: center;
	background: #FFF;
	border: #D1D1D1 1px solid;
}
ul.indexes li a {
	color: #29913E;
}

.productRow {
	clear: both;
}
.productRow img.image {
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
}
.productSummaryLeft,
.productSummaryRight {
	width: 48%;
	padding-bottom: 10px;
	text-align: center;
}
.productSummaryLeft {
	float: left;
}
.productSummaryRight {
	float: right;
}
.productRow h2.title {
	font-size: 110%;
	font-weight: bold;
}
.productRow h2.title a {
	color: #019036;
}
.productRow img {
	margin: 0 auto;
	display: block;
	border: none;
}
.productRow .description {
}
.productRow ul.prices {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
.productRow ul.prices li.price {
	color: #019036;
}
.productRow ul.prices li.price .value {
	font-weight: bold;
}
.productRow .button {
}

/* Product Details Page */
#product {
}
#productImages {
	width: 460px;
	float: left;
}
#productImages img {
	border: none;
}
#productImages ul {
	margin: 5px 0 0 0;
	padding: 0;
}
#productImages ul li {
	margin: 0 5px 0 0;
	display: inline;
}
#productImages ul li a img {
	border: #D1D1D1 1px solid;
	width: 85px;
	height: 85px;
}
#productImages ul li a:hover img {
	border: #666 1px solid;
}
#product #prices {
	width: 40%;
	float: right;
	margin: 30px 0 5px 0;
	padding: 0;
	list-style: none;
}
#product ul#prices li#price {
	color: #E3001C;
}
#product ul#prices li#price .value {
	font-weight: bold;
}
#product ul#purchase {
	width: 40%;
	clear: right;
	float: right;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
#product ul#purchase li#quantity {
	margin: 0 0 10px 20px;
}
#product a#buttonAddToBasket {
	padding: 0px 10px 0px 10px;
	color: #FFF;
	text-decoration: none;
	border: #D1D1D1 1px solid;
	background-color: #009035;
}
#product #description {
	float: left;
	width: 60%;
}
	

/* Main Footer Styles */
#main #mainFooter {
	clear: both;
	height: 166px;
	background: url(../images/graphic-business-card.jpg) no-repeat top right;
}

/* Footer Styles */
#container #footer {
	clear: both;
	border-top: 5px solid #009035;
	text-align: center;
}

#container #footer #textNavigation {
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #D1D1D1;
}

#container #footer #textNavigation li,
#container #footer #textNavigation ul {
	display: inline;
}

#container #footer #textNavigation a {
	color: #000;
	padding: 0 10px;
	background: url(../images/footer-divider.gif) no-repeat center left;
	text-decoration: none;
}

#container #footer #textNavigation a:hover {
	text-decoration: underline;
}

#container #footer #textNavigation a.first {
	background: none;
}

#container #footer #credits {
	margin: 5px 0;
}
#container #footer #credits a {
	color: #009035;
	text-decoration: none;
}