/* www.btitactical.com  
Solid Cactus - (Cp)
December 2007
*/
/* General
-----------------------------------------------------*/
html,body {margin:0;padding:0}
body {font:76% "Tahoma",arial,sans-serif; text-align:left; background:#222222;}
p {margin:0 10px 10px}
.imgbord {padding-left:6px;}
a {color:#9C9C9C;}
/* Layout 
-----------------------------------------------------*/
div#container {width:760px; margin-left:10px; text-align:left; background:url("/lib/yhst-31269281107216/contbkg.gif") repeat-y;}
div#wrapper {float:left; width:100%}
div#header {position:relative; background:#000;}
div#content {width:335px; margin:0 185px; background:#fff;}
div#rightcol {float:left; width:235px; margin-left:-235px; background:#414141;}
div#leftcol {float:left; width:178px; margin-left:-760px; background:#2c2c2c;}
div#footer {clear:left; width:100%; background:#9d9d9d url("/lib/yhst-31269281107216/footbkg.gif") no-repeat; height:31px;}
div#copyright {width:760px; background:url("/lib/yhst-31269281107216/copyright-bkg.gif") no-repeat; height:97px;}
div#copyright .copyL {float:left; width:300px; margin:37px 0 0 60px;}
div#copyright .copyR {float:right; width:300px; margin:37px 0 0 0;}
/* Item Layout */
div#itemwrapper {float:left; width:100%;}
div#itemcontainer {width:760px; margin-left:10px; text-align:left; background:url("/lib/yhst-31269281107216/itemwrapbkg.gif") repeat-y;}
div#itemcontent {width:580px; float:right;}
div#itemcontent table {padding-left:0px; margin-left:10px;}
div#itemcontent select {max-width:450px;}

/* Typography 
-----------------------------------------------------*/
h1 {font-size:1.4em;}
div#content p {line-height:1.4}
.mailingarea p {font-size:.9em; color:#fff;}
div#footer p {margin:0; padding:5px 10px; color:#fff;}
div#footer a {display:inline; padding:0; color:#C6D5FD}
div#copyright .copyL p {font-size:.9em; font-weight:bold; color:#9C9C9C;}
/* homepage special products */
dl {text-align:center;}
dt.prodtitle, dt.prodtitle a {font-size:.9em; color:#000; text-align:center; padding-bottom:10px;}
dt.regprice {font-size:.8em; color:#000; text-align:center;}
dt.saleprice {font-size:.8em; color:#b01922; text-align:center;}
/* Presentations
-----------------------------------------------------*/
.featured-header {background:url("/lib/yhst-31269281107216/featured-header.gif") no-repeat; height:33px;}
.mailingheader {background:url("/lib/yhst-31269281107216/mailing-header.gif") no-repeat; height:25px;}
.catheader {background:url("/lib/yhst-31269281107216/cat-header.gif") no-repeat; height:25px;}
/* product dividers */
.divide {background:url("/lib/yhst-31269281107216/btm-divide.gif") repeat-x; height:10px;}
.crossdivide {background:url("/lib/yhst-31269281107216/cross-divide.gif") repeat-y;}
/* Navigation 
-----------------------------------------------------*/
/* header navigation is image mapped */
#phone-number{
	color: #fff;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	left: 390px; 
	position: absolute; 
	text-align: right; 
	top: 93px; 
	width: 370px; 
}
/* -- left navigation -- */
#leftcol .leftnavlist {padding-top: 7px; font-size:.8em; letter-spacing:.0825em; list-style-type: none;}
#leftcol .leftnavlist ul {padding:0px; margin:0px;}
#leftcol .leftnavlist ul li {display:block; width:176px; padding:0px 0 0px 0; list-style:none; border-bottom:1px solid #393939;}
/*#leftcol .leftnavlist ul li:hover, #leftcol .leftnavlist ul li .sfhover{background: #616161;}*/
#leftcol .leftnavlist ul li a {display:block; padding:8px 0 8px 10px; color:#fff; text-decoration:none; list-style:none; background:url("/lib/yhst-31269281107216/navbullet-off.gif") left center no-repeat;}
#leftcol .leftnavlist ul li a:hover {background:#616161 url("/lib/yhst-31269281107216/navbullet-on.gif") left center no-repeat; color:#fff;}
/* -- left navigation cascading navigation --- first out -- */
#leftcol .leftnavlist ul li ul#nav {
	display: none;
	position: absolute;
	left: 175px;
	z-index: 999;
	padding: 5px;
	width: 208px;
	margin: -28px 0px 0px 0px;
	border: 1px solid #000;
	background: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	text-decoration: none;
}

#leftcol .leftnavlist ul li:hover ul#nav, #leftcol .leftnavlist ul li.sfhover ul#nav {
	background: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	display: block;
	z-index: 1000;
	border: 1px solid #000;
}

#leftcol .leftnavlist ul li ul#nav li {
	margin: 0;
	padding: 0px 0px 0px 5px;
	float:left;
	font-size: 1.0em;
	background: none;
	border-bottom: 1px solid #4D4D4D;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	z-index: 999;
	text-align: left;
	width: 203px;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li:hover, #leftcol .leftnavlist ul li ul#nav li .sfhover{
	background: none !important;
	background-color: none !important;
}

#leftcol .leftnavlist ul li ul#nav li a {
	padding: 8px 0px 8px 12px;
	color: #fff;
	display: block;
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	border: none;
	float:left;
	position: relative;
	z-index: 999;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li a:hover {
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	color: #fff;
	position: relative;
	z-index: 1000;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

/* -- left navigation cascading navigation --- second out -- */
#leftcol .leftnavlist ul li ul#nav li ul#second {
	display: none;
	position: absolute;
	left: 205px;
	z-index: 1999;
	padding: 5px;
	width: 208px;
	margin: -6px 0px 0px 0px;
	border: 1px solid #000;
	background: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li:hover ul#second, #leftcol .leftnavlist ul li ul#nav li.sfhover ul#second {
	background: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	display: block;
	z-index: 2000;
	border: 1px solid #000;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li {
	margin: 0;
	padding: 0px 0px 0px 5px;
	float:left;
	font-size: 1.0em;
	background: none;
	border-bottom: 1px solid #4D4D4D;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	z-index: 999;
	text-align: left;
	width: 203px;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li:hover, #leftcol .leftnavlist ul li ul#nav li ul#second li .sfhover{
	background: none !important;
	background-color: none !important;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li a {
	padding: 8px 0px 8px 12px;
	color: #fff;
	display: block;
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	border: none;
	float:left;
	position: relative;
	z-index: 999;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li a:hover {
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	color: #fff;
	position: relative;
	z-index: 1000;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

/* -- left navigation cascading navigation --- third out -- */
#leftcol .leftnavlist ul li ul#nav li ul#second li ul#third {
	display: none;
	position: absolute;
	left: 200px;
	z-index: 2999;
	padding: 5px;
	width: 208px;
	margin: -6px 0px 0px 0px;
	border: 1px solid #000;
	background: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li:hover ul#third, #leftcol .leftnavlist ul li ul#nav li ul#second li.sfhover ul#third {
	xbackground: #5C5C5C url(/lib/yhst-31269281107216/casc-nav-gradient-bg.jpg) left top repeat-x;
	display: block;
	z-index: 3000;
	xborder: 1px solid #000;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li ul#third li {
	margin: 0;
	padding: 0px 0px 0px 5px;
	float:left;
	font-size: 1.0em;
	background: none;
	border-bottom: 1px solid #4D4D4D;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	z-index: 999;
	text-align: left;
	width: 203px;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li ul#third li:hover, #leftcol .leftnavlist ul li ul#nav li ul#second li ul#third li .sfhover{
	background: none !important;
	background-color: none !important;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li ul#third li a {
	padding: 8px 0px 8px 12px;
	color: #fff;
	display: block;
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	border: none;
	float:left;
	position: relative;
	z-index: 999;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

#leftcol .leftnavlist ul li ul#nav li ul#second li ul#third li a:hover {
	background: url(/lib/yhst-31269281107216/li-bullet.gif) left center no-repeat;
	color: #fff;
	position: relative;
	z-index: 1000;
	width: 191px;
	text-align: left;
	text-decoration: none;
}

/* -- footer navigation --*/
#footnavlist {padding: .8em 0; margin: 0; font-size:.9em; text-align:center; list-style-type: none;}
#footnavlist li { display: inline; border-right: 1px solid #000;}
#footnavlist li a {text-decoration: none; color: #000; padding: 10px 12px; display:inline;}
#footnavlist li a:hover {color: #fff; text-decoration:none;}
#footnavlist li.last {border:none;}
/* Search and Mailing List 
-----------------------------------------------------*/
.searcharea {position:relative; background:url("/lib/yhst-31269281107216/shop-bkg.gif") no-repeat; height:58px;}
.searcharea * {vertical-align: middle;}
.searcharea form {position:absolute; top:28px; left:10px;}
.searchquery{font-size:11px; width: 127px; margin-right: 0px; border: 2px inset #000;}
/*X*/
.dropdownarea {position:relative; background:url("/lib/yhst-31269281107216/manbkg.gif") no-repeat; height:58px;}
.dropdown {margin:30px 0 0 10px; width:150px;}
/*X*/
.mailingarea {position:relative; margin:0 10px 10px; background:#5e5e5e;}
.mailingarea * {vertical-align: middle;}
.email-box {font-size:11px; width:150px; margin:10px 0 10px 10px; }
/* Homepage -----------------------------------------*/
.htmlarea {margin:0 10px 10px; background:#5e5e5e; color:#fff;}

#shipping-banner{
	background: url(bg-free-ship.gif) no-repeat top right;
	font-size: 11px;
	height: 63px;
}

#shipping-banner div{
	padding: 12px 20px 10px 70px;
	
}

#shipping-banner *,
#shipping-banner{
	font-weight: bold;
	color: #FFF;
}


/* Breadcrumbs -----------------------------------------*/
div .breadcrumbsstyle{
        padding: 15px 0px 15px 0px;
        margin-left: 15px;
}
div .breadcrumbsstyle span#breadcrumbs{
	font-family: "Tahoma", "Arial", "sans-serif";
	font-size: 10px;
	color: #222222;
	font-weight: bold;
}

div .breadcrumbsstyle span#breadcrumbs a{
	font-family: "Tahoma", "Arial", "sans-serif";
	font-size: 10px;
	color: #A0A0A0;
        font-weight: normal;
}

#flashcontent { z-index: 5; }
#flash-div {position: absolute; width: 380px; height: 90px; left: 380px; top: 0px;}
#phone-number { z-index: 99; left: 380px; }

/*-------------------Advanced Paging Styles-------------------------*/
div#paging {
	clear: both;
	padding: 12px 0;
	float: right;
	width: 560px;
	margin-right: 7px;
}

div#paging div#ctrls {
	padding-bottom: 8px;
	border-bottom: 1px #000 solid;
	font-family: Arial, Helvetica, sans-serif;
}

div#paging div#ctrls2 {
	border-top: 1px #000 solid;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

div#paging div.ctrls td {
	padding: 4px;
	color: #000;
	font-size: 11px;
}

div#paging div.ctrls td a {
	color: #000;
	text-decoration: none;
}

#leftArrowDiv1 img, #leftArrowDiv2 img {margin-right: 8px;}

div#paging table {margin-left: 0;}

div#paging div.ctrls .chosen {
	font-weight: bold;
}

div#paging div.ctrls span.pageof {
	margin: 0 12px;
}

div#paging div#contents {
	padding: 14px 0;
}

div#paging div#contents table {
	width: 100%;
}

div#paging div#contents table td {
	padding: 6px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

div#paging div#contents table td.imgCell {
	padding-bottom: 0;
}

div#paging div#contents table td.verticalSpacer {
	padding: 0 4px;
	background: url(/lib/yhst-31269281107216/cross-divide.gif) repeat-y scroll 0%
}

div#paging div#contents table td.horizontalSpacer {
	padding: 6px 0;
	background: url("contsHorzSep.gif") repeat-x left center;
}

div#paging div#contents table td div.name {
	padding: 0 0 10px;
}

div#paging div#contents table td div.name a {
	color:#000000;
	font-size:0.9em;
	text-align:center;
}

div#paging div#contents table div.price {
	color:#000000;
	font-size:0.8em;
	text-align:center;
}

div#paging div#contents table div.price s {
	text-decoration: line-through;
	font-weight: normal;
}

div#paging div#contents table div.price-bold,
div#paging div#contents table div.saleprice {
	font-size:0.8em;
	text-align:center;
	color:#B01922;
}

div#paging div#contents table div.you-save {
	font-weight: bold;
	color: #AE0000;
}
#header-html {position:absolute; top:91px; left:250px; color:#fff;}
body .yui-skin-sam .yui-panel .bd {padding:0;}

#yfc_mini .smb-mc .mini_msg {color:#fff;}
#yfc_mini .smb-mc .mini_item_count {color:#fff;}
#yfc_mini .smb-mc .mini_subtotal {color:#fff;}
#yfc_mini .smb-mc #yfc_close_btn {color:#fff;}
div#rightcol {margin-top:30px;}

a.yscp_link {color:#fff;}
#header-html {top:86px; z-index:99;}
#header-html #ys_superbar {width:255px; text-align:center; height:auto; padding:3px; border:1px solid #9A9A9A; background:#414141;}
#phone-number  {width:250px; left:505px; top:90px;}

#wrapper #ys_superbar, #itemwrapper #ys_superbar {float:right; height:22px; width:525px;}
#ys_superbar #ys_cpers {padding-top:3px; float:left; text-align:center; width:200px;}