/*
CSS for PrimeCut Smoker Grills v 0.1 Site
*/

*{
  margin: 0;
  padding: 0;
  }
 
 a {
  outline: none;
  color: red;
  }
  
a img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
	}
	


a:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -khtml-opacity: 0.7;
	}  
  
img {
  border: none;
  }
  
ul {
 list-style: none;
 }

em {
 font-weight: bold;
 }
 
h2 {
 font-size: 16pt;
 font-family: Verdana, arial, sans-serif;
 font-weight: bold;
 padding: 10px 0px 8px 5px;
 color: #790000;
 }
 
h3 {
 font-size: 12pt;
 font-family: Verdana, arial, sans-serif;
 font-weight: bold;
 padding: 0 5px 5px 5px;
 color: black;
 }

h4 {
 font-size: 10pt;
 font-family: Verdana, arial, sans-serif;
 color: #790000;
 padding-bottom: 7px;
 margin-right: 5px;
 margin-left: 5px;
 }
 
h5 {
 font-size: 10pt;
 color: red;
 }
 
.clear { clear: both; }

 body {
  font-size: 8pt;
  font-family: Georgia, serif;
  padding: 5px 0 0 0;
  background: black;
  }  
  
div#page-wrap {
  width: 970px;
  margin: 0 auto;
  background: #790000;
  padding: 0 0 20px 0;
  }
	
div#header {
 width: 970px;
 height: 105px;
 }
 div#header a.contact {
  position:absolute;
  left:590px;
  top:30px;
  z-index:100;
  color: black;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  }
   div#header a.contact:hover {
   color: #790000;
   }
 
 div#logo {
 width: 485px;
 float: left;
 padding: 5px 0 0 0;
 }
  div#logo a:hover img{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
	}  
  
div#redhot {
 width: 485px;
 float: right;
 padding: 5px 0 0 0;
 }
 div#header img.main {
 padding: 0 0 0 5px;
 }
 

.slideshow {
  width: 960px;
  height: 230px;
  background-image: url(bg/header-bg.jpg);
  border-right: 5px solid #790000;
  border-left: 5px solid #790000;
  }
  
 .slideshow a {
   padding: 0 0 0 0;
   }
   .slideshow a:hover img{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
	}
	
   .slideshow img {
    padding: 19px 0 0 23px;
    }
 
div#container {
 float: left;
 width: 950px;
 margin-top: 10px;
 margin-left: 10px;
 background: url(bg/nav2.png) repeat-x #790000;
 background-position: 0px -50px;
 }
 
#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li {	
      width: auto;
      float: left;
	  }

	#jsddm li a	{	 
	  font-family: Verdana, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: black;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: block;
      width: auto;
      height: 50px;
      line-height: 50px;
	  border-right: 2px solid #626262;
      background: url(bg/nav2.png) repeat-x #790000;
      background-position: 0px -50px;
	  padding: 0 20px;
	  white-space: nowrap;
	  }
	  
	 #jsddm li a.current {	
      border-right: 0px;	
      background-position: 0px 0px;
	  border-right: 2px solid #626262;
	  color: white;
	  }

	#jsddm li a:hover {	
      border-right: 0px;	
      background-position: 0px 0px;
	  border-right: 2px solid #626262;
	  color: white;
	  }
		
		#jsddm li ul {	
		 margin: 0;
		 padding: 0;
		 position: absolute;
		 visibility: hidden;
		 }
		
		#jsddm li ul li {
		  float: none;
		  display: inline;
		  }
		
		#jsddm li ul li a {
		  width: 130px;
		  height: 40px;
		  line-height: 40px;
		  color: black;
          background: url(bg/nav2.png) repeat-x #790000;
          background-position: 0px -50px;
		  border-left: 2px solid #626262;
		  border-bottom: 2px solid #626262;
		  border-right: 2px solid #626262;
		  }
		
		#jsddm li ul li a:hover {
		  color: white;
          background: url(bg/nav2.png) repeat-x #790000;
          background-position: 0px 0px;
		  border-left: 2px solid #626262;
		  border-bottom: 2px solid #626262;
		  border-right: 2px solid #626262;
		  }  
  
div#preview-gallery {
 width: 940px;
 padding: 10px 0 5px 0;
 background: #790000;
 margin-left: 30px;
 }
 
 div#preview-gallery a.lightbox {
  width: 220px;
  height: 86px;
  padding: 0 0 0 5px;
  }
 
 div#preview-gallery img {
  width: 220px;
  height: 86px;
  }
  
div#right-col {
 float: right;
 width: 310px;
 padding: 5px 5px 5px 5px;
 font-size: 8pt;
 line-height: 10pt;
 font-family: verdana, arial, sans-serif;
 }
 
 
.container2 {
  width: 310px;
  padding: 0 0 10px 0;
  }
  
 .sidebar-right {
 display: block;
 border: 2px solid #d7d7d7;
 color: black;
 padding: 0 0 0 0;
 background-color: white;
 }
 
  .sidebar-right p {
    padding: 0 5px 0 5px;
    }	
  .sidebar-right img {
    float: left;
    padding: 5px 5px 5px 5px;
    }
  .sidebar-right a {
    display: block;
	text-align: right;
    padding: 0 5px 10px 0;
	color: #790000;
	font-style: italic;
    }
	  .sidebar-right a:hover {
	   color: #ed1c24;
	   }
	
div#left-col {
 float: left;
 width: 640px;
 padding: 5px 5px 5px 5px;
 font-size: 10pt;
 font-family: verdana, arial, sans-serif;
 }
 
 .container3 {
  width: 650px;
  padding: 0 0 10px 0;
  }
  
 .sidebar-left {
 width: 638px;
 border: 2px solid #d7d7d7;
 color: black;
 padding: 0 0 0 0;
 background-color: white;
 }
 
  .sidebar-left p {
    padding: 0 5px 10px 5px;
    }
	
  .sidebar-left img {
    float: left;
    padding: 5px 5px 5px 5px;
    }
	.sidebar-left a {
     display: block;
	 text-align: right;
     padding: 0 5px 10px 0;
	 color: #790000;
	 font-style: italic;
     }
	.sidebar-left a:hover {
	  color: #ed1c24;
	  }
	
div#main-content {
 float: left;
 width: 940px;
 margin-top: 10px;
 margin-left: 15px;
 margin-right: 15px;
 background: white;
 font-size: 14px;
 font-family: verdana, arial, sans-serif;
 }
 
 div#main-content p {
 padding: 0 10px 10px 0;
 }
 
 div#main-content img.left {
 float: left;
 padding: 15px;
 }
 
div#main-top {
 float: left;
 width: 930px;
 margin-left: 15px;
 margin-right: 25px;
 }
 
div#preview-gallery2 {
  float: right;
  width: 354px;
  }

 
div#main-mid a.price {
 float: right;
 width: 150px;
 font-size: 16pt;
 font-family: Verdana, arial, sans-serif;
 font-weight: bold;
 padding: 0 0 0 0;
 margin-top: 15px;
 margin-right: 30px;
 margin-bottom: 15px;;
 color: #790000;
 }
 
div#main-mid {
 float: left;
 width: 940px;
 margin-left: 25px;
 margin-right: 5px;
 font-size: 8pt;
 }
 
 div#main-mid p {
  padding: 0 10px 10px 0;
  }
 
 div#main-mid ul li {
  
  line-height: 12pt;
  list-style-type: disc;
  margin-left: 25px;
  padding: 0 0 5px 5px;
  }

div#main-mid img.right {
 float: right;
 margin-top: 0px;
 margin-right: 40px;
 margin-left: 15px;
 margin-bottom: 5px;
 }
 
div#main-mid a.lightbox img{
 float: left;
 width: auto;
 margin-right: 35px;
 margin-bottom: 20px;
 border: 2px solid #b7b7b7;
 } 
 
div#main-mid .parts {
 width: 160px;
 float: left;
 text-align: center;
 border: 2px solid #d7d7d7;
 padding: 5px 0 0 0;
 margin-right: 18px;
 margin-bottom: 10px;
 }
 
div#main-bottom {
    margin: 0px auto;
    width: 660px;
	background: white;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
	min-height: 500px;
	height: auto !important;
    }

 div#main-bottom h2 {
  padding-bottom: 25px;
  }
 div#main-bottom .price {
  float: right;
  width: 150px;
  padding: 10px;
  }
 
div#footer {
 text-align: center;
 padding: 15px;
 color: #c2c2c2;
 }
 div#footer a {
  color: #c2c2c2;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 2px;
  }
  	  div#footer a:hover {
	   color: #ed1c24;
	   text-decoration: underline; 
	   }
  
  div#footer p {
   line-height: 15pt;
   }
  
  
  
  
div#page-wrap2 {
	width: 660px;
	background: white;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	padding: 0 50px 20px 50px;
	margin: 75px auto;
	min-height: 500px;
	height: auto !important;
	height: 520px;
    }

div#page-wrap3 {
   width: 660px;
   background: white;
   margin-top: 75px;
   }
div#contact-area {
	width: 600px;
	margin-top: 25px;
	}

div#contact-area input, div#contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
    }

div#contact-area textarea {
	height: 90px;
    }

div#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
    }

div#contact-area input.submit-button {
	width: 100px;
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
    }

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12pt;
	font-weight: bold;
    }