/* -- 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;
}

.clear { clear: both; }

/* -- 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; }

#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 1%;
		text-align:center;
		width:31%;
	}

/* -- 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;
}

/* -- 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.prodFlickr {
	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;
}