/**
 * CSS by Sean Harvey of SilverStripe
 */

/****************/
/** Global CSS **/
/****************/
html {  
  background: #fff url(../images/bg.gif) repeat-x;
}
* {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
}
.clear {
  clear: both;
}
a {
  color: #6cabd3;
  text-decoration: none;
}
  a:hover {
    color: #fff;
	 background: #6cabd3;
  }
  a:active {
	 background: #3f8ee7;
  }
  a img {
    border: none;
  }

/****************/
/** Layout CSS **/
/****************/

/* Container element to support the centering of elements */
#container {
  width: 900px;
  margin: 0 auto;
}
  /* Apply padding to these elements */
  #Layout,
  #Footer {
    padding-left: 80px;
    padding-right: 80px;
  }
    #Main {
      background: url(../images/main_bg.gif) no-repeat top center;
		padding-top: 110px;
	 }
      #Header {
        background: url(../images/header_bg.jpg) no-repeat top center;
		  padding: 83px 0;
		  position: relative;
		}
        #Header h1 {
          position: absolute;
		    top: 0;
			 left: 80px;
		  }
		    #Header h1 a {
			   background: none;
			 }
        #Header #Menu1 {
          position: absolute;
			 top: 136px;
			 left: 80px;
			 width: 82%;
			 text-align: center;
			 padding: 6px 0;
		  }
            #Menu1 li {
				  display: inline;
              padding: 6px 10px 7px 10px;
            }
				  #Menu1 .section,
				  #Menu1 .current {
				    background: #fff;
					 border-left: 1px solid #ccc;
				    border-right: 1px solid #ccc;
				  }
              #Menu1 li a,
              #Menu1 li span {
                text-decoration: none;
                font-size: 15px;
					 text-transform: lowercase;
              }
                #Menu1 li a {
                  color: #333;
						padding-bottom: 1px;
                }
						#Menu1 .current a,
						#Menu1 li a:hover {
                    color: #6cabd3;
						  background: none;
						  border-bottom: 1px dotted #333;
                  }
							#Menu1 li a:active {
								color: #3f8ee7;
								border-bottom: 1px dotted #3f8ee7;
							}
      #Layout {
			padding-top: 30px;
			overflow: hidden;
		}
		  #LeftContent {
          float: left;
          width: 200px;
        }
          #LeftContent .donateButton {
			   background: url(../images/greenButton.gif) no-repeat left center;
				color: #fff;
				padding: 13px 0 13px 25px;
				font-weight: bold;
				font-size: 16px;
				text-decoration: none;
				display: block;
				width: 158px;
				margin-left:20px;
				border-bottom: none;
			 }
			 	#LeftContent .donateButton.home {
				  margin-bottom: 20px;
				}
				h3.sectionTitle {
					background: #6cabd3 url(../images/sidebarHeaderBgTop.gif) no-repeat left top;
					color: #fff;
					font-size: 14px;
					line-height: 1.8;
					padding-left: 10px;
				}
			  .menu2 {
			    margin-bottom: 20px;
			  }				
	        .menu2 li {
              background: #eee;
				  /* IE requires this width, so the descendant anchors become hasLayout */
				  width: 100%;
            }
					.menu2 li.last {
						background: url(../images/sidebarBottomBg.gif) no-repeat bottom left;
					}
              .menu2 li .item {
                color: #333;
                font-size: 11px;
                text-decoration: none;
                display: block;
                padding: 4px 15px;
					 zoom: 1;
              }
              .menu2 li.current,
              .menu2 li.section {
                background: #bbb;
              }
              .menu2 li .selected,
              .menu2 li a:hover {
                color: #fff;
              }
						.menu2 li .menu3 li.last,
						.menu2 li .menu3 li.last a:hover,
						.menu2 li .menu3 li.last .selected {
							background: none;
						}
						
				  		.menu2 li.last.selected {
							 background: url(../images/sidebarBottomCurrentBg.gif) no-repeat bottom left;
						}
						.menu2 li.last a:hover {
							background: url(../images/sidebarBottomHoverBg.gif) no-repeat bottom left;
						}
						.menu2 li.last li a:hover {
							background: #6CABD3;
						}
						.menu2 li.last li.last a:hover {
							background: url(../images/sidebarBottomHoverBg.gif) no-repeat bottom left;
						}
            .menu3 {
              padding: 0;
            }
              .menu3 li {
                background: none;
              }
					
					.menu2 li .menu3 li.last a:hover {
						background-color: #6cabd3;
					}
				    .menu2 li.last .menu3 li.last {
					 	background: #bbb url(../images/sidebarBottomCurrentBg.gif) no-repeat bottom left;
					 }
				    .menu3 li .item {
						font-size: 10px;
						padding-left: 25px;
					 }
			.footerBar {
				width: 500px;
				height: 95px;
				/*background: url(../images/footer.gif) no-repeat left center;*/
				position: relative;
				margin-left: 310px; /* 210 */
			}
				.footerBar .sponsorLogo,
				.footerBar .copyrightDetails {
					position: absolute;
				}
					.footerBar .sponsorLogo {
						top: 10px;
						left: 20px;
					}
					.footerBar .copyrightDetails {
						bottom: -25px;
						right: 0px;
						color: #c39720;
						font-size: 9px;
						font-weight: bold;
					}
		  #CenterContent {
			 padding: 0 10px;
		  }
          #CenterContent.margin {
            margin-left: 210px;
          }
			 #CenterContent.media {
			 	position: relative;
			 }
			 
			 .product {
			 	text-align: center;
				border-bottom: 1px solid #ccc;
				margin: 20px 0;
			 }
				.price {
					font-weight: bold;
				}
				.orderLink {
					font-weight: bold;
					font-size: 16px !important;
				}
				
				#ShoppingCart ul {
					margin-left: 0px;
				}
				#ShoppingCart ul li {
					list-style: none;
				}
			 
		#Footer {
			padding-left: 295px;
			margin-top: 30px;
		}
	     #Footer p.builtByText {
	       font-size: 10px;
			 padding-right: 30px;
	     	 color: #333;
			 line-height: 4;
			 text-align: right;
	     }
		  #Footer p.builtByText a {
		  		border-bottom: 1px dotted #6cabd3;
			}