@charset "utf-8";

/*<!--
__________                            .__
\____    /____    ____ _____________  |  |__
  /     /\__  \  /    \\___   /\__  \ |  |  \
 /     /_ / __ \|   |  \/    /  / __ \|   Y  \
/_______ (____  /___|  /_____ \(____  /___|  /  .com
        \/    \/     \/      \/     \/     \/

ZanzahZeref@gmail.com
-->*/

body {
   font: 14px Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
    background-image:url(images/bg.jpg);
   background-repeat:no-repeat;
   background-position: center top;
   background-repeat:no-repeat;
   background-attachment:fixed;
   margin: 0;
   padding: 0;
   background-color:#000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
   padding: 0;
   margin: 0;
}
h1, h2, h3, h4, h5, h6 {
   color: #FFF;
}



p {
   margin:.25em 0 .5em 0
}

a img {
   border: none;
}

/* link styling */
a:link {
   color: #F7941E;
   text-decoration: none;
}

a:visited {
   color: #F7941E;
   
   text-decoration: underline;
}

a:hover, a:active, a:focus { 
   color: #FFFFFF;
   text-decoration: none;
}

#FooterZcom {
  height: 35px;
  padding-right: 15px;
  float: left;
  width: 465px;
}
#FooterZcom a:link{
  color:#05c3f9;
}
#FooterZcom a:hover, .FooterZcom a:active{
  color:#fff;
}

/* this container is only for the larger 1192px tacinelli logo at top */
.container-top  {  
   margin: 0px auto; 
   padding: 0px;
   background-position: center;
   background-repeat: no-repeat;
    border: 0px;
   width: 1192px;
   background-image: url(images/tacinelli-logo.png);
   height: 83px;
   background-position: center;
   background-repeat: no-repeat;

   
}


/* ~~ This fixed width container surrounds all other divs ~~ */

.container {
   width: 960px;
   margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}


/* this header contains the active elements of the header, below the tacinelli logo */
/* new header 2011 */
#wrap { width: 960px; margin: 0 auto;}
/* .header-logo-1 { width: 960px; height: 96px; margin: 0 auto; background:  url("images/header-tacinelli-sports-logo-1.jpg"); text-indent: -7000px; text-decoration: none; background-position: 0px 0px; background-repeat:no-repeat; float: left; } */
 
<!-- .header-logo-1 { width: 960px; height: 96px; margin: 0 auto; text-indent: -7000px; text-decoration: none; font-size: 8px; clear: both; background:  url("images/header-tacinelli-sports-logo-1.jpg"); float: left; } -->

.header-logo-2 { width: 960px; height: 99px; margin: -10px 0 10px 0; text-indent: -7000px; text-decoration: none; font-size: 8px; clear: both; background: url("images/header02.jpg"); float: left; }



hr {
   height: 1px;
   color: #FFFFFF;
   background-color: #FFFFFF;
   border: #FFFFFF;
   margin-top: 15px;
   margin-bottom: 10px;
 }

/* Begin Cuber Styles */
.cu3er_resize { width:960px; height:250px; margin:0 auto; padding: 0 0 20px 0; }
#cu3er-container { width:960px; height:250px; outline:0; }

/* Cuber Styles End */



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


.sidebar-tw {
   margin: 20px 15px 0 0px;
   padding-right: 15px;
   float: left;
   width: 300px;
/* width: 299px; */
   height: 387px;
/* border-right: solid;
   border-right-color: #999;
   border-right-width: 1px; */
   }

.sidebar-emhe {
   margin-top: 51px;
   margin-right: 15px;
   width: 300px;
/* width: 299px; */
   height: 128px;
   float: left;
   background-image: url(images/extreme-makeover.jpg);
   background-repeat: no-repeat;

   
   -moz-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-top-right-radius: 5px;
   border-top-right-radius: 5px;

   }

.sidebar-emhe a{
margin-top: 51px;
   margin-right: 15px;
   background-image: url(images/extreme-makeover.jpg); 
   display: block; 
   float: left; 
   margin: 0px; 
   width: 300px; 
   height: 128px; 
   text-indent: -7000px; 
   text-decoration: none; 
   background-position: 0px 0px; 
   }
   
.sidebar-emhe a:hover { 
   background-position:  0px -128px; 
   }



.sidebar-mc a{
   background-image: url(images/man-caves.jpg); 
   display: block; 
   float: left; 
   margin: 0px; 
   width: 300px; 
   height: 203px; 
   text-indent: -7000px; 
   text-decoration: none; 
   background-position: 0px 0px; 
   }
   
.sidebar-mc a:hover { 
   background-position:  0px -203px; 
   }

.sidebar-tv {
   margin-right: 15px;
   margin-top: 20px;
   width: 300px;
/* width: 299px; */
   height: 387px;
   float: left;
   background-image: url(images/videobg.jpg);
   background-repeat: no-repeat;
/* border-right: solid;
   border-right-color: #999;
   border-right-width: 1px; */
   
   -moz-border-radius: 5px;
   border-radius: 5px;
   
   }

/* Scrolling JavaBar by D.B. START */
.tech-slideshow {
  height: 250px;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
   -ms-transform: translate3d(0px,0px,0px);
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  height: 250px;
  width: 6010px;
  background: url(http://tacinellisports.com/BACKUP/images/JBannerREDUX.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;  
   -ms-transform: translate3d(0px,0px,0px);
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tech-slideshow .mover-1 {
     -webkit-animation: moveSlideshow 20s linear infinite;
    animation: moveSlideshow 20s linear infinite;

}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -250px;
   -webkit-animation: moveSlideshow 22s linear infinite;
  animation: moveSlideshow 22s linear infinite;

}
.tech-slideshow:hover .mover-2 {
  opacity: 1;
}

@-webkit-keyframes moveSlideshow {
  100% { 
   -ms-transform: translateX(-66.6666%);  
   -webkit-transform: translateX(-66.6666%);  
   -moz-transform: translateX(-66.6666%);  
   -o-transform: translateX(-66.6666%);  
   transform: translateX(-66.6666%);  
    
  }
}
@keyframes moveSlideshow {
  100% { 
   -ms-transform: translateX(-66.6666%);
   -webkit-transform: translateX(-66.6666%);  
   -moz-transform: translateX(-66.6666%);  
   -o-transform: translateX(-66.6666%);  
   transform: translateX(-66.6666%);  
    
  }
}
/* Scrolling JavaBar END */

.video {
   float: left;
   padding-left: 0px;
   padding-top: 61px;
}

.mancavestext {
   width: 276px;
   margin: 0px auto;
   float:right;
   padding-right: 5px;
   padding-top: 7px;
   height: 78px;
   
}

.bars {
   float: left;
   width: 960px;
   margin: 0 auto;
}

.bars2 {
   float: left;
   width: 960px;
   margin: 0 auto;
   padding-bottom: 5px;
}
.aboutusbg {
   width:960px;
   height:300px;
   float:left;
   background-image:url(images/about-us-trans-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   padding-top: 15px;
}
.aboutus {
   width:710px;
   float:left;
   padding-bottom:10px;
   padding-top: 60px;
   height: 200px;
   padding-left: 125px;
   padding-right: 125px;
   line-height: normal;
}
.compstorybg {
   width:960px;
   height:391px;
   float:left;
   background-image:url(images/company-story-trans-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   padding-top: 18px;
   background-image: url(images/company-story-trans-bg.png);
   background-position: center;
}
.compstory {
   width:710px;
   float:left;
   padding-bottom:10px;
   padding-top: 50px;
   height: 320px;
   padding-left: 125px;
   padding-right: 125px;
   line-height: normal;
}
.whitediv {
   width:960px;
   height:2px;
   background-color:#CCC;
   float:left;
}
.missionstatebg {
   width:960px;
   height:150px;
   background-image:url(images/mission-statement-trans-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   float: left;
}

.missionstate {
   width:710px;
   float:left;
   padding-bottom:10px;
   padding-top: 65px;
   height: 70px;
   padding-left: 125px;
   padding-right: 125px;
   line-height: .5;
}


.gvbg {
   width:960px;
   height:750px;
   background-image:url(images/governing-values-trans-bg.png)
   background-position:center;
   background-repeat:no-repeat;
   float: left;
   background-image: url(images/governing-values-trans-bg.png);
   background-position: center;
   padding-top: 55px;
}

.gv {
   float:left
   width:960px;
   padding-top: 5px;
   padding-left: 125px;
   padding-right: 125px;
   height: 720px;
   padding-bottom: 20px;
   line-height: 13pt;
}


.MCAVESbg {
   width:960px;
   height:400px;
   background-image:url(images/MCAVESbg.png)
   background-position:center;
   background-repeat:no-repeat;
   float: left;
   background-image: url(images/MCAVESbg.png);
   background-position: center;
   padding-top: 55px;
}

.MCAVES {
   float:left
   width:960px;
   padding-top: 5px;
   padding-left: 125px;
   padding-right: 125px;
   height: 400px;
   padding-bottom: 20px;
   line-height: 13pt;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
   padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
   padding-top: 100px;
   padding-top: 100px;
   padding-top: 100px;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
   
}
ul.nav li {
   border-bottom: 1px solid #666; /* this creates the button separation */
}
   padding: 5px 5px 5px 15px;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
   display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
   width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
   text-decoration: none;
   background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
   background: #ADB96E;
   color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
   position: relative;/* this gives IE6 hasLayout to properly clear */
   display: block;
   clear: both;
   background-color:#333;
   width: 960px;
   height: 80px;
   margin-top: 0px;
}

.footleft {
   float:left;
   width: 480px;
   height: 72px;
   color: F7941D;
   padding-top: 8px;
   pointer-events: none;
}
   
.footright {
   float:left;
   width: 480px;
   height: 80px;
   color: #FFF;
}

.bottomnav {
   height:25px;
   padding-top: 10px;
}

.btmcopyright {
   height:25px;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your top. The floated element must precede the element it should be next to on the top. */
   float: right;
   margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your top. The floated element must precede the element it should be next to on the top. */
   float: left;
   margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
/* Modal Popups */
#modalPage {
   display: none;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
}

.modalBackground {
    filter: Alpha(Opacity=40);
   -moz-opacity:0.4;
   opacity: 0.4;
    width: 100%; height: 100%;
   background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalContainer {
   position: absolute;
   width: 302px;
   left: 592px;
   top: 313px;
   z-index: 750;
}

.modal {
   background-color: white;
   border: solid 4px black;
   position: relative;
   top: -150px;
   left: -150px;
   z-index: 1000;
   width: 500px;
   height: 400px;
   padding: 0px;
}

.modalTop {
   width: 492px;
   background-color: #F4971D;
   padding: 4px;
   color: #ffffff;
   text-align: right;
   font-size: 12px;
   height: 18px;
}

.modalTop a, .modalTop a:visited {
    color: #ffffff;
}

.modalBody {
   width: 500px;
   height: 370px;
   background-color: #333;
   color: #FFF;
   padding: 5px 0px 0px 0px;

}

/* Form Styles */

input {
   background-color: #23408E;
   color:#F4971D;
}

textarea {  
  background-color: #23408E;
  color:#F4971D;   
}

form {  
  border: 2px solid #23408E;  
  padding: 5px;  
}

/* css for new header */

.cont1192px {
   margin: 0px auto; border: 0px; width: 1192px; height: 142px;
   }
   
.cont960px {
   clear: both; width: 960px; margin: auto;
   }
   

.conttac {
   display: block; background: url(images/tacinelli.png); height: 142px; width: 460px; float: left; text-indent: -7000px;
   }

.pnumber {
   margin: 65px 116px auto; color: white; float: right; font-family: helvetica; font-size: 24px; pointer-events: none;
   }
   
.menuitems {
   color: white; width: 616px; height: auto; margin-right: 116px; float: right; text-align: right; position: relative; top: 25px;
   }
   
   
.blueline {
   float: left; margin: 3px 0 0 59px; width: 1017px; height: 4px; background: url(images/blueline.png); color: white; text-indent: -7000px;
   }
   
   
.contsports {
   margin: 0px auto; height: 100px; width: 960px; background: url(images/sports.jpg); color: white; text-indent: -7000px;
   }
   
   /* ----------  MIDDLE BOXES  -------------*/ 

.one_third_box { width: 300px; display: block; float: left; }
.otb_left { margin: 0px; } .otb_middle { margin: 0px 30px; } .otb_right { margin: 0px; }

.fp_sportsequip a, .fp_courtlines a, .fp_sportsfloors a { border-radius: 5px; -moz-border-radius: 5px; width: 300px; height: 150px; display: block; text-indent: -7000px; text-decoration: none; background-position: 0px 0px; margin: 0px 0 30 0;}
.fp_sportsequip a:hover, .fp_courtlines a:hover, .fp_sportsfloors a:hover { background-position: 0px -150px; }
.fp_sportsequip a { background-image: url(images/sports-equipment.jpg); }
.fp_courtlines a { background-image: url(images/courtlines.jpg); }
.fp_sportsfloors a { background-image: url(images/sports-floorsEDIT.jpg); }

.fp_shopbanner a { border-radius: 5px; -moz-border-radius: 5px; width: 960px; height: 135px; display: block; text-indent: -7000px; text-decoration: none; background-position: 0px 0px; margin: 0px 0 30 0;}
.fp_shopbanner a { background-image: url(images/ONLINESTOREBANNERsm2.png); }
   

/* ----------  SOCIAL MEDIA LINKS  -------------*/ 

.container-soc {
   float: left;
   width: 960px;
   margin: 3px 0 3px 5px;
}

.cont-img { display: block; float: left; margin: 0px; } 

.img-mc a, .img-tw a, .img-fb a, .img-ins a, .img-fi a { height: 42px; display: block; text-indent: -7000px; text-decoration: none; background-position: 0px 0px; }
.img-mc a:hover, .img-tw a:hover, .img-fb a:hover, .img-ins a:hover, .img-fi a:hover { opacity: 0.6; }
.img-mc a { background-image: url(images/img-mancaves.png); width: 250px; }
.img-tw a { background-image: url(images/img-twitter100px.png); width: 100px; }
.img-fb a { background-image: url(images/img-facebook100px.png); width: 100px; }
.img-ins a { background-image: url(images/img-instagram100px.png); width: 100px; }
.img-fi a { background-image: url(images/img-financing.png); width: 410px; }

/* --------------begin calendar sign up --------------*/

.img-cal a { background-image: url(images/calendar-form-bg.jpg); display: block; float: left; margin: 0px; width: 300px; height: 387px; text-indent: -7000px; text-decoration: none; background-position: 0px 0px; -moz-border-radius: 5px;
border-radius: 5px;}

.img-cal a:hover { background-position:  0px -387px; }



.sidebar-cal {
   float: right;
   width: 300px;
   height: 387px;
   text-indent: -7000px;
   margin-top: 20px;
   margin-bottom: 20px;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;

   }
   
.sidebar-cal-cont {
   width: 300px;
   margin: 0px auto;
   }
   

.sidebar-cal-top a{
margin-top: 51px;
   margin-right: 15px;
   background-image: url(images/Tracy-Anderson-on-Studio-Floor.jpg); 
   display: block; 
   float: left; 
   margin: 0px; 
   width: 300px; 
   height: 387px; 
   text-indent: -7000px; 
   text-decoration: none; 
   background-position: 0px 0px; 
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-bottom-right-radius: 5px;
   -moz-border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   }
   
.sidebar-cal-top a:hover { 
   background-position:  0px -387px; 
   }

.sidebar-cal-bot a{
   background-image: url(images/calendar-facebook.jpg); 
   display: block; 
   float: left; 
   margin: 0px; 
   width: 300px; 
   height: 187px; 
   text-indent: -7000px; 
   text-decoration: none; 
   background-position: 0px 0px; 
   -moz-border-bottom-right-radius: 5px;
   -moz-border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   }
   
.sidebar-cal-bot a:hover { 
   background-position:  0px -187px; 
   }


/* PRODUCTS STYLE SHEET */


.whitediv {
   width:960px;
   height:2px;
   background-color:#CCC;
   float:left;
}

.sportsequipmenthead {
   float:left;
   width:960px;
   height:50px;
   background-image:url(images/sports-equipment-head.png);
   background-repeat:no-repeat;
}

.sportsequipmentbody {
   float:left;
   width:960px;
   height:640px;
   background-image:url(images/sports-equipment-body.png);
   background-position:center;
   background-repeat:no-repeat;
}

.sportsequipmentbodypadding {
   width:840px;
   height:530px;
   float:left;
   padding-top: 50px;
   padding-bottom: 40px;
   padding-left: 60px;
   padding-right: 60px;
}

.SE-col-1 {
   float:left;
   width:280px;
   height:530px;
}

.SE-col-2 {
   float:left;
   width:280px;
   height:530px;
}

.SE-col-3 {
   float:left;
   width:280px;
   height:530px;
}

.splitter1 {
   float:left;
   height:250px;
   width:280px;
   padding-bottom: 15px;
}

.splitter2 {
   float:left;
   height:250px;
   width:280px;
   padding-top: 15px;
}

.backtoproducts-SFS {
   float:left;
   height:30px;
   width: 950px;
   padding-top: 10px;
   padding-left: 10px;
   
}

.backtoproducts-CRTLINES {
   float:left;
   height:38px;
   width: 950px;
   padding-top: 62px;
   padding-left: 10px;
}

.backtoproducts-SE {
   float:left;
   height:25px;
   width: 950px;
   padding-top: 15px;
   padding-left: 10px;
}

.backtoproducts-basket {
   float:left;
   height:25px;
   width: 950px;
   padding-top: 15px;
   padding-left: 10px;
}

.backtoproducts-padding {
   float:left;
   
   width: 960px;
   padding-top: 14px;
}

.backtoproducts-netting {
   float:left;
   height:30px;
   width: 950px;
   padding-top: 16px;
   padding-left: 10px;
}

.backtoproducts-SFC {
   float:left;
   height:30px;
   width: 950px;
   padding-top: 16px;
   padding-left: 10px;
}

.backtoproducts-volleyball {
   float:left;
   height:30px;
   width: 950px;
   padding-top: 15px;
   padding-left: 10px;
}

.backtoproducts-bleachers {
   float:left;
   height:35px;
   width: 950px;
   padding-top: 18px;
   padding-left: 10px;
}

.productsmainbg {
   width:960px;
   float:left;
   height:230px;
   background-image:url(images/main-products-bar.png);
   
   background-repeat:no-repeat;
}

.productsmain {
   float: left;
   width: 960px;
   height: 230px;
   padding-top: 75px;
}

.prod-left {
   float:left;
   width:300px;
   height:338px;
   padding: 0px 6px 0px 6px;
}

.prod-center {
   float:left;
   width:300px;
   height:338px;
   padding: 0px 6px 0px 6px;
}

.prod-right {
   float:left;
   width:300px;
   height:338px;
   padding: 0px 6px 0px 6px;
}

.productsmainwoodbg {
   width:960px;
   float:left;
   height:500px;
   background-image:url(images/sportsfloorsystems.png);
   background-position:center;
   background-repeat:no-repeat;
}

.productsmainwood {
   float: left;
   width: 900px;
   height: 390px;
   padding: 25px 40px 20px 40px;
}

.armageddonbg {
   float:left;
   width:180px;
   height:410px;
   background-image: url(images/armageddon180.png);
   background-position: center;
   background-repeat: no-repeat;
}

.armageddon {
   float:left;
   width:180px;
   height:201px;
   padding: 200px 10px 5px 10px;
   line-height: normal;
}

.arpeggiobg {
   float:left;
   width:180px;
   height:410px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(images/arpeggio180.png);
}

.arpeggio {
   float:left;
   width:180px;
   height:201px;
   padding: 200px 10px 5px 10px;
   line-height: normal;
}

.legno-gallabg {
   float:left;
   width:180px;
   height:410px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(images/legno-galla180.png);
}

.legno-galla {
   float:left;
   width:180px;
   height:201px;
   padding: 200px 10px 5px 10px;
   line-height: normal;
}

.leggerobg {
   float:left;
   width:180px;
   height:410px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(images/leggero180.png);
}

.leggero {
   float:left;
   width:180px;
   height:201px;
   padding: 200px 10px 5px 10px;
   line-height: normal;
}


.DIYsubfloorbg {
   float:left;
   width:180px;
   height:410px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(images/DIYsubfloor180.png);
}

.DIYsubfloor {
   float:left;
   width:160px;
   height:201px;
   padding: 200px 10px 5px 10px;
   line-height: normal;
}

.productsmainwood2 {
   float:left;
   width: 880px;
   height: 390px;
   padding: 15px 40px 20px 40px;
}

.tracybanner-900-top a{
margin-top: 51px;
   margin-right: 15px;
   background-image: url(images/tracybanner900.png); 
   display: block; 
   float: left; 
   margin: 0px; 
   width: 900px; 
   height: 390px; 
   text-indent: -7000px; 
   text-decoration: none; 
   background-position: 0px 0px; 
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-bottom-right-radius: 5px;
   -moz-border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   }
   
.infoboxbg {
   float:left;
   width:960px;
   height: 240px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(images/SFS-info-box.png);
}

.infobox {
   float:left;
   width:410px;
   height:200px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 275px;
   padding-right: 275px;
   line-height: normal;
}

.basketball-backstops-bg {
   float:left;
   width:960px;
   height:900px;
   background-image: url(images/basketball-backstops.png);
   background-position: center;
   background-repeat: no-repeat;
}

.basketball-backstops-body {
   float:left;
   width:920px;
   height:650px;
   padding: 190px 20px 20px 20px;
}

.sports-floor-covers-bg {
   float:left;
   width:960px;
   height:900px;
   background-image:url(images/sports-floor-covers.png);
   background-position:center;
   background-repeat:no-repeat;
}

.sports-floor-covers-body {
   float:left;
   width:920px;
   height:700px;
   padding: 130px 20px 20px 20px;
}

.netting-batting-cages-bg {
   float:left;
   width:960px;
   height:900px;
   background-image:url(images/netting-batting-equipment.png);
   background-position:center;
   background-repeat:no-repeat;
}



.netting-batting-cages-body {
   float:left;
   width:920px;
   height:665px;
   padding: 165px 20px 20px 20px;
}

.quikup-logo {
   float:left;
   height:140px;
   width:460px;
   line-height: normal;
}

.quikup-text {
   float:right;
   height:140px;
   width:460px;
   line-height: normal;
}

.padding-bg {
   float:left;
   width:960px;
   height:900px;
   background-image:url(images/padding.png);
   background-position:center;
   background-repeat:no-repeat;
}

.padding-body {
   float:left;
   width:920px;
   height:680px;
   padding: 200px 20px 20px 20px;
}

.volleyball-setups-bg {
   float:left;
   width:960px;
   height:900px;
   background-image:url(images/volleyball-setups.png);
   background-position:center;
   background-repeat:no-repeat;
}

.volleyball-setups-body {
   float:left;
   width:920px;
   height:680px;
   padding: 150px 20px 20px 20px;
}

.bleachers-benches-bg {
   float:left;
   width:960px;
   height:905px;
   background-image:url(images/bleachers-benches.png);
   background-position:center;
   background-repeat:no-repeat;
}

.bleachers-benches-body {
   float:left;
   width:920px;
   height:680px;
   padding:200px 20px 20px 20px;
}
.logobar {
   background-image:url(images/logo-bar.png);
   background-position:center;
   background-repeat:no-repeat;
   width:960px;
   height:210px;
}

.container-clsf {
   width: 960px;
   height: 540px;
   margin: 0 auto;
}

.vimeo-bg
   {
   width:640px;
   height:380px;
   float:left;
   margin-top: 0px;

}
   
.row1-rt-bg {

   width: 320px;
   height: 348px;
   margin-top: 31px;
   float: left;
   background-image: url(images/1-1-bg.png);
   -moz-border-radius: 10px;
   border-radius: 10px;
   
}

.row1-rt {

   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   
   }



.CRTLINE-BG {
   float:left;
   margin: 0px auto;
   background-image:url(images/courtlines-head.png);
   background-position:center;
   background-repeat:no-repeat;
   height:100px;
   width:960px;
}

.CRTLINE-LOGO-COL-1 {
   width:300px;
   height:875px;
   float:left;
   padding-right: 10px;
   padding-left: 0px;
}

.CRTLINE-LOGO-COL-2 {
   width:300px;
   height:870px;
   float:left;
   padding: 0px 10px 0px 10px;
}


.CRTLINE-1-1-bg {
   width: 300px;
   height: 190px;
   padding-bottom: 20px;
   background-image: url(images/1-1-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   
}

.CRTLINE-1-1 {
   width: 290px;
   padding: 20px 5px 0px 5px;
   height: 190px;
   line-height: normal;
}




.CRTLINE-1-2-bg {
   height: 340px;
   padding-bottom: 20px;
   width: 300px;
   background-image: url(images/1-2-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   margin-top: 10px;
}

.CRTLINE-1-2 {
   
   padding: 230px 10px 0px 20px;
   line-height: normal;
}




.CRTLINE-1-3-bg {
   height: 460px;
   width: 300px;
   background-image: url(images/1-3-bg.png);

   background-repeat: no-repeat;
   margin-top: 20px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}


.CRTLINE-1-3 {

   padding: 238px 10px 0px 20px;
   line-height: normal;
}

.CRTLINE-1-3a-bg {
   height: 360px;
   width: 320px;
   background-image: url(images/3-1-a-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-bottom: 20px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}


.CRTLINE-1-3a {
   height: 100px;
   padding: 220px 20px 0px 20px;
   line-height: normal;
}

.CRTLINE-2-1-bg {
   height: 340px;
   margin-top: 10px;
   margin-bottom: 20px;
   padding-bottom: 20px;
   width: 300px;
   background-image: url(images/2-1-bg.png);
   -moz-border-radius: 10px;
   border-radius: 10px;

}

.CRTLINE-2-1 {
   padding: 228px 20px 0px 20px;

   line-height: normal;
}

.CRTLINE-2-2-bg {
   height: 460px;
   width: 300px;
   background-image: url(images/2-2-bg.png);
   background-position: center;
   background-repeat: no-repeat;
}



.CRTLINE-LOGO-COL-3 {
   width:300px;
   height:875px;
   float:left;
   margin-left: 10px;

}

.CRTLINE-3-1-bg {
   height: 170px;
   padding-bottom: 20px;
   background-image: url(images/3-1-bg.png);
   background-position: center;
   background-repeat: no-repeat;
}

.CRTLINE-3-2-bg {
   padding-bottom: 20px;
   height: 240px;
   width: 300px;
   background-image: url(images/3-2-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   line-height: normal;
}

.CRTLINE-3-3-bg {
   height: 460px;
   width: 320px;
   background-image: url(images/3-3-bg.png);
   background-repeat: no-repeat;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.CRTLINE-2-2 {
   padding: 240px 5px 0px 5px;
   height: 220px;
   line-height: normal;
}

.CRTLINE-3-1 {
   padding: 30px 10px 20px 10px;
   height: 140px;
}

.CRTLINE-3-2 {
   padding: 30px 10px 10px 20px;
   height: 210px;
}

.CRTLINE-3-3 {
   


}

/* page specific div styles end here */

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
   padding: 0 15px 15px 40px;
   padding-top: 100px;
   padding-top: 100px;
   padding-top: 100px;
}

ul.nav {
   
}
ul.nav li {
   border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
   padding: 5px 5px 5px 15px;
   display: block; 
   width: 160px; 
   text-decoration: none;
   background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
   background: #ADB96E;
   color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
   clear: both;
   background-color:#333;
   width: 960px;
   height: 80px;
}

.footleft {
   float:left;
   width: 480px;
   height: 72px;
   color: F7941D;
   padding-top: 8px;
}
   
.footright {
   float:left;
   width: 480px;
   height: 80px;
   color: #FFF;
}

.bottomnav {
   height:25px;
   padding-top: 10px;
}

.btmcopyright {
   height:25px;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {
   float: right;
   margin-left: 8px;
}
.fltlft {
   float: left;
   margin-right: 8px;
}
.clearfloat {
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

/* GALLERY CSS -----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/



.galleryhead {
   float:left;
   width:960px;
}

.gallerydisplay {
   float:left;
   width:960px;
   height:525px;
   background-image: url(images/gallery-pic-frame.png);
   background-position: center;
   background-repeat: no-repeat;
}

.galleryimgbar {
   float:left;
   width:960px;
   height:160px;

   background-repeat: no-repeat;
   background-image: url(images/gallery-pic-strip.png);
}




/* STORE CSS -----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

.store-cont {
   float:left;
   width:960px;

   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.store-top {
   float:left;
   width:960px;
   height:60px;
   margin-bottom: 20px;
   background-image:url(images/Store.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.store-cont2 {
   float:left;
   width:960px;
   padding-bottom: 10px;
   background-image:url(images/store-bg.png);
   background-position:center;
   background-repeat: repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

.store-back {
   margin: 5px 0 0 5px;
}

.store-one-third-left{
   
   float:left;
   width:214px;
/* height:214px; */
   margin: 10px 0 0 160px;
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   
}

.store-one-third-left-tn{
   
   float:left;
   width:214px;
/* height:214px; */
   margin: 10px 0 0 120px;
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}


.store-item-img {
   float:right;
   background-color:#FFFFFF;
   width: 194px;
   height: 194px;
   margin: 5px;
   padding: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }

.store-item-img-tn {
   float:right;
   background-color:#FFFFFF;
   width: 97px;
   height: 97px;
   margin: 5px;
   padding: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }

.store-two-thirds-right{
   float:left;
   width:426px;
/* height:210px; */
   padding: 20px 10px 10px 20px;
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}


.store-item-bar {
   float:left;
   width:960px;
   height: 100px;
   margin-top: 15px;
   padding-bottom: 10px;
   background-image:url(images/store-bg.png);
   background-position:center;
   background-repeat: repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}







/* page specific div styles end here   */

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
   padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
   padding-top: 100px;
   padding-top: 100px;
   padding-top: 100px;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
   
}
ul.nav li {
   border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
   padding: 5px 5px 5px 15px;
   display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
   width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
   text-decoration: none;
   background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
   background: #ADB96E;
   color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
   position: relative;/* this gives IE6 hasLayout to properly clear */
   clear: both;
   background-color:#333;
   width: auto;
   height: 80px;
}

.footleft {
   float:left;
   width: 480px;
   height: 72px;
   color: F7941D;
   padding-top: 8px;
}
   
.footright {
   float:left;
   width: 480px;
   height: 80px;
   color: #FFF;
}

.bottomnav {
   height:25px;
   padding-top: 10px;
   width: 480px;
   float: left;
}

.btmcopyright {
   height:35px;
   padding-right: 15px;
   float: left;
   width: 465px;
}

.locationsbg {
   float:left;
   width:960px;
   height:900px;
   background-image: url(images/Locations.png);
   background-position: center;
   background-repeat: no-repeat;
}

.locations {
   float:left;
   width:960px;
   height: 900px;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
   float: right;
   margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
   float: left;
   margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

/* ----------------------------- CONTACT ----------------------------------------------------------------------
-------------------------------------------------------------------- */


.contactheadbg {
   float:left;
   width:960px;
   background-image:url(images/Contact-head.png);

   background-repeat:no-repeat;

}

.contacthead {
   float:left;
   width:710px;
   height:205px;
   padding: 70px 125px 30px 125px;
   line-height: normal;
}

.contact-infobg {
   float:left;
   width:480px;
   height: 625px;
   background-image: url(images/Contact-left-bg.png);

   background-repeat: no-repeat;
}

.contact-info {
   float:left;
   width:422px;

   padding: 15px 40px 0px 40px;
   line-height: normal;
}

.contact-form {
   float:right;
   width:460px;
   height: 800px;
   background-image: url(images/Contact-form-bg.png);
   margin-bottom: 0px;
   background-repeat: no-repeat;
}

                                                      /* PRODUCT PAGE CSS */

.prod-back-to {
   float: left;
   padding: 10px;
   }
   
.prod-bullets {
   float:left;
   width:960px;
   height: 80px;
   background-image:url(images/prod-bullets.png);
   background-repeat:no-repeat;
   -moz-border-bottom-right-radius: 5px;
   -moz-border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   margin: 0px 0 10px 0;
}

.prod-bullets-text {
   float: left;
   margin: 10px 0 0 10px;
   }
   
.prod-text {
   float: left;
   width: 300px;
   padding: 10px;
   }
   
.prod-third {
   float: left;
   width: 281px;
   margin: 0px auto;
   }

/* NETTING */

.prod-head-nbc {
   float:left;
   width:960px;
   height: 150px;
   background-image:url(images/netting-batting-equipment.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-nbc {
   float:left;
   width:960px;
   height: 580px;
   background-image:url(images/netting-batting-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

.prod-body-nbc {
   float: right;
   padding: 120px 0 0 650px;
   width: 300px;
   margin: 0px 20px 0 0;
   }
   
                                                /* BASKETBALL BACKSTOPS & PORTABLES */
   
.prod-head-bbp {
   float:left;
   width:960px;
   height: 150px;
   background-image:url(images/bball-head.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-bbp {
   float:left;
   width:960px;
   height: 520px;
   background-image:url(images/bball-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

.prod-body-bbp {
   float: right;
   padding: 120px 0 0 650px;
   width: 300px;
   margin: 0px 20px 0 0;
   }
   
.prod-hoop1-bbp {
   float:left;
   display: block;
   width:286px;
   height: 483px;
   background-image:url(images/bball-hoop1.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0 20px;
}

.prod-hoop2-cont {
   float:left;
   display: block;
   width:262px;
   height:483px;
   margin: 20px 5px 0 15px;
   }


.prod-hoop2text-bbp {
   float:left;
   display: block;
   width:262px;
   height:290px;
   background-image:url(images/bball-bg-hoop2a.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
   }

.prod-hoop2a-bbp {
   float:left;
   display: block;
   width:262px;
   height:290px;
   background-image:url(images/bball-hoop2a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
   }

.prod-hoop2b-bbp {
   float:left;
   display: block;
   width:262px;
   height:173px;
   background-image:url(images/bball-hoop2b.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;


}

.prod-hoop3-bbp {
   float:left;
   display: block;
   width:320px;
   height: 180px;
   background-image:url(images/bball-hoop3a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0 20px;

}

.prod-hoop4-bbp {
   float:left;
   display: block;
   width:320px;
   height: 283px;
   background-image:url(images/bball-hoop4.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0 20px;

}

.bullet-div {
   float: left;
   width: 400px;
   height: 200px;
   }



                                                /* SPORTS FLOOR COVERS */

.prod-head-sfc {
   float:left;
   width:960px;
   height: 150px;
   background-image:url(images/sfc-head.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-lt-sfc {
   float:left;
   width:310px;
   height: 630px;
   background-image:url(images/sfc-body-lt.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0px 20px 0 0;
}

.prod-bg-rt-sfc {
   float:left;
   width:630px;
   height: 630px;
   background-image:url(images/sfc-body-rt.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

.prod-body-sfc {
   float: right;
   padding: 10px 10px 10px 10px;
   width: 600px;
   margin: 10px 20px 0 30;
   }
   
.prod-covers1a-sfc {
   float:left;
   display: block;
   width:160px;
   height:74px;
   background-image:url(images/covers1a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 30px 0px 0 75px;
}

.prod-covers1b-sfc {
   float:left;
   display: block;
   width:290px;
   height:218px;
   background-image:url(images/covers1b.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 10px;

}

.prod-covers1c-sfc {
   float:left;
   display: block;
   width:290px;
   height: 191px;
   background-image:url(images/covers1c.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 10px;

}

.prod-covers2a-sfc {
   float:left;
   display: block;
   width:300px;
   height: 202px;
   background-image:url(images/covers2a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 10px 10px 0 10px;

}

.prod-covers2b-sfc {
   float:left;
   display: block;
   width:300px;
   height: 202px;
   background-image:url(images/covers2b.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 10px 0px 0 0px;
   }  
                                                /* VOLLEYBALL SETUPS */


.prod-head-vbs {
   float:left;
   width:960px;
   height: 150px;
   background-image:url(images/vbs-head.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-vbs {
   float:left;
   width:960px;
   height: 480px;
   background-image:url(images/vbs-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0px auto;
}

.prod-cont-half-vbs {
   float: left;
   width: 440px;
   height: 480px;
   margin: 20px 10px 0px 22px;
   }

.prod-1a-vbs {
   float:left;
   display: block;
   width:440px;
   height:415px;
   background-image:url(images/vbs1a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0px 0px 20px 0px;
}

.prod-1b-vbs {
   float:left;
   display: block;
   width:200px;
   height:196px;
   background-image:url(images/vbs1b.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 20px 0px;

}

.prod-1c-vbs {
   float:left;
   display: block;
   width:200px;
   height: 377px;
   background-image:url(images/vbs1c.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 10px;

}

.prod-1d-vbs {
   float:left;
   display: block;
   width:200px;
   height: 200px;
   background-image:url(images/vbs1d.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 0px;

}

.prod-2a-vbs {
   float:left;
   display: block;
   width:440px;
   height: 219px;
   background-image:url(images/vbs2a.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0px 0px 20px 0px;

}

.prod-2b-vbs {
   float:left;
   display: block;
   width:200px;
   height: 156px;
   background-image:url(images/vbs2b.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 20px 0px 0px; 
   }
   
.prod-2c-vbs {
   float:left;
   display: block;
   width:200px;
   height: 156px;
   background-image:url(images/vbs2c.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 20px; 
   }
   
                                             /* BLEACHERS AND BENCHES */
                                             
.prod-head-bnb {
   float:left;
   width:960px;
   height: 130px;
   background-image:url(images/bnb-head.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-bnb {
   float:left;
   width:960px;
   height: 268px;
   background-image:url(images/bnb-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

   
.prod-bench1-bnb {
   float:left;
   display: block;
   width:300px;
   height: 228px;
   background-image:url(images/bnb-bench1.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0px 20px;
}

.prod-bench2-bnb {
   float:left;
   display: block;
   width:300px;
   height:228px;
   background-image:url(images/bnb-bench2.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0px 0px;

}

.prod-bench3-bnb {
   float:left;
   display: block;
   width:300px;
   height: 228px;
   background-image:url(images/bnb-bench3.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0px 0px 0px;

}

                                          /* PADDING */
   
.prod-head-padding {
   float:left;
   width:960px;
   height: 150px;
   background-image:url(images/padding-head.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.prod-bg-padding {
   float:left;
   width:960px;
   height: 540px;
   background-image:url(images/padding-bg.png);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
}

.prod-cont-padding {
   float: left;
   width: 300px;
   height: 600px;
   margin: 20px 10px 0px 10px;
   }
   
.prod-padding-padding1 {
   float:left;
   display: block;
   width:300px;
   height: 240px;
   background-image:url(images/padding1.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0px 0px 20px 0px;
}

.prod-padding-padding2 {
   float:left;
   display: block;
   width:300px;
   height:240px;
   background-image:url(images/padding2.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 0 0 0 0px;

}

.prod-padding-padding3 {
   float:left;
   display: block;
   width:300px;
   height: 500px;
   background-image:url(images/padding3.jpg);
   background-position:center;
   background-repeat:no-repeat;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-radius: 5px;
   margin: 20px 10px 0px 10px;

}

.prod-text-padding {
   float: left;
   padding: 20px auto;
   width: 300px;
   margin: 20px 0px 0 10px;
   }