/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,button,input,select,textarea{color:#000}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ===================
    ALL: Theme
   =================== */
html,body,#body-wrapper{height:100%;}
body{font:1em/1.625em Arial,Helvetica,sans-serif;min-width:20em;}
address>span{display:block}
body>#body-wrapper{height:auto;min-height:100%;}
.header-container,.footer-container{min-width:20em}
.header-container{border-bottom:10px solid #FFBF00}
.header-container a,
.footer-container a{color:#fff;text-decoration:none}
footer>.wrapper{position:relative}
.header-container {background-color:#006699;color:#fff}
.footer-container{color:#fff;}
#footer-background{position:absolute;background-color:#006699;width:100%;height:100%;z-index:-1;}
#footer-header-bar{margin:1em 0;padding:.5em 0;position:absolute;width:100%;}
#footer-copyright-bar{background-color:#FFBF00;bottom:0;color:#000;font-size:80%;;padding:.75em 0;position:absolute;width:100%;}
#header-bg{background:#eee}
#header-contact{color:#000;font-size:.9375em;font-weight:bold;margin:1em 0 .3em;text-align:center}
#header-search{color:#000;font-size:.9375em;font-weight:bold;margin:1em 0 .3em;text-align:center;z-index:10}
#header-search input{vertical-align:middle}

#header-email{border-bottom:1px solid;color:#dc0000;}
#header-phone{text-decoration:none;color:#000;font-size:1.2em;z-index:10}
#logo-wrapper{color:#000;margin:0;position:relative;text-align:center;}
#logo-name{height:auto;max-width:100%}
#logo-tagline{display:block;font-size:.8125em;white-space:nowrap;z-index:1}
#nav-wrapper{background-color:#006699;display:none;height:100%;left:0;overflow-y:scroll;position:absolute;text-align:center;top:0;width:100%;z-index:100}
body.menu-show{overflow-y:hidden;}
#nav-wrapper.menu-show{display:block}
.mobile-menu-buttons{background-color:#006699;font:bold 1em/2.625em Verdana,Geneva,sans-serif;padding:0 1em;}
.mobile-menu-buttons>div{float:left;min-width:45%;}
.mobile-menu-button{border:1px solid #006699;background:none;color:#fff;font-weight:bold;padding:.1em}
.mobile-menu-toggle{text-align:left;}
.mobile-menu-cart{text-align:right;}
.mobile-menu-button:focus{border:1px dotted;}
#mobile-menu-open,#mobile-menu-close{}
.mobile-menu-buttons>div:hover{}
#header-nav{font:1em Verdana,Geneva,sans-serif;}
#nav-wrapper>.mobile-menu-buttons{background:#006699;}
#nav-wrapper .mobile-menu-button{border:#006699;}
#header-nav ul{list-style:none;padding:0}
.header-nav-li{background-color:#048AC9;margin:.5em 1em}
.header-nav-li>a{display:block;padding:.5em;text-align:center;}
.main-container{padding-bottom:14.375em}
.main-container h1,
.main-container h2,
.main-container h3{font-size:1.5em;line-height:1.25em;margin:1em 0 .5em}
.main-container img{margin:.5em;max-width:100%}
.main{padding:1% 2%}
.main-container h2{font-size:1.375em}
.main-container h3{font-size:1.125em}
.footer-container{margin-top:-14.375em;position:relative;width:100%;}
.footer-nav{padding:1em 0 0;position:relative;text-align:center}
.footer-container h3{background:#048AC9;padding:.5em;font-weight:normal;font-size:1em;margin:0 0 .5em}
.footer-container ul{list-style:none;padding:0;margin:.5em;font-size:.875em}
.footer-container li:before{content:"-"}
.footer-container li>a{margin:.2em;}
.footer-nav>address{font-size:.9em;margin-bottom:1.5em}
#copyright{color:#222;display:block;text-align:center;clear:both;padding:.75em}
.hide-320,.hide-480,.hide-600,.hide-768{display:none !important}
.wrapper {
	max-width: 1152px; /* 1140px - 10% for margins */
	margin: 0 auto;
}

.ui-menu{visibility:hidden;z-index: 101 !important}
.slider-wrapper{max-width:900px;margin:auto}

/* ==========================================================================
   Content Styles
   ========================================================================== */
.ectlink{text-decoration:none;color:#ff4000}
figure{margin:.75em;}
figcaption{font-style:italic;font-size:.85em}
.body-nav{background-color:#ffffc1;border:1px solid;border-radius:1em;line-height:2.25em;margin:1em;padding:0 .75em}
.body-nav ul{list-style-position:outside;margin:.75em;padding-left:.5em}
.body-nav1{background-color:#ffffff;}
.pagenums{clear:both;font-size:.875em;padding:.36em 0;text-align:center;}

.static-page section h1{font-size:1.125em}

/*affiliate.php*/
.example{background-color:#ffffc1;border:1px solid;color:#000;display:block;padding:1em}

/*cart.php*/
.cobtbl{border:1px dotted #ccc;border-width:0 0 1px 1px;font-size:.75em;width:100%}
.cobtbl a{border:none}
.cobhl,.cobll{border:1px dotted #ccc;border-width:1px 1px 0 0;padding:4px}
.cobll p{margin:0;padding:0}
.cobcol1{display:none}
.cobhl>p{hposition:relative;width:100%}
.cobhl>p>img{max-height:100%;max-width:100%}
#cpncode{width:100%}
.addinfo{max-width:350px;width:100%}
#shipoptionstable td{line-height:2.5em;margin:0;padding:0}
#shipoptionstable img{display:none;margin:0;width:35px}
#shipoptionstable input[type="radio"]{margin:0 .25em .25em 0;padding:0;vertical-align:middle}
/*clientlogin.php*/

/* /contact-us/ */
#contact-page > section {
    margin: 1em auto 2em;
}
#contact-page form {
    max-width: 350px;
}
#contact-page form > span {
    display: block;
    font-size: 0.925em;
    padding: 0.25em 0;
    position: relative;
}
#contact-page form > span label {
    clear: left;
    display: block;
    line-height: 1.5em;
}
#contact-page form > span label.radio {
    clear: right;
    float: right;
    text-align: left;
}
#contact-page form > span label.error {
    clear: right;
    color: #cc0000;
    font-size: 0.875em;
    font-weight: bold;
    text-align: left;
}
#contact-page form > span label.radio > label.error {
    clear: both;
    color: #cc0000;
    display: block;
    position: absolute;
}
#contact-page form > span label.radio::after, #contact-page form > span label.error::after {
    content: "";
}
#contact-page form input {
    line-height: 1.5em;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
    width: 100%;
}
#contact-page form textarea {
    height: 6em;
    line-height: 1.5em;
    width: 100%;
}
#contact-page form input[type="checkbox"], #contact-page form input[type="submit"] {
    width: auto;
}
.main p.msg{font-size:1em;margin:1em 0}
.main p.errmsg{color:#cc0000;font-size:1em;font-weight:bold;margin:1em 0}

/*orderstatus.php*/

/*product.php*/
.prodnavigation{font-size:.875em;padding:.71em 0}
div.checkoutbutton{display:none}
.products{clear:both}
.product{border:1px dotted #ccc;float:left;height:320px;margin:1%;position:relative;width:96%}
.prodname,.prodoptions,.listprice,.prodprice,.extracurr,.addtocart{text-align:center}
.listprice{margin-top:-24px}
div.prodimage{margin:.5em .5em -82px;height:100px;position:relative}
.product img.prodimage{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0}
.prodname{height:2.75em;margin-top:92px}
.proddescription{margin:.5em 2%}
.prodoptions{margin-left:0em}
.prodoption{max-width:100%}
.extracurr{display:block}
.quantitydiv{display:inline-block;margin:.25em}
.addtocart{margin:.5em}
input.configbutton,
.buybutton{background-color:#FFBF00;border:1px outset #FFBF00;border-radius:.54em;color:#222;font-size:.95em;padding:.27em .54em}

/*categories.php*/
.navdesc{font-weight:bold}
.categories{clear:both}
.category{border:1px dotted #ccc;float:left;margin:1%;position:relative;text-align:center;width:96%}
div.catimage{margin:.625em}

/*search.php*/

/*sorry.php*/

/*speedorder.php*/

/*proddetail.php*/
#mainbodyspan{position:relative}
.detaillistprice,.detailoutofstock,div.detailimage,.detaillistprice,.detailprice,.detailquantity,.detailcurrency,.detailoptions,div.emailfriend{text-align:center}
div.detailimage{position:relative;text-align:center;width:100%}
img.detailimage{margin:auto;max-height:100%;max-width:100%}
.detailid{font-size:.875em}
.detailname{border-bottom:.5em solid #FFBF00;font-size:.75em;padding:.5em}
.giantimgname{border-bottom:.25em solid #FFBF00;display:block;font-size:1.25em}
.giantimgback{display:block;padding:.5em}
.detailshortdescription{font-size:0.9375em;padding:.5em 0}
.detaildescription{clear:both;float:none;border-bottom:.4em solid #FFBF00;font-size:0.9375em;padding:.5em 0}

.detailoptions{font-size:.875em;margin:.5em}
.detailoptiontext{display:inline;font-weight:bold}
div.detailoption{display:inline;padding-left:.5em}

.detailquantity{font-size:.875em;margin:.5em}
.detailquantitytext{display:inline;font-weight:bold}
.detailquantityinput{display:inline;padding-left:.5em}

.detailoutofstock{color:#ff0000;font-weight:bold}
.previousnext{clear:both;font-size:.875em;padding:.5em;text-align:center}
.detailcurrency{font-size:.875em}

.multioptiontable{clear:both;float:none;margin:0 1em;max-width:100%;padding:1em 0}
.multioptiontext{background:#EFF7F7;clear:both;display:block;float:none;font-weight:normal;margin:0 1em;padding:.5em;text-align:left}
.multioptiontext:nth-child(even){background:#D3E5E5}
.multioptiontext input{border:1px solid #FFBF00;font-size:.875em;height:1.25em;line-height:1.25em;margin:0;text-align:center}
span.multioption{font-size:.875em}

/* soft cart*/
#scdiv{max-width:600px;}
.scart{width:auto !important}
div.scimage{float:none !important;width:100% !important}
img.scimage{max-height:100%;max-width:100% !important}

/*/used-and-reconditioned/ */
.used-product{}
.used-product img{max-width:100%;}
.used-product>h2{}
.used-product-img{}
.used-description{}
.used-callfordetails{color:#f00;}
.used-price{font-weight:bold;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width:30em) { /*480px*/
	.main-container h1{font-size:1.625em}
	.main-container h2{font-size:1.5em}
	.main-container h3{font-size:1.25em}
	.static-page section h1{font-size:1.25em}

	span.hide-320,img.hide-320{display:inline !important}
	div.hide-320,address.hide-320{display:block !important}
	.main-container{padding-bottom:17.1875em}
	.main{}
	.footer-container{margin-top:-17.1875em;}
	#header-bg{min-height:130px}
	#header-contact{float:left;margin-left:1%;text-align:left;width:59%}
	#header-search{clear:right;float:right;margin-right:1%;text-align:right;width:39%}
	#header-search #searchfield{width:8.25em}
	#logo-wrapper{clear:both;width:415px;margin:auto;}
	#logo-tags{height:auto;width:72px;}
	#logo-name{height:auto;width:342px;vertical-align:top;}
	#logo-tagline{clear:both;margin:-2.25em 0 0 85px;text-align:left;width:330px}

	.footer-nav{width:50%;margin:0;text-align:left;}
	.footer-nav:nth-child(even){clear:left;float:left}
	.footer-nav:nth-child(odd){clear:right;float:right}

	.footer-nav h3{padding:.5em 10%}
	.footer-nav ul{margin:0 10%}
	.social-media-div>a{display:inline-block;margin:.4em;}
	.mobile-menu{clear:both;}
	.mobile-menu-buttons>div{width:50%}
	.left{clear:left;float:left;margin-left:6%;}
	.right{clear:right;float:right;margin-right:6%;}
	.example{margin:.5em}
	.body-nav{float:right}
	.body-nav1{float:right}

	/* /contact-us/ */
	#contactfrm input,#contactfrm textarea{width:68%}

	/*products.php*/
	.product{height:288px;}

	/*proddetail*/
	.detailcurrency{font-size:.925em}
	.multioptiontable{margin:0 auto;max-width:320px}

	/*categories.php*/
	.categorymessage{}
	.catnavigation{}
	.navdesc{font-weight:bold;}
	.categories{clear:both}
	.category{margin:2%;min-height:18.5em;position:relative;text-align:center;width:45%}
	div.catimage{margin:.625em;}
	img.catimage{}
	.catname{}
	.catdesc{}

	/* soft cart*/
	div.scimage{float:left !important;width:auto !important;}
	div.scproducts{width:67.4% !important}
}

@media only screen and (min-width:37.5em) { /*600px*/
	.ui-menu{visibility:visible}
	.main-container h1{font-size:1.75em}
	.static-page section h1{font-size:1.375em}
	.static-page section:nth-child(odd){clear:left;float:left;width:50%}
	.static-page section:nth-child(even){clear:right;float:right;width:50%}

	span.hide-480,img.hide-480{display:inline !important}
	div.hide-480,address.hide-480{display:block !important}
	body.menu-show{overflow-y:auto;}
	.main-container{padding-bottom:29.625em}
	.footer-container{margin-top:-29.625em;}
	.wrapper{position:relative}
	#header-contact{clear:right;float:right;margin:1em 1% 0 0;text-align:right;width:28%}
	#header-search{clear:right;float:right;margin:.5em 1% 1em 0;text-align:right;width:28%}
	#header-phone{display:block;font-size:1.6em;margin:.15em 0}
	#logo-wrapper{left:0;margin:2.25em 0 1em;position:absolute;top:0;width:70%}
	#logo-tags{width:68px}
	#logo-name{width:323px}
	#logo-tagline{clear:left;margin:-2.25em 0 0 65px;text-align:center;width:auto}
	.mobile-menu,#nav-wrapper>.mobile-menu-buttons,#nav-btn-menu{display:none}
	#nav-wrapper{display:block;float:none;margin:0 22.6% 0 0;overflow-y:auto;position:relative;text-align:left;width:auto}
	.mobile-menu-buttons{background:#006699;font-weight:normal;height:2.75em;padding:0;position:absolute;right:0;width:22.6%}
	.mobile-menu-buttons>div{text-align:left;width:100%}
	.mobile-menu-buttons>div>*{margin:0}
	#nav-wrapper ul{height:2.75em;margin:0}
	.header-nav-li{background:none;display:inline-block;margin:0 1%;min-width:22%;text-align:center}
	.header-nav-li:first-child{margin:0}
	.header-nav-li>a{display:inline-block;padding:.7em 0}
	.footer-nav{width:33.333%}

	.footer-nav:nth-child(even){clear:none;float:left}
	.footer-nav:nth-child(odd){clear:none;float:right}

	#footer-contact h3{display:none}
	#footer-logos-div{margin-left:1%;position:absolute;top:11.25em}
	#footer-cc-logos{float:left;margin:5.5em 0 0 1%}
	#footer-seals{clear:left;float:left;margin:0 0 3.25em 7%}
	#footer-milspec{bottom:.5em;position:absolute}
	.example{margin:.5em 10% .5em 5%}

	/*cart.php*/
	.cobtbl {font-size:.875em}
	.cobcol1 {display:table-cell}
	#shipoptionstable img{display:block;margin:.5em;width:44px}

	/*products.php*/
	.product{margin:1.5%;width:46.6%;height:346px}

	/*categories.php*/
	.category{margin:1%;width:47.5%}

	/*proddetail.php*/
	.detaillistprice,.detailoutofstock,.detailprice,.detailcurrency>.extracurr,.detailoptions,.detailquantity,.detailaddtocart{text-align:left}
	.detailcurrency{font-size:1em}
	div.detailimage{background:#fff;float:left;margin:0;min-height:185px;padding-right:1em;width:13em}
	img.detailimage{margin:auto}

	.multioptiontable{margin:0;max-width:800px}
	.multioptiontable:before,.multioptiontable:after{content:" ";display:table}
	.multioptiontable:after{clear:both}
	.multioptiontable{*zoom:1}
	.multioptiontext{background:#EFF7F7;clear:none;margin:0 2% 0 0;padding:.5em 0;width:48%}
	.multioptiontext:nth-child(odd){clear:left;float:left}
	.multioptiontext:nth-child(even){background:#D3E5E5;clear:right;float:right}
	.multioptiontext:nth-child(4n+3){background:#D3E5E5}
	.multioptiontext:nth-child(4n+2){background:#EFF7F7}


	/* soft cart*/
	div.scimage{width:160px !important;}
	div.scproducts{width:69.8% !important}
}

@media only screen and (min-width:48em) { /*768px*/
	span.hide-600,img.hide-600{display:inline !important}
	div.hide-600,address.hide-600,h3.hide-600{display:block !important}
	li.hide-600{display:inline-block !important}
	.main-container{padding-bottom:28em}
	.footer-container{margin-top:-28em}

	.footer-nav:nth-child(even){clear:none;float:left}
	.footer-nav:nth-child(odd){clear:none;float:left}
	
	.footer-nav{width:25%}
	.footer-nav h3{padding:.5em 12%}
	.footer-nav ul{margin:0 12%}
	#header-contact{font-weight:normal;font-size:1em;width:40%}
	#footer-contact{clear:right;float:left;margin:0;position:relative;top:0}
	#footer-contact h3{display:block}
	#header-search{font-weight:normal;font-size:1em;width:40%}
	#header-search #searchfield{width:8.75em}
	#header-phone{font-weight:bold;font-size:1.75em}
	#logo-wrapper{width:60%}
	#logo-tags{width:72px}
	#logo-name{width:342px}
	#logo-tagline{margin:-2.25em 0 0 7.5em}
	.mobile-menu-buttons{width:20.5%}
	#nav-wrapper{margin-right:20.5%}
	.header-nav-li{margin:0 1.5%;min-width:13.25%}
	.header-nav-li:first-child{margin-left:2%;min-width:14.5%}
	#footer-logos-div{float:left;top:12.5em}
	#footer-cc-logos{margin:1em 1% 3.25em}
	#footer-seals{margin:1em 3.5% 3.25em}
	#footer-seals{clear:none;float:right}
	#copyright{padding-left:12em}

	/*cart.php*/
	.cobtbl {font-size:1em}
	.cobcol1 {display:table-cell}
	#cpncode{width:auto;}

	/* /contact-us/ */
	.twocol{float:left;margin:0 1%;width:48%}
	#contactfrm input,#contactfrm textarea{width:63%}

	/*product.php*/
	.product{height:304px}

	/*proddetail.php*/
	.detailcurrency{margin-left:25em;position:relative;margin-top:-1.625em}

/* ====================
    WIDE: CSS3 Effects
   ==================== */

	.header-container{
		-webkit-box-shadow: 0 5px 10px #aaa;
		   -moz-box-shadow: 0 5px 10px #aaa;
				box-shadow: 0 5px 10px #aaa;
	}

}

@media only screen and (min-width: 64em) { /*1024px*/
	span.hide-768,img.hide-768{display:inline !important}
	div.hide-768,address.hide-768{display:block !important}
	li.hide-768{display:inline-block !important}
	.main-container{padding-bottom:20em}
	.footer-container{margin-top:-20em}
	.footer-nav{width:19.5%}
	.footer-nav h3{background:none;padding:.5em 5%}
	.footer-nav ul{margin:0 5%}
	#footer-header-bar{background:#048AC9}
	#header-contact{font-weight:bold;font-size:1.25em;margin:.75em .5em 0 0}
	#header-phone{font-size:1.75em;font-weight:normal;margin:.5em 0 0;}
	#header-search{margin:1.25em .5em 1.5em 0}
	#header-search #searchfield{width:11.5em}
	#logo-wrapper{margin:2.75em 0 1em 1%;text-align:left;}
	#logo-tags{width:auto;}
	#logo-name{width:auto;}
	#logo-tagline{margin:-2.25em 0 0 6.75em;text-align:left}
	#logo-tagline{font-size:.875em;}
	.mobile-menu-buttons{width:16%}
	#nav-wrapper{margin-right:16%}
	.header-nav-li{margin:0 1.5%;min-width:9.5%}
	.header-nav-li:first-child{margin-left:2%;min-width:12%}
	#footer-logos-div{float:left;position:relative;top:5.5em;width:20%}
	#footer-cc-logos{left:1%;margin:0;position:absolute;top:12em}
	#footer-seals{margin:0;position:absolute;right:32%;top:12em}
	#footer-contact{margin-bottom:2em}
	#copyright{padding:0.75em}

	/* /contact-us/ */
	#contactfrm>span{margin:.5em auto;width:26em;}
	#contactfrm input,#contactfrm textarea{width:18em}

	/* products.php */
	.product{height:320px;margin:1%;width:31.1%}

	/*proddetail.php*/
}

@media only screen and (min-width: 72em) { /*1152px*/
	.header-nav-li,
	.header-nav-li:first-child{min-width:11.5%}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	*{background: transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content: ""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100% !important}
	@page{margin:0.5cm}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}