/*@charset "utf-8";
 CSS Document */

/*------------------Reset style start-----------------*/
 html {
color:#000;
/*background-image: url( '../images/background.jpg' ) ;*/
background-position:center; background-repeat:no-repeat;;

}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px auto;
	padding:0;
}

ul, li{
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
font-size:100%;
}
legend {
	color:#000;
}
/*------------------Reset style end-------------------*/

/*------------------font style start------------------*/
	body
{
font:13px/1.231 arial, helvetica, clean, sans-serif;
font-size:small;
font:x-small;
color:#5e5f5e;
}

select, input, button, textarea {
font:99% arial, helvetica, clean, sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.red-text{
	color:#F00;
}

.ab13p10{
	color:#5e5f5e;
	font-size:13px;
	font-weight:bold;
}

.ab16p10{
	color:#5e5f5e;
	font-size:16px;
	font-weight:bold;
	margin:30px 0px 0px 0px;
}
/*------------------font style end--------------------*/

/*------------------Base style start------------------*/
h1 {
	font-size:138.5%;
}
h2 {
	font-size:123.1%;
}
h3 {
	font-size:108%;
}
h1, h2, h3 {
	margin:1em 0;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
abbr, acronym {
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	font-style:italic;
}
blockquote, ul, ol, dl {
	margin:1em;
}
ol, ul, dl {
	margin-left:2em;
}
ol li {
	list-style:decimal outside;
}
ul li {
	list-style:disc outside;
}
dl dd {
	margin-left:1em;
}
th, td {
	border:0px solid #000;
	padding:.5em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p, fieldset, table, pre {
	margin-bottom:1em;
}
input[type=text], input[type=password], textarea {
	width:12.25em;
*width:11.9em;
}

.bl0{
	border-left:0px;
}

.tac{
	text-align:center;
}

.ml15
{
	margin-left:15px;
}

.mt30{
	margin-top:30px;
}

#nav{
	height:42px;
}

#nav ul{
	margin:0px;
	padding:0px;
}

#nav ul li{
	list-style:none;
	display:inline;
	float:left;
}

#nav ul li a{
	display:block;
	padding:13px;
	color:#5e5f5e;
	text-decoration:none;
	background:url(../images/account-tab-devider.jpg) top right no-repeat;
}

#nav ul li a:hover{
	background:#333;
	color:#FFF;
	background:url(../images/menu-hover-strip.png) top left repeat-x;
}
#button {
	height: 42px;
	width: 135px;
	float:left;
	
	
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border:0px solid #1c1c1c;
	
	
}

.the_menu {
	display:none;
	width:180px;
	border: 1px solid #d6d6d6;
	position:absolute;
z-index:100;
	
}

.the_menu li {
	background-color: #fff;
	list-style:none;
	border-bottom:dotted 1px #d6d6d6;

	
}

.the_menu li a {
	color:#7e7e7e; 
	text-decoration:none; 
	padding:5px; 
	display:block;
}

.the_menu li a:hover {
	padding:5px;
	font-weight:bold;
	color: #ff0000;
	background:#FFF;
}
/*------------------Base style end--------------------*/


	

body{
		background:#000 url(../images/background.jpg) center 0 no-repeat!important;
	}

#wrapper{
	margin:0 auto;
	background:url(../images/wrapper-background.png) top  center repeat-y;
	 behavior: url(../iepngfix.htc);
	width:988px;
	padding:23px 23px 0;
	padding-top:0px;
	position:relative;
}
#container{
	width:986px;
	border: #e2e2e2 1px solid;
	border-top:0px;
	background:#FFF;
	overflow:hidden;
}

#header{
	width:988px;
	height:114px;
}
.header-row{
	width:988px;
	height:28px;
}

.header-row-inner{
	float:right;
	padding:0px;
	padding-top:3px;
	font-size:11px;
}
.cart-update img{

	margin:0px 10px;
}

.shopping-cart-update-header-text{
	margin:0px 10px; color:#CCCCCC;
}


a.user-log-area-header{
	color:#000;
	font-weight:bold;
	margin:0px 10px;
	text-decoration:none;
}
.product-search form{
	display:inline;
}
.product-search input.box{
	border:1px solid #dfdfdf;
	color:#777777;
	padding:2px;
}




.header-row-2{
	width:988px;
	height:89px;
	/*border:1px solid #e0e0e0;*/
	background:url(../images/nav-strip.jpg) top left repeat-x;
        background:url(../images/nav-bg.png) top left repeat-x;
	background-color:#efefef;
	position:relative;
	
}

.social-box{
position:absolute;
top:14px;
right:10px;
width:390px;
}

.social-box span{
display:block;
margin:0px;
/*padding:0px;*/
padding-top:5px;
font-size:12px;
}
.social-box img{
float:right;
display:block;
margin-left:10px;
margin-top:10px;
}

.contact-text{
    float:left;
    width:140px;
    text-align:right;
    position:absolute;
    right:80px;
    top:3px;
}

span.contact-text-title{
font-family:arial, helvetica, clean, sans-serif;
color: #990000;
font-size:16px;
margin:0px;
padding:0px;
text-align:right;
}

#banner{
	width:966px;
	height:327px;
	padding:0px 8px 8px;
	
}


#slideshow{
	width:970px;
	height:327px;
	background:#fff;
}



#product-box-bar{
	height:105px;
	width:970px;
	padding-left:8px;
	padding-right:8px;
	margin-top:0px;
	margin-bottom:10px;
	background:#fff;
	
}

.product-box-one{
	float:left;
	width:220px;
	height:103px;
	border:1px solid #e1e1e1;
	background:url(../images/ayrtek-store-background.jpg) top left repeat-x;
}

.product-box-two{
	float:left;
	width:236px;
	height:103px;
	border:1px solid #e1e1e1;
	background:url(../images/product-high-back.jpg) top left repeat-x;
	margin-left:4px;
}

.product-box-two h3{
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}


.helment-product{
	background:url(../images/helmet-product.jpg) top left no-repeat;
	height:103px;
}

.bat-product{
	background:url(../images/bat-product.jpg) top left no-repeat;
	height:103px;
}

a.readmore{
	padding-top:0px;
	display:block;
	margin-top:60px;
	width:80px;
	padding-left:10px;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	background:url(../images/arrow.jpg) 75px 4px no-repeat;
}

a.readmore:hover{
	text-decoration:underline;
}

.pad-product{
	background:url(../images/pad-product.jpg) top left no-repeat;
	height:103px;
}
.glove-product{
	background:url(../images/glove-product.jpg) top left no-repeat;
	height:103px;
}


#product-box-bar2{
	width:950px;
	height:234px;
	padding:18px;
	background-color:#ededed;
}

.ayrtek-row-one {
background-color:#FFFFFF;
margin-bottom:10px;
overflow:hidden;
padding-left:10px;
padding-right:10px;
width:966px;
}

.ayrtek-row-two {
background-color:#FFFFFF;
margin-bottom:10px;
overflow:hidden;
padding-left:10px;
padding-right:10px;
width:966px;
}

.ayrtek-poll-outer{
	width:223px;
	float:left;
	height:auto;
}

.ayrtek-poll-outer h4{
	background:url(../images/ayrtek-poll.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.poll{
	width:213px;
	padding:4px;
	height:166px;
	border:1px solid #e0e0e0;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
}

.poll h5{
	color:#5e5f5e;
	font-size:11px;
	line-height:16px;
	margin:10px;
}

.poll-graph-outer{
	margin-top:0px;
	margin-bottom:10px;
}

.poll-graph{
	background-color:#dddddd;
	padding:2px;
	height:8px;
	
}

.poll-graph-red{
	background:#ff0f0f;	
	width:50px;
	float:left;
	height:8px;
}

.poll-graph-black{
	background:#000000;	
	width:50px;
	float:left;
	height:8px;
}


.super-star-outer{
	width:460px;
	float:left;
	margin-left:25px;
	height:auto;
}

.super-star-outer h4{
	background:url(../images/ayrtek-super-star.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.super-star{
	width:452px;
	border:1px solid #e0e0e0;
	padding:0px;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
	}

.super-star img{
	display:block;
}

.super-star p{
	font-size:12px;
	margin-top:5px;

	padding:0px;
}

.ayrtek-tech-outer{
	width:221px;
	float:left;
	margin-left:25px;
	height:auto;
}

.ayrtek-tech-outer h4{
	background:url(../images/ayrtek-technology.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.ayrtek-tech{
		width:203px;
	height:156px;
	float:left;
	border:1px solid #e0e0e0;
	padding:8px;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
	}
	
.ayrtek-tech h5{
	font-size:18px;
	color:#6a6a6a;
	font-weight:normal;
	margin-bottom:5px;
}

.ayrtek-tech p{
	margin:0px;
	padding:0px;
	font-size:.9em;
	line-height:18px;
}

.ayrtek-tech .more{
	margin-top:10%;
}

.ayrtek-news-outer{
	width:223px;
	float:left;
	height:auto;
}

.ayrtek-news-outer h4{
	background:url(../images/ayrtek-news.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.ayrtek-news{
	width:213px;
	padding:8px;
	font-size:11px;
	overflow:auto;
	height:245px;
	border:1px solid #e0e0e0;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
}

.ayrtek-news h5{
	font-size:18px;
	color:#6a6a6a;
	font-weight:normal;
}

.ayrtek-news p{
	padding:0px;
	font-size:.9em;
	line-height:13px;
}
.news-link{
	color:#e40100;
	text-decoration:none;
	font-size:11px;
}
.ayrtek-news-outer2{
	width:473px;
	float:left;
	height:auto;
}

.ayrtek-news-outer2 h4{
	background:url(../images/ayrtek-news.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.ayrtek-news2{
	width:453px;
	padding:8px;
	font-size:11px;
	overflow:auto;
	height:245px;
	border:1px solid #e0e0e0;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
}

.ayrtek-news2 h5{
	font-size:18px;
	color:#6a6a6a;
	font-weight:normal;
}

.ayrtek-news2 p{
	padding:0px;
	font-size:.9em;
	line-height:13px;
}
.news-link2{
	color:#e40100;
	text-decoration:none;
	font-size:11px;
}

.more{
	margin-top:10%;
}


.what-new-outer{
	width:459px;
	float:left;
	margin-left:25px;
	height:auto;
}

.what-new-outer h4{
	background:url(../images/what-new.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.what-new{
	width:449px;
	height:245px;
	border:1px solid #e0e0e0;
	background:url(../images/background-repeat-image.jpg) bottom left repeat-x;
	overflow:hidden;
	}

.win-outer{
	width:472px;
	float:left;
	margin-left:9px;
	height:auto;
}

.win-outer h4{
	background:url(../images/what-new.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.win{
	width:462px;
	height:262px;
	background:url(../images/win-bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
	}


.ayrtek-fanzone-outer{
	width:221px;
	float:left;
	margin-left:25px;
	height:auto;
}


.ayrtek-fanzone-outer h4{
	background:url(../images/fan-zone.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.ayrtek-fanzone{
	width:221px;
	height:263px;
	overflow:auto;
	float:left;
	}

.sm-youtube-outer {
	width:312px;
	float:left;
	margin-left:0px;
	height:auto;
}

.sm-youtube {
	width:312px;
	height:140px;
	overflow:auto;
	float:left;
	background-image:url(../images/box-youtube.jpg)
	}
	
.sm-youtube-text {
	margin-top:65px;
	margin-left:auto;
	margin-right:auto;
	width: 90%;
	}
	
.sm-youtube-outer h4{
	background:url(../images/fan-zone.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.sm-facebook-outer {
	width:312px;
	float:left;
	margin-left:10px;
	height:auto;
}

.sm-facebook {
	width:312px;
	height:140px;
	overflow:auto;
	float:left;
	background-image:url(../images/box-facebook.jpg)
	}
	
.sm-facebook-text {
	margin-top:65px;
	margin-left:auto;
	margin-right:auto;
	width: 90%;
	}	
	
.sm-facebook-outer h4{
	background:url(../images/fan-zone.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}

.sm-twitter-outer {
	width:312px;
	float:left;
	margin-left:10px;
	height:auto;
}

.sm-twitter {
	width:312px;
	height:140px;
	overflow:auto;
	float:left;
	}
	
.sm-twitter-text {
	margin-top:65px;
	margin-left:auto;
	margin-right:auto;
	width: 90%;
	}	
	
.sm-twitter-outer h4{
	background:url(../images/fan-zone.jpg) top left no-repeat;
    text-indent:-9999px;
	margin-top:15px;
	margin-bottom:5px;
}



.footer-row-1{
	width:986px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background:#FFF;
	text-align:right;
	font-size:11px;
	color:#777777;
	border-top:1px solid #E0E0E0;
	margin-top:5px;
}


.footer-row-1 a{
	color:#777777;
	font-size:11px;
	padding:5px;
	text-align:right;
	text-decoration:none;

	
}

.footer-row-1 a:hover{
	text-decoration:underline;
	color:#F00;
}

.footer-row-1 img{
	float:left;
	display:block;
	margin-top:-7px;
}

.footer-row-2{
	padding:4px 4px 20px;
	width:980px;
	border-top:1px solid #e0e0e0;
	border-left:0px;
	border-right:0px;
	background:#FFF;
	font-size:11px;
	color:#777777;
}

.footer-row-2 a{
	color:#777777;
	font-size:11px;
	padding:5px;
	text-align:right;
	text-decoration:none;
}

.footer-row-2 a:hover{
	text-decoration:underline;
	color:#F00;
	}





/* remove the list style */
	/*#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		height:43px;
	}	*/
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		/*#nav li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			margin:0 1px;
			padding:0px;
			border-right:1px solid #e0e0e0;
		}*/
		
		/* this is the parent menu */
		/*#nav li a {
			display:block; 
			padding:12px 10px 5px 10px; 
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color:#5e5f5e;
		}

		#nav li a:hover {
			color:#f00;
		}*/
	
		/* you can make a different style for default selected value */
		/*#nav a.selected {
			color:#f00;
		}
	*/
		/* submenu, it's hidden by default */
		/*#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}*/
		
		/*#nav ul li {
			width:100px; 
			float:left; 
			border:1px solid #e0e0e0;
			border-top:0px;
		}*/
		
		/* display block will make the link fill the whole area of LI */
		/*#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
			background:#FFF;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}*/

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		/**html #nav ul {
			margin:0 0 0 -2px;
		}
*/
.bl0{
	border-left:0px;
}

.tac{
	text-align:center;
}
.mt30{
	margin-top:30px;
}

#nav{
	height:42px;
}

#nav ul{
	margin:0px;
	padding:0px;
}

#nav ul li{
	list-style:none;
	display:inline;
	float:left;
}

#nav ul li a{
	display:block;
	padding:13px;
	color:#5e5f5e;
	text-decoration:none;
	background:url(../images/account-tab-devider.jpg) top right no-repeat;
}

#nav ul li a:hover{
	background:#333;
	color:#FFF;
	background:url(../images/menu-hover-strip.png) top left repeat-x;
}
#button {
	height: 42px;
	width: 135px;
	float:left;
	margin: 18px 14px;
	
}


.menu_class {
	border:0px solid #1c1c1c;
	
	
}

.the_menu {
	display:none;
	width:180px;
	border: 1px solid #d6d6d6;
	position:absolute;
z-index:100;
	
}

.the_menu li {
	background-color: #fff;
	list-style:none;
	border-bottom:dotted 1px #d6d6d6;

	
}

.the_menu li a {
	color:#7e7e7e; 
	text-decoration:none; 
	padding:5px; 
	display:block;
}

.the_menu li a:hover {
	padding:5px;
	font-weight:bold;
	color: #ff0000;
	background:#FFF;
}


/* dropdown menu */


ul.dropdown                         { position: relative; list-style:none;}
ul.dropdown li                      {  float: left; zoom: 1;  list-style:none; }
ul.dropdown a:hover		            { color: #fff;}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;  text-decoration:none; 
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #ec1b23; color: #000; position: relative; }
ul.dropdown li.hover a              { color: #000; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:100; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.left{
float:left;
}
.right{
float:right;
}
.mr18px{
margin-right:18px;
}


#siteseal
{
	height:78px;
	margin:0px 10px 10px 0px;
	display:block;
	float:right;
}