a.btn, a.top{
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	overflow:hidden;
	line-height:28px;
	margin:.5em 0 .5em 0;
	}


a.add{
	background:transparent url(images/btn_add.png) no-repeat;
	width:111px;
	}

a.checkout{
	background:transparent url(images/btn_checkout.png) no-repeat;
	width:111px;
	}

a.checkout-side{
position:relative;
	left:4px;
	background:transparent url(images/btn_checkout-side.png) no-repeat;
	width:111px;
	}

a.top{
	display:none;
	}

body{
	background: #ffffff;
	color:#000;
	font:75% verdana, sans-serif; /*75% resets the default font size to 12px;*/
	min-width:none;
	text-align:left;
	}

blockquote{
	font-weight:normal;
	}

h1{
	font-size:3em;
	text-indent:0;
	width:auto;
	height:auto;
	position:static;
	overflow:auto;
	}
	
h1 a{
	display:inline;
	line-height:normal;
	overflow:auto;
	}

h2{
	font-size:1.7em;
	background:transparent;
	line-height:normal;
	overflow:auto;
	text-indent:0;
	margin-top:.5em;
	}
	

hr{	
	color:#9c430c;
	background-color:#9c430c;
	border:0;
	height:1px;
	display:block;
	margin:10px 0;
	/*margin:20px 0;*/
	}

p.tagline{
	padding:.5em 0;
	font-size:1.2em;
	font-style:italic;
	background:transparent;
	line-height:normal;
	overflow:auto;
	text-indent:0;
	width:auto;
	position:static;
	}

table, td{
	border-collapse:collapse;
	}

table.form td{
	padding:.25em .5em .25em 0;
	}

td.label{
	text-align:right;
	}

td.submit{
	text-align:right;
	}

.block{
	display:block;
	}

.clear{ /*to clear FLOATS*/
 	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	}

.clearboth{ /*to clear objects*/
	clear:both;
	}



/* - - - - THESE STYLES ARE FOR THE DRAG AND DROP SHOPPING - - - -  - - - - - */


.box{
	float:left;
	text-align:center;
	width:140px;
	cursor:move;
	}

.box img{
	padding-top:14px;
	padding-bottom:5px;
	}

.outerbox{
	float:left;
	text-align:center;
	width:140px;
	position:relative;
	}

.gear_row{
	width:420px;
	/*width:570px; this is the OLD gear style*/
	padding:1em 0;
	}


#loading {
	text-align:center;
	display:none;
	height:28px;
	}

#clearCart {
	position:relative;
	left:14px;
	cursor:pointer; 	
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	background:transparent url(images/btn_clear_cart.png) no-repeat;
	width:111px;
	overflow:hidden;
	line-height:28px;
	margin:.5em 0 .5em 0;
	}

#clearCart:hover {
	background-position: 0 -28px;
	}

/*
.box span{
	display:block;
	}
*/

.box a{
	display:block;
	text-decoration:none;
	}

.box:hover{
	color:#ffd951;
	}

.box a:hover{
	color:#ffd951;
	}
.cart_container{
	background:#ff9846 url(images/cart_bg-repeat.gif) repeat-y center;
	width:140px;
	float:right;
	clear:right;
	color:#000;
	
	}

.cart_container H3{
	background:url(images/cart-h3-bg.gif) no-repeat center top;
	line-height:57px;
	text-indent:-9999px;
	padding-bottom:10px;
	}

.cart_bot_cap{
	background:url(images/cart-bottom.gif) no-repeat center bottom;
	line-height:0;
	font-size:0;
	height:21px;
	}

.cart_side{
	height:1100px; 
	text-align:center;
	background:transparent url(images/cart_bg.gif) repeat-y center top; 
	padding:10px;
	font-size:10px;
	}

.products_wrap{
	width:420px;
	float:left;
	padding:1em 0;
	}
	
.choices{
	padding-top:3px;
	}

.choices select{
	width:125px;
	} 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - ----- - - - - -  */


.header{
	background:transparent;
	height:auto;
    position:static;
    }

.header .topnav{
	display:none;
	}

.prod{
	width:375px;
	float:left;
	}
	
.prod_container{
	padding-bottom:1em;
	width:570px;
	}

.prod_img{
	float:left; 
	padding: 15px 15px 0 15px;
	}

.prod_weight{
	float:left;
	margin-right:60px;
	}

#footer_top{
	display:none;
	}

#footer{
	background:transparent;
	padding:2em 0 0 0;
	margin-bottom:0

	}



/* - - - - - - cart styles - - - - - -  */

table.cart-1{
	margin:.5em 0;
	}

table.cart-1 th{
	padding-bottom:6px;
	border-bottom:1px solid #9c430c;
	}
table.cart-1 td{
	padding:6px 6px 6px 0;
	}
table.cart-1 span.item_name{
	float:left;
	width:150px;
	padding-top:18px;
	}
table.cart-1 td.total{
	text-align:right;
	padding-right:12px;
	}
table.cart-1 tr.item td{
	border-bottom:1px solid #9c430c;
	}

table.cart-1 td.note{
	font-size:10px;
	}
table.cart-1 img{
	padding-right:6px;
	float:left;
	}

form hr{
	width:324px;
	margin-bottom:0;
	}

form h4{
	color:#6f2c00;
	}
form.cart2#bill{
	padding-bottom:15px;
	}
form.cart2 div{
	width:325px;
/*	position:relative;*/
	clear:both;
	padding-top:9px;
	}

form.cart2 div.clear{
	padding:0;
	}

form.cart2 label{
	width:100px;
	display:block;
	float:left;
	text-align:right;
	padding-top:5px;
	}

form.cart2 label.checkbox{
	width:300px;
	display:block;
	float:left;
	text-align:left;
	padding-top:0px;
	padding-left:4px;
	line-height:1.38;
	}

form.cart2 label span{
	padding-right:9px;
	}

form.cart2 input {
	width:200px;
	
	}

form.cart2 input#sign{
	width:auto;
	}

form.cart2 input.checkbox {
	width:auto;
	float:left;
	}
form.cart2#card div{
	width:450px;
	}
form.cart2#card label{
	width:175px;
	}
/* - - - - - - end cart styles - - - - - -  */

.content_wrap{
	float:none;
	width:auto;
	padding-right:0;
	}

.content_main{
	margin:0 0 5px 0;
	line-height:1.5;
	}

.content_main img.inside{
	float:right;
	margin-left:12px;
	}

.content_main p, .content_main ul{	
	padding:.5em 0 .5em 0;
	}

.content_main .styles{
	padding:.5em 0 .5em 0;
	}

.content_main .styles img{
	padding:0 1em 0 0;
	}

.content_main ul li{
	list-style-type: none;
	margin-left:10px;
	}

.content_main h3{
	font-size:1.5em;
	}

.content_main h4{
	font-size:1.3em;
	}

.content_main h3, .content_main h4{
	padding:.5em 0 0 0;
	}

.content_sec{
	float:none;
	}

.content_sec#hype{
	background:transparent;
	margin-top:1.2em;
	height:auto;
	width:auto;
	}

.content_sec#gear{
	background:transparent;
		margin-top:1.2em;
	width:auto;
	}

.content_sec#gear img, .content_sec#gear p, .content_sec#gear div, .content_sec#hype img, .content_sec#hype p, .content_sec#hype  div{
	padding-left:0;
	}

.content_sec#hype #other_hype{
	padding:36px 0 0 0;
	width:auto;
	float:none;	
	}

.content_sec#hype #other_hype p{
	padding-left:0;
	}

#other_hype h3{ /*stupid code, i couldn't figure out.. i put the graphic in as the h3*/
	/*
text-indent:-9999px;
	background: url(images/check_out_header.gif) no-repeat left top;
*/
	line-height:18px;
	}

#other_hype a{
 	text-decoration:none;
 	}

#nav{
	display:none;
	}


#news{
	padding: 48px 0 0 12px;
	}

#news a{
	text-decoration:none;
	}

#news h3{
	text-indent:0
	
	}
	
h3.send_us{
	background-image:none;
	line-height:normal;
	}

.content_main p.caption{
	clear:both;
	text-align:center;
	padding:10px 0;
	}

.col_div_wrap{
	width:285px; 
	margin: .5em 0;
	float:left;
	background:transparent url(images/hype_top_cap.gif) no-repeat center top;
	color:#fff7cf;
	}

.col_longdiv_wrap{
	width:581px; 
	margin: 1em 0; 
	padding:10px 0 0 0; 
	clear:both;
	background:transparent url(images/long_topcap.gif) no-repeat center top;
	color:#fff7cf;
	}
	
.col_hype{
	background:#000;
	margin-top:10px;
	padding:5px 15px;
	
	}
.col_hype a{
	color:#fff7cf;
	}
	
.col_hype a:hover{
	color:#ffd951;
	}
.col_bot_cap{
	height:10px;
	background:transparent url(images/hype_bottom_cap.gif) no-repeat top center;
	}

.hypeimg_wrap{
	width:250px;
	}

.hypeimg{ /*for images on the left*/
	margin-right:20px;
	}

.hypeimg-rt{ /*for images on the right*/
	margin-left:20px;
}



.right, .left{
	float:none;
	}

.wrap{
	background:transparent;
	margin:0 auto;
	width:auto;
	}