body{
	margin:0;
	padding:0;
	background-color: #000;
	background: url(../images/bg.jpg) repeat-x scroll 0 0 #292830;
	font-size:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
#fire{
	margin:0;
	padding:0;
	background-color: #000;
	background: url(../images/fire-bg.jpg) repeat-x scroll 0 0 #292830;
	font-size:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

html, div, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-family: inherit;*/
	vertical-align: baseline;
}

/* Code for the drop down menu*/
#navigation {
	width:775px;
	height:50px;
	overflow:hidden;
	float:right;
   font-family:arial, helvetica, sans-serif;
   font-size: 13px;
}
#navigation li {
                display: inline;
                float: left;
                font-family:helvetica,arial,sans-serif;
                font-size: 13px;
                font-weight:none;
                margin-left:5px;
                height:35px;
}

#navigation li a {
                display: block;
                font-weight:bold;  /* added 03/02/2011 */
                text-decoration:none;
                padding-top:8px;
                margin:0 0 0 0;
}

/* Code not needed */
#navigation li a.last {
                background-image: none;
                color: #FDD017; 
                font-size: 15px;   /* added 03/02/2011 */
                font-weight:none  /* added 03/02/2011 */
}

#navigation li a:hover{
       color: #FFFFF; 
       font-size: 13px;   
       font-weight:none  
}
 

#navigation li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 123px;
   margin-top: 0px;
   margin-left: 0px;
   border: 0px solid #fff;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
   padding: 0px 0 0 0;  
}
 
/* This section controls the drop down vertical section of the html code */
#navigation li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   text-transform: none;


}

/* This section controls the menu display i.e. the background, the spacing etc. */

#navigation ul li a {
                margin-right: 0px;
                border: none;
                background: 'transparent';
                color: #FDD017;
                display: block;
                padding: 6px 9px;
                font-size: 13px;
                text-decoration: none; /* added 03/02/2011 */
                outline: none;  /* added 03/02/2011 */
}

#navigation ul li a:hover {
                margin-right: 0px;
                border: none;          
                font-weight:bold;
                color: #FFFFFF;
                margin-top:0px;
                text-decoration: none; /* added 03/02/2011 */
                outline: none; /* added 03/02/2011 */
             
}

#navigation li:hover ul{
   left: auto;
   text-decoration: none; /* added 03/02/2011 */
   outline: none;  /* added 03/02/2011 */
}

#navigation ul li ul li a {
                margin-right: 0px;
                background-image: url(../images/bg.jpg);
                font-weight:none;
                color: #FDD017;
                margin-top:0px;
}

/* End Drop Down Code 

p{
	width:950px;
	color: #fff;
	padding: 0 0 0 10px;
	font-weight: normal;
	float: left;
	line-height: 16px;
	font-size: 17px;
	margin:5px 0 5px 0;
}
*/
h1{
	float: left;
	line-height: 16px;
	font-size: 17px;
	margin:10px 0 15px 25px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	clear:both;
	width:675px;
}

h2{
	font-weight: normal;
	float: left;
	line-height: 16px;
	font-size: 35px;
	margin:30px 0 15px 25px;
	color: #fff;
	text-transform: uppercase;
	clear:both;
	width:675px;
}

h3{
	font-weight: bold;
	float: left;
	line-height: 16px;
	font-size: 17px;
	margin:10px 0 15px 0;
	color: #556d8d;
	text-transform: uppercase;
	clear:both;
	width:320px;
}

p.align {
	width:950px;
	color:  #fff;
	text-align: left;
	font-size:12px:
}

/*p.color {
	color: #FDD017; 
	font-style: italic;
	font-weight: bold;
	text-align: center;
}*/
p.color {
	color: #b87c07; 
	text-align: left;
}

a.menuplace {
	background: #660000;
	color: #660000;
	display: block;
	padding: 6px 9px;
	font-size: 13px;
}

a:link,
a:visited{
	color:#fff;
	text-decoration:none;
	font-weight: none;
	}
	
a:hover,
a:active{
	color:#B87C07;
	text-decoration:none;
        outline: none;  /* added 03-03-2011 */
	}

#wrapper {
	width:1020px;
	height:100%;
	
	margin:0 auto;
	
}

#container {
	text-align: left;
	width:1020px;
	min-height:1080px;
	margin:0 auto;
	padding: 0px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background: url(../images/inside_bg.jpg) repeat-x scroll 0 0 #292830;
	position:absolute;
	
}

#containerhg {
	text-align: left;
	width:1020px;
	height:auto;
	margin:0 auto;
	padding: 0px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background-image: url(../images/inside_bg.jpg);
	position:absolute;
}

#logo {
	float: left;
	width:227px;
	height:122px;
	margin:10px 0 5px 10px;
	z-index:100;
}

#visions {
	background: url(../images/visions_tag.png) no-repeat;
	width:538px;
	height:62px;
	float:left;
	margin: 15px 0 10px 60px;
}

/* #Nav{
	width:700px;
	height:35px;
	overflow:hidden;
	float:left;
	margin:0 0 0 40px;
	}
	
#Nav ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 50px 0 0;
	}
	
#Nav li{
	float:left;
	font-family:"trebuchet ms",helvetica,arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:18px;
	}
	
#Nav li a{
	display:block;
	text-decoration:none;
	padding:0px 15px 0 0;
	margin:3px 15px 0 0;
	}
	
#Nav li a:link,
#Nav li a:visited{
	color:#3c506b;
	}
	
#Nav li a:hover,
#Nav li a:active{
	color:#b87c07;
	margin-top:3px;
	}
	
#Nav li.navOn {
	color:#b87c07;
	padding:0px 15px 0 0;
	margin:3px 15px 0 18px;
	cursor: default;
	}
*/

#leftside {
	background: url(../images/leftside_ribbon.jpg) no-repeat;
	width:66px;
	height:858px;
	margin: 0 0 0 0;
	float:left;
}

#rightside {
	background: url(../images/rightside_ribbon.jpg) no-repeat;	
	width:25px;
	height:858px;
	margin: 0 0 0 0;
	clear:both;
	float:right;
}

#content { 
	float: left;
	width: 1020px;
	height: 286px;
	margin:18px 0px 5px 0px;
	z-index:-1;

}

#hpcopy{
	width: 625px;
	height:auto;
	min-height:300px;
	font-family:arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	line-height: 18px;
	font-size: 14px;	
	color: #fff;
	margin: 20px 5px 85px 15px;
	padding: 10px 10px 10px 10px;
}

#historycopy p{
	width:800px;
	float:left;
	margin:5px 5px 5px 10px;
}
#historycopy h1{
	font-size: 10px;
	font-weight:bold;
	margin:0;
	text-align:center;
	float:left;
	clear:both;
	color:#ccc;
	width:100px;
	margin:6px 0 10px 0;
}

#historycopy{
	width: 950px;
	height:auto;
	/*min-height:300px;*/
	font-family:arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	line-height: 18px;
	font-size: 14px;	
	color: #fff;
	margin: 20px 5px 15px 15px;
	padding: 10px 10px 10px 10px;
}
#hpcopy p{
	width:625px;
}

#hgcopy{
	width: 950px;
	height:auto;
	/*min-height:300px;*/
	font-family:arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	line-height: 18px;
	font-size: 14px;	
	color: #fff;
	margin: 20px 5px 15px 15px;
	padding: 10px 10px 10px 10px;
}


#hgcopybtm{
	width: 950px;
	height:auto;
	font-family:arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	line-height: 18px;
	font-size: 13px;	
	color: #fff;
	margin: 20px 5px 85px 15px;
	padding: 10px 10px 10px 10px;
}
hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px auto;
	width: 80%;
	clear: both;
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #36363c;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
}
/*#hgcopy a{
	font-family:arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 13px;
	font-size: 15px;	
	display:list;
	text-decoration:none;
	padding:0 0 0 0;
	margin:3px 10px 15px 0;
	}

#hgcopy a:link,
#hgcopy a:visited{
	color: #FDD017;
	}
	
#hgcopy a:hover,
#hgcopy a:active{
	color:#b87c07;
	margin-top:3px;
	text-decoration:none;
	}*/

#hpkicker {
	background-image: url(../images/HPKicker.jpg);
	width:257px;
	height:194px;
	float:right;
	margin: 45px 25px 0 20px;
}

#hgref{
	width: 950px;
	height:auto;
	font-family:arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 0 5px 15px 15px;
	padding: 0 10px 10px 0;

}

#productkickers {
	float:left; 
	width: 297px;
	height: 115px; 
	padding:0; 
	margin: 10px 0px 15px 25px;
	background-color: #292830;
}

#categorypage {
	float:left; 
	width:675px; 
	min-height:950px;
	background-color:#fff; 
	margin: 5px 0 25px 20px;
}

#categorypage h1{
	font-weight: bold;
	float: left;
	line-height: 16px;
	font-size: 17px;
	margin:10px 0 15px 15px;
	color: #556d8d;
	text-transform: uppercase;
	clear:both;
	width:675px;
}

#detailpage {
	float:left; 
	background-color:#fff; 
	width:675px; 
	height:600px; 
	margin: 5px 0 25px 20px;
}

#detailpage p{
	width: 675px;
	
	font-weight: normal;
	float: left;
	line-height: 19px;
	font-size: 14px;	
	color: #292830;
	margin: 10px 15px 5px 20px;
	padding: 0 10px 10px 0;
}

.detailimage {
	width:275px;
	height:275px;
	float:left;
	margin:15px 15px 15px 15px;
}

.thumbimage {
	width:150px;
	height:200px;
	float:left;
	margin:5px 0 15px 15px;
}

.thumbimage p{
	width: 150px;	
	font-weight: normal;
	float: left;
	line-height: 14px;
	font-size: 12px;	
	color: #292830;
	clear:both;
}

.thumbimage a{
	font-weight: normal;
	line-height: 13px;
	font-size: 12px;	
	text-decoration:underline;
	padding:0 0 0 0;
	margin:3px 10px 15px 0;
	color:#292830;
	}

.thumbimage a:link,
.thumbimage a:visited{
	font-weight: normal;
	line-height: 13px;
	font-size: 12px;	
	text-decoration:underline;
	padding:0 0 0 0;
	margin:3px 10px 15px 0;
	color:#292830;
	}
	
.thumbimage a:hover,
.thumbimage a:active{
	color:#556d8d;
	margin-top:3px;
	text-decoration:none;
	font-weight: normal;
	line-height: 13px;
	font-size: 12px;	
	padding:0 0 0 0;
	}	
	
#cattopcopy {
    float: left;
    margin-left: 19px;
    padding: 0;
    position: relative;
    width: 150px;
}

#topcopy {
    float: left;
    margin: 0 5px 0 20px;
    padding: 0;
    position: relative;
    width: 350px;
}

#topcopyright {
    padding: 0;
    position: relative;
}

#topcopyleft {
    float: left;

    padding: 0;

}

.topmove{
	margin-left:-95px;
}
	
.display {
    color: #666666 !important;
    float: left;
    margin: 5px 510px 5px 0;
    text-align: left;
    width: 160px;
}
.nextprev {
	width:150px;
	float:right;
	margin:5px 5px 5px 0;
	text-align:right;
	color:#666666;
}

.nextprev a{
	font-weight: normal;
	line-height: 13px;
	font-size: 12px;	
	text-decoration:underline;
	padding:0 0 0 0;

	color:#556d8d;
	}

.nextprev a:link,
.nextprev a:visited{
	color: #999;
	font-size: 12px;
	}
	
.nextprev a:hover,
.nextprev a:active{
	color:#666;
	text-decoration:none;
	font-size: 12px;
	}	

img.full{
	border:1px solid #999;
	padding:3px;
	margin-right:8px;
}

.jqzoom{
	text-decoration:none;
	float:left;
}

#productcopy{
	width: 300px;	
	font-weight: normal;
	float: left;
	line-height: 19px;
	font-size: 14px;	
	color: #292830;
	margin: 10px 15px 5px 25px;
	padding: 0 10px 10px 0;
}

#productcopy p{
	width: 300px;
	font-weight: normal;
	float: left;
	line-height: 19px;
	font-size: 14px;	
	color: #292830;
	margin: 10px 15px 5px 0;
	padding: 0 10px 10px 0;
}

#productcopy ul{
	margin:0 0 0 0;
	padding:0;
	clear:both;
	}
#productpages p{
	width:620px;
	clear:both;
}
#stocknumber{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-right:0;

}
#directorystocknumber{
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#556D8D;
	margin-left:0;

}

#references{
	width: 210px;
	height:75px;

	font-weight: normal;
	float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 0 5px 15px 10px;
	padding: 0 10px 20px 0;
}

#references b{
	color: #b87c07;
}

#references a{

	font-weight: bold;
	line-height: 15px;
	font-size: 12px;	
	display:list;
	text-decoration:underline;
	}
	
#references a:link,
#references a:visited{
	color:#39799c;
	}
	
#references a:hover,
#references a:active{
	color:#b87c07;
	text-decoration:none;
	}

#directionscopy{
	width: 325px;
	height:375px;

	font-weight: normal;
	float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 20px 5px 85px 35px;
	padding: 5px 5px 5px 5px;
}

#directionscopy h1{

	font-weight: BOLD;
	line-height: 20px;
	font-size: 18px;	
	color: #B87C07;
	margin: 0 0 5px 0;
}

#directions{
	width: 425px;
	height:375px;
	float: right;
	font-size: 12px;	
	color: #fff;
	margin: 20px 35px 15px 15px;
	padding:5px 5px 5px 5px;
	border: 1px solid #b87c07;
}

#directions a:link{

	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;	
	text-align: left;
	padding: 0 0 5px 2px;
	margin: 5px 0 0 0;
	color:#fff;
}

#directions a:hover, a:visited {

	font-weight: normal;
	font-size: 11px;
	text-decoration: none;	
	text-align: left;
	padding: 0 0 5px 2px;
	color:#fff;
}

#HGImages{
	float: left;
	width:1000px;
	margin:0 0 0 30px;
	}
	
#thankyoucopy{
	width: 600px;
	height:375px;
	font-weight: normal;
	float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 20px 5px 15px 35px;
	padding: 5px 5px 5px 5px;
}

#thankyoucopy h1{
	font-weight: bold;
	line-height: 20px;
	font-size: 18px;	
	color: #3c506b;
	margin: 0 0 5px 0;
}

#photo{
	width: 200px;
	padding:10px;
	margin:10px 5px 0px 5px;
	float: left;
	padding: 5px 5px 5px 5px;
	/*border: 1px solid #b87c07;*/
	}

	
#smallText {
	font-size:10px;
	font-weight:normal;
	color:#fff;
	text-align:left;
	margin: 5px 0 0 15px;
}

#BrandLogos{
	float: left;
	width:1000px;
	margin:0 0 85px 50px;
	}
	
#brands{
	width: 169px;
	height:70px;
	padding:10px;
	margin:10px 5px 0px 5px;
	float: left;
	padding: 0 0 0 0;
	border: 1px solid #b87c07;
	}

#footer {
	clear: both;
	background: #292830;
	width:1020px;
	height:80px;
	margin:10px 0 10px 0;
}

#myron_footer{
	background: url(../images/myron_sm_mike_5.gif) no-repeat;
	width:65px;
	height:50px;
	margin:-30px 100px 0 0;
	float:right;
}

#footertext{
	margin: 5px 0 10px 0;
	font-size: 10px;
	font-weight: normal;
	color:#999;
	text-align: center;
	padding-top:50px;
}
	
#address{
	padding:0 10px 0 0;
	color:#999;
	text-align: center;
	margin: 0 0 0 0;
	}

#formWrap { 
	padding:5px; 
	margin: 20px 20px 20px 0; 
	position:relative; 
	float:right; 
	background-color:#07537c; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
}
#messageForm { 
	width:400px; 
	border:2px solid #b87c07; 
	background-color:#07537c; 
}
#messageForm fieldset { 
	padding:0; margin:0; 
	position:relative; 
	border:none; 
	background-color:#07537c; 
}
#messageForm legend { 
	visibility:hidden; 
	height:0; 
}
#messageForm span { 
	display:block; 
	width:400px; 
	padding:10px 0; 
	margin:0 0 10px; 
	text-indent:20px; 
	background-color:#042e44; 
	color:#fff; 
}
#messageForm #to { 
	width:50px; 
	margin:0 0 2px 0; 
	padding:0 0 3px; 
	position:relative; 
	top:0; 
	float:left; 
	border:none; 
}
#messageForm input, #messageForm textarea { 
	display:block; 
	width:350px; 
	padding:3px; 
	margin:0 0 20px 20px;
	/*margin:0 auto 20px;*/ 
	border:1px solid #b87c07; 
}
#messageForm label { 
	display:block; 
	margin:0px 0 3px; 
	text-indent:22px; 
	color:#fff; 
}
#messageForm #toLabel { 
	margin-top:0; 
}
#messageForm button { 
	float:right; 
	margin:0 0 20px 0; 
}
#messageForm #cancel { 
	margin-right:130px; 
}

#gallery{
	width: 210px;
	font-weight: normal;
   float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 10px 4px 5px 4px;
	padding: 5px 2px 5px 2px;
	border-bottom:1px solid #333;
}


#gallery{
	color: #FDD017;
}

#gallery a{
	font-weight: bold;
	line-height: 15px;
	font-size: 12px;	
	display:list;
	text-decoration:underline;
	}
	
#gallery a:link,
#gallery a:visited{
	color:#39799c;
	}
	
#gallery a:hover,
#gallery a:active{
	color:#b87c07;
	text-decoration:none;
	}

#HGGalery{
	float: left;
	width:1000px;
	margin:0 0 0 60px;
	}

#hgalleryref{
	width: 950px;
	height:auto;
	font-weight: normal;
	float: left;
	line-height: 15px;
	font-size: 12px;	
	color: #fff;
	margin: 0 5px 15px 15px;
	padding: 0 10px 10px 0;

/* End of Gallery css section */


/* History css Section for use with text and images */


img.floatLeft { 
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;

}

img.floatRight { 
    float: right; 
    margin: 4px; 
} 

/* End of History css Section for use with text and images */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}