/* ===================
    START: SITE STYLES
   =================== */
   
body {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body .viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

body .viewport .frame {
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0; 
}

body .viewport .frame .navbar .navbar-inner {
  border-radius: 0;
  padding-left: 5px; 
}

body .viewport .frame .menu {
  height: 100%;
  /* background-color: #3D6AA2; */ 
}

body .viewport .frame .menu.collapse {
  float: left;
  height: 100% !important;
  width: auto; 
}

body .viewport .frame .menu.collapse.height {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; 
}

body .viewport .frame .menu.collapse.width {
  position: relative;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease; 
}

body .viewport .frame .menu.collapse.in.width {
  width: auto; 
}

body .viewport .frame .menu.collapse.in.height {
  height: auto; 
}

body .viewport .frame .menu .collapse-inner {
  position: relative;
  width: 250px;
  height: 100%; 
}

body .viewport .frame .menu .navbar .navbar-inner {
  text-align: center;
  color: grey;
  font-size: 1.2em;
  line-height: 38px; 
}

body .viewport .frame .menu .nav-stacked {
  padding: 0 10px; 
}

body .viewport .frame .view {
  width: 50%;
  height: 100%;
  overflow: hidden; 
}

body .viewport .frame .view .navbar .navbar-inner .btn-navbar {
  display: block;
  float: left; 
}

body .viewport .frame .view #content {
  margin: auto 15px;
  text-align: justify; 
}

/* ----- Content Areas ----- */


/* ----- Footer ----- */


/* ----- Search Bar ----- */


/* ----- Footer Overrides ----- */
#pcSpecials, #pcNewArrivals, #pcBestSellers, #pcUsefulLinks
{
	margin: 1%;
	width: 98%;
}
#pcMainAreaBottom
{
	clear: both;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#pcMainAreaBottom h2
{
	border-bottom: 1px solid #93817f;
	color: #3e7ba6;
	font-family: 'open_sansbold';
	font-size: 18px;
	margin-bottom: 10px;
}
#pcMainAreaBottom ul
{
	list-style-type: none;
	padding-left: 6px;
}
#pcMainAreaBottom .pcColumnWrapper
{
	padding: 2px 8px;
}
#pcMainAreaBottom #pcFeaturedProductsList
{
	margin: 0px;
	padding: 0px;
}
#pcMainAreaBottom .pcShowProductsUL
{
	padding-bottom: 5px;
}
#pcMainAreaBottom .pcShowProductImageL
{
	float: left;
	height: 48px;
	position: relative;
	text-align: center;
	width: 48px;
  padding: 0px;
  margin-right: 6px;
}
#pcMainAreaBottom .pcShowProductImageL img
{
	height: 96%;
	padding: 2%;
	width: 96%;
}
/* ===================
    END: SITE STYLES
   =================== */




/* ===================
    START: BUTTONS
   =================== */
.pcButton
{
	background-color: #860202;
	border: none;
	border-radius: 4px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 10px;
	margin: 2px;
	padding: 7px 12px;
	text-decoration: none;
	text-transform: uppercase;
}
a.pcButton
{
	text-decoration: none;
	color: white !important;
}
.pcButton .pcButtonText
{
	color: inherit;
	display: block;
	font-size: inherit;
	margin: 0px;
	padding: 0px;
}
.pcButton img, .pcButton input[type=image]
{
	display: none;
}
.pcButton:hover
{
	background-color: #af0000;
	color: white;
	text-decoration: none;
}
.pcButtonAddToCart
{
	background-color: #860202;
	color: #fff;
}
.pcButtonAddToCart:hover
{
	background-color: #AF0000;
	color: #fff;
}
.pcButtonAddToCartSmall
{
	background-color: #860202;
	color: #fff;
}
.pcButtonAddToCartSmall:hover
{
	background-color: #AF0000;
	color: #fff;
}


.pcButtonMoreDetails, .pcButtonAddToWishlist {
	background-color: #333;
}
.pcButtonMoreDetails:hover, .pcButtonAddToWishlist:hover
{
	background-color: #555;
}
.secondary
{
	background-color: #eee !important;
	color: #204b8f !important;
}
a.secondary
{
	text-decoration: none;
	color: #204b8f !important;
}
.secondary .pcButtonText
{
	color: #204b8f !important;
}
.secondary:hover
{
	background-color: #fff !important;
	color: #204b8f !important;
}
.tiny
{
	padding: 3px 6px !important;
}
.tiny .pcButtonText
{
	font-size: 10px !important;
}
/* ===================
    END: BUTTONS
   =================== */
   
   
   

/* =============================
    START: SLIDE BAR OVERRIDES
   ============================= */
.sb-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sb-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 0;
    width: 100%;
}
.sb-menu > li:first-child {
    border-top: medium none;
}
.sb-menu > li:last-child {
    border-bottom: medium none;
}
.sb-menu li a {
    color: #F2F2F2;
    display: inline-block;
    padding: .5em .75em;
    width: 100%;
}
.sb-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    text-decoration: none;
}
.sb-left .sb-menu li a {
    border-left: 3px solid rgba(0, 0, 0, 0);
}
.sb-left .sb-menu li a:hover {
    border-left: 3px solid;
}

/* =============================
    END: SLIDE BAR OVERRIDES
   ============================= */


/* ===================
    START: TABS
   =================== */
.tab-content > .tab-pane
{
	border-bottom: 1px solid #DDD !important;
	border-left: 1px solid #DDD !important;
	border-right: 1px solid #DDD !important;
	padding: 10px;
}
.nav-tabs > li > a
{
	background-color: #ddd !important;
	margin-bottom: -3px !important;
}
.nav-tabs > li.active > a
{
	background-color: #fff !important;
	margin-bottom: -3px !important;
}/* ===================
    END: TABS
   =================== */
   
.theme-productcart .nivo-controlNav a {
	background-image:url("../../../../includes/jquery/nivo-slider/bullets2.png");
}
.theme-productcart .nivo-controlNav a.active {
  background-position: 0 -21px;
}
h1 {
	font-size: 1.75em;
}
.pcShowCategoryP .pcShowCategoryImage {
	width: 35%;
}
.pcShowCategoryInfoP {
	max-width: 65%;
}
.pcShowCategoryLargeImage {
	text-align: center;
}
#pcMain .pcShowProductsH {
	text-align: center;
}
.pcColCount1, .pcColWidth100 {
	padding-bottom: 20px;
}
.pcButton .pcButtonText {
	text-shadow: 1px 1px 1px #333;
}
#pcMain .pcShowAddToCart input[type=text] {
	text-align: center;
}
.navbar {
	margin-bottom:0;
	background:url("../../../images/site-graphics/body-bg-mobile.jpg");
}
.menu-box {
  left: 10px;
  position: absolute;
  top: 37%;
  z-index: 1000;
}
.navbar .sb-toggle-left {
  border-left: 0 none #000;
	border-right: 0 none #000;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
  border-image: url('') none;
    border-radius: 0;
    margin-top: 0px;
    padding: 0;
    background:transparent;
}
.navbar .sb-toggle-left span {
  background: #000 none repeat scroll 0 0;
  display: block;
  height: 4px;
  margin: 3px 0;
  width: 25px;
}
.navbar-brand {
	height:auto;
	float:none;
	display: block;

}
.navbar-header {
	text-align: center;
	float:none;
	
}
.navbar-header {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 65%;
  position:relative;
  left:-10px;
}
.navbar-header img {
	width:95%;
	max-width:374px;

}
.navbar .user-box {
  position: absolute;
  right: 10px;
  top: 28%;
}
.navbar .user-box img {
  width: 32px;
}
.topbar {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfa), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #fcfcfa 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfa', endColorstr='#e3e3e3');
	background-color:#fcfcfa;
	margin:0 -4px;
	padding:10px;
	border-top:4px solid #999999;
}
.searchbox .form-control,
#newsletter .form-control {
	border:2px solid #626262;
	border-radius:0;
	
}
.searchbox span button,
#newsletter span input[type=submit] {
	margin-left:5px!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #d6d6d6) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #d6d6d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#d6d6d6');
	background-color:#fdfdfd;
	border:1px solid #626262;
	border-radius:4px!important;
	font-size:15px;
	font-family:Tahoma;
	font-weight:bold;
	color:#626262;
	padding:5px 10px;
}
.sb-slidebar {
	width:80%!important;
}
.sb-menu {
	background:#373737;
}
.sb-menu ul {
	margin-left:0px;
	padding: 0 5px 0 15px;;
}
.sb-menu ul li a {
	padding: .75em 1em;
}
.sb-menu li a {
  background-image: url("../../../images/site-graphics/icon-arrow-menu.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #fff;
  display: inline-block;
  padding: 0.45em;
  width: 100%;
  font-family:Arial;
}
#pcViewProductC .pcViewProductLeft {
	width:100%;
}
#pcViewProductC .pcViewProductRight {
	width:100%;
}
#mainimgdiv {
	padding:10px 0;
}

.pcPageNav {
  font-size:12px;
  color:#666;
}
.pcPageNav a {
	color:#666;
}
body {
	font-family: "Book Antiqua",Arial,Tahoma,sans-serif;
}
h1 {
	color:#8b4513;
	font-size:16px;
}
.pcCartLayout .title {
	font-size:13px;
	color:#333;
}
.pcPageContent p {
	padding:0 0 8px 0;
	line-height:1.5;
}
#newsletter {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfa), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #fcfcfa 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfa', endColorstr='#e3e3e3');
	background-color:#fcfcfa;
	margin:0 -4px;
	padding: 20px 10px;
	border-top:4px solid #999999;

}
#newsletter h2 {
	font-family:Arial;
	margin:0;
}
#newsletter p {
	font-family:Helvetic;
		margin-top:0;
}

#newsletter span {
	display:table-cell;
}

#footer {
	padding:20px 5px 20px;
	background:#ededed;
	border-top:1px solid #ccc;
	color:#333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a {
	color:#333;
}
#footer ul {
	list-style-type:none;
	margin:0 auto;
	padding: 0;
	width:auto;
	display:block;
	text-align:center;
	
}
#footer ul li {
	line-height:1;
	display:inline;
}
#footer ul li a {
	color: #333;
	border-left:1px solid #333;
	padding:0 3px 0 6px;
}
#footer ul li:first-child a {
	border: 0;
}
#footer p.info {
	width:100%;
	line-height:1.5;
	text-align:center;
}
#footer p.info.two {
	width:100%;
}
#footer span {
	width:1px;
	height:10px;
	background:#333;
	margin:0 8px 0 11px;
	display: inline-block;
}
#footer p.copyright {
	clear: both;
	text-align: center;
	padding:10px 0 0;
}
#pcOPCtotal {
  background-color: #3d78d4;
  border-bottom: 1px solid #204b8f;
  border-radius: 6px;
  border-right: 1px solid #204b8f;
  float: right;
  margin-right: 0px;
  margin-top: -5px;
  padding: 4px 12px;
  position: relative;
}
#opcLoginFormFields input,
#BillingArea input,
#shippingAddressArea input,
#BillingArea select,
#shippingAddressArea select {
	max-width:300px;
}
#BillingArea input,
#shippingAddressArea input,
#PayFormArea input,
#DiscArea input {
	max-width:300px;
}
#BillingArea #billzip,
#shippingAddressArea #shipzip {
	max-width:100px;
}
#BillingArea #billphone, 
#BillingArea #billfax,
#shippingAddressArea #shipphone, 
#shippingAddressArea #shipfax {
	max-width:150px;
}




.pcPageContent img.full {
	width: 100%;
}
#articles div.clear {
	min-height:0;
	width:0;
	padding:0;
}
#articles p {
	margin-left:0;
}
#articles p img {
	margin-left:0!important;
}
#articles div {
	padding-bottom:20px;
}
#articles div.clear {
	padding-bottom:0;
}
#gallery img {
	width:280px!important;
	height: auto!important;
	display:block;
	float: left;
}

#banners {
	overflow:hidden;
}
#banners .box {
	width:100%;
	border:1px solid #edeee9;
	float: left;
	margin:2px auto 5px;
	position: relative;
	text-align:center;
	background: #fffefd url('../../../images/site-graphics/banner-bg1.jpg') left bottom repeat-x;
}
#banners .box img {
	width:100%;
}

#banners h3 {
	padding:0;
	font-size:18px;
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-weight:normal;
	background: #b7b294 url('../../../images/site-graphics/banner-arrow.png') center right no-repeat;
}
#banners h3 a {
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	display:block;
}
#banners .line-1 {
	font-family:"Arial";;
	font-size:13px;
	text-transform:uppercase;
}
#banners .line-2 {
	font-family:"Arial";
	font-size:13px;
}
#banners .left .line-1 {
	position:absolute;
	top:75px;
	left:10px;
}
#banners .left .line-2 {
	position:absolute;
	bottom:25px;
	left:10px;
}
#banners .middle .line-1 {
	position:absolute;
	top:75px;
	left:10px;
}
#banners .middle .line-2 {
	position:absolute;
	bottom:25px;
	left:10px;
}
#banners .right .line-1 {
	position:absolute;
	top:130px;
	left:80px;
	text-transform:none;
}
#banners .right .link1 { border:0px solid red;
	position:absolute;
	top:20%;
	left:00px;
	width:100%;
	height:34%;
	display:block;
	
}
#banners .right .link2 { border:0px solid green;
	position:absolute;
	bottom:8%;
	left:0px;
	display:block;
	width:100%;
	height:31%;
}

#banners .right .line-2 {
	position:absolute;
	bottom:22px;
	left:72px;
	font-family:"Arial Rounded MT Bold";
	font-size: 13px;
}

#banner2 img {
	width:100%!important;
	height:auto!important;
}
#banner2 {
	position:relative;
}
#banner2 a {
	position:absolute;
	display:block;
}
#banner2 a.link1 { border:0px solid green;
	top:2%;
	left:5%;
	width:90%;
	height:10%;
}
#banner2 a.link2 {
  border: 0 solid red;
  height: 28%;
  left: 4%;
  top: 18%;
  width: 92%;
}

#banner2 a.link3 {
  border: 0 solid yellow;
  bottom: 4%;
  height: 42%;
  right: 3%;
  width: 58%;
}

.banner .ribbon {
	float: left;
	/*max-width:90px;*/
	width:100%;
	padding-right:5px;
}
.banner .ribbon img {
	width:100%;
}
.banner h2 {
	font-size:21px;
	padding-top:15px;
}
.banner p {
	clear:both;
}
#support {
	text-align:center;
	margin-top:-20px;
}
#support img {
	text-align:center;
	margin:10px 20px;
	height:50px!important;
	width:auto!important;
}
#support img.five {
	margin-right:0px;
}

.dealers select {
	max-width:300px;
}
.dealers .headlines {
	border-bottom:1px solid #ddd;
}
.dealers .dealersearch, .dealers .dealerinfo {
	padding:4px 0;
	vertical-align:top;
}

.hide-desktop {
	display:none;
}
.dealers .FeaturedHeadline p {
	padding-left:0;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
#tradeshow {
	width:100%!important;
}
#tradeshow td {
	border-bottom:1px solid #ccc;
	padding:20px 0 0;
}

/*MOBILE MEDIA QUERY*/


/*ANDROID PHONE PORTRAIT 360*/
@media (min-width: 360px) {
}

@media (min-width: 480px) {

#banners .left .line-1 {
	left:20%;
}
#banners .left .line-2 {
	left:20%;
}
#banners .middle .line-1 {
	left:20%;
}
#banners .middle .line-2 {
	left:20%;
}
#banners .right .line-1 {
	left:30%;
	
}
#banners .right .line-2 {
	left:29%;
}

.banner .ribbon {
	float: left;
	/*max-width:129px;*/
	padding-right:15px;
}
.banner h2 {
	font-size:21px;
	margin: 10px 0 0;
	padding-top:0;
}
.banner p {
	clear:none;
	margin-bottom:10px;
}
#support img {
	margin:10px 5px;;
}

}

/*FOR IPHONE LANDSCAPE 568*/
@media (min-width: 568px) {
#support img.six, #support img.seven {
	margin-right:10px;
}
#support img.eight {
	margin-right:0px;
}

}

/*ANDROID PHONE LANDSCAPE 640*/
@media (min-width: 640px) {
}

/*ANDROID TABLET PORTRAIT 768*/
@media (min-width: 768px) {

}

/*ANDROID TABLET LANDSCAPE 992*/
@media (min-width: 992px) {
}

@media (min-width: 1200px) {
	
}






























/*MOBILE MEDIA QUERY*/


/*ANDROID PHONE PORTRAIT 360*/
@media (min-width: 360px) {
}

@media (min-width: 480px) {

}

/*FOR IPHONE LANDSCAPE 568*/
@media (min-width: 568px) {
#footer ul {
	float: left;
	width:32%;
}
#footer p.info {
	width:32%;
}
#footer p.info.two {
	width:32%;
}
#articles div {
	float: left;
	width:49%;
	padding-right:20px;
	min-height:350px;
	padding-bottom:20px;
}
}

/*ANDROID PHONE LANDSCAPE 640*/
@media (min-width: 640px) {
}

/*ANDROID TABLET PORTRAIT 768*/
@media (min-width: 768px) {

}

/*ANDROID TABLET LANDSCAPE 992*/
@media (min-width: 992px) {
}

@media (min-width: 1200px) {
	
}