body {
        margin: 0;
        padding: 0;
        border: 0;		
        color: #666;     
        font-family: Trebuchet Ms, Helvetica Neue, Helvetica, Arial, Sans-serif;           
        font-size:80%;        

    }
#wrapper {        
        overflow: hidden;
        width: 886px;
        padding: 0;
        margin: 0px auto;
        background: url(includes/css/cssimages/gradient-bg.png) repeat-y;
}

ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

sup {
	vertical-align: super;
	line-height: 1;
	font-size: .5em;
}

hr {
	display: block;
	clear: left;
	border: 0;
	height: 0;
	width: 10px;
	visibility: hidden;
}
.float  {padding: 5px 5px 0 0;}
.img-padding { padding: 0 5px; float: left; display: block; clear: both;}
.img-spacing { margin: 10px 0 0 0; float: left; display: block; clear: both;}
.img-spacing2 { margin: 10px 0 0 0; float: left; display: block; clear: both;}
.text-block {width: 100%; overflow: hidden;}
.strong {font-weight: bold;}

a {
    	color: #666;
        text-decoration: underline;
}

a:hover {			
		text-decoration: none;
}

h1, h2, h3 {
        margin: 0 0 .2em 0;
        padding: .5em 0 .5em 0;
        font-weight: bold;        
        color: #666;
    }
   
h2 {
     font-size: 1.6em;
     padding-bottom: 0;
   }
h3 {
    font-size: 1.45em;
   }
  
p {
        margin: 0;
        padding: .3em 0 .3em 0;
    }
img  {
     border: none;
    }	
  
#masthead {
     position:relative; 
     top:0 !important; 
     left:0;      
     width: 886px;
     background: url(/images/main/masthead.png) no-repeat;
     height: 99px;
    }	
#masthead-mon {
     position:relative; 
     top:0 !important; 
     left:0;      
     width: 886px;
     height: 99px;
    margin-top:0;
    }	
#primarynav a {
      position: absolute;
      height:81px;
      width: 128px;
      top: 0px;
      text-decoration: none;
      z-index: 10000;   
} 
#primarynav a i { visibility: hidden; }

a#home  {            
        left:  92px;
}

a#contact {  
        top: 38px;
        left: 715px;
        height: 20px;
        color: #b73331 !important;  
        text-align: right;     
    } 
a#contact:hover {      
    	color: #b73331;
        text-decoration: underline;
} 

a#home:hover, a#contact:hover { border: none; } 

#utility-links {
        position: absolute; 
        top: 327px; 
        left: 40px; 
        text-align: right; 
        font-weight: bold;
    }
#state {         
        position: absolute; 
        top: 176px; 
        left: 49px;         
        width: 151px; 
        padding-top: 1px;
        border: none;
        font-style: italic;
        font-weight: bold;  
  }

  .products, .difference, .showrooms, .button-go, .request, .rainbow, .monster, #contact, #state {
        font-family: Trebuchet Ms, Helvetica Neue, Helvetica, Arial, Sans-serif; 
        font-weight: bold; 
        font-style: italic;
  }
  
  .products, .difference, .showrooms, .button-go, .request, .rainbow, .monster, #state a {
       text-decoration: none;
   }
   
   .products, .difference, .showrooms, .button-go, .request, .rainbow, .monster,  #state a:hover {
      text-decoration: underline  !important;
   }
     
  .products {
        position: absolute; 
        top: 28px; 
        left: 125px;
        color: #000 !important;         
    }    
    .difference { 
        position: absolute; 
        top: 90px; 
        left: 87px; 
    }
	
    .showrooms {
        position: absolute; 
        top: 151px; 
        left: 113px; 
    }
  
    .button-go {
        position: absolute; 
        top: 207px; 
        left:146px; 
        border: none;
        color: #fff; 
        width: 50px; 
        background: url(includes/css/cssimages/button-go.png) no-repeat; 
        height: 24px;
    }
    
   .request {
        position: absolute; 
        top: 265px; 
        left: 74px;
    }
     
   .contact-page {
      padding: 10px;
  } 
  #text {
       margin: 10px;       
       font-size: 12px;  
    }

   #blurb-text {
       margin-top: 0;
       padding-top:0;  
       margin-left: 15px;              
       font-size: 12px; 
    }
 
   #blurb-text h3 {     
      padding: 0;
      margin-top: 8px;
      color: #666;
      position: relative;
    }

  

  
/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear: both;
	    float:left;
        width:886px;			/* width of whole page */
		overflow: hidden;
        z-index: 1;	/* This chops off any overhanging divs */
        padding:0;
        margin:0;                  
        
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:886px;				/* width of page */
		position:relative;
        z-index: 3;
        padding:0;   
	}
	.col1,
	.col2,
	.col3, .prod {
		float:left;
		position:relative;
		padding:0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
        
	}
	/* 3 Column settings */
	.threecol {		
        background:transparent;		/* right column background colour */
	}
	.threecol .colmid {
		right: 198px;				/* width of the right column */
		background:transparent;		/* center column background colour */
	}
	.threecol .colleft {
		right:457px;				/* width of the middle column */
		background:transparent;		/* left column background colour */        
       
	}
	.threecol .col1 {
		width: 457px;				/* width of center column content (column width minus padding on either side) */
		left: 886px;				/* 100% plus left padding of center column */
                overflow: hidden;
                z-index: 1000;       
               margin-top: -48px;
	}

       .threecol .prod {
		width: 457px;				/* width of center column content (column width minus padding on either side) */
		left: 886px;				/* 100% plus left padding of center column */
                overflow: hidden;
                z-index: 1000; 

	}
	.threecol .col2 {
		width:231px;				/* Width of left column content (column width minus padding on either side) */
		left:200px;	 
                overflow: hidden;
                height: 716px;
                margin-top:-10px; 
	}
        .threecol .col2 #navigation {
                    background: transparent url(includes/css/cssimages/left-bar.png) no-repeat;                    
	}
	.threecol .col3 {
		width:198px;				/* Width of right column content  */
		left:655px;				/* Please make note of the brackets here: (100% - left column width)  */
        }
     
    
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
        background: url(includes/css/cssimages/footer-sub.jpg) no-repeat bottom left;
        height: 35px;
        } 
     
    
    .col1 .product-desc {
        position: absolute;
        left:560px; 
        top:56px;
        width: 100px;
        
    }
   #center-image {     
     float: left;
     width: 245px;
     margin-top: 4px;
   }
    #monster-text {    
     float: right;
     width: 208px; 
     margin-top: 45px;
     z-index: 1000;       
     text-align: right;
     font-size: .9em;
    }
     #dominator-text {    
     float: right;
     width: 208px; 
     z-index: 1000;       
     text-align: right;
     font-size: .9em;
    }
   #basketball-hoop {
        position: absolute; 
        left: -1px; 
        top: -43px; 
        z-index: 1;  
        width: 245px;        
        background: transparent url(images/main/basketball-hoop.jpg) no-repeat;                
        height: 489px;
    }
  #prod-image {
       padding: 5px;               
  }

  .hide-text {
    display: none;
   }   
   
   #request-local {        
        border: none;
        color: #000; 
        width: 208px;
        background: url(images/main/request-local.jpg) no-repeat; 
        height: 38px;
    }

.spacer   {
   clear: both; 
   height: 20px;
   margin-bottom: 190px;
}

.spacer2   {
   clear: both; 
}
#spec {    
    float: left;
    width: 445px;       
    display: block;
}

#spec dl {   
   padding-bottom: 40px;
   width: 445px;
   background: transparent url(images/main/spec-footer.png) no-repeat bottom left;  
} 
 
#spec dt {
   width: 445px;
   margin: 0;
   padding: 0;
   background: #fff url(images/main/spec-header.png) no-repeat top left;
   height: 36px;  
 }
  
#spec dd {
  margin: 0;
  overflow: hidden;  
  width: 100%;
   background: #fff url(includes/css/cssimages/spec-bg.jpg) repeat-y 0 0;
 }

.speclist1 {
     float: left; 
     width: 200px; 
     display: block;  
      padding: 0 20px 0 20px; 
      font-size: .95em;
}

  .spec-title {
     margin-top: 10px;
     margin-bottom: 0;
     font-weight: bold;      
     clear: both;
   }
  .spec-desc {
   margin-top: 0;   
  }
 .speclist2 {
     float: left; 
     width: 200px;  
     font-size: .95em;
}

#overlay {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50000;
}

#current_pic {
	border: 6px solid #0d5cb8;
	position: absolute;
	z-index: 50002;
	display: none;
	overflow: hidden;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#current_pic_caption {
	background: #0d5cb8;
	color: #fff;
	padding: 8px 20px;
	text-align: center;
	line-height: 1.2;
	font-size: 1.3em;
	font-weight: bold;
	position: absolute;
	z-index: 50001;
	border: 6px solid #0d5cb8;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}


#image-gallery {
      float: left;
      width: 381px;
      margin-left: 48px;      
      z-index: 5;            
      background: url(images/main/image-gallery.png) no-repeat;
      height: 93px;
}

.image-gallery span {
      padding-left: 38px;
}

#gallery-photo {
    float: left; 
    margin-top: 8px;   
    padding-left: 54px;
    width: 354px;
    overflow: hidden;
    z-index: 1000;
}

* html div#gallery-photo {top: 370px;}

#gallery-photo ul {              
    list-style:none;
    margin:0;
    padding:0;
    }
#gallery-photo li {
    float:left;
    padding-bottom: 8px;
    width: 88px;
    padding-right: 11px; 
}

#on-off {
 position: absolute; 
 left: 95px; 
 top: 450px; 
 font-weight: bold; 
 z-index: 1000;
}

#on-offD {
 position: absolute; 
 left: 95px; 
 top: 370px; 
 font-weight: bold; 
 z-index: 1000;
}


/* HOT SPOT*/

a.hotspot {
    display: block;
    position: absolute;
    background: url(includes/css/cssimages/hotspots.gif) no-repeat;
    width: 18px;
    height: 18px;
    z-index:1000;
}
a.hotspot span { display: none; }

a.hotspot:hover { background-position: 0 -18px; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.hotspot:hover { z-index:10000; color: #aaaaff; text-decoration: none;}
a.hotspot:hover span.tooltip {
        display:block;
        position:absolute;
        top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
        text-align: left;
        text-decoration: none;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.hotspot:hover span.top{
	display: block;
	padding: 30px 8px 3px 8px;
        font-weight: bold;
        background: url(images/main/bubble.gif) no-repeat top;
}
a.hotspot:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/main/bubble_filler.gif) repeat bottom; 
}
a.hotspot:hover span.bottom{
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
        background: url(images/main/bubble.gif) no-repeat bottom;
}

#show-hotspot 
{
  display: block;
}
.gap {
  padding-left: 10px;
}

.dealer_name {
    font-size: 1.2em;
}

.dealer_link a {
    font-weight: bold;
    text-align: right;
    padding-right: 11px;
    background: transparent url(includes/css/cssimages/arrows.gif) no-repeat right 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.dealer_link a:hover {
    color: #276da3;
    text-decoration: underline;
}

.imgright {
    float: right;
}

ol.locationlist { list-style: decimal; }

  #dream_sweepstakes {
     position: relative;
     z-index: 1000;
  }