﻿/* GLOBAL */

html{
	height: 100%;
	font-size: x-small;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
    }

body {
	font-family: Verdana;
	font-size:x-small;
	background-color:white;
	line-height:1.3em;
	margin: 0;
	padding: 0;
	height: 100%;	
    }
    
 #wrapper { 
 margin: 0 0;
 width: auto;
 background:silver;
 position:relative;
 padding-top:10px;
 padding-bottom:0px;
 height:auto;
}
 #wrapper a:hover { text-decoration:underline; color: blue; }


#content { 
 width: 948px;
 color: #333;
 background:black;
 background-color:black;
 height: auto;
 text-align:left;
margin-left: auto; 
margin-right: auto;
padding-left:0px;
position:relative;

 }



#right_top_text{
padding-left:0px;
  padding-right:0px;
  height:auto; 
  background-color:transparent;
  margin-top:0px;
  margin-right:40px;
  margin-left:5px;
  float:left;
  width:auto;
  position:relative;
  top:20px;
}
#right_text1{
padding-left:0px;
  padding-right:0px;
  height:auto; 
  background-color:transparent;
  margin-top:20px;
  margin-right:40px;
  float:left;
  width:auto;
  position:relative;
  top:-0px;
}
#right_text2{
padding-left:0px;
  padding-right:0px;
  height:auto; 
  background-color:transparent;
  margin-top:0px;
  margin-right:30px;
  margin-left:0px;
  float:left;
  width:auto;
  position:relative;
  top:-0px;
}
#right_text3{
padding-left:0px;
  padding-right:0px;
  height:auto; 
  background-color:transparent;
  margin-top:5px;
  margin-right:20px;
  margin-left:0px;
  float:left;
  width:auto;
  position:relative;
  top:0px;
}
#right_text4{
padding-left:0px;
  padding-right:0px;
  height:auto; 
  background-color:transparent;
  margin-top:15px;
  margin-right:20px;
  margin-left:0px;
  float:left;
  width:auto;
  position:relative;
  top:0px;
}

#right_top_cap { 

  padding-left:28px;
  padding-right:0px;
  height:115px; 
  background-color:transparent;
  background:url(https://www.tacticaltrunkmonkey.com/site_images/right_box_img.jpg) no-repeat;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  float:right;
  width:150px;
  position:relative;
  top:-10px;
}

#right_white_box0{
  padding-left:0px;
  padding-right:0px;
  height:115px; 
  background-color:transparent;
  margin-top:0px;
  margin-right:20px;
  margin-left:0px;
  float:right;
  width:150px;
  position:relative;

}

#monkey1{
  padding-left:0px;
  padding-right:0px;
  height:288px; 
  background-color:transparent;
  background:url(https://www.tacticaltrunkmonkey.com/site_images/tacticaltrunkmonkey.jpg) no-repeat;
  margin-top:0px;
  margin-right:30px;
  margin-left:0px;
  width:502px;
  position:relative;
 

}

#right_white_box2{
   padding-left:28px;
  padding-right:0px;
  height:210px; 
  background-color:transparent;
  background:url(https://www.tacticaltrunkmonkey.com/site_images/white_box_large.jpg) no-repeat;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  float:right;
  width:150px;
  position:relative;

}


#right_white_box3{
   padding-left:28px;
  padding-right:0px;
  height:210px; 
  background-color:transparent;
  background:url(https://www.tacticaltrunkmonkey.com/site_images/white_box_large.jpg) no-repeat;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  float:right;
  width:150px;
  position:relative;

}
#right_white_box4{
   padding-left:28px;
  padding-right:0px;
  height:210px; 
  background-color:transparent;
  background:url(https://www.tacticaltrunkmonkey.com/site_images/white_box_large.jpg) no-repeat;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  float:right;
  width:150px;
  position:relative;

}



    
  #right_col { 

  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0;
  height:100%; 
  background-color:black;
  /*background:url(https://www.tacticaltrunkmonkey.com/site_images/right_col.jpg) repeat; */
  margin-top:0px;
  /*margin-right:28px;*/
  float:right;
  width:178px;
  position:relative;
  top:0px;
  text-align:center;
  
}

#padding_col{
	height:400px;
}

#padding_small
{
	
	height:100px;
}

  #middle_col { 
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  height:auto; 
  margin-top:0px;
  width:597px;
 background:white;
 background-color:transparent;
  float:left;
  position:relative;
    
  
}



#mass_top {
  height:80px; 
  width:597px;
  background-color:transparent;
  float:left;
  position:relative;
  background: url(https://www.tacticaltrunkmonkey.com/site_images/mass_top.jpg) no-repeat;
}





#mass_text {
  height:auto; 
  width:545px;
  float:left;
  position:relative;
  background:transparent;
  background-color:transparent;
  margin-left:26px;
  top:-30px;
}
#mass_middle {
  height:auto; 
  width:597px;
  margin-bottom:20px;
  background:transparent;
  background-color:transparent;
  float:left;
  position:relative;
  background: url(https://www.tacticaltrunkmonkey.com/site_images/mass_middle.jpg) repeat;
  padding-right:0px;
margin-left:4px;

}
#mass_bottom {
  height:200px; 
  width:597px;
  background:transparent;
  background-color:transparent;
  float:left;
  position:relative;
  background: url(https://www.tacticaltrunkmonkey.com/site_images/mass_bottom.jpg) no-repeat;
  padding-right:0px;
  top:70px;
}

#left_bottom_cap{
	float:left;
	background: url(https://www.tacticaltrunkmonkey.com/site_images/left_bottom_cap.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:199px;
	bottom : 0;
  	left : 0;
 }


#bottom_col{
	width:100%;
	height:72px;
	background:url(https://www.tacticaltrunkmonkey.com/site_images/bottom_banner.jpg) no-repeat;
	background-color:black;
}


.margin_30{
margin-left:30%;

}

#arightsidebox{
	float:right;
	width:186px;
	height:auto;
	background-color:white;
	
}

#aleftsidebox{
	float:left;
	width:auto;
	height:auto;
	background-color:white;
	
}


/* here's the box... the image is the upper-left corner */
#csc {
  background : transparent url(https://www.tacticaltrunkmonkey.com/site_images/LTcorner.jpg) no-repeat;
  width : auto;
  height : auto;
  position : relative;
    padding-left : 15px;
    padding-top: 0px;
    padding-bottom:0px;
    padding-right:15px;
    top:-1px;
    
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br{
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
  background:transparent;

 
}

/* change position and image: top-right */
.tr {
  background : transparent url(https://www.tacticaltrunkmonkey.com/site_images/RTcorner.jpg) no-repeat;
  top : -1px;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(https://www.tacticaltrunkmonkey.com/site_images/LBcorner.jpg) no-repeat;
  bottom : 1px;
  left : 0px;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(https://www.tacticaltrunkmonkey.com/site_images/RBcorner.jpg) no-repeat;
  right : 0;
  bottom : 1px;
}


/* End Styles */



a { 
	color: #730000; 
	}

h1 { font-size:x-small; font-family:Verdana }
h2, h3, h4, h5, td, table, div, form { padding: 0; margin: 0; }
h2 a { display:block; margin: 7px 0; }
h1, p, ul, ol { margin-top: 0; margin-bottom: 14px; }
img { border: 0; }

h3 { font-family: vernada; } 
h2, h3, h4, h5 { font-size: 1em; }
h5 { display: inline; }

form { 
	display:inline; 
	}

select {
	margin-bottom: 3px; 
	}

#content_old {
	margin-left: 210px;
	}
	
#content_home {
	margin-left: 210px;
	}
	
#login {
	line-height:25px;
    width: 265px;
	}

#mainbody {
	width: 800px;
	margin: 0 auto;
	padding: 60px 0 30px 0;
	font-size:95%;
    clear:both;
	}
	
#mainbody_account {
	width: 800px;
	margin: 0 auto;
	padding: 60px 0 30px 0;
	font-size:95%;
    clear:both;
	}
	

#topbar {
    width: 100%;
    float:left;
    height:165px;
    background:url(https://www.tacticaltrunkmonkey.com/site_images/logo-banner.jpg) no-repeat; 
    }
    
    		
.clear {
	clear:both;
	}

.floatleft {
	float: left;
	}

.floatright {
	float:right;
	}	
	
.floatright_32{

	float:right;
	margin-right:32%;
	}
	
/* NAVBAR */

/*#affiliatelink {
	margin-left: 15px;
	color:blue; 
	font-size: 95%; 
	}
*/

#affiliatelink, #affiliatelink a { 
	font-weight:normal; 
	color:blue; 
	font-size: 95%; 
	}

		

	
#loginlink, #loginlink a { 
	font-weight:normal; 
	color:blue; 
	font-size: 95%; 
	}
	
  
#logo {
	display:block;
    margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	width: 100%;
	background:;      
    }
	  
#logobar{ 
	height: 100%; 
	width: 100%; 
	margin: 0px 0 0 auto; 
	}
	
#logobar ul { 
    clear: left;
	}	

#search {
	display:block;
	float:right;
	margin-right: 5px;
	margin-left:0px;
	position:relative;
	text-align:center;
	background-color:white;
	color:black;
	top: -55px;

		padding-right:0px;
	
		}
		

	
#search .searchbutton { 
	vertical-align:bottom; 
	}
		
#searchfield { 
	margin: 0 0px 0 0px; 
	border: 0px solid #917302; 
	color: black; 
	font-size: small; 
	font-weight:bold;
	padding: 0px 0px; 
	height:16px; 
	width: 100px;
	}	
	
	
	#currenttab {
    list-style: none;
	float:right;
	background:transparent;
	height:auto;
	margin-left: 3px;
	width:auto;
		display:block;
	position:relative;
	color:blue;
	white-space: nowrap;
	top:-53px;
	padding-right:10px;
	text-align:center;
	font-family:Verdana;

	}

	
	.hiddentab {
    list-style:none;
	float:right;
	background:transparent;
	height:auto;
	margin-left: 3px;
	width:auto;
	display:block;
	position:relative;
	font-family:Verdana;
	}
	
	

	.hiddentab b { 
	height: auto; 
	vertical-align:top; 
	text-align:center; 
	padding-right: 10px; 
	display:block; 
	background:transparent;
	display:block;
	position:relative;
	}

		
.hiddentab h3{ 
	background:transparent;
	padding: 0px 0px 0px 0px; 
	white-space: nowrap;
	top:-53px;
	display:block;
	position:relative;
	font-family:Verdana;
	}
	

.hiddentab b h3 a { 
	color: #fff; 
	text-decoration:none; 
	}

.hiddentab b h3 a:hover { 
	text-decoration:underline; 
	}
	
	
/* CTGY */

#nextbutton {
	margin-top: 25px;
	clear:right;
	float:left;
	}

#prevbutton {
	margin-top: 25px;
	clear:right;
    float:left;
	}

.catrow {
    float:left;
    margin-top:1%;
    width:590px;
    }
    
    .catrow_old {
    float:left;
    margin-top:1%;
    width:590px;
    }

		
.prodbutton {
	margin: 7px auto;
	}	
				
.prodcolumn {
   float:left;
	text-align:center;
	width:280px;

	}

.thumb {
	margin-right: 15px;
	display:block;
	margin: 10px auto;
	}

		
			
/* ACCOUNT PAGES */

.account_column {
	width: 70%;
	float:left;
	}	

.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }

.paymentdetail {
	width: 130px;
	display:block;
	height: 26px;
	float:left;
	}
	
.invalid {
	color: #FF0000;
	}
	
.pad {
    margin-top: 25px;
	}
	 
	
/* BASKET */

#total {
    padding: 10px 0 0 10px;
    text-align:right;
	}
	
.baskettext_left{
	padding: 3px 15px 0 10px;
    vertical-align: top;
	}
	
.baskettext_left h4 { margin: 1px 0 2px 0; }

.baskettext_right{
	padding: 3px 0 0 10px;
	text-align: right;
    vertical-align: top;
	}
	
.baskettext_right h4 { margin: 1px 0 2px 0; }

.priceeach {
	text-align:right;
	width: 80px;
	margin-left: 5px;
	float:right;
	}


/* PRODUCT PAGES */

h1#prodname {
	font-size: 1.6em;
	margin-bottom: 5px;
	line-height:1.2em;
	}

#prodadd {
	display:inline; 
	position:relative; 
	top: 5px;
	}
	
.prodimage {
	margin-right: 20px;
	float:left;
	}
	
	
/* PRODUCT LIST */
		
.alt_row_color {
	background:#f9f6e4 ;
	}

/*.listheader {
	background-color: #f8f2f0; 
	color: #000;
    height:20px;
    padding: 4px 5px; 
	border-top: 4px solid #730000; 
	}
	*/
	
.listheader {
	background-color: #C0C0C0; 
	color: #000;
    height:20px;
    padding: 4px 5px; 
	border-top: 4px solid black;
	}


.productlist_row {
	padding: 4px 6px;
	width: 578px;
	float:right;
	}
	
.productlist_row form { display:inline; float:right; }
	
.productrow_text{
	width: 350px;
	padding-top: 2px;
	float:left;
	}	
	
.productrow_text .floatleft { max-width: 270px; width:expression(document.body.clientWidth > 272? "270px": "auto" ); }	
	

/* SUBNAV - CATTREE */

ul#first{
	list-style-type:none;
	width:173px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	height:auto;
	margin-bottom:0px;
			}
	
	ul_old#first_old{
	list-style-type:none;
	width:176px;
	margin: 0 30px 0 0;
	padding-left: 0px;
	}


#subnav{
	float:left;
	}

#subnav li { color:blue; margin-bottom: 0px; padding: 0px; }	
#subnav li a {color: #3e3e3a; text-decoration:none; display: block; width:100%; height:100%; }
#subnav li a:hover { font-weight: bold; }
#subnav li ul { list-style-type:none; margin: 0 0 0 8px; padding-left: 0; }
#subnav li.subcategory {padding: 0; margin: 4px 0 0 0px; }	
#subnav li.subcategory a { color: white; }		
#subnav li.subcategory a:hover { text-decoration:underline; font-weight:normal; color: blue; }	
#subnav li.subcategory a:visited:hover { color: blue }