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

html { background: url(../images/common/bg_grid.png) repeat; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; }

body { background: url(../images/common/bg_grad.png) no-repeat; background-position:center top; margin:0; padding:0; /* Height is 100%, so the tiled BG will tile all the way down the page, not just as far down as the page's content (when the content's height < window's height) */ height:100%; }

/* Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as high as the window's viewport is; higher content (upon scrolling) will not have the bg. This "hack" makes the tiled background work properly in FF2. This type of "advanced selector" is not understood by IE6...dunno
'bout IE7. */
html>body { min-height:100%; height:auto; }

#outer { width:100%; position:relative; overflow: hidden; }

#stripe { background:url(../images/common/bg_strip.png) no-repeat; background-position:center top; width:2500px; height:947px; position:absolute; top:0; right:50%; padding:0; margin-right:-1250px; overflow:hidden; }

#homeJudo { background:url(../images/common/bg_home.png) no-repeat; background-position:center top; width:1600px; height:800px; position:absolute; top:130px; right:50%; padding:0; margin-right:-800px; overflow:hidden; }

img { border:none; }

#logo { float:left; }

.social_logo { float:left; }

#headerStripe { width:100%; height:10px; background-color:#4FA1CA; }

#container { margin: 0 auto; width: 960px; position:relative }

#header { width:960px; height:115px; padding:40px 0; }

#socialmedia { width:200px; height:65px; float:right; }

#mainContent { width:960px; }

#homeContent { padding:15px 0 30px 0; background:url(../images/common/bg_body.png) repeat; width:960px; float:left; }

.seperatorHead { border-bottom:dotted 1px #666; clear:both; height:3px; padding:1px 1px 2px 0; margin:42px 0 15px; }

.seperatorSub { border-bottom:dotted 1px #666; clear:both; height:3px; padding:1px 1px 2px 0; margin:22px 0 15px; }

.seperatorTbl { border-bottom:dotted 1px #666; clear:both; height:3px; padding:1px 1px 2px 0; margin:5px 0 5px; }

.seperatorFoot { border-bottom:dotted 1px #C8787B; clear:both; height:3px; padding:1px 1px 2px 0; margin:42px 0 15px; }

.seperator { border-bottom:solid 1px #666; clear:both; height:3px; padding:1px 1px 2px 0; margin:20px 0; }

.homeBtn { height:215px; width:290px; margin-right:30px; float:left; }

.homeBtnEnd { height:215px; width:290px; float:left; }

.homeBtnHdr { height:25px; width:270px; padding:10px; background-color:#4FA1CA; }

.homeBtnImg { height:170px; width:290px; }

.homeBtnTitle { height:25px; width:170px; float:left }

.homeBtnMore { height:15px; width:100px; margin-top:10px; font-size: 9px; color:#333333; font-weight:bold; text-align:right; float:left }

.homeBtnMore a { text-decoration:none; color:#333333; }

.homeBtnMore a:hover { text-decoration:none; color:#FFF; }

#footballmats { display: block; width: 290px; height: 170px; background: url("../images/btn_football.jpg") no-repeat 0 0; }

#footballmats:hover { background-position: 0 -170px; }

#footballmats span { position: absolute; top: -999em; }

#gymmats { display: block; width: 290px; height: 170px; background: url("../images/btn_gym.jpg") no-repeat 0 0; }

#gymmats:hover { background-position: 0 -170px; }

#gymmats span { position: absolute; top: -999em; }

#crashmats { display: block; width: 290px; height: 170px; background: url("../images/btn_crash.jpg") no-repeat 0 0; }

#crashmats:hover { background-position: 0 -170px; }

#crashmats span { position: absolute; top: -999em; }

.productImg { margin:15px 0 30px }

#footer { height:320px; background-color:#4A0046; width:100%; }

#footerInner { margin:0 auto; padding-top:20px; height:280px; width:960px; }

#footerInner img { margin-top:10px; }

.middle { margin:0 85px }

/*cw*/

#footerInner #cwBits { color:#C8787B; width: 255px; height:50px; float:right; text-align:right; margin:15px 0 30px 0; font-size: 11px; }

#footerInner #cwlink { width: 100px; height:18px; float:left; }

#footerInner #cwlink a { text-decoration:none; color:#C8787B; font-weight:normal; }

#footerInner #cwlink a:hover { text-decoration:underline; }

#footerInner #cwtext { width: 134px; height:18px; float:left; }

#footerInner .cw { width:16px; height:18px; overflow: hidden; float:left; padding-left:5px; }

#footerInner .cw img { border: none; margin:0; }

#footerInner .cw a:hover img { margin-top: -18px; }

/* full column layout*/
.col960 { width:930px; padding:0 14px 0 15px; float:left; }

.col960Outer { width:960px; padding:0; float:left; }

.col960Gallery { text-align:center; background-color:#000000; width:960px; padding:0; float:left; }

/*2 column layout*/

.col480 { width:450px; padding:0 14px 0 15px; float:left; }

/*3 column layout*/

.col320 { width:290px; padding:0 14px 0 15px; float:left; }

.col320Outer { width:320px; padding:0; float:left; }

.grey { background-color:#EBEAEB; min-height:500px; }

.col640 { width:610px; padding:0 14px 0 15px; float:left; }

.marginTop { margin-top:15px; }

.marginBottom { margin-bottom:20px; }

/*4 column layout*/

.col240 { width:210px; padding:0 14px 0 15px; float:left; }

.col480 { width:450px; padding:0 14px 0 15px; float:left; }

.col720 { width:690px; padding:0 14px 0 15px; float:left; }

/*custom columns*/

.col730 { width:700px; padding:15px 14px 30px 29px; float:left; background:url(../images/common/bg_body2.png) repeat; min-height:450px; border-left:dotted 1px #666; }

.col340 { width:340px; float:left; }

.margin20right { margin-right:20px; }

.distributorPod { width:340px; height:50px; background-color:#333; margin-bottom:15px; }

.distributorPodLogo { width:100px; height: 50px; background-color:#FFFFFF; float:left; }

.distributorPodCopy { width:220px; height:20px; padding:10px 10px 0; color:#FFF; font-size:11px; float:left; font-weight:bold; }

.distributorPodMore { width:220px; height:10px; padding:0 10px 10px; float:left; text-align: right; }

.distributorPodMore a { color:#4FA1CA; font-size:10px; text-align:left; font-weight:bold; text-decoration:none }

.distributorPodMore a:hover { text-decoration:underline }

/*text*/

h1 { font-size: 50px; color:#FFF; font-weight:normal; text-align:right }

h2 { font-size: 30px; color:#FFF; font-weight:bold; text-align:right; }

h3 { font-size: 24px; color:#FFF; font-weight:normal; text-align:left; }

h4 { font-size: 14px; color:#FFF; font-weight:normal; text-align:left; }

h5 { font-size: 14px; color:#C8787B; font-weight:normal; text-align:left; }

h6 { font-size: 14px; color:#4FA1CA; font-weight:normal; text-align:left; margin:0; padding:0 }

.script { font-size: 17px; color:#4FA1CA; font-weight:normal; font-style:italic; font-family:"Georgia", Times New Roman, Times, serif; text-align:right; margin-top:5px; line-height:150%; }

.titles { font-size: 17px; color:#4FA1CA; font-weight:normal; font-style:italic; font-family:"Georgia", Times New Roman, Times, serif; text-align:left; line-height:150%; }

p { font-size: 11px; color:#FFF; line-height:150%; font-weight:normal; }

#storage p { font-size: 11px; color:#FFF; line-height:150%; font-weight:normal; margin:0; padding:5px 0 }

.storageNum { font-size: 30px; color:#4FA1CA; font-weight:normal; text-align:left; }

#distributors p { font-size: 11px; color:#FFF; line-height:150%; font-weight:normal; margin:0; padding:5px 0 }

#footerInner p { margin-top:10px; }

#footerInner a { color: #FFF; font-weight:normal; text-decoration:none; }

#footerInner a:hover { text-decoration:underline; }

.col730 ul { margin-top:0; padding-left:20px }

.col730 li { font-size: 11px; color:#FFF; line-height:150%; font-weight:normal; margin-bottom:3px; }

a { text-decoration:none; color:#4FA1CA }

/*nav*/

#navcontainer { width:215px; height:450px; margin-bottom:30px; float:left; }

.borderRight { border-right:dotted 1px #666; }

#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: "verdana", arial, Helvetica, sans-serif; font-size:15px }

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a { display: block; padding: 5px 0; width: 180px; color: #fff; text-decoration: none; }

#navcontainer a:hover { color: #fff; text-decoration: none; }

#navcontainer a.active { color: #4FA1CA; }

#navcontainer ul ul { margin: 0 0 8px 0; }

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a { display: block; padding: 3px 5px 3px 30px; width: 180px; color: #CCCCCC; text-decoration: none; font-size:12px; /*font-weight:bold;*/ }

#navcontainer ul ul a:hover { color: #fff; ext-decoration: none; }

/* cycle pics */

#slideshow { }

.pics { width:700px; height:400px; overflow:hidden; padding:0; }

.pics img { top:0; left:0px; width:700px; height:400px; background-color:#333333}

/*contact form*/
#form_contact { }

#form_contact fieldset { border:none; margin:0; padding:0 }

#form_contact legend { color:#FFF }

#form_contact label { display:block; font-size: 11px; color:#FFF; line-height:150%; font-weight:normal;  }

#form_contact em { color:#990000; }

#form_contact .error { color:#f00 }

#form_contact input.copy[type=text] { margin:3px 0 15px; width:696px; height:20px; background-color:#333333; color:#FFFFFF; border:none; padding:2px;  }

#form_contact select { margin:3px 0 15px; }

#form_contact textarea { width:696px; height:100px; background-color:#333333; color:#FFFFFF; border:none; margin:3px 0 15px; padding:2px; }

#form_contact input[type=submit] { margin-top:15px; text-transform:capitalize }

/*recaptcha*/

.recaptchatable .recaptcha_image_cell, #recaptcha_table { color:#151515; background-color:#888 !important; //reCaptcha widget background color
}

#recaptcha_table { color:#151515; border:none !important; //reCaptcha widget border color
}

#recaptcha_response_field { color:#151515; border:none !important;  background-color:#ffffff !important;}

#recaptcha_response_field input[type=text] { color:#151515 !important;  }

/* feeds */
#feeds { font-size: small; font-family: arial, sans-serif; float: left; width: 600px; margin-top:10px;}
#feeds .gfc-control, #feeds .gfc-resultsHeader, #feeds .gfc-title{
	font-size: medium;
	font-weight: normal;
	color: #FFF;
	border:none;
	
}
#feeds .gfc-title{	display:none;}
.gfc-resultsHeader {border-bottom:none;}
.gf-title { color:#CF49C9; font-weight:bold }
.gf-title a:hover{ color:#FFF; }
.gf-snippet{color:#DDDDDD; font-size:12px; margin-top:5px;}
.gfc-control div { font-family: arial, sans-serif; }
.gfc-result .gf-title { font-size:12px}
.gf-relativePublishedDate, .gf-author{ font-size:12px}
#feeds .gfc-result { border-bottom:1px solid #4A0046; padding-bottom:10px; margin-bottom:25px }