/* Main CSS for Subversion Paintballs, March 18, 2007 */

/* Coded by Darren Wissler | http://www.darrenwissler.com | darren.wissler@gmail.com */



@import "productImages.css";



/* Reset Basic HTML Tags */

* {

	margin: 0px;

	padding: 0px;

 }



html, body, p, form, input, label, 

div, span, h1, h2, h3, h4, h5, h6, h7,

br, a, table, tr, td, ul, ol, li, img {

	padding: 0px;

	margin: 0px;

	border: 0px;

	text-decoration: none;

	list-style-type: none;

 }

 

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 62.5%;

	color: #000000;

	text-align: left;

	background-color: #FFFFFF;

 }

 

h1 {

	font-size: 1.2em;

 }

 

h2 {

	font-size: 1em;

 }

 

h3 {

	margin-top: 5px;

	font-size: 1.2em;

 }

 

h4 {

	margin-bottom: 5px;

	font-size: 1.2em;

 }

 

h5 {

	font-size: .9em;

	color: #FFFFFF;

}



h6 {

	font-size: 1em;

	display: inline;

	color: #FF0000;

 }



hr {

	margin-top: 23px;

	margin-bottom: 23px;

	background-color: #CCCCCC;

 }

 

a {

	color: #FF0000;

 }

 

a:hover {

	color: #000000;

 }

 

/* Start The Website Structure In The Order That It's Being Displayed */

#header {

	height: 107px;

	background: #D5C8AA url(images/header.jpg) repeat-x;

	color: #FFFFFF;

 }

 

.logo {

	position: absolute;

	left: 250px;

	top: 11px;

	background: url(images/logo.gif) no-repeat;

	width: 191px;

	height: 52px;

	z-index: 90;

 }

 

.shippingIcon {

 	position: absolute;

	top: 30px;

	left: 598px;

	background: url(images/shippingIcon.gif) bottom left no-repeat;

	width: 175px;

	height: 40px;

	z-index: 90;

	padding-left: 55px;

 }

 

.tagline {

	position: absolute;

	background: url(images/tagline.gif) no-repeat;

	top: 83px;

	width: 256px;

	height: 19px;

	left: 250px;

	z-index: 90;

 }

 

#upperNav {

	position: absolute;

	top: 83px;

	left: 775px;

	z-index: 90;

 }

 

#upperNav a {

	color: #FFFFFF;

 }

 

#upperNav a:hover {

	color: #FF0000;

 }

 

#upperNav li {

	display: inline;

 }

 

/* Start Upper Nav Icons */

.icon_cart {

	position: absolute;

	top: 51px;

	left: 832px;

	background: url(images/icon_cart.gif) no-repeat;

	width: 23px;

	height: 20px;

	z-index: 90;

 }

 

.icon_star {

	position: absolute;

	top: 55px;

	left: 896px;

	background: url(images/icon_star.gif) no-repeat;

	width: 16px;

	height: 15px;

	z-index: 90;

 }

 

.icon_phone {

	position: absolute;

	top: 52px;

	left: 952px;

	background: url(images/icon_phone.gif) no-repeat;

	width: 17px;

	height: 18px;

	z-index: 90;

 }

 

.icon_questionMark {

	position: absolute;

	top: 55px;

	left: 998px;

	background: url(images/icon_questionMark.gif) no-repeat;

	width: 10px;

	height: 16px;

	z-index: 90;

 }

 

#container {

	margin: 15px auto;

	width: 760px;

 }

 

/* Start Home Page Content Placement */

#content {

	float: right;

	width: 600px;

	margin-bottom: 30px;

 }

 

#content .smallfont {

	font-size: .9em;

	color: #000000;

	margin-left: 15px;

 }

 

.content_top {

	width: 600px;

	margin-bottom: 20px;

	height: 200px;

	display: block;

 }

 

.content_bottomLeft {

	float: left;

	clear: right;

	margin-right: 10px;

	width: 193px;

	height: 210px;

 }

 

.content_bottomMiddle {

	float: left;

	clear: right;

	margin-right: 10px;

	width: 193px;

	height: 210px;

 }

 

.content_bottomRight {

	float: left;

	width: 194px;

	height: 210px;

 }

 

.content_bottom {

	float: left;	

	margin-top: 30px;

	margin-bottom: 40px;

	width: 600px;

	height: 78px;

	text-align: left;

 }

 

.spacer {

	float: left;	

	width: 148px;

	height: 60px;

	font-size: .9em;

 }

 

.content_bottom .header {

	float: left;

	margin-bottom: 10px;

	width: 600px;

	height: 17px;

	background: url(images/content_bottom_header.gif) no-repeat;

	border-bottom: 1px solid #CCCCCC;

 }	

 

.content_bottom .bestsellers1_2 {

	float: left;

	clear: right;

	margin-right: 20px;

	width: 150px;

	height: 60px;

 }

 

.content_bottom .bestsellers3_4 {

	float: left;

	clear: right;

	margin-right: 20px;

	width: 122px;

	height: 60px;

 }

 

.content_bottom .bestsellers5_6 {

	float: left;

	width: 140px;

	height: 60px;

 }

 

/* Start Logo Icons On Home Page, Row One */

#content_logos .header {

	display: block;

	margin-bottom: 15px;

	width: 600px;

	height: 17px;

	background: url(images/content_logos_header.gif) no-repeat;

	border-bottom: 1px solid #CCCCCC;

 }	

 

#content_logos .header_products {

	display: block;

	margin-bottom: 15px;

	width: 600px;

	height: 17px;

	margin-top: 55px;

	background: url(images/content_logos_header.gif) no-repeat;

	border-bottom: 1px solid #CCCCCC;

 }	



#content_logos img {

	margin-bottom: 6px;

 }

 

#content_logos a:hover {

	color: #FF0000;

 }



#content_logos {

	float: left;

	width: 600px;

	overflow: hidden;

 }

 

#content_logos .brassEagle {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .draxxus {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .diablo {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .dynasty {

	float: left;

	width: 141px;

	height: 100px;

 }

 

/* Row Two */

#rowTwo {

	float: left;

	width: 600px;

	height: 100px;

	margin-top: 30px;

	overflow: hidden;

 }



#content_logos .empire {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .evil {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .greatAmerican {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .jt {

	float: left;

	width: 141px;

	height: 100px;

 }

 

/* Row Three */

#rowThree {

	float: left;

	width: 600px;

	height: 100px;

	margin-top: 30px;

	overflow: hidden;

 }



#content_logos .karnage {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .kingman {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .lazerball {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .nelson {

	float: left;

	width: 141px;

	height: 100px;

 }

 

/* Row Four */

#rowFour {

	float: left;

	width: 600px;

	height: 100px;

	margin-top: 30px;

	overflow: hidden;

 }



#content_logos .pmi {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .proto {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .reball {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .rufusDawg {

	float: left;

	width: 141px;

	height: 100px;

 }

 

/* Row Five */

#rowFive {

	float: left;

	width: 600px;

	height: 100px;

	margin-top: 30px;

	overflow: hidden;

 }



#content_logos .sterling {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .wgp {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .whiteBox {

	float: left;

	clear: right;

	width: 140px;

	margin-right: 12px;

	height: 100px;

	border-right: 1px solid #CCCCCC;

 }

 

#content_logos .xball {

	float: left;

	width: 141px;

	height: 100px;

 }

 

/* Start Left Nav & Newsletter */

#leftNav {

	float: left;

	width: 160px;

	background: #000000 url(images/nav_background.jpg) repeat-y;

	margin-left: -15px;

 }

 

*html body #leftNav {

	position: relative;

	width: 160px;

	background: url(images/nav_background.jpg) repeat-y;

 }

 

.connector {

	position: absolute;

	width: 160px;

	height: 23px;

	margin-top: -23px;

	background: #000000 url(images/nav_connector.jpg) no-repeat;

	z-index: 90;

 }

 

#leftNav a {

	color: #FFFFFF;

	margin-left: 15px;

 }

 

#leftNav a:hover {

	color: #FF0000;

 }

 

#leftNav .red {

	color: #FF0000;

	margin-left: 15px;

 }

 

.newsletter {

	float: left;

	width: 146px;

	height: 125px;

	margin-top: 20px;

	padding-left: 14px;

	background: #D5C8AA url(images/newsletter_background.jpg) no-repeat;

 }



.newsletter label {

	float: left;

	width: 140px;

	margin-top: 13px;

 }

 

.newsletter input {

	width: 120px;

	height: 15px;

	margin-top: 8px;

	border: 1px solid #CCCCCC;

	color: #999999;

	font-size: .9em;

 }



.newsletter .submit {

	float: left;

	width: 45px;

	margin-top: 1px;

	font-size: .8em;

	background-color: #FFFFFF;

 }

 

/* Start Product Categories */

#products {

	float: left;

	width: 600px;

	margin-top: 6px;

	border-top: 1px solid #CCCCCC;

 }

 

.product1 {

	float: left;

	width: 176px;

	height: 217px;

	margin-right: 20px;

 }

 

.product2 {

	float: left;

	width: 176px;

	height: 217px;

	margin-right: 20px;

 }

 

.product3 {

	float: left;

	width: 178px;

	height: 217px;

 }

 

.product4 {

	float: left;

	width: 178px;

	height: 217px;

	margin-right: 20px;

 }

 

.description {

	float: left;

	width: 349px;

	height: 205px;

	margin-top: 15px;

	border: 1px solid #CCCCCC;

	padding: 20px;

	padding-top: 10px;

 }

 

.addToCart {

	float: right;

	width: 65px;

	height: 23px;

	margin-top: -18px;

	background: url(images/icon_addToCart.gif) no-repeat;

 }

 

.relatedItems {

	float: left;

	width: 600px;

	height: 170px;

	margin-top: 65px;

	margin-bottom: 40px;

	border-top: 1px solid #CCCCCC;

 }

 

.header_relatedItems {

	position: absolute;

	width: 97px;

	height: 11px;

	margin-top: -18px;

	background: url(images/relatedItems_header.gif) no-repeat;

 }



.relatedItems img {

	margin-top: 15px;

 }

 

.text_relatedItems {

	float: left;

	width: 230px;

	height: 83px;

	margin-left: 125px;

	margin-top: -65px;	

 }

 

.threeIcons {

	margin-top: 10px;

	float: right;

	width: 389px;

 }

 

#shoppingCart {

	float: left;

	width: 600px;

	height: 45px;

	margin-top: 15px;

	border: 1px solid #CCCCCC;

	color: #FFFFFF;

 }

 

.checkOut {

	float: right;

	margin-top: 10px;

 }

 

#shoppingCart .textItems {

	float: left;

	width: 140px;

	height: 23px;

	color: #000000;

	padding-left: 10px;

	padding-top: 8px;

 }

 

#shoppingCart .textQuantity {

	float: left;

	width: 140px;

	height: 23px;

	color: #000000;

	padding-left: 10px;

	padding-top: 8px;

 }

 

#shoppingCart .textPrice {

	float: left;

	width: 140px;

	height: 23px;

	color: #000000;

	padding-left: 10px;

	padding-top: 8px;

 }

 

#shoppingCart .textTotal {

	float: left;

	width: 140px;

	height: 23px;

	color: #000000;

	padding-left: 10px;

	padding-top: 8px;

 }

 

#shoppingCart .items {

	float: left;

	width: 140px;

	padding-left: 8px;

	height: 15px;

	border: 1px solid #CCCCCC;

	background-color: #000000;

 }

 

#shoppingCart .quantity {

	float: left;

	width: 140px;

	height: 15px;

	padding-left: 8px;

	border: 1px solid #CCCCCC;

	background-color: #000000;

 }

 

#shoppingCart .price {

	float: left;

	width: 140px;

	height: 15px;

	padding-left: 8px;

	border: 1px solid #CCCCCC;

	background-color: #000000;

 }

 

#shoppingCart .total {

	float: left;

	width: 140px;

	height: 15px;

	padding-left: 8px;

	border: 1px solid #CCCCCC;

	background-color: #000000;

 }

 

/* Start Footer */

#footer {	

	margin-top: 10px;

	padding-top: 10px;

	float: left;

	height: 120px;

	width: 760px;

	color: #999999;

	font-size: .9em;

	border-top: 1px solid #CCCCCC;

 }

 

.footerLeft {

	float: left;

	clear: right;

	height: 120px;

	width: 233px;

	margin-right: 30px;

	background: url(images/icon_smallStar.gif) no-repeat;

	text-indent: 15px;

	border-right: 1px solid #CCCCCC;

 }

 

.footerMiddle {

	float: left;

	clear: right;

	height: 120px;

	width: 233px;

	margin-right: 30px;

	background: url(images/icon_smallStar.gif) no-repeat;

	text-indent: 15px;

	border-right: 1px solid #CCCCCC;

 }

 

.footerRight {

	float: left;

	height: 120px;

	width: 232px;

 }

 

#sitemap {

	float: left;

	width: 760px;

	height: 135px;

	text-align: center;

	color: #999999;

	margin-top: 30px;

 }

 

#sitemap a {

	color: #999999;

 }	

 

#sitemap a:hover {

	color: #FF0000;

 }

 

#sitemap img {

	position: absolute;

	right: 250px;

	margin-top: 63px;

 }

 

/* Start Forms */

input, textarea {

	border: 1px solid #CCCCCC;

	background-color: #FFFFFF;

 }

 

#form {

	width: 600px;

	float: left;

	margin-bottom: 20px;

 }

 

table {

	float: left;

 }



#products .submit {

	position: relative;

	left: 154px;

	width: 70px;

	margin-top: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .9em;

	background-color: #FFFFFF;

 }



#products .reset {

	position: relative;

	left: 3px;

	width: 70px;

	margin-top: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .9em;

	background-color: #FFFFFF;

 }

 

/* Start Misc. Classes */

.smallfont_noIndent {

	font-size: .9em;

	color: #000000;

 }

 

.smallfont {

	text-indent: 20px;

 }

 

.smallfont2 {

	text-indent: 30px;

 }

 

.strikethrough {

	text-decoration: line-through;

 }

 

.red {

	color: #FF0000;

	margin-bottom: 5px;

 }

 

.gray {

	color: #999999;

 }

 

.bold {

	font-weight: bold;

	color: #FFFFFF;

 }

 

.left {

	float: left;

}



/* Start Google Ads */

#google_ad_120x600 {

	width: 160px;

	height: 600px;

	background-color: #FFF;
	float: left;

}	



#cartNotWorking {

	width: 600px;

	height: 280px;

	float: right;

}

.google_ad_336x280 {

	float: right;

}



.text {

	width: 224px;

	height: 280px;

	float: left;

	clear: both;

	padding-right: 40px;

}