/*-----------------------------------------------------------------------------

version:   1.0
author:    jamie knight
email:     jamie@jkg3.com
website:   www.jkg3.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/*set background color*/

body {

font-family: "Helvetica", "Arial" ;
font-size: 14px;
color: #666666;
line-height: 1.6em;

}

#content, #futher-content {

width: 750px;
margin-left: auto;
margin-right: auto;




}

html {

background: url(../images/brandingBG.jpg) top center no-repeat;

}




/* =Typography
-----------------------------------------------------------------------------*/

h1,h2,h3 {

font-weight: 100;

}


#footer h3 {


	border-bottom: #CCCCCC 5px solid;
	padding-bottom: 2px;

}

#mainContent #links img {

	border: 0px;
	padding: 30px;
	background: 0px;

}


/* =Image Replace Headings
-----------------------------------------------------------------------------*/

#product-options h3 {

	background: url(../images/product-options-text.png) center left no-repeat;
	text-indent: -5000px;


}

h2 {

	font-family: "Helvetica", "Arial", sans-serif;


}

#faq {

	background: url(../images/faq-text.png) top left no-repeat;
	text-indent: -50000px;

}

#checkout {

	background: url(../images/checkout-text.png) top left no-repeat;
	text-indent: -50000px;

}

/* #title-product-id-5 {

	background: url(../images/AB-reins-text.png)top left no-repeat;
	text-indent: -50000px;

} */

#support h2 {

	background: url(../images/support-text.png)top left no-repeat;
	text-indent: -50000px;

}

#support li {

	background: url(../images/link.png) left center no-repeat;
	list-style: none;
	padding-left: 20px;

}


/* =Links LOVE HA - Links, Visited Hover Active
-----------------------------------------------------------------------------*/

a {

text-decoration: none;
color: #58A1F0;

}

h3 a {

color: #333333;

}

.backlink {


background: url(../images/arrow_left.png) center left no-repeat;
padding-left:25px;


}

a
{
  outline: none;
}

/* =Branding
-----------------------------------------------------------------------------*/


#branding h1 {

text-indent: -5000px;
height: 20px;
margin:0px;
padding:0px;

}

#branding {

	height: 210px;
	background: url(../images/branding.png) center right no-repeat;
	background-position: 170px 110px;
	
	}

	
/* =Main Nav
-----------------------------------------------------------------------------*/


#navigation ul {

list-style-type: none;
float: right;

}

#navigation li {

float: left;

}

#navigation a {

display: block;

}


#home {

	background: url(../images/home-nav.png) top left no-repeat;
	width:52px;
	height: 22px;
	text-indent: -5000px;
	border-bottom: #549AE8 5px solid;
	margin-right: 15px;

}

#about {

	background: url(../images/about-nav.png) top left no-repeat;
	width:100px;
	height: 22px;
	text-indent: -5000px;
	border-bottom: #F2A4B9 5px solid;
	margin-right: 15px;

}

#contact {

	background: url(../images/contact-nav.png) top left no-repeat;
	width:119px;
	height: 22px;
	text-indent: -5000px;
	border-bottom: #C1BCF3 5px solid;
	margin-right: 0px;

}

#home a, #about a, #contact a {

display: block;
width: 100%;
height: 100%;


}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#subContent {

	width: 230px;
	float: right;

}


/* =Main Content
-----------------------------------------------------------------------------*/
#mainContent {

	width: 490px;
	float: left;
}

#mainContent img {

background: #F0F0F0;
padding:10px;

}

#news-heading { 

text-indent: -5000px;
background: url(../images/newstext.png) center left no-repeat; 
margin-bottom: 0px;
padding-bottom: 0px;

}

#mainContent h3 {

font-family: "Helvetica", "Arial", sans-serif ;


}

#welcome { 

text-indent: -5000px;
background:url(../images/welcometext.png) center left no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;

}

#products {

	clear: both;
	padding-top: 20px;
	color: #ffffff;
	font-size: 22px;

}

#products li {

	float: left;
	width: 240px;
	list-style: none;
	text-align: center

}

#harness {

	/*background:#549AE8 url(../images/reinsbox.gif)top left no-repeat;
	height: 150px;
	margin-bottom: 20px;*/
	
	
	background:#549AE8 url(../images/reinsbox.gif) top left no-repeat;
	height: 150px;
	margin-bottom: 20px;
	

}

#restraints {

	background:#549AE8 url(../images/restraintsbox.gif) top left no-repeat;
	height: 150px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;

}

#sets {

	background:#549AE8 url(../images/setsbox.gif) top left no-repeat;
	height: 150px;
	margin-bottom: 20px;

}

/* =Secondary Content
-----------------------------------------------------------------------------*/

#sets-list li {

	list-style:none;
	border:1px #EDEDED solid;
	background:#FFFFFF;
	margin-bottom:15px;
	min-height:160px;
	font-family: Century Gothic, Verdana,  Arial, Helvetica, sans-serif;
	clear:both;	
	padding:10px;
	
	}
	

	
#sets-list li img {

	float:left;
	padding:2px;
	border:0px;
	margin-top: 20px;


	}
	
#sets-list li p, #sets-list li h4 {

	padding-left:150px;
	
	}
	
/* =gallery
-----------------------------------------------------------------------------*/	

#gallery img {

	padding:2px;

}
	

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

#footer {

	clear: both;
	background: url(../images/footerBG.jpg) top left repeat-x;
	height: 250px;
	margin-top: 20px;

}

#footer li {
 
	list-style-position: inside;

}

#news h3 {

text-indent: -50000px;
background: url(../images/footer-latest-news-text.png) center left no-repeat;


}

#news  {

	float: left;
	width: 240px;

}

#news li {

	background: url(../images/page_white.png) left center no-repeat;
	list-style: none;
	padding-left: 20px;

}

#more-links h3 {

text-indent: -50000px;
background:url(../images/footer-links-text.png) center left no-repeat;


}


#more-links li {

	background: url(../images/link.png) left center no-repeat;
	list-style: none;
	padding-left: 20px;

}

#testimonials  {

	float: left;
	width: 240px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;

}

#testimonials h3 {

text-indent: -50000px;
background: url(../images/footer-testimonials-text.png) center left no-repeat;


}

#signed {

text-indent: -50000px;
background: url(../images/june-signed.png)center left no-repeat;
margin-left: 140px;

}

#more-links  {

	float: left;
	width: 240px;

}
	
/* =Forms
-----------------------------------------------------------------------------*/




#add-to-cart-button {

background: url(../images/add-to-basket.png) left center no-repeat;
text-indent: -100em;
border: none;
width:127px;
display: block;
height: 40px;
clear: both;
float:none;
cursor: pointer;
cursor:hand;
padding-left: 120px;

}

#qty  {

float: right;

}


/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/
#yab--table {
  width: 100%;
  margin-bottom: 2em
}

#yab-checkout-table th {
  font-weight: bold
}

#yab-checkout-table td,
#yab-checkout-table th {
  border-bottom: 1px dotted #6E5946;
  padding: 2px 5px
  text-align:left;
}

#yab-checkout-table td.yab-checkout-price,
#yab-checkout-table th.yab-checkout-price {
  width: 20%;
  text-align: right;
}

#yab-checkout-table td.yab-checkout-change,
#yab-checkout-table th.yab-checkout-change {
  width: 35%;
  text-align: left;
}

#yab-checkout-table form {
  padding: 0px;
  margin:0px;
}



#yab-checkout-table td.yab-checkout-change {
  vertical-align: top;
}

#yab-checkout-table td.yab-checkout-price {
  vertical-align: top;
}

#yab-checkout-table ul {
  line-height: 130%;
  padding: 0.2em 0 0 1em;
  list-style: none
}

#yab-checkout-table ul li {
  padding: 0;
  font-size: 0.87em
}


#yab-checkout-table p {
  padding: 0;
  width: 100%
}

#yab-checkout-table input {
  padding: 0
}


/*
.submit-edit {

	background: url(../images/pencil.png) left top no-repeat;
	border:none;
	text-indent: -5000px;
	width:25px;
	height: 25px;
	margin-left: 5px;
	cursor: pointer;
	cursor: hand;

}

.submit-del {

	background: url(../images/delete.png) left top no-repeat;
	border:none;
	text-indent: -5000px;
	width:25px;
	height: 25px;
	cursor: pointer;
	cursor: hand;

}

*/

#yab-checkout-table tr.yab-checkout-total td {
  font-weight: bold;
  background: #ABCFF0;
  color: #FFFFFF
}
/* checkout-notices */

p.yab-shop-required-notice {
  background: #75111B;
  color: #FFFFFF;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em
}

ul.yab-shop-notice {
  border: 2px dashed #75111B;
  list-style: none;
  padding-top: 1em;
  color: #75111B;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em
}

/* checkout  */


label {

padding-right:10px;
padding-left:3px;
padding-top:3px;
clear:both;

}

.zip-city input {

	width:45px;
	
	}

.yab-subtotal {
 display: block;
 padding-bottom: 0.5em;
 font-weight: bold

}

a.yab-to-checkout 

	{
	
	 border: none;
	 padding: 5px 15px;
	 color: #FFFFFF;
	 background: url(../images/checkout-button.png) top left no-repeat;
	 text-indent: -50000px;
	 width:178px;
	 height:28px;
	 display:block;
	
	}

.yab-cart ul {

	list-style:none;
	
	}
	
.yab-cart {

	list-style:none;
	padding:0px;
	
	}
	
#cart h3 {


	background: url(../images/your-cart-text.png) top left no-repeat;
	text-indent: -5000px;


}
	
.yab-item  {

	padding:5px;
	padding-left:15px;
	border:#EEEEEE solid 1px;
	margin-bottom:10px;

	}

/* =layout
-----------------------------------------------------------------------------*/



/* =icons 
-----------------------------------------------------------------------------*/

/* =price options
----------------------------------------------------------------------------- */

#update-price {

float: right;


}
 
 
#product-options {

font-family: "Helvetica", "Arial", sans-serif ;
font-size: 16px;

}

#product-options select {


float: right;

}


/* =contact page
----------------------------------------------------------------------------- */

#our-products {

	text-indent: -50000px;
	background: url(../images/our-products-text.png) center left no-repeat;

}

#product-list li {

	list-style: none;
	list-style-position: inside;
	color: #ffffff;

}

.reins-product {

	background: url(../images/reins-link.png) top left no-repeat;
	height: 35px;
	padding-left: 20px;
	padding-top: 7px;

}

.restraints-product {

	background: url(../images/restraints-links.png) top left no-repeat;
	height: 35px;
	padding-left: 20px;
	padding-top: 7px;

}

.sets-product {

	background: url(../images/sets-link.png) top left no-repeat;
	height: 35px;
	padding-left: 20px;
	padding-top: 7px;
}

#product-list li a {

	color: #ffffff;
	text-decoration: none;

}

#product-list li a:hover {

	color: #333333;
	text-decoration: none;

}

.zemError li {
	
	list-style-image:none;
	list-style-type: none;
	list-style-position:inside;
	margin-bottom:3px;
	background:#FFF2CC url(../images/exclamation.png) center left no-repeat;
	border:1px solid #FFE394;
	padding:5px;
	padding-left: 20px;

}


#contact-us-text {

	text-indent: -50000px;
	background: url(../images/contact-text.png) center left no-repeat;

}