/* -- BF Internet King Kong Climbing Walls -- */



/* -- Version 1.0 -- */



html {

	background: url(/images/main/bg.jpg) repeat #0e0e0e;

}



body {

	color:#fff;

	text-align:left;

	font-family:trebuchet MS, arial, verdana;

}



/* -- BASICS -- */



a {

	color:#fff;

	outline:none;

}



a:hover {

	text-decoration:none;

	color:#B0CF00;

}



select, input, button, textarea, button {

	font-family: trebuchet MS, Arial, Verdana;

}



h1 {
	color: #aac900;
	font-family: verdana,tahoma,arial;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0;
	text-transform: uppercase;
}



h2 {
	color: #FFFFFF;
	font-family: verdana,tahoma,arial;
	font-size: 19px;
	font-weight: bold;
	margin: 10px 0;
	text-transform: uppercase;
	display: block;
	clear: both;
}



h3 {
	color: #AAC900;
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px;
	text-transform: uppercase;
}



h4 {

	color:#FFFFFF;

	font-size:14px;

	font-weight:bold;

	letter-spacing:0;

	text-transform:uppercase;

	margin:5px 0;

}



h5 {

	color:#9C9C9C;

	font-size:16px;

	font-weight:bold;

	letter-spacing:1px;

	margin:5px 0;

}

	

p {

	margin:10px 15px 10px 0;

	line-height:20px;

	text-align:justify;

}



/* -- HORIZONTAL RULER -- */



.hr {

	background:transparent url(/images/hr.gif) repeat-x scroll 0 0;

	display:block;

	float:left;

	height:2px;

	margin:0 10px 10px 0;

	text-indent:-9999px;

	width:97%;

}



#divider {

	background: url(/images/main/greenBg.gif) repeat-x scroll 0 57px;

}



#wrapper {

	width:100%;

	height:auto;

	background: url(/images/main/shadow.png) repeat-y;

	background-position: 50% 0%;

}



#mainContainer {

	width:959px;

	position:relative;

	left:50%;

	margin-left:-479px;

}



/* -- TOP SECTION -- */



#navContainer {

	width:959px;

	height:57px;

	background-color:#2d2d2d;

	margin-top:74px;

}



h1#logo {
	background:transparent url(../images/main/logo.png) no-repeat scroll left top;
	height:101px;
	left:13px;
	margin:0;
	position:relative;
	text-indent:-99999px;
	top:-57px;
	width:218px;
	z-index:80;
}



h1#logo a {

	display:block;

	height:101px;

	text-indent:-8999px;

	width:218px

}



/* -- SEARCH BAR -- */



.productSearch {

	left:747px;

	position:absolute;

	top:-42px;

	width:300px;

}



.productSearch input {

	background-color:#484848;

	border:none;

	color:#999999;

	float:left;

	font-size:12px;

	padding:4px 0 4px 8px;

	width:165px;

}



.productSearch input.button {

	background:transparent url(/images/main/goBtn.png) no-repeat scroll 0 0;

	float:left;

	height:32px;

	padding:0;

	width:39px;

	text-indent:-2999px;

	cursor:pointer;

}	



#topNav {

	background:transparent url(../images/main/topnav.png) no-repeat scroll 0 0;

	float:right;

	height:57px;

	position:relative;

	width:702px;

	top:-101px;

}



#topNav a {
	display: block;
	float: left;
	text-indent:-9999px;
	background:transparent url(../images/main/topnav.png) no-repeat scroll 0 0;
}


#topNav a:hover {
    border:none;
}


#topNav #home { width: 117px; height:57px;}
#topNav #home.active { background-position: 0 100% !important; }
#topNav #home:hover {background-position: 0px -57px; }

#topNav #climbing { width: 117px; height:57px; background-position:118px 57px; }
#topNav #climbing.active { background-position: -117px 100% !important; }
#topNav #climbing:hover {background-position: -117px -57px; }

#topNav #equipment { width: 117px; height:57px; background-position:118px 57px; }
#topNav #equipment.active { background-position: -234px 100% !important; }
#topNav #equipment:hover { background-position: -234px -57px; }

#topNav #gallery { width: 117px; height:57px; background-position:118px 57px; }
#topNav #gallery.active { background-position: -351px 100% !important; }
#topNav #gallery:hover {  background-position: -351px -57px; }

#topNav #contact { width: 117px; height:57px; background-position:118px 57px; }
#topNav #contact.active { background-position: -468px 100% !important; }
#topNav #contact:hover { background-position: -468px -57px; }

#topNav #basket { width: 117px; height:57px; background-position:118px 57px; }
#topNav #basket.active { background-position: -585px 100% !important; }
#topNav #basket:hover { background-position: -585px -57px; }



#topNav2 {
	background:transparent url(../images/main/topnav2.png) no-repeat scroll -8px 0;
	float:right;
	height:57px;
	position:relative;
	width:693px;
	top:-101px;
}


#topNav2 a {
	display: block;
	float: left;
	text-indent:-9999px;
	background:transparent url(../images/main/topnav2.png) no-repeat scroll -8px 0;
}


#topNav2 #home { width: 87px; height:57px;}
#topNav2 #home.active { background-position: -8px 100% !important; }
#topNav2 #home:hover {background-position: -8px -57px; }

#topNav2 #climbing { width: 93px; height:57px; background-position:-95px 57px; }
#topNav2 #climbing.active { background-position: -95px 100% !important; }
#topNav2 #climbing:hover {background-position: -95px -57px; }

#topNav2 #holds { width: 93px; height:57px; background-position:-188px 57px; }
#topNav2 #holds.active { background-position: -188px 100% !important; }
#topNav2 #holds:hover {background-position: -188px -57px; }

#topNav2 #equipment { width: 82px; height:57px; background-position:-281px 57px; }
#topNav2 #equipment.active { background-position: -281px 100% !important; }
#topNav2 #equipment:hover { background-position: -281px -57px; }

#topNav2 #gallery { width: 110px; height:57px; background-position:-363px 57px; }
#topNav2 #gallery.active { background-position: -363px 100% !important; }
#topNav2 #gallery:hover {  background-position: -363px -57px; }

#topNav2 #contact { width: 111px; height:57px; background-position:-473px 57px; }
#topNav2 #contact.active { background-position: -473px 100% !important; }
#topNav2 #contact:hover { background-position: -473px -57px; }

#topNav2 #basket { width: 117px; height:57px; background-position:-584px 57px; }
#topNav2 #basket.active { background-position: -584px 100% !important;}
#topNav2 #basket:hover { background-position: -584px -57px; }



#topNav3 {
	background:transparent url(../images/main/topnav3.png) no-repeat scroll 0 0;
	float:right;
	height:57px;
	position:relative;
	width:703px;
	top:-101px;
}

#topNav3 a {
	display: block;
	float: left;
	text-indent:-9999px;
	background:transparent url(../images/main/topnav3.png) no-repeat scroll 0 0;
}

#topNav3 #home { width: 73px; height:57px;}
#topNav3 #home.active { background-position: 0 100% !important; }
#topNav3 #home:hover {background-position: 0 -57px; }

#topNav3 #climbing { width: 81px; height:57px; background-position:-73px 57px; }
#topNav3 #climbing.active { background-position: -73px 100% !important; }
#topNav3 #climbing:hover {background-position: -73px -57px; }

#topNav3 #holds { width: 81px; height:57px; background-position:-154px 57px; }
#topNav3 #holds.active { background-position: -154px 100% !important; }
#topNav3 #holds:hover {background-position: -154px -57px; }

#topNav3 #equipment { width: 71px; height:57px; background-position:-235px 57px; }
#topNav3 #equipment.active { background-position: -235px 100% !important; }
#topNav3 #equipment:hover { background-position: -235px -57px; }

#topNav3 #gallery { width: 96px; height:57px; background-position:-306px 57px; }
#topNav3 #gallery.active { background-position: -306px 100% !important; }
#topNav3 #gallery:hover {  background-position: -306px -57px; }

#topNav3 #projects { width: 106px; height:57px; background-position:-402px 57px; }
#topNav3 #projects.active { background-position: -402px 100% !important; }
#topNav3 #projects:hover {  background-position: -402px -57px; }

#topNav3 #contact { width: 90px; height:57px; background-position:-508px 57px; }
#topNav3 #contact.active { background-position: -508px 100% !important; }
#topNav3 #contact:hover { background-position: -508px -57px; }

#topNav3 #basket { width: 105px; height:57px; background-position:-598px 57px; }
#topNav3 #basket.active { background-position: -598px 100% !important;}
#topNav3 #basket:hover { background-position: -598px -57px; }


#cartContainer {

	background: url(/images/main/greenBg.gif) repeat-x;

	height:30px;

}



#cart {

	left:771px;

	position:absolute;

}



#secondaryContainer {

	background-color:#1f1f1f;

	float:left;

	position:relative;

	top:-71px;

	padding-bottom:10px;

}



/* -- SHOP NAVIGATION -- */



#leftColumn {

	float:left;

	width:216px;

}



#secondaryContainer #leftColumn .hr {

	background:transparent url(/images/hr.gif) repeat-x scroll 0 0;

	display:block;

	height:2px;

	margin:10px 0;

	width:100%;

}



#leftColumn img.navTitle {

	margin:10px 0 -10px 10px;

}



#leftColumn dl#leftNav {

	margin:15px 0 15px 15px;

	padding:0;

}



#leftColumn dl#leftNav dt {

	font-family:verdana;

	font-size:14px;

	padding:0 0 7px;

	text-decoration:none;

	text-transform:uppercase;

}



#leftColumn dl#leftNav dt a {

	text-decoration:none;

}



#leftColumn dl#leftNav dt a:hover {

	text-decoration:underline;

}



#leftColumn dl#leftNav dd {

	background-color:#141414;

	margin:5px 0 10px -16px;

	padding:10px 0 15px 30px;

}



#leftColumn dl#leftNav dd ul li a {

	color:#9AB504;

	text-decoration:none;

	display:block;

	padding:4px 0;

}



#leftColumn dl#leftNav dd ul li a:hover {

	color:#eaeaea;

	text-decoration:none;

	background-color:#0F0E0E;

}



/* -- MAIN CONTENT AREA -- */



#bodyCopy {

	float:left;

	width:724px;

	margin-left:18px;

	padding:20px 0;

}

	#bodyFull {

		padding:20px;

		width:auto;

	}



#bodyCopy ul, #bodyFull ul {

	margin: 20px 50px 20px 60px;

}



#bodyCopy ul li, #bodyFull ul li {

	list-style-type: disc;

	line-height: 18px;

}



#bodyCopy ul.address {

	margin: 20px 0 20px 30px;

}



#bodyCopy ul.address li {

	list-style-type: none;

}



.rotator {

	margin: 11px 0 15px;

}



.home {

	text-align:center;

}

	.home p {
		margin-bottom:30px;
	}

/*	.home div {
		float:left;
		margin:0 14px;
		text-align:center;
	}*/

	

#twitterHome, #facebookHome, #brochurehome {
	float:left;
	width: 197px;
	margin:30px 54px;
}

#brochurehome a {
	background:url(../images/brochurebtn.png) no-repeat;
	display:block;
	height:67px;
	width:197px;
	text-indent:-9999em;
}

	#brochurehome a:hover {
		background:url(../images/brochurebtn.png) no-repeat bottom;
	}


#twitterHome a {
	background:url(../images/twitterBtn.png) no-repeat 0 -1px;
	display:block;
	height:67px;
	text-indent:-9999em;
	width:197px;
}

	#twitterHome a:hover {
		background:url(../images/twitterBtn.png) no-repeat bottom;
	}

#facebookHome a {
	background:url(../images/facebookBtn.png) no-repeat;
	display:block;
	height:61px;
	margin-top:6px;
	text-indent:-9999em;
	width:197px;
}

	#facebookHome a:hover {
		background:url(../images/facebookBtn.png) no-repeat bottom;
	}


.projects-container {
	padding-top: 10px;
	text-align:left;
}

.projects-container h2 {
	float:left;
	margin:0 0 20px 0;
}

.homeClimbing, .homeHolds, .homeEquipment {
	float:left;
	margin:0 14px;
	text-align:center;
}

	

/* -- PRODUCT CONTAINER -- */



.prodContainer {

	clear:both;

	display:block;

	float:left;

	width:100%;

}



.prodContainer p {

	float: left;

	width: 380px;

}



.prodContainer img {

	float:right;

	margin-bottom:15px;

	margin-right:23px;

	margin-top:15px;

}



	#bodyFull .prodContainer p {
		width:560px;
	}

	.holds .prodContainer p {
		width:auto!important;
	}

		.holds .prodContainer span a {
			float:left;
			height:122px;
			margin:0 20px 105px 0;
			text-indent:-9999em;
			width:209px;
		}

		.holds .prodContainer span#kingKingRange a {

			background:url(/images/King-KongRange-LOGO.jpg) no-repeat;

		}

		.holds .prodContainer span#hrtSafety a {

			background:url(/images/HRT-Holds-LOGO.jpg) no-repeat;

		}

		.holds .prodContainer span#hrtVolumes a {

			background:url(/images/HRT-Volumes-LOGO.jpg) no-repeat;

		}

		.holds .prodContainer .hr {

			width:100%;

		}



/* -- FOOTER -- */



#footer {
	background-color: #151515;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	display: block;
	float: left;
	height: 125px;
	margin-top: -71px;
	position: relative;
	width: 958px;
	text-align: center;
}



#footer ul {
	margin: 20px 0 0;
	padding: 0;
}



#footer ul li {
	display: inline;
	font-size: 11px;
	list-style-type: none;
	text-decoration: none;
}



#footer ul li a {
	color: #fff;
	text-decoration: none;
}



#footer ul li a:hover {
	color: #9AB504;
	text-decoration: underline;
}



#footer p {
	color: #9AB504;
	font-size: 11px;
	margin: 5px 0;
	text-align: center;
}


#footer img {
	padding:0 20px;
}



/* -- HOMEPAGE -- */



.leftBlock {

	float:left;

	width:500px;

}



.rightBlock {

	float:right;

	width:224px;

}



/* -- Sign up links -- */



.facebook {

	background:transparent url(/images/facebookBtn.png) no-repeat scroll 0 -61px;

	display:block;

	height:61px;

	margin:10px 0;

	text-indent:-9999em;

	width:197px;

}



.twitter {

	background:transparent url(/images/twitterBtn.png) no-repeat scroll 0 -68px;

	display:block;

	height:67px;

	margin:10px 0 15px 0;

	text-indent:-9999em;

	width:197px;

}



.twitter:hover {

	background-position: 0 1%;

}



.facebook:hover {

	background-position: 0 0%;

}



.newsletter {

	background:transparent url(/images/newsletterBg.png) no-repeat scroll 0 0;

	height:61px;

	width:197px;

	margin:10px 0;

}



.newsletter input {

	background:transparent none repeat scroll 0 0;

	border:medium none;

	color:#FFFFFF;

	font-size:11px;

	left:13px;

	position:relative;

	top:24px;

	width:142px;

}



.newsletter input.button {

	background:transparent url(/images/newsletterGoBtn.gif) no-repeat scroll 0 0;

	cursor:pointer;

	height:26px;

	left:17px;

	position:relative;

	text-indent:-9999px;

	top:25px;

	width:26px;

}



/* -- Product Page Styles -- */



#prodLeft {

	float:left;

	width:350px;

	padding-top:4px;

}



#prodLeft img {

	margin:0 0 10px 0;

}



#prodRight {

	float:right;

	padding:0 5px 0 0;

	width:350px;

}



button.orderButton {

	background:transparent url(/images/addBtn.jpg) no-repeat scroll 0 0;

	border:medium none;

	cursor:pointer;

	height:30px;

	text-indent:-9999px;

	width:149px;

	display:block;

}



button.orderButton:hover {

	left:1px;

	position:relative;

	top:1px;

}



/* -- Script Messages -- */



.outStock {

	background:transparent url(/images/icons/warning.png) no-repeat scroll 0 1px;

	color:#FFCC00;

	padding-left:22px;

}



.phone {

	background:transparent url(/images/icons/phone.png) no-repeat scroll 0 1px;

	color:#2CC1EF;

	padding-left:22px;

}



.phone span {

	color:#fff;

}



/* -- Special Offer -- */



p.specOffTxt {

	font-size:11px;

}



h6.rrp {

	color:red;

	font-size:11px;

	font-weight:bold;

}



/* -- Social Icons -- */



.social:hover {

	position:relative;

	top:1px;

	left:1px;

}



a.prodTwitter {

	background:transparent url(/images/icons/twitter.png) no-repeat scroll 0 0;

	display:block;

	float:left;

	height:30px;

	margin:0 10px 10px 0;

	text-indent:-9999px;

	width:31px;

}



a.prodDel {

	background:transparent url(/images/icons/delicious.png) no-repeat scroll 0 0;

	display:block;

	float:left;

	height:30px;

	margin:0 10px 10px 0;

	text-indent:-9999px;

	width:31px;

}



a.prodFacebook {

	background:transparent url(/images/icons/facebook.png) no-repeat scroll 0 0;

	display:block;

	float:left;

	height:30px;

	margin:0 10px 10px 0;

	text-indent:-9999px;

	width:31px;

}



a.psearodFlickr {

	background:transparent url(/images/icons/flickr.png) no-repeat scroll 0 0;

	display:block;

	float:left;

	height:30px;

	margin:0 10px 10px 0;

	text-indent:-9999px;

	width:31px;

}



/* -- Contact Form -- */



.contact-buttons {

	

	display: block;

	clear: both;

	padding-top: 15px !important;

	text-align: center;

	padding-bottom: 15px !important;

}



.contact-buttons button {

	

	margin-right: 5px !important;

	display: inline-block;

}



.contact-left, .contact-right {

	

	display: block;

	float: left;

	padding-top: 10px;

	padding-bottom: 15px;

	

}



.contact-br {

	

	display: block;

	clear: both;

	border-top: 1px solid #e9e9e9;

	

}



.contact-left {

	width: 340px;

	padding-right: 10px;

	border-right: none;

}



.contact-right {

	width: 335px;

	padding-left: 20px;

}



.contact-info p {

	margin-bottom: 2px !important;

	font-size: 11px !important;

}



.contact-info label {

	background-color:#141414;

	color:#FFFFFF;

	display:inline-block;

	margin-right:5px;

	padding-bottom:5px;

	padding-left:11px !important;

	padding-right:5px;

	padding-top:5px;

	width:110px;

}



.contact-info label em {

	color: #df3f3f;

}



.contact-input {

	background-color:#484848;

	border:1px solid #111111;

	color:#FFFFFF;

	display:inline-block;

	padding:4px;

	width:176px;

}



.contact-input:focus {

	background-color: #B0CF00;

	color:#000;

}



.linkbox {

	float:left;

	width:97%;

}



.linkbox img {

	float:left;

}



.linkbox p {

	float:right;

	margin:12px 0;

	padding:10px;

	width:410px;

}



.clear { clear: both; float:none!important; margin:0!important; width:auto!important;}

.moreinfo {
	text-align: right;
	margin-bottom: 15px;
}