/* CSS Document */

body {
	background:#ffffff url(bg5.png) repeat-x;
	background-position:0 68px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	color:#000;
	margin:0;
	padding:0;
}
a, a:visited, a:hover {
	color:#00F;
}



#page {
	width:980px;
	margin:0 auto;
	padding:0;
	border-bottom:2px solid #000;
}

#top-container {
	width:980px;
	display:block;
	margin:0;
	position:relative;
	padding:0;
	height:197px;
}

#header {
	height:197px;	
}


#top-statements, #title {
	width:670px;
	margin:auto;
	float:left;
	font-weight:bold;
}

#top-statements p {
	padding:0px;
	margin:0px;
}

#top-left {
	float:left;
	display:block;
	width:292px;
}

#creditcards {
	display:block;
	list-style:none;
	text-indent:-9999px;
	width:292px;
	margin:0px;
	height:30px;
	background:url(creditcards.png) no-repeat;
}

#top-right {
	float:right;
	display:block;
	text-align:right;
	width:270px;
}

.clear {
	line-height:1px;
	height:1px;
	clear:both;
	margin-bottom:0px;
}

.addthis {
	float:left;
	padding:10px 0;
	margin:0;
	width:310px;
}

#company {
	display:block;
	text-indent:-9999px;
	width:740px;
	float:left;
	margin:35px 0px 0px 10px;
	height:91px;
	background:url(logoheader.png) no-repeat;
}
/* IE6 fix */
* html #company {  background:url(logoheader.jpg) no-repeat;
}


#logo {
}

img.logo {
	position:absolute;
	top:10px;
	right:10px;
}
#area {
	border-left:2px solid #000;
	border-right:2px solid #000;
	background:#fff;
}

#navigation {
	margin:0;
	display:block;
	height:38px;
	width:976px;
	background:url(tabbg.gif) repeat-x top left;
	font-size:1.5em;
	padding:0;
	float:left;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

#navigation ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

#navigation li {
	display:inline;
	margin:0;
	padding:0;
}
#navigation ul a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#navigation ul a span {
	float:left;
	display:block;
	background:url(tabrightE.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#fff;
	margin:0 1px;
	cursor:pointer;
}

#navigation ul a:hover {
	background:url(navbg-hover.gif) repeat-x #feb523;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	
	
}
#navigation ul a:hover span {
	background:url(navbg-hover.gif) repeat-x #feb523;
	color:#fff;
	margin:0;
} 

.skipnavigation {
	display:none
}

#information {
	
}

#title-content {
	padding:0 0 0 65px;
	margin:0;
	line-height:inherit;
	color:#feb523;
	background:url(titlebg2.png) no-repeat bottom left;
	height:55px;
	width:675px;
	font-size:2.5em;
	font-weight:bold;
}
#title-content h1{
	font-size:1em;
}


#cart {
	float:right;
	font-size:1em;
	font-weight:bold;
	width:180px;
	padding:0 25px 0 25px;
	vertical-align:middle;
}
#cart img {
	float:left;
	padding:15px;
	border:0;
}

#cart a, #cart a:visited{
	text-decoration:none;
	color:#000;
}


#content {
	padding:0;
	margin:0;
	background:url(overall-contentbg.png) repeat-y center #fff;
	border-top:1px solid #000;
	

}

#search {
	color:#fff;
	display:block;
	padding:5px 15px 4px 6px;
	float:right;
	height:42px;
	font-size:.8em;
}

#search p {
	display:inline;
	padding:0;
	margin:0;
}

#search form {
	display:inline;
	vertical-align:middle;
}

.search-btn {
	border: none;
    background: url(submitSearch.png) no-repeat;
	cursor:pointer;
	width:24px;
	height:24px;
	vertical-align:middle;
}

.search {
	
	background:url(searchareabg.gif) repeat-x;
}

#navbuttons {
       width:770px;
       margin:0 auto;
       list-style:none;
       text-align: center;
	
}

#navbuttons li {
	   display:-moz-inline-box; /* <-------- add this */
       display:inline-block;
       width:220px;
       height:180px;
	   text-indent:0;
       padding:0;
       margin:0 10px;
       vertical-align: bottom; /* <----- add this */
}

/* IE6 fix */
* html #navbuttons li {display: inline;}

/* IE7 fix */
*+html #navbuttons li {display: inline;}

#navbuttons li a {
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	line-height:90px;
	color:#000;
	display:block;
	width:220px;
    height:180px;
	background : url(contentnavbuttons2.jpg) no-repeat;
	vertical-align: bottom;
	
}
#navbuttons li.gymnastics-cat a {
	background : url(gymnasticsnavbuttons.jpg) no-repeat;
}
#navbuttons li h1 {
     font-size:1em;
	 
}

#navbuttons li a.incline-mats {
       	background-position:0px 0px;
}
#navbuttons li a:hover.incline-mats {
       	background-position:0px -600px;
}
#navbuttons li.gymnastics-cat a.incline-mats {
       	background-position:0px 0px;
}
#navbuttons li.gymnastics-cat a:hover.incline-mats {
       	background-position:0px -400px;
}



#navbuttons li a.gym-mats {
       	background-position:-240px 0px;
}

#navbuttons li a:hover.gym-mats {
       	background-position:-240px -600px;
}
#navbuttons li.gymnastics-cat a.gym-mats {
       	background-position:-240px 0px;
}

#navbuttons li.gymnastics-cat a:hover.gym-mats {
       	background-position:-240px -400px;
}
#navbuttons li a.wall-pads {
       	background-position:-480px 0px; 
}
#navbuttons li a:hover.wall-pads {
       	background-position:-480px -600px
}
  

#navbuttons li a.wrestling-mat {
       	background-position:0px -200px;
}
#navbuttons li a:hover.wrestling-mat {
       	background-position:0px -800px;
}
#navbuttons li a.training-pits {
       	background-position:0px -200px;
}
#navbuttons li a:hover.training-pits {
       	background-position:0px -600px;
}
#navbuttons li a.gymnastics-mats {
	   	background-position:-240px -200px;
}

#navbuttons li a:hover.gymnastics-mats {
        background-position:-240px -800px;
}
#navbuttons li a.octagon-mat {
       	background-position:-240px -200px;
}
#navbuttons li a:hover.octagon-mat {
       	background-position:-240px -600px;
}

#navbuttons li a.exercise-mats {
       	background-position:-480px -200px;
}
#navbuttons li a:hover.exercise-mats {
       	background-position:-480px -800px;
}
#navbuttons li a.landing-mats {
       	background-position:-480px -200px;
}
#navbuttons li a:hover.landing-mats {
       	background-position:-480px -600px;
}

#navbuttons li a.martial-arts-mats {
       	background-position:0px -400px;
}
#navbuttons li a:hover.martial-arts-mats {
      	background-position:0px -1000px;
}

#navbuttons li a.curtains {
       	background-position:-240px -400px;
}
#navbuttons li a:hover.curtains {
       	background-position:-240px -1000px;
}
#navbuttons li a.goal-post-pads {
       	background-position:-480px -400px;
}
#navbuttons li a:hover.goal-post-pads {
       	background-position:-480px -1000px;
}

#products-sortby-genre {
		padding:0;
		margin:0 auto;
		
}
#buttons {

}

#bar {
	background:url(titlebg2.png) no-repeat bottom left;
	width:750px;
	margin:0 auto;
	float:left;
	height:30px;
}

.window {
	width:777px;
	border:solid 1px #929292;
	background:url(windowbg.png) repeat-x bottom left;
	margin:0 auto;
	padding:0;
}

.window-searchdetail {
	width:777px;
	border:solid 1px #929292;
	background:url(windowbg.png) repeat-x bottom left;
	margin:10px auto;
	padding:0;
}

.search-productName {
	float:right;
	padding:0;
	margin:0;
}
.window h2 {
	color:#929292;
	padding:0 0 0 20px;
	margin:0;
	font-size:1.9em;
	}
	
#genres {
	   width:675px;
       margin:0 auto;
       list-style:none;
       text-align: center;
      padding: 0 0 8px 0;
}

#genres li {
	display:-moz-inline-box;
      display:inline-block;
      padding:0 10px;
      margin: 3px 0;
      border-right: solid 1px #bbb;
 	vertical-align: bottom;
}


/* fix IE6 */
* html #genres li {display: inline;}
/* fix IE7 */
*+html #genres li {display: inline;}

/* #genres li:after {
	content: "|";

}
*/


#genres a {
	text-decoration:none;
	font-size:1em;
    color:#929292;
    margin: 0;
	font-weight:bold;
}


.divider {
	background:url(divider.gif) repeat-x;
	width:100%;
	height:3px;
}

.product-type {
	color:#b60001;
	font-size:1.3em;
	padding:0 125px;
	font-weight:bold;
}

.categories-genre {
	background:#fff;
}





.specific-products {

	   float:left;
       padding:10px;
	   width:200px;
	   list-style:none;
	   font-weight:bold;
       margin:0 10px;
       vertical-align: bottom; /* <----- add this */
}
.specific-products li a {
	text-decoration:none;
	display:block;
	width:200px;
	line-height:1.4em;
	color:#000;
	font-size:1em;
	vertical-align: bottom;
}
.specific-products li a:hover {
	border-bottom:2px solid #b60001;
	border-top:2px solid #b60001;
	padding-left:4px;
}

#window ul li a.selected {
	color:#b60001;
}

#genres a, #genres a:visited {
	color:#929292;
}

#genres a:hover {
	color:#feb523;

}

.category-picture, .catalog-picture, .factory-picture {
	border:1px solid #000;
}

.category-picture {
	float:right;
	margin:15px;
	padding:0;
	width:500px;
	background:url(connected-genres.jpg) top left;
	height:200px;
}
#cheerleading .category-picture {
	background-position:0px -200px;
}
#football .category-picture {
	background-position:0px -400px;
}
#gymnasium .category-picture {
	background-position:0px -600px;
}
#gymnastics .category-picture {
	background-position:0px -800px;
}
#home-use .category-picture {
	background-position:500px 0px;
}
#martial-arts .category-picture {
	background-position:500px -200px;
}
#wrestling .category-picture {
	background-position:500px -400px;
}
#yoga .category-picture {
	background-position:500px -600px;
}
.factory-picture {
	float:left;
	margin:70px 15px 10px 15px;
	width:298px;
	height:202px;
	background:url(factory.jpg) no-repeat;
}

.catalog-picture {
	float:left;
	margin:70px 15px 10px 15px;
	width:298px;
	height:202px;
	background:url(factory.jpg) no-repeat;
}

#manufacturer {
	width:777px;
	border:solid 1px #929292;
	background:url(windowbg2.png) repeat-x top left #fff;
	margin:25px auto;
	padding:0;
}
#get-to-know-us {
	width:425px;
	float:right;
}
.the-manufacturer {
	font-size:1.4em;
	padding:12px 0 0 0;
	margin:0px;
	font-weight:bold;
}

.factory-direct {
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	padding:10px 15px;
	margin:0;
	text-indent:2em;
	
}

.company-name {
	padding:0;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	text-indent:1.5em;
	color:#b60001;
	display:inline;
}

.search-thumbnail {
	float:left;
}
img.thumbnail {
	border:0;
	margin:0 15px;
}
.search-productdetail {
	width:450px;
	padding:0;
	margin:0;
	float:right;
	text-indent:3em;
}

#get-to-know-us a {
	color:#feb523;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	padding:0 60px;
}

#get-to-know-us a:hover {
		color:#b60001;

}

#official-products-bar {
	background:url(official-products-bar.gif) no-repeat center;
	width:776px;
	margin:25px auto 0 auto;
	height:120px;
	padding:25px;
}

#footer {
	background:url(footerbg.png) repeat-x top #bb0001;
	margin:0;
	padding:110px 0 0 0;
}

#footer-nav {
	width:745px;
	margin:0 auto 0 auto;
	padding:10px 10px 10px 10px;
	border:solid 1px #000;
	
	background:url(windowbg2.png) repeat-x top left #fff;
}

#copyright  p{
	padding:15px;
	margin:0;
	font-size: .7em; font-family: Arial,Helvetica,sans-serif;
	color:#fff;
	text-align:center;
}

#about-us, #customer-service, #my-account {
	float:left;
	display:block;
	padding:10px;
	width:120px;
	border-right:solid 1px #000;
	
	
}

#shop-with-confidence {
	float:left;
	display:block;
	padding:10px 0 0 10px;	
}

#footer-nav li a{
	font-size:.7em;
	color:#00F;
}

#footer-nav li a:hover, #footer-nav strong a:hover{
	text-decoration:none;
	color:#000;
}
#footer-nav li {
	padding:0;
	margin:0;
}
#footer-nav strong {
	padding:0;
	margin:0;
	font-size:.9em;
}
#footer-nav a {
	padding:0;
	margin:0;
	color:#000;
	text-decoration:none;
}

#about-us ul, #customer-service ul, #my-account ul, #shop-with-confidence ul {
	list-style:none;
	margin:0;
	padding:0;
}

	.addedToCart {
		background-color:#FFFAF4;
		border:1px solid #E2A269;
		margin-bottom:15px;
		color:#333333;
		padding:5px;
		vertical-align:middle;
		}
	.addedToCart A:link, .addedToCart A:visited, .addedToCart A:hover, .addedToCart A:active{
		color:#333333
		}	
	#tabcontainer {
		
		position:relative;
       	width:660px;
		margin:0 auto;
		color:#ffffff;
	}
	.tab_on {
		color:#fff;
		font-weight:bold;
		text-align:center;
		margin-top:10px;
		border:solid 1px #000;
		width:212px;
		padding:3px;
		float:left;
		display:inline;
		background:url(navbg1.gif) repeat-x;
		}
	.tab_off {
		font-weight:normal;	
		text-align:center;
		margin-top:10px;
		border:solid 1px #fff;
		border:solid 1px #000;

		width:212px;
		color:#bb0001;
		padding:3px;
		font-weight:bold;
		float:left;cursor:pointer;
		display:inline;
		background:url(windowbg2.png) repeat-x top left #fff;
		}	
	#descriptioncontainer {
		width:658px;
		position:relative;
		margin:0 auto;
		
	}	
	.div_on {
		padding:0;margin-bottom:10px;text-align:left;display:inline;
		}	
	.div_off {
		padding:0;margin-bottom:10px;text-align:left;display:none;
		}	
		
.product-detail {
	padding:0 25px;
	margin:10px 0;
}
.window2 {
	border-right:solid 1px #929292;
	border-left:solid 1px #929292;
	border-bottom:solid 1px #929292;
	background:url(windowbg.png) repeat-x bottom left #fff;
	padding:0;
}
.window3 {
	width:500px;
	border:solid 1px #929292;
	background:url(windowbg.png) repeat-x bottom left;
	margin:25px auto;
	padding:20px 0 20px 20px;
}

.price {
	color:#00f;
	font-size:1.2em;
	text-indent:0;
	padding:10px;
}

#briefdescription, #longdescription, #specsdescription {
	padding:25px;
	text-indent:1em;
}

.attributes {
	float:right;
	width:300px;

}
.product-photo {
	float:left;
	width:300px;
}
.window4 {
	width:747px;
	margin:0 auto;
	padding:0 15px;
	text-indent:1em;
}
.window4 h2{
	padding-top:-5px;
}
.social {
	width:249px;
	float:left;
}