@charset "utf-8";


/* Default Styles
*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 70%;
}

.shadow {
	background-image: url(images/bg_shadow.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.container {
	width: 1000px;
	margin: auto;
	padding-left: 1px;
}

.header {
	clear: both;
}
	.header .logo {
		background-image: url(images/bg_eyeball.gif);
		background-repeat: no-repeat;
		width: 389px;
		float: left;
	}
		.header .logo img, .header-home .logo img {
			width: 350px;
			height: 106px;
		}
	.header .pagetitle {
		width: 611px;
		float: left;
		margin-bottom: 6px;
	}
	
.header-home {
	background-color: #BEBCB0;
	background-image: url(images/hd_home.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 106px;
	clear: both;
	margin-bottom: 6px;
}

.submenu {
	background-image: url(images/bg_orange.gif);
	background-repeat: repeat-x;
	height: 41px;
	clear: both;
}
	.submenu .greatrange {
		background-image: url(images/bg_great.gif);
		background-repeat: no-repeat;
		width: 250px;
		height: 41px;
		float: left;
	}
	.submenu .greatrange-home {
		background-image: url(images/bg_great_home.gif);
		background-repeat: no-repeat;
		width: 475px;
		height: 41px;
		float: left;
	}
	.submenu .menuitems {
		float: right;
		padding-top: 17px;
	}
		.submenu .menuitems a {
			color: #918D67;
			text-decoration: none;
			padding-right: 23px;
		}
			.submenu .menuitems a:hover {
				text-decoration: underline;
			}

.menubg {
	width: 245px;
	height: 550px;
	border-right: 1px solid #B2A97E;
	float: left;
}
.menubg-home {
	background-image: url(images/bg_menu_home.gif);
	background-repeat: no-repeat;
	width: 245px;
	height: 427px;
	border-right: 1px solid #B2A97E;
	float: left;
}
	.menu {
		border-collapse: collapse;
		width: 100%;
		margin-top: 20px;
	}
		.menu td {
			padding: 0 20px 15px 0;
			text-align: right;
			font-size: 1.1em;
		}
		.menu a {
			color: #84888B;
			text-decoration: none;
		}
			.menu a:hover {
				text-decoration: underline;
			}

.teamtalk {
	background-image: url(images/tag_teamtalk.gif);
	background-repeat: no-repeat;
	width: 185px;
	margin: auto;
	padding: 60px 10px 0 10px;
	margin-top: 40px;
}
	.teamtalk a {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 2em;
	}

.content {
	width: 509px;
	float: left;
	padding: 0 20px;
}
.content-home {
	background-image: url(images/bg_home.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 427px;
	float: left;
	padding: 0 20px;
}
	.indenttext {
		margin-left: 300px;
		margin-top: 20px;
		width: 380px;
	}
.content-cart {
	width: 693px;
	float: left;
	padding: 0 20px;
}

.panel {
	width: 184px;
	height: 550px;
	padding: 0 10px;
	border-left: 1px solid #B2A97E;
	float: left;
}
	.box {
		background-color: #A9AF89;
		padding: 10px;
		color: #FFF;
		font-size: 0.9em;
	}
		.box a {
			color: #FEF100;
		}
	.panel .cart {
		background-image: url(images/cart.gif);
		background-repeat: no-repeat;
		height: 30px;
		padding-top: 43px;
		color: #9D9EA0;
	}
		.panel .cart .items {
			float: left;
		}
		.panel .cart .total {
			float: right;
		}

.endshadow {
	clear: both;
	background-image: url(images/bg_shadow-end.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
}
.endshadow-home {
	clear: both;
	background-image: url(images/bg_shadow-end_home.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
}




/* Content Styles
*/

a {
	color: #F6981E;
}

img {
	border: none;
}

p, li {
	line-height: 1.5em;
}
	.content-home p {
		line-height: 1.25em;
	}

h1 {
	color: #BEBCB0;
	font-weight: normal;
	font-size: 1.9em;
}
	.content-home h1 {
		color: #F8981D;
		font-weight: normal;
		font-size: 1.6em;
	}

h2 {
	color: #333;
	font-size: 1.2em;
}

.grey {
	color: #BFBFBF;
	font-size: 0.9em;
}

.imgright {
	float: right;
	margin: 0 0 10px 10px;
}

.error {
	color: #CC0000;
	font-weight: bold;
}

.crumb_grey {
	color: #CED0C5;
	font-size: 1.1em;
	margin-top: -20px;
}

.crumb_blue {
	color: #77BAB1;
	font-size: 1.1em;
	margin-top: -20px;
}


.stocklist {
	border-collapse: collapse;
	width: 205px;
	margin-left: 20px;
	margin-top: 50px;
}
	.stocklist th {
		color: #78B9B3;
		font-size: 1.1em;
		font-weight: normal;
		text-align: left;
		border-bottom: 1px solid #B8B8B8;
		padding: 8px 0;
	}
	.stocklist td {
		text-align: right;
		border-bottom: 1px solid #B8B8B8;
		padding: 8px 0;
		line-height: 1.3em;
	}
	.stocklist .size {
		text-align: left;
		white-space: nowrap;
		vertical-align: top;
	}
	.stocklist a {
		text-decoration: none;
	}

.stockphotos img {
	margin-right: 10px;
}

.sizechart {
	border-collapse: collapse;
	width: 250px;
}
	.sizechart th {
		text-align: left;
		background-image: url(images/bg_sizechart.gif);
		background-repeat: repeat-x;
		height: 18px;
		padding: 4px;
		vertical-align: top;
	}
	.sizechart td {
		padding: 4px;
	}
	
.stockcats {
	width: 100%;
	border-collapse: collapse;
}
	.stockcats td {
		width: 33%;
		padding: 0 0 10px 0;
		font-size: 0.9em;
		line-height: 2em;
		color: #959595;
	}
	.stockcats a {
		color: #959595;
		font-size: 1.5em;
		text-decoration: none;
	}
		.stockcats a:hover {
			text-decoration: underline;
		}

.formycib {
	border-collapse: collapse;
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	margin-bottom: 20px;
	width: 100%;
}
	.formycib td {
		padding: 6px 10px 6px 2px;
	}
	.formycib .formLabel {
		color: #555;
		font-size: 1.1em;
		width: 80px;
		vertical-align: top;
	}

.formFieldSmall {
	border: 1px solid #B8B8B8;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 80px;
}

.formFieldMedium {
	border: 1px solid #B8B8B8;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 120px;
}

.formFieldLarge {
	border: 1px solid #B8B8B8;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 200px;
}

#dgDataGrid {
	border-collapse: collapse;
	width: 100%;
}
	#dgDataGrid td {
		padding: 10px 2px;
		border-bottom: 1px solid #DBDBDB;
	}
	#dgDataGrid .dgHeader {
		background-image: url(images/bg_sizechart.gif);
		background-repeat: repeat-x;
		height: 18px;
		padding: 4px;
		vertical-align: top;
		font-weight: bold;
		border-bottom: none;
	}
		.dgHeader a {
			color: #333;
			text-decoration: none;
		}
			.dgHeader a:hover {
				text-decoration: underline;
			}

.formcartcib {
	border-collapse: collapse;
}
	.formcartcib th {
		text-align: left;
		background-color: #e5e5e5;
		border-bottom: 2px solid #FFF;
		padding: 5px 10px 5px 5px;
	}
	.formcartcib td {
		border-bottom: 2px solid #FFF;
		padding: 5px;
		text-align: right;
	}
	.formcartcib .total {
		background-color: #DDD;
	}

.formcheckoutrightcib {
	float: right;
	width: 300px;
	border-collapse: collapse;
}
	.formcheckoutrightcib th {
		background-color: #e5e5e5;
		border-bottom: 2px solid #FFF;
		padding: 4px;
		text-align: right;
	}
	.formcheckoutrightcib td {
		text-align: right;
		padding: 4px 0 4px 4px;
		border-bottom: 2px solid #FFF;
	}
	.formcheckoutrightcib .charitycheck {
		background-color: #FF9621;
		width: 25px;
		padding: 3px 0;
		text-align: center;
		border-right: 3px solid #FFF;
	}
	.formcheckoutrightcib .charitytext {
		color: #9D9EA0;
		width: 260px;
		font-size: 0.9em;
	}
	.charityinfo {
		position: absolute;
		top: 520px;
		width: 300px;
		color: #9D9EA0;
	}
		.charityinfo-txt {
			background-image: url(images/logo_gunsmall.gif);
			background-repeat: no-repeat;
			padding-left: 80px;
			padding-top: 5px;
			padding-bottom: 10px;
			text-align: justify;
			font-size: 0.9em;
			line-height: 1.3em;
		}
		.charityinfo-watoto {
			padding-left: 82px;
			padding-top: 15px;
			font-size: 1.1em;
		}
			.charityinfo-watoto a {
				color: #333;
				text-decoration: none;
				line-height: 2em;
			}

.formcheckoutcib {
	border-collapse: collapse;
	width: 300px;
}
	.formcheckoutcib th, .formcheckoutcib .formLabel {
		color: #555;
		vertical-align: top;
		padding: 6px 4px 4px 4px;
	}
	.formcheckoutcib td {
		padding: 4px;
	}
	.formcheckoutcib .headerSub {
		background-color: #e5e5e5;
		padding: 6px;
	}



/* Tax Invoioce Styles
*/

.headerSub {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}