/* CSS Document */

/*Template*/
body {
	border:0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:small;
	margin:0;
	padding-top:5px;
	text-align:center;
}
#colorBar {
height:135px;
width:100%;
background-color:#699ab5;
position:absolute;top:0;
z-index:-2000;
box-shadow:0 5px 5px 5px #ccc;

}
#container {
	border:2px solid #ffcc00;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:980px;
  box-shadow:5px 2px 15px #699ab5;
background-color:#ffffff;
	/*background-image:url(../images/pics/leftNavBack.png);*/
}
#logoBar {
	background-image:url(../images/pics/logobar-gradient2.png);
   font-size:1em;
	overflow:hidden;
  padding-top:5px;
  height:95px;
}
#logoBar img {
	border:0;
}
#logo {
  padding:0px 5px 0px 5px;
	width:20%;
	height:100px;
	float:left;
	margin:0;
}
#logo img {
	margin:5px;
}
#mobileLogo {
	display:none;
}
#tagline {
	font:Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight:600;
	text-align:right;
  margin-top:-5px;
  display:none;
}
#freeCat {
	overflow:hidden;
	font-size:.9em;
	float:left;
	margin:2px 15px 0px 0px;
  padding-right:10px;
}
#freeCat img {
height:90px;
  width:150px;
}

#freeShip {
	overflow:hidden;
	font-size:.9em;
	float:left;
	margin:0;
}
#promoImg {
	float:left;
}
/*Netsuite and shopping cart styles*/

#search {
  float:right;
	width:40%;
	padding:0px 1% 0px 0px;
  margin-top:1%;
  }
/*hax for the google search box */

#gs_tti50 {
margin-top:1px!important;
padding-top:1px!important;  
 
  }


.gsc-control-cse {
padding:0px!important;
margin:0px!important;
  }
.gsc-control-cse.gsc-control-cse-en {
	background-color:transparent;
	border:0px;
}

#shoppingCart {
	background-color:#ffffff;
padding:1%;
  text-align:right;
	z-index:12;
	overflow:hidden;
	font-size:.9em;
	float:right;
}

.noscript {
	color:#C00;
}
#shoppingCart img {
	border:0;
}
.numberInCart {
	color:#c60;
	font-weight:600;
}
.dollarsInCart {
	color:#c60;
	font-weight:600;
}
/*new styles for bar*/
#mobileContact {
	display:none;
	}
#buttonsBar {
  display:table;
  padding:2px 5px 2px 5px;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #999999;
 	font-size:.9em;
  background-color:#e6f0ff;
  width:970px;
}
#buttonsBar div{
display:table-cell;
  text-align:left;
  margin:0;
  }

#buttonsBar img {
height:15px; 
  margin:0 5px 0 20px;
  float:left;
  
}
#buttonsBar a:link {
color:#0092ef;
}
#buttonsBar a:visited{
color:#006699;
}
#buttonsBar a:hover{}
#buttonsBar a:active{}
#cartDiv {
width:1%;
}
#contact {
}
#welcome {
	text-transform:capitalize;
  overflow:hidden;
  text-align:right!important;
  width:33%;  
}
#specialBar {
  background-color:#ffcc00;
  margin:0;
  padding:4px;
  text-align:center;
  font-size:.9em;
  height:1.5em;
}
#specialBar a:link {
color:#000000;
}
#specialBar a:visited {
color:#000000;
}
#specialBar a:hover {}
#specialBar a:active {}


/*Top menu styles*/
#topmenu {
	border-bottom:1px solid #699ab5;
	border-top:1px solid #699ab5;
	margin:0;
	padding:0px;
	width:100%;
	text-align:left;
	background-color:#eeeeee;
	height:auto;
}
/*left bar styles */
#leftnav {
	width:20%;
	z-index:170;
	text-align:left;
	float:left;
	height:100%;
	background-image:url(../images/pics/leftNavBack.png);
  display:none;
}
#leftnav img {
	width:100%;
	border:0;
}
.sideBar {
	padding:5px;
	width:auto;
  
}
.sideBar a:visited {
	color:#00c;
}
.sideBar a:hover {
	color:#0092ef;
}
.sideButton {
	border-bottom:1px solid #cccccc;
}
#braggingRights {
	border-bottom:1px solid #cccccc;
  margin-top:10px;
}
#braggingRights p {
	font-size:.8em;
	margin:2px;
	text-algin:left!important;
}
.brag1 {
	font-weight:600;
	font-size:1em;
	color:#333;
	text-align:center;
}
.brag2 {
	margin-top:5px;
	font-size:1em;
	font-weight:600;
	font-style:italic;
	color:#cc6600;
	text-align:center;
}
#reviews {
	color:#000;
	font-family:tahoma;
	font-weight:600;
	font-size:1em !important;
	padding:5px 5px 0px 5px;
	height:70px;
	overflow:hidden;
}
#reviewsMore {
	color:#000;
	font-family:tahoma;
	font-size:10pt!important;
	text-align:right;
	padding:5px;
	border-bottom:1px solid #cccccc;
}
/*bottom area of template styles*/
#bottomnav {
	font-size:small;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	overflow:hidden;
	padding:5px 0px 5px 0px;
	text-align:center;
	width:980px;
  
}
#bottomnav ul {
	width:25%;
	float:left;
	list-style-type:none;
}
#bottmnav li {
	display:block;
	border-right:1px solid #699ab5;
}
#bottomnav li:hover {
	background-color:#fc0;
	color:#000;
}
#bottomnav li a {
	text-decoration:none;
	display:block;
}
#bottomnav li a:link {
	color:#666;
}
#bottomnav li a:visited {
	color:#666;
}
#bottomnav li a:hover {
	color:#000;
}
#bottomnav li a:active {
	font-weight:600;
}
/*editable portion*/
/*Main page area styles */

#editable {
	background-color:#fff;
	margin:0;
	min-height:680px;
	overflow:auto;
}
#editable p {
	margin:2px 0 5px;
}
#editable p:first-letter {
	padding-left:2%;
}
#categoryHeader {
	margin:0 0 20px;
	min-height:90px;
  width:90%;
  padding-left:5%;
  padding-right:5%;
}
#categoryHeader ul {
	padding:0 0 2px 5%;
}
#categoryHeader li {
	padding:0 0 2px 5px;
}
#categoryHeader p {
	padding:0 2% 0 2%;
}
#categoryHeader h3 {
	text-align:center;
}
.breadCrumbs {
	color:#666;
	font-size:.8em;
	padding-top:5px;
  padding-bottom:5px;
  padding-left:1%;
}
#category {
  padding-top:8px;
  padding-left:1%;
  overflow:hidden;
}

#categoryMenu {
  border-top:1px solid #ccc;
}
#categoryMenu div {
	width:25%;
	float:left;
	text-align:center;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-right:-2px;
	padding-top:2px;
	height:175px;
}
#categoryMenu img {
	border:0px;
  
}
#category ul {
	list-style-position:inside;
	list-style-type:disc;
}
#category li {
	padding:2px;
}
/*styles for menus on category pages - black text that are links*/
a.categoryLink:link {
	display:block;
  width:100%;
  color:#000;
	font-weight:600;
	text-decoration:none;
}
a.categoryLink:visited {
	color:#000;
	font-weight:600;
	text-decoration:none;
}
a.categoryLink:hover {
	color:#0092ef;
	font-weight:600;
	text-decoration:none;
}
a.categoryLink:active {
	color:#000;
	font-weight:600;
	text-decoration:none;
}
/*styles for pages with two-column menus*/
.columnBox {
	border-top:solid 1px #ccc;
  float:left;
	margin-bottom:1%;
  margin-right:1%;
	padding:1%;
	width:46%;
  font-size:small;
  display:table-cell;
}
.columnBox img {
	float:left;
	margin-right:5px;
	border:4px solid #f3f3f3;
  }
.columnBox p {
	}
#menuContainer {
	width:100%;
}
.menuBox {
	float:left;
	min-height:135px;
	width:25%;
	text-align:center;
	padding-bottom:5px;
}
.menuBox img {
	border:0;
	float:left;
	margin-right:8px;
	height:5em;
	width:5em;
}
.menuBox p {
	text-align:left;
}
.menuBox ul {
	text-align:left;
	font-size:.8em;
	float:left;
	margin:0px 0px 0px 5px;
}
.menuBox li:last-child a {
	color:#0092ef;
}
.menuBox li {
	list-style:disc;
}
#categoryNav {
	margin:0;
	padding:5px 0 0;
	text-align:center;
}
#categoryNav ul {
	padding-left:0;
}
#categoryNav li {
	display:inline;
	padding:0 0 0 10px;
}
/*item sales box styles*/
.itemBox {
	border-top:solid 1px #ccc;
	float:left;
	height:auto!important;
	padding:5px 0px 0px 0px;
	margin-bottom:5px;
	min-height:150px;
	width:100%;
}
.itemBox img {
	border:4px solid #f3f3f3;
	bottom:clear;
	margin:0 10px;
	padding:5px;
}
.itemBox p {
	font-size:1em;
	padding:2px 95px 0px 195px;
	text-align:left;
}
.itemBox ul {
	padding:5px 0 0 195px;
	text-align:left;
}
.option {
	color:#333;
	text-align:left;
	padding-left:15px;
	display:table-cell;
	padding-right:5px;
}
/*these styles will affect the order form */

.itemBox form {
	display:table-cell;
}
.itemBox select {
	margin-bottom:2px;
	display:block;
	min-width:140px;
}
.itemTable {
	display:table;
	width:75%;
}
.itemRow {
	display:table-row;
}
.itemBox form span {
	display:table-cell;
}
.addToCart input {
	padding:2px 3px 2px 3px;
	margin:1px;
}
.quantity input {
	width:2em;
	text-align:center;
}
.price {
	color:#093;
	font-weight:800;
	padding:0 5px 0 5px;
	min-width:90px;
}
.itemNumber {
	color:#333;
	padding:0 0 0 5px;
	text-align:right;
	text-transform:uppercase;
  
}

.stockStatus {
  text-transform:capitalize;
  padding:0 0 0 5px;
  text-align:;
  color:#093;
  width:50%;
  overflow:hidden;
}
.reviewLink {
	text-align:right;
	font-size:smaller;
}
.reviewLink a {
	color:#666;
}
/*end of order form styles */

/*misc. situational classes*/
.disclaimer {
	color:#666;
	font-size:smaller !important;
}

.clxPrice {
	color:#cc6600;
}
.fauxPhoto {
border:10px solid #eee;
margin:5%;  
  }

.headerImage {
  width:100%;
  }
.hidden {
	display:none;
}
.hints {
	border:1px #fc0 solid;
	float:right;
	padding:5px;
	margin:10px;
	width:245px;
}
.hints ul {
	margin:0 0 0 40px;
}
.itemWeight {
	font-size:smaller;
}
.menuStrip {
  border-top:1px solid #ccc;  
  
  }
.menuStrip div
{
width:20%;
float:left;
text-align:center;
  border-left:1px solid #ccc;
  margin:5px -1px;
  display:table-cell;
}

.menuStrip div img
{
width:120px;
  height:120px;
  border:0px;
  }
.menuStrip div a {display:block;}

.new {
	color:#c60;
	font-style:italic;
}



.panelBox {
	border-top:1px solid #ccc;
	padding-top:1%;
	clear:both;
}
.panelLeft {
	width:40%;
	margin-left:1%;
	float:left;
}
.panelRight {
	float:right;
	padding-right:5%;
	width:35%;
	margin:1%;
	text-align:left;
}
.panelRight div {
	min-height:45px;
	border:1px solid #ccc;
	padding:2px;
	margin:2px;
	overflow:hidden;
}
.panelRight div p {
}
.panelRight div img {
	float:left;
	clear:both;
	height:40px;
	margin:2px 2px 0px 2px;
	border:1px solid #ccc;
}


.regPrice {
  text-decoration:line-through;
	color:#cc6600;
}
.safetyEmphasis {
	font-style:italic;
	color:green;
}

.smaller {
	font-size:smaller;
}

.subDivide {
	border-top:1px dashed #ccc;
	float:left;
	margin:1%;
	padding:1% 2% 0 2%;
	text-align:left;
	width:94%;
}
.subDivide h3 {
	text-align:center;
}
.tableWide {
width:92%;
  margin-left:4%;
  margin-right:4%;  
  margin-bottom:2em;
}
.tableWide tr {
height:3em;
  
}
.tableWide tr:first-child{
text-align:center;
  background:#ffffff!important;
  }

.tableWide tr:nth-child(even) {
  background: #f2b87e;
    }
.tableWide tr:nth-child(odd) {
  background: #eee;
    }
.tableWide td {
padding:.8em;
  max-width:28em;
}

/*item and page specific tags*/
.date {
	color:#c60;
	font-size:large;
	font-weight:600;
	text-align:center;
}
.clxID {
	background-color:#FFF;
	border:0;
	float:right;
	text-align:center;
	width:40px;
}
.promoList {
}

.promoList ul {}
.promoList li {
  
   margin:15px;
  }
.deal {
	border-top:2px dashed #fc0;
	
	margin-bottom:5px;
	margin-top:2px;
	padding:5px;
	text-align:center;
	clear:both;
	width:98%;
}
.dealHeader {
	font-size:large;
	text-transform:capitalize;
}
.binerTable {
	font-size:10px;
	margin:2px 5px 0 10px;
	width:135px;
	border-collapse:collapse;
}
.binerTable td {
	border:1px solid #0092ef;
}
.binerTable tr td:first-child {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	width:33%;
}
.binerTable tr td:last-child {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	padding:2px;
}
.binerTable tr:last-child td {
	border-bottom:1px solid#ffffff;
}
.chainTable {
	width:80%;
	text-align:center;
	border-collapse:collapse;
	margin-left:10%;
}
.chainTable img {
	border:0px;
}
.chainTable td {
	border-color:#999;
}
.firstList {
	padding-left:50px;
}
.kitcontents {
}
.kitcontents ul {
	text-align:left;
	padding:15px;
}
.sizing {
	display:table;
	margin:1% 1% 1% 2%;
	font-size:xx-small;
}
.sizeRow {
	display:table-row;
}
.harnessBrand {
	display:table-cell;
	background-color:#eee;
}
.sizeRow span {
	display:table-cell;
	padding:5px;
	border:1px solid #699ab5;
}
.optionTable {
	display:table;
	width:74%;
}
.optionColumn {
	float:left;
	margin-top:1%;
	margin-right:2%;
	width:29%;
  border:1px solid #ccc;
  padding:5px;
}

.optionColumn h4 {
  color:#333;
      }
  
  
.optionRow {
	border-top:1px solid #ccc;
	padding:1%;
	}
.optionColumn span {
}
.optionColumn form {
	}
.size {
	font-size:smaller;
	font-weight:600;
  float:left;
  width:40%;
  height:30px;
  overflow:hidden;
  text-align:left;
  color:#222;
}
.columnText {
	text-algin:left;
	font-size:smaller;
}
.faq {
	padding:10px;
}
.faqul {
	padding:0 0 10px 25px;
}
/*reviews  styles*/
.custRev {
	text-align:justify;
	padding:0px 10px 0px 10px;
	font-size:small;
	font-family:tahoma;
	border-bottom:1px solid #699ab5;
}
.custRate {
	color:#009933;
	font-weight:600;
}
.custSig {
	color:#009933;
}

.rating {
	border-top:1px dashed #669933;
	font-size:small;
	font-weight:600;
	padding:2px 5px 1px 5px;
}
.rating p {
	font-weight:400;
	margin-top:2px;
}
.stars {
	margin-right:15px;
}

  
/*misc. styles for utility*/
#feedbackPage {
	padding-left:5%;
	padding-right:5%;
}
.secondList {
	list-style-type:lower-roman;
	padding-left:100px;
}
.center {
	text-align:center;
}
.divEmphasisA {
  background:#699ab5;
    padding:1em;
  font-size:larger;  
  margin-left:-1%;
  }
.divEmphasisA h2, h3 {
  color:#ffffff;
      
    }
.divEmphasisB {
  background:#eeeeee;
    padding:1em;
  font-size:larger;  
  margin-left:-1%;
  }  
  .divEmphasisB h2, h3 {
  color:#000000;
      
    }
.floatLeft {
	float:left;
	}
.floatRight {
	float:right;
}
.newItemsShell {
  width:100%; 
  float:left;
  text-align:center;
      }
.newItems div {
float:left;	
  width:25%;  
  height:120px;
    text-align:center;
  margin-top:5px;

  }
.newItems img {
  height:100px; 
}
.newItems a {
width:100%;
  display:block;
  font-size:smaller;
}

h1 {
	margin:0;
	padding:0;
	text-align:center;
}
h2 {
	margin:0;
	padding:0;
	text-align:center;
}
h3 {
	margin:0;
	padding:0;
}
h4 {
	margin:0;
	padding:0;
}
h5 {
	margin:2px;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
ul {
	margin:0;
	padding:0;
}
.NSformTitle {
	margin:5px;
}
abbr, acronym, dfn {
	border-bottom:dashed #000 1px;
	cursor:help;
}
.promoSticky {
position:fixed;
  margin-left:-430px;
  background-color:lightblue;
  padding:1px;
  border-radius:10px;
    
  }
  
.videoReview {
width:31%;
  float:left;
    text-align:center;
  border:1px solid #ccc;
  margin:1%;
  padding:5px 0 5px 0;
  
}
/*I phone crap */

@media only screen and (max-device-width: 480px) {
a {
	display:block;
}
p a {
	display:inline;
}
body {
	font-size:1em;
	font-family:Arial, Helvetica, Sans-Serif;
	text-align:center;
	border:0px;
	margin:0px;
}
#container {
	width:100%;
}
#buttonsBar {
		display:none;
		}
#logoBar {
	width:100%;
	height:auto;
	text-align:center;
	background-image:none;
}
#logo {
	width:100%;
}
#tagline {
}
#welcome {
	display:none;
}
#contact {
display:none;
}
#mobileContact {
display:inline-block;
  padding:2px 5px 2px 5px;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #999999;
 	font-size:.9em;
  background-color:#e6f0ff;
  width:100%;
  	}
#freeShip {
	display:none;
}
#freeCat {
	display:none;
}
#search {
	width:100%;
	float:none;
}
#promoImg {
	display:none;
}
#shoppingCart {
	border-bottom:.1em solid #006699;
}
#shoppingCart a {
	display:inline;
}
#shop {
	display:none;
}
#leftnav {
	display:none;
}
#editable {
	width:100%;
	float:none;
}
.breadCrumbs a {
	display:inline-block;
}
#indexTop {
}
.floatLeft {
	float:none!important;
}
/*index page*/
#homeSlider  {
	display:none;
	}

/*menu styles for category pages */
#specialBar {
	display:none;
	}
.headerImage {
	display:none;	
	}	
.menuStrip div
{
width:100%;
float:left;
  
}
.menuStrip div img
{
}
.newItems div {
	width:100%;
	float:left;
	}

#categoryMenu div {/*panel style menu pages*/
	float:none;
	width:99%;
}
#categoryMenu img {
	border:0px;
}
#category p {
	paddin-left:0px;
}
.menuStrip {
	text-align:center;
}
.menuBox {
	width:100%;
	height:auto;
}
.menuBox img {
	width:3em;
	height:3em;
}
.menuBox ul {
	font-size:1em!important;
	padding:2%;
}
.menuBox li {
	list-style-type:none;
}
#categoryHeader {
	display:none;
}

.columnBox {
	width:98%;
	text-align:center;
}
.columnBox img {
	float:none;
}
.columnBox li {
	list-style-type:none;
}
.columnBox p {
	text-align:left;
	padding:1%;
}
.panelBox {
	text-align:center;
}
.panelBox p {
	text-align:left;
	padding:none;
}
.panelLeft {
	float:none;
	width:99%;
}
.panelRight {
	float:none;
	width:99%;
}
.panelRight div {
}
.panelRight div p {
}
.panelRight div img {
}
.videoReview {
	width:100%;
	float:left;
	}
/*item styles*/
.itemBox {
	width:98%;
	text-align:center;
	margin:2% 0% 2% 0%;
	height:auto;
	border:.1em solid #e6f0ff;
}
.itemBox img {
	border:none;
	padding:1%;
	margin:2%;
}
.itemBox p {
	padding:1%;
	clear:both;
}
.itemBox form {
}
.itemBox input {
	margin:5%;
}
.itemBox select {
	margin:1%;
}
.option {
	width:100% !important;
}
.price {
	display:table-row;
	margin-right:5%;
}
.itemNumber {
	display:none !important;
}
.stockStatus {
	display:none !important;

}
.stockStatus {
display:none !important;	}

#add {
	display:none;
}
.new {
	display:none;
}

.hints {
	float:none;
	width:100%;
}
.binerTable {
	clear:both;
}
#bottomnav {
	display:none;
}

.columnBox {
	padding:.5em;
	height:auto;
	margin:auto;
}
.optionTable {
	width:100%!important;
}
.optionColumn {
	width:30%;
}
.optionRow {
}
.optionColumn span {
	text-align:center;
}
.optionColumn form {
	padding:0%!important;
}
.size {
	font-size:smaller;
	font-weight:600;
}
.columnText {
	text-algin:left;
	font-size:smaller;
}
.ui-accordion-content {
	padding:1%!important;
}
h1 {
	width:100%;
	font-size:1.5em;
}
}
