﻿Body { position:relative; background: url('/images/body-bg.jpg') repeat; }

.container { width:960px; }
.clear { clear:both; }

button { cursor:pointer; }

#wrapper-1 
{ 
     background:#E6E7E8;
    clear:left;
    float:left;
    overflow:hidden;
    width:960px;
    box-shadow: 2px 0px 4px #000;
}
#wrapper-2
{    
    background:#fff;
    float:left;
    width:100%;
    position:relative;
    left:208px;
    clear:both;
}


/* Header Content */
header
{
	background: #151410;
	width: 100%;
	height: 32px;
	padding:64px 0px 0px;	
	 color: #D9DADB;
	 font-size:16px;
}
header img { margin-top:-56px;}
header span { padding-top:56px; margin:0px 16px;}

header nav, ul#document-downloads{ display:inline; }
header ul { display:inline; text-transform:uppercase;} 
header li { display:inline-block; position:relative; font-weight:600; margin-right:4px; }

ul#document-downloads li h4 { display:block; height:32px; width:100%; color:#fff;}
ul#document-downloads li h4:hover{ cursor:pointer; }
ul#document-downloads li ul 
{ 
    display:none;
    background:url('/images/downloads-bg.png') repeat;
    width:184px;
    height:184px;
    position:absolute; 
    top:20px; 
    right:0; 
    z-index:9999; 
    font-size:13px;
    padding:24px 16px;
    margin-top:10px;
    }
    ul#document-downloads li a{ color:#A9AFB5; font-weight:300; text-transform:none;}
    ul#document-downloads li a:hover { color: #09f; }
    ul#document-downloads li:hover ul { display:block;  }      
         
         
         
/* Navigation Pane */

#left-column
{ 
    float:left;
    left:-960px;
    position:relative;
    width:208px; 
    color:#151410;
    }
#left-column li 
{ 
    height:40px; 
    width:208px; 
    background: url('/images/nav-button.jpg') no-repeat; 

    }    
    #left-column li:hover {     background: url('/images/nav-button-hover.jpg') no-repeat;     } 
       
#left-column ul li a
{ 
    display:block; 
    width:100%;
    height:100%;
    line-height:40px;
    padding-left:16px;
     color:#A9AFB5;
    text-shadow:1px 1px 0px #000;
    text-transform:uppercase;
    font-weight:600;
    }     
    #left-column ul { box-shadow:0px 0px 2px #000; }
#left-column span { display:inline-block; margin:16px; }
    
#left-column img { margin-left:4px; } 
 
#LoadControl 
{
    background: url('/Images/LoadControl.png') no-repeat;
    width:200px;
    height:90px;
    margin:0 auto;
    margin-top:6px;
    
     }
     
     #LoadControl:hover { cursor:pointer; background-position: left bottom; }

/* Main Content */

#main-column 
{ 
    float:left;
    left:0;
    position:relative;
    width:752px; 
    }
    
    /* Slideshow */
#slideshow 
{
    position:relative; 
    height:280px;
    width:100%;
}
#slideshow .slide
{
    position:absolute;
    top:0;
    left:0;
    display:none;
    height:280px;
    width:752px;
}


#slideshow .slide.active { display:block; }
#slideshow .text
{
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    padding:96px 16px 16px 16px;
}
    #slideshow h1 { font-family:league-gothic, Impact; text-transform:uppercase; font-size: 48px; margin-bottom:0;}
    #slideshow h2 { font-size: 30px; font-weight:700; line-height: 1; }
    #slideshow a { font-size:18px; text-decoration:underline; }
#slideshow .text.right { left:400px; }

#Video 
{
    height:492px;
    width:645px;
} 
 
#content { padding:48px; color:#151410; }

/*Sub Main Content*/
#sub-content { margin:16px; height:100%; width:100%;} 
a.product-box  
{
   	width:236px;
	height:236px;
	margin:2px;
	padding:0;
	text-align:center;
	float:left;
	position:relative;
	margin-top:32px;
	}
	a.product-box img { position:absolute; width:236px; height:236px; top:0; left:0;}
	a.product-box h4 
	{ 
	    position:absolute; 
	    z-index:2; 
	    background:#000; 
	    display:block; 
	    height:32px; 
	    width:236px;
	    line-height:32px;
	    top:-32px;
	    }


.product-thumbnail { width:264px; min-height:336px; float:left; margin:32px 56px 0 0; color:#808184;}
.product-thumbnail h3  {color:#151410; }
.product-thumbnail img { height:100%; width:100%; }

.table { text-align:center; }
.table td{ outline:#000 solid 2px; padding:4px 8px;}

/* Product Page */

.lightbox.product-thumbnail 
{
    border:1px solid #E6E7E8;
    width:332px;
    height:332px;
    position:relative;
    margin:32px 0 48px ;
}

.free-shipping 
{
    position:absolute;
    display:block;
    top:-30px;
    left:0;
    background:#000;
    color:#fff;
    width:300px;
    padding: 4px 16px;
    
}
    .free-shipping strong { color:#fff; font-size:14px; }

.product-info { float:right; min-height:418px; width:300px; padding-left:22px;}
.product-info h1 { font-size:24px; margin-bottom:0; }
.product-info h3 { text-transform:none; margin:1em 0; }



.thumbnails  
{
   
    height:60px;
    margin:32px 0;
    width:332px;
    clear:left;
}

.thumb {
    border: 1px solid #DDDDDD;
    float: left;
    height: 60px;
    margin-right: 12px;
    width: 60px;
}

.thumb a img {
    height: 60px;
    width: 60px;
    cursor:pointer;
}
.dark {
    opacity: 0.5;
}

#content h4, #content ul { margin-bottom:8px; }

.downloads-box 
{ 
    background:#E6E7E8; 
    padding:16px; 
    border-radius:4px;
}
#content .downloads-box ul { margin-bottom:0px; }
.downloads-box li 
{ 
    background: url('/images/gray-arrow.png') no-repeat; 
    text-indent:12px; 
    line-height:10px; 
    margin-bottom:8px;
    color:#6d6e70;
    }
    
 .warranty-box  
 {
     background:#E6E7E8; 
    padding:16px; 
    border-radius:4px;
    width:442px;
    height:136px;
    clear:both;
    border:3px solid #fff;
    box-shadow:0px 0px 4px #000;
 }
 .warranty-box a { text-decoration:underline; }
    


/* Contact Page */

.ContactUs .Content
{
    margin:24px 0px 0px 400px;
}
.Contact
{
    margin-top:10px;
    width:645px;
    height:643px;
	border: 3px solid #fff;
   
}

.Contact .Bottom textarea { width:475px; }

#ContactForm .Left, #ContactForm .Bottom { margin-left:0px; width:151px; }
#ContactForm .Right { width: 151px; margin-right:90px; }
#ContactForm input[type="submit"] 
{ 
    height:42px; 
    width:195px; 
    background: url("/Images/gold-button.png") no-repeat; 
    border:none; 
    cursor:pointer; 
    color:#fff;
    font-size:20px;
    text-transform:uppercase;
    }




/* Footer */
footer
{
    background: url('/images/footer-bg.jpg') repeat-x;
    box-shadow: 2px 2px 4px #000;
    width:960px;
    height:60px;
    clear:both;
    float:left;
    position:relative;
    z-index:2;
}
footer ul
{
    margin:0 auto;
    padding:0px 32px;
}
footer li
{
    display:inline;
    margin-right:16px;
    line-height:60px;
    color:#6D6E70;
}


#SuccessMessage
{
    display:none;
}
