/********************************************************************************                                                  

                          USING SF-BLUEPRINT-CSS



-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.

-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.



For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/



Good luck!

********************************************************************************/





/********************************************************************************

	         Body

********************************************************************************/
@font-face {
    font-family: font-family: 'Open Sans', sans-serif;
    /*src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}


body {

   background: #bbbea5;
   color: #fff; 
   /*overflow-x: hidden;*/
   margin: 0;
}

img { max-width:100%; }

/* responsive change */
#master-outer{ 
	/*width: 100%; 
	min-width: 1280px;*/
}

#main {

   padding-top: 10px;

}





  .clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }



/* .clearfix {display: inline-block;}  for IE/Mac */





/********************************************************************************

               Typography

********************************************************************************/

/* Default font settings. 

   The font-size percentage is of 16px. (0.75 * 16px = 12px)

***************************************/

   

body {

	color: #2b2b2b;
   font-size: 14px; 
   font-family: 'Open Sans', sans-serif;

}



h1,h2,h3,h4,h5,h6 { 

 
  /*font-family: bebas_neueregular, Arial, sans-serif;*/

}

h1 {
	font-size: 25px !important;
	color: #333;
    font-family: bebas_neueregular, Arial, sans-serif !important;
    background-color: transparent;
    font-weight:bolder;
    font-style: inherit;
}

h2 {
	font-size: 18px;
}


input {
	/*text-transform: uppercase;*/
	color: #929292;
	font-size: 11px;
	padding: 5px;
	text-align: left;
}




/* SlipFire created typography classes

***************************************/



.medium { font-size: 1em; line-height: 2.1875em;}



.center {text-align:center;}



.byline{ font-size: .8em; line-height: 1em;}



.timestamp{ font-size: .8em; line-height: 1.2em;}



.commentnum{ font-size: .8em; line-height: 1.2em;}



.incategory{ font-size: 1em; line-height: 1.2em;}







/********************************************************************************

               Text Elements and Lists

********************************************************************************/



a { color: #000; text-decoration: none; }



/* Removes unwanted link decoration

***************************************/

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{

   border: none !important;

   text-decoration:none !important;

}

a:focus, a:hover { }



/* Removes unwanted hover decoration

***************************************/

a.nohover:hover  { background: none;}





li { list-style: square inside;}



.fancybullet li {

      list-style: none;

	

	padding: 0px 0px 5px 18px;

      margin: 0px 0px 0px 0px;

}









/********************************************************************************                                            

                            SLIPFIRE CREATED CLASSES                                                   

********************************************************************************/







/********************************************************************************

                Images

********************************************************************************/



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



/********************************************************************************

                Borders

********************************************************************************/



.border-left{

  margin-left: 7px;

  padding-left: 7px;

  border-left: 1px solid #ddd;

}



.border-right{

  margin-right: 7px;

  padding-right: 7px;

  border-right: 1px solid #ddd;

}



.border-top{

  margin-top: 7px;

  padding-top: 7px;

  border-top: 1px solid #ddd;

}



.border-bottom{

  margin-bottom: 7px;

  padding-bottom: 7px;

  border-bottom: 1px solid #ddd;

}



div.border{

  border: 1px solid #ddd;

}





/********************************************************************************

                Misc

********************************************************************************/



/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 

***************************************/



.box2 { 

  padding: .5em; 

  margin-bottom: .5em; 

  background: #eee; 

  border: 1px solid #ddd;   

}





/* Use to push down a div (adds vertical space between divs)

***************************************/



.pushdown-1 {padding-top:10px;}

.pushdown-2 {padding-top:20px;}

.pushdown-3 {padding-top:30px;}

.pushdown-4 {padding-top:40px;}

.pushdown-5 {padding-top:50px;}







/********************************************************************************

                Lines

********************************************************************************/



/* Lines: add "class=" to HR to control color and height

     example: <hr class=thick> for a thick line

***************************************/



.thick {

  height: 3px;

  margin: 0 0 1.4em 0;

}



.thin{

  height: 1px;

  margin: 0 0 0 0;

}









/********************************************************************************                                                  

                          SLIPFIRE CREATED FOR WORDPRESS                                                   

********************************************************************************/





/********************************************************************************

                Navbar

********************************************************************************/



#navbar {

   margin: 0px auto 0px;

   padding: 10px 0px 10px 0px;

}

	

#navbar li {

   display: inline;

   list-style-type: none;

   font-weight: bold;

   margin: 0px;

   padding: 0px;

}

		

#navbar ul {

   margin: 0px;

   padding: 0px;

}

	

#navbar ul li a {

   color: #000080;

   padding: 0px 10px 0px 10px;

   margin: 0px;

   text-decoration: none;

   border-bottom: none;

}



#navbar ul li a:hover, a:active {

   /*text-decoration: underline;*/
   text-decoration:none !important;

}



#current_page_item a {

   text-decoration: underline;

}





/********************************************************************************

                Sidebar

********************************************************************************/



#sidebar h2{

   font-size: 1em;

   font-weight: bold;

   margin-bottom: .2em;

}



#sidebar a {border-bottom: none;}





/********************************************************************************

                Footer

********************************************************************************/



#master {

	

}



#master-inner {

	

}



#header-container {

	

}



#header-container-inner {

	

}



#social {

	

}



#social-inner {

	

}



#logo {

	

}



#logo-outer {
	margin-top: 10px;
	float: left;

}

#logo-inner {

	

}



#navigation-container {

	

}



#navigation-container-inner {

	

}



#content-container {

	

}



#content-container-inner {

	

}



#content {

	

}



#content-inner {

	

}



#slider-container {

	

}



#slider-container-inner {

	

}



#page-container {

	

}



#page-container-inner {

	

}



					

#page-content-container {

	

}



#page-content-container-inner {

	

}



#page-content {

	

}



#page-content-inner {

	

}



#sidebar-container {

	

}



#sidebar-container-inner {

	

}



#footer-container {

	

}



#footer-menu {

	

}



#footer-menu-inner {

	

}

#header1-outer {
	/*background: #000 url(images/black_twill.png) top left repeat;*/
	background-color: #fff;
	color: #ff3600;	
	text-transform: uppercase;
	font: 11px Arial, sans-serif;
	font-weight: bold;
}

#header1-inner {
	width: 1025px;
	margin: 0 auto;
	color: #ffe600;
}

#header2-outer {
	background-color: #fff;
	background: linear-gradient(to right, #fff 50% , #c7c8c0 50%);
	
}

#header-new{
	display: inline-block;
    padding: 0 15px;
    background-color: #fff;
    width: 100%;
}

.home #header2-outer {
	border-bottom: none;
	
}

.page #header2-outer {

	border-bottom: none;;
	
}

#header2-inner {

	margin: 0 auto;
	position: relative;
	min-height: 44px;
	padding-left: 15px;
}


#maincontent-outer {
    background-color: #fff;
	/*background: #3d3d3d url(images/subtle_carbon-main.png) 0px 2px repeat;	
	margin-top: 71px;*/
}

#maincontent-inner {
	/*width: 1025px;*/ /* responsive change */
	margin: 0 auto;	
}

#breadcrumbs-outer {
	/*background: #ccc;*/
	border-top: 1px solid #fff;
}

/* responsive changes */
#results-outer {
	
	width: 240px;
	/*float: left;
    margin-right: 15px;*/
	/*background: #3d3d3d url(images/subtle_carbon-main.png) 0px 2px repeat;*/
}

/* responsive changes */
@media screen and (max-width: 992px) {
    #results-outer {
	    width: 100%;
    }
}

#results-cat-outer {
	
	padding: 0px 0px 10px 0px;
}

#results-header-outer {
	position: relative;
	height: 80px;
	background: #ebebeb;
}

#results-header-inner {
	position: relative;
	height: 100%;
}

#results-header-inner h2 {
	position: absolute;
bottom: 0px;
display: inline-block;
vertical-align: bottom;
margin: 0 auto;
text-align: center;
width: 100%;
}

.accord-header {
	background: #000;	
	color: #999999;
	height: 28px;
}

#title-inner h2 {
	margin: 0px;
}

#products-outer {
	background: #fff;
	width: 785px;
	float: left;
	position: relative;
}

#results-outer h2 {
	color: #666;	
}

.search-terms {
	font: 12px Arial, sans-serif;
	color: #ccc;
	text-transform: uppercase;
	
}

.search-terms li:last-child {
	
}

.search-terms li a:link, .search-terms li a:visited {
	font: 12px Arial, sans-serif;
	color: #ccc;
	text-transform: uppercase;
}

.search-terms li a:hover, .search-terms li a:active {
	font: 12px Arial, sans-serif;
	color: #ffe600;

}

.search-terms li span {
	text-decoration: underline;
	color: #ffe600;

}

.search-terms li {
	list-style: none;
	margin: 0px 0px 0px 17px;

}

input[type=checkbox] {
	visibility: hidden;
	display: none;
}


input[type=checkbox].checkbox-show {
    visibility:visible;
    display:inline-block;

}
.resultscheckbox {
	width: 11px;	
	margin: 10px;
	position: relative;
	display: inline-block;
}

.resultscheckbox label {
	cursor: pointer;
	position: absolute;
	width: 11px;
	height: 11px;
	top: 0;
	border-radius: 0px;

/*	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);*/

/*	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);*/
	background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.resultscheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 0px;
	left: 0px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.resultscheckbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.resultscheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.comparecheckbox {
	width: 15px;	
	margin: 12px 8px 12px 0px;
	position: relative;
	display: inline-block;
}

.comparecheckbox label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	border-radius: 0px;

/*	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);*/

/*	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);*/
	background: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.comparecheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 5px;
	background: transparent;
	top: 0px;
	left: 0px;
	border: 3px solid #000;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.comparecheckbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.comparecheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


#search-wrapper {
	background: #333333;
	padding: 0px 10px;	
	width: 254px;
	float: right;
}

#account-outer {
	float: right;	
	line-height: 28px;
}

#account-inner {
	margin: 0px 45px 0px 98px;
}

#search-input {
	border: none;
	background: #333333 url(images/search.png) 235px center no-repeat;
	color: #666;
	font: 11px Arial, sans-serif;
	height: 26px;
	text-transform: uppercase;
	width: 100%;
}

#cart-outer {
	width: 106px;
	height: 79px;	
	background: transparent url(images/spritesheet.png) 0px -601px no-repeat;
	position: absolute;
	top: 0px;
	right: 13px;
	text-align: center;	
}

#cart-inner {
	padding: 15px 10px 10px 15px;
}

.accord-header h2, .accord-header h3 {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	background-color: transparent;
	background-image: url(images/arrow-right.png);
	background-position: 5px 50%;
	background-repeat: no-repeat;	
	line-height: 28px;
	cursor: pointer;
}

.accord-header h2.disabled, .accord-header h3.disabled {
	color: #333 !important;
	cursor: default;
}

.accord-content { display: none; }

#breadcrumbs li {
	list-style: none;
	display: inline-block;
	font: 12px "Open Sans", Arial, sans-serif;
}

#breadcrumbs {
	margin: 0px 0px 0px 35px;
	padding: 5px 0px;
		
}

#breadcrumbs li a:link, #breadcrumbs li a:visited {
	/*color: #333;*/
    color: #666;
		
}

#breadcrumbs li a:hover, #breadcrumbs li a:active {
	color: #000;
		
}

#breadcrumbs li::after
{ 
 content:" >";
}
 
#breadcrumbs li:last-child::after {
content:"";
}

#results-master-inner {
    background-color: #f1f2ef;
    border-right: #c7c9c1 1px solid;
    border-bottom: #c7c9c1 1px solid;
    border-left: #c7c9c1 1px solid;
	/*padding: 12px 12px 12px 15px;*/
}

#header1-wrapper {
	width: 100%;	
}

#header1-wrapper a:link, #header1-wrapper a:visited {
	color: #ffe600;
}

#header1-wrapper a:hover, #header1-wrapper a:active {
	color: #ccc;
}

.button {
	width: 77px;
	height: 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-mozilla-border-radius: 4px;
	text-transform: uppercase;
	padding: 5px 10px;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: sub;
	border: none;
	
}

.bgray {
	background: #333;
}

.twhite {
	color: #fff;	
}

.byellow {
	background: #ffe600;
}

a.byellow:hover {
	background: #cd1421;
	color: #FFF;	
}

.btnRed{
    background: #d51f25;
    color: #FFF;
    height: auto;
    width: auto;
    font-weight: bold;
    font-size: 15px;
}

.btnGray {
    background:#777777;
    color: #FFF;
    height: auto;
    width: auto;
    font-weight: bold;
    font-size: 15px;
}

.btnGray:hover {
    background: #e6e6e6!important;
    color: black!important;
}

a.btnRed{

}

a.btnRed:hover{
    background: #c36c36;
}

.fulllink {
	display: inline-block;	
}


.productbox-outer:hover .button { 
	/*background: #cc0033 !important; 
	color: #FFF !important;*/ 

    background: #c36c36;
}

.productbox-outer:hover .producttitle-inner { 
	/*color: #cc0033 !important;*/ 
}



a.byellow:hover {
	
}

.tgray {
	color: #333;
}

.cartalert {
	color: #cc0033;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;	
	display: block;
}

.producttitle-outer {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	/*padding: 0px 40px 0px 0px;*/
}

.column .producttitle-outer {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	padding: 0px 40px 0px 0px;
	min-height: 85px;
	max-height: 85px;
	overflow: auto;
}

.pricing-outer {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #cb0d0d;
	text-transform: uppercase;
}

#compareit-outer {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;	
	float: left;
}

.viewit-outer {
	
	float: right;
}

/* responsive change */
.productbox-outer {
    /*width: 237px;*/
    /*height: 287px;*/
    height: 333px;
    float: left;
    margin: 0px 20px 0px 0px;
}

.nogutter {

	margin: 0px 0px 0px 0px;	
}




.productmeta-outer, #results-master-outer {
	width: 100%;
}

/* responsive change */
#productmeta-inner, #results-master-inner {
	/*float: left;
	width: 245px;*/
	text-align: center;
}


#products-inner {
	margin: 30px 0px 25px 25px;

}

#pagination {
	color: #000;
	text-align: center;
	width: 100%;
}

#pages li {
	list-style: none;
	display: inline;
}

#pages li::after
{ 
content:" |";
}

#pages li:last-child::after
{ 
content:"";
}

#pages li.active a:link, #pages li.active a:visited {
	color: #cb0d0d;
	text-decoration: underline;
}

#pages li.active a:hover, #pages li.active a:active {
	color: #000;
}

#footer1-outer {
	background: #ffe600;
	color: #000;	
	text-transform: uppercase;
	font: 11px Arial, sans-serif;
	font-weight: bold;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	height: 40px;
	
}

#footer1-inner {
	width: 1025px;
	margin: 0 auto;
	position: relative;

}

#footer1-inner p {
	padding: 0px 0px 0px 160px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #333;
	line-height: 40px;
}

#limited-offer {
	background-image: url(images/spritesheet.png);
  	background-position: 0px -424px;
  	width: 153px;
  	height: 56px;
	position: absolute;
	top: -8px;
	left: -7px;
}


#footer-outer {
	background: #bbbea5;	
	min-height: 285px;
	
}

#footer-inner {
	width: 1025px;
	margin: 0 auto;
	position: relative;
}

#footerbase-outer {
	background: #bbbea5;
	color: #ff3600;	
	text-transform: uppercase;
	font: 11px Arial, sans-serif;
	font-weight: bold;
	border-top: 1px solid #333;
	height: 45px;
}

#footerbase-inner {
	width: 1025px;
	margin: 0 auto;
	color: #5d5d5d;
	font: 11px Arial, sans-serif;
	position: relative;
	line-height: 45px;
}

#footer-outer h1 {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 30px;
	color: #999;	
}

#footer-outer p {
	font: 13px Arial, sans-serif;
	color: #666;
}

#newsletter {
	/*width: 267px;*/
	height: 35px;*/
	background: #000;*/
	font: 13px; Arial, sans-serif;
	color: #383f2b;
	/*border: none;*/
	text-transform: uppercase;
	margin-top: 10px;
	padding: 0px 15px;
	line-height: 35px;
}
#newslettersubmit {
	margin: 0px 0px 0px 10px;
	height: 29px;
	vertical-align: sub;
}

#newsletter-outer {
	/*width: 502px;*/
	float: left;
	margin: 25px 0px 0px 0px;
}

#col1-outer{
	float: left;
	margin: 25px 0px 0px 0px;

}

#col2-outer{
	float: left;
	margin: 25px 0px 0px 0px;

}

#col3-outer{
	float: left;
	margin: 25px 0px 0px 0px;

}

#col4-outer{
	float: left;
	margin: 25px 0px 0px 0px;

}

#footercontent-inner {
	color: #383f2b;
}

#col1 li {
	list-style: none;

	
}

#col2 li {
	list-style: none;

}

#col3 li {
	list-style: none;

}

#col4 li {
	list-style: none;

}

#social li {
	list-style: none;
	display: inline;
	
}

#social a {
	display: inline-block;
}

#social a:hover {
	opacity: 0.7;
}


#col1 li:first-child {
	margin-top: 0px;

	
}

#col2 li:first-child {
	margin-top: 0px;

	
}

#col3 li:first-child {
	margin-top: 0px;

	
}

#col4 li:first-child {
	margin-top: 0px;

	
}

.pagelist li {
	margin: 9px 0px;	
}

.pagelist a:link, .pagelist a:visited {
	color: #2f2f2f;	
	font: 13px Arial, sans-serif;
}

.pagelist a:hover, .pagelist a:active {
	color: #ffe600;	
	font: 13px Arial, sans-serif;
}
	
#dealer-login {
	background-image: url(images/spritesheet.png);
  	background-position: 0px -539px;
  	width: 168px;
  	height: 62px;
	position: absolute;
	top: -17px;
	right: 130px;
	text-align: center;
}

#dealer-login a {
	margin: 5px 0px 0px 0px;
	display: inline-block;
}

#dealer-login a:link, #dealer-login a:visited {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 20px;
	text-transform: uppercase;	
	color: #999;
}

#dealer-login a:hover, #dealer-login a:active {
	color: #ffe600;	
}

#footerbase-inner a:link, #footerbase-inner a:visited {
	color: #5d5d5d;
}

#footerbase-inner a:hover, #footerbase-inner a:active {
	color: #ffe600;	
}

#productmeta-outer h2, #results-master-outer h2 {
	color: #FFF;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 25px;
    font-weight: 800;
	text-transform: uppercase;
    background-color: #c7c9c1;
    padding: 20px;
    padding-top: 40px;
    margin-top: 0;
}
/* The CSS */
/* responsive change */
#productmeta-outer select, #results-master-outer select {
    padding: 3px;
	/*width: 196px;*/
    width: 95%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
/*	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
	background: #c7c9c1;
    color: #fff;
	border: none;
	outline: none;
	/*display: inline-block;*/
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	/*appearance: none;*/
	cursor: pointer;	
	font-weight: normal;
	font-size: 18px;
	/*margin: 0px 0px 10px 0px;*/
    margin: 0px auto 10px auto;	
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #productmeta-outer select, #results-master-outer select {padding-right:18px}
}

#productmeta-outer label, #results-master-outer label {position:relative}
#productmeta-outer label:after, #results-master-outer label:after {
content: url(images/select-arrows.png);
padding: 0 0 0px;
/* border-bottom: 1px solid #ddd; */
position: relative;
pointer-events: none;
color: #fff;
/* background-color: #e2e2e2; */
top: 0px;
right: 25px;
}
#productmeta-outer label:before, #results-master-outer label:before {
	content: '';
	right: 6px;
	top: 0px;
	width: 20px;
	height: 20px;
	/*background: #e2e2e2;*/
	position: absolute;
	pointer-events: none;
	display: block;
}

/* compare pages */
/* The CSS */
#columns-outer select{
    padding: 5px 0px;
	width: 210px;
/*	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
/*	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
	background: #e2e2e2;
	color: #888;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0px 0px 10px 0px;		
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #columns-outer select {padding-right:18px}
}

#columns-outer label {position:relative}
#columns-outer label:after {
content: url('images/select-arrows.png');
padding: 0 0 0px;
/* border-bottom: 1px solid #ddd; */
position: relative;
pointer-events: none;
color: #333;
/* background-color: #e2e2e2; */
top: 3px;
right: 25px;
}
#columns-outer label:before {
	content: '';
	right: 6px;
	top: 0px;
	width: 20px;
	height: 20px;
	/*background: #e2e2e2;*/
	position: absolute;
	pointer-events: none;
	display: block;
}

#columns-outer select option {
	font-family: Arial, sans-serif;
}

#columns-outer .ddcattitle {
	font-family: Arial, sans-serif !important;
	font-size: 11px !important;	
}

#columns-outer optgroup {
	font-family: Arial, sans-serif !important;	
	font-size: 18px;
}

#columns-outer optgroup * {
	font-family: Arial, sans-serif !important;	
	font-size: 11px;
}

.bg-white {
	background-color: #FFF;	 
}

#productfeature-outer {

}

#productfeature-inner {
	width: 800px;
	float: left;
}

#productfeature-outer h1 {
	font-size: 30px;
}
#tabwrap {
	background: #fff;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin: 0 auto;
	/*box-shadow: 0 0 20px #ddd;*/
	/*border: 1px solid #ddd;*/
}
#tabs { 
	/*overflow: hidden; */
	background: #e2e2e2; 
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

/* responsive changes */
@media screen and (max-width: 768px) {
    #tabs {
        padding: 0;
    }
    #tabs li a {
        float: none !important;
    }
}

#tabs li { list-style: none;}
#tabs li a {
float: left;
display: block;
padding: 0px 10px;
color: #333;
min-width: 149px;
height: 33px;
text-decoration: none;
text-align: center;
background: #c7c9c1;
font-size: 15px;
/* text-shadow: 1px 1px 0 #000; */
line-height: 33px;
}

#tabs li a:hover { background: #f4f4f4; }
#tabs li:first-child a { border-left: 0; }
#tabs li:last-child a { border-right: 0; }

#tabs li.ui-tabs-active a {
	background: #f1f2ef;
	color: #333;
	border: 1px solid #c7c9c1;
    border-bottom: none;
}

.tabs {
	background: #f1f2ef;
	color: #333;
	border-right: 1px solid #c7c9c1;
    border-left: 1px solid #c7c9c1;
    border-bottom: 1px solid #c7c9c1;
}



#content > div {
	clear: both;
	padding: 20px 55px 20px 20px;
	line-height: 19px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	display: none;
	font-family: Arial, sans-serif;
	font-size:13px;
	color: #333333;	
}

#content .current { display: block; }
#content #home.first { display: block; }
#content p { margin: 0 0 20px 0;}

#thumbstrip li { 
	list-style: none;
	display: inline-block;
	margin-right: 7px;
	position: relative;
}

#thumbstrip a:hover .imageborder {
	width: 106px;
	height: 72px;
	border: 5px solid #CCC;	
	position: absolute;
	top:0px;
	left: 0px;	
	opacity: 0.5;
}

#thumbstrip li:last-child { 

	/*margin-right: 0px;*/
}

#thumbstrip-outer {
	margin: 0px 0px 15px 0px;
}

#singletop-outer {
	width: 100%;
	padding: 0px 0px 30px 0px;
}

#singletop-inner {

	margin: 30px 0px 0px 10px;
}

#singleproductprice-outer h2 {
	font-family: Arial, sans-serif;
	font-size:30px;
	color: #333333;
	display: inline;
	font-weight: bold;
}

#singleproductprice-outer span {
	line-height: 30px;
	vertical-align: top;
	font-weight: bold;
}
#singleproductprice-outer {
	margin: 0px 0px 10px 0px;	
}

#singleproductsell-outer p {
	margin: 15px 0px;
	font-family: Arial, sans-serif;
	font-size:11px;
	color: #333333;		
}

#productselect {
		margin: 0px 0px 75px 0px;
}

.widebutton {
	min-width: 151px !important;	
}

.checkout .widebutton{

	margin: 18px 0;
	width: 90%;
}

.checkout .widebutton:hover{

	color: #fde527;
}

.fullbutton {
	min-width: 100% !important;	
	padding: 5px 0px !important;
}

#singlebottomleft-outer {
	width: 770px;
	float: left;
}

#singlebottomright-outer {
	width: 255px;
	float: left;
	
	text-align: center;
}

.page-template-tmp-singleproduct-php #singlebottomright-outer {
	background: #3d3d3d url(images/subtle_carbon-main.png) 1px 1px repeat;	
}



#singlebottomleft-inner {
	margin: 0px 0px 0px 10px;
}

.checkout #singlebottomright-inner{

	margin: 0 18px;
}

.checkout #singlebottomright-inner dl {

	display: block;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 18px 0 18px 0;
}

.checkout #singlebottomright-inner dl:first-child {

	padding-top: 0;
}


.checkout #singlebottomright-inner dl.no-border {

	border-bottom: none;
}

.checkout #singlebottomright-inner dt, .checkout #singlebottomright-inner dd {

	display: inline-block;
	margin: 0;
	width: 48%
}

.checkout #singlebottomright-inner dt {

	text-align: left;
}

.checkout #singlebottomright-inner dd {

	text-align: right;
}


#singlebottomright-outer h2 {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 20px;
	color: #ffe600;
	text-transform: uppercase;
	margin: 15px 0px 15px 0px;
}

#crossproducts li {
	list-style: none;
	display: inline-block;
	position: relative;
}

#crossproducts a:hover h3 {
	background: #ffe600;	
}

#crossproducts a:hover .imageborder {
	width: 202px;
	height: 150px;
	border: 5px solid #CCC;	
	position: absolute;
	top:0px;
	left: 0px;	
}



#crossproducts li img {

	border: 1px solid #333;
}

#crossproducts h3 {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 18px;
	color: #999;
	text-transform: uppercase;
	background: #333;
	margin: 0px 10px 15px 10px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	
	-moz-border-bottom-right-radius:3px;
	-moz-border-bottom-left-radius:3px;
	
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;	
	
	padding: 5px;	
}


.fancybox-skin {

-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 5px solid #000;
padding: 0px !important;

}

.fancybox-close {

	top: 5px;
	right: 5px;
  	background-image: url(images/spritesheet.png);
  	background-position: 0px 0px;
  	background-size: auto !important;
  	width: 10px;
  	height: 11px;
}

.gal-btn{
	position: absolute;
    background: transparent url('images/blank.gif');
    height: 75%;
    width: 30%;
    z-index: 888;
    top: 0;
}

.gal-previous-btn{

	cursor: pointer;
	background: url("images/gal-left.png")  center left no-repeat;
	left: 0;
}

.gal-next-btn{

	background: url("images/gal-right.png")  center right no-repeat;
	cursor: pointer;
	right:0;
}

.popupcartproductinfo h2 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #666;
	margin: 0px;
}

.popupcartproductinfo h3 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #666;
	margin: 0px;	
}

.tablemaster .tableth {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 17px;	
	color: #666;
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;

}

.carttitles {
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 17px;	
	color: #666;
	/*text-align: center;*/
	text-transform: uppercase;
	padding-top: 15px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;

}


.cartrow {
    padding-top: 15px;
    border-bottom: 1px solid gray;
    height: 275px;

}


.tablemaster {
	text-align: left;

}

.tablenormal tr:nth-child(even) {
    background-color: #e8e8e8;
}

.tablenormal .tableth {
	
}

.tableform {
	border-spacing: 0px 10px;	
}

.tablecard {
	width: 90%;
}

.tablecard .cardrow {
	background-color: #e8e8e8;
	line-height: 15px;
	vertical-align: middle;
}



.tablecard .cardinforow td {
	vertical-align: top;
	padding: 20px 0px 0px 0px;
}


.tablecard .cardicon {
line-height: 30px;
	display: inline-block;
	margin: 0px 10px 0px 0px;
	vertical-align: top;
}

.tablecard .cardicon img {
	margin-top: 4px;
}

.tablecard .cardtype {

	display: inline-block;
	line-height: 30px;
	vertical-align: top;
}


.tablecard .cardnumber {

	display: inline-block;
	line-height: 30px;
	vertical-align: top;
}
.tdpadding {
 padding: 15px;
}

.addrbookbuttonpadding {
	padding: 40px 0px 0px 0px;	
}
.cardedit {
	color: #f00;
	margin: 40px 0px 40px 0px;	
}

.cardedit a:link, .cardedit a:visited {
	color: #f00;
}

.cardedit a:hover, .cardedit a:active {
	color: #000;
}






/*.tableform tr:nth-child(odd) td:first-child {
    background-color: #e8e8e8;
	text-align: right;
}*/

.noeditrow {
	background-color: #e8e8e8;
}

.tableform td:first-child {
	text-transform: uppercase;
	color: #666;
	text-align: right;
	font-family: Arial;
	font-weight: bold;	
}

.tableform tr {
	margin: 5px 0px;	
}

#popupcartmain-inner {
	margin: 10px 25px;	
}

.tablethleft {
	text-align: left;
	padding: 0px 0px 0px 40px;	
}

.tablepricebg {
	background-color: #e8e8e8;
}

.tablemaster td, .tablemaster th {
	border-bottom: 1px solid #ccc;
}

.tablemaster tr:last-child td {
	border: none;	
}

.tablemaster .tfoot {
	background: #e8e8e8;
	text-align:center;
	
}

.tablemaster .tfoot td {
	border: none;
	padding: 10px 0px;
}

.tablemaster .tfoot .tfoottotal {
	background: #d3d3d3;
	font-weight: bold;
	text-align:center;
	
}

.tfootlabels {
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 15px;	
	color: #666;
	font-weight: normal;	
}

.tfootlabel {
	padding: 0px 20px 0px 0px;	
}

.tfoottitle {
	font-family: Arial, sans-serif;
	font-size: 15px;	
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 20px 0px 30px;
}

.tfootitems {
	font-family: Arial, sans-serif;
	font-size: 15px;	
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}

.tableprice {
	width: 217px;
	text-align: center;
}

.tablequantity {
	width: 250px;
	text-align: center;
}

.tfootcontainer {
	text-align: center;	
}

.popupcartproductinfo {
	position: relative;
}

.popupcartproductinfo span {
	font-family: Arial, sans-serif;
	font-size: 13px;	
	color: #336699;	
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-transform: uppercase;
}

#quantityselect select {
	/*width: 80px;*/	
}

#popupproduct {
	position: relative;
}

#popupproduct #popupcartheader-outer {
	background: #000 url(images/subtle_carbon-main.png) 0px 2px repeat;	
	min-height: 75px;
	width: 100%;
	text-align: center;

}

#popupcartheader-outer {
	background: #000 url(images/subtle_carbon-main.png) 0px 2px repeat;	
	min-height: 75px;

}

#popupcartheader-inner {
	padding: 0px 0px 0px 25px;

}

#popupcartlogo-outer {
	margin: 17px 17px 0px 0px;	
}

#popupproduct #popupcartlogo-outer {
	margin: 0px;	
	line-height: 75px;
	height: 75px;
	vertical-align: middle;
}

#popupproduct #popupcartlogo-outer img {
	margin: 15px 0px 0px 0px;	
	
}

#popupcartheader-outer h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ccc;
	line-height: 75px;	
	margin: 0px;
}

.fancybox-inner {
	width: auto !important;
}

.fancybox-overlay {
	background: url("images/fancybox_overlay.png") repeat scroll 0% 0% transparent;
}

.yellowbg {
	background-color: #fde527 !important;
	border-top: none !important;
	border-bottom: 1px solid #000;
}

#breadcrumbs .active a:link, #breadcrumbs .active a:visited {
	/*color: #eb252c;*/
}

#breadcrumbs .active a:hover, #breadcrumbs .active a:active {
	color: #000;
}

.noborder td {
	border: none;	
}

.rowpadding td {
	padding: 15px 0px;	
}

.firstrowafterfoot td {
	padding: 30px 0px 0px 0px;	
}

.tablemessage {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;	
}

.tfootcontainer input {
	text-transform: uppercase;
	color: #929292;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}

.tfoottotalprice {
	font-size: 20px;
	font-weight: bold;
	color: #000;
		
}

#alert-outer {
	background: #fde527;
	text-align: center;
	padding: 20px 0px 7px 0px;
	margin: 20px 0px;
}

#alert-inner {
	background: transparent url(images/alert.png) top left no-repeat;	
	width: 55%;
	margin: 0 auto;
	
}

#alert-outer h1 {
	color: #333;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;	
}

#notifyme-inner {
	width: 75%;
	margin: 0 auto;
}

#notifyme-inner p {
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #666;	
}

#notifyme-inner input {
	text-transform: uppercase;
	color: #929292;
	font-size: 11px;
	padding: 5px;
	text-align: left;
	width: 412px;
	margin-right: 10px;
	height: 20px;
}

#popupproduct {
	overflow: hidden;
}

.popupcartlink  {
	width: auto !important;
	padding: 3px 10px !important;
}

#rightcontent-outer {
	width: 255px;
	background: #3d3d3d url(images/subtle_carbon-main.png) 1px 0px repeat;	
	
}

.checkout #rightcontent-outer {
	
	background: #e2e2e2;
}

#rightcontent-inner {
	padding: 0px 0px 0px 0px;	
	text-align: center;
}

#rightcontent-outer h1 {
	color: #333;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;	
	display: inline-block;
	margin: 0px 0px 40px 0px;
}

.checkout #rightcontent-outer h1{

	display: block;
	background: #fff;
	color: #959595;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px;
	margin: 0px 0px 30px 0px;
}

#leftcontent-outer {
	width: 770px;	
}

#leftcontent-outer-checkout {
	width: 10px;	
}

/*#leftcontent-inner {
	padding: 40px 0px 20px 10px;
}*/

#fullcontent-outer {
	width: 100%;
	padding: 0px 0px 70px 0px;	
}

#fullcontent-inner {
	padding: 40px 0px 20px 10px;
}

#fullcontent-outer h1 {
	color: #333;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;	
	display: inline-block;
	margin: 0px 45px 40px 25px;
}

#leftcontent-outer h1 {
	color: #333;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;	
	display: inline-block;
	margin: 0px 45px 40px 25px;
}

#secondarynav {
	display: inline-block;
	color: #ccc;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 20px;
	line-height: 30px;
	vertical-align: top;
	text-transform: uppercase;	
	width: 500px;
}

#secondarynav li {
	list-style: none;
	display: inline;
	margin: 0px 5% 0px 0px;
}

#secondarynav li a:link, #secondarynav li a:visited {
	color: #999;
}

#secondarynav li a:hover, #secondarynav li a:active {
	color: #da343a;
}

#secondarynav li.active a:link, #secondarynav li.active a:visited {
	color: #da343a;
}

#secondarynav li.active a:hover, #secondarynav li.active a:active {
	color: #999;
}

.generic-content{

	margin: 0px 45px 40px 25px;
}

.twittericon {
	margin: 0px 20px 0px 0px;	
}

#tweets li {
	list-style: none;
	text-align: left;
	padding: 0px 0px 0px 15px;
	min-height: 85px;
}

#tweets li h3{
	background: #333;
	color: #ffe600;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 20px;
	padding: 5px 10px;
	margin: 15px 15px 15px 0px;
	
}

#tweets li a{
	color: #ccc;
}

#tweets li a:hover{
	color: #666;
}


#tweets li h3 a:link, #tweets li h3 a:visited {

	color: #ffe600;
}

#tweets li p{
	color: #ccc;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#tweets li img {
	float: left;
	margin: 0px 10px 10px 0px;
	
}

#mainnavigation {
	color: #000;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 16px;	
	position: relative;
	/*top:10px;*/
	margin: 0px 0px 0px 32px;
	float: left;
}

#mainnavigation ul.hidden {
	display: none;
}


#mainnavigation li {
	list-style: none;	
	display: inline-block;
	margin: 0px 30px 0px 0px;
	vertical-align: middle;
}

/*#mainnavigation li.smbutton{
	margin: 0;
}*/

/*#mainnavigation li:last-child {

	margin: 0px 0px 0px 0px;
}*/



#mainnavigation li a:link, #mainnavigation li a:visited {
	font-weight: bold;
	color: #000;
}

#mainnavigation>li>div.nav2>a:link{
	color: #fff;
}

#mainnavigation li div.nav2 a:hover, #mainnavigation>li>div.nav2>a:active{
	color: #000;
}

#mainnavigation li a:hover, #mainnavigation li a.hovered, #mainnavigation li a:active {
	color: #c7c8c0;
}

.nav2{
	background-color: #c7c8c0;
	line-height: 2.8;
	color: #fff;
	padding: 0 15px 0 15px;
	margin-right: -35px;
	
}

.nav2 a:hover{
	color: #000;
}

.nav3{
	background-color: #c7c8c0;
    margin-right: -35px;
    min-height: 37px;
    padding-top: 7px;
    padding-right: 15px;
}

.nav-content li a:link, .nav-content li a:visited {
	color: #666;
}

.nav-content li a:hover, .nav-content li a:active {
	color: #000;
}

.nav-content {
	display: block;
	position: relative;
	color: #666;
}

.nav-box {
	display: inline-block;
	margin-right: -4px;
	text-align: left;
	vertical-align: top;

}

.nav-box:nth-child(odd) {
	background: #fff;

}

.nav-box:nth-child(even) {
	background: #f6f6f6;

}

.nav-box-inner {
	text-align: center;
	position: relative;
	min-height: 225px;
}

.nav-box-inner img {
	opacity: 0.7;
}

.nav-box-inner:hover img {
	opacity: 1.0;
}

.nav-ridersupport .eventschedule img {
	/*background: transparent url(images/rs-event.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
 	background-position: 0px -2372px;
  	width: 134px;
  	height: 125px;
}

.nav-ridersupport .eventschedule:hover img {
	/*background: transparent url(images/rs-event.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
	background-position: 0px -2247px;
	width: 134px;
	height: 125px;
}

.nav-ridersupport .assocsponsors img{
	/*background: transparent url(images/rs-sponsors.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -872px;
  	width: 134px;
  	height: 125px;
}

.nav-ridersupport .assocsponsors:hover img{
	/*background: transparent url(images/rs-sponsors-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -2622px;
  	width: 134px;
  	height: 125px;
}

.nav-team .teamnews img {
	/*background: transparent url(images/team-news.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px  -1497px;
  	width: 134px;
  	height: 125px;
}
.nav-team .teamnews:hover img {
	/*background: transparent url(images/team-news-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -1622px;
  	width: 134px;
  	height: 125px;
}


.nav-team .teamvideo img {
	/*background: transparent url(images/team-video.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
	background-position: 0px -1122px;
	width: 134px;
	height: 125px;
}
.nav-team .teamvideo:hover img {
	/*background: transparent url(images/team-video-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -1997px;
  	width: 134px;
  	height: 125px;
}

.nav-team .teamsocial img {
	/*background: transparent url(images/team-social.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -2122px;
  	width: 134px;
  	height: 125px;
}
.nav-team .teamsocial:hover img {
	/*background: transparent url(images/team-social-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
	background-position: 0px -997px;
	width: 134px;
	height: 125px;
}

.nav-team .teamathletes img {
	/*background: transparent url(images/team-athletes.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -1747px;
  	width: 134px;
  	height: 125px;
}
.nav-team .teamathletes:hover img {
	/*background: transparent url(images/team-athletes-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
	background-position: 0px -1872px;
	width: 134px;
	height: 125px;
}

.nav-team .teamphotog img {
	/*background: transparent url(images/team-photogallery.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -1247px;
  	width: 134px;
  	height: 125px;
}
.nav-team .teamphotog:hover img {
	/*background: transparent url(images/team-photogallery-on.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -1372px;
  	width: 134px;
  	height: 125px;
}


.nav-box-inner:hover h1 {
	text-decoration: underline;
}


.width25 {
	width: 25%;	
}

.width33 {
	width: 33.333333%;	
}

.width50 {
	width: 50%;
}

.width20 {
	width: 20%;	
}

.nav-inside {
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 0px 0px;
	z-index: 1000;
}

.nav-box:nth-child(odd) h1 {
	background: #ffe600;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 15px;
	padding: 10px 0px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.nav-box:nth-child(even) h1 {
	background: #f6de00;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 15px;
	padding: 10px 0px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

#nav-outer {

	/*float: left;*/
	
}

.nav-content {
	position: absolute;
	top:44px;
	left: 0px;
/*	-moz-box-shadow: #333 0px 0px 10px 0px;
	-webkit-box-shadow: #333 0px 0px 10px 0px;
	box-shadow: #333 0px 0px 10px 0px;*/
	display: none;
	z-index: 10;
}

.nav-dirt {
	width: 665px;	
}

.nav-pavement {
	width: 889px;	
}

.nav-apparel {
	width: 889px;	
}

.nav-accessories {
	width: 666px;	
}

.nav-team {
	width: 1025px;	
}

.nav-ridersupport {
	width: 900px;
	left: 84px;	
}

.nav-about {
	width: 822px;	
	left: 84px;
}

#nav-dirt-arrow {
	left: 166px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-pavement-arrow {
	left: 284px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-apparel-arrow {
	left: 387px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-accessories-arrow {
	left: 390px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-team-arrow {
	left: 510px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-ridersupport-arrow {
	left: 550px;
	position: relative;	
	height: 9px;
	display: block;
}

#nav-about-arrow {
	left: 120px;
	position: relative;	
	height: 9px;
	display: block;
}

.nav-box ul {
	text-align: left;	
	display: inline-block;
	margin-bottom: 25px;
}

.nav-ul-container:nth-child(n+2) {
	margin-left: 25px;	
}

.nav-box ul li {
	list-style: none;
	margin: 0px 0px 3px 0px;
}

.nav-box ul li::before {
	content:"- ";
}

.nav-box h3 {
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
	
.pad15 {
	padding: 15px;	
}

.bottom-out {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-right: 34px !important;
}

.nav-ridersupport h3 {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 15px;	
	font-weight: bold;
	line-height: 32px;
	vertical-align: top;	
	text-align: left;
	padding: 0px 0px 0px 35px;
	width:200px;
}

.ic-j {
	/*background: transparent url(images/icon-jetting.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -150px;
  	width: 32px;
  	height: 32px;
}

.ic-m {
	/*background: transparent url(images/icon-muffler.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -182px;
  	width: 32px;
  	height: 32px;	
}

.ic-p {
	/*background: transparent url(images/icon-manuals.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
	background-position: 0px -310px;
  	width: 32px;
  	height: 32px;
}

.ic-f {
	/*background: transparent url(images/icon-faq.jpg) top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -214px;
  	width: 32px;
  	height: 32px;
}

#grid1-outer .boxbigsquare {
	margin: 0px 23px 0px 0px;
}

#grid1-outer .gridbox2 {
	margin: 0px 0px 16px 0px;
}

#grid1-outer, #grid2-outer, #grid3-outer, #grid4-outer {
	position: relative;	
}

.flag {
	position: absolute;
	top: 40px;
	left: -21px;
	padding: 16px 0px 0px 48px;	
}

.flag img {
	position: absolute;
	top: 0px;
	left: 0px;	
	z-index: 0;
	
}

.flag h1, .flag h2, .flag h3{
	z-index: 1;
	position: relative;
}

.flag h1 {
	margin: 0px !important;
}

.flag h3 {
	color: #666;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 25px;
	text-transform: uppercase;		
}

.flag h2 {
	color: #FFF;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 18px;
	text-transform: uppercase;
	background: #cb0d0d;
	position: absolute;
	top: -3px;
	left: 28px;
	padding: 0px 23px;
	margin: 0px;
	line-height: 20px;
}

.flag .firstname {
	color: #333;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;	
	margin: 0px 5px 0px 0px;	
}

.flag .lastname {
	color: #cb0d0d;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 40px;
	text-transform: uppercase;		
}



#grid2-outer {
	margin: 20px 0px 0px 0px;	
}
#grid2-outer .gridleft {
	margin: 0px 22px 0px 0px;	
}

#grid2-outer .gridbox2 {
	margin: 18px 0px 0px 0px;
}

#grid3-outer {
	margin: 20px 0px 0px 0px;	
}

#grid3-outer .gridbox1 {
	margin: 0px 17px 0px 0px;	
}

#grid3-outer .gridbox2 {
	margin: 0px 0px 22px 0px;	
}

#grid4-outer {
	margin: 20px 0px 0px 0px;	
}

#grid4-outer .gridbox1 {
	margin: 0px 0px 22px 0px;	
}

#slider-outer {
	background: #000;
	width: 100%;
	overflow: hidden !important;
}

#slider-inner {
	margin: 0 auto;
	width: 1025px;
	position: relative;
}

.controls {
	color: #FFF !important;
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 100%;
}

.prevBtn {
	/*width: 13px;
	height: 32px;
	background: transparent url('images/slarrow-left.png') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -246px;
  	width: 13px;
  	height: 32px;
	display: inline-block;
	position: absolute;
	top: 180px;
	left: 20px;
}

.nextBtn {
	/*width: 13px;
	height: 32px;	
	background: transparent url('images/slarrow-right.png') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -278px;
  	width: 13px;
  	height: 32px;
	display: inline-block;
	position: absolute;
	top: 185px;
	right: 35px;
}

#slider {
	overflow: visible !important;
}

.blur {
		
  	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
	filter: blur(5px);	
	filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIC8+DQoJPC9maWx0ZXI+DQo8L3N2Zz4=#blur);
}

.desaturate img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

#sandbox-outer {
	position: relative;
	/*width: 289px;*/
	/*float: left;*/
	display: inline-block;
	background: transparent url('images/sb-bottom-reflection.png') left 155px repeat-x;
	margin: 0 auto; /*0px 63px 0px 0px;*/
}

#sandbox-outer:nth-child(3)  {

	margin: 0px 0px 0px 0px;
}

#sandbox-outer a {
	display: inline-block;
}

#sandboxes-outer {
	background-color: #a6a695;
	width: 100%;
	padding: 10px 0px 10px 0px;

}

#sandboxes-inner {
	margin: 0 auto;
	/*width: 1025px;*/
	position: relative;
	text-align:center;
}

#newslettersubmit:hover {
	background: #ffe600;
	color: #000;
	cursor: pointer;
}

#sandboxfloater-inner {
	position: relative;	
	overflow: hidden;
	width: 64px;
	height: 175px;
	margin-top: -7px;
	
}

#sandboxfloater-inner img {
	position: absolute;
	top: 0px;
	left: 8px;	
}

.sb-gal #sandboximage-inner {
	/*background: #000 url('images/sb-gal.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
  background-position: 0px -4695px;
  width: 375px;
  height: 381px;
	/*border: 3px solid #000;*/
}

.sb-gal:hover #sandboximage-inner {
	/*background: #000 url('images/sb-gal-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  background-position: 0px -4393px;
  width: 375px;
  height: 381px;
}

.sb-ig #sandboximage-inner {
	/*background: #000 url('images/sb-ig.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
    background-position: 0px -3034px;
    width: 375px;
    height: 381px;
	/*border: 3px solid #000;*/
}

.sb-ig:hover #sandboximage-inner {
	/*background: #000 url('images/sb-ig-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -4091px;
  	width: 375px;
  	height: 381px;
}

.sb-news #sandboximage-inner {
	/*background: #000 url('images/sb-news.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -3638px;
  	width: 375px;
  	height: 381px;
	/*border: 3px solid #000;*/
}

.sb-news:hover #sandboximage-inner {
	/*background: #000 url('images/sb-news-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
    background-position: 0px -3789px;
    width: 375px;
    height: 381px;
}

.sb-team #sandboximage-inner {
	/*background: #000 url('images/sb-team.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -3336px;
  	width: 375px;
  	height: 381px;
	/*border: 3px solid #000;*/
}

.sb-team:hover #sandboximage-inner {
	/*background: #000 url('images/sb-team-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -3487px;
  	width: 375px;
  	height: 381px;
}

.sb-tw #sandboximage-inner {
	/*background: #000 url('images/sb-tw.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -4544px;
  	width: 375px;
  	height: 381px;
  	/*border: 3px solid #000;*/
}

.sb-tw:hover #sandboximage-inner {
	/*background: #000 url('images/sb-tw-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -3185px;
  	width: 375px;
  	height: 381px;
}

.sb-yt #sandboximage-inner {
	/*background: #000 url('images/sb-yt.jpg') top left no-repeat;
	width: 287px;
	height: 155px;*/
	background-image: url(images/spritesheet.png);
  background-position: 0px -4242px;
  width: 375px;
  height: 381px;
  	height: 381px;
	/*border: 3px solid #000;*/
}

.sb-yt:hover #sandboximage-inner {
	/*background: #000 url('images/sb-yt-on.jpg') top left no-repeat;*/
	background-image: url(images/spritesheet.png);
  background-position: 0px -3940px;
  width: 375px;
  height: 381px;
}



#sandboxbanner-inner {
	/*width: 67px;
	height: 210px;
	background: transparent url('images/sb-banner.png') top left no-repeat;	
	position: absolute;*/
	background-image: url(images/spritesheet.png);
  	background-position: 0px -5042px;
  	width: 67px;
  	height: 220px;
	top: 3px;
	right: 15px;
}

#sandbox-outer h1 {
	color: #ffe600;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 25px;	
	text-transform: uppercase;	
	margin: 20px 0px 0px 10px;
}

#sandbox-outer h1 span {
	color: #999;
}

#sb-set-1 {
	
}

#sb-set-2 {
	
}

.sbhidden {  
  display: none;  
}  
  
.sbvisuallyhidden {  
  opacity: 0;  
} 

.no-opacity {
	opacity: 1.0 !important;	
}

.nav-box-inner a:link h3, .nav-box-inner a:visited h3 {
	color: #666;
	margin: 0px 0px 0px 20px;
}

.nav-box-inner a:hover h3, .nav-box-inner a:active h3 {
	color: #333;
	
}

#productimage-inner {
	position: relative;	
}

.productimage {
    width: 100%;
    height: auto;
}

.magnify {
	width: 21px;
	height: 21px;
	background: transparent url('images/magnify.png') top left no-repeat;
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index: 1000;
}

#gallery_01f {
	display: inline-block;
}

.ilb {
	display: inline-block;	
	list-style-type: none;
}

#athletebanner-inner {
	width: 749px;
	height: 343px;
	position: relative;
}

.imgbg {
	position: absolute;
	top: 0px;
	left: 0px;	
}

#athletephoto-outer {
	background: transparent url('images/athletefacebg.png') top left no-repeat;
	width: 197px;
	height: 196px;
	position: absolute;
	bottom: 0px;
	left: 25px;	
}

#athletephoto-inner {
	width: 197px;
	height: 196px;
	z-index: 1000;
	padding: 3px 3px 0px 3px;
}

.clip-circle{
  height:190px;
  width:190px;
  border-radius:50%;
  overflow:hidden;
  margin:auto;
}

/*new specific class for box shadow*/
.box-shad{
  box-shadow:
    0 0 150px 20px #000 inset;
}

#athletebio-outer {
	background: #ececec;
	display: inline-block;
	width: 492px;
	min-height: 65px;
	margin: 0px 17px 0px 0px;
	float: left;
}

#athletesocialicons-outer {
	background: #ececec;
	display: inline-block;
	width: 240px;
	min-height: 65px;
	float: left;
}

#athletesocialicons-inner {
	padding: 12px 25px;
}

#athletesocialicons-inner #social li {
	margin: 0px 9px 0px 0px;	
}

#athletesocialicons-inner #social li:last-child {
	margin: 0px 0px 0px 0px;	
}

#athletemeta-outer {
	margin: 13px 0px;	
}

#athletebio-inner {
	color: #666;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 10px 10px 24px;		
}

#athletebio-inner span {
	color: #da343a;
	
}

ul.athletebio { 
	display: inline;
}

.athletebio li { 
	list-style-type: none;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	background: transparent url('images/lidot.jpg') right 2px no-repeat;
	padding: 0px 11px 0px 0px;
	line-height: 18px;
}

#athletegallery-outer {
	width: 749px;

}

#athletegallery-inner {
	text-align:justify;
}

#athletegallery-inner img {margin: 0px 0px 15px 0px;} 

#athletegallery-inner > img {display:inline-block;} 

#athletegallery-inner:after { content:' '; display:inline-block; width: 100%; height: 0 }

/* News */
#newsitem-inner{
	width: 749px;
	height: 343px;
	position: relative;
	margin-bottom: 24px;
}

#newsitem-inner .flag{
	padding-left:15px;
}

#newsitem-inner h1{
	width: 250px;
	height: 60px;
    font-size: 15px !important;
    font-weight: 800;
	overflow: hidden;
}

#newsitem-inner h2{
	line-height: 25px;
	width: 185px;
	text-align: center;
	top: 85px;
	height: 25px;
	left: 57px;
	padding:0;
}

#newsitem-inner .newsblurb{
	float: right;
	margin: 15px 5px 00;
	width: 250px;
}

#newsitem-inner .newsblurb span.date{
	color: #FFF;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 18px;
	background: url('images/newsitem-date-bg.png') no-repeat;
	margin: 0 14px 0 -24px;
	width: auto!important;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	padding-left: 46px;
}

#newsitem-inner .newsblurb span.time{
	color: #666;
	font-size: 11px;

}

#newsitem-inner .newsblurb p{

	color: #666666;
	padding-top: 24px;
}

#newsitem-inner .newsblurb a.read-more{
	background-color: #ccc;
	border-radius: 3px;
	color:#fff;
	display: inline-block;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 18px;
	line-height: 18px;
	padding: 7px 14px;
	margin: 20px 0 0 140px;
	text-transform: uppercase;
}

#newsitem-inner .newsblurb a.read-more:hover{
	background-color: #ffe600;
}

#newscontent{
	padding: 0 24px;
}

/*FAQ*/

.faqs .faq-category{

	margin-bottom: 24px;
} 

.faqs .faq-category .accordion{

	padding-left: 24px;
}

.faqs .faq-category h2{
	background-color: #FFE600;
	display: block;
	margin-right: 10px;
	padding: 5px 20px;
}

.faqs .faq-category .accord-header {
	background: #FFF;	
	color: #666;
	height: 28px;
	cursor: pointer;
}

.faqs .faq-category .accord-content {
 
    background-color: #EEE;
    margin: 0px 24px;
    padding: 10px;
}

.faqs .faq-category .accord-content p{
	padding:0;
	margin:0;
}

.faqs .faq-category a.hidden-anchor {
	
	display: block;
	position: relative;
	top: -110px;
	visibility: hidden;	
}



#sidebarheader {
	background: #ebebeb;
	padding: 40px 0px 0px 0px;
}

/* This is to make vertical columns match */
.verticalcolumn {
	display: table-cell; 
	vertical-align: top;
}

.verticalcontainer {
	display: table;
}

h1.teamyellow {
	color: #333;
	background: #ffe600;	
	/*font-family: bebas_neueregular, Arial, sans-serif !important;*/
	font-size: 30px !important;
	text-transform: uppercase !important;
	padding: 10px 60px 10px 20px !important;
	margin: 23px 23px 15px 0px !important;

}

h1.teamred {
	color: #FFF!important;
	/*font-family: bebas_neueregular, Arial, sans-serif;*/
	font-size: 30px;
	text-transform: uppercase;
	background: #d7252b;

}

.slickcarousel {
	width: 749px;
	
}

.slickcarouselgal {
	width: 800px;
	overflow: hidden;
	background: #000;
}

button.slick-prev {
	display: none !important;
}


.slickcarousel .slick-next {
	display: block;
	position: absolute;
	height: 148px;
	width: 41px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent url('images/control-right.png') top left no-repeat;
	color: transparent;
	top: 23px;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none;
	right: -52px;
}

.slickcarouselgal .slick-next {
	position: absolute;
	display: block;
	height: 148px;
	width: 41px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent url('images/gal-right.png') top left no-repeat;
	color: transparent;
	top: 35px;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none;
	right: -55px;
}

.slickcarouselgal .slick-prev {
	position: absolute;
	display: block;
	height: 148px;
	width: 41px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent url('images/gal-left.png') top left no-repeat;
	color: transparent;
	top: 35px;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none;
	left: -12px;
}

.slickcarouselgal .slick-list {
	padding: 0px;
}

.blackflag {
	position: absolute;
	bottom: 8px;
	left: -5px;
	z-index: 100;
	width: 140px;
	height: 51px;
}

.blackflag img {
	position: absolute;
	top: 0px;
	left: 0px;	
	z-index: 0;
}

.blackflag h1, .blackflag h2, .blackflag h3{
	z-index: 1;
	position: relative;
}

.blackflag h1 {
	margin: 0px !important;
}

.slick-list {
	padding: 0px 10px;	
}

.blackflag h1 {
color: #FFF !important;
font-size: 20px !important;
position: relative;
line-height: 64px;
margin-left: 10px !important;
	
}



.hscont {
	position: relative;
}

#column1-outer, #column2-outer, #column3-outer {
	width: 30%;
	float: left;
}

#butcol1-outer, #butcol2-outer, #butcol3-outer {
	width: 30%;
	float: left;
}

#detcol1-outer, #detcol2-outer, #detcol3-outer {
	width: 30%;
	float: left;
}


#column1-outer, #column2-outer {
	margin: 0px 30px 0px 0px;
}

#butcol1-outer, #butcol2-outer {
	margin: 0px 30px 0px 0px;
}

#detcol1-outer, #detcol2-outer {
	margin: 0px 30px 0px 0px;
}

#detcolumns-outer p {
	margin: 3px 0px 3px 0px;	
}

.column {
	/*background-color: #ccc;*/
}

.column h3 {
	color: #cb0d0d;	
	font-size: 14px;
	background: #f4f4f4;
	width: 100%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 15px 0px 25px 0px;
	margin: 5px 5px;
}

.shadedp {
	background-color: #f4f4f4;
	padding: 10px 15px;
}

.standardp {
	padding: 10px 15px;
}

.column p {
	font: 14px Arial,sans-serif;
}

#banner-outer {
	width: 743px;
}

#banner-outer h1 {
	font-family: Arial, sans-serif;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background: #999999;
	width: 100%;
	text-align: center;
	padding: 15px 0px;
	text-transform: uppercase;
	margin: 15px 0px 0px 0px;
}

#banner-outer h2 {
	font-family: Arial, sans-serif;
	background: transparent url('images/exclamation.png') no-repeat center left;
	text-transform: uppercase;
	font-size: 14px;
	color: #999999;
	margin: 45px 30px 50px 30px;
	padding: 0px 0px 0px 60px;
}

.blockingoverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	top: 0px;
	left: 0px;	
	z-index: 8;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */	
}

.blockingoverlayribbon h1 {
	color: #333333;
	text-transform: uppercase;
	font-size: 25px;
	padding: 50px 20px 0px 180px;
	margin: 0px 25px 0px 0px;
}

.blockingoverlayribbon {
	position: absolute;
	width: 100%;
	height: 100%;
	width: 791px;
	height: 139px;
	background: transparent url('images/compareribbon.png') -15px top no-repeat;
	top: 0px;
	left: 0px;	
	z-index: 9;
	margin: 36px 0px 0px 0px;

}

#headercont-outer {
	position: fixed;
	top: 0;	
	z-index: 11;
	width: 100%;
	min-width: 1600px;
}

#persleft-outer {
	width: 49%;
}

#persright-outer {
	width: 49%;	
	
}

#personalinfo-outer {
	

}

#fullcontent-outer {
		
	color: #666;
}

#fullcontent-inner {
	margin: 0px 25px;
}

#orderinfo-outer {
	width: 100%;
	margin: 50px 0px 0px 0px;
}

#orderinfo-inner {
	border-top: 1px solid #ccc;
	padding: 25px 0px 0px 0px;
}




#fullcontent-outer h3 {
	margin: 0px 0px 25px 0px;	
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}

#mainpage-outer
{
	background-color: #000;
	/*margin: 45px 0px 0px 0px;	*/
}

.img-0 {
	float: left;
	margin: 0px 17px 0px 0px;
}

.img-1 {
	margin: 0px 17px 16px 0px;
	float: left;
}

.img-2 {
	
}

.img-3 {
	margin: 16px 16px 0px 0px;
	float: left;
}

.img-4 {
	margin: 16px 0px 0px 0px;
}

.img-5 {
	margin: 16px 15px 0px 0px;
}

.gal-cont {
	position: relative;	
}

.galflag {
	padding: 19px 0px 0px 28px;
}

.flagarrow {
position: absolute !important;
left: 229px !important;
top: 28px !important;
z-index: 2 !important;
}

.sleft {
width: 338px;
float: left;
}

.gal-odd {
margin-bottom: 15px;
}

.gal-odd .img-3 {
margin: 18px 16px 0px 0px;
}

.clickthumb{
	cursor: pointer;
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination {
	text-align: center;
}
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #333;
  color: #ffe600;
}
.custom-pagination a:hover {
  background-color: #ffe600;
  color: #333;
  border: 1px solid #333;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: #333;
}
.custom-pagination span.current {
  background-color: #ffe600;
  color: #333;
  border: 1px solid #333;
}

/*
checkout pages
*/
.checkout table, .checkout-content{

	margin:0 0 25px 25px;
}

.checkout table{

	width:90%;
}


.checkout table a{

	color: #da343a;
	float: right;
	font-size: 11px;
	text-decoration: underline;
	text-transform: capitalize;
}

.checkout td, .checkout th{

 	padding: 18px;
}

.checkout th{
 	color: #656565;
 	font-weight: bold;
 	text-transform: uppercase;
 }

.checkout table, .checkout td, .checkout th, .checkout tr{

	vertical-align: top;
}

.checkout table.two-col th, .checkout table.two-col td{

	width:340px;
}

.checkout .one-col{

	width:340px;
}

.checkout table.three-col th, .checkout table.three-col td{

	width:40%;
}

.checkout table.three-col tbody tr{

	border-bottom: 1px solid #ccc;
}


 .checkout table.three-col th{
 	
 	/*font-family: bebas_neueregular,Arial,sans-serif !important;*/
 	font-weight: normal;
 	font-size: 16px;
 }
 

 .checkout .grey{

  	background: #e8e8e8;
}

 .checkout .smaller{

	width: 20% !important;
}

.checkout .center{

	text-align: center;
}

.checkout h2{

	/*display: inline-block;*/
}

.checkout h2.block{

	/*display: block;*/
}

.checkout h2 img{

	margin-left: 18px;
	vertical-align: middle;
}

.checkout-content input{
	/*max-width:100%;*/
}

.half-size{
    width: 49%;
    display: inline-block;
}

.checkout-content input[type="text"].cid{

	margin-left: 103px;
	/*width:110px;*/
}

.checkout-content input[type="checkbox"]{

	display: inline-block;
	margin: 0 24px 0 0; 
	visibility: visible;
}

.checkout-content label{

	/*font-family: bebas_neueregular,Arial,sans-serif !important;*/
 	font-weight: normal;
 	display: inline-block;
 	/*margin: 10px 10px 0 0;
 	line-height: 24px;*/
 	font-size: 18px;
}

.grand-total{
    font-weight: 800 !important;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    color: #cb0d0d;
}

.order-confirmation{
    font-weight: 800 !important;
    color:#cb0d0d !important;
}

/*.checkout-content select{

	height: 24px;
	width: 100px;
}*/

.checkout-content a.what{
	font-size: 11px;
	margin-left:10px; 
    width: 40%;
    display: inline-block;
}

.checkout-content a.red{

	color: #cb0d0d;
}

.checkout-content .widebutton{
    height: inherit;
	width: 235px;
}

.checkout-content .widebutton-summary{

	width: 235px;
}


.checkout #leftcontent-outer.full{

	/*width:100%;*/
}

.checkout-content .shipping-address{

	background: #e8e8e8;
	padding: 18px;
	float: left;
	margin-right: 10px;
	width: 275px;
}

.checkout-content .shipping-address .widebutton{

	margin-left: 12px;
}

/*.checkout-content .new-address{

	float: none;
	clear:both;
	display: block;
	padding-top: 30px;
}

.checkout-content .new-address input[type="text"]{ 

	display: block;
	width: 470px;
	margin-bottom: 18px;

}

.checkout-content .new-address select{ 

	display: block;
	width: 200px;
	margin-bottom: 18px;

}*/

#hamburger{
	display: none;
}

#master-cover{
	display: none;
	background-color:rgba(0,0,0,0.5);
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	z-index: 99999;
}

.repacking h1{

	margin: 0 !important;
}

.repacking .step{

	height: 270px;
	display: block;
}

.repacking .step h3{

	font-size: 14px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.repacking .step img{

	float:left;
}

.repacking .step div{

	margin-left: 180px;
}

.repacking #dyyno{

	width:100%;
	height:auto;

}

.repacking .button{

	margin-left: 450px;
	width: 220px;
}

#featured-products{
	/*margin: 0 auto;*/
	/*background: url(images/featured-bg.png) no-repeat top /cover;*/
	text-align: center;
}


.product{
	width: 375px;
	height: 390px;
	/*background-color: #0f0;*/
	display: inline-block;
	margin: 50px auto;
	overflow: hidden;
}

.product img{
	vertical-align:middle;
}

.img-aligner{
	display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#callout{
	/*margin: 0 auto;*/
	background-color: #a6a695;
	text-align: center;
}

.callout-item{
    max-width: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    margin: 7px 3.5px;
    overflow: hidden;
    position: relative;

	/*width: 375px;
	height: 381px;*/
	/*background-color: #0f0;*/
	/*display: inline-block;
	margin: 7px auto;
	overflow: hidden;*/
}


#video-container{
	height: 810px;
	overflow: hidden;
	text-align: center;
}

/* Guy's Changes */

/*Displays cart logo outside of hamburger on mobile*/
#cartImage2 {
    display: none;
}

@media screen and (max-width: 800px) {
    #cartImage2 {
        display: block !important;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }
    #cartImage {
        display: none !important;
    }
    a.navbar-brand > img {
        display: block !important;
        position: fixed !important;
        left: 50% !important;
        margin-left: -75px !important;
        width: 150px !important;
        height: 48px !important;
        border: none !important;
    }
    span#cartCount {
        display: none !important;
    }
}

/* fixes holes in navbar dropdown*/
@media screen and (max-width: 1000px) {
    ul.nav.navbar-nav li:last-child {
        display: none;
    }
}

@media only screen and (min-device-width: 750px) and (max-device-width: 1050px) {
    ul.nav.navbar-nav li {
        margin: -5px 0 !important;
    }
}

@media only screen and (max-width: 720px) {
    #productSearchSection {
        display: none;
    }


    #productSearchSection {
        display: none;
    }


    #cartlineitems .cartrow {
            height:auto;
    }

    .carttitles {
        display: none;
    }
}


/*Hides label text for ADA fixes*/
label.ADA {
   display: none!important;
}

/* contrast errors for ADA */

#newsletter-inner p {
   color: #000 !important;
}

ul#secondarynav li {
   color: #333 !important;
}

#breadcrumbs a {
   color: #000!important;
}

button#prod-search-control.btn.btn-default.pull-right.fa.fa-search {
    color: black!important;
    line-height: 20px!important;
    display: block;
    z-index: 49;
}

.displayinline {
    display:inline-block;
}